
@charset "utf-8";
/* /-/ /< CSS Document */

/*new*/

#parallax-second-block.second-section .commonHero {padding-bottom: 0;}

/***17Sep2018***/
.mobile-banner-section {display: none;}
.parallax-section-block {display: block;}
.parallax-second-block-margin {
    max-width: 1240px;
    padding: 0 30px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;    
}
.ParallaxCQSectionCompAbout .second-section, .ParallaxCQSectionCompEvents .second-section, .ParallaxCQSectionCompSupport .second-section {
    background: rgb(255,255,255);
    top: -150px;
    width: 100%;
    margin: 0 auto;
    float: none;
}
#parallaxHeroText {
    position: relative;
    top: 44%;
    transform: translateY(-44%);
}
#end-animaiton {position: absolute;}   
.ParallaxCQSectionComp .parallax-section-overlay {
    position: absolute;
    top: 0;
    left: 0;
 height: 100%;
    width: 100%;
 background: rgba(0,0,0,0.25);
    z-index: 9;

}
.ParallaxCQSectionComp .second-section, .ParallaxCQSectionComp .commonHero {display: block;}

.ParallaxCQSectionComp .second-section {
    background: rgb(255,255,255);
    z-index: 9;
    position: relative;
    top:-150px;
}
.ParallaxCQSectionComp .commonHero {z-index: 99;}
.ParallaxCQSectionComp .sectionBlock {
 margin: inherit;
}
.ParallaxCQSectionComp .parallax-section-block {
    /*position: fixed;*/
 width: 100%;
    height: 100vh;
}
.ParallaxCQSectionComp .parallax-section-block .parallax-img1-bx, .ParallaxCQSectionComp .parallax-section-block .parallax-img2-bx, .ParallaxCQSectionComp .parallax-section-block .parallax-img3-bx,
.ParallaxCQSectionComp .parallax-section-block .parallax-img4-bx, .ParallaxCQSectionComp .parallax-section-block .parallax-img5-bx, .ParallaxCQSectionComp .parallax-section-block .parallax-img6-bx,
.ParallaxCQSectionComp .parallax-section-block .parallax-img7-bx, .ParallaxCQSectionComp .parallax-section-block .parallax-img8-bx {
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ParallaxCQSectionComp .parallax-section-block .parallax-img1-bx {z-index: 1;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img2-bx {top: 178px;z-index: 2;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img6-bx {top: 244px;z-index: 3;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img3-bx {top: inherit;bottom: -100px;z-index: 5;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img7-bx {top: inherit;bottom: -120px;z-index: 4;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img8-bx {top: inherit;bottom: -120px;z-index: 4;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img4-bx {bottom: -56px;top: inherit;z-index: 6;}
.ParallaxCQSectionComp .parallax-section-block .parallax-img5-bx {bottom: -136px;top: inherit;z-index: 7;}
.ParallaxCQSectionComp .second-section .textBlockMob {padding-bottom: 60px;}

/***17Sep2018***/

/***19Sep2018***/
.CQSectionVerticalCarosuel {float: left;width: 100%;}
/***19Sep2018***/


/**20sep2018*/
.billboardCarousel, .billboardCarousel .centerBlock, .billboardCarousel .multiSpeakerContainer, 
.billboardCarousel .multiSpeakerContainer .speakerHeroBlock, .billboardCarousel .multiSpeakerContainer .slick-slider {
    height: 100%;
}
.multiSpeakerContainer, .billboardCarousel .multiSpeakerContainer .slick-slider {
    margin: 0;
    padding:0;
 }
.billboardCarousel .slick-list {
    transform: translateY(-60%);
    top: 40%;
}
.billboardCarousel .billboardAlignLeft  {
    transform: inherit;
    top: inherit;
    position: relative;
}
.billboardAlignLeft  {
    transform: translateY(-9%);
    top: 44%;
    position: relative;
}
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-prev {
    background: url(/etc/designs/sapuid/images/billboard_arrow_prev.png) no-repeat center center !important;
}
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-next {
    background: url(/etc/designs/sapuid/images/billboard_arrow_next.png) no-repeat center center !important;
}
.billboardCarousel .multiSpeakerContainer .speakerHeroBlock .linkButton {
    padding: 16px 24px 16px 24px;
    margin: 32px 0px 0px 0;
}
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-prev, 
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-next {
 top: 45%;
}
.billboardCarousel .multiSpeakerContainer .speakerHeroBlock .slick-dots {
    left: 10px;
 bottom: 30% !important;
    position: absolute;
    text-align: left;
    padding: 0;
}
.billboardCarousel .multiSpeakerContainer .speakerHeroBlock .linkButton {
    padding: 16px 24px 16px 24px;
    margin: 32px 0px 0px 0;
    font-size: 18px !important;
}

/**20sep2018*/



/***21Sep2018***/


.ParallaxCQSectionCompAbout .second-section, .ParallaxCQSectionCompEvents .second-section, .ParallaxCQSectionCompSupport .second-section {
 background: rgb(255,255,255);
    top: -150px;
    width: 100%;
    margin: 0 auto;
    float: none;
}
.ParallaxCQSectionComp #parallaxHeroText, .ParallaxCQSectionCompAbout #parallaxHeroText,
.ParallaxCQSectionCompEvents #parallaxHeroText, .ParallaxCQSectionCompSupport #parallaxHeroText {
    top: 30%;
    transform: translateY(-30%);
    height: 100%;
}
#end-animaiton {position: absolute;}   
.ParallaxCQSectionCompAbout .parallax-section-overlay, .ParallaxCQSectionCompEvents .parallax-section-overlay, .ParallaxCQSectionCompSupport .parallax-section-overlay {
    position: absolute;
    top: 0;
    left: 0;
 height: 100%;
    width: 100%;
 background: rgba(0,0,0,0.25);
    z-index: 9;

}
.ParallaxCQSectionCompAbout .second-section, .ParallaxCQSectionCompAbout .commonHero,
.ParallaxCQSectionCompEvents .second-section, .ParallaxCQSectionCompEvents .commonHero,
.ParallaxCQSectionCompSupport .commonHero {display: block;}

.ParallaxCQSectionCompAbout .second-section, .ParallaxCQSectionCompEvents .second-section, .ParallaxCQSectionCompSupport .second-section {
    background: rgb(255,255,255);
    z-index: 9;
    position: relative;
}
.ParallaxCQSectionCompAbout .commonHero, .ParallaxCQSectionCompEvents .commonHero, .ParallaxCQSectionCompSupport .commonHero {z-index: 99;}
.ParallaxCQSectionCompAbout .sectionBlock, .ParallaxCQSectionCompEvents .sectionBlock, .ParallaxCQSectionCompSupport .sectionBlock {margin: inherit;}

.ParallaxCQSectionCompAbout .parallax-section-block, .ParallaxCQSectionCompEvents .parallax-section-block, .ParallaxCQSectionCompSupport .parallax-section-block {
 width: 100%;
    height: 100vh;
}
.ParallaxCQSectionCompSupport .parallax-section-block {
	background: #bf9c74;
}
.ParallaxCQSectionCompAbout .parallax-section-block .about-parallax-img1-bx, .ParallaxCQSectionCompAbout .parallax-section-block .about-parallax-img2-bx,
.ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img1-bx, .ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img2-bx,
.ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img3-bx,
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img1-bx, .ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img2-bx,
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img3-bx, .ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img4-bx,
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img5-bx {
 position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
}

.ParallaxCQSectionCompAbout .parallax-section-block .about-parallax-img1-bx {top: -70px;z-index: 1;}
.ParallaxCQSectionCompAbout .parallax-section-block .about-parallax-img2-bx {top: 170px;z-index: 2;}

.ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img1-bx { top: -133px;z-index: 1;} 
.ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img2-bx {top: inherit;bottom: -110px;z-index: 2;}
.ParallaxCQSectionCompEvents .parallax-section-block .events-parallax-img3-bx {top: inherit;bottom: -110px;z-index: 3;}

.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img1-bx {top: -128px;z-index: 1;} 
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img2-bx {top: inherit; bottom:-280px;z-index: 2;}
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img3-bx {top: inherit; bottom:-280px;z-index: 6;}
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img4-bx {top: inherit;bottom: -114px;z-index: 4;}
.ParallaxCQSectionCompSupport .parallax-section-block .support-parallax-img5-bx {top: inherit;bottom: -80px;z-index: 7;width: auto;max-width: inherit;left: -248px;}

/***21Sep2018***/



.billboardOverlayContent-black {
   padding: 30px 20px 30px 30px;
    /*background: rgba(0, 0, 0, 0.9);*/
    background: rgba(28, 28, 28, 0.9);
    max-width: 400px;
    width:100%;
    margin-top: 8%;
    float: left;
    box-sizing: border-box;
}
.billboardOverlayContent-black .standardDesc ul{
	list-style-position: outside !important;
    margin-left: 18px;
}

.billboardOverlayContent-black .standardDesc ul li{
	color: #fff;
    margin-bottom: 28px;
    font-size: 16px;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
    line-height: 22px;
}
.billboardOverlayContent-black .standardDesc ul li:last-child{
                margin-bottom:0px;
 }
.CQSectionVerticalCarosuel .list-view {
    margin-left: auto;
    max-width: 1020px;
    margin: auto;
    float: none;
}

.CQSectionVerticalCarosuel .list-view .stories-bullets {
    margin-left: 0px;
}
.eventsModuleStackCarousel .columnHero {
	box-sizing: border-box;

}
.eventsModuleStackCarousel .customBGColor {
	 background: rgba(0,0,0,.65);
     height: 120px;
     padding: 20px;	
     box-sizing: border-box;
}
.eventsModuleStackCarousel .customBGColor .eventsModuleSingle {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.eventsModuleStackCarousel .acc2Col .columnHero {
	width: 49.333%;
}
.eventsModuleStackCarousel .acc3Col .columnHero {
	width: 32.333%;
}
.eventsModuleStackCarousel .acc4Col .columnHero {
	width:24.333%;
}
.eventsModuleStackCarousel .linkDefault a.linkBlueText, .eventsModuleStackCarousel .linkDefault a.linkBlueText span {
	color: #f0ab00;
    font-size: 16px;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
}
.eventsModuleStackCarousel .linkDefault a.linkBlueText:hover, .eventsModuleStackCarousel .linkDefault a.linkBlueText span:hover {
	text-decoration: none;
}
.eventsModuleStackCarousel .multiSpeakerContainer .slick-slider .slick-prev {
	background: url(/etc/designs/sapuid/images/arrow_left_event.png) no-repeat center center!important;
    top: calc(50% - 30px);
}
.eventsModuleStackCarousel .multiSpeakerContainer .slick-slider .slick-next {
	background: url(/etc/designs/sapuid/images/arrow_right_event.png) no-repeat center center!important;
    top: calc(50% - 30px);
}
.timingColumnComponent .multiSpeakerContainer .positionClass p, .timingColumnComponent .multiSpeakerContainer .customTextBlock p {padding-bottom: 15px;}
.customSmallCTA3Column .contentBlock {text-align: center;float: none; padding-top: 28px;}
.customSmallCTA3Column .columnHero {max-width: inherit;width: 49.333%;box-sizing: border-box;}
.customSmallCTA3Column .columnHero li {display: flex;min-height: 325px;background-size: cover;}
.customSmallCTA3Column .linkButton {width: 220px; height: 50px;font-size:18px;padding: 0;line-height: 0.2;font-weight: 400; margin-left:40px;margin-right:30px;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleBox {text-align: inherit;width: 26.333%;float: left;padding: 45px 3.5% 0 3.5%;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleBox .speaker {
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.21); 
    position: relative;
    padding: 40px 20px;
    box-sizing: border-box;
}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleImage {position: absolute;left: -40px;top: 35px;width: 80px;min-width: inherit;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleImage img {margin:0;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .blogTitleContainer {padding-left: 34px;box-sizing: border-box;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .blogTitleContainer .blogDetail {font-size: 12px;color: #000; font-family: BentonSansMedium, Arial, Helvetica, sans-serif;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .blogTitleContainer .blogName {font-size: 12px;color: #000; font-family: BentonSansBook, Arial, Helvetica, sans-serif;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleTitle {font-family: "BentonSansBook", Arial, Helvetica, sans-serif;font-size:20px;padding-bottom: 12px;color: #000;padding-top:0;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleDetail {padding: 25px 0 0px;box-sizing: border-box;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .LinkReadmore {padding-top: 25px !important;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .LinkReadmore a {font-size:16px; font-family: BentonSansMedium, Arial, Helvetica, sans-serif;}
.multiSpeakerContainer.customMultiBlog .speakerHeroBlock .articleDetail p{color: #000; font-size: 16px; font-family: BentonSansBook, Arial, Helvetica, sans-serif;}
.multiSpeakerContainer.customMultiBlog .linkInternalIcon a.linkBlueText {/*font-family: BentonSansMedium, Arial, Helvetica, sans-serif;*/} 
.storiesContainer .storiesHeroBlock .articleImage {margin-bottom: 30px;}
.standardHead.highlightedText span {background: rgba(29,29,30,0.9);padding: 10px 28px 10px 28px; display: table;}
.standardHead.highlightedText span:first-child {padding-top: 10px;}
/*.CQSectionCarosuel .commonHeroRelative {height: 700px;}
.CQSectionCarosuel .slick-list {height: 700px;}*/
.eventsModuleStackCarousel .multiSpeakerContainer {padding:25px 0px;}

.linkArrowIcon a.linkOrangeText span {background: url(/etc/designs/sapuid/images/link_arrow_gold.png) right center no-repeat;padding-left: 0px;padding-right: 25px;color:#f0ab00;}
.linkArrowIcon a.linkBlueText span {background: url(/etc/designs/sapuid/images/link_arrow_blue.png) right center no-repeat;padding-left: 0px;padding-right: 25px;color: #008fd3;}  

.linkInternalIcon a.linkOrangeText span {background: url(/etc/designs/sapuid/images/icon-internal-blue.png) right center no-repeat;background-size: 14px;padding-left: 0px;padding-right: 25px;color:#f0ab00;}
.linkExternalIcon a.linkOrangeText span {background: url(/etc/designs/sapuid/images/icon-external-blue.png) right center no-repeat;background-size: 14px;padding-left: 0px;padding-right: 25px;color:#f0ab00;}
.linkDownloadIcon a.linkOrangeText span {background: url(/etc/designs/sapuid/images/icon-download-blue.png) right center no-repeat;background-size: 14px;padding-left: 0px;padding-right: 25px;color:#f0ab00;}
.LinkReadmore a.linkOrangeText {color:#f0ab00;}

.CQSectionCarosuel .billboardAlignLeft {position: relative;top: 50%;transform: translateY(-50%);}


/*.highlightedText .Heading7 {
    line-height: 58px!important;
}*/

.otherEventComponent .centerBlock, .otherEventComponent .multiSpeakerContainer .slick-slider {max-width: 100%;}
.otherEventComponent .multiSpeakerContainer .speakerHeroBlock .columnHero {width: 31.333%;}
.otherEventComponent .multiSpeakerContainer .widget_btn {top: 180px;}
.otherEventComponent .multiSpeakerContainer .widget_btn .widget-prev {left:30px;}
.otherEventComponent .multiSpeakerContainer .widget_btn .widget-next {right: 30px;}
.otherEventComponent .multiSpeakerContainer .speakerHeroBlock .columnHero .main-horizontal {background-size: cover !important;background-repeat: no-repeat !important;}


.otherEventComponent .multiSpeakerContainer .speakerHeroBlock .columnHero .main-horizontal {height: 298px;}

.accountPreviewContainer .customTextBlock li {list-style: inherit; padding: 0px 0px;}
.accountPreviewContainer .customTextBlock li:before {content: ""; margin-left: 8px;}
.accountPreviewContainer .customTextBlock ul, .accountPreviewContainer .customTextBlock ol {padding: 30px 0 0 0;}
.accountPreviewContainer .slick-slider .customTextBlock .textBlockMob .standardDesc {padding-top: 15px;}
.accountPreviewContainer .slick-dots {text-align: left;bottom: 70px!important;z-index: 9999;left: 17px;}
.accountPreviewContainer .speakerHeroBlock .columnHero {z-index: 1!important;} 


/*new*/


/*************************** Custom Fonts *************************************/
@font-face {
font-family: "BentonSansRegular";
font-style: normal;
font-weight: normal;
src: url("/content/dam/digitalhub/fonts/BentonSans-Regular.eot?") format("embedded-opentype"), url('/content/dam/digitalhub/fonts/BentonSans-Regular.woff') format('woff'), url("/content/dam/digitalhub/fonts/BentonSans-Regular.otf"), url("/content/dam/digitalhub/fonts/BentonSans-Regular.ttf") format("truetype"), url("/content/dam/digitalhub/fonts/BentonSans-Regular.svg#web") format("svg");
}
@font-face {
font-family: "BentonSansMedium";
font-style: normal;
font-weight: normal;
src: url("/content/dam/digitalhub/fonts/BentonSans-Medium.eot?") format("embedded-opentype"), url('/content/dam/digitalhub/fonts/BentonSans-Medium.woff') format('woff'), url("/content/dam/digitalhub/fonts/BentonSans-Medium.otf"), url("/content/dam/digitalhub/fonts/BentonSans-Medium.ttf") format("truetype"), url("/content/dam/digitalhub/fonts/BentonSans-Medium.svg#web") format("svg");
}
@font-face {
font-family: "BentonSansBold";
font-style: normal;
font-weight: normal;
src: url("/content/dam/digitalhub/fonts/BentonSans-Bold.eot?") format("embedded-opentype"), url('/content/dam/digitalhub/fonts/BentonSans-Bold.woff') format('woff'), url("/content/dam/digitalhub/fonts/BentonSans-Bold.otf"), url("/content/dam/digitalhub/fonts/BentonSans-Bold.ttf") format("truetype"), url("/content/dam/digitalhub/fonts/BentonSans-Bold.svg#web") format("svg");
}
@font-face {
font-family: "BentonSansBook";
font-style: normal;
font-weight: normal;
src: url("/content/dam/digitalhub/fonts/BentonSans-Book.eot?") format("embedded-opentype"), url('/content/dam/digitalhub/fonts/BentonSans-Book.woff') format('woff'), url("/content/dam/digitalhub/fonts/BentonSans-Book.otf"), url("/content/dam/digitalhub/fonts/BentonSans-Book.ttf") format("truetype"), url("/content/dam/digitalhub/fonts/BentonSans-Book.svg#web") format("svg");
}
@font-face {
font-family: "BentonSansLight";
font-style: normal;
font-weight: normal;
src: url("/content/dam/digitalhub/fonts/BentonSans-Light.eot?") format("embedded-opentype"), url('/content/dam/digitalhub/fonts/BentonSans-Light.woff') format('woff'), url("/content/dam/digitalhub/fonts/BentonSans-Light.otf"), url("/content/dam/digitalhub/fonts/BentonSans-Light.ttf") format("truetype"), url("/content/dam/digitalhub/fonts/BentonSans-Light.svg#web") format("svg");
}
.fontBentonSansRegular {
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
}
.fontBentonSansMedium {
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
}
.fontBentonSansBold {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
.fontBentonSansBook {
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
}
.fontBentonSansLight {
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
}
* {
	margin:0px;
	padding:0px;
	outline:0px;
	outline:none;
}
html, body {
	height:100%;
}
body {
	min-width:320px;
	background:#f4f4f4;
	margin:0;
	font:15px/1.47;
	color:/*#545454*/#000;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ch-font body {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font body {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/******************* Bounce Animation****************************/

@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
}
@-moz-keyframes bounce {
from {
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
}
@keyframes bounce {
from {
transform: translateY(0);
}
to {
	transform: translateY(10px);
}
}



/*************************** Common Section CSS *************************************/


@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:auto!important
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
* {
	max-height:100000px
}
img {
	vertical-align:top;
	max-width:100%;
	border:0;
}
a {
	text-decoration:none;
	color:#008fd3
}
a:active {
	background-color:transparent
}
a:hover {
	text-decoration:underline
}
b, strong {
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
html.ch-font b, html.ch-font strong {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font b, html.ar-font strong {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.videoClose {
	float: right;
	position: relative;
	margin-bottom: -54px;
	right: -20px;
	top: 12px;
}
header, footer, article, section, hgroup, nav, figure, aside {
	display:block
}
form, fieldset {
	margin:0;
	padding:0;
	border:0
}
input, textarea, select {
	font:14px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000
}
input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner {
border:0;
padding:0
}
button:hover, input[type=submit]:hover, input[type=reset]:hover {
	cursor:pointer
}
input[type=search] {
	outline-width:0
}
.fade_close {
    position: relative;
    float: right;
    cursor: pointer;
    top: 25px;
    right: 8px;
    z-index: 999;
    width: 30px;
    text-align: center;
    display: none;
}

.fade_close img {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    width: 12px;
    height: 12px;
    padding: 7px;
    background: rgba(0,0,0,.3);
    border-radius: 15px;
}           

.floatLeft {
	float:left!important;
}
.floatRight {
	float:right!important;
}
.width48 {
	width:48%!important;
}
.width58 {
	width:58%!important;
}
.width38 {
	width:38%!important;
}
.img100 {
	width:100%;
}
.line-separator {
	height:100px;
	width:100%;
	background:url(/etc/designs/sapuid/images/line-separator.jpg) repeat-x center center;
}
.nomargin {
	margin-right:0px!important
}
.clear {
	clear:both;
}
.radius {
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
}
.LinkBtn a {
	font-size:14px;
	cursor: pointer;
}
.multiButtonLink a {
	font-size:15px;
}
.linkButton {
	webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #0095DB;
    border: 0px;
    color: #fff;
    font-size: 18px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 16px 24px 16px 24px;
    margin: 32px 0px 0px 0;
    cursor: pointer;
    min-width: 172px;
    display: inline-block;
    /* border-left: 16px solid #0095DB; */
    /* border-right: 16px solid #0095DB; */
    line-height: 1.29;
    letter-spacing: 0.2px;
	position:relative;
}
.billboardleft .linkButton{
    margin: 30px 0px 0px 0;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.2px; 
    }
html.ch-font .linkButton {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .linkButton {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.linkButton:hover {
	background: #003283;
	color: #fff;
	text-decoration:none;
}


.multiButton .linkButton {
	margin-right:10px;
}
.microsite-linkButton {
	background: #008fd3;
	border: 0px;
	color: #fff;
	font-size: 18px!important;
	line-height: 23px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 25px 50px;
	display: inline-table;
	cursor: pointer;
	margin: auto;
	margin-top:20px;
	float: none;
	text-transform:uppercase;
}
html.ch-font .microsite-linkButton {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-linkButton {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-linkButton :hover {
	text-decoration:none;
}
.LinkBtn {
	width: 100%;
	float: left;
	text-align: center;
	padding:33px 0px 0;
	display:block;
}
.LinkBtn .linkButton {
	margin:auto;
	float:none;
}
.LinkReadmore {
	width: 100%;
	/*text-align: center;*/
padding: 30px 0px 0;
	display: block;
}
.LinkReadmore a {
	color: #008fd3;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
}
.LinkReadmore a span {
/*background: url(/etc/designs/sapuid/images/icon-readmore.png) left top no-repeat;
padding-left: 15px;*/
}
.articleReadmore a span {
/*background: url(/etc/designs/sapuid/images/icon-readmore.png) left top no-repeat;
padding-left: 15px;*/
}
.LearnMore {
	width: 100%;
	font-weight: normal;
	padding: 10px 0px 0;
	display: block;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ch-font .LearnMore {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .LearnMore {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.LearnMore a {
	color: #008fd3;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	font-weight: normal;
}
.LearnMore a span {
/*background: url(/etc/designs/sapuid/images/icon-readmore.png) left top no-repeat;
padding-left: 15px;*/
}
/*.linkButton.linkOrangeBtn, .linkButton.linkBlueBtn, .linkButton.linkWhiteBtn, .linkButton.linkMagentaBtn {
	margin:0px;
}*/

/*************************/
.linkButton.linkBlueBtn {
	background: #0095DB;
}

.linkButton.linkBlueBtn:hover {
	background: #003283;
	color:#fff;
	text-decoration:none;
}

.linkButton.linkWhiteBtn {
	background-color: rgba(255,255,255,0);

	color:#fff;            
}

.linkButton.linkWhiteBtn:hover {
	background-color: rgba(255,255,255,0);
	color:#0095DB;

	text-decoration:none;
}

.linkButton.linkMagentaBtn {
	background: #AF1280;
	 
}
.linkButton.linkMagentaBtn:hover {
	background: #8b0a83;
	color:#fff;
	 
}

.linkButton.linkOrangeBtn {
	background: #FBBA00;
	 
}
.linkButton.linkOrangeBtn:hover {
	background: #ccc;
	color:#666;
	 
}

.linkButton.linkGreenBtn {
	background: #4FBB1C;
    color:#fff;
}
.linkButton.linkGreenBtn:hover {
	background: #64d72e;
	color:#fff;
}

/****************** Animated CSS Button ********************************/

.linkButton .hoverboxes{display:flex;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1; height:100%;}
.linkButton .buttonText{width:100%;
            color:#fff;
    position:relative;
    z-index:2;
    top:50%;
    transform:translateY(-50%);
}




@media screen\0 {
   .linkButton .buttonText { transform:translateY(0%); }
}

/***************** Orange Button ---> Blue Effect*********************/



.linkButton.linkOrangeBtn .hoverboxes{background-color:#f0ab00}
.linkButton.linkOrangeBtn .hoverbox{background-color:#f0ab00;width:33.334%;-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton.linkOrangeBtn:hover{color:#fff}

.linkButton.linkOrangeBtn:hover .hoverboxes{background-color:#2fa0e0}
.linkButton.linkOrangeBtn:hover .hoverbox{background-color:#2fa0e0}


/***************** Blue Button --->  Orange Effect*********************/

.linkButton.linkBlueBtn .hoverboxes{background-color:#2fa0e0}
.linkButton.linkBlueBtn .hoverbox{background-color:#2fa0e0;width:33.334%;-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton.linkBlueBtn:hover{color:#fff}

.linkButton.linkBlueBtn:hover .hoverboxes{background-color:#f0ab00}
.linkButton.linkBlueBtn:hover .hoverbox{background-color:#f0ab00}


/***************** Transparent Button --->  Blue Effect*********************/
.linkButton.linkWhiteBtn {
    background-color: rgba(255,255,255,0);
    border: solid 1px #2fa0e0;
    box-sizing: border-box;
    padding: 10px 24px 9px 24px;
}
.linkButton.linkWhiteBtn .buttonText{color:#2fa0e0}

.linkButton.linkWhiteBtn .hoverboxes{background-color:rgba(255,255,255,0) }
.linkButton.linkWhiteBtn .hoverbox{background-color:rgba(255,255,255,0);width:33.334%;-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton.linkWhiteBtn:hover .buttonText{color:#fff}


.linkButton.linkWhiteBtn:hover .hoverbox{background-color:#2fa0e0}



/***************** Magenta Button ---> Blue Effect*********************/
.linkButton.linkMagentaBtn .hoverboxes{background-color:#AF1280}
.linkButton.linkMagentaBtn .hoverbox{background-color:#AF1280;width:33.334%;-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton.linkMagentaBtn:hover{color:#fff}

.linkButton.linkMagentaBtn:hover .hoverboxes{background-color:#2fa0e0}
.linkButton.linkMagentaBtn:hover .hoverbox{background-color:#2fa0e0}


/***************** Green Button ---> Blue Effect*********************/
.linkButton.linkGreenBtn .hoverboxes{background-color:#4FBB1C}
.linkButton.linkGreenBtn .hoverbox{background-color:#4FBB1C;width:33.334%;-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton.linkGreenBtn:hover{color:#fff}

.linkButton.linkGreenBtn:hover .hoverboxes{background-color:#f0ab00}
.linkButton.linkGreenBtn:hover .hoverbox{background-color:#f0ab00}






/***********************/
.linkButton .hoverbox:nth-child(1){-webkit-transition-delay:100ms;-o-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
.linkButton .hoverbox:nth-child(2){-webkit-transition-delay:50ms;-o-transition-delay:50ms;-moz-transition-delay:50ms;transition-delay:50ms}
.linkButton .hoverbox:nth-child(3){-webkit-transition-delay:0;-o-transition-delay:0;-moz-transition-delay:0;transition-delay:0}

.linkButton:hover {cursor:pointer;text-decoration:none;-webkit-transition:color 250ms linear;-moz-transition:color 250ms linear;-o-transition:color 250ms linear;transition:color 250ms linear}
.linkButton:hover .hoverbox{-webkit-transition:background-color 150ms linear;-moz-transition:background-color 150ms linear;-o-transition:background-color 150ms linear;transition:background-color 150ms linear}
.linkButton:hover .hoverbox:nth-child(1){-webkit-transition-delay:0;-o-transition-delay:0;-moz-transition-delay:0;transition-delay:0}
.linkButton:hover .hoverbox:nth-child(2){-webkit-transition-delay:50ms;-o-transition-delay:50ms;-moz-transition-delay:50ms;transition-delay:50ms}
.linkButton:hover .hoverbox:nth-child(3){-webkit-transition-delay:100ms;-o-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}


/*************************************************/

.linkDownloadIcon {
	padding:0px 0px 0 !important;
}
.linkDownloadIcon a.linkBlueText {
	color: #008fd3;
	font-size: 15px;
}
.linkDownloadIcon a.linkBlueText span {
	color: #008fd3;
	background: url(/etc/designs/sapuid/images/icon-download-blue.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
.linkDownloadIcon a.linkWhiteText {
	color: #fff;
	font-size: 15px;
}
.linkDownloadIcon a.linkWhiteText span {
	color: #fff;
	background: url(/etc/designs/sapuid/images/icon-download-white.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
/***********/

.linkExternalIcon {
	padding: 0px 0px 0 !important;
}
.linkExternalIcon a.linkBlueText {
	color: #008fd3;
	font-size: 15px;
}
.linkExternalIcon a.linkBlueText span {
	color: #008fd3;
	background: url(/etc/designs/sapuid/images/icon-external-blue.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
.linkExternalIcon a.linkWhiteText {
	color: #fff;
	font-size: 15px;
}
.linkExternalIcon a.linkWhiteText span {
	color: #fff;
	background: url(/etc/designs/sapuid/images/icon-external-white.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
/*************/

.linkInternalIcon {
	padding: 0px 0px 0 !important;
}
.linkInternalIcon a.linkBlueText {
	color: #008fd3;
	font-size: 15px;
}
.linkInternalIcon a.linkBlueText span {
	color: #008fd3;
	background: url(/etc/designs/sapuid/images/icon-internal-blue.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
.linkInternalIcon a.linkWhiteText {
	color: #fff;
	font-size: 15px;
}
.linkInternalIcon a.linkWhiteText span {
	color: #fff;
	background: url(/etc/designs/sapuid/images/icon-internal-white.png) right center no-repeat;
	background-size: 14px;
	padding-left:0px;
	padding-right:25px;
}
/***********/

.linkDefault {
	padding: 0px 0px 0 !important;
}
.linkDefault a.linkBlueText {
	color: #008fd3;
	font-size: 15px;
}
.linkDefault a.linkBlueText span {
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
    color: #0090d9;
    background: none;
    font-size: 15px;
    line-height: 1.2;
    padding-left: 0px;
    padding: 0px;
    font-weight: 500;
    letter-spacing: 0.2px;

}
.linkDefault a.linkWhiteText {
	color: #fff;
	font-size: 15px;
}
.linkDefault a.linkWhiteText span {
	color: #fff;
	background:none;
	padding-left:0px;
	padding:0px;
}
.linkDefault a.linkBlackText {
	color: #000000;
	font-size: 15px;
}
.linkDefault a.linkBlackText span {
	color: #000000;
	background:none;
	padding-left:0px;
	padding:0px;
}
/************************************************/
.promoTitle {
	font-size: 45px;
	color: #000;
	/*padding: 40px 0px 5px;*/
padding: 24px 0px 5px;
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	float: left;
}
html.ch-font .promoTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .promoTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a.responsiveColumnControl-btn-next.icon-arrow-right.disabled {
	opacity: .3;
	filter:Alpha(opacity=30);
}
a.responsiveColumnControl-btn-prev.icon-arrow-left.disabled {
	opacity: .3;
	filter:Alpha(opacity=30);
}
.image-holder {
	width:100%;
	padding:50px 0px;
}
section.hero .hero-block .content-holder {
	position: absolute;
	width: 100%;
	padding:0px;
	top:12%;
	height: 88%;
}
.centerBlock {
	max-width: 960px;
	margin: 0px auto;
	height:100%;
}
.wideBlock {
	width: 100%;
	margin: 0px auto;
	float:left;
	position:relative;
	overflow:hidden;
}
.boxed {
	margin: 0px;
}
.goldbar {
	float: left;
	width: 100%;
	height: 14px;
	background-color: #EFAB00;
	margin: 65px 0;
}
/***************************  main section*************************************/
#page {
	width:100%;
	min-height:100%;
	position:relative;
	overflow:hidden
}
@media screen and (min-width:0\0) {
#page {
width:100%;
min-height:100%;
position:static;
}
}
.container {
	padding:0px;
	margin:0 auto
}
.container:after {
	content:'';
	clear:both;
	display:block
}
section.hero {
	/*	overflow:hidden;*/
position:relative;
	float:left;
	width:100%;/*min-height:300px;*/
    z-index:1;
}
/***************************  Main Navigation Css *************************************/

#header {
	width:100%;
	position:relative;
	z-index:199;
	background:#fff
}
#sfHeader {
	width:100%;
	position:relative;
	z-index:199;
	background:#f4f4f4;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .20);
}
#sfHeader .header-holder{
    max-width:1240px;
 }
#sfHeader .header-holder .solutionFinderContact{
    float:right;
    padding-top: 10px;
}
#sfHeader .header-holder .solutionFinderContact .contactusText{
    float:left;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    color:#333;
    font-size:18px;
    padding-right:7px;
}

#sfHeader .header-holder .solutionFinderContact .contactusNumber{
    float:left;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
    color:#333;
    font-size:18px;
}
#sfHeader .header-holder .logo {
    padding-top: 2px;
}

#header.whiteHeader {
	background: #fbfbfb;
}
.header-holder {
    color: #000;
    padding:0px;
    height: 90px;
    max-width: 966px;
    margin: auto;
    box-sizing: border-box;
    position:relative;
}
.header-holder .logo a {
	color: #000;
	float:left;
	display:block;
}
.header-holder .logo a.lastLogo {
	background: url(/etc/designs/sapuid/images/logo-separator.png) no-repeat left center;
	margin-left: 15px;
	padding-left: 15px;
}
.header-holder .logo {
    position: absolute;
    left: 0px;
}
.header-holder .logo h1 {
	display: inline-block;
    height: 90px;
    line-height: 86px;
}
.header-holder .logo a img {
	max-width: 187px;
	max-height: 18px;
    vertical-align: middle;
}
.header-holder .logo span.sitename {
	color:#fff;
	top: 5px;
	/*left: 4px;*/
    left: 0px;
	position: relative;
	font-size:15px;
	font-weight: normal;
    letter-spacing: .05em;
    font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}

.megaMenu {
	float: left;
    width: 100%;
    text-align: center;
}
.customHeaderRightContainer{
    float: right;
    position: absolute;
    right: 0px;
    }

.customHeaderRightContainer .logo {
    right: 0px;
    float: right;
    left: auto;
    margin-right: 0px;
}
.header-holder .customHeaderRightContainer .logo a img {
	max-width: 65px;
	max-height: 32px;
 }

.mainNavigation {
	/*float: right;*/
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    margin: auto;
}
html.ch-font .mainNavigation {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ar-font .mainNavigation {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.mainNavigation a {
	color:#000
}
.mainNavigation .slide-icon {
	display:none;
	float:left;
	margin:0 0 0 10px;
	text-decoration:none;
	color:#ccc;
	min-width:35px;
	text-align:center;
	cursor:pointer
}
.mainNavigation .slide-icon [class^="icon-"]:before {
font-size:24px;
line-height:36px
}
.mainNavigation .slide-icon:hover [class^="icon-"]:before {
color:#fff
}
.mainNavigation a.nav-opener {
	display:none;
	float:right;
	margin:8px 0 0 20px;
	text-decoration:none;
	color:#ccc;
	min-width:21px;
	text-align:center
}
.mainNavigation a.nav-opener [class^="icon-"]:before {
font-size:19px;
line-height:36px
}
.mainNavigation a.nav-opener:hover {
	color:#fff;
	text-decoration:none
}
.mainNavigation .nav-block .popup {
	width:auto;
	position:absolute;
	right:0;
	left:44px;
	top:0;
	display:none;
	background:#f2f2f2
}
.mainNavigation .nav-block .popup .popup-content {
	padding:15px 12px
}
.close-icon {
	position:relative;
	float:right;
	padding-right:10px;
	top:-10px;
	display:none;
}
.mainNavigation .nav-block .search-field {
	background:#fff;
	border:1px solid #9a9a9a;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:31px;
	overflow:hidden;
	padding:0 40px 0 0;
	position:relative
}
.mainNavigation .nav-block .search-field input[type="search"] {
	float:left;
	width:100%;
	height:31px;
	padding:7px 10px;
	border:0;
	background:0;
	font-size:13px;
	line-height:17px;
	outline:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
 .mainNavigation .nav-block .search-field [class^="icon-"] {
position:absolute;
right:8px;
top:3px;
width:20px;
height:24px;
color:#008fd3
}
.mainNavigation .nav-block .search-field [class^="icon-"]:before {
font-size:20px;
line-height:24px
}
.mainNavigation .nav-block .search-field [class^="icon-"]:hover {
color:#003283
}
.mainNavigation .nav-block .search-field input[type="submit"] {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
	border:0;
	background:0
}
.mainNavigation .nav-block .nav-area {
	margin:0;
	padding:0;
	padding-top:0;
	list-style:none
}
.mainNavigation .nav-block .nav-area:after {
	content:'';
	display:block;
	clear:both
} 
.mainNavigation .nav-block .nav-area>li {
	/*float:left;*/
	padding: 0px 1%;
    /*padding: 0px 34px 0px 0px;
    padding: 0px 22px;
    height:52px;*/
	position:relative;
    display: inline-block;
}

.mainNavigation .nav-block .nav-area>li:hover>a em {
    border-bottom: 5px solid #eeaa1f;
    padding-bottom: 6px;
    text-decoration:none;
}
.mainNavigation .nav-block .nav-area>li .showselnav em {
    border-bottom: 5px solid #eeaa1f;
    padding-bottom: 6px;
}

.mainNavigation .nav-block .nav-area>li.has-drop {
    /*padding: 0px 22px;*/
    padding-left:0px;
    padding-right:0px;
	margin-right: 7px;
    position: relative;
    
	 
	
}

.mainNavigation .nav-block .nav-area>li.has-drop.selected {
	/*background: #fff!important;*/
    background:rgba(255, 255, 255, 1);
	padding-left: 0px;
    padding-right:0px;
	/*right:-8px;*/
	/*margin-top: 11px;
	height: 40px;*/
}

.mainNavigation .nav-block .nav-area>li.has-drop.selected .icon-arrow-down{
     background: url(/etc/designs/sapuid/images/icon-drop-menu-selected.png) no-repeat right center;
	      
		 top:2px;
		 transition: all .25s ease-out;
}
.mainNavigation .nav-block {
	height: 90px;
    line-height: 90px;
}
.mainNavigation .nav-block .nav-area>li>a {
	float:left;
	padding:0;
	color:#000;
    font-size: 18px;
}
#header.whiteHeader .mainNavigation .nav-block .nav-area>li>a {
	color:#4d4d4d
}
.mainNavigation .nav-block .nav-area>li.has-drop>a {
/*padding-right:20px;
	position:relative;
	background:url(/etc/designs/sapuid/images/nav-arrow-icon.png) no-repeat right center;
	background-size: 13px;*/
}
.mainNavigation .nav-block .nav-area>li.has-drop>a [class^="icon-"]:before {
position:absolute;
top:50%;
right:0;
margin-top:-7px;
font-size:11px;
line-height:14px
}
.mainNavigation .nav-block .nav-area li>a {
	text-decoration:none
}
.mainNavigation .nav-block .nav-area li>a em {
	font-style:normal
}
.mainNavigation .nav-block .nav-area li:hover>a em {
	text-decoration:none;
}
.mainNavigation .drop-area {
	position:absolute;
	top:-9999px;
	left:0px;
	z-index:9;
	width:230px;
	z-index:100;
	font-size:12px;
	line-height:16px;
	padding:4px 0 0;
	box-shadow: 2px 1px 15px rgba(34, 34, 34, 0.53);
}
.mainNavigation .drop-area.dropdownWrap.nav3Col {
	/*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px 0px;
	background: #fff;*/
}
.mainNavigation .drop-area .drop-slide-wrapper {
	display:block!important
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul {
	margin:0;
	padding:8px 0;
	list-style:none;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
	background:-webkit-linear-gradient(top, #fff, #f8f8f8);
	background:-moz-linear-gradient(top, #fff, #f8f8f8);
	background:-ms-linear-gradient(top, #fff, #f8f8f8);
	background:-o-linear-gradient(top, #fff, #f8f8f8)
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li {
	padding:2px 15px;
   margin-bottom:25px;
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li>a {
	border-top:1px solid #ddd;
	display:block;
	/*padding:9px 0;*/
    padding:0px;
	font-size:12px;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	color:#000;
}
html.ch-font .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li>a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li>a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li:first-child>a {
	border-top:0
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a {
	padding-right:17px;
	position:relative;
	/*background:url(/etc/designs/sapuid/images/nav-arrow-right-icon.png) no-repeat 97% center;*/
	background-size:12px;
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a [class^="icon-"]:before {
position:absolute;
top:50%;
right:0;
color:#1799d7;
margin-top:-7px;
font-size:11px;
line-height:14px
}
.mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-down:before {
	display:none
}
.mainNavigation .has-drop:hover>.drop-area {
	top:100%
}
.mainNavigation .drop-right-direction>.drop-area {
	left:auto;
	right:-30px
}
.mainNavigation .drop-detailed {
	position:absolute;
	top:-9999px;
	left:100%;
	width:291px
}
.mainNavigation .drop-detailed.drop-two-cols {
	width:562px
}
.mainNavigation .drop-detailed>.drop-holder {
	background:#fff;
	border-bottom:1px solid #ddd;
	position:relative
}
.mainNavigation .drop-detailed>.drop-holder .drop-title {
	border-top:1px solid #ddd;
	padding:25px 30px 16px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
}
html.ch-font .mainNavigation .drop-detailed>.drop-holder .drop-title {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ar-font .mainNavigation .drop-detailed>.drop-holder .drop-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.mainNavigation .drop-detailed>.drop-holder .drop-set {
	padding:0 30px 25px
}
.mainNavigation .drop-detailed>.drop-holder .drop-set:after {
	content:'';
	display:block;
	clear:both
}
.mainNavigation .drop-detailed>.drop-holder .drop-col {
	float:left;
	width:231px;
	padding:8px 0;
	border-top:1px solid #ddd;
	margin:0 0 0 40px
}
.mainNavigation .drop-detailed>.drop-holder .drop-col:first-child {
	margin:0
}
.mainNavigation .drop-detailed>.drop-holder .drop-col>ul>li>a>.icon-arrow-right:before {
	display:none
}
.mainNavigation .drop-detailed>.drop-holder ul {
	margin:0;
	padding:0;
	list-style:none
}
.mainNavigation .drop-detailed>.drop-holder ul li {
	padding:4px 0
}
.mainNavigation .drop-detailed>.drop-holder ul .open-close .opener {
	position:relative;
	padding-left:14px
}
.mainNavigation .drop-detailed>.drop-holder ul .open-close .opener [class^="icon-"]:before {
position:absolute;
top:1em;
left:0;
margin-top:-7px;
font-size:9px;
line-height:14px
}
.mainNavigation .drop-detailed>.drop-holder ul .open-close .opener:hover em {
	text-decoration:underline
}
.mainNavigation .drop-detailed>.drop-holder ul .open-close .slide ul {
	padding:4px 0 0 14px;
	margin-bottom:-4px
}
.mainNavigation .has-drop.drop-active>.drop-detailed {
	top:0
}
.mainNavigation .has-drop:hover>.drop-detailed {
	top:0
}
.icon-arrow-down {
	position: absolute;
	z-index: 991;
	float: right;
	right: 10px;
	top: -9px;
	width: 20px;
	height: 40px;
	background: url(/etc/designs/sapuid/images/icon-drop-menu.png) no-repeat right center;
	background-size: 13px;
}
#header.whiteHeader .icon-arrow-down {
	position: absolute;
	z-index: 9;
	float: right;
	right: -5px;
	top: 5px;
	width: 20px;
	height: 40px;
	background: url(/etc/designs/sapuid/images/mega-menu-down-arrow-black.png) no-repeat left center;
	background-size: 30px;
}
#header.whiteHeader .header-holder .logo span.sitename {
	color:#000
}
.icon-arrow-down a {
	display:block;
	width: 20px;
	height: 40px;
}
/******************** Custom Breadcrumb ****************************/
.breadcrumb {
	position: absolute;
	top: 65px;
	background:rgba(254, 254, 254, .6);
	width: 100%;
	padding:5px 0px;
	min-height:16px;
	display:none !important;
}
.breadcrumb ul {
	max-width:1240px;
	margin:auto;
}
.breadcrumb ul li {
	list-style:none;
	float:left;
	padding-right:10px;
	font-size:12px;
	color:#222;
}
.breadcrumb ul li a {
	color:#222;
	text-decoration:none;
}
.breadcrumb ul li a:hover em {
	color:#222;
	text-decoration:underline
}
.breadcrumb ul li a em {
	font-style:normal;
}
.breadcrumb ul li em {
	font-style:normal;
}
.breadcrumb ul li:after {
	content:'/';
	padding-left:10px;
	font-size:11px;
}
.breadcrumb ul li:first-child::after {
content:'';
padding-left:0px;
font-size:11px;
}
.breadcrumb ul li:last-child:after {
	content:'';
	padding-left:0px;
	font-size:0px;
}
/******************** Custom Mega Menu ****************************/

.customMegaMenu .mainNavigation .nav-block>.nav-area>li>a:hover {
	color:#fff;
	/*border-bottom:5px solid #fafafa;*/
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li.active>a {
	/*border-bottom:5px solid #fafafa;*/
	color:#fff;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li.defaultactive>a {
	/*border-bottom:5px solid #fafafa;*/
	color:#fff;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li.selected>a {
	/*border-bottom:5px solid #fafafa;*/
	color:#333;
	
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.selected>a {
	/*border-bottom:5px solid #fafafa;*/
	color:#333;
	background: #fff;
	/*width: 100%;
	margin: 0px -30px 0px -12px;
    padding: 12px 30px 20px 12px;*/
	padding-left:17px;
	padding-right:17px;
	position: relative;
	z-index: 990;
	top:11px;
	border-right: 10px solid #fff;
	transition: all .25s ease-out;
}

.customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.selected>a em {
    color:#333;
    position: relative;
    transition: all .25s ease-out;
    font-weight: normal;
    text-shadow: 0px 0px 0.3px #333;
    border-bottom: none;
}

@media not all and (min-resolution:.001dpcm) { @media
{
    .customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.selected>a em {
	color:#111;
    font-weight: normal;
	text-shadow:0px 0px 1px #111;
	}
}}

.customMegaMenu .mainNavigation .nav-block>.nav-area li.selected>span.icon-arrow-down {
	/*background: url(/etc/designs/sapuid/images/icon-drop-menu-grey.png) no-repeat right center;*/
}
#header.whiteHeader .customMegaMenu .mainNavigation .nav-block>.nav-area>li>a:hover {
	border-bottom:5px solid #222;
	color:#fff;
}
#header.whiteHeader .customMegaMenu .mainNavigation .nav-block>.nav-area li.active>a {
	border-bottom:5px solid #222;
	color:#fff;
}
#header.whiteHeader .customMegaMenu .mainNavigation .nav-block>.nav-area li.defaultactive>a {
	border-bottom:5px solid #222;
	color:#fff;
}
#header.whiteHeader .customMegaMenu .mainNavigation .nav-block>.nav-area li.selected>a {
	border-bottom:5px solid #222;
	color:#fff;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area>li>a {
	float:left;
	padding:0px 0 16px;
	color:#999;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area>li.has-drop>a {
	 top:0px;
	padding:0px 17px 21px 17px;
	border-right: 10px solid transparent;
	 
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li>a {
	text-decoration:none
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li>a em {
	font-style:normal;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area li:hover>a em {
	text-decoration:none;
}
.customMegaMenu .mainNavigation .drop-area .drop-slide-wrapper {
	display:block!important
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	border: 0px;
	background: none;
}
/*.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li {
	padding:2px 15px
}*/
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li>a {
	border-top:0px solid #ddd;
	display:block;
	/*padding:7px 0;*/
	font-size:12px;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	color:#999;
}
html.ch-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li>a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li>a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:first-child>a {
	border-top:0;
    width: auto;
}
 .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li.has-drop>a [class^="icon-"]:before {
position:absolute;
top:50%;
right:0;
color:#1799d7;
margin-top:-7px;
font-size:11px;
line-height:14px
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li.has-drop>a>.icon-arrow-down:before {
	display:none
}
.customMegaMenu .mainNavigation .has-drop:hover>.drop-area {
	top:100%
}
.customMegaMenu .mainNavigation .drop-right-direction>.drop-area {
	left:auto;
	right:-30px
}
.customMegaMenu .mainNavigation .drop-detailed {
	position:absolute;
	top:-9999px;
	left:100%;
	width:291px
}
.customMegaMenu .mainNavigation .drop-detailed.drop-two-cols {
	width:562px
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder {
	background:#fff;
	border-bottom:1px solid #ddd;
	position:relative
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-title {
	border-top:1px solid #ddd;
	padding:25px 30px 16px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
}
html.ch-font .customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-title {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
html.ar-font .customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.customMegaMenu .secondLevelMobileTitle {
	display:none;
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-set {
	padding:0 30px 25px
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-set:after {
	content:'';
	display:block;
	clear:both
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-col {
	float:left;
	width:231px;
	padding:8px 0;
	border-top:1px solid #ddd;
	margin:0 0 0 40px
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-col:first-child {
	margin:0
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder .drop-col>ul>li>a>.icon-arrow-right:before {
	display:none
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul {
	margin:0;
	padding:0;
	list-style:none
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul li {
	padding:4px 0
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul .open-close .opener {
	position:relative;
	padding-left:14px
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul .open-close .opener [class^="icon-"]:before {
position:absolute;
top:1em;
left:0;
margin-top:-7px;
font-size:9px;
line-height:14px
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul .open-close .opener:hover em {
	text-decoration:underline
}
.customMegaMenu .mainNavigation .drop-detailed>.drop-holder ul .open-close .slide ul {
	padding:4px 0 0 14px;
	margin-bottom:-4px
}
.customMegaMenu .mainNavigation .has-drop.drop-active>.drop-detailed {
	top:0
}
.customMegaMenu .mainNavigation .has-drop:hover>.drop-detailed {
	top:0
}
/*********** Nav 1 Column ************/
.customMegaMenu .nav1Col {
	width:190px;
	/*padding:10px 20px;*/
	background:#fafafa;
	text-align:left;
    padding: 30px 42px 5px 42px;
}
.customMegaMenu .mainNavigation .drop-area.nav1Col .drop-wrapper .drop-holder>ul {
	width:100%;
	padding:0px;
	float:left;
}
.customMegaMenu .nav1Col ul li {
	width:100%;
	padding:0px;
	float:left;
}
.customMegaMenu .nav1Col ul li a {
	color: #008fd3;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	padding:8px 0 8px 0;
	text-transform: none;
	width: 100%;
	display:block;
}
.customMegaMenu .nav1Col ul li a em {
	font-style:normal;
	float: left;
	font-size: 13px;
	width: 100%;
	display:block;
	border:0px;
}
/*********** Nav 2 Column ************/

.customMegaMenu .nav2Col {
	width:450px;
	padding:10px 20px;
	background:#2b3035;
	text-align:left;
}
.customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav2Col {
 margin-left:-350px;
}
.customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(2) .nav2Col {
 margin-left:-220px;
}
.customMegaMenu .mainNavigation .drop-area.nav2Col .drop-wrapper .drop-holder>ul {
	width:48.5%;
	padding:0px;
	float:left;
    padding-right:3%;
}
.customMegaMenu .mainNavigation .drop-area.nav2Col .drop-wrapper .drop-holder>ul:last-child {
    padding-right:0px;
 }
.customMegaMenu .nav2Col ul li {
	width:100%;
	padding:0px;
	float:left;
}
.customMegaMenu .nav2Col ul li a {
	color: #008fd3;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	padding:8px 0 8px 0;
	text-transform: none;
	width: 100%;
	display:block;
}
.customMegaMenu .nav2Col ul li a em {
	font-style:normal;
	float: left;
	font-size: 13px;
	width: 100%;
	display:block;
	border:0px;
}
/*********** Nav 3 Column ************/
.customMegaMenu .nav3Col {
	width:660px;
	padding:10px 20px;
	/*background:#fafafa;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px 0px;*/
	background: #fff;
}
/*.customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav3Col {
 margin-left:-470px !important;
}*/
.customMegaMenu .mainNavigation .drop-area.nav3Col .drop-wrapper .drop-holder>ul {
	width:31.3333%;
	padding:0px;
	float:left;
    padding-right:3%;
}
.customMegaMenu .mainNavigation .drop-area.nav3Col .drop-wrapper .drop-holder>ul:last-child{
  padding-right:0px;
}
.customMegaMenu .nav3Col ul li {
	width:100%;
	padding:0px;
	float:left;
}
.customMegaMenu .nav3Col ul li a {
	color: #008fd3;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	padding:8px 0 8px 0;
	text-transform: none;
	width: 100%;
	display:block;
}
.customMegaMenu .nav3Col ul li a em {
	font-style:normal;
	float: left;
	font-size: 13px;
	width: 100%;
	display:block;
	border:0px;
}
.customMegaMenu .secondLevelTitle {
	height:35px;
	overflow:hidden;
	width:100%;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:35px;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background: url(/etc/designs/sapuid/images/navLine.jpg) repeat-x left bottom;
}
html.ch-font .customMegaMenu .secondLevelTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .customMegaMenu .secondLevelTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li {
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	color:#000;
	padding: 0px 0px;
}
html.ch-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
	color:#fff!important;/*font-family: BentonSansBold, Arial, Helvetica, sans-serif;*/
}
html.ch-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a.activenav em {
	pointer-events: none;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	color:#eeaa1f!important;
}
.customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a.showselnav em {
	pointer-events: none;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	color:#eeaa1f!important;
}
html.ch-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a.activenav em {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a.activenav em {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/***************************  Section 1 CSS *************************************/

.downloadContainer {
	text-align:center;
	width:100%;
	font-weight:bold;
	padding-top: 20px;
}
.downloadContainer a {
	text-decoration:none;
	font-size:20px;
	color:#fff;
	line-height: 25px;
}
.downloadContainer a img {
	padding-right: 10px;
}
.downloadContainer span {
	font-size:14px;
	color:#000;
	padding-top: 6px;
	display: block;
}
.queBlock {
	float: left;
	width: 100%;
	padding: 130px 0 0px;
}
.queBlock h1 {
	font-size:57px;
	color:#fff;
	float:left;
	width:100%;
	line-height:57px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	text-shadow: 0px 1px 10px #666;
}
html.ch-font .queBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .queBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.queBlock h2 {
	font-size:30px;
	color:#e5a400;
	float:left;
	width:100%;
	line-height:37px;
	padding-top:7px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	text-shadow: 0px 2px 10px #666;
}
html.ch-font .queBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .queBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/*.blackContainer {
background:url(/etc/designs/sapuid/images/black_bg.png) repeat top center;
padding:30px 0px;
width:100%;
position: absolute;
bottom: 0px;
}*/


.selectQue {
	max-width:960px;
	margin:0px auto;
}
.selectQue h2 {
	font-size:30px;
	color:#fff;
	float:left;
	width:100%;
	line-height:32px;
	margin-bottom:5px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
}
html.ch-font .selectQue h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .selectQue h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.selectQue h2 span {
	color:#f0ab00;
}
.selectQue select {
	color:#000;
	float:left;
	font-size:13px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	padding:0px;
	width:100%;
}
html.ch-font .selectQue select {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .selectQue select {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.selectQue .jcf-select {
	float:left;
	max-width:960px;
	padding: 9px 0px;
	border:0px;
	width:100%;
}
.selectQue .jcf-select .jcf-select-text {
	font-size:21px;
	color:#000;
	font-weight:normal;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ch-font .selectQue .jcf-select .jcf-select-text {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .selectQue .jcf-select .jcf-select-text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.selectQue .jcf-select .jcf-select-opener {
	width:45px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background:#0076cb url(/etc/designs/sapuid/images/nav-arrow-icon-white.png) no-repeat 75% center;
	background-size: 24px;
}
.selectQue .jcf-select .jcf-select-opener:before {
	color:#fff;
}
/*  Question answer dropdown list */

.wrapper-dropdown-3 {
	/* Size and position */
position: relative;
	width: 88%;
	float:left;
	padding: 10px 10% 10px 2%;
	z-index:99;
	/* Styles */
background: #fff url(/etc/designs/sapuid/images/custom-dd-bg.jpg) no-repeat right center;
	background-size:50px;
	border-radius: 7px;
	cursor:default;
	font-size: 21px;
	color: #000;
	font-weight: normal;
	cursor:pointer;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ch-font .wrapper-dropdown-3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .wrapper-dropdown-3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.wrapper-dropdown-3:hover {
	background: #fff url(/etc/designs/sapuid/images/custom-dd-bg-hover.jpg) no-repeat right center;
	background-size:50px;
}
.wrapper-dropdown-3 .dropdown {
	/* Size & position */
position: absolute;
	bottom: 107%;
	left: 0;
	right: 0;
	/* Styles */
font-weight: normal;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	list-style: none;
	/* Hiding */
opacity: 0;
	pointer-events: none;
	background: #fff;
	border-radius:7px;
	overflow:hidden;
}
.wrapper-dropdown-3 .dropdown li {
	border-bottom: solid 1px #ebebeb;
	color: #cacaca;
	font-weight: normal;
	font-size:21px;
	line-height:18px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	padding:6px 0px;
	background:none;
}
html.ch-font .wrapper-dropdown-3 .dropdown li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .wrapper-dropdown-3 .dropdown li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.wrapper-dropdown-3 .dropdown li:last-child {
	border:none;
}
.wrapper-dropdown-3 .dropdown li a {
	color: #747474;
	text-decoration:none;
	padding:6px 10px;
	display:block;
}
.wrapper-dropdown-3 .dropdown li:hover {
	background:#f1f1f1;
}
/* Active state */

.wrapper-dropdown-3.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}
/* No CSS3 support */

.no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown {
	display: none;
	opacity: 1; /* If opacity support but no pointer-events support */
	pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown {
	display: block;
}
/*  Casestudy dropdown list */

.wrapper-dropdown-1 {
	/* Size and position */
position: relative;
	cursor:pointer;
	z-index:99;
	margin-right:10px;
	border-bottom:2px solid #fff;
	background:url(/etc/designs/sapuid/images/nav-arrow-icon.png) no-repeat right 29px;
}
.wrapper-dropdown-1 span {
	padding-right:25px;
}
.wrapper-dropdown-1 .dropdown {
	/* Size & position */
position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	text-align:left;
	/* Styles */
background: #FDF7E8;
	min-width:200px;
	font-weight: normal;
	/*-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;*/
list-style: none;
	/* Hiding */
display:none;
	opacity: 1;
	pointer-events: initial;
	box-shadow: 2px 3px 10px #ccc;
	border-top: 2px solid #008fd3;
}
.wrapper-dropdown-1 .dropdown li {
	/*border-bottom: solid 1px #ccc;*/
color: #000;
	font-weight: normal;
	font-size:15px;
	line-height:18px;
	/*padding:6px 10px;*/
font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	background:#FDF7E8;
}
html.ch-font .wrapper-dropdown-1 .dropdown li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .wrapper-dropdown-1 .dropdown li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrapper-dropdown-1 .dropdown li a {
	color: #000;
	padding: 6px 10px;
}
.wrapper-dropdown-1 .dropdown li:hover {
	background:#008fd3;
}
.wrapper-dropdown-1 .dropdown li:hover a {
	color:#fff;
}
/* Active state */

.wrapper-dropdown-1.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}
/* No CSS3 support */

.no-opacity .wrapper-dropdown-1 .dropdown, .no-pointerevents .wrapper-dropdown-1 .dropdown {
	display: none;
	opacity: 1; /* If opacity support but no pointer-events support */
	pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.no-opacity .wrapper-dropdown-1.active .dropdown, .no-pointerevents .wrapper-dropdown-1.active .dropdown {
	display: block;
}
/***************************  Section 2 CSS *************************************/

.videoBlock {
	float: left;
	width: 100%;
	padding: 135px 0;
}
.touchOnly {
	display:none;
}
.desktopOnly {
	display:block;
	margin-bottom: -4px;
}
.videoBlock h1 {
	font-size:60px;
	line-height:62px;
	color:#000;
	float:left;
	width:100%;
	padding:0px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	font-weight: normal;
}
html.ch-font .videoBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .videoBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.videoPlay {
	padding: 30px 0;
}
.videoPlay .LinkBtn {
	padding: 10px 0px 0;
}
.videoBlock .playButton {
	text-align:center;
	padding:40px 0px 10px;
	width:100%;
	float:left;
}
.mainplayercontainerVideo {
	margin: 20px auto;
	background:#000;
}
.video_black_container {
	width: 100%;
	float: left;
	text-align: center;
	margin: auto;
}
/*************************************** Section 3 ******************************************************************/
.blackBg {
	background:#000;
}
.s4hanaBlock {
	float: left;
	width: 100%;
	padding: 135px 0;
	text-align:center;
}
.s4hanaBlock h1 {
	font-size:54px;
	color:#fff;
	float:left;
	width:100%;
	line-height:60px;
	margin-bottom:5px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .s4hanaBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .s4hanaBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.s4hanaBlock h1 span {
	color:#f0ab00;
}
.s4hanaBlock h2 {
	font-size:60px;
	color:#fff;
	float:left;
	width:100%;
	padding:0px;
	line-height:65px;
	margin-bottom:5px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .s4hanaBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .s4hanaBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.s4hanaBlock .hanaDes {
	font-size:25px;
	color:#fffdfd;
	float:left;
	width:100%;
	line-height:35px;
	padding:15px 0;
}
/*************************************** Section 4 Ask Question Block ******************************************************************/

.askBlock {
	float: left;
	width: 100%;
	padding: 15px 0;
	text-align:center;
	background-position: -10px bottom!important;
}
.askBg {
	background: #aaaaaa;
	position: relative;
}
.askQue {
	max-width:470px;
	margin:auto;
	padding:40px 0px 0;
	min-height:375px;
	text-align:center;
}
.askQue h1 {
	font-size:40px;
	color:#000;
	float:left;
	width:86%;
	padding:10px 7%;
	line-height:45px;
	margin-bottom:5px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}
html.ch-font .askQue h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .askQue h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.askQue h2 {
	font-size:25px;
	color:#333333;
	float:left;
	width:100%;
	line-height:35px;
	margin-bottom:5px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .askQue h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .askQue h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.askTextField {
	width: 100%;
	border-bottom: 2px solid #fff;
	padding: 20px 0;
	margin: 20px 0px 30px;
	float: left;
}
.askTextField span {
	position: static!important;
	height: 0px!important;
	float: left;
	text-align: center;
	width: 100%;
	font-size:25px;
	color:#666666;
	line-height:35px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .askTextField span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .askTextField span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.askTextField input[type=text] {
	background:none;
	border:0px;
	height:35px;
	font-size:25px;
	color:#666666;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	width:100%;
	line-height:35px;
}
html.ch-font .askTextField input[type=text] {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .askTextField input[type=text] {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************************** Testimonials ******************************************************************/
.testimonialBlock {
	float: left;
	width: 100%;
	padding: 125px 0;
	text-align:center;
}
.innerPage .testimonialBlock {
	padding: 60px 0;
}
.testimonialBlock h1 {
	font-size:30px;
	color:#6d6d6d;
	float:left;
	width:100%;
	padding:10px 0;
	line-height:40px;
	margin-bottom:5px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .testimonialBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .testimonialBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.testimonialBlock h2 {
	font-size:30px;
	color:#333333;
	float:left;
	width:100%;
	line-height:40px;
	padding:75px 0px 30px;
	margin-top:20px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(/etc/designs/sapuid/images/icon-quote.png) top center no-repeat;
}
html.ch-font .testimonialBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .testimonialBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.testimonialBlock h3 {
	font-size:20px;
	color:#7c7c7c;
	float:left;
	width:100%;
	line-height:30px;
	padding:10px 0px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
}
html.ch-font .testimonialBlock h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .testimonialBlock h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************************** Register & download  ******************************************************************/

.trialComponent {
	background: #f9f9f9 url(/etc/designs/sapuid/images/static-block-bg.png) repeat-x top center;
}
.regDownload {
	float: left;
	width: 100%;
	padding: 70px 0 32px;
	text-align:left;
}
.regDownload .leftArea {
	float:left;
	width:39%;
}
.regDownload .leftArea .LinkBtn {
	text-align: left;
}
.regDownload .leftArea h1 {
	font-size:24px;
	color:#008fd3;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:28px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .regDownload .leftArea h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .regDownload .leftArea h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.regDownload .leftArea h2 {
	font-size: 24px;
	color: #008fd3;
	float: left;
	width: 100%;
	padding: 0px 0 10px;
	line-height: 28px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .regDownload .leftArea h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .regDownload .leftArea h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.regDownload .leftArea .columnDetail {
	font-size: 14px;
	color: #444444;
	float: left;
	width: 100%;
	line-height: 22px;
	padding: 0px 0px 38px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .regDownload .leftArea .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .regDownload .leftArea .columnDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.regDownload .leftArea h3 {
	font-size:14px;
	color:#008fd3;
	float:left;
	width:100%;
	line-height:22px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .regDownload .leftArea h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .regDownload .leftArea h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.linkButton span.icon-lock {
	background:url(/etc/designs/sapuid/images/icon-lock.png) left center no-repeat;
	padding-left:25px;
}
.linkButton span.icon-lock:hover {
	background:url(/etc/designs/sapuid/images/icon-gray-lock.png) left center no-repeat;
}
.linkButton:hover span.icon-lock {
	background:url(/etc/designs/sapuid/images/icon-gray-lock.png) left center no-repeat;
}
.regDownload .rightArea {
	float:right;
	width:60%;
}
.regDownload .rightArea img {
	width:100%;
}
/*************************************** case study Block ******************************************************************/


.casestudyBlock {
	float:right;
	width:40%;
	padding:55px 10% 55px 0px;
}
.caseImage {
	float: left;
	width: 48%;
	bottom: 0px;
	position:absolute;
}
.caseImage img {
	max-height: 370px;
}
.casestudyBlock h1 {
	font-size:45px;
	color:#000;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:45px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .casestudyBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .casestudyBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.casestudyBlock h2 {
	font-size:18px;
	color:#000;
	float:left;
	width:100%;
	line-height:24px;
	padding:0px 0px 7px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .casestudyBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .casestudyBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.casestudyBlock h3 {
	font-size:10px;
	color:#000;
	float:left;
	width:100%;
	line-height:15px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
html.ch-font .casestudyBlock h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .casestudyBlock h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.caseStudyBox {
	width: 31%;
	color: #222;
	padding: 45px 0 0 0;
	margin:0px 1%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-bottom:solid 1px #ddd;
	min-height:380px;
}
.caseStudyBox .caseStudyImage {
	position: relative;
	line-height: 0;
}
.caseStudyImage img {
	width: 100%;
}
.caseStudyBox h2 {
	margin: 15px 0px 10px;
	font-size: 24px;
	line-height: 28px;
	font-family: "BentonSansRegular", Calibri, Franklin Gothic Book;
	font-weight: normal;
	color: #008fd3;
}
html.ch-font .caseStudyBox h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Calibri, Franklin Gothic Book;
}
html.ar-font .caseStudyBox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.caseStudyBox .caseStudyCopy {
	font-size: 14px;
	line-height: 23px;
	color: #444444;
	font-family: "BentonSansRegular", Calibri, Franklin Gothic Book;
}
html.ch-font .caseStudyBox .caseStudyCopy {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Calibri, Franklin Gothic Book;
}
html.ar-font .caseStudyBox .caseStudyCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.caseStudyBox .casestudyReadmore {
	margin: 15px 0px;
	width:100%;
	float:left;
}
.caseStudyBox .casestudyReadmore a {
	color: #008fd3;
	font-size: 14px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 20px;
}
html.ch-font .caseStudyBox .casestudyReadmore a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .caseStudyBox .casestudyReadmore a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.caseStudyBox .casestudyReadmore a span {
/*background: url(/etc/designs/sapuid/images/icon-readmore.png) left center no-repeat;
padding-left: 15px;*/
}
/*************************************** Benefits Block CSS ******************************************************************/

.pageShowcase {
	float: left;
	width: 100%;
	padding: 90px 0 90px;
}
.showcaseTable {
	padding:0 0 90px 0;
	max-width:1240px;
	margin:auto;
}
.showcaseTable table {
	width:100%;
}
.pageShowcase h1 {
	font-size:24px;
	color:#fff;
	float:left;
	width:100%;
	padding:10px 0 10px;
	line-height:28px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0px 2px 10px #666;
}
html.ch-font .pageShowcase h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .pageShowcase h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.pageShowcase h2 {
	font-size:58px;
	color:#fff;
	float:left;
	width:100%;
	line-height:58px;
	padding:0px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	text-shadow: 0px 2px 10px #666;
}
html.ch-font .pageShowcase h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .pageShowcase h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.pageShowcase h3 {
	font-size:36px;
	color:#fff;
	float:left;
	width:100%;
	padding:10px 0 10px;
	line-height:44px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	text-shadow: 0px 2px 10px #666;
}
html.ch-font .pageShowcase h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .pageShowcase h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.pageShowcase .showcaseLink {
	margin:10px auto;
	border:solid 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	max-width:450px;
}
.pageShowcase .showcaseLink a {
	padding:5px 8px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	line-height:25px;
	display:block;
}
html.ch-font .pageShowcase .showcaseLink a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .pageShowcase .showcaseLink a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.prvBenefit {
	float:left;
	background:url(/etc/designs/sapuid/images/prvBenefit-bg.png) left center no-repeat;
	text-align:center;
	min-width:120px
}
.prvBenefit a {
	font-size:24px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	padding:12px 25px;
	display:block;
}
html.ch-font .prvBenefit a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .prvBenefit a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.prvBenefit:hover {
	background:url(/etc/designs/sapuid/images/prvBenefit-hover-bg.png) left center no-repeat;
}
.prvBenefit a:hover {
	color:#58595b;
	text-decoration:none;
}
.nextBenefit {
	float:right;
	background:url(/etc/designs/sapuid/images/nextBenefit-bg.png) right center no-repeat;
	text-align:center;
	min-width:120px
}
.nextBenefit a {
	font-size:24px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	padding:12px 25px;
	display:block;
}
html.ch-font .nextBenefit a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .nextBenefit a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.nextBenefit:hover {
	background:url(/etc/designs/sapuid/images/nextBenefit-hover-bg.png) right center no-repeat;
}
.nextBenefit a:hover {
	color:#58595b;
	text-decoration:none;
}
.activeBenefit {
	text-align: center;
	width: 90px;
	display: block;
	margin: auto;
	margin-top: -32px;
}
.activeBenefit a {
	padding:0px 3px;
}
.activeBenefit a.greyicon {
	width: 12px;
	height: 12px;
	background: url(/etc/designs/sapuid/images/non-active-benefit.png) center center no-repeat;
	float: left;
}
.activeBenefit a.whiteicon {
	width: 12px;
	height: 12px;
	background: url(/etc/designs/sapuid/images/active-benefit.png) center center no-repeat;
	float: left;
}
.contentBlock {
	float: left;
	width: 100%;
	padding: 50px 0 0px;
}
.centerBlock .pClass {
	font-size: 14px;
	color: #444444;
	float: left;
	width: 100%;
	padding: 0px 0 10px;
	line-height: 22px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
html.ch-font .centerBlock .pClass {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .centerBlock .pClass {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.articleBlock {
	float: left;
	width: 100%;
	padding: 0px;
}
.contentBlock h1 {
	font-size:45px;
	color:#000;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:48px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}
html.ch-font .contentBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .contentBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.contentBlock .benefitDes {
	font-size:28px;
	color:#000;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:37px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
}
html.ch-font .contentBlock .benefitDes {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .contentBlock .benefitDes {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.twoColumnBox .contentBlock .benefitDes {
	font-size:28px;
	color:#000;
	float:left;
	width:84%;
	padding:0px 6% 30px 10%;
	line-height:36px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
}
html.ch-font .twoColumnBox .contentBlock .benefitDes {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox .contentBlock .benefitDes {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.contentBlock h2 {
	font-size:28px;
	color:#000;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:35px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}
html.ch-font .contentBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .contentBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.contentBlock .pClass {
	font-size:14px;
	color:#444444;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:22px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
}
html.ch-font .contentBlock .pClass {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .contentBlock .pClass {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.articleBox {
	width: 30%;
	float: left;
	padding: 45px 1.5% 0 1.5%;
}
article.articleBox:last-child {
	padding-right: 0px;
}
.articleBox .articalborder {
	text-align: left;
	min-height: 380px;
	border-bottom: solid 1px #ddd;
	padding-bottom:30px;
}
.articleBox .articalborder .articleImage img {
	width: 100%;
}
.articleBox .articleImage {
	padding:0 0 20px 0px;
	/*min-height:110px;*/
text-align:center;
}
.articleBox .articleImage img {
	max-width:100%;
	max-height:100%
}
.articleBox h1 {
	font-size:24px;
	line-height:28px;
	color:#008fd3;
	float:left;
	width:100%;
	padding:10px 0 10px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
}
html.ch-font .articleBox h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .articleBox h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.articleBox .articleDetail {
	font-size:14px;
	line-height:24px;
	color:#444444;
	float:left;
	width:100%;
	/*padding:0px 0 10px;*/
    padding:0px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .articleBox .articleDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .articleBox .articleDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.articleBox .articleReadmore a {
	color:#008fd3;
	font-size:14px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:20px;
}
html.ch-font .articleBox .articleReadmore a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .articleBox .articleReadmore a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.articleBox .articleReadmore a span {
/*background:url(/etc/designs/sapuid/images/icon-readmore.png) 2px center no-repeat;
padding-left:15px;*/
}
.articleReadmore a span.multiLinkPlayButton {
	background: url(/etc/designs/sapuid/images/play-icon.png) left center no-repeat;
	padding-left: 18px;
	background-size: 13px;
}
/*************************************** X case study  CSS ******************************************************************/



.customerShowcase {
	padding: 60px 20px 0px;
	max-width: 1100px;
	margin: auto;
}
.xCaseShowcase {
	padding:0px;
	width:495px;
	float:right;
}
.xCaseShowcase h1 {
	font-size:45px;
	color:#fff;
	float:left;
	width:100%;
	padding:10px 0 10px;
	line-height:45px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
}
html.ch-font .xCaseShowcase h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .xCaseShowcase h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.xCaseShowcase h2 {
	font-size:24px;
	color:#fff;
	float:left;
	width:100%;
	line-height:32px;
	padding:0px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
}
html.ch-font .xCaseShowcase h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseShowcase h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCaseShowcase h3 {
	font-size:10px;
	color:#000;
	float:left;
	width:100%;
	padding:10px 0 0px;
	line-height:12px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
}
html.ch-font .xCaseShowcase h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .xCaseShowcase h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.NHLShowcase h1, .NHLShowcase h2, .NHLShowcase h3 {
	color: #000;
	text-shadow: 0px 1px 10px #fff;
}
.xCaseLeftBlock {
	float:left;
	width:64%;
	padding-top:50px;
}
.xCaseLeftBlock .columnDes {
	color: #000;
	font-size: 28px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	line-height: 36px;
	position: relative;
}
html.ch-font .xCaseLeftBlock .columnDes {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseLeftBlock .columnDes {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCasetwoColumn {
	width: 100%;
	float: left;
	padding-bottom:35px;
}
.xCaseLeftBlock .xCasetwoColumn .leftCase {
	float: left;
	width: 40%;
}
.xCasetwoColumn .LinkReadmore {
	text-align:left;
}
.titleVideo {
	background:#f2f2f2;
	font-size:14px;
	line-height:22px;
	color:#444;
	float:left;
	width:96%;
	padding:8px 2%;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ch-font .titleVideo {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .titleVideo {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.titleVideo b {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	text-transform:uppercase!important;
	color:#000!important;
}
html.ch-font .titleVideo b {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .titleVideo b {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.xCaseLeftBlock .xCasetwoColumn .rightCase {
	float: right;
	width: 55%;
}
.xCasetwoColumn h1 {
	font-size:45px;
	line-height:43px;
	color:#000;
	float:left;
	width:100%;
	padding:0px 0 10px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	text-transform:uppercase;
}
html.ch-font .xCasetwoColumn h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .xCasetwoColumn h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.xCasetwoColumn h3 {
	font-size: 10px;
	line-height: 14px;
	color: #000;
	float: left;
	width: 100%;
	padding: 0px 0 3px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	text-transform:uppercase;
}
html.ch-font .xCasetwoColumn h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .xCasetwoColumn h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.xCasetwoColumn .columnDetail {
	color: #444444;
	font-size: 14px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
html.ch-font .xCasetwoColumn .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .xCasetwoColumn .columnDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.caseRightText h1, .caseRightText h3, .caseRightText .columnDetail {
	padding-left:30px;
}
.xCaseRightBlock {
	float:right;
	width:30%;
	padding:50px 0;
}
.xCaseRightBlock .postBlock {
	width: 100%;
	float: left;
	padding: 30px 0px;
	border-bottom: solid 1px #ddd;
}
.xCaseRightBlock .postBlock h1 {
	width:100%;
	float:left;
	color: #1584d4;
	font-size: 41px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 45px;
	padding-bottom:5px;
}
html.ch-font .xCaseRightBlock .postBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseRightBlock .postBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCaseRightBlock .postBlock h2 {
	width:100%;
	float:left;
	color: #333333;
	font-size: 18px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight:normal;
}
html.ch-font .xCaseRightBlock .postBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseRightBlock .postBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCaseRightBlock .postBlock h3 {
	width: 100%;
	float: left;
	color: #000;
	font-size: 25px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	line-height: 34px;
	font-weight: normal;
	text-transform: uppercase;
}
html.ch-font .xCaseRightBlock .postBlock h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseRightBlock .postBlock h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCaseRightBlock .getStart {
	width:100%;
	float:left;
	text-align:center;
	padding:20px 0px;
}
.xCaseRightBlock .getStart h1 {
	color: #333333;
	font-size: 18px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:normal;
	display:block;
}
html.ch-font .xCaseRightBlock .getStart h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .xCaseRightBlock .getStart h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.xCaseRightBlock .getStart h1 a {
	color: #0076cb;
	padding:5px 0;
}
.columnDetail ul {
	float:left;
	margin-left: 35px;
}
.columnDetail ul li {
	float:left;
	padding: 0px 0px 5px 0px;
}
.xCaseLeftBlock .xCasetwoColumn .halfBlock {
	float: left;
	width: 48%;
}
/*************************************** Media Images CSS ******************************************************************/

.CQSectionPrimary .sectionBlock {
	min-height:580px;
}
.sectionBlock {
	margin: 0 -9999px;
	position:relative;
	overflow:hidden;
	/*min-height:200px;*/
}
.refreshBlock {
	float: left;
	width: 100%;
}
.refreshBlock .commonHero {
	min-height: 400px;
	padding-bottom: 90px;
	width: 100%;
	float: left;
}
.refreshBlock .sectionBlock {
	/*margin: 0 auto;*/
position:relative;
	overflow:hidden;
}
.refreshBlock .sectionBlock .mediaImage img {
/*width:100%;*/
}
.billboardblock .sectionBlock {
	margin: 0 -120px;
	position:relative;
	overflow:hidden;
}
.billboardblock .sectionBlock .mediaImage img {
	width:100%;
}
.sectionShowcaseBlock {
	margin: 0 -9999px;
	position:relative;
	overflow:hidden;
	background:#ddd;
}
.blockWrapper {
	max-width: 1920px;
	margin: 0 auto;
}
.heroBlock {
	width: 100%;
	position: relative;
}
.benefitMob {
	height: 270px!important;
}
.mediaImage {
	width:100%;
	/*min-height:200px;*/
	text-align:right;/*background:#ddd;*/
}
.mediaImage img {
	max-width:inherit;
	margin: auto;
}
.wideImage {
	width:100%;
	float:left;
}
.wideImage .mediaImage {
	min-height:50px;
}
.blockAskque .mediaImage {
	min-height:220px;
}
.blockAskque .mediaImage img {
	max-width:100%;
}
.mediaImage .mediaDesktop {
	display:block;
}
.mediaImage .mediaTablet {
	display:none;
}
.mediaImage .mediaMobile {
	display:none;
	width:100%;
}
.benefitMedia {
	min-height:580px;
}
.commonMedia {
	min-height:420px;
}
.xCaseMedia {
	min-height:350px;
}
.customerMedia {
	min-height:550px;
}
.questionMedia {
	min-height:850px;
}
.mediaContent {
	width: 90%;
	padding:0px 5%;
	position:absolute;
	top: 0;
	height:100%;
}
.mediaContentBlock {
	max-width: 960px;
	margin: 0 auto;
	padding: 55px 0;
	min-height: 240px;
}
.heroContent {
	width: 100%;
	padding:0px;
	position:absolute;
	top: 0;
}
.billboard {
	height: 100%;
	display: table;
	width: 100%;
	max-width:1240px;
	margin: auto;/*padding:35px 0px 40px 0px;*/
}
.billboardleft {
	height: 100%;
	/*display: table;*/
	width: 100%;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 25px);
    padding-left:25px;
	/*max-width:1240px;*/
    max-width:966px;
	margin: auto;/*padding:35px 0px 40px 0px;*/
}
.commonHeroRelative .billboard {
	padding:0px;
}
.commonHeroRelative .billboardleft {
	padding:0px;
}
.billboardMultiButton {
	height: 100%;
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: auto;
}
.heroContent .pageShowcase {
	float: none;
	max-width: 960px;
	padding: 130px 0 0px;
	margin:auto;
}
.billboardNavigation {
	width: 100%;
	max-width: 960px;
	margin: auto;
	position:relative;
}
.billboardNavigation .heroContent {
	height: 100%;
	padding: 100px 0px 0px;
}
.commonHero {
	width: 100%;
	padding:0px;
	position:absolute;
	top: 0;
	height:100%;
}
.commonHero.achkay {
	padding: 0 0 45px 0;
}
.questionHero {
	width: 100%;
	padding: 0px;
	position: absolute;
	top: 0;
	margin: 0 auto;
}
.commonHeroRelative {
	position: relative!important;
    padding:68px 0px 84px 0px;
   /* padding:30px 0px 30px 0px;
	padding:30px 0px 50px 0px;
    display: table;
    min-height: 300px;*/
}
.CQSectionCarosuel .commonHeroRelative {
	position: relative!important;
	display: block;
	min-height: 300px;
	padding:0px;
}
.commonHero .pageShowcase {
	float: none;
	max-width: 960px;
	padding: 0;
	margin: auto;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.overviewStandard {
	max-width: 960px;
	margin: auto;
	height: 100%;
	display: table;
}
.commonHero .s4hanaBlock {
	float: none;
	max-width: 960px;
	padding: 100px 0px;
	margin: auto;
	display: table-cell;
	vertical-align: middle;
}
.customerStoryColumn {
	width:45%;
	float:right;
	position:relative;
}
.customerStoryColumn h1 {
	font-size:45px;
	color:#fff;
	float:left;
	width:100%;
	padding:0px 0 10px;
	line-height:45px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .customerStoryColumn h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .customerStoryColumn h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.customerStoryColumn h2 {
	font-size:18px;
	color:#fff;
	float:left;
	width:100%;
	line-height:24px;
	padding:0px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .customerStoryColumn h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .customerStoryColumn h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customerStoryColumn h3 {
	font-size:10px;
	color:#fff;
	float:left;
	width:100%;
	line-height:15px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
html.ch-font .customerStoryColumn h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .customerStoryColumn h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.customerStoryColumn h4 {
	font-size: 24px;
	line-height: 28px;
	color: #008fd3;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
html.ch-font .customerStoryColumn h4 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .customerStoryColumn h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customerStoryColumn .columnDetail {
	font-size:18px;
	color:#fff;
	float:left;
	width:100%;
	line-height:24px;
	padding:0px 0px 7px;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .customerStoryColumn .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .customerStoryColumn .columnDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************************** Two ColumnBox  CSS ******************************************************************/
.twoColumnBox {
	width:100%;
	float:left;
	overflow:hidden;
	display: flex;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
	position: relative;
}
.twoColumnBox .LinkBtn {
	text-align: left;
	padding: 25px 0px 0;
}
.twoColumnBox .leftColumn {
	float:left;
	width:calc(50% - 60px);
	position: relative;
	padding-left:30px;
	padding-right:30px;
}
.twoColumnBox .rightColumn {
	float:right;
	width:calc(50% - 60px);
	position: relative;
	padding-left:30px;
	padding-right:30px;
}
.twoColumnBox .columnPad {
	width: 84%;
	padding: 10% 6% 5% 10%;
	float:left;
}
.orBtn a.linkButton {
	margin-top: 10px;
}
.orBtn {
	text-align: center;
	padding: 0% 6% 5% 10%;
	float: left;
	margin-top: -10px;
}
.idc-padd {
	padding:3% 3% 0% 5%!important;
}
.twoColumnBox .columnBg {
	background:#f4f4f4;
}
.twoColumnBox h1 {
	font-size:28px;
	line-height:28px;
	color:#000;
	float:left;
	width:100%;
	padding:10px 0 10px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	text-transform:uppercase;
}
html.ch-font .twoColumnBox h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .twoColumnBox h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/*.twoColumnBox h2 {
font-size:24px;
line-height:28px;
color:#008fd3;
float:left;
width:100%;
padding-bottom:5px;
font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
}*/

.twoColumnBox h2 {
	font-size: 28px;
	line-height: 32px;
	color: #000;
	float: left;
	width: 100%;
	padding-bottom: 10px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
.twoColumnBox h2 span {
	color:#ffba00;
}
html.ch-font .twoColumnBox h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .twoColumnBox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.twoColumnBox h3 {
	font-size:14px;
	line-height:22px;
	color:#008fd3;
	float:left;
	width:100%;
	padding:0px 0 3px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
}
html.ch-font .twoColumnBox h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.twoColumnBox .columnDes {
	color:#000;
	font-size:28px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	line-height:36px;
	position: relative;
}
html.ch-font .twoColumnBox .columnDes {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox .columnDes {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.twoColumnBox .columnDetail {
	color:#444444;
	font-size:16px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:26px;
	float:left;
}
html.ch-font .twoColumnBox .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox .columnDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.mainplayercontainerVideo {max-width:960px;}
/*.columnBg .columnDetail {
font-size: 18px;
line-height:26px;
}*/
.twoColumnBox .caseDetail {
	width:38%;
	padding:5% 6%;
}
.twoColumnBox .caseDetail h1 {
	font-size:40px;
	line-height:45px;
	color:#fff;
	float:left;
	width:100%;
	padding:10px 0 10px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	text-transform:uppercase;
}
html.ch-font .twoColumnBox .caseDetail h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .twoColumnBox .caseDetail h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.twoColumnBox .caseDetail h2 {
	font-size:24px;
	line-height:28px;
	color:#008fd3;
	float:left;
	width:100%;
	padding-bottom:5px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
}
html.ch-font .twoColumnBox .caseDetail h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox .caseDetail h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.twoColumnBox .caseDetail h3 {
	font-size:28px;
	line-height:33px;
	color:#fff;
	float:left;
	width:100%;
	padding:0px 0 10px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	text-transform:uppercase;
}
html.ch-font .twoColumnBox .caseDetail h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .twoColumnBox .caseDetail h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.twoColumnBox .caseDetail .columnDetail {
	color:#fff;
}
.videoPop {
	display:none;
	margin:0em 0px;
	background:#fff;
	border:0px solid #f4f4f4;
	max-width:960px;
}
.videoContainer {
	width: 100%;
}
.videoContainer img {
	width: 100%;
}
.videoPlayButton {
	width: 70px;
	height: 70px;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	margin: auto;
}
.videoPlayButton img {border:0px !important}
.leaderImg {
	width:100%;
	margin:10px 0px;
	float:left;
	position:relative;
}
.leaderImg img {
	max-width:77px;
	max-height:77px;
}
.leaderImg span {
	font-size:14px;
	line-height:22px;
	color:#008ed2;
	margin:0px 10px;
	position: relative;
	top: 30px;
}
.viewAllCS {
	width:100%;
	margin-bottom: 50px;
}
.viewAllCS .viewBtn {
	background:#fff url(/etc/designs/sapuid/images/icon-plus.jpg) no-repeat 10px center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:170px;
	height:34px;
	margin:auto;
	border:solid 1px #ccc;
}
.viewAllCS .viewBtn a {
	color:#666666;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding:10px 15px 10px 30px;
	display:block;
}
html.ch-font .viewAllCS .viewBtn a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .viewAllCS .viewBtn a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.viewAllBlock {
	float:left;
	width:100%!important;
	clear:both;
}
.viewExperts {
	width:45%;
	padding:10px 2% 50px;
	float:left;
}
.viewExperts .viewExpertsImage {
	position: relative;
	line-height: 0;
	float: left;
	width: 120px;
	margin-right: 25px;
	padding-bottom: 17px;
}
.viewExperts h2 {
	margin: 0px 0px 10px;
	font-size: 24px;
	line-height: 28px;
	font-family: "BentonSansRegular", Calibri, Franklin Gothic Book;
	font-weight: normal;
	color: #008fd3;
}
html.ch-font .viewExperts h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Calibri, Franklin Gothic Book;
}
html.ar-font .viewExperts h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.viewExperts .columnHeroCopy {
	font-size: 14px;
	margin: 0px;
	line-height: 22px;
	color: #444444;
	padding-bottom:10px;
	font-family: "BentonSansRegular", Calibri, Franklin Gothic Book;
}
html.ch-font .viewExperts .columnHeroCopy {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Calibri, Franklin Gothic Book;
}
html.ar-font .viewExperts .columnHeroCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.columnHeroCopy .jive-quote span {
	font-family: "BentonSansRegular", Calibri, Franklin Gothic Book!important;
}
html.ch-font .columnHeroCopy .jive-quote span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Calibri, Franklin Gothic Book;
}
html.ar-font .columnHeroCopy .jive-quote span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.magnifierBox {
	position:relative;
}
.magnifierButton {
	width: 34px;
	height:34px;
	float: left;
	bottom:10px;
	right: 8px;
	position: absolute;
	z-index: 10;
}
.magnifierButton img {
	width: 100%;
	cursor:cell;
	cursor:-webkit-zoom-in;
	cursor:zoom-in;
}
.editLoginForm {
	display:block;
	width:110px;
	height:72px;
	padding:11px 0 11px;
	background:#008fd3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font:16px/30px BentonSans, Arial, Helvetica, sans-serif;
	float:right;
	position:fixed;
	z-index:9;
	right: 0;
	top: 45%;
}
html.ch-font .editLoginForm {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .editLoginForm {
	font-weight:normal;
	font:16px/30px Arial, Helvetica, sans-serif;
}
.editLoginForm a {
	color:#fff;
}
.customerLogin {
	padding:25px 20px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	color:#222;
	width:500px;
	margin:0px auto;
	background:#fff;
	box-shadow:0px 2px 30px #ccc;
	position: relative;
	top: 150px;
}
html.ch-font .customerLogin {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .customerLogin {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customerLogin h1 {
	font-size:17px;
}
.customerLogin .row {
	width:100%;
	padding:15px 0px 0px 0px;
}
.customerLogin .row label {
	width:100%;
	padding:0px;
	color: #222;
	font-size: 13px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
}
html.ch-font .customerLogin .row label {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .customerLogin .row label {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customerLogin .required {
	color:red;
	font-size:11px;
	font-style:italic;
	padding-top:2px;
}
.customerLogin .errorMsg {
	color:red;
	font-size:11px;
	font-style:italic;
	padding-top:2px;
}
.customerLogin .row input[type=text] {
	width:95%;
	padding:6px 2%;
	color: #222;
}
.customerLogin .row input[type=password] {
	width:95%;
	padding:6px 2%;
	color: #222;
}
.customerLogin .linkButton {
	font-size: 15px!important;
	line-height: 20px;
	padding: 5px 20px;
}
.customerLogin .fade_close {
	position: relative;
	float: right;
	margin-right: -40px;
	cursor: pointer;
	top: -8px;
}
.xCaseLeftBlock .twoColumnBox .leftColumn {
	float: left;
	width: 48%;
	position: relative;
	padding-right: 4%;
}
.xCaseLeftBlock .twoColumnBox .rightColumn {
	float: right!important;
	width: 48%;
	position: relative;
}
/*************************************** Footer CSS ******************************************************************/

.centerbtn {
	margin-left:-30px !important;
	margin-top:-12px !important;
}
.pSeparator {
	margin-top:35px;
	font-size:13px !important;
	padding-bottom:0 !important;
}
.joinFacebook {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.joinTwitter {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.joinYouTube {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.joinLinkedIn {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.joinGoogle {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.joinInstagram {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.Slideshare {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.xingshare {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
.shareEmail {
	width:250px!important;
	position:absolute;
	bottom:100%;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	right:0px;
	text-align:center;
	border-top: 0px solid #ccc;
}
/******************** Mega footer **********************/

.mega-footer .joinFacebook, .mega-footer .joinTwitter, .mega-footer .joinInstagram, .mega-footer .Slideshare, .mega-footer .joinYouTube, .mega-footer .shareEmail, .mega-footer .xingshare, .mega-footer .joinGoogle, .mega-footer .joinLinkedIn, .mega-footer .joinInstagram {
	left:0px;
	bottom:90%;
	border-top: 0px solid #ccc;
	opacity: .98;
	filter: alpha(opacity=98);
	box-shadow: none;
}
.socialLinksGroup .contBlock {
	height:230px;
	padding:10px 20px;
}
.socialLinksGroup .contBlock span {
	font-size: 17px;
	color: #000;
	padding:10px 0;
	font-weight: bold;
	font: 18px/25px BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ch-font .socialLinksGroup .contBlock span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .socialLinksGroup .contBlock span {
	font-weight:normal;
	font: 18px/25px Arial, Helvetica, sans-serif;
}
.socialLinksGroup .contBlock span img {
	margin-bottom:8px;
}
.socialLinksGroup .contBlock span.icon-arrow-right {
	background:url(/etc/designs/sapuid/images/nav-arrow-right-icon.png) no-repeat right 5px;
	background-size:11px;
	float: right;
	width: 15px;
}
.socialLinksGroup .contBlock ul {
	padding:20px 0%;
	width:100%;
	float:left;
	text-align:left;
}
.socialLinksGroup .contBlock ul li {
	width:100%;
	border-bottom:#ccc 1px solid;
	float:left;
	padding: 3px 0px 0;
	line-height: 25px;
}
.socialLinksGroup .contBlock ul li a {
	color:#222;
	display: block;
	cursor: pointer;
}
footer .container {
	padding: 0px 20px;
	margin: 0 auto;
	max-width: 1240px;
}
 @media screen and (min-width:0\0) {
 footer .container {
 line-height:5px;
}
 section.quickLinks ul {
margin-bottom:5px;
line-height:15px;
}
}
section.socialLinksGroup {
	position:relative;
	background-size: 13px;
	padding-right: 19px;
}
section.socialLinksGroup a {
	text-decoration:none;
    cursor: pointer;
}
/*section.socialLinksGroup ul, section.socialLinksGroup li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block
}
*/
.socialLinksGroup ul {
	min-width: auto;
	position: absolute;
	bottom: 100%;
	/*  border-width: 1px 0 0px;
    border-style: solid;
    border-color: #000 transparent #000;
    padding: 10px 0px; */
    left: -4px;
	width: 100%!important;
	bottom: 51px;
}
.socialLinksGroup ul li {
	display: block;
	/*margin: 0px 15px;*/
    float:left;
	border-bottom: 1px solid #4a4a4a;
	background-color: rgba(0, 0, 0, 0.9);
	padding: 10px 15px;
}
.socialLinksGroup ul li:first-child {
	padding-left: 30px;
}
.socialLinksGroup ul li:last-child {
	padding-right: 30px;
}
section.socialLinksGroup .headline {
	display:inline-block;
	margin:0;
	font-family:BentonSansRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	width: auto;
	float: none;
	color:#999;
	font-weight:normal;
    background: url(/etc/designs/sapuid/images/footer-arrow-up.png) no-repeat right bottom;
    padding-right:17px;
}
section.socialLinksGroup .headline:hover {
	color:#fff;
}
html.ch-font section.socialLinksGroup .headline {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font section.socialLinksGroup .headline {
	font-weight:normal;
	font:15px/1.6 Arial, Helvetica, sans-serif;
}
section.socialLinksGroup .nav {
	vertical-align:top
}
section.socialLinksGroup .nav li a img {
	/*height:24px;*/
	width:34px
}
section.socialLinksGroup .nav li:last-child {
	margin-right:0
}
section.socialLinksGroup .contentBlocks>li {
	display:none;
	position:absolute;
	bottom:100%;
	right:0;
	z-index:100;
	font-size:12px;
	line-height:1.25
}
section.socialLinksGroup .contentBlocks>li .linkContent {
	width:186px;
	min-height:261px;
	border-width:1px 0 20px;
	border-style:solid;
	border-color:#DDD transparent #e9e9e9;
	padding:34px 29px 5px 30px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	text-align:center
}
section.socialLinksGroup .contentBlocks>li .linkContent .icon {
	height:72px
}
section.socialLinksGroup .contentBlocks>li .linkContent .description {
	font-weight:bold;
	font:18px/25px BentonSansMedium, Arial, Helvetica, sans-serif;
	padding:7px 0 22px
}
html.ch-font section.socialLinksGroup .contentBlocks>li .linkContent .description {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font section.socialLinksGroup .contentBlocks>li .linkContent .description {
	font:18px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap {
	text-align:left;
	display:block;
	font-size:12px;
	line-height:1.25
}
section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li {
	display:block;
	margin:0;
	padding:9px 0 7px
}
section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li.share, section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li.single {
	border-bottom:1px solid #ddd
}
section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li a {
	width:auto;
	display:block;
	cursor:pointer;
	color:#000
}
section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li a .icon-arrow-right:before {
	color:#008fd3;
	font-size:10px;
	margin-top:2px;
	float:right;
	text-decoration:none
}
/*********************************************************************************************************/


.nojs {
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	color:#f00
}
.list-unstyled {
	margin:0;
	padding-left:0;
	list-style:none
}
.list-unstyled>li {
	padding:0
}
.list-inline {
	padding-left:0;
	list-style:none
}
.list-inline>li {
	display:inline-block;
	padding-left:5px;
	padding-right:5px
}
.list-inline>li:first-child {
	padding-left:0
}
.group {
	zoom:1
}
.group:before, .group:after {
	content:"";
	display:table
}
.group:after {
	clear:both
}
.visible-mobile {
	display:none
}
.disabled {
	display:none
}
.rte-footnote {
	font-size:12px;
	color:#777
}
.parbase.text, .section.text {
	max-width:720px;
	margin:0 auto;
	font-size:14px;
	line-height:1.642;
	color:#333
}
.parbase.text p, .section.text p {
	margin:0 0 15px
}
.responsiveColumnControl-wrap .text {
	padding:0 20% 0 0;
	font-size:14px
}
.media-wrapper img {
	max-width:none
}
.media-wrapper .right {
	float:right
}
.media-wrapper .left {
	float:left
}
#main {
	position:relative;
	background:#fff;
	overflow:hidden;
	width:100%;
}
.button {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:18px;
	line-height:24px;
	padding:8px 34px 11px 20px;
	border-radius:5px;
	background:#008fd3
}
.button button::-moz-focus-inner {
padding:0;
border:0
}
.title-box {
	border-top:10px solid #f0ab00;
	padding:15px 0;
	text-align:center;
	color:#000
}
.title-box h2 {
	font-weight:normal;
	font-size:30px;
	line-height:34px;
	margin:0 0 16px
}
.switcher {
	height:12px;
	overflow:hidden;
	text-align:center
}
.switcher ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	vertical-align:top
}
.switcher ul li {
	float:left;
	margin:0 6px
}
.switcher ul a {
	float:left;
	width:12px;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
	background:#ccc;
	border-radius:6px
}
.switcher ul li:hover a, .switcher ul li.active a {
	background:#666
}
.not-enough-slides .switcher {
	display:none
}
@media only screen and (max-width:767px) {
.switcher ul li {
margin:0 3px
}
.switcher ul li a {
width:10px;
height:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
}
.two-cols:after {
	content:'';
	clear:both;
	display:block
}
.main-col {
	float:left;
	width:65%
}
.accordion-box {
	padding:5px 0 57px;
	color:#555
}
.accordion-box .item {
	margin:0 0 3px
}
.accordion-box .opener {
	display:block;
	text-decoration:none;
	background:#f4f4f4;
	position:relative;
	color:#000;
	font-size:18px;
	line-height:22px;
	padding:14px 60px 14px 25px
}
.accordion-box .opener:after {
	content:'';
	position:absolute;
	top:50%;
	right:29px;
	width:10px;
	height:5px;
	margin-top:-2px
}
.accordion-box .opener:hover, .accordion-box .active .opener {
	color:#fff;
	background:#f0ab00
}
.accordion-box .opener:hover:after, .accordion-box .active .opener:after {
	content:' ';
	background-position:-60px -105px
}
.accordion-box .slide {
	padding:17px 25px 12px
}
.accordion-box ul {
	margin:0 0 0 20px;
	padding:0;
	list-style:none
}
.accordion-box ul li {
	padding:0 0 8px 16px;
	position:relative
}
.accordion-box ul li:before {
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:6px;
	height:6px;
	border-radius:3px;
	background:#f0ab00
}
 @media only screen and (max-width:767px) {
.button button, .button html input[type="button"] {
font-size:14px;
line-height:17px;
padding:6px 16px 10px 12px
}
.jcf-select {
height:30px;
margin-bottom: 5px;
}
.jcf-select .jcf-select-text {
font:14px/28px BentonSans, Arial, Helvetica, sans-serif;
margin-right:39px
}
html.ch-font .jcf-select .jcf-select-text {
font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .jcf-select .jcf-select-text {
 font:14px/28px Arial, Helvetica, sans-serif;
 font-weight:normal;
}
.jcf-select .jcf-select-opener {
width:29px
}
.jcf-select .jcf-select-opener:before {
margin-left:-12px;
background:url(/etc/designs/sapuid/images/nav-arrow-icon-gray.png) no-repeat right center;
background-size:20px;
}
.jcf-scrollbar-vertical {
width:12px
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
height:13px;
width:12px
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec:before, .jcf-scrollbar-vertical .jcf-scrollbar-inc:before {
margin:6px 0 0 -4px;
border-width:0 4px 3px
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc:before {
margin:3px 0 0 -4px;
border-width:3px 4px 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
width:10px
}
.jcf-scrollbar-horizontal {
height:12px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
height:12px;
width:13px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec:before, .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
margin:4px 0 0 -3px;
border-width:3px 4px 3px 0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
margin:4px 0 0 -3px;
border-width:3px 0 3px 4px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
height:12px;
top:-3px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
height:10px
}
.hidden-mobile {
display:none
}
.visible-mobile {
display:block
}
.title-box {
padding:7px 0
}
.title-box h2 {
font-size:18px;
line-height:22px;
margin:0 0 10px
}
.content-box {
padding:0 10px 13px
}
.content-box h2 {
font-size:15px;
line-height:20px;
margin:0 0 7px
}
.content-box ul {
margin:0 0 0 10px
}
.content-box ul li {
padding:0 0 17px 16px
}
.content-box ul li:before {
top:5px
}
.button {
padding:8px 16px 8px 12px;
font-size:13px;
line-height:17px
}
.main-col, .info-box {
font-size:13px;
line-height:1.23;
padding:0 20px 9px
}
.info-box h2 {
font-size:15px;
line-height:19px
}
.accordion-box {
margin:0 -10px;
padding:2px 0 69px
}
.accordion-box .opener {
font-size:14px;
line-height:20px;
padding:13px 50px 13px 10px
}
.accordion-box .opener:after {
right:18px
}
.accordion-box .slide {
padding:17px 10px 7px
}
.accordion-box ul {
margin:0
}
.accordion-box ul li {
padding:0 0 13px 16px
}
.accordion-box ul li:before {
top:5px
}
.anchorBox {
margin:-42px 0 0;
height:32px
}
.anchorBox a {
height:32px
}
.anchorBox a [class^="icon-"] {
margin:2px 0 0
}
}
.cq-redirect-notice {
	text-align:center
}
#bPopup-container {
	display:none;
	padding:25px;
	background-color:#fff;
	min-width:450px
}
#bPopup-container .b-close {
	width:24px;
	height:50px;
	position:absolute;
	right:-24px;
	top:20px;
	cursor:pointer
}
#bPopup-container .bPopup-content iframe {
	width:960px;
	height:740px
}
section.accordion {
	max-width:956px;
	margin:0 auto;
	padding:0 0 92px;
	color:#444
}
section.accordion h2 {
	font-size:18px;
	line-height:1.6111111111111112;
	font-weight:normal;
	margin:0 0 13px;
	color:#000
}
section.accordion .item {
	cursor:auto;
	margin:0;
	border-width:1px 0;
	border-style:solid;
	border-color:#d6d6d6;
	margin-bottom:-1px
}
section.accordion .item.active {
	background:#fff
}
section.accordion .item.active .opener {
	background:0
}
section.accordion .item .opener {
	display:block;
	text-decoration:none;
	position:relative;
	font-size:18px;
	line-height:22px;
	cursor:pointer;
	color:#666;
	padding:20px 53px 17px
}
section.accordion .item .opener:hover {
	background:0;
	text-decoration:underline
}
section.accordion .item .opener:hover:before {
	background:#003283
}
section.accordion .item .opener:before {
	width:24px;
	height:24px;
	position:absolute;
	top:50%;
	left:18px;
	margin:-12px 0 0;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	color:#fff;
	font-size:13px;
	line-height:28px;
	text-align:center;
	background:#008fd3
}
section.accordion .item .opener:after {
	display:none
}
section.accordion .item .slide {
	width:100%;
	overflow:hidden;
	padding:0;
	position:relative
}
section.accordion .item .slide>.text {
	padding:33px 180px 60px 54px;
}
section.accordion .item .slide>.text.with_img {
	padding:29px 58px 1px 52px
}
section.accordion .item .slide>.text.with_img .ic_text {
	padding-right:315px
}
section.accordion .item .slide>.text.with_img .ic_text h1, section.accordion .item .slide>.text.with_img .ic_text h2, section.accordion .item .slide>.text.with_img .ic_text h3, section.accordion .item .slide>.text.with_img .ic_text h4, section.accordion .item .slide>.text.with_img .ic_text h5, section.accordion .item .slide>.text.with_img .ic_text h6 {
	margin:0 0 15px
}
section.accordion .item .slide>.text.with_img table td {
	width:22.5%;
	padding:0 50px 0 0
}
section.accordion .item .slide>.text .image {
	max-width:240px;
	margin:6px 0 0 80px;
	float:right;
	width:360px
}
section.accordion .item .slide>.text .image img {
	width:100%;
	vertical-align:top;
	max-width:100%;
	border:0
}
section.accordion .item .slide>.text h1, section.accordion .item .slide>.text h2, section.accordion .item .slide>.text h3, section.accordion .item .slide>.text h4, section.accordion .item .slide>.text h5, section.accordion .item .slide>.text h6 {
	line-height:1.3;
	margin:0 0 6px;
	font-size:30px;
	font-weight:normal;
	color:#000
}
section.accordion .item .slide>.text p {
	margin:0 0 21px;
	font-size:14px;
	line-height:22.9991989135742px
}
section.accordion .item .slide>.text table {
	display:block;
	max-width:865px
}
section.accordion .item .slide>.text table td {
	display:block;
	float:left;
	width:26.5%;
	padding:0 40px 0 0
}
section.accordion .item .slide>.text table td, section.accordion .item .slide>.text table td>* {
	font-size:12px;
	line-height:15px
}
section.accordion .item .slide .opener {
	display:none
}
@media only screen and (max-width:767px) {
section.accordion {
padding-bottom:50px
}
section.accordion h2 {
margin-bottom:11px
}
section.accordion .item .opener {
font-size:14px;
line-height:1.2142857142857142;
padding:13px 34px 12px
}
section.accordion .item .opener:before {
position:absolute;
top:50%;
left:1px
}
section.accordion .item .slide {
width:auto
}
section.accordion .item .slide .opener {
display:block;
position:absolute;
right:10px;
bottom:25px;
padding:0;
font:12px/1.25 Arial, Helvetica, sans-serif;
color:#008fd3
}
section.accordion .item .slide .opener:before {
float:right;
position:static;
width:auto;
height:auto;
color:#008fd3;
background:0;
line-height:normal;
margin:0 0 0 6px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
section.accordion .item.active .opener {
margin:0 -10px;
border-width:0 10px;
border-style:solid;
border-color:#fff
}
section.accordion .item.active .slide {
background:#fff;
margin:0 -10px;
padding:0 10px
}
section.accordion .item.active .slide .text {
padding:17px 36px 53px
}
section.accordion .item.active .slide .text.with_img .ic_text {
padding:0
}
section.accordion .item.active .slide .text.with_img .ic_text h1, section.accordion .item.active .slide .text.with_img .ic_text h2, section.accordion .item.active .slide .text.with_img .ic_text h3, section.accordion .item.active .slide .text.with_img .ic_text h4, section.accordion .item.active .slide .text.with_img .ic_text h5, section.accordion .item.active .slide .text.with_img .ic_text h6 {
margin-bottom:10px
}
section.accordion .item.active .slide .text .image {
display:none
}
section.accordion .item.active .slide .text h1, section.accordion .item.active .slide .text h2, section.accordion .item.active .slide .text h3, section.accordion .item.active .slide .text h4, section.accordion .item.active .slide .text h5, section.accordion .item.active .slide .text h6 {
font-size:18px;
line-height:1.2777777777777777;
margin-bottom:10px
}
section.accordion .item.active .slide .text p {
font-size:14px;
line-height:20px
}
section.accordion .item.active .slide .text table td {
float:none;
width:auto;
display:block;
padding:14px 0 12px;
border-top:1px solid #dbdbdb
}
section.accordion .item.active .slide .text table td:first-child {
border:0;
padding-top:0
}
section.accordion .item.active .slide .text table td, section.accordion .item.active .slide .text table td>* {
font-size:12px;
line-height:15px;
margin:0
}
}
.parsys.section+.accordion.section section.accordion>h2, #main>.container>div:first-child>section.accordion>h2, section.section .inner-wrapper>div:first-child>section.accordion>h2 {
	padding-top:60px
}
@media only screen and (max-width:767px) {
.parsys.section+.accordion.section section.accordion>h2, #main>.container>div:first-child>section.accordion>h2, section.section .inner-wrapper>div:first-child>section.accordion>h2 {
padding-top:27px
}
}
/********************************* Footer and contact module **************************************************/  
.contact-module .contact-text-cta {
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif!important;
}
html.ch-font .contact-module .contact-text-cta {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif!important;
}
html.ar-font .contact-module .contact-text-cta {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight:normal;
}
.contact-module .contact-text-cta a {
	color: #ffffff!important;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif!important;
	cursor: pointer!important;
    font-size:16px;
}
html.ch-font .contact-module .contact-text-cta a {
	color: #008fd3!important;
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif!important;
	cursor: pointer!important;
}
html.ar-font .contact-module .contact-text-cta a {
	color: #008fd3!important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight:normal;
	cursor: pointer!important;
}
.contact-module .contact-text-cta a:hover {
	text-decoration: underline!important;
}
.contact-module {
	position:fixed;
	top:50%;
	right:0;
	margin-top:-62px;
	z-index:99
}
.textOnlyView .contact-module {
	position:fixed!important;
}
.contact-module .opener {
	display:block;
	width: 100px;
	padding: 18px 10px;
	background:#000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:BentonSansBold, Arial, Helvetica, sans-serif;
 font-weight;
bold;
	float:left;
}
html.ch-font .contact-module .opener {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .contact-module .opener {
	font-weight:normal;
	font:16px/1.47 Arial, Helvetica, sans-serif;
}
.contactBlue {
	display:none;
}
.contact-module .opener [class^="icon-"] {
display:block;
height:28px
}
.contact-module .opener [class^="icon-"]:before {
font-size:30px;
line-height:28px
}
.contact-module .opener .visual {
	display:block;
	margin:0 auto
}
.contact-module .opener em {
	font-style:normal;
	color:#fff
}
.contact-module .opener:hover {
/*background:#003283*/
}
.contact-module .opener:hover em {
	text-decoration:underline
}
.contact-module .opener span.visual img {
	display:block;
	margin:0 auto
}
.contact-module .opener span.icon-talk {
	display:none
}
.contact-module .popup {
	width:375px;
	margin:0 -611px 0 0;
	position:absolute;
	top:-73px;
	right:0;
	font:16px/1.47 BentonSansRegular, Arial, Helvetica, sans-serif;
	z-index:999;
}
html.ch-font .contact-module .popup {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .contact-module .popup {
	font:16px/1.47 Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.contact-module .popup .popup-content {
	background-color:#2b3035;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
    */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*padding:22px 0px;*/
	padding: 20px 0px 12px 0px;
	text-align:center;
	font-size:12px;
	line-height:17px;
	position:relative;
}
.contact-module .popup .popup-content .hidden-chat-button {
	display:none
}
/*.contact-module .popup .popup-content:before {
	-webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -32px;
    width: 32px;
    background: #000000;
    height: 32px;
}*/

.closePopupContactus {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -32px;
	width: 32px;
	height: 32px;
	background:#000000 url(/etc/designs/sapuid/images/icon-close.png) no-repeat center center;
	cursor: pointer;
}
.contact-module .contact-title {
	color:#000;
	font-size:20px;
	line-height:24px;
	/*margin:0 0 28px;
	  padding-bottom: 18px;
    */
    margin: 0 0 22px;
    padding-bottom: 19px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 2px solid #484b4d;

}
.callusFlyout {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
    padding-bottom: 6px;
}
html.ch-font .contact-module .contact-title {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .contact-module .contact-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.contact-module .contact-title a {
	text-decoration: none;
	color: #999;
	cursor: default;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
}
html.ch-font .contact-module .contact-title a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .contact-module .contact-title a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.contact-module .contact-set {
	/*padding:0 0 15px*/
    padding:0px;
}
.contact-module .contact-set:after {
	content:'';
	display:block;
	clear:both
}
.contact-module .contact-set .col {
	/*float:left;*/
	width:33.3333%;
	padding:0 20px;
	/*border-left:1px solid #ddd;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom: 20px;
	border-bottom: 2px solid #484b4d!important;
	padding-bottom: 20px;
}
.contact-module .contact-set .col:first-child {
	border-left:0;
}
.contact-module .contact-set .col:last-child {
	border-bottom:0;
}
.contact-module .chat-offline {
    /*background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat right center;*/
    padding-right: 15px;
}
.contact-module .chat-online {
    background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat right center;
    padding-right: 15px;
}
.contact-module p {
	margin:0;
	text-align:center;
	color: #999;
	cursor: default;
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
    padding-top: 8px;
}
.contact-module .heading {
	display:block;
	text-decoration:none;
	margin:-2px 0 0
}
.contact-module .heading .visual {
	display:block;
	margin:0 auto 11px
}
.contact-module .heading .visual img {
	/*display:block;*/
    display:none;
	margin:0 auto 11px
}
.contact-module .heading [class^="icon-"] {
display:block;
position:static;
height:46px;
background:0;
filter:none;
width:auto;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
text-indent:0
}
.contact-module .heading [class^="icon-"]:before {
margin:0;
width:auto;
height:auto;
background:0;
color:#008fd3;
position:static;
display:inline-block;
font-size:42px;
line-height:46px
}
.contact-module .heading [class^="icon-"]:hover:before {
color:#003283
}
.contact-module .h-text {
	/*display:block;*/
    display:inline-block;
	line-height:20px;
	color:#fff;
	margin:9px 0 6px;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
}
/*.contact-module .h-text:after {
  content: "";
  background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat top center;
 }
*/
.contact-module .h-text a {
	color: #fff;
	font-weight: normal;
	font-family: BentonSansLight, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.contact-module .h-text a:hover {
	text-decoration:none;
}
.contact-module .heading:hover .h-text {
	text-decoration:underline
}
.contact-module .call .heading [class^="icon-"]:before {
font-size:27px
}
.contact-module .contact .heading [class^="icon-"]:before {
font-size:36px
}
.contact-module .online span.chat-offline {
	display:none;
}
.contact-module .offline span.chat-online {
	display:none;
    background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat right center;
    padding-right: 15px;
}
.contact-module .contact-set.singlecontact .col {
	width:100%;
}
.contact-module .contact-set .col {
	/*width:49%;*/
    width:100%;
	/*background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat center center;
    background: url(/etc/designs/sapuid/images/contact-arrow.png) no-repeat 237px 5px;*/
}
.contact-module .contact-set .col {
}
.contact-module .contact-set .col:last-child {
	border:0px!important;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background:none;
}
.singlecontact .col p, .doublecontact .col p {
	text-align:center;
}
.contact-module .offline a.heading {
	cursor: default;
}
.contact-module .offline:hover .heading .h-text {
	text-decoration:none;
}
@media only screen and (max-width:1000px) {
.contact-module {
margin:auto;
display:table;
position:static;
float:right
}
.contact-module .opener {
height:25px;
vertical-align:middle;
/*margin:9px -7px 0 0px;*/
margin:-7px 10px 0 0px;
width:auto;
min-width:21px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding:0;
background:0;
color:#008fd3;
display:block!important;
}
.contactBlue {
display:block;
}
.contactWhite {
display:none;
}
.contact-module .opener [class^="icon-"] {
height:auto
}
.contact-module .opener [class^="icon-"]:before {
font-size:26px;
color:#fff;
line-height:42px
}
.contact-module .opener em {
display:none
}
.contact-module .opener:hover {
background:0
}
.contact-module .opener:hover [class^="icon-"]:before {
color:#ccc
}
.contact-module .opener span.image.visual {
display:none
}
.contact-module .opener span.icon-talk {
display:block
}

.contact-module .popup {
    position: absolute;
    top: 0;
    /* right: 0; */
    width: 276px;
    /* height: 100%; */
    background: transparent;
    /* margin: 0 0px 0 0; */
    display: block;
    /* overflow: hidden; */
    right: 0px;
    margin-top: 64px;
    height: 0px;
}
.contact-module .popup .popup-content {
padding:15px 0px 15px 0px;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
/*background:#f4f4f4;*/
background:#2b3035;
}
.contact-module p{
    text-align: left;
 }
.contact-module .popup .popup-content:before {
display:none
}
.contact-module .contact-title {
margin:0;
/*padding:11px 0 23px;*/
padding:0px 0 9px;
font-size:24px;
line-height:29px;
text-align:center;
margin-bottom:20px;
}
.contact-module .contact-title a {
display:block
}
.contact-module .contact-title .or {
display:none
}
.contact-module .contact-set {
text-align:center;
padding:0;
color:#666
}
.contact-module .contact-set .col {
float:none;
width:auto;
border:0;
/*border-top:1px solid #ddd;
padding:0px 20px 30px 0px;*/
padding:2px 20px 15px 0px;
position:relative
}

.contact-module .heading {
margin:0
}
.contact-module .heading .visual {
position:absolute;
top:50%;
left:0;
margin:-15px 0 0
}
}
.fastFact img {
	display:inline;
	margin:0 auto 0;
	float:none;
	vertical-align:baseline
}
.fastFactWrapper {
	background:#f2f2f2;
	margin:0 0 30px;
	color:#333;
	font-size:12px;
	line-height:16px;
	text-align:center;
	border-radius:5px;
	padding:14px 15px 10px
}
.fastFactWrapper .percent {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
	width:1%
}
.fastFactWrapper .percent .percent-header {
	color:#000;
	font-size:54px;
	line-height:60px;
	font-weight:bold
}
.fastFactWrapper p {
	margin:0 0 6px
}
.side-col .fastFact {
	text-align:center;
	padding:0
}
.side-col .fastFact p {
	margin:0 0 6px
}
.fourfacts .fastFactWrapper .percent {
	display:inherit;
	position:inherit;
	text-align:inherit;
	vertical-align:middle;
	margin:0 0 3px;
	font-size:15px;
	line-height:20px;
	width:95%
}
.fourfacts .fastFact img {
	float:inherit;
	vertical-align:inherit;
	display:block;
	margin:0 auto 8px
}
@media only screen and (max-width:767px) {
.hidden-mobile {
display:none
}
.visible-mobile {
display:block
}
.valueProp .side-col {
float:none;
width:auto
}
.side-col .fastFact {
padding:18px;
margin:0 29px 42px
}
}
#footer {
	background:#000;
	font:12px/1.2 Arial, Helvetica, sans-serif;
	color:#fff;
	padding:20px 0 20px 0;
	position: relative;
	z-index: 198;
}
html.ch-font #footer {
	font:12px/1.2 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font #footer {
	font:12px/1.2 Arial, Helvetica, sans-serif;
}
#footer .text {
	padding:23px 0 20px;
	max-width:none;
	line-height:17px
}
#footer .text>p {
	margin:0
}

#footer.erpFooter {
	background:#e9e9e9;
	font:12px/1.2 Arial, Helvetica, sans-serif;
	color:#000;
	padding:20px 0;
	position: relative;
	z-index: 198;
} 
#footer.erpFooter .text {
	padding:23px 0 20px;
	max-width:none;
	line-height:17px
}
#footer.erpFooter .text>p {
	margin:0
}


@media only screen and (max-width:1000px) {
#footer .text {
padding-top:13px
}
}
#footer .text .rte-footnote {
	border-top:1px solid #CCC;
	padding:17px 2px;
	display:inline-block
}t
#footer.erpFooer .text {
padding-top:13px
}
}
#footer.erpFooter .text .rte-footnote {
	border-top:1px solid #CCC;
	padding:17px 2px;
	display:inline-block
}
}
@media only screen and (max-width:767px) {
#footer .container {
padding:0
}
#footer .text {
padding:16px 10px 19px
}
#footer .text .rte-footnote {
border:0;
padding:0
}
}
section.footer {
	position:relative;
	max-width: 1240px;
	margin: auto;
	display:block;
	text-align: left;
}
#footer .container .header, #footer .container .footer {
	display:inline;
}


#footer.erpFooer .text {
padding:16px 10px 19px
}
#footer.erpFooter .text .rte-footnote {
border:0;
padding:0
}
section.footer .socialLinksWrap {
	float:right;
	margin-top:7px;
	position:relative;
	z-index:10
}



/* IE8 uses \0 */
@media all\0 { 
section.footer .socialLinksWrap{
        margin-top:12px;
    }
} 

/* IE9 uses \9 */
@media all and (monochrome:0) { 
section.footer .socialLinksWrap{
        margin-top:12px\9;
    }
} 

/* IE10 and IE11 both use -ms-high-contrast */
@media all and (-ms-high-contrast:none)
 {
section.footer .socialLinksWrap{margin-top:12px;}/* IE10 */

*::-ms-backdrop, section.footer .socialLinksWrap{margin-top:12px;}

 }




section.footer .mobileInfoWrap {
	display:none
}
section.footer .menu {
	position:relative;
	top:3px
}
section.footer .menu .countrySelectionWrap {
	display:inline-block;
	float:left
}
section.footer .menu .desktopInfoWrap {
	float:left;
	margin:4px 0
}
section.footer .menu .desktopInfoWrap>* {
	padding:0 8px
}
section.footer .menu .desktopInfoWrap .copyright {
	display:inline-block
}
section.footer .menu .desktopInfoWrap .copyright p {
	margin:0
}
section.footer .menu .desktopInfoWrap .quickLinksWrap {
	display:inline-block
}
section.footer .menu .mobileLink {
	display:none
}
section.footer .menu .link {
	margin:4px 0;
	padding:0 10px;
	display:inline-block;
}
section.footer .menu .link.countrySelectionWrap {
	margin:0;
	padding:0
}
section.footer .menu a {
	display:inline-block;
	vertical-align:top;
	color:#999;
	cursor: pointer;
	font-size:16px;
	line-height:24px;
	font-family:BentonSansRegular, Arial, Helvetica, sans-serif;
}
section.footer .menu a:hover {
	color:#fff;
	text-decoration:none;
}
section.footer .fullBrowserView {
	display:none;
	background:url(/etc/designs/sapuid/images/btn-browser-view.png)!important;
	bottom:0;
	cursor:pointer;
	height:23px;
	position:fixed;
	right:0;
	width:208px
}
section.footer .textView {
	cursor:pointer
}
.mega-footer .fullBrowserView {
	display:none;
	background:url(/etc/designs/sapuid/images/btn-browser-view.png)!important;
	bottom:0;
	cursor:pointer;
	height:23px;
	position:fixed;
	right:0;
	width:208px
}
.mega-footer .textView {
	cursor:pointer
}
.gridViewContainer .expandGridBox .mainplayercontainerVideo {
	width: 100%;
	margin: 0px;
}
.textOnlyView a.textView.textOnlyView {
	display: none;
}
/************************ Standrad Footer ***********************/

.standardFooter .desktopInfoWrap.mobileLegalInfo {
	display:none;
}
section.footer .menu .desktopInfoWrap.desktopLegalInfo {
	display:block;
	float:right;
}
.standardFooter .desktopLinks {
	text-align: right;
	float: right;
}
section.footer.standardFooter .socialLinksWrap {
	float: left;
	margin-left: 4%;
}
 @media only screen and (max-width:1000px) {
section.footer .socialLinksWrap {
float:none;
display:block;
margin:0 0 10px 0;
}
section.footer .menu {
text-align:center;
padding-bottom:0;
}
section.footer .menu .desktopInfoWrap, section.footer .menu .countrySelectionWrap {
float:none;
}
section.footer .menu .desktopLinks {
 width: 100%;
 text-align: left;
}
section.footer .menu .desktopLinks, section.footer .menu .desktopInfoWrap {
display:inline-block;
position:relative;
top:-9px;
float: left;
}
section.footer .menu .desktopInfoWrap.desktopLegalInfo {
display:none;
}
section.footer.standardFooter .socialLinksWrap {
 margin-left: 30%;
 margin-right:30px;
}
.socialLinksGroup ul li:first-child {
 padding-left: 15px;
}
.socialLinksGroup ul li:last-child {
 padding-right: 15px;
}
.socialLinksGroup ul {
 min-width: 520px;
}
}
 @media only screen and (max-width:767px) {
section.footer .mobileInfoWrap {
text-align:center;
display:block;
/*padding:18px 0 12px*/
float: left;
width: 50%;
padding-bottom: 9px;
}
section.footer .mobileInfoWrap .copyright {
text-align:right;
width:48%;
float:left
}
section.footer .mobileInfoWrap .copyright p {
margin:0
}
section.footer .mobileInfoWrap .quickLinksWrap:after {
content:'';
display:block;
clear:both
}
section.footer .mobileInfoWrap .quickLinksWrap section.quickLinks .header {
margin-left:0%
}
section.footer .mobileInfoWrap:first-child:last-child {
float:none
}
section.footer .socialLinksWrap {
border-bottom:0px solid #fff;
margin:0;
width: 40%;
margin-right:6%;
}
section.footer .menu {
margin:0 0 0 -1px;
padding:0;
width:92%;
/*border-bottom:1px solid #fff;*/
display:inline-block;
top:0;
margin-left: 4%;
margin-right: 4%;
}
section.footer .menu .desktopLinks {
display:none
}
section.footer .menu .desktopInfoWrap {
display:none
}
section.footer .menu .mobileLink {
width:50%;
float:left;
padding:18px 0 12px;
margin:0;
text-align:left;
/*border-top:1px solid #fff;*/
display:inline-block;
}
section.footer .menu .mobileLink:nth-child(odd) {
/*border-left:1px solid #fff;*/
margin-left:-1px;
position:relative;
left:1px
}
section.footer .menu .mobileLink:nth-child(even) {
clear:both;
display:block;
/*border-right:1px solid #fff;*/
margin-right:-1px
}
section.footer .menu .lastAloneLink {
width:100%
}
}
.textOnlyView {
	background:none!important;
	background-color:none!important;
	background-image:none!important;
	color:#000!important;
	border:none!important;
	position:relative;
}
.textOnlyView:after, .textOnlyView:before {
	background:none!important;
	background-color:#fff!important;
	background-image:none!important;
	color:#000!important;
	border:none!important
}
.textOnlyView a, .textOnlyView a span {
	color:#008fd3!important;
	text-decoration:underline!important
}
.textOnlyView input {
	border:1px solid!important
}
.textOnlyView input[type="submit"] {
	background-color:#aaa!important
}
.textOnlyView img {
	display:none!important
}
section.quickLinks {
	position:relative
}
section .quickLinks a {
	text-decoration:none;
	color:#fff;
}
section.quickLinks .header {
	color:#000;
	cursor:pointer
}
section.quickLinks .header:hover {
/*text-decoration:underline*/
     color: #fff;
}
section.quickLinks .header .icon-arrow-down {
	display:none
}
section.quickLinks .header span:before {
	font-size:10px;
	text-decoration:none
}
section.quickLinks ul {
	min-width:375px;
	position:absolute;
	bottom:100%;
	border-width:1px 0 22px;
	border-style:solid;
	border-color:#000 transparent #000;
	/*padding:12px 30px;*/
	padding:12px 0px;
	background-color:rgba(0, 0, 0, 0.9);
	/*background:-webkit-gradient(linear, left top, left bottom, from(#464646), to(#000000));
	background:-webkit-linear-gradient(top, #464646, #000000);
	background:-moz-linear-gradient(top, #464646, #000000);
	background:-ms-linear-gradient(top, #464646, #000000);
	background:-o-linear-gradient(top, #464646, #000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, 0.5);*/
	left:-29px;
}
section.footer .menu .desktopInfoWrap.desktopLegalInfo section.quickLinks ul {
	min-width:375px;
}
section.quickLinks ul li {
	/*border-bottom:1px solid #DDD;*/
	display:block;
	padding:16px 30px;
	margin:0px;
}
section.quickLinks ul li a {
	color:#000;
	display:inline-block;
	vertical-align:top
}
#select-country {
	background:url(/etc/designs/sapuid/images/nav-arrow-up-gray.png) no-repeat right center;
	background-size:20px;
	padding-right:15px;
	margin-right: 5px;
}
.desktopInfoWrap .legal {
	background:url(/etc/designs/sapuid/images/footer-arrow-up.png) no-repeat right bottom;
	background-size:13px;
	padding-right:19px;
}
.mobileInfoWrap .legal {
	/*background:url(/etc/designs/sapuid/images/footer-arrow-up.png) no-repeat right bottom;*/
    background:url(/etc/designs/sapuid/images/footer-arrow-up.png) no-repeat right 9px;
	background-size:13px;
	padding-right:19px;
}
/*********************************** ERP Footer ********************************************************/
#footer.erpFooter {
    background: #e9e9e9;
    font: 12px/1.2 Arial, Helvetica, sans-serif;
    color: #000;
    padding: 20px 0;
    position: relative;
    z-index: 198;

}
.erpFooter section.footer .menu .link {
    margin: 4px 0;
    padding: 0 8px;
    display: inline-block;
}
.erpFooter section.footer .menu a {
    display: inline-block;
    vertical-align: top;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    font-family: arial;

}
 .erpFooter .socialLinksGroup ul {
    min-width: auto;
    position: relative;
    bottom: 0 !important;
    left: 0;
    width: auto !important;
    bottom: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    float:none;
    display: inline-block;
	    background-color: transparent;
} 
 .erpFooter .socialLinksGroup .shareSocialBlock ul {
     
    width: 100% !important;
     
} 
.erpFooter .socialLinksGroup ul li {
    display: block;
    margin: 0px 6px;
    float: left;
    border-bottom: 0px;
    background-color: transparent;
    padding: 0px;
}
 .erpFooter .socialLinksGroup .shareSocialBlock ul li{
    margin: 0px !important; 
    width: 100%;
     
}
 .erpFooter .socialLinksGroup .shareSocialBlock ul li a{
     
    width: 100%;
     
}
.erpFooter section.socialLinksGroup .nav li a img {
    height: 24px;
    width: 24px;
}

 .erpFooter section.footer.standardFooter .socialLinksWrap {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}
 .erpFooter section.socialLinksGroup {
    position: relative;
    background-size: unset;
    padding-right: 0px;
}                       
.erpFooter section.socialLinksGroup .headline {
    display: inline-block;
    background: none;
    padding-right:0px;
    margin: 0;
    font: 15px/1.6 BentonSansMedium, Arial, Helvetica, sans-serif;
    width: auto;
    float: none;
    color: #000;
} 

.erpFooter section.quickLinks ul {
	min-width:200px;
	position:absolute;
	bottom:100%;
	border-width:1px 0 22px;
	border-style:solid;
	border-color:#ddd transparent #e9e9e9;
	padding:10px 0px;
	background-color:#fafafa;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
	background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);
	background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
	background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
	background:-o-linear-gradient(top, #fafafa, #e9e9e9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
	z-index:100;
	box-shadow:0px -3px 10px rgba(244, 244, 244, .5);
	left:-14px;
}
.erpFooter section.footer .menu .desktopInfoWrap.desktopLegalInfo section.quickLinks ul {
	min-width:250px;
}
.erpFooter section.quickLinks ul li {
	border-bottom:1px solid #DDD;
	display:block;
	padding:10px 0 10px;
	margin:0px 15px;
}
.erpFooter section.quickLinks ul li a {
	color:#000;
	display:inline-block;
	vertical-align:top
}

.erpFooter .desktopInfoWrap .legal {
	background:url(/etc/designs/digitalmicrosite/images/nav-arrow-up-gray.png) no-repeat right center;
	background-size:20px;
	padding-right:15px;
}
.erpFooter .mobileInfoWrap .legal {
	background:url(/etc/designs/digitalmicrosite/images/nav-arrow-icon-gray.png) no-repeat right center;
	background-size:20px;
	padding-right:23px;
}
@media only screen and (max-width: 1100px){
.erpFooter section.socialLinksGroup .headline {
    font-size: 13px;
}
.erpFooter section.footer .menu .link {
    margin: 4px 0;
    padding: 0 4px;
    display: inline-block;
}
.erpFooter section.socialLinksGroup {

    width: 100%;
}

}
@media only screen and (max-width: 1000px){

.erpFooter section.footer.standardFooter .socialLinksWrap {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
 
 .erpFooter section.footer .menu .desktopLinks, .erpFooter section.footer .menu .desktopInfoWrap {

    position: relative;
    top: -9px;
    float: none;
    width: auto;
}   

}
@media only screen and (max-width: 767px){

 footer.erpFooter .container {
    line-height: 15px;
    padding: 0px;
}
.erpFooter section.footer.standardFooter .socialLinksWrap {
    margin: 0px;
    width: 100%;
    float: left;
    padding: 0px 0px 15px 0px;
    border-bottom: 0px solid #fff;
}
.erpFooter section.socialLinksGroup .headline {
    font-size: 13px;
    width: 100%;
    float: left;
    color: #000;
    text-align: center;
    padding-bottom: 5px;
}
.erpFooter section.socialLinksGroup .nav {
    position: static;
    min-width: auto;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    background: transparent;            
}
.erpFooter .socialLinksGroup ul li {
    display: block;
    margin: 0px 5px;

    border-bottom: 0px;
    background-color: transparent;
    padding: 0px;
    width: auto;
}
.erpFooter section.socialLinksGroup .nav li {
    margin: 0 4px;
}
.erpFooter section.footer .mobileInfoWrap {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    padding: 18px 0 12px;
	    border-top: 1px solid #fff;
}
.erpFooter section.quickLinks ul {
    min-width: auto;
    position: relative;
    bottom: 0px !important;
    border-width: 1px 0 22px;
    border-style: none;
    width: 100% !important;
    padding: 10px 0px;
    background: transparent;
    z-index: 100;
    left: 0px;
    float: left;
        box-shadow: none;
}
.erpFooter section.quickLinks ul li {
    border-bottom: 0px solid #DDD;
    display: block;
    padding: 0px;
    margin: 0px;
    width: 33%;
    float: left;
    font-size: 12px;
    background: transparent;
}
.erpFooter section.quickLinks ul li a {
    color: #008fd3;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding: 10px 0 0 10px;
    line-height: 14px;
    border: 0px;
        font-family: arial;
}
.erpFooter section.quickLinks .header {
    text-align: left;
    color: #000 !important;
    font-size: 12px;
    line-height: 24px;
        font-family: arial;

}
.erpFooter  section.quickLinks {
    text-align: center;
    position: static;
}
.erpFooter section.footer .menu {
    margin: 0 0 0 -1px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    display: inline-block;
    top: 0;
}
 .erpFooter section.footer .menu .mobileLink {
    width: 50%;
    float: left;
    padding: 18px 0 12px;
    margin: 0;
    text-align: center;
    border-top: 1px solid #fff;
    display: inline-block;
}   

.erpFooter section.footer .menu .mobileLink:nth-child(even) {
    clear: none;
    display: block;
    border-left: 1px solid #fff;
    margin-right: -1px;
}
.erpFooter section.footer .menu .mobileLink:nth-child(odd) {
    border-left: 1px solid #fff;
    margin-left: -1px;
    position: relative;
    left: 1px;
}

}
/********************************** Modal Window *************************************************/



.fademodal_close {
	position: fixed;
	float: right;
	right: 35px;
	cursor: pointer;
	top: 15px;
	width: 50px;
	height: 50px;
	background: url(/etc/designs/sapuid/images/quiz-close-sprite.png) no-repeat center top;
	z-index: 1;
	display:none;
}
.fademodal_close:hover {
	background:url(/etc/designs/sapuid/images/quiz-close-sprite.png) no-repeat center -51px;
}
.popup_visible_fademodal #page {
	display:none;
}
.modalPop {
	margin: 0px auto;
	background: #fff;
	border: 0px solid #f4f4f4;
	width:100%;
	float:left;
	height: 100%;
	/*-webkit-overflow-scrolling: touch;
overflow-y: auto;*/
overflow-y: scroll;
}
#fademodal_wrapper {
	overflow:hidden!important;
}
div#fademodal {
	width: 100%;
	display: block!important;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
.scrollDiv {
	height: 1140px;
	position:absolute;
	-webkit-overflow-scrolling: touch;
	width:100%;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	background: url(/etc/designs/sep1dx/images/loading.gif) no-repeat center center
}
.popup_visible_fademodal #page {
	display:none;
}
.popup_visible_fademodal body {
	overflow:hidden;
	height:auto!important;
}
.popup_visible_fademodal .fademodal_close {
	display:block;
}
div.scrollDiv::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width:1025px) {
.modalPop {
overflow-y: visible!important;
}
.scrollDiv {
height: 100%;
position:absolute;
-webkit-overflow-scrolling: touch;
width:100%;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
}
/* Beyond CRM CSS Added by H.K. ***************************************** */

#section_1 {
/*min-height: 300px;*/
}
.textWhite {
	color:#fff!important;
}
.textBlack {
	color:#000!important;
}
.textOrange {
	color: #ffba00!important;
}
.headingtextBlock, .DHSubSecCompPar {
	height: 100%;
}
/***************************  Question Block CSS *************************************/

.questionHero {
	padding: 0px;
	position: absolute;
	top: 0;
	margin: 0 auto;
	width: 100%;
}
.queBlock {
	float: left;
	width: 100%;
	padding: 90px 0 0px;
}
.queBlock h1 {
	font-size:66px;
	color:#fff;
	float:left;
	width:100%;
	line-height:70px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
font-weight: normal;/*text-shadow: 0px 1px 10px #666;*/
}
html.ch-font .queBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .queBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.queBlock h1 span {
	color:#ffba00;
}
.queBlock h2 {
	font-size:22px;
	color:#e5a400;
	float:left;
	width:100%;
	line-height:25px;
	padding-top:50px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
font-weight: normal;
}
html.ch-font .queBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .queBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.queBlock h2 span {
	color:#fff;
}
.queBlock .queDetail {
	font-size: 18px;
	color: #fff;
	float: left;
	line-height: 27px;
	padding-top:10px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:100%;
}
html.ch-font .queBlock .queDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .queBlock .queDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.blackContainer {
	padding:22px 0px;
	width:100%;
	float:left;
	text-align:center;
	/*bottom: 40px;*/
    bottom: 0px;
	left:0px;
	right:0px;
	position: absolute;
	transform: translateX(-50%);
	-webkit-animation: bounce 1.5s infinite ease alternate;
	-moz-animation: bounce 1.5s infinite ease alternate;
	animation: bounce 1.5s infinite ease alternate;
    z-index:1;
    display:none;
}
.blackContainer span {
	width:100%;
	text-align:center;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	float: left;
	padding-bottom: 15px;
}
html.ch-font .blackContainer span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .blackContainer span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blackContainer img {
	bottom: 0px;
	margin: auto;
	left: 0;
	right: 0;
}
.BlueArrow {
	bottom: 0px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
}
.BlueArrow img {
	bottom: 0px;
	margin: auto;
	left: 0;
	right: 0;
}
.blackContainerVideo {
	color:#282828;
}
/*************************************** CRM vs. SAP  ******************************************************************/


.crmVsap {
	width:100%;
	padding:80px 0px;
}
.crmVsap h1 {
	font-size: 20px;
	color: #fff;
	float: left;
	width: 100%;
	line-height: 25px;
	padding-bottom:35px;
	margin-bottom:40px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
	/*text-transform:uppercase;*/
background:url(/etc/designs/sapuid/images/crmVsap-line.jpg) no-repeat center bottom;
}
html.ch-font .crmVsap h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .crmVsap h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.crmVsap h1 span {
	color:#ffba00;
}
.crmVsap .crmVsapDetail {
	font-size: 18px;
	color: #fff;
	float: left;
	width: 100%;
	line-height: 27px;
	padding-top:10px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
}
html.ch-font .crmVsap .crmVsapDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .crmVsap .crmVsapDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.crmContainer {
	float:left;
	width:100%;
	padding-top:40px;
	padding-bottom: 80px;
}
.crmContainer .crmSAProw {
	float:left;
	width:96%;
	padding:30px 2%;
	border-bottom:solid 1px #595959;
}
.crmContainer .crmSAProw .crmsapColumn {
	float:left;
	width:80%;
	text-align:left;
	font-size: 25px;
	color: #fff;
	line-height: 30px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;/*text-transform:uppercase;*/
}
html.ch-font .crmContainer .crmSAProw .crmsapColumn {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .crmContainer .crmSAProw .crmsapColumn {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.crmContainer .crmSAProw .crmsapCheck {
	float:left;
	width:10%;
	font-size: 25px;
	color: #fff;
	line-height: 30px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
text-align:center;
}
html.ch-font .crmContainer .crmSAProw .crmsapCheck {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .crmContainer .crmSAProw .crmsapCheck {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.crmContainer .crmSAProw .crmsapCheck span {
	color: #ffba00;
}
/*************************************** eBook CTA Offering ******************************************************************/
.eBook {
	width:100%;
}
.eBook h1 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 50px;
	color: #fff;
	line-height: 50px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .eBook h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .eBook h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.eBook .eBookDetail {
	float: left;
	width: 70%;
	text-align: left;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 20px;
}
html.ch-font .eBook .eBookDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .eBook .eBookDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************************** Quiz Component css ******************************************************************/
.quizBlock {
	width:100%;
}
.quizBlock h1 {
	font-size: 70px;
	line-height: 70px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	width: 81%;
	font-weight: normal;
}
html.ch-font .quizBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .quizBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.quizBlock .quizDetail {
	float:left;
	width:81%;
	text-align:left;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:20px;
}
html.ch-font .quizBlock .quizDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .quizBlock .quizDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.quizBlock .quizDetail b {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .quizBlock .quizDetail b {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .quizBlock .quizDetail b {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.quizLaunch .linkButton {
	padding: 9px 40px;
}
/*************************************** Two ColumnBox  CSS ******************************************************************/

.twocolumnfield {
	/*padding-top:30px;*/
    padding-bottom:30px;
}
.commonHero .twocolumnfield:last-child {
	/*padding-bottom:30px;*/
    padding-bottom:0px;
}
.twoColumnBox {
	width:100%;
	float:left;
	overflow:hidden;
	padding-top:80px;
}
.twoColumnBox:last-child {
	padding-bottom:80px;
}
.twocolumndiffwidth {
	padding-bottom:30px;
}
.twocolumndiffwidth:last-child {
	padding-bottom:0px;
}
.twocolumndiffwidth .twoColumnBox {
	padding-top:0px;
}
.twocolumndiffwidth .twoColumnBox:last-child {
	padding-bottom:0px;
}
.twocolumnfield .twoColumnBox {
	padding-top:0px;
}
.twocolumnfield .twoColumnBox:last-child {
	padding-bottom:0px;
}
.twoColumnBox .twoCell {
	width:47%;
	float:left;
	border-right:solid 1px #d7d7d7;
}
.twoColumnBox .twoCell.rightCell {
	width:42%;
	float:right;
	border-right:0px;
}
.twoColumnBox .twoCell h2 {
	font-size:60px;
	color:#333;
	float:left;
	width:100%;
	line-height:45px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .twoColumnBox .twoCell h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .twoColumnBox .twoCell h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.twoColumnBox .twoCell h2 sup {
	font-size:30px;
	line-height:35px;
}
.twoColumnBox .twoCell .columnDetail {
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#333;
	width:100%;
}
html.ch-font .twoColumnBox .twoCell .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .twoColumnBox .twoCell .columnDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************************** Testimonials / quoteBlock ******************************************************************/



.quoteLogo {
	width: 100%;
	float: left;
	padding: 20px 0px 0;
	font-size: 38px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	line-height: 35px;
	color: #666;
}
html.ch-font .quoteLogo {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .quoteLogo {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.quoteDetail {
	font-size:25px;
	line-height:40px;
	color:#444;
	float:left;
	width:100%;
	padding:25px 0 0;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
}
html.ch-font .quoteDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .quoteDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.quoteReport {
	width:100%;
	float:left;
}
.quoteReport ul {
	width:100%;
	float:left;
	padding-bottom:40px;
}
.quoteReport ul li {
	width:100%;
	float:left;
	padding:28px 0;
	border-bottom:solid 1px #c6e2f0;
	font-size:22px;
	line-height:26px;
	color:#666;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style:none;
}
html.ch-font .quoteReport ul li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .quoteReport ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.quoteReport ul li a {
	padding-left:25px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color:#008fd3;
	background:url(/etc/designs/sapuid/images/icon-file.png) no-repeat 0 4px;
	display: inline-block;
	font-size:20px;
}
html.ch-font .quoteReport ul li a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .quoteReport ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.gated-lock {
	background:url(/etc/designs/sapuid/images/icon-blue-lock.png) no-repeat 0 1px!important;
}
span.testimonial .gated-lock {
	background: url(/etc/designs/sapuid/images/icon-blue-lock.png) no-repeat 4px 7px!important;
	padding-left: 20px;
}
/*************************************** Customer Logos ******************************************************************/
.customerBlock {
	float: left;
	width: 100%;
	padding: 80px 0;
}
ul.customerLogo {
	float: left;
	width: 100%;
	border-bottom:solid 1px #CCC;
}
ul.customerLogo li {
	float: left;
	width: 33%;
	text-align:center;
	padding:30px 0px;
	border-right:solid 1px #CCC;
	min-height:70px;
	position:relative;
	list-style:none;
}
ul.customerLogo li a {
	display: block;
}
ul.customerLogo span.close-icon {
	display:none;
}
ul.customerLogo li img {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
ul.customerLogo li:last-child {
	border-right:0px;
}
ul.customerLogo.evenRow {
	border-top:solid 1px #CCC;
	border-bottom:solid 0px #CCC;
	margin-top:-1px;
}
.customerContent {
	width:86%;
	float:left;
	padding:0px 7%;
	margin:60px 0px;
	background:url(/etc/designs/sapuid/images/quote-icon-customer.png) no-repeat left top;
}
.customerDetail {
	width:100% !important;
	padding:0px!important;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#1d1d1d;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .customerDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .customerDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customerDetail .close-icon {
	width: 26px;
	height:26px;
	float:right;
	margin-right:-30px;
	margin-top:-20px;
	display:block;
}
ul.customerLogo span.arrow-icon-down {
	position: absolute;
	bottom: -11px;
	float: left;
	height: 11px;
	width: 100%;
	text-align:center;
	left:0px;
}
ul.customerLogo span.arrow-icon-up {
	position: absolute;
	top: -11px;
	float: left;
	height: 11px;
	width: 100%;
	text-align:center;
	left:0px;
}
.threeCustomerBlock {
	width:100%;
	float:left;
	padding:80px 0px;
}
.threeCustomerBlock .customerRow {
	width:100%;
	float:left;
	box-sizing: border-box;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.threeCustomerBlock .imageDescription {
	border-top:solid 1px #CCC;
}
.threeCustomerBlock .imageDescription2 {
	border-top:solid 1px #CCC;
}
.threeCustomerBlock .imageDescription:first-child {
	border-top:solid 0px #CCC;
}
.threeCustomerBlock .imageDescription2:first-child {
	border-top:solid 0px #CCC;
}
.threeCustomerBlock .customerRow .customerRowLogo {
	width:25%;
	padding-right:2%;
	margin-right:3%;
	float:left;
	border-right:solid 1px #CCC;
	position:relative;
}
.threeCustomerBlock .customerRow .customerRowLogo div {
	position:absolute;
	height:100%;
	display: block;
	width:90%;
}
.threeCustomerBlock .customerRow .customerRowLogo img {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.threeCustomerBlock .customerRow .customerRowDetail {
	width:63%;
	padding:30px 0px 30px 7%;
	margin:30px 0;
	background:url(/etc/designs/sapuid/images/quote-icon-customer.png) no-repeat left top;
	font-size:16px;
	line-height:26px;
	color:#1d1d1d;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.threeCustomerBlock .customerRow .customerRowDetail2 {
	width:62%;
	padding: 30px 4% 30px 4%;
	margin:30px 0;
	/*background:url(/etc/designs/sapuid/images/quote-icon-customer.png) no-repeat left top;*/
font-size:16px;
	line-height:26px;
	color:#1d1d1d;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .threeCustomerBlock .customerRow .customerRowDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .threeCustomerBlock .customerRow .customerRowDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.threeCustomerBlock .customerRow span.close-icon {
	float: right;
	position: relative;
	top: 15px;
	display:none;
}
.threeCustomerBlock .customerRow .customerRowDetail .close-icon {
	display:none;
}
.customerDetail .LinkReadmore {
	text-align: left;
}
.customerDetail .LinkReadmore a {
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .customerDetail .LinkReadmore a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .customerDetail .LinkReadmore a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.promoTitle span {
	color: #ffba00;
}
/********************************************* Event Schedule Component Css Added by Himesh ************************************************/

.eventSchedule {
	width:100%;
	height:100%;
	max-width:960px;
	margin:auto;
	min-height:300px;
	display:table;
	padding: 30px 0px 0;
}
.scheduleTitle {
	text-align: center;
	width: 100%;
	padding: 25px 0;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#008fcc;
}
html.ch-font .scheduleTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .scheduleTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.eventSchedule .grayBg {
	background:#222222;
}
.eventSchedule .eventColumn:nth-child(even) {
background: #222222
}
.eventSchedule.event5Days .eventColumn {
	width:18%;
	padding:10px 1%;
	margin:auto;
	display:table-cell;
	height:100%;
}
.eventSchedule.event4Days .eventColumn {
	width:23%;
	padding:10px 1%;
	margin:auto;
	display:table-cell;
	height:100%;
}
.eventSchedule.event3Days .eventColumn {
	width:31.33333%;
	padding:10px 1%;
	margin:auto;
	display:table-cell;
	height:100%;
}
.eventSchedule.event2Days .eventColumn {
	width:48%;
	padding:10px 1%;
	margin:auto;
	display:table-cell;
	height:100%;
}
.eventSchedule.event1Day .eventColumn {
	width:98%;
	padding:10px 1%;
	margin:auto;
	display:table-cell;
	height:100%;
}
.eventSchedule .eventColumn {
	padding-bottom:85px!important;
	position:relative;
}
.eventSchedule .eventColumn .dayMonth .borderLine {
	clear:both;
	height:1px;
	width:25%;
	background:#666;
	margin:15px 0px;
}
.eventSchedule .eventColumn .dayMonth {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
}
html.ch-font .eventSchedule .eventColumn .dayMonth {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .eventSchedule .eventColumn .dayMonth {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.eventSchedule .eventColumn .dayMonth span {
	font-size:14px;
	color:#999;
	width:100%;
	float:left;
	padding:2px 0px;
}
.eventSchedule .eventColumn .eventBlock {
	width:100%;
	float:left;
	padding-bottom:25px;
}
.eventSchedule.event3Day .eventColumn .eventBlock {
	width:100%;
	float:left;
	padding-bottom:25px;
}
.eventSchedule.event2Day .eventColumn .eventBlock {
	width:100%;
	float:left;
	padding-bottom:25px;
}
.eventSchedule .eventColumn .eventBlock .eventTitle {
	width:100%;
	float:left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#008fcc;
}
html.ch-font .eventSchedule .eventColumn .eventBlock .eventTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .eventSchedule .eventColumn .eventBlock .eventTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.eventSchedule .eventColumn .eventBlock .eventTitle span {
	width:100%;
	float:left;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#008fcc;
}
html.ch-font .eventSchedule .eventColumn .eventBlock .eventTitle span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .eventSchedule .eventColumn .eventBlock .eventTitle span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.eventSchedule .eventColumn .eventBlock .eventDetail {
	width:100%;
	padding:8px 0px;
	float:left;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
	color:#fff;
}
html.ch-font .eventSchedule .eventColumn .eventBlock .eventDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .eventSchedule .eventColumn .eventBlock .eventDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.eventSchedule .eventColumn .eventBlock .eventLink {
	width:100%;
	float:left;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:18px;
	color:#666666;
}
html.ch-font .eventSchedule .eventColumn .eventBlock .eventLink {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .eventSchedule .eventColumn .eventBlock .eventLink {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.eventSchedule .eventColumn .eventBlock .eventLink a {
	color:#f0ab00;
	text-decoration:underline;
}
.eventSchedule .eventColumn .eventBlock .eventLink a:hover {
	color:#f0ab00;
	text-decoration:none;
}
.eventSchedule .eventColumn .eventBlock .LinkReadmore {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0px;
	display: block;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #666666;
}
.eventSchedule .eventColumn .eventBlock .LinkReadmore.nolink span {
	text-decoration: underline;
}
html.ch-font .eventSchedule .eventColumn .eventBlock .LinkReadmore {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .eventSchedule .eventColumn .eventBlock .LinkReadmore {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.eventSchedule .eventColumn .eventBlock .LinkReadmore a {
	color: #f0ab00;
	text-decoration: underline;
	cursor: pointer;
}
.eventSchedule .eventColumn .eventBlock .LinkReadmore a:hover {
	color:#f0ab00;
	text-decoration:none;
}
.eventSchedule .eventColumn .eventBlock .LinkReadmore a span {
	background: none;
	padding-left: 0px;
}
.eventSchedule .sponsoredBy {
	background:#000;
	position:absolute;
	bottom:0px;
	width:100%;
	height:70px;
	margin: 0px -10px;
	float:left;
	padding: 10px 10px 10px 10px;
	text-align:left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
}
html.ch-font .eventSchedule .sponsoredBy {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .eventSchedule .sponsoredBy {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.eventSchedule .sponsoredBy span {
	width:100%;
	float:left;
	padding:10px 0px;
}
.eventSchedule .sponsoredBy img {
	max-height:25px;
	max-width:100%;
}
.eventSchedule .sponsoredBy .logoText {
	text-align:left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#999999;
}
html.ch-font .eventSchedule .sponsoredBy .logoText {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .eventSchedule .sponsoredBy .logoText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.eventSchedule .sponsoredBy .logoText a {
	color:#999999;
}
@media screen and (min-width:0\0) {
.eventSchedule .eventColumn {
padding-bottom:80px!important;
position:static;
}
.eventSchedule .sponsoredBy {
bottom: 25px;
height: 90px;
}
}
/**********************************************************************************************************/

.BlueTitle {
	text-align: center;
	width: 100%;
	padding: 60px 0 0;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#008fcc;
}
html.ch-font .BlueTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .BlueTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.statComp {
	max-width: 960px;
	margin: 50px auto 60px;
	text-align:center;
}
.statComp .mobileStat {
	display:none;
	width:100%;
}
.statComp .desktopStat {
	display:block;
	width:100%;
}
.wayIn.section {
	margin: 50px auto;
	border: solid 3px #1a1a1a;
	max-width: 960px;
	background:#1a1a1a;
}
/*

.wayIn.section ::-webkit-scrollbar {
width: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.wayIn.section ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #fcfcfc; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}

.wayIn.section ::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 11px #000; 

}

*/
.inlineVideo.section {
	display: table;
	width: 100%;
	height: 100%;
}
.inlineVideo.section .videoBlock {
	float: none;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.heropanemain {
	float: left;
	width: 100%;
}
.CQSectionComp {
	/*min-height:250px;*/
float: left;
	width: 100%;
}
.CQSectionDownText {
	float: left;
	width: 100%;
}
.CQSectionCarosuel {
	/*min-height:250px;*/
float: left;
	width: 100%;
	margin: 0 0 -5px 0px;
}
.heropanemain .refreshBlock {
	min-height:500px;
}
.regionEventSchedule .tour-dates {
	margin:auto;
	max-width:960px;
	padding:70px 0px
}
.regionEventSchedule .tour-dates ul li {
	width: 25%;
	float: left;
	list-style:none;
}
.regionEventSchedule .tour-dates ul li .tour-date, .regionEventSchedule .tour-dates ul li .tour-date2 {
	overflow: hidden;
	margin: 10px 0;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color: #000;
}
html.ch-font .regionEventSchedule .tour-dates ul li .tour-date, html.ch-font .regionEventSchedule .tour-dates ul li .tour-date2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .regionEventSchedule .tour-dates ul li .tour-date, html.ar-font .regionEventSchedule .tour-dates ul li .tour-date2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.regionEventSchedule .col-md-6 {
	width: 47%;
}
.regionEventSchedule .tour-dates ul li .tour-date .date, .regionEventSchedule .tour-dates ul li .tour-date2 .date {
	padding-left: 0;
	padding-right: 0;
	float: left;
}
.regionEventSchedule .tour-dates ul li .tour-date .day, .regionEventSchedule .tour-dates ul li .tour-date2 .day {
	font-size: 40px;
	line-height: 42px;
	float: left;
	text-align: center;
	width: 50px;
	padding-right: 5px;
}
.regionEventSchedule .tour-dates ul li .tour-date .month, .regionEventSchedule .tour-dates ul li .tour-date2 .month, .regionEventSchedule .tour-dates ul li .tour-date .year, .regionEventSchedule .tour-dates ul li .tour-date2 .year {
	color: #ffbb02;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	padding-right: 7px;
}
.regionEventSchedule .tour-dates ul li .tour-date .location, .regionEventSchedule .tour-dates ul li .tour-date2 .location {
	float: left;
	font-size: 15px;
	border-left: 1px solid #bbb;
	padding-left: 10px;
	padding-right: 0;
	margin-top: 4px;
}
.regionEventSchedule .tour-dates ul li .tour-date .city, .regionEventSchedule .tour-dates ul li .tour-date2 .city, .regionEventSchedule .tour-dates ul li .tour-date .country, .regionEventSchedule .tour-dates ul li .tour-date2 .country {
	width: 100%;
}
.regionEventSchedule .tour-dates ul li .tour-date span, .regionEventSchedule .tour-dates ul li .tour-date2 span {
	float: left;
	display: block;
}
.regionEventSchedule .locations {
	padding-bottom:30px;
	width:100%;
	float:left
}
.regionEventSchedule .dateListTitle {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:28px;
}
html.ch-font .regionEventSchedule .tour-dates ul li .tour-date, .regionEventSchedule .tour-dates ul li .tour-date2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .regionEventSchedule .tour-dates ul li .tour-date, .regionEventSchedule .tour-dates ul li .tour-date2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.multiSpeakerContainer {
	padding: 25px 0px 50px 0px;
}
.multiSpeakerContainer .multiColHeading {
	font-size: 35px;
	color: #000;
	padding:0px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
}
html.ch-font .multiSpeakerContainer .multiColHeading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .multiSpeakerContainer .multiColHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.multiSpeakerContainer .multiColDescription {
	font-size: 16px;
	color: #444444;
	float: left;
	width: 100%;
	padding:15px 0px 0;
	line-height: 22px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}
html.ch-font .multiSpeakerContainer .multiColDescription {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .multiSpeakerContainer .multiColDescription {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.multiSpeakerContainer .speakerHeroBlock {
	float:left;
	width:100%;
}
.eventsModuleStackCarousel .multiSpeakerContainer .speakerHeroBlock{
    max-width:820px;
    margin:auto;
    float: none;
   }
.multiSpeakerContainer .speakerHeroBlock .slick-dots {
    position: relative;
    float: left;
    width: 14%;
    text-align: center;
    left: 10px;
    bottom: 40px!important;
}
.multiSpeakerContainer .speakerHeroBlock .acc4Col .articleBox {
	width: 22%;
	float: left;
	padding: 45px 1.5% 0 1.5%;
	text-align: center;
}
.multiSpeakerContainer .speakerHeroBlock .acc3Col .articleBox {
	width: 30%;
	float: left;
	padding: 45px 1.5% 0 1.5%;
	text-align: center;
}
.multiSpeakerContainer .speakerHeroBlock .articleImage {
	padding: 0px;
	min-height: 174px;
	text-align: center;
	position: relative;
}
.multiSpeakerContainer .speakerHeroBlock .articleImage img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	border: solid 1px #f1f1f1;
}
.multiSpeakerContainer .speakerHeroBlock .articleTitle {
	font-size: 22px;
	line-height: 26px;
	color: #222;
	float: left;
	width: 100%;
	padding: 10px 0 3px;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
html.ch-font .multiSpeakerContainer .speakerHeroBlock .articleTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .multiSpeakerContainer .speakerHeroBlock .articleTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.multiSpeakerContainer .speakerHeroBlock .articleDetail {
	font-size: 14px;
	line-height: 22px;
	color: #444444;
}
.multiSpeakerContainer .speakerHeroBlock .columnHero {
	padding: 0px 16px;
	text-align: center;
	max-width: 100%;
}
.multiSpeakerContainer .speakerHeroBlock .columnHero .articleReadmore a {
	color: #008fd3;
	font-size: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 5px 0px;
	display: block;
}
html.ch-font multiSpeakerContainer .speakerHeroBlock .columnHero .articleReadmore a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 24px;
}
html.ar-font multiSpeakerContainer .speakerHeroBlock .columnHero .articleReadmore a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.multiSpeakerContainer .slick-slider {
	margin:0px auto;
	padding:68px 0px 20px 0px;
}
.eventsModuleStackCarousel .multiSpeakerContainer .slick-slider {
    padding: 20px 0px 20px 0px;
    min-height: auto;
}

.multiSpeakerContainer .speakerHeroBlock ul.speakerSocialLink {
	width: 100%;
	text-align:center;
}
.multiSpeakerContainer .speakerHeroBlock ul.speakerSocialLink li {
	display:inline-block;
	list-style: none;
	padding:10px 3px 0;
}
.multiSpeakerContainer .speakerHeroBlock ul.speakerSocialLink li img {
	width: 25px;
}
.multiSpeakerContainer .speakerHeroBlock.squareImg .articleImage img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: solid 1px #f1f1f1;
}
.multiSpeakerContainer .speakerHeroBlock .linkButton {
	margin:10px 0px;
	font-size: 15px!important;
	padding: 8px 20px;
}
.billboardPositionCenter {
	margin: 30px auto;
	float: none;
	padding: 0px 25%;
}
.billboardPositionRight {
	float: right;
	width: 440px;
	padding: 30px 20px 30px 30px;
}
.positionClass {
	/*padding: 30px 0%;*/
    padding:0px 0px 0px 0px;
	position: relative;
	z-index: 1;
}
.customImageBoxFlip .positionClass {
	/*padding: 30px 0%;*/
    padding:70px 0px 0px 0px;
	position: relative;
	z-index: 1;
}
.billboard .positionClass {
	padding:10px 0px 0px 0px;
	width: 85% !important;
}
.billboardleft .positionClass {
	padding:0px 0px 0px 0px;
}
.billboardleft .standardDesc{
	padding-top: 20px;
}

.positionClass .LinkReadmore {
	padding: 30px 0px 0;
}
.positionClass h1, .customTextBlock h1 {
	font-size: 56px;
	/*font-family: "BentonSansBold", Arial, Helvetica, sans-serif;*/
	line-height: 60px;
	font-weight:normal;
}
html.ch-font .positionClass h1, html.ch-font .customTextBlock h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .positionClass h1, html.ar-font .customTextBlock h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.positionClass h2, .customTextBlock h2 {
	font-size: 46px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 50px;
	font-weight:normal;
}
html.ch-font .positionClass h2, html.ch-font .customTextBlock h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 56px;
}
html.ar-font .positionClass h2, html.ar-font .customTextBlock h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass h3, .customTextBlock h3 {
	font-size: 38px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 50px;
	font-weight:normal;
	padding: 0px;
}
html.ch-font .positionClass h3, html.ch-font .customTextBlock h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:40px;
}
html.ar-font .positionClass h3, html.ar-font .customTextBlock h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass h4, .customTextBlock h4 {
	font-size: 24px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 36px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass h4, html.ch-font .customTextBlock h4 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:34px;
}
html.ar-font .positionClass h4, html.ar-font .customTextBlock h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass h5, .customTextBlock h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight:normal;

}
html.ch-font .positionClass h5, html.ch-font .customTextBlock h5 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:28px;
}
html.ar-font .positionClass h5, html.ar-font .customTextBlock h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass h6, .customTextBlock h6 {
	font-size: 12px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 18px;
	font-weight:normal;

}
html.ch-font .positionClass h6, html.ch-font .customTextBlock h6 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:24px;
}
html.ar-font .positionClass h6, html.ar-font .customTextBlock h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass h7, .customTextBlock h7 {
	font-size: 22px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 28px;
	font-weight:normal;

}
html.ch-font .positionClass h7, html.ch-font .customTextBlock h7 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:34px;
}
html.ar-font .positionClass h7, html.ar-font .customTextBlock h7 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass h8, .customTextBlock h8 {
	font-size: 18px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 24px;
	font-weight:normal;

}
html.ch-font .positionClass h8, html.ch-font .customTextBlock h8 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:30px;
}
html.ar-font .positionClass h8, html.ar-font .customTextBlock h8 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass h9, .customTextBlock h9 {
	font-size: 14px;
	/*font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;*/
	line-height: 20px;
	font-weight:normal;

}

html.ch-font .positionClass h9, html.ch-font .customTextBlock h9 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:26px;
}
html.ar-font .positionClass h9, html.ar-font .customTextBlock h9 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


.positionClass h10, .customTextBlock h10 {
font-size:21px;
line-height:1.43;
letter-spacing:0.2px;
}

html.ch-font .positionClass h10, html.ch-font .customTextBlock h10 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height:1.43;
}
html.ar-font .positionClass h10, html.ar-font .customTextBlock h10 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass p, .customTextBlock p {
	font-size: 15px;
	line-height: 22px;
	font-weight:normal;
}
html.ch-font .positionClass p, html.ch-font .customTextBlock p {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 25px;
}
html.ar-font .positionClass p, html.ar-font .customTextBlock p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*********************************************************/
.customTextBlock ul, .customTextBlock ol {
	font-size: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight:normal;
	margin-left: 2px;
	float: left;
	padding-top: 10px;
}
html.ch-font .customTextBlock ul, html.ch-font .customTextBlock ol {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .customTextBlock ul, html.ar-font .customTextBlock ol {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customTextBlock ul li, .customTextBlock ol li {
	float: left;
	padding: 0px 0px 5px 0px;
	width: 100%;
}
.customTextBlock ul, .customTextBlock ol {
	float: left;
	padding: 0px 7% 5px 0px;
	width: 93%;
}
.customTextBlock ul li, .customTextBlock ol li {
	float: left;
	padding: 0px 0px 5px 0px;
	width: 100%;
}
.customTextBlock ul {
	/* list-style-position: inside; */
padding: 6px 0px 6px 10px;
	left: 0px;
}
.customTextBlock ul li {
	padding: 4px 0px;
	line-height: 18px;
	list-style:none;
}
.customTextBlock li:before {
	content: "•";
	font-size: 20px;
	position: relative;
	top: 3px;
	margin-left: -8px;
	left: -5px;
}
.customTextBlock ol {
	/* list-style-position: inside; */
padding: 6px 0px 6px 10px;
	left: 0px;
}
.customTextBlock ol li {
	padding: 4px 0px;
	line-height: 18px;
}
/*********************************************************/
.positionClass .Title100, .customTextBlock .Title100, .customHeading .Title100 {
	font-size: 100px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 100px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Title100, html.ch-font .customTextBlock .Title100, html.ch-font .customHeading .Title100 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .positionClass .Title100, html.ar-font .customTextBlock .Title100, html.ar-font .customHeading .Title100 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.positionClass .Title72, .customTextBlock .Title72, .customHeading .Title72 {
	font-size: 72px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 72px;
	font-weight:normal;
	padding: 0px;
}
html.ch-font .positionClass .Title72, html.ch-font .customTextBlock .Title72, html.ch-font .customHeading .Title72 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .positionClass .Title72, html.ar-font .customTextBlock .Title72, html.ar-font .customHeading .Title72 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.positionClass .Title66, .customTextBlock .Title66, .customHeading .Title66 {
	font-size: 66px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 66px;
	font-weight:normal;
	padding: 0px;
}
html.ch-font .positionClass .Title66, html.ch-font .customTextBlock .Title66, html.ch-font .customHeading .Title66 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .positionClass .Title66, html.ar-font .customTextBlock .Title66, html.ar-font .customHeading .Title66 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.positionClass .Heading1, .customTextBlock .Heading1, .customHeading .Heading1 {
	font-size: 56px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 60px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Heading1, html.ch-font .customTextBlock .Heading1, html.ch-font .customHeading .Heading1,{
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .positionClass .Heading1, html.ar-font .customTextBlock .Heading1, html.ar-font .customHeading .Heading1,{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.positionClass .Heading2, .customTextBlock .Heading2, .customHeading .Heading2 {
	font-size: 46px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 50px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Heading2, html.ch-font .customTextBlock .Heading2, html.ch-font .customHeading .Heading2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 56px;
}
html.ar-font .positionClass .Heading2, html.ar-font .customTextBlock .Heading2, html.ar-font .customHeading .Heading2, {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass .Heading3, .customTextBlock .Heading3, .customHeading .Heading3, {
	font-size: 38px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 50px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Heading3, html.ch-font .customTextBlock .Heading3, html.ch-font .customHeading .Heading3{
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 40px;
}
html.ar-font .positionClass .Heading3, html.ar-font .customTextBlock .Heading3, html.ar-font .customHeading .Heading3, {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass .Heading4, .customTextBlock .Heading4, .customHeading .Heading4 {
	font-size: 24px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 1.33;
    letter-spacing: 0.2px;
	font-weight:normal;/*padding: 3px 0;*/
}
html.ch-font .positionClass .Heading4, html.ch-font .customTextBlock .Heading4, html.ch-font .customHeading .Heading4 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 34px;
}
html.ar-font .positionClass .Heading4, html.ar-font .customTextBlock .Heading4, html.ar-font .customHeading .Heading4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass .Heading5, .customTextBlock .Heading5, .customHeading .Heading5 {
	font-size: 16px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
	display:block;
}
html.ch-font .positionClass .Heading5, html.ch-font .customTextBlock .Heading5, html.ch-font .customHeading .Heading5 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 28px;
}
html.ar-font .positionClass .Heading5, html.ar-font .customTextBlock .Heading5, html.ar-font .customHeading .Heading5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.positionClass .Heading6, .customTextBlock .Heading6, .customHeading .Heading6 {
	font-size: 12px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Heading6, html.ch-font .customTextBlock .Heading6, html.ch-font .customHeading .Heading6 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 24px;
}
html.ar-font .positionClass .Heading6, html.ar-font .customTextBlock .Heading6, html.ar-font .customHeading .Heading6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/***************** Heading 7, 8, 9 *************************/

.positionClass .Heading7, .customTextBlock .Heading7, .customHeading .Heading7 {

    font-size: 40px;
    font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    font-weight: normal;
    /*padding: 3px 0;*/
    letter-spacing: 0.2px;

}
html.ch-font .positionClass .Heading7, html.ch-font .customTextBlock .Heading7, html.ch-font .customHeading .Heading7 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 54px;
}
html.ar-font .positionClass .Heading7, html.ar-font .customTextBlock .Heading7, html.ar-font .customHeading .Heading7 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


.positionClass .Heading8, .customTextBlock .Heading8, .customHeading .Heading8 {
	font-size: 32px;
    font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
    line-height: 1.25;
    font-weight: 500;
    padding: 3px 0;
    letter-spacing: 0.2px;
}
html.ch-font .positionClass .Heading8, html.ch-font .customTextBlock .Heading8, html.ch-font .customHeading .Heading8 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 44px;
}
html.ar-font .positionClass .Heading8, html.ar-font .customTextBlock .Heading8, html.ar-font .customHeading .Heading8 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass .Heading9, .customTextBlock .Heading9, .customHeading .Heading9 {
	font-size: 18px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .positionClass .Heading9, html.ch-font .customTextBlock .Heading9, html.ch-font .customHeading .Heading9 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
html.ar-font .positionClass .Heading9, html.ar-font .customTextBlock .Heading9, html.ar-font .customHeading .Heading9 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass .Heading10, .customTextBlock .Heading10, .customHeading .Heading10 {
	font-size: 22px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading10, html.ch-font .customTextBlock .Heading10, html.ch-font .customHeading .Heading10 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading10, html.ar-font .customTextBlock .Heading10, html.ar-font .customHeading .Heading10 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


.positionClass .Heading11, .customTextBlock .Heading11, .customHeading .Heading11 {
	font-size: 20px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading11, html.ch-font .customTextBlock .Heading11, html.ch-font .customHeading .Heading11 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading11, html.ar-font .customTextBlock .Heading11, html.ar-font .customHeading .Heading11 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass .Heading12, .customTextBlock .Heading12, .customHeading .Heading12 {
	font-size: 36px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 42px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading12, html.ch-font .customTextBlock .Heading12, html.ch-font .customHeading .Heading12 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading12, html.ar-font .customTextBlock .Heading12, html.ar-font .customHeading .Heading12 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.positionClass .Heading13, .customTextBlock .Heading13, .customHeading .Heading13 {
	font-size: 48px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 54px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading13, html.ch-font .customTextBlock .Heading13, html.ch-font .customHeading .Heading13 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading13, html.ar-font .customTextBlock .Heading13, html.ar-font .customHeading .Heading13 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


.positionClass .Heading14, .customTextBlock .Heading14, .customHeading .Heading14 {
	font-size: 30px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 36px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading14, html.ch-font .customTextBlock .Heading14, html.ch-font .customHeading .Heading14 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading14, html.ar-font .customTextBlock .Heading14, html.ar-font .customHeading .Heading14 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


.positionClass .Heading15, .customTextBlock .Heading15, .customHeading .Heading15 {
	font-size: 50px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 58px;
	font-weight:normal;
}
html.ch-font .positionClass .Heading15, html.ch-font .customTextBlock .Heading15, html.ch-font .customHeading .Heading15 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .positionClass .Heading15, html.ar-font .customTextBlock .Heading15, html.ar-font .customHeading .Heading15 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/**********************************************/


.jwplayer .customendcta .customEndData .Heading1, .jwplayer .customendcta .customEndData h1 {
	font-size: 38px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 44px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading1, html.ch-font .jwplayer .customendcta .customEndData h1 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading1, html.ar-font .jwplayer .customendcta .customEndData h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.jwplayer .customendcta .customEndData .Heading2, .jwplayer .customendcta .customEndData h2 {
	font-size: 34px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 40px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading2, html.ch-font .jwplayer .customendcta .customEndData h2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 38px;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading2, html.ar-font .jwplayer .customendcta .customEndData h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.jwplayer .customendcta .customEndData .Heading3, .jwplayer .customendcta .customEndData h3 {
	font-size: 30px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 36px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading3, html.ch-font .jwplayer .customendcta .customEndData h3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 34px;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading3, html.ar-font .jwplayer .customendcta .customEndData h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.jwplayer .customendcta .customEndData .Heading4, .jwplayer .customendcta .customEndData h4 {
	font-size: 26px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 32px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading4, html.ch-font .jwplayer .customendcta .customEndData h4 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 30px;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading4, html.ar-font .jwplayer .customendcta .customEndData h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.jwplayer .customendcta .customEndData .Heading5, .jwplayer .customendcta .customEndData h5 {
	font-size: 22px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
	display:block;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading5, html.ch-font .jwplayer .customendcta .customEndData h5 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 26px;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading5, html.ar-font .jwplayer .customendcta .customEndData h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.jwplayer .customendcta .customEndData .Heading6, .jwplayer .customendcta .customEndData h6 {
	font-size: 18px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData .Heading6, html.ch-font .jwplayer .customendcta .customEndData h6 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
html.ar-font .jwplayer .customendcta .customEndData .Heading6, html.ar-font .jwplayer .customendcta .customEndData h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/*******************************************/


.jwplayer .customendcta .customEndData p {
	font-size: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight:normal;
	padding: 3px 0;
}
html.ch-font .jwplayer .customendcta .customEndData p {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
html.ar-font .jwplayer .customendcta .customEndData p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/*************************************************/

span.fontRegular {
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif !important;
}
html.ch-font span.fontRegular {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}
html.ar-font span.fontRegular {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}
span.fontMedium {
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif !important;
}
html.ch-font span.fontRegular {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}
html.ar-font span.fontRegular {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}
span.fontBook {
	font-family: "BentonSansBook", Arial, Helvetica, sans-serif !important;
}
html.ch-font span.fontRegular {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}
html.ar-font span.fontRegular {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}
span.fontLight {
	font-family: "BentonSansLight", Arial, Helvetica, sans-serif !important;
}
html.ch-font span.fontRegular {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}
html.ar-font span.fontRegular {
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}
span.fontBold {
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif !important;
}
html.ch-font span.fontBold {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", "BentonSansBold", Arial, Helvetica, sans-serif !important;
	font-weight: bold;
}
html.ar-font span.fontBold {
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight: bold;
}
.imgDescComp {
	padding-right: 20px;
}
.rightColumn .imgDescComp {
	padding-right:0px;
}
.imgDescComp .dualImage {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
.imgDescComp .dualImage img {
	width: 45%;
	display: inline-block;
	margin:0 1;
}
/******************* CSS Only for SuperBowl Added By Himesh ************************************/

.textStyle-1 {
	width:68%;
	margin:auto;
	font-size:30px;
	line-height:40px;
	text-align:center;
}
.textStyle-2 {
	font-size: 32px;
	color: #fff;
	float: left;
	width: 100%;
	line-height: 42px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ch-font .textStyle-2 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .textStyle-2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.textStyle-3 {
	font-size: 42px;
	color: #fff;
	float: left;
	width: 100%;
	line-height: 54px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ch-font .textStyle-3 {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .textStyle-3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/*********************** Feature Component Horizontal css ***********************************/

.microsite-features-outer {
	padding:25px 0px;
	width:100%;
	float:left;
}
.microsite-features-outer .LearnMore a {
	font-size: 14px;
}
.microsite-features-outer .LinkReadmore a span {
	background: transparent;
	padding-left: 0px;
	font-size: 14px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ch-font .microsite-features-outer .LinkReadmore a span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .LinkReadmore a span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-features-outer .microsite-features-heading {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-bottom:15px;
}
html.ch-font .microsite-features-outer .microsite-features-heading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .microsite-features-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-features-outer .microsite-features ul {
	float: left;
	width:103%;
}
.microsite-features-outer .microsite-features li {
	float: left;
	list-style: none;
	background:url(/etc/designs/sapuid/images/feature-icon.png) no-repeat left 2px;
	padding-left: 2.5%;
	font-size:17px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:0px;
	width:22%;
	min-height: 45px;
}
html.ch-font .microsite-features-outer .microsite-features li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .microsite-features-outer .microsite-features li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.microsite-features-outer .features-4-column li {
	width:22%;
}
.microsite-features-outer .features-3-column li {
	width:30%;
}
.microsite-features-outer .features-2-column li {
	width:47%;
}
.microsite-features-outer .features-1-column li {
	width:97%;
}
/**************************** Blue Style Horizontal Column ************************************/

.microsite-features-outer .microsite-features.blueStyle ul li a {
	color:#008fd3!important;
}
.microsite-features-outer .microsite-features.blueStyle ul.features-4-column li {
	width: 22%;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	background: none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 52px;
}
html.ch-font .microsite-features-outer .microsite-features.blueStyle ul.features-4-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .microsite-features.blueStyle ul.features-4-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-features-outer .microsite-features.blueStyle ul.features-3-column li {
	width:30%;
	padding-left:0px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:26px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 52px;
}
html.ch-font .microsite-features-outer .microsite-features.blueStyle ul.features-3-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .microsite-features.blueStyle ul.features-3-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-features-outer .microsite-features.blueStyle ul.features-2-column li {
	width:47%;
	padding-left:0px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:26px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 52px;
}
html.ch-font .microsite-features-outer .microsite-features.blueStyle ul.features-2-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .microsite-features.blueStyle ul.features-2-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-features-outer .microsite-features.blueStyle ul.features-1-column li {
	width:97%;
	padding-left:0px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:26px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 52px;
}
html.ch-font .microsite-features-outer .microsite-features.blueStyle ul.features-1-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-features-outer .microsite-features.blueStyle ul.features-1-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/**************************** Vertical Column ************************************/

.microsite-features-outer ul.vertical-4-column {
	width:22%;
	padding-right: 3%;
}
.microsite-features-outer ul.vertical-4-column li {
	padding-left: 25px;
	clear: both;
	display: block;
	width: auto;
	float: left;
}
.microsite-features-outer ul.vertical-3-column {
	width:30%;
	padding-right: 3%;
}
.microsite-features-outer ul.vertical-3-column li {
	padding-left: 25px;
	clear: both;
	display: block;
	width: auto;
	float: left;
}
.microsite-features-outer ul.vertical-2-column {
	width:47%;
	padding-right: 3%;
}
.microsite-features-outer ul.vertical-2-column li {
	padding-left: 25px;
	clear: both;
	display: block;
	width: auto;
	float: left;
}
.microsite-features-outer ul.vertical-1-column {
	width:100%;
}
.microsite-features-outer ul.vertical-1-column li {
	padding-left: 25px;
	clear: both;
	display: block;
	width: auto;
	float: left;
}
/**************************** Blue Style Vertical Column ************************************/


.blueStyle ul li a {
	color:#008fd3;
}
.blueStyle ul.vertical-4-column li {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 56px;
}
html.ch-font .blueStyle ul.vertical-4-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .blueStyle ul.vertical-4-column li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blueStyle ul.vertical-3-column li {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 56px;
}
html.ch-font .blueStyle ul.vertical-3-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .blueStyle ul.vertical-3-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blueStyle ul.vertical-2-column li {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 3%;
	min-height: 56px;
}
html.ch-font .blueStyle ul.vertical-2-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .blueStyle ul.vertical-2-column li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blueStyle ul.vertical-1-column li {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#000;
	background:none;
	margin-bottom: 0px;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	margin-right: 0%;
	min-height: atuo;
}
html.ch-font .blueStyle ul.vertical-1-column li {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .blueStyle ul.vertical-1-column li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.blueStyle ul.vertical-4-column li:last-child {
	border:0px;
	min-height: auto;
}
.blueStyle ul.vertical-3-column li:last-child {
	border:0px;
	min-height: auto;
}
.blueStyle ul.vertical-2-column li:last-child {
	border:0px;
	min-height: auto;
}
.blueStyle ul.vertical-1-column li:last-child {
	border:0px;
	min-height: auto;
}
/**************Feature Table **********************/

.feeTable {
	width:100%;
	float:left;
	padding: 30px 0px;
}
.feeTable table {
	border:0px;
}
.feeTable tr th {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding:0 0 20px 0;
	text-align: left;
	border: 0px;
}
html.ch-font .feeTable tr th {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .feeTable tr th {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.feeTable td {
	padding-left: 25px;
	background: url(/etc/designs/sapuid/images/feature-icon.png) no-repeat left 2px;
	padding: 0 0 25px 30px;
	border: 0px;
}
/**************************** Dropdown Customer stories ************************************/

.microsite-armour {
	padding:50px 0px 100px 0px;
}
.microsite-heading {
	font-size:38px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
html.ch-font .microsite-heading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-sub-heading {
	font-size:22px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
html.ch-font .microsite-sub-heading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-sub-heading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-detail {
	color:#000;
	font-size:20px;
	padding:35px 0px;
	text-align:center;
	line-height:28px;
}
.microsite-customer-story {
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
}
html.ch-font .microsite-customer-story {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .microsite-customer-story {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.microsite-customer-story span {
	background:url(/etc/designs/sapuid/images/customer-story-border.jpg) no-repeat center bottom;
	margin-bottom:30px;
	padding-bottom:30px;
	display:block;
}
.microsit-normal-contant {
	text-align:center;
	font-size:16px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	color:#000;
}
html.ch-font .microsit-normal-contant {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .microsit-normal-contant {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.microsite-heading a {
	color:#008fd3;
	text-decoration:none;
	display:block;
}
.microsite-down-arrow {
	top: 24px;
	position: relative;
	left: -4px;
}
.microsite-dropdown {
	position: relative;
	cursor: pointer;
	z-index: 197;
	color:#008fd3;
	margin-right: 10px;
	border-bottom: 2px solid #008fd3;
	background: url(/etc/designs/sapuid/images/down-arrow.png) no-repeat right 15px;
	background-size: 26px;
}
.microsite-dropdown span {
	padding-right:35px;
}
.microsite-dropdown.custDropBlue {
	color:#008FD3;
	border-bottom: 2px solid #008FD3;
	background: url(/etc/designs/sapuid/images/down-arrow.png) no-repeat right 15px;
	background-size: 26px;
}
.wrapper-dropdown-1.microsite-dropdown.custDropBlue .dropdown {
	border-top: 2px solid #008FD3;
}
.wrapper-dropdown-1.microsite-dropdown.custDropBlue .dropdown li:hover {
	background: #008FD3;
}
.microsite-dropdown.custDropOrange {
	color:#F0AB00;
	border-bottom: 2px solid #F0AB00;
	background: url(/etc/designs/sapuid/images/down-arrow-orange.png) no-repeat right 15px;
	background-size: 26px;
}
.wrapper-dropdown-1.microsite-dropdown.custDropOrange .dropdown {
	border-top: 2px solid #F0AB00;
}
.wrapper-dropdown-1.microsite-dropdown.custDropOrange .dropdown li:hover {
	background: #F0AB00;
}
.microsite-dropdown.custDropGray {
	color:#E9E9E9;
	border-bottom: 2px solid #E9E9E9;
	background: url(/etc/designs/sapuid/images/down-arrow-gray.png) no-repeat right 15px;
	background-size: 26px;
}
.wrapper-dropdown-1.microsite-dropdown.custDropGray .dropdown {
	border-top: 2px solid #E9E9E9;
}
.wrapper-dropdown-1.microsite-dropdown.custDropGray .dropdown li:hover {
	background: #E9E9E9;
}
.wrapper-dropdown-1.microsite-dropdown.custDropGray .dropdown li:hover a {
	color: #222;
}
.microsite-dropdown.custDropBlack {
	color:#000;
	border-bottom: 2px solid #000;
	background: url(/etc/designs/sapuid/images/down-arrow-black.png) no-repeat right 15px;
	background-size: 26px;
}
.wrapper-dropdown-1.microsite-dropdown.custDropBlack .dropdown {
	border-top: 2px solid #000;
}
.wrapper-dropdown-1.microsite-dropdown.custDropBlack .dropdown li:hover {
	background: #000;
}
.wrapper-dropdown-1.microsite-dropdown.custDropBlack .dropdown li:hover a {
	color: #fff;
}
.microsite-dropdown.custDropWhite {
	color:#fff;
	border-bottom: 2px solid #fff;
	background: url(/etc/designs/sapuid/images/down-arrow-white.png) no-repeat right 15px;
	background-size: 26px;
}
.wrapper-dropdown-1.microsite-dropdown.custDropWhite .dropdown {
	border-top: 2px solid #fff;
}
.wrapper-dropdown-1.microsite-dropdown.custDropWhite .dropdown li:hover {
	background: #fff;
}
/*********************** Customer Stories  ********************/

.storiesContainer {
	width: 100%;
	margin:0px;
}

.storiesContainer .storiesHeadingContainer{
    padding: 71px 0px 47px 0px;

}

.storiesHeadingContainer.bgColor{
    background: #f8f8f8;
 }
.storiesContainer .storiesHeadingContainer .storiesHeroBlock {
    padding-top: 35px;
}

.storiesContainer .slick-slider {
	padding:0px;
}
.storiesContainer .slick-prev, .storiesContainer .slick-next, .storiesContainer .slick-dots {
	display:none!important;
}
.storiesContainer .storiesHeroBlock {
	float:left;
	width:100%;
}
.storiesContainer .storiesHeroBlock.storiesTwoCol {
    float: none;
    max-width: 960px;
    display: table;
    margin: 0px auto;
}
.storiesContainer .storiesHeroBlock .articleBox {
width: 27.333%;
	float: left;
	padding: 0px 3% 0px 3%;
}

.customerStoriesCols .centerBlock>.customTextBlock{
    /*padding-bottom:62px;*/
    padding-bottom:32px;
 }
.customerStoriesColsLogo .centerBlock>.customTextBlock {
    /* padding-bottom: 62px; */
    padding-bottom: 32px;
}
.storiesContainer .storiesHeroBlock.storiesTwoCol .articleBox {
	width: 30%;
	float: none;
	padding: 15px 1.5% 0 1.5%;
	display: table-cell;
	align-items: center;
	max-width: 350px;
	margin: auto;
}
.storiesContainer .storiesHeroBlock.storiesTwoCol .articleBox .storySingleCol {
	max-width: 350px;
	margin: auto;
}
.storiesContainer .storiesHeroBlock .articleImage {
	padding: 0px;
	min-height: 80px;
text-align: inherit;
	position: relative;
}
.storiesContainer .storiesHeroBlock .articleImage img {
	max-width: 100%;
	max-height: 100%;
	display:inline-block;
}
.storiesContainer .storiesHeroBlock .articleTitle {
	font-size: 24px;
	line-height: 28px;
	color: #222;
	float: left;
	width: 100%;
	padding: 10px 0 3px;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}
html.ch-font .storiesContainer .storiesHeroBlock .articleTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .storiesContainer .storiesHeroBlock .articleTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.storiesContainer .storiesHeroBlock .articleDetail {
	font-size: 14px;
	line-height: 22px;
	color: #444444;
}
/*.storiesContainer .storiesHeroBlock .articleDetail p{
    padding-top: 20px;
 }*/
.storiesContainer .storiesHeroBlock .columnHero {
	padding: 0px 10px;
	max-width: 100%;
}
.storiesContainer .storiesHeroBlock .columnHero .articleReadmore a {
	color: #008fd3;
	font-size: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 5px 0px;
	display: block;
}
html.ch-font .storiesContainer .storiesHeroBlock .columnHero .articleReadmore a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .storiesContainer .storiesHeroBlock .columnHero .articleReadmore a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.storiesContainer .storiesHeroBlock .positionClass {
	/*padding: 15px 0%!important;
    padding: 15px 0% 0px 0%!important;*/
}
.customerStoriesColsLogo .positionClass{
            padding: 15px 0% 0px 0%!important;
        }
/************************* Mega Footer ******************************/

#mega-footer {
	background: #000000;
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #000;
	padding: 50px 0;
}
html.ch-font #mega-footer {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", Arial, Helvetica, sans-serif;
}
html.ar-font #mega-footer {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.mega-footer {
	max-width:1240px;
	height:auto;
	margin:0px auto;
}
.mega-footer .footer-menu-area {
	width:60%;
	float:left;
}
.mega-footer .footer-menu-area .menu-full {
	width: 100%;
	float: left;
	display: table;
	text-align:right;
}
#accordion {
	z-index:-9999;
}
.mega-footer .footer-menu-area .megaColumn {
	display:table-cell;
	font-weight:normal;
	text-align:left;
}
.mega-footer .footer-menu-area .megaColumn1 .megaColumn {
	display:block;
	float:right;
	width:auto;
}
.mega-footer .footer-menu-area .megaColumn2 .megaColumn {
	display:block;
	float:right;
	max-width:48%;
	padding:0px 2%;
}
.mega-footer .footer-menu-area .megaColumn3 .megaColumn {
	display:block;
	float:right;
	max-width:31%;
	padding:0px 2%;
}
.mega-footer .footer-menu-area .megaColumn4 .megaColumn {
	display:block;
	float:right;
	max-width:23%;
	padding:0px 2%;
}
.mega-footer .footer-menu-area .megaColumn5 .megaColumn {
	display:block;
	float:right;
	max-width:17%;
	padding:0px 1.5%;
}
.mega-footer .footer-menu-area.wideMegaColumns {
	float:left;
	width:100%;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn5 .megaColumn {
	max-width: 100%;
	width: 16%;
	padding: 0px 2.5%;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn5 .megaColumn:first-child {
	padding-right:0px;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn5 .megaColumn:last-child {
	padding-left:0px;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn4 .megaColumn {
	max-width: 100%;
	width: 21%;
	padding: 0px 2.5%;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn4 .megaColumn:first-child {
	padding-right:0px;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn4 .megaColumn:last-child {
	padding-left:0px;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn3 .megaColumn {
	max-width: 100%;
	width: 30%;
	padding: 0px 2.5%;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn3 .megaColumn:first-child {
	padding-right:0px;
}
.mega-footer .footer-menu-area.wideMegaColumns .megaColumn3 .megaColumn:last-child {
	padding-left:0px;
}
.mega-footer .footer-menu-area ul {
	display:block;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html.ch-font .mega-footer .footer-menu-area ul {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .mega-footer .footer-menu-area ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.mega-footer h4 {
	color:#999999;
	font-size:14px;
	padding-bottom:20px;
	text-transform:uppercase;
	cursor:default;
}
.mega-footer .footer-menu-area ul li {
	font-size:14px;
	color:#fff;
	list-style:none;
	padding-bottom:25px;
}
.mega-footer .footer-menu-area ul li a {
	color:#fff;
	text-decoration:none;
}
.mega-footer .footer-social-area {
	width:40%;
	float:left;
}
.mega-footer .footer-social-area .run-simple {
	width:100%;
	float:left;
}
.mega-footer .footer-social-area .run-simple .mega-footer-logo {
	padding-bottom: 100px;
}
.mega-footer .footer-social-area .run-simple .mega-footer-logo span {
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:15px;
	position: relative;
	left: -8px;
	top: 13px;
}
html.ch-font .mega-footer .footer-social-area .run-simple .mega-footer-logo span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .mega-footer .footer-social-area .run-simple .mega-footer-logo span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.mega-footer .footer-social-area .run-simple .stay-connect {
	float:left;
	width: 100%;
	position: relative;
}
.mega-footer .footer-social-area .run-simple .stay-connect ul {
	text-align:left;
	padding-top: 20px;
}
.mega-footer .footer-social-area .run-simple .stay-connect ul li {
	display:inline-block;
	padding-right: 3.8%;
	padding-bottom:15px;
}
/***************** sap-io-footer ****************************/

#footer.footerArea {
	background:#fff;
}
.footer.sapioFooter {
	float: left;
	width: 100%;
}
.footer.sapioFooter .socialLinksWrap {
	float: left;
}
.footer.sapioFooter .sapioLeftLogo {
	float: left;
}
.footer.sapioFooter .sapioLeftLogo img {
	max-height: 36px;
}
.footer.sapioFooter section.socialLinksGroup {
	position: relative;
	float: left;
	padding-top: 15px;
	padding-left: 16px;
}
.footer.sapioFooter .desktopLinks {
	text-align: right;
	float: right;
}
.footer.sapioFooter .menu .link {
	padding-top: 21px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
}
html.ch-font .footer.sapioFooter .menu .link {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ar-font .footer.sapioFooter .menu .link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.footer.sapioFooter .menu a {
	display: inline-block;
	vertical-align: top;
	color: #4d4d4d;
	cursor: pointer;
}
.footer.sapioFooter .desktopLinks img {
	padding-left: 20px;
	max-height: 36px;
}
.footer.sapioFooter section.socialLinksGroup .nav li a img {
	height: auto;
	width: auto;
}
.footer.sapioFooter section.socialLinksGroup .nav li {
	margin: 3px 8px;
}
.footer.sapioFooter .menu .desktopLinks, .footer.sapioFooter .menu .desktopInfoWrap {
	top:0px;
}
.footer.sapioFooter .sapioFooterLogo {
	display: none;
}
.footer.sapioFooter .textOnlyView a.textView.textOnlyView {
	display: none;
}
 @media only screen and (max-width: 1000px) {
 .footer.sapioFooter .socialLinksWrap {
 float: none;
 margin: 0px auto;
 text-align: center;
}
 .footer.sapioFooter .sapioLeftLogo {
 float: none;
 display: none;
}
 .footer.sapioFooter .desktopLinks img {
 padding-left: 20px;
 display: none;
}
 .footer.sapioFooter section.socialLinksGroup {
 position: relative;
 float: none;
 padding-top: 22px;
 padding-left: 16px;
 display: inline-block;
}
 .footer.sapioFooter .menu .desktopLinks, .footer.sapioFooter .menu .desktopInfoWrap {
 text-align: center;
 float: none;
 width: 100%;
}
 .footer.sapioFooter .sapioFooterLogo {
 width: 90%;
 float: left;
 padding: 0px 5%;
 display:block;
 margin-top: 20px;
}
 .footer.sapioFooter .sapioFooterLogo span.leftSideLogo {
 float: left;
}
 .footer.sapioFooter .sapioFooterLogo span.rightSideLogo {
 float: right;
}
 .footer.sapioFooter .sapioFooterLogo img {
 max-height: 36px;
}
}
 @media only screen and (max-width: 767px) {
 .footer.sapioFooter .menu .link {
 padding-top: 0px;
 font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 14px;
 padding: 0px 5px;
}
.footer.sapioFooter .socialLinksWrap {
 float: none;
 margin: 0px auto;
 text-align: center;
 margin-top: 45px;
}
 .footer.sapioFooter section.socialLinksGroup {
 position: relative;
 float: none;
 padding-top: 15px;
 padding-left: 0;
 display: inline-block;
}
 .footer.sapioFooter .menu {
 margin: 0 0 0 0px;
 padding: 0;
 width: 100%;
 border-bottom: 0px solid #fff;
 display: inline-block;
 top: -90px;
}
 .footer.sapioFooter .menu .desktopLinks {
 display: block;
}
 .footer.sapioFooter .socialLinksWrap {
 border-bottom: 0px solid #fff;
}
 .footer.sapioFooter .sapioFooterLogo {
 margin-top: -20px;
}
}
/********************** Inline Video Component*******************************/



.videoInline {
	width: 100%;
	float: left;
    /*display:table;
	padding:0px 0px 30px 0px;*/
    padding:0px 0px 0px 0px;
	position: relative;
}
.videoInline .videoAllContainer {
	width: 100%;
	min-height:200px;
	text-align:center;
	display: block;
	background: url(/etc/designs/sep1dx/images/loading.gif) no-repeat center top;
}
.videoInline .videoAllContainer .mainplayercontainerVideo {
	margin:0px auto;
	/*max-width:640px;*/
	position: relative;
}
.videoInline .videoAllContainer .mainplayercontainerOverlayVideo {
	margin:0px auto;
	/*width:640px;*/
    max-width:640px;
	position: relative;
}
.videoInline .videoaLeftContainer {
	/*display: table-cell;*/
vertical-align: middle;
	width: 67%;
	min-height:200px;
	background: url(/etc/designs/sep1dx/images/loading.gif) no-repeat center top;
	overflow:hidden;
	float:left;
}
.videoInline .videoaRightContainer {
	width: 28%;
	height: 100%;
	position: relative;
	right: 0;
	top: 0px;
	padding-left:4%;
	/*display: table-cell;*/
vertical-align: middle;
	float:left;
}
.videoInline .videoaRightContainer table {
	height: 100%;
}
.videoInline .videoaRightContainer table tr td {
	vertical-align:middle;
}
.videoInline .videoaRightContainer h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: normal;
	color: #000;
	padding-bottom:8px;
	text-align:left;
	margin: 0px;
}
.videoInline .videoaRightContainer .columnDetail {
	font-size: 14px;
	color: #444444;
	float: left;
	width: 100%;
	line-height: 22px;
	padding: 0px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
}
html.ch-font .videoInline .videoaRightContainer .columnDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .videoInline .videoaRightContainer .columnDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.videoInline .videoaLeftContainer .mainplayercontainerVideo {
	margin:0px auto;
	max-width:640px;
	position: relative;
}
.videoInline .videoaLeftContainer .mainplayercontainerOverlayVideo {
	margin:0px auto;
	width:640px;
	position: relative;
}
.videoInline .videoaRightContainer .LinkReadmore {
	width: 90%;
	float: left;
	text-align: left;
	padding: 15px 0px 0;
}
.vidcarHeading {
	font-size: 35px;
	color: #000;
	padding: 40px 0px 0px;
	width: 100%;
	line-height:35px;
	text-align: center;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .vidcarHeading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .vidcarHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.videocarousel .columnHero {
	max-width: 100%;
	width: 100%;
	padding:0px;
}
/*************************************************/
.organizationContainer {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.customerQuoteStats {
	height:100%;
}
.customQoutesMiddle {
	display:table;
	height: 100%;
}
.organizationContainer .customStats {
	padding-top: 7%!important;
	width: 71%;
	float:left;
}
.organizationContainer .customTitleDesc {
	padding-top: 10%!important;
	float:right;
	color:#fff;
	width: 23%;
}
.organizationContainer .customTitleDesc .rightText {
	padding-bottom:10px;
}
.organizationContainer .customTitleDesc .rightText .title {
	font-size:14px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ch-font .organizationContainer .customTitleDesc .rightText .title {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .organizationContainer .customTitleDesc .rightText .title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.organizationContainer .customTitleDesc .rightText .description {
	font-size:15px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}
html.ch-font .organizationContainer .customTitleDesc .rightText .description {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .organizationContainer .customTitleDesc .rightText .description {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.customOrganization .customTitleDesc {
	display:none;
}
.customCountdown {
	margin-top : 330px;
}
.anchor_SingleHeader {
	display: block;
	height: 64px; /*same height as header*/
	margin-top: -64px; /*same height as header*/
	visibility: hidden;
}
.persiatntHeader {
	position: fixed!important;
}
.singlepersiatntheader {
	padding-top: 90px!important;
}
.customOrganization.organizationContainer {
	display: none;
}
/********************** Wayin and Twitter *************************/

.Twitter {
	float: left;
	width: 100%;
}
.Twitter .columnHero {
	max-width: 300px;
	font-size: 13px;
	line-height: 18px;
	color: #444;
	padding: 0px 0 0 10%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
}
html.ch-font .Twitter .columnHero {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .Twitter .columnHero {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.Twitter .twtimg {
	float: left;
	margin: 0px 10px 4px 0px;
	border: solid 1px #ccc;
}
.Twitter .twtname {
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .Twitter .twtname {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .Twitter .twtname {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.Twitter .twthash {
	color: #008fd3;
}
.Twitter .owl-buttons {
	position: absolute;
	top: 15%;
	width: 100%;
}
.Twitter .owl-carousel {
	padding: 30px 0px 20px;
	min-height: 120px;
	width:100%;
	display:block;
	background:url(/etc/designs/sep1dx/images/loading.gif) no-repeat center center;
}
.Twitter .owl-carousel.owl-theme {
	background:none;
}
.Twitter .twtname span {
	float: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
html.ch-font .Twitter .twtname span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", Arial, Helvetica, sans-serif;
}
html.ar-font .Twitter .twtname span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.Twitter .imageTitle {
	width: 100%;
	float: left;
}
.composeTweet {
	text-align: center;
	float: left;
	width: 100%;
	padding-bottom: 40px;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#000;
}
html.ch-font .composeTweet {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .composeTweet {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.composeTweet a {
	margin: 0px 20px;
	border: solid 1px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	padding: 6px 70px 6px 10px;
	text-align: left;
	color: #ccc;
	font-weight: normal;
	font-size: 14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	background:#fff;
}
html.ch-font .composeTweet a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .composeTweet a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.composeTweet a:hover {
	text-decoration:none;
}
/******************************************************/
.leaderHeroBlock {
	float:left;
	width:100%;
	padding: 0px 0px 30px;
	text-align:center;
}
.leaderTwoColumn .mainplayercontainerVideo {
	width:100%;
	margin:0px;
}
.leaderDesktopOnly {
	display:block;
}
.leaderMobileOnly {
	display:none;
}
.leaderHeroBlock .leaderBox_3 {
	margin: auto;
	max-width: 700px;
	display: block;
}
.leaderHeroBlock .leaderBox_2 {
	margin: auto;
	max-width: 500px;
	display: block;
}
.leaderHeroBlock .leaderTitle {
	font-size: 27px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 33px;
	font-weight: normal;
	padding: 3px 0 10px;
	color:#333333;
	width:100%;
	text-align:center;
}
html.ch-font .leaderHeroBlock .leaderTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .leaderHeroBlock .leaderTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.leaderHeroBlock ul.leadersList {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	text-align: center;
	width: 100%;
}
.leaderHeroBlock ul.leadersList li {
	text-align: center;
	margin: auto;
	display: inline-block;
	padding: 0 .5%;
	position: relative;
	min-width: 18%;
	max-width: 18%;
	vertical-align: top
}
.leaderHeroBlock .leaderBox_1 ul.leadersList li {
	padding: 0px;
	min-width: 100%;
	max-width: 100%;
}
.leaderHeroBlock .leaderBox_2 ul.leadersList li {
	padding: 0 2%;
	min-width: 45%;
	max-width: 45%;
}
.leaderHeroBlock .leaderBox_3 ul.leadersList li {
	padding: 0 1%;
	min-width: 30%;
	max-width: 30%;
}
.leaderHeroBlock .leaderBox_4 ul.leadersList li {
	padding: 0 1%;
	min-width: 22.7%;
	max-width: 22.7%;
}
.leaderHeroBlock ul.leadersList .articleBox {
	width: 100%;
	float: left;
	padding: 25px 0%;
}
.leaderHeroBlock ul.leadersList .articleBox .articleImage {
	padding: 0 0 10px 0px;
	min-height: 100px;
	text-align: center;
}
.leaderHeroBlock .articleBox .articleTitle {
	font-size: 20px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: normal;
	padding: 3px 0;
	color: #0094cc;
}
html.ch-font .leaderHeroBlock .articleBox .articleTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .leaderHeroBlock .articleBox .articleTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.leaderHeroBlock .articleBox .articleImage img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
}
.leaderTwoColumn {
	display: block;
	width: 100%;
	background: #0095cf;
	max-width: 960px;
	margin:0px auto;
	height: 100%;
	clear:both;
}
.leaderTwoColumn .leaderCell {
	display:table-cell;
	width:50%;
	float:left;
	position:relative;
}
.leaderTwoColumn .leaderCell .leaderVideo {
	position:relative;
	float:left;
	width:100%;
}
.leaderTwoColumn .leaderCell .leaderVideo .leaderPlay {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background:rgba(240, 171, 0, .2);
	text-align:center;
	margin:auto;
}
.leaderTwoColumn .leaderCell .leaderVideo .leaderPlay img {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:70px;
	margin:auto;
}
.leaderTwoColumn .leaderCell .leaderContent {
	width:90%;
	padding:20px 5% 10px;
	font-size:28px;
	font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
	line-height: 32px;
	color:#fff;
	float:left;
	font-weight: normal;
}
html.ch-font .leaderTwoColumn .leaderCell .leaderContent {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .leaderTwoColumn .leaderCell .leaderContent {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.leaderTwoColumn .leaderCell .leaderContent .leaderDetail {
	width:170px;
	float:right;
	font-size:24px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding:2px 0;
	color:#f0ab00;
}
html.ch-font .leaderTwoColumn .leaderCell .leaderContent .leaderDetail {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .leaderTwoColumn .leaderCell .leaderContent .leaderDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.leaderTwoColumn .leaderCell .leaderContent .leaderDetail span {
	width:100%;
	float:left;
	font-size:14px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color:#fff;
}
html.ch-font .leaderTwoColumn .leaderCell .leaderContent .leaderDetail span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .leaderTwoColumn .leaderCell .leaderContent .leaderDetail span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.leaderTwoColumn .leaderCell .leaderLogo {
	position:absolute;
	top:0px;
	left:0px;
	width:23%;
}
/************************************** Manifesto Component Css ***************************************************/

.manifestoMobile {
	display:none;
	width: 100%;
	height: 100%;
}
.manifestoDesktop {
	display: block;
	width: 100%;
	/*height: 100%;*/
}
.imageBoxFlip {
	height: 100%;
}
.flipBlock .positionClass {
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
.flip-button {
	-webkit-perspective: 1000;
	perspective: 1000;
	width:33.2%;
	float:left;
	position:relative;
	height: 300px;
	opacity:.9;
	border-bottom:0px;
	border-right:0px;
	overflow: hidden;
}
.flipContainer {
	width:100%;
	display:table;
	height:100%;
	float:left;
    margin-top: 15px;
}
.manifestoBlock {
	padding:8% 15px 2% 15px;
	position:relative;
	height:90%;
	cursor:pointer;
}
.manifestoBlock .manifestoHeading {
	padding:10px 5% 5px;
	font-size: 18px;
	line-height: 22px;
	color: #f7a804;
	float: left;
	width: 90%;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	text-align: center;
}
html.ch-font .manifestoBlock .manifestoHeading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .manifestoBlock .manifestoHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.manifestoBlock .manifestoTitle {
	padding:10px 0px 0;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	float: left;
	width: 100%;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	text-align: center;
}
html.ch-font .manifestoBlock .manifestoTitle {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
html.ar-font .manifestoBlock .manifestoTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.manifestoBlock .manifestoDescription {
	padding:15px 0px 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	float: left;
	width: 100%;
	font-family:"BentonSansRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	text-align: center;
}
html.ch-font .manifestoBlock .manifestoDescription {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .manifestoBlock .manifestoDescription {
	font-family: Arial, Helvetica, sans-serif;
}
.manifestoBlock .manifestoIcon {
	width:100%;
	float:left;
	text-align:center;
}
.manifestoBlock .flipIcon {
	font-family: "BentonSansLight", Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	position: absolute;
	bottom: 15px;
	text-align: center;
	clear: both;
	margin: auto;
	left: 0;
	color:#f7a804;
	right: 0;
}
html.ch-font .manifestoBlock .flipIcon {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .manifestoBlock .flipIcon {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.manifestoMobile .slick-dots {
	left: 0px;
	bottom: 0;
	right: 0px;
}
.manifestoBlock .flipIcon img {
	display:none;
}
.manifestoBlock .flipIcon span {
	display:block;
	cursor:pointer;
	font-weight:bold;
}
.manifestoBlock .flipIcon span:hover {
	color:#fff
}
.flipBlock {
	width:100%;
	display:table-cell;
	/*vertical-align:middle;*/
}
.border-bottom-right {
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
.border-right {
	border-right:1px solid #fff;
}
.border-bottom {
	border-bottom:1px solid #fff;
}
article.flip-button:nth-child(3) {
border-right: 0px;
}
article.flip-button:nth-child(4) {
border-bottom: 0px;
}
article.flip-button:nth-child(5) {
border-bottom: 0px;
}
article.flip-button:nth-child(6) {
border-bottom: 0px;
border-right: 0px;
}
article.flip-button:nth-child(7) {
border-bottom: 0px;
border-right: 0px;
}
.flip-button .back, .flip-button .front {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	position: absolute;
	width: 100%;
	height: 100%;
	padding:0%;
	float:left;
	text-align:center;
	margin:auto;
}
.flip-button .back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	background:#052950;
}
.flip-button .front {
	-webkit-transform: rotateY(0deg);
	z-index: 2;
	background:#05366a;
}
.flip-button.hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip-button.hover .front {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/**************************/

.billboardTwoLogos {
	display:table;
	max-width: 960px;
	margin: 0px auto;
	height: 100%;
}
.customBillbordTwoLogos {
	display:table-cell;
	max-width: 960px;
	margin: 0px auto;
	height: 100%;
	vertical-align: middle;
}
.commonHero.sectionContent.bg-gray .billboardTwoLogosTitle {
	display: block;
}
.billboardTwoLogosTitle {
	display: none;
}
/************************** Billboard Overley *************************/

.billboardOverlayContent {
	padding: 30px 20px 30px 30px;
	background: rgba(255, 255, 255, 0.93);
	width:440px;
	margin-top: 8%;
	float:left;
}
.billboard.section .positionClass .billboardOverlayContent ul {
	max-width: 360px;
}
.billboard.section .positionClass .billboardOverlayContent ol {
	max-width: 360px;
}
.billboardleft.section .positionClass .billboardOverlayContent ul {
	max-width: 360px;
}
.billboardleft.section .positionClass .billboardOverlayContent ol {
	max-width: 360px;
}

.billboardOverlay .billboardOverlayHeading {
	margin-bottom:15px;
	font-size:30px;
	color:#000;
	line-height:36px;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .billboardOverlay .billboardOverlayHeading {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansMedium, Arial, Helvetica, sans-serif;
}
html.ar-font .billboardOverlay .billboardOverlayHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.billboardOverlay p {
	line-height:22px;
}
.billboardOverlay .LinkReadmore {
	padding-top:20px;
	text-align:left;
}
.billboardOverlay .LinkReadmore a {
	font-size:14px;
}
/**************************** Categories List ************************************/


.categoriesList {
	max-width:510px;
	margin:40px auto 80px;
}
.categoriesList span:first-child {
	border-top: 1px solid #ccc;
}
.categoriesList span {
	width: 100%;
	float: left;
	padding: 18px 0px;
	border-bottom: 1px solid #ccc;
	font-size:24px;
	line-height:24px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html.ch-font .categoriesList span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
}
html.ar-font .categoriesList span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.categoriesList span a {
	color:#f0ab00
}
.categoriesList span a:hover {
	color:#999999 !important;
	text-decoration:none;
	font-weight: normal;
	box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #999999
}
/**********************************Grid View Css Added by Himesh 13 Sept 2016 ********************************************************/

.gridViewContainer {
	max-width:960px;
	margin:0px auto;
	position:relative;
}
.gridViewContainer .gridBox {
	width: 33.333%;
	float: left;
	padding:0px;
	list-style: none;
}
.gridViewContainer .gridBox .gridBoxHolder {
	box-shadow: 0px 2px 3px #ccc;
	background: #fff;
	float: left;
	width: auto;
	margin: 0px 10px 22px;
	display: block;
	border-bottom: solid 0px #fff;
	max-width:300px;
	cursor:pointer;
}
/*.gridViewContainer .gridBox .gridBoxHolder:hover {
	border-bottom: solid 3px #0095ce
}
.gridViewContainer .gridBox .gridBoxHolder.selected {
	border-bottom: solid 3px #0095ce
}*/
.gridViewContainer .gridBox .gridBoxImage {
	position: relative;
}
.gridViewContainer .gridBox .leaderDetail {
	width:100%;
	float: left;
	padding: 0px;
	position:absolute;
	display:block;
	background: rgba(254, 254, 254, .8) url(/etc/designs/sapuid/images/leader-down-arrow-new.png) bottom center no-repeat;
	box-shadow: 0px -70px 70px rgba(0, 0, 0, 0.2);
	bottom:0px;
	min-height:100px;
	left:0px;
}
.gridViewContainer .gridBox .leaderDetail .leaderDetailDescription {
	padding: 15px 10px 15px 0px;
	width: calc(100%-10px);
	display: table;
}
/*.gridViewContainer .gridBox .gridBoxHolder.selected .leaderDetail {
	background:url(/etc/designs/sapuid/images/leader-up-arrow.png) 97% center no-repeat;
	background-size:15px;
	display: table;
}*/
.gridViewContainer .gridBox .leaderDetail .leaderIcon {
	height: 70px;
	width: 70px;
	color: black;
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.gridViewContainer .gridBox .leaderDetail .leaderIcon img {
	float: left;
	width:100%;
	max-width: 70px;
	max-height: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
}
.gridViewContainer .gridBox .leaderDetail .leaderName {
	text-align: left;
	font-size: 24px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 26px;
	padding-left: 30px;
	/* padding-right: 23px; */
    /* display: table-cell; */
    vertical-align: top;
}
html.ch-font .gridViewContainer .gridBox .leaderDetail .leaderName {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
html.ar-font .gridViewContainer .gridBox .leaderDetail .leaderName {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.gridViewContainer .gridBox .leaderDetail .leaderName span {
	float: left;
	width: 100%;
	padding-left:0px;
	text-align: left;
	padding-top:7px;
	padding-bottom:2px;
	font-size: 16px;
	line-height: 22px;
	font-family: "BentonSansBook", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#666;
}
html.ch-font .gridViewContainer .gridBox .leaderDetail .leaderName span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBook, Arial, Helvetica, sans-serif;
}
html.ar-font .gridViewContainer .gridBox .leaderDetail .leaderName span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*************************/
.gridViewContainer .gridBox .expandGridBox {
	width: 940px;
	margin:0px;
	float: left;
	background: #fff;
	left: 0px;
	top: 0px;
	right: 0px;
	color: #fff;
	position: relative;
	/*box-shadow: 0px 2px 5px #ccc;*/
	margin-bottom: 20px;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxImage {
	position:relative;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxImage .leaderPlayBtn {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:70px;
	height:70px;
	margin: auto;
}
.gridViewContainer .gridBox .expandGridBox .leaderCrossBtn {
	position: absolute;
	right:20px;
	top:20px;
	width:50px;
	height:50px;
	float:right;
	z-index:99;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxImage .leaderCrossBtn img {
	width:100%;
}
.gridViewContainer .gridBox .expandGridBox .videoaLeftContainer {
	width: 66%;
	float: left;
	overflow: hidden;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent {
	width: 30%;
	margin: 0px;
	float: left;
	padding: 25px 2% 10px;
	color: #fff;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandGridBoxDec {
	font-size: 24px;
	line-height:36px;
	font-family: "BentonSansLight", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#666;
	padding:0px 0px 10px 0px;
}
html.ch-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandGridBoxDec {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansLight, Arial, Helvetica, sans-serif;
}
html.ar-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandGridBoxDec {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName {
	float: left;
	text-align: left;
	padding-top: 0px;
	font-size: 24px;
	line-height:36px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#000;
}
html.ch-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName small {
	width:80px;
	height:5px;
	background:#eeeeee;
	float:left;
	margin-bottom: 10px;
	display:none;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName span {
	float: left;
	width: 100%;
	padding-left:0px;
	text-align: left;
	padding-top:3px;
	font-size: 12px;
	line-height:18px;
	font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#666666;
}
html.ch-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName span {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ar-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .leaderBtn {
	float:left;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .leaderBtn a {
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	/*background:#0095ce;*/
border:0px;
	color:#fff;
	font-size: 18px !important;
	line-height:25px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	padding:8px 20px;
	margin: 20px 0px 0px 0;
	display:inline-table;
	cursor: pointer;
}
html.ch-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .leaderBtn a {
	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
}
html.ar-font .gridViewContainer .gridBox .expandGridBox .gridBoxContent .leaderBtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.gridViewContainer .gridBox .expandGridBox .gridBoxContent .leaderBtn a:hover {
	box-shadow: 0px 1px 6px #ccc;
	text-decoration:none;
	color:#fff;
}
.gridViewContainer .gridBox .gridBoxHolder.selected .leaderDetail .arrowDown {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f0f4f5;
	position: absolute;
	display: block;
	bottom: -24px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.gridViewContainer .expandGridBox .videoPlayButton {
	width: 100%;
	height: auto;
	float: left;
	top: 0;
	left: 0;
	position: relative;
	z-index: 10;
	right: 0;
	bottom: 0;
	margin: auto;
}
.liquidColumnBlock.bricks3Column .commonBrick:hover {
	background:#f9f9f9;
}
.wideSection .liquidColumnBlock.bricks3Column .commonBrick:hover {
	background:transparent;
}
.liquidColumnBlock.bricks2Column .commonBrickMargin {
	padding-left: 30px;
	padding-right: 30px;
	background-color: #f9f9f9;
}
.liquidColumnBlock.bricks3Column .commonBrickMargin {
 padding-left: 30px%;
 padding-right: 30px%;
	background-color: #f9f9f9;
}
.liquidColumnBlock.bricks4Column .commonBrickMargin {
 padding-left: 30px%;
 padding-right: 30px%;
	background-color: #f9f9f9;
}
.hrDiv {
	display:none;
}
/*****************************************************************************************************************************/

.dualLogo {
	text-align: center;
	padding-bottom: 20px;
	margin: auto;
	display:table;
}
.dualLogo span {
	display: table-cell;
	vertical-align: middle;
	padding:0 35px
}
.dualLogo span:last-child {
	display: table-cell;
	vertical-align: middle;
	border-left:1px solid #ccc;
}
.dualLogo span:first-child {
	display: table-cell;
	vertical-align: middle;
	border-left:0px solid #ccc;
}
.dualLogo img {
	display: table-cell;
	vertical-align: middle;
}
.dualLogo a {
	display: table-cell;
	vertical-align: middle;
}
/********************************** Digital Blur Grid with multi column ***********************************************/

.wideSection {
	width:100%;
	float:left;
}
.wideSection .centerBlock {
	width:100%;
	max-width:1920px;
	margin:0px;
}
.liquidColumnBlock .centerBlock {
	width:100%;
	max-width:1920px;
	margin:0px;
}
.wideSection .commonHeroRelative {
	position: relative!important;
}
.liquidColumnBlock {
	float:left;
	max-width:1920px;
	display:table;
	width: 100%;
	margin-top: -1px;
	margin-bottom: -1px;/*background:#000;*/
}
.liquidColumnBlock .commonBrick {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	overflow:hidden;/*display: inline-block;*/
}
.wideSection .liquidColumnBlock {
	max-width: 100%;
}
.wideSection .centerBlock {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	overflow: hidden;
}
.liquidColumnBlock .commonBrick>div {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.liquidColumnBlock.bricks2Column .commonBrick>div {
	border-right:2px solid transparent;
}
.liquidColumnBlock .commonBrick:first-child>div {
	border-left:1px solid transparent;
}
.liquidColumnBlock .commonBrick:last-child>div {
	border-right:1px solid transparent;
}
.liquidColumnBlock.bricks4Column .commonBrick {
	width:25%;
	float:left;
}
.liquidColumnBlock.bricks3Column .commonBrick {
	width:33.333%; /*float:left;*/
}
.liquidColumnBlock.bricks2Column .commonBrick {
	width:50%; /*float:left;*/
	box-sizing: border-box;
}
.liquidColumnBlock.bricks2Column .commonBrick>div {
	border-left: 0px;
	border-right: 0px;
}
.liquidColumnBlock.bricks4Column .commonBrick .img100 {
	width:auto;
}
.border2Column {
/*border-bottom: 2px solid #fff;*/
}
.border2Column .commonBrick {
	border-left: 1px solid #fff;
	display: table-cell;
}
.border2Column .commonBrick:first-child {
	border-right: 1px solid #fff;
	border-left: 0px;
}
.liquidColumnBlock.bricks3Column .commonBrick>div {
	border:0px
}
.border3Column .commonBrick {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: table-cell;
}
.border3Column .commonBrick:first-child {
	border-left: 0px solid #fff;
}
.border3Column .commonBrick:last-child {
	border-right: 0px solid #fff;
}
.border3Column .commonBrick:last-child {
/*border-right: 1px solid transparent;*/
}
.liquidColumnBlock.bricks4Column .commonBrick>div {
	border: 0px;
}
.border4Column .commonBrick {
	float: none!important;
	display: table-cell;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.border4Column .commonBrick:first-child {
	border-left: 0px;
}
.border4Column .commonBrick:last-child {
	border-right: 0px;
}
.showTopMargin {
	border-top: 2px solid #fff;
}
/*BLUR*/
.liquidColumnBlock .commonBrick:hover .brickImage img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	-o-filter: blur(12px);
	filter: blur(12px);
	opacity : 0.7;
	-webkit-filter: blur(15px);
	filter: blur(15px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_0 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(12px);
	-webkit-filter: blur(0px);
	filter: blur(0px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_1 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	opacity : 0.9;
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_2 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	opacity : 0.8;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_3 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-ms-filter: blur(7px);
	-o-filter: blur(7px);
	filter: blur(7px);
	opacity : 0.7;
	-webkit-filter: blur(7px);
	filter: blur(7px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_4 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(9px);
	-moz-filter: blur(9px);
	-ms-filter: blur(9px);
	-o-filter: blur(9px);
	filter: blur(9px);
	opacity : 0.6;
	-webkit-filter: blur(9px);
	filter: blur(9px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_5 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(11px);
	-moz-filter: blur(11px);
	-ms-filter: blur(11px);
	-o-filter: blur(11px);
	filter: blur(11px);
	opacity : 0.5;
	-webkit-filter: blur(11px);
	filter: blur(11px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_6 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	-o-filter: blur(12px);
	filter: blur(12px);
	opacity : 0.7;
	-webkit-filter: blur(15px);
	filter: blur(15px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_7 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-ms-filter: blur(15px);
	-o-filter: blur(15px);
	filter: blur(15px);
	opacity : 0.3;
	-webkit-filter: blur(15px);
	filter: blur(15px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_8 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(17px);
	-moz-filter: blur(17px);
	-ms-filter: blur(17px);
	-o-filter: blur(17px);
	filter: blur(17px);
	opacity : 0.2;
	-webkit-filter: blur(17px);
	filter: blur(17px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick:hover .brickImage_9 img {
	-liquidColumnBlcok-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: blur(50px);
	-moz-filter: blur(50px);
	-ms-filter: blur(50px);
	-o-filter: blur(50px);
	filter: blur(50px);
	opacity : 0.2;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	-webkit-transition: filter 1s;
	transition: filter 1s;
}
.liquidColumnBlock .commonBrick .brickImage {
	position:relative;
}
.liquidColumnBlock .commonBrick .brickContent {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	width:90%;
	padding:0px 5%;
	height:100%;
	display:block;
	text-align: center;
	/*font-size:40px;
	line-height:50px;*/
	color:#fff;/*font-family: BentonSansLight, Arial, Helvetica, sans-serif;*/
}
.liquidColumnBlock .commonBrick .brickContent a:hover {
	text-decoration:none;
}
.liquidColumnBlock .commonBrick .brickContent .brickTable {
	display:table;
	width:100%;
	text-align:center;
	height: 100%;
}
.liquidColumnBlock .commonBrick .brickContent .brickCell {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
}
.liquidColumnBlock .commonBrick .brickImage img {
	width: 100%;
}
.liquidColumnBlock.bricks2Column .commonBrick .positionClass {
	padding:10px 0px;
}
/***********************************************/

.leaderHeroBlock.customMultiPartner {
	padding-bottom:80px;
}
.leaderHeroBlock.customMultiPartner ul.leadersList .articleBox {
	text-align:left;
}
.leaderHeroBlock.customMultiPartner ul.leadersList .articleBox img {
	display: initial;
	margin-bottom:10px;
}
.slick-slide .customTextBlockImage img {
	display: inline;
	margin-bottom:10px;
	margin-top:10px;
}
.parbase.textBlockImage.section {
	height: 100%;
}
.parbase.textBlockImage.section .customTextBlock {
	height: 100%;
}
.customTextBlockImage {
	padding-bottom: 70px;
	float: left;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}
.customTextBlockImage .positionClass {
	vertical-align: middle;
	display: table-cell;
}
.customTextBlockImage div {
	padding: 0 0 10px 0px;
}
.customTextBlockImage img {
	display: initial;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.leaderHeroBlock.customMultiPartner .positionClass .LinkReadmore {
	padding: 0px 0px 0;
}
/********************* Arrow and Sticker *****************************/

.sticker-down {
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #fff;
	position: absolute;
	top: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}
.sticker-up {
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
	position: absolute;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}
.sticker-left-top {
	width: 0;
	height: 0;
	border-left: 110px solid #fff;
	border-top: 0px solid transparent;
	border-bottom: 125px solid transparent;
	position: absolute;
	top: 0px;
	margin: auto;
	left: 0px;
}
.sticker-left-bottom {
	width: 0;
	height: 0;
	border-left: 110px solid #fff;
	border-top: 125px solid transparent;
	border-bottom: 0px solid transparent;
	position: absolute;
	bottom: 0px;
	margin: auto;
	left: 0px;
}
.sticker-right-top {
	width: 0;
	height: 0;
	border-right: 110px solid #fff;
	border-top: 0px solid transparent;
	border-bottom: 125px solid transparent;
	position: absolute;
	top: 0px;
	margin: auto;
	right: 0px;
}
.sticker-right-bottom {
	width: 0;
	height: 0;
	border-right: 110px solid #fff;
	border-bottom: 0px solid transparent;
	border-top: 125px solid transparent;
	position: absolute;
	bottom: 0px;
	margin: auto;
	right: 0px;
}
/***********************************/

.dbLogoImage {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}
.dbLogoImage img.dblogo {
	display:block;
	margin: auto;
}
.dbLogoImage img.dblogoHover {
	display:none;
	margin: auto;
}
.dbLogoImage:hover img.dblogo {
	display:none;
	margin: auto;
}
.dbLogoImage:hover img.dblogoHover {
	display:block;
	margin: auto;
}
.customTextBlock.hoverMagenta a:hover {
	color: #820775;
}
/***********AccordianBlock ********************/

.accordianBlock .innertab p {
    font-size: 16px;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
    color: #000;
}

.accordianBlock .innertab ul {
    padding-left: 35px;
}

.accordianBlock .innertab .lineseparatorinner{
	padding-left: 48px;
}

.accordianBlock .innertab ul li {
    font-size: 16px;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 34px;
}
.accordianCont.topnestedinrtab {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
.accordianCont.nestedinrtab {
	padding: 0px 0 0px 3% !important;
	margin: 0px !important;
	width: 97% !important;
	float: left;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .accordianCont.nestedinrtab .expandTitle span {
	font-size: 15px;
	line-height: 22px;
	background-size: 17px;
	color:#666;
	background-position: 2px 2px;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .accordianCont.nestedinrtab .expandTitle span:hover {
	background-size: 17px;
	background-position: 2px -135.6px;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .accordianCont.nestedinrtab .expandTitle {
	padding: 14px 0px;
	background: rgb(255, 255, 255);
	border-top: solid 1px #d6d6d6;
    margin-top: 0;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .pClass {
	padding: 20px 22px;
	width: 95%;
    padding-left: 0;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .innertab .pClass {
	padding: 20px 47px;
	width: 90%;
}
.nestedinrtab .pClass {
	padding: 20px 22px;
	width: 95%;
}
.accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .customAccTable .pClass {
	padding: 0px;
}
.accordianBlock .accnodata a:hover {
	text-decoration: none;
	cursor: text;
}
.accordianBlock {
    width:100%;
	padding: 20px 0px;
	margin: auto;
	float: left;
}
.accordianBlock .accordianTitle {
    font-size: 30px;
    color: #000;
    padding: 3px 0px 10px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-family: BentonSansLight, Arial, Helvetica, sans-serif;
    font-weight: normal;
    float: left;
}
.accordianBlock .expandall {
	float: right;
	font-size: 13px;
	padding-bottom: 5px;
}
.accordianBlock .collapseall {
	float: right;
	font-size: 13px;
	padding-bottom: 5px;
}
.accordianBlock .expandTitle {
    background: rgb(255, 255, 255);
    margin: 0;
    float: left;
    width: 100%;
    padding: 19px 0px;
    /* border-top: solid 1px #d6d6d6; */
    -webkit-box-shadow: 0 1px 15px 1px #000;
    box-shadow: 0 5px 12px -3px #cecece;
    margin-top: 22px;
}
.accordianBlock .expandTitle a {
	display: block;
}
.accordianBlock .expandTitle span {
	font-family: BentonSansBook, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    padding: 0px 30px;
    /* margin-left: 20px; */
    background: url(/etc/designs/sapuid/images/support-arrow-down.png) no-repeat right 10px;
    display: inline-block;
    width: calc(100% - 80px);
}
.accordianBlock.nestedAccordinBlock .expandTitle span {
	 background: url(/etc/designs/sapuid/images/acoordian-arrow.png) no-repeat left 0px;
     margin-left: 20px;
}
.accordianBlock .accnodata span {
	background: transparent !important;
	text-decoration: none !important;
	cursor: text;
    padding-left: 0;
}

.expandTitle.accordionActive {
    background: rgba(255, 255, 255);
    box-shadow: none;
}
.accordianBlock .accordionActive span {
    background: url(/etc/designs/sapuid/images/support-arrow-up.png) no-repeat right center;

}
.accordianBlock .innertab {
    height: 100%;
    width: 100%!important;
    float: left;
    padding: 0px!important;
    margin: 0px!important;
    background: rgba(245, 245, 245, 0.8);
}
.accordianBlock.nestedAccordinBlock .accordianBlock .innertab {
	/*background: #fff;*/
    box-sizing: border-box;
}
.accordianBlock .pClass {
    height: 100%;
    width: auto;
    float: left;
    padding: 10px 25px 20px 30px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
}
.accordianBlock.nestedAccordinBlock .accordianBlock {
	padding: 0px;

}
.accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab {
	padding: 0px 0 0px 0 !important;
	margin: 0px !important;
	width: 100% !important;
	float: left;
}
.accordianBlock .returnTop {
    float: right;
    width: auto;
    text-align: right;
    border-top: 0px solid #d6d6d6;
    margin-top: 20px;
}
.customAccTable {
	padding: 20px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}
.customAccTable table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #efefef;
}
.customAccTable td {
	font-weight: normal;
	text-align: left;
	font-size: 13px;
	color: #444;
	border: 0px;
	padding: 5px 10px;
}
.customAccTable tr:nth-of-type(even) {
 background: rgb(244, 244, 244);
 border-top: solid 1px #d6d6d6;
}
.pClass.AccBlockRight {
	float: left;
	width: 90%;
	padding: 25px 5%;
}
.pClass.AccBlockRight img {
	float: right;
	margin:0px 0px 10px 20px;
	max-width:400px;
}
.pClass.AccBlockLeft {
	float: left;
	width: 90%;
	padding: 25px 5%;
}
.pClass.AccBlockLeft img {
	float: left;
	margin:0px 20px 10px 0px;
	max-width:400px;
}
 .jwplayer:not(.jw-state-buffering):not(.jw-state-complete) .jw-display-icon-container {
 transition: background-color .4s;
 background-color:transparent;
 border:2px solid #fff;
}
 .jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering):not(.jw-state-complete) .jw-display-icon-container:hover, .jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering):not(.jw-state-complete) .jw-media:hover ~ .jw-controls .jw-display-icon-display {
 background-color:transparent;
}
.jw-skin-seven .jw-display-icon-container > .jw-icon {
	color: white;
}
.jw-controlbar {
	background-color: rgba(33, 33, 33, .4) !important;
}
.jwplayer .customcta {
	position:absolute;
	right:50px;
	bottom:40px;
	max-width:250px;
	background:#008fd3;
	font-size:13px;
	line-height:18px;
	display:none;
}
.jwplayer .customcta a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px 15px;
}
.jwplayer .customendcta {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	display: block;
}
.jwplayer .customendcta .customEndData {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align:middle;
	color:#FFF;
    position: relative;
    z-index: 1;
}
.jwplayer .customendcta .customEndData .customEndDataWrapper{
	vertical-align:middle;
    display:table-cell;
    padding: 0px 25px;

}
.jwplayer .customendcta .linkButton {
	padding: 7px 14px 7px 14px;
	margin: 0px 0px 0px 0;
    width:auto;
}
.jwplayer .customendcta .customClose {
	width: 20px;
	height: 0;
	float: right;
	line-height: 25px;
	font-weight: normal;
	font-size: 20px;
	font-stretch: semi-expanded;
}
.jwplayer {
    width: 100%!important;
}
.commonHeroRelative .livevideostream .lvsOuterWrapper {
    background-color: #000000;
    margin: -30px 0px -30px 0px;
}
.livevideostream .lvsOuter {
	max-width:1100px;
	position:relative;
	margin:0 auto;
}
.livevideostream .close-btn {
    position: absolute;
    top: 10px;
    right: 6px;
    display: none;
    text-align: center;
    min-width: 26px;
}
.livevideostream .close-btn .icon-close {
    background: rgba(0,0,0,.3) url(/etc/designs/digitalmicrosite/images/lvsvideo-close.png) no-repeat center center;
    width: 17px;
    height: 17px;
    display: block;
    background-size: 11px;
    border-radius: 15px;
    padding: 4px;
}
.livevideostream a.linkBlueText {
	color: #008fd3;
	font-size: 15px;
}
.livevideostream a.linkBlueText span {
	color: #008fd3;
	background:none;
	padding-left:0px;
	padding:0px;
}
.livevideostream a.linkWhiteText {
	color: #fff;
	font-size: 15px;
}
.livevideostream a.linkWhiteText span {
	color: #fff;
	background:none;
	padding-left:0px;
	padding:0px;
}
.livevideostream .customTextBlock {
	height: 100%;
	display: table;
	width: 100%;
}
.livevideostream {
	height: 100%;
}
.livevideostream .customTextBlock .positionClass {
	/*display: table-cell;
	height: 100%;*/
    width:85%;
}
 @media screen and (min-width:0\0) {
 // IE9+ CSS  .customFastFacts sup {
 font-size:115%!important;
 top:0px;
}
 html.ch-font .customFastFacts sup {
 font-size:115%;
 top:0px;
}
 html.ar-font .customFastFacts sup {
 font-size:115%;
 top:0px;
}
 .customFastFacts.Heading1 sup {
 font-size:115%!important;
 top:0px;
}
 .customFastFacts.Heading2 sup {
 font-size:115%!important;
 top:0px;
}
 .customFastFacts.Heading3 sup {
 font-size:115%!important;
 top:0px;
}
 .customFastFacts.Heading4 sup {
 font-size:115%!important;
 top:0px;
}
}
.centerImage {
	text-align:center;
	padding-bottom:10px;
}
.wideSection {
	width:100%
}
.wideSection .gridViewContainer {
	max-width:100%
}
.wideSection .gridViewContainer .gridBox .gridBoxHolder {
	max-width: 95%;
	width: 100%;
}
.wideSection .gridViewContainer .gridBox .gridBoxHolder img {
	width:100%;
}
.wideSection .gridViewContainer .gridBox .expandGridBox .gridBoxContent {
	/*width: 50%;*/
    width: 42%;
}
.wideSection .gridViewContainer .gridBox .expandGridBox .videoaLeftContainer {
	width: 46%;
	/*margin:1%;*/
    margin:15px 0px 15px 15px;
}
.wideSection .gridViewContainer .gridBox .expandGridBox {
	/* padding:15px;*/
  background: #f0f4f5;
}
.wideSection .gridViewContainer .gridBox .expandGridBox .gridBoxContent .expandLeaderName {
	width:100%;
}
.twoColumnBox .positionClass {
	padding:0px;
}
.motion-band-wrap {
	width: 12%;
	float: right;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0px;
    display:none;
}
.motion-band-wrap .motionBand {
	width:100%;
	height:100%;
    display:none;
}
.motionBand .part1, .motionBand .part2, .motionBand .part3 {
	display: inline-block;
	height: 100%;
	width: 33.3333%;
	vertical-align: top;
	float:left;
}
.motionBand .part1 {
	opacity: .4;
}
.motionBand .part2 {
	opacity: .7;
}
.motionBand .part3 {
	opacity: 1;
}
.expandText {
	text-align:center;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#0076cb;
}
.expandLeaders {
	width:100%!important;
}
.expandText a {
	text-decoration:none;
}
.expandTextMobile {
	text-align:center;
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#0076cb;
}
.expandTextMobile a {
	text-decoration:none;
}
.expandImage {
	background: url(/etc/designs/sapuid/images/arrow-down.png) no-repeat bottom center;
	height: 15px;
	width:100%!important;
}
.collapseImage {
	background: url(/etc/designs/sapuid/images/arrow-up.png) no-repeat top center;
	height: 15px;
	width:100%!important;
}
.customCallus {
	display:none;
}
.customLeadersNew .leadersMobileView {
	display:none;
}
.customLeadersNew .leadersDesktopView {
	display:block;
}
.storiesContainer .centerBlock {
	/*max-width: 1240px;*/
}

.storiesContainer .centerBlock960 {
    max-width: 960px;
}

.livevideostream .centerBlock {
    max-width: 1240px;
}
.customLiveVideoStream{
display: table-cell;
    vertical-align: middle;
}

.inline-play-static img{
	position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}


/******Start Tab ********************/

.tablecarousel .slick-slider .linkButton{
	margin-top:32px;
}

.tabcarouselitems{
   width:100%;
   display:inline-block;
   border-bottom: 1px solid #cccccc;
   min-height: 31px;
}
.tabcarouselitems li{
    float:left;
    padding-right:40px;
    list-style:none;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    font-size:18px;
} 
.tabcarouselitems li a{
    color:#333333;
    }
.tabcarouselitems li a span{
    padding-bottom: 10px;
    margin-bottom: -1px;
    float: left;
}
.tabcarouselitems li a span.active {
    border-bottom: 3px solid #0090d9;
    color: #0090d9;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
}



.sap-business-table{
	max-width:975px;
	width:100%;
	margin:0px auto;
}
.sap-business-table .sap-business-coloumn{
	width:33.333%;
	float:left;
}
.coloumn-bg-dark-gray{
	background-color: #333333;
    /*padding: 10px 0px;
	border: 1px solid #4a4a4a;
    */
    text-align: center;
	color:#fff;
    border-top: 0px;
}
.coloumn-bg-dark-gray .border-line{
    float: left;
    width: 2px;
    height: 18px;
    background-color: #989898;
    margin-top: 16px;
}

.sap-business-table .sap-business-coloumn:first-child>.coloumn-bg-dark-gray>.border-line {
    width: 0px;
}

.coloumn-bg-dark-gray h4{
	/*border-right:2px solid #979797;*/
	display: inline-grid;
    border-top: 4px solid #333333;
    font-size: 18px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
}
.coloumn-bg-light-gray{
	background-color:#f4f4f4;
}
.coloumn-normal
{
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
    padding: 10px 15px;
    text-align: center;
	display: flex;
}
.coloumn-left-content{
	width:60%;
	text-align:left;
}
.coloumn-right-content{
	width:40%;
	text-align:right;
}

/********************/

.sap-business-table{
	max-width:975px;
	width:100%;
	margin:0px auto;
}
.sap-business-table .sap-business-coloumn{
	width:33.333%;
	float:left;
}
.coloumn-bg-dark-gray{
	background-color: #333333;
    /%padding: 15px 0px;%/
    text-align: center;
	color:#fff;
    min-height:56px;
}
.coloumn-bg-dark-gray h4{
	/*border-right:2px solid #979797;*/
	display: inline-grid;
   /* padding: 15px 0px;*/
}
.coloumn-bg-dark-gray h4 a{
    color:#efefef;
    padding: 15px 0px;
    text-decoration: none;
    display:block;

    }
.coloumn-bg-light-gray{
	background-color:#f4f4f4;
}
.coloumn-normal
{
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
    padding: 10px 15px;
    text-align: center;
	display: flex;
}
.coloumn-left-content{
	width:60%;
	text-align:left;
}
.coloumn-right-content{
	width:40%;
	text-align:right;
}

.sap-business-table .sap-business-coloumn ul li{
    padding: 10px;
    border: 1px solid #cccccc;
    border-top: 0px;
    list-style: none;
    color:#999999;

        }
.sap-business-table .sap-business-coloumn ul li span{
    float:right;
}
.sap-business-table .active h4{
    border-top: 4px solid #edaa1e;
}

.sap-business-table .active ul li{
    color:#000;
}

.sap-business-table .active h4 a {
    color: #eeaa1f;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
        }
.tablecarousel .slick-slider .slick-prev {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_left.png) no-repeat center center!important;
    float: left;
    left: -70px;
    background-size: 40px;
}
.tablecarousel  .slick-slider .slick-next {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_right.png) no-repeat center center!important;
    float: right;
    right: -70px;
    background-size: 40px;
}
.tablecarousel .slick-slider .slick-prev:hover {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_left.png) no-repeat center center!important;

}
.tablecarousel  .slick-slider .slick-next:hover {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_right.png) no-repeat center center!important;

}

.tabcarousel .slick-slider{
padding: 40px 0px 0px;
    margin-bottom: 0px;
}
.tabcarousel .slick-slider .twoColumnBox .rightColumn{
padding: 0px;
}

.tabcarousel .slick-slider .slick-prev{
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_left.png) no-repeat center center;
    float: left;
    left: -50px;
    background-size: 40px;
}
.tabcarousel .slick-slider .slick-next{
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_right.png) no-repeat center center;
    float: right;
    right: -50px;
    background-size: 40px;
}

.tabcarousel .slick-slider .slick-prev:hover {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_left.png) no-repeat center center;

}

.tabcarousel .slick-slider .slick-next:hover {
    background: url(/etc/designs/sapuid/images/crousel_arrow_gold_right.png) no-repeat center center;

}
.tablecarousel .slick-dots li{
    width: 12px;
    height: 12px;
    background: #9b9b9b;
}
.tablecarousel .slick-dots{
    width:93%;
}
.tablecarousel .slick-dots .slick-active {
    background: transparent;
    border: 2px solid #eca91c;
}
.tablecarousel .slick-slider{
    padding:68px 15px 0px;     
}
.customMegaMenuImg .nav3Col{
    width:660px;
    /*padding: 35px 20px;*/
    padding: 30px 42px 5px 42px;

    }
.customMegaMenuImg .nav-block .nav-area li>a em{
    color: #fff;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
 }
.customMegaMenuImg .nav2Col{
   background: #ffffff;
   padding: 30px 42px 5px 42px;
 }



 .customMegaMenuImg .secondLevelTitle{
color:#323232;
}

.customMegaMenuImg .mainNavigation .drop-area.nav2Col .drop-wrapper .drop-holder>ul li>a em{
	color:#322332;
 }




.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li>a:hover em {
    text-decoration: underline;
    color: #eeaa1f!important;
}

.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a {

    float:none;
    display:inline-block;
    width:auto;

}

.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li a em {
    color: #000000!important;
 font-family: BentonSansBook, Arial, Helvetica, sans-serif; 
 font-size: 15px;  
    float:none;
    display:inline-block;

}
.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
    color: #323232!important;
    /*text-decoration: underline;*/
   font-size: 15px;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;

}
.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li> a:hover em {
    color: #eeaa1f!important;

}
.customMegaMenuImg .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li>a img{
    margin-bottom:15px;
}
.customMegaMenu .mainNavigation .drop-area.nav3Col .drop-wrapper .drop-holder>ul {
    text-align: center;
}



.multiplePartnerLogo .leaderHeroBlock.customMultiPartner ul.leadersList .articleBox{
     background: #ebebeb;
    height: 250px;
    padding: 0px;
    margin-bottom: 25px;
    display: table;
    }
.multiplePartnerLogo .leaderHeroBlock.customMultiPartner ul.leadersList .articleBox .partner {
    vertical-align: middle;
    display: table-cell;
 }  
.multiplePartnerLogo .leaderHeroBlock.customMultiPartner ul.leadersList .articleBox .partner img{
    margin:0px;
            }
.multiplePartnerLogo .leaderHeroBlock .leaderBox_3{
    max-width:970px;
    width:100%;
}
.multiplePartnerLogo .leaderHeroBlock .leaderBox_3 li{
padding: 0px;
 }
.multiplePartnerLogo .leaderHeroBlock.customMultiPartner .leaderBox_2 ul.leadersList .articleBox{
    height: 200px;
 }
.multiplePartnerLogo .leaderHeroBlock.customMultiPartner .leaderBox_4 ul.leadersList .articleBox{
    height: 225px;
 }
.multiplePartnerLogo .leaderHeroBlock.customMultiPartner .leaderBox_5 ul.leadersList .articleBox{
    height: 160px;
 }

.multiplePartnerLogo .leaderHeroBlock ul.leadersList { margin-top: 40px;}

.videoPromoStack .multiSpeakerContainer .speakerHeroBlock .articleBox {text-align:left;}

.videoPromoStack .multiSpeakerContainer .speakerHeroBlock .articleBox .positionClass {padding:0px 0px 0px 0px;}
.videoPromoStack .multiSpeakerContainer .speakerHeroBlock .columnHero .positionClass {padding:0px 15px 20px 15px;}

.videoTitleDuration .titleSection {float:left;width:82%;margin-right:10px;}
.videoTitleDuration .videoduration {float:right;color: #808080;}

.videoPromoStack .multiSpeakerContainer .linkButton {

    padding: 8px 14px!important;
}

.videoPromoStack .multiSpeakerContainer .articleImage {
    margin: 0 0 32px 0;
    min-height:auto;
}
.videoPromoStack .multiSpeakerContainer .articleImage img{
   position: relative;
}
.videoPromoStack .multiSpeakerContainer .articleBox .customBGColor .articleDetail, .videoPromoStack .multiSpeakerContainer .columnHero .customBGColor .articleDetail {padding-bottom:15px;}
.multiSpeakerContainer .articleBox .articleDetail, .multiSpeakerContainer .speakerHeroBlock .articleDetail{
padding-top: 12px;
}
.videoPromoStack .multiSpeakerContainer .articleBox .customBGColor .linkButton, .videoPromoStack .multiSpeakerContainer .columnHero .customBGColor .linkButton {margin-bottom:20px;}

.tablecarousel .slick-slider .slick-dots{padding-bottom:15px;}

.tablecarousel .slick-slider .slick-prev, .tablecarousel .slick-slider .slick-next{top:282px;}
.videoPromoStack .multiSpeakerContainer {
    /*padding: 0px 0px 20px;*/
    padding: 0px 0px 0px;
}

.simpletable {
    padding: 0px 20px;
}
.simpleTable table tr td{width:31%; padding-right:1%;}

.customMegaMenuImg .mainNavigation{
    float: left;
	padding-right:47px;
}

.countryFlag {display: inline-block;position: relative;top: 31px;left: -102px;float: right;}

.multiSpeakerContainer .speakerHeroBlock .articleBox .customerStoriesCols {
    padding-top: 68px;
}
.standardDesc{
    padding-top: 19px;
 }
.tablecarousel .standardDesc{
	padding-top: 12px;
}
.clear.padding-btm-62 {
    /*padding-bottom: 62px;*/
    padding-bottom: 28px;
}

.twocolumndiffwidth  .rightColumn .textBlock .customTextBlock {
    padding-top: 35px;
}
.removeRightPadding{
  padding-right:0px!important;
 }
.removeLeftPadding{
  padding-left:0px!important;
 }
.customerStoriesSingleCol .customTextBlock .articleDetail .standardDesc{
	/*padding-bottom: 20px;
    min-height: 90px;*/
    /*border: 1px solid #ff0000;*/
    padding-bottom: 20px;
    min-height: auto;
    padding-top: 6px;
}

.customerStoriesColsLogo .customTextBlock .articleDetail .standardDesc{
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 90px;
    /*border: 1px solid #fff000;   */             
    }
.customerStoriesSingleCol .articleDetail a{
     text-align: center;
    background: url(/etc/designs/sapuid/images/link_arrow_blue.png) right center no-repeat;
    padding-left: 0px;
    padding-right: 25px;
    color: #008fd3;
    line-height: 25px;
}
.customerStoriesCols .customTextBlock{
	padding: 0px 30px;
}
.videoPromoStack .multiSpeakerContainer .speakerHeroBlock .articleBox .customBGColor {
    min-height: 470px;
}

.contactdisclaimer{
display: table;
    position: relative;
    width: 100%;
        padding: 17px 0px;
}
.contactdisclaimer .leftColumn {
    display: table-cell;
     vertical-align: middle;
}
.contactdisclaimer .rightColumn{
    display: table-cell;
     vertical-align: middle;
}

.contactdisclaimer .leftColumn  .standardDesc {
    padding-top: 0px;
} 
.contactdisclaimer .rightColumn .standardDesc {
    padding-top: 0px;
} 
.contactdisclaimer .rightColumn .linkButton{
    margin-top:0px!important;
} 

.contactusdisclaimer h1{
	font-size:57px;
	color:#fff;
	float:left;
	width:100%;
	line-height:57px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	text-shadow: 0px 1px 10px #666;
}

.contactusdisclaimer h2 {
	font-size:30px;
	color:#e5a400;
	float:left;
	width:100%;
	line-height:37px;
	padding-top:7px;
	font-family: BentonSansBold, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	text-shadow: 0px 2px 10px #666;
}

.contactusdisclaimer h3 {
	font-size:20px;
	color:#7c7c7c;
	float:left;
	width:100%;
	line-height:30px;
	padding:10px 0px;
	font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
}

.contactusdisclaimer h7{
    font-size: 22px;
	font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-weight:normal;
    }

.tablecarousel .customerStoriesSingleCol .articleDetail .standardDesc {
    padding-top: 6px;
    min-height: auto;
}
.slick-initialized .slick-slide .videocarousel  .vidcarHeading{
    padding: 68px 0px 0px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.2px;
    color: #333333;
}
.tablecarousel .customerStoriesCols .articleBox .customTextBlock .positionClass{
    padding: 0px 0% 0px 0%!important;
}

.tablecarousel .customerStoriesCols .articleBox .customTextBlock .positionClass h5{
    padding: 0px 0px 0px 0;
}
.tablecarousel .customerStoriesCols .storiesContainer .storiesHeroBlock .clear.padding-btm-62 {
    padding-bottom: 28px;
} 

.tablecarousel .linkButton { 
    margin: 118px 0px 0px 0;
 }

.tablecarousel .slick-slider .slick-dots {
    width: 93%;
    bottom: -91px;
}
.slick-slider .customTextBlock .textBlockMob .standardDesc {
    padding-top: 32px;
}
.slick-initialized .slick-slide .customerStoriesCols .centerBlock>.customTextBlock {

    padding-top: 68px;
}

.hero-img-shadow{
    height: 27px;
    position: absolute;
    max-width: 1920px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.32) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.32)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.32) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.32) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.32) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.32) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0,0,0,0),endColorstr=rgba(0,0,0,0.32),GradientType=0);
    border: 1px solid #ff0000;
    width: 100%;
}

.twocolumndiffwidth .removerighttoppad {
 padding-top: 0px;
}
.twocolumndiffwidth  .removerighttoppad .textBlock .customTextBlock {
    padding-top: 0px;
}
.twocolumndiffwidth .removelefttoppad {
 padding-top: 0px;
}

.twocolumndiffwidth  .removerighttoppad .textBlock .customTextBlock .standardDesc {
    padding-top: 0px;
}

.twocolumndiffwidth  .removerighttoppad .textBlock .customTextBlock .standardDesc h4 {
    padding-top: 0px;
}

.twocolumndiffwidth  .removeRightPaddingRC  {
padding-right:0px;
}
.twocolumndiffwidth  .removeLeftPaddingRC{
padding-left:0px;
}


/*Start Gatted Css */

.startfromtop{
 position: absolute;
    right: 0;
    z-index: 99;
    width: 30%;
    padding: 0 30px;
}
.startfromtop .marketoRegFormGated{
 padding: 20px 25px 20px 0px;
}

.startfromtopMain{
position: relative;
}
/*End Gatted Css */
/*********************************************/

.CQSectionCarosuel .slick-dots {left: 15%;}

.CQSectionCarosuel .slick-dots .slick-active {
    background: #f0ab00;
}

.CQSectionCarosuel .slick-dots li {
    width: 10px;
    height: 10px;
    background: #e7e7e7;
    border: 0;
    margin: 0 4px;
}
.CQSectionCarosuel .slick-dots li:hover {
    background: #fff;
}
.titleLinkCustom a, .titleLinkCustom a:hover{
    text-decoration:none;

}
.customMegaMenu .mainNavigation .nav-block>.nav-area>li:hover>a em {
    border-bottom: 5px solid #eeaa1f;
    padding-bottom: 6px;
}
.customMegaMenu .mainNavigation .nav-block>.nav-area>li>a.showselnav em {
    border-bottom: 5px solid #eeaa1f;
    padding-bottom: 6px;
}
.tabcarousel .tabCarouselTitle{
	padding-bottom:68px;
}
.imagewithtext .customTitle {
    padding-top: 42px;
	padding-bottom: 36px;            
}
.imagewithtext {
    /*padding-bottom: 36px;*/
}
.customImageWithText .customDescription .standardDesc {
    padding-top: 0px;
    padding-bottom: 36px;
}
.imagewithtext:last-child {
    padding-bottom: 42px;
}
.customImageWithText .customImage {
    padding-bottom: 10px;
}

.imagewithtext:last-child .customImageWithText .customDescription .standardDesc{
padding-bottom:0px;
}
.billboardleft  .titleCenterClass{    
    margin: auto;
}
.yellowBandContainer {
	padding: 22px 0px;
    width: 100%;
    float: left;
    text-align: center;
    /* bottom: 40px; */
    bottom: -47px;
    left: 0px;
    right: 0px;
    position: absolute;    
    -moz-animation: bounce 1.5s infinite ease alternate;    
    z-index: 1;    
}
.sap-business-table .sap-business-coloumn ul li span a {
    color: inherit;
    text-decoration: none;
}
.customSolutionFinder .motion-band-wrap-left {
	width: 12%;
	float: right;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0px;
    z-index: 198;
    display:none;
}
.customSolutionFinder .motion-band-wrap-left .motionBand {
	width:100%;
	height:100%;
    display:none;
}


.customSolutionFinder .slick-slider{
	max-width:100%;
    padding: 0px;
    margin-bottom: 0px;
}

.customSolutionFinder .slick-slider .leftSidePar{
	width:34%;
	margin-right:6%;
    float: left;
    min-height: 40px;
}

.customSolutionFinder .slick-slider .rightSidePar{
	width:60%;
    float: left;
}

.customSolutionFinder .commonHeroRelative {
    padding: 0px 0px 0px 0px;
}

/*********************************************/
/****************** Orange slider start ****************************/

/*form styles*/
.customSolutionFinder .slick-slider .rightSidePar .msform {
	max-width: 960px;
    margin: 90px auto 60px;
	text-align: center;
	position: relative;
    float: left;
    width: 100%;
    position: relative;
    left: -9.6%;

}
.customSolutionFinder .slick-slider .rightSidePar .msform fieldset {
	background: white;
	border: 0 none;
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	/*stacking fieldsets above each other*/
position: absolute;
}
/*Hide all except first fieldset*/
.customSolutionFinder .slick-slider .rightSidePar .msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
.customSolutionFinder .slick-slider .rightSidePar .msform input, .customSolutionFinder .slick-slider .rightSidePar .msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
.customSolutionFinder .slick-slider .rightSidePar .msform .action-button {
	width: 100px;
	background: #008fd3;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}

/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
.progressbar {
    /* overflow: hidden; */
    counter-reset: step;
    min-height: 25px;
}
.progressbar li {
	list-style-type: none;
	color: white;
	font-size: 14px;
	width: 25%;
	float: left;
	position: relative;
	text-indent:inherit;
	color:#dedede;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
}
.progressbar li span{
	width: 96%;
    position: absolute;
    top: -16px;
	text-align: left;
	padding-left: 15px;
    color: #545454;
}
.progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 12px;
	line-height: 12px;
	display: block;
	font-size: 10px;
	color: #333;
	background: #dedede;
	border-radius:100%;
	margin: 4px auto 5px auto;
	text-indent: -99999999px;
    z-index: 9;
    position: relative;
}
.progressbar li .counter {
    color: #dedede;
}
/*progressbar connectors*/
.progressbar li:after {
	content: '';
    width: 100%;
    height: 2px;
    background: #dedede;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: 0; /*put it behind the numbers*/
}
.progressbar li:first-child:after {
	/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.progressbar li.active:before{
	background: #eeaa1f;
	color: white;
	width: 16px;
    line-height: 16px;
	margin-top: 2px;
	background:#eeaa1f url(/etc/designs/sapuid/images/active-arrow.png) no-repeat center center;
}
.progressbar li.active:after {
	background: #eeaa1f;
	color: white;	
}

.progressbar li.pre-active:before{
	background: #eeaa1f;
	color: white;
	width: 16px;
    line-height: 16px;
	margin-top: 2px;
    background-color:#eeaa1f;
}

.progressbar li.pre-active:after {
	background: #eeaa1f;
	color: white;	
}

.previous {
    background-color: transparent!important;
    border: 1px solid #008fd3!important;
    color: #008fd3!important;
}
.counter{
	margin-left: -20px;
}

.progressbar li.active .counter{
	color:#eeaa1f;
    font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
.progressbar li.pre-active .counter{
	color:#eeaa1f;
    font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
.msform fieldset{
	width:100%;
	margin: 0px;
}



/***************** Orange slider end ************************/

.customSolutionFinder .storiesContainer .storiesHeroBlock .articleImage {
    min-height: 120px;
    margin-bottom: 10px;
}

.customSolutionFinder .storiesContainer .storiesHeroBlock .articleImage img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.customSolutionFinder .storiesContainer .storiesHeroBlock .articleBox {
    cursor:pointer;
    z-index: 9;
    position: relative;
    width: 22.5%;
    margin-left: 0%;
    margin-right: 5%;
    margin-bottom:35px;
}

.customSolutionFinderCols .storySingleCol .customColTitle{
	font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 18px;
    color: #000;
}
.customSolutionFinder .refreshBlock .customSolutionFinderImage .sectionBlock .mediaImage img {
    margin: 0px;
}
.customSolutionFinder .storiesContainer{
	width:80%;
}

.customSolutionFinder .storiesContainer .storiesHeroBlock {
    margin-top: 60px;
}

.customSolutionFinder .refreshBlock .customSolutionFinderImage .sectionBlock{
	margin: 0 auto;
}

.billboardleft  .titleShadow{text-shadow: 1px 1px #000;}


.CQSectionCarosuel  .billboardAlignRight{
	float: right;
    display: table;
    width: 100%;
}
.CQSectionCarosuel .billboardAlignCenter {
    display: table;
    width: 100%;

}

/***************** Buttons ************************/
.customSolutionFinder .storiesContainer .solutionFinderEmpButtons{
        width:100%;
        text-align:center;
    }
.customSolutionFinder .storiesContainer .solutionFinderRevButtons{
  width:100%;
  text-align:center;
}
.customSolutionFinderCols .linkButton {height: 40px; padding: 0px 20px; line-height: 40px;margin-right: 24px;}
.customSolutionFinderCols .linkButton.linkBlueBtn {background: #008FD3;}
.customSolutionFinderCols .linkButton .buttonText {top: inherit;font-size: 16px;font-family: BentonSansMedium, Arial, Helvetica, sans-serif;font-weight: normal;}

.customSolutionFinderCols .goBackBtn {background: #fff;border: 1px solid #008FD3;box-sizing: border-box; color: #008FD3;}
.customSolutionFinderCols .goBackBtn .buttonText {color: #008FD3;}

/***************** Country Dropdown ************************/
.customCountryFlag {display: inline-block;position:relative;top: 21px;left: -102px; float:right;}
.customCountryFlag .flagDropdown {background: #fff;float: right;position: absolute;right: 0;top: 52px;padding: 28px 42px;min-width: 120px;box-shadow: 1px 10px 13px rgba(34, 34, 34, 0.2);}
.customCountryFlag .flagDropdown ul li {display:block;padding-top:18px;}
.customCountryFlag .flagDropdown ul li:first-child {padding-top:0px;}
.customCountryFlag .flagDropdown ul li a {font-size: 15px;font-weight: normal;color: #000;}
.customCountryFlag .flagDropdown ul li a:hover {font-family: BentonSansMedium, Arial, Helvetica, sans-serif;color: #eeaa1f;text-decoration: none;border-bottom: 2px solid #eeaa1f;}
.customCountryFlag .flagContainer{height: 52px;width: 42px;line-height: 46px;text-align:center;}
.customCountryFlag .flagContainer.active {background: #fff;}
.customCountryFlag .flagContainer.active img {max-width: auto;}
.customCountryFlag .flagContainer img {width:32px;vertical-align: middle;}

/******************************** Green slider start ***********************************/

.ui-slider {
	position: relative;
	width: 100%;
    max-width: 920px;
    height: 8px;
    background-color: #cfcdc7;
    border-radius: 8px;
    margin: auto;
	margin-top:100px;
}
.ui-slider .ui-slider-handle {
	position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: default;
    background: #fff;
    border-radius: 50%;
    border: 9px solid #4fb81d;
	outline: none;
}



.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -13px;
    margin-left: -17px;

}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: 8px;
	height: 300px;
	margin-left: 20px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -13px;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.rsize-wrappper{
    position: absolute;
    height:0px;
}

.rsize-wrappper .rsize{
    position: relative;
    top: -75px;
    left: -47%;
    background-color: #4fb81d;
    padding: 15px 15px;
    border-radius: 10px;
    text-align: center;
	font-size: 40px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
}

.rsize-wrappper .rsize:before {
    position: absolute;
    bottom: -6px;
    left: calc(50% - 4px);
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: -1px;
    content: "";
    background-color: #4fb81d;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
.range-slider-value {
    float: left;
    list-style: none;
    width: 100%;
    padding: 0px;
    margin-top: 31px;
    margin-bottom: 85px;
}

.range-slider-value li {
    width: 34.1%;
    float: left;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#000;
    text-align: center;
}

.customEmployee .range-slider-value li:first-child {
    width: 18%;
    text-align: left;
}

.customEmployee .range-slider-value li:nth-last-child(3) {
    width: 32.2%;
}


.customEmployee .range-slider-value li:last-child {
    width: 15.7%;
    text-align: right;
}

.customSolutionFinder .slick-slider .rightSidePar .notSureText {
    float: right;
    position: relative;
    right: -110px;
    top: -6px;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
}

.customSolutionFinder .slick-slider .rightSidePar .notSureText a {
    color: #008fd3;
    text-decoration: none;
}


.customSolutionFinder .slick-slider .rightSidePar .mob-notSureText {
    float: right;
    position: relative;
    right: -110px;
}

.customSolutionFinder .slick-slider .rightSidePar .mob-notSureText a {
    color: #008fd3;
    text-decoration: none;
}


.customSolutionFinder .storiesContainer .customEmployeeSlider, .customSolutionFinder .storiesContainer .customAnnualRevenueSlider{
     margin-top: 100px;
    float: left;
    width: 100%;

}
.customSolutionFinder .sfRegFormcustom-wrapper{
    padding-top:60px;
    }
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom {
    height: 30px;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 40px;
    width: 90%;
    margin-right: 20%;
    position: relative;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom span.required{
    color: #ff0000;
    top: 4px;
    position: absolute;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesForUSA span.required{
    color: #ff0000;
    top: 4px;
    position: absolute;
}


.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom label {
    font-size:14px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    color:#4a4a4a;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
 }
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom input
{
    width: calc(100% - 12px);
    height: 26px;
    border: none;
    float: right;
    color: #4a4a4a;
 }
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom select{
    width: 100%;
    height: 26px;
    float: right;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom li{
    list-style:none;
            }
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy{
    width: 98%;
    font-size:14px;
    line-height:20px;
}
            

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .privacyinfoscroll{
	padding-left: 25px;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy input{
    float: left;
    margin-top: 2px;
    left: 1px;
    top: -1px;
    z-index: 1;
    width: 17px;
    height: 17px;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy label.css-rdo{
    float:left;
    margin-right: 15px;
    margin-left: 5px;
}
.customSolutionFinder .sfRegFormcustom-wrapper .column1{
    width:46%;
   float: left;
}
.customSolutionFinder .sfRegFormcustom-wrapper .column2{
    width:46%;
    float: left;
 } 
.customSolutionFinder .slick-slider .rightSidePar .solutionFinderThankyou .customTitleThankyou{
    padding-top:100px;

}
.customSolutionFinder .slick-slider .rightSidePar .solutionFinderThankyou .customDescriptionThankyou{
    padding-top: 15px;
    padding-bottom: 80px;
 }

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom .form-error-input {
    margin-top: 10px;
    color: #ff0000;
    font-size: 11px;
    float: left;
    width: 100%;
}



.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates {
    margin-bottom: 40px;
    width: 90%;
    margin-right: 20%;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates label {
    font-size: 14px;
    font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    color: #4a4a4a;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates select.sfDropdownField {
    border: none;
    background: url(/etc/designs/sapuid/images/triangle_2.png) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none !important;
    color: #4a4a4a;
    width:100%;
    height: 26px;
    float: right;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesForUSA, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesforCanada{
    /*border-bottom: 2px solid #cccccc;*/
    float: left;
    width: 100%;
    margin-bottom:40px;
    position: relative;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesforCanada .selectionValues, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesForUSA .selectionValues {
    border-bottom: 2px solid #cccccc;
    float: left;
    width: 100%;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesforCanada .form-error-input,  .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesForUSA  .form-error-input
{
display: block;
    margin-top: 10px;
    color: #ff0000;
    font-size: 11px;
    float: left;
    width: 100%;
}


.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom select.sfDropdownField {
    border: none;
    background:url(/etc/designs/sapuid/images/triangle_2.png) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none !important;
    color: #4a4a4a;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart1, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart2, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomsharingconsent{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart2 .row{
    width:100%;
    float:left;
}

.sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart2 {
    margin-left: 25px;
    color:#000;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomsharingconsent p, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart1 .gmcpart1 .gmcpart1msg, .customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomprivacyinfo .privacyInfo p{
     color:#000;
}
.sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomsharingconsent {
    margin-top: 18px;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates .statesForUSA  .selectionValues{
    width: calc(100% - 12px);
    float: right;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustom .selectionValues{
    width: calc(100% - 12px);
    float: right;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart2 .row .radioValues {
    padding-top: 5px;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomgmcpart2 .row .required {
    color: #ff0000;
}




.checkbox-lable-area {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-lable-area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-lable-area .checkmark {
    position: absolute;
    top:4px;
    left: 0;
    height:14px;
    width:14px;
	border:1px solid #979797;
    background-color: #fff;
		
}

/* On mouse-over, add a grey background color */
.checkbox-lable-area:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-lable-area input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-lable-area .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-lable-area input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-lable-area .checkmark:after {
	left: 4px;
	top: 2px;
	width: 3px;
	height: 7px;
	border: solid #4a4a4a;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* The modified radio container */

.radio-lable-area {
    display: block;
    position: relative;
    padding-left:25px;
    cursor: pointer;
     font-size: 14px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	float: left;
    margin-right: 25px;
}

/* Hide the browser's default radio button */
.radio-lable-area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-lable-area .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height:16px;
    width:16px;
	border:1px solid #979797;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-lable-area:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio-lable-area input:checked ~ .checkmark {
    background-color: #008fd3;
    border: none;
    width: 18px;
    height: 18px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-lable-area .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-lable-area input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-lable-area .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

/* IE10+ CSS styles go here */

.progressbar li span{
   padding-left:57%;
 }
.ui-slider {
	margin-top:88px;
}
}

/******************************** Green slider end *************************************/



.customSolutionFinder .sfRegFormcustom-wrapper .gmcpart2 .form-error-input{
	 color: #ff0000;
     font-size: 11px;
     float: left;
     width: 100%;
}

.customAnnualRevenue .range-slider-value li{
	width: 27%;
}

.customAnnualRevenue .range-slider-value li:first-child {
	width: 18.1%;
    text-align: left;
}
.customAnnualRevenue .range-slider-value li:nth-last-child(2) {
	width: 33.5%;
}
.customAnnualRevenue .range-slider-value li:nth-last-child(3) {
	width: 32.2%;
}
.customAnnualRevenue .range-slider-value li:last-child{
    width: 16.2%;
    text-align: right;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates.stateRow{
    width: 46% !important;
    float: left;
    margin-bottom:0px!important;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates.stateRow span.required {
    color: #ff0000;
    top: 4px;
    position: absolute;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomStates.stateRow .selectionValues .sfDropdownField{
    width: calc(100% - 12px);
    float: right;
 }

.sfRegFormcustomStates.stateRow .states {
    width: 90%;
}

.sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomsharingconsent .sharingconsent .sharingconsent .required{
    float: left;
    color: #ff0000;
    position: absolute;
    left: -10px;
    z-index: 999;
}
.sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegFormcustomsharingconsent .sharingconsent .sharingconsent{
	color: #ff0000;
    font-size: 11px;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .submitButtonSF{
	position: relative;
}
.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .sfRegLoaderImage{
    width: 130px;
    position: absolute;
    top: -15px;
    left: 185px;
}

.customSolutionFinder .sfRegFormcustom-wrapper .sfRegFormcustomprivacy .submitButtonSF .form-error-input{
    color: #ff0000;
    font-size: 11px;
}

.customSolutionFinder .storiesContainer .otherText{
   text-align: right;
    width: 72%;
    font-size: 18px;
    font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-left: 5%;
    margin-top: 50px;
}
.customSolutionFinder .storiesContainer .otherText a{
    text-decoration: none;
}

select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

/***************Moving down gif css****************/

.scroll-downs {
   bottom: 40px;
    height: 50px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    width: 32px;
}
.scroll-downs .mousey {
    background-color: rgba(255,255,255,0.3);
    border-radius: 15px;
    border: 2px solid #fff;
    box-sizing: content-box;
    height: 26px;
    opacity: .75;
    padding: 10px 13px;
    width: 3px;
}

.scroll-downs .scroller {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-name: scroll;
    animation-timing-function: cubic-bezier(0.15,0.41,0.69,0.94);
    background-color: #fff;
    border-radius: 25%;
    height: 8px;
    width: 3px;
}

@keyframes scroll{0{opacity:0}
10%{transform:translateY(0);opacity:1;}
100%{transform:translateY(15px);opacity:0;}
}

/************Moving down gif css end **************/

/************About New css start **************/
.timelineModuleDoubleColumn{
    display:table;
    margin-bottom: 30px;
}
.timelineModuleDoubleColumn:last-child{
    margin-bottom:0px;
}
.timelineModuleDoubleColumn .articleBox{
    width: 50%;
    padding:0px;
    padding-left:6%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none;
}
.timelineModuleDoubleColumn .articleBox:first-child{
    padding:0px;
    padding-right:6%;
 }


.dualColorLine{
    background:url(/etc/designs/sapuid/images/dual_gray_line.png) repeat center 0;
    width: 100%;
    height: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 252px;
}
.dualColorLine span{
	width: 100%;
    height: 7px;
    background:url(/etc/designs/sapuid/images/dual_gold_line.png) repeat-x center 0;
    z-index: 1;
    position: absolute;
    top: -3px;
    margin: auto;
    max-width: 188px;
    left: 0px;
    right: 0px;
}

.customTimelineBar {
    background:url(/etc/designs/sapuid/images/stat-full-bg.jpg) repeat-y center 0;
    text-align: left;
    font-family: 'BentonSansBook';
    color: #1c1c1c;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.customTimelineBar .gold-bar{ 
    height: 160px;
    position: absolute;
    width: 7px;
    background-color: #f0ab00;
    margin: auto;
    left: 1px;
    right: 0px;
    top: 0px;
}
.accountPreviewContainer .accountPreviewHeading {
    width: 280px;
    position: absolute;
    min-height: 270px;
    top: 180px;
    z-index: 1;
}
.accountPreviewContainer .leftSideHorizPar {
    width: 30%;
    float: left;
    margin-top: 210px;
}
.accountPreviewContainer .rightSideHorizPar{
    width: 55%;
    float: left;
    padding-left: 5%;
    background-color: #e4e4e4;
    margin-left: 5%;
    padding-right: 5%;
    }
.accountPreviewContainer .widget_btn {
    position: relative;
    bottom: 100px;
    width: 21%;
    height: 0px;
    float: left;
    top: auto;
}
.accountPreviewContainer .accountPreviewLeft{
    position:relative;
}	
.accountPreviewContainer .accountPreviewLeft .accountPreviewHeading{
  right:0px;
    top: 80px;
 }

.accountPreviewContainer .accountPreviewLeft .leftSideHorizPar {
    float: right;
    margin-top: 250px;
}
.accountPreviewContainer .accountPreviewLeft .rightSideHorizPar {
    float: left;
    margin-right: 5%;
    margin-left: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
}
/*.accountPreviewContainer .widget_btn .widget-prev{
    background: #fff url(/etc/designs/sapuid/images/arrow_grey_prev.png) no-repeat center center;
}
.accountPreviewContainer .widget_btn .widget-next{
	background: #fff url(/etc/designs/sapuid/images/arrow_grey_next.png) no-repeat center center;
}*/

/************About New css end **************/
.vps2Col .articleBox {
    width: 47%;
}
.vps2Col .articleBox:first-child {
    padding-left:0px;
}

.vps2Col .articleBox:last-child {
    padding-right:0px;
}

.overlapAboveTiming{
    margin-top: -140px;
}
/************About New css end **************/


/************Other Event css **************/

.cascade-slider_container {
  position: relative;
  max-width: 1000px;
    width:100%;
  height: 500px;
  margin: 0 auto;
}

.cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  transition: all 1s ease;
   width:75%;
  /*height:395px;*/
  background-color: #d6d6d6;

}
.cascade-slider_item.now {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;
}

.cascade-slider_item.next {
  left: 50%;
  transform: translateY(-50%) translateX(-138%) scale(0.8);
  opacity: 0.4;
  z-index: 1;
}

.cascade-slider_item.prev {
  left: 50%;
  transform: translateY(-50%) translateX(38%) scale(0.8);
  opacity: 0.4;
  z-index: 1;
}

.{
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;

}

.cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5;
}

.cascade-slider_arrow-left { 
    left: 15%; 
    background: url(/etc/designs/sapuid/images/arrow_left_event.png) no-repeat center center!important;
    top: calc(50% - 30px); 
        width: 40px;
    height: 60px;
    }

.cascade-slider_arrow-right { 
    right:15%; 
    background: url(/etc/designs/sapuid/images/arrow_right_event.png) no-repeat center center!important;
    top: calc(50% - 30px);
    width: 40px;
    height: 60px;
     }

.cascade-slider_nav {
  position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    z-index: 5;
    max-width: 300px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.cascade-slider_dot {
   display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #ddd;
    list-style: none;
    cursor: pointer;
    border-radius: 100%;
}

.cascade-slider_dot:hover { background: #f9a823; }

.cascade-slider_dot.cur { background: #f9a823; }


.cascade-slider_container .main-horizontal{
    position: absolute;
    width:77%;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.cascade-slider_container .main-horizontal .leftSideHorizPar {
    width: 175px !important;
    margin-right: 30px;
    float: left;
}

.cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText {
    background: rgba(0,0,0,0.65);
    width: 175px;
    height: 175px;
    text-align: center;
}

.cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText .customTimingColumnText {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText .customTimingColumnText .text-align-month,
.cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText .customTimingColumnText .text-align-year {
    color: #F0AB00;
    font-size: 20px;
    font-family: BentonSansBook, Arial, Helvetica, sans-serif;
}

.cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText .customTimingColumnText .text-align-date {
    color: #fff;
    font-size: 50px;
    font-family: BentonSansLight, Arial, Helvetica, sans-serif;
}


.cascade-slider_container .main-horizontal .rightSideHorizPar {
    float: left;
    width: 60%;
}
.cascade-slider_container .cascade-slider_item.now .cascade-image-overlay{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
}

.cascade-slider_container .cascade-slider_slides img{
    width:100%;
 }

.cascade-slider_item.next .cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText{
	background: rgba(0,0,0,0.25);
}

.cascade-slider_item.prev .cascade-slider_container .main-horizontal .leftSideHorizPar .leftTimingColumnText{
	background: rgba(0,0,0,0.25);
}

.socialContactLinks .acc5Col .articleBox {
    width: 17%;
}
.socialContactLinks .articleBox .customBGColor{
    border-left:1px solid #fff;
}
.socialContactLinks .articleBox:first-child .customBGColor{
     border-left:none;

}
.socialContactLinks .columnHeroremove{
     padding-top: 20px;
}

.socialContactLinks .slick-slide img {
    display: initial;
}
.socialContactLinks .LinkReadmore a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    font-family: BentonSansLight, Arial, Helvetica, sans-serif;
}  
.socialContactLinks .LinkReadmore a span {
 color:#fff;
font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    font-family: BentonSansLight, Arial, Helvetica, sans-serif; 
 }
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-prev, 
.billboardCarousel .multiSpeakerContainer .slick-slider .slick-next {
	top: 35%;
}
.billboardCarousel .multiSpeakerContainer .speakerHeroBlock .slick-dots {
	bottom: 45% !important;
}

.ParallaxCQSectionComp #parallaxHeroText, .ParallaxCQSectionCompAbout #parallaxHeroText,
.ParallaxCQSectionCompEvents #parallaxHeroText, .ParallaxCQSectionCompSupport #parallaxHeroText {
    top: 60%;
    transform: translateY(-30%);
    height: 100%;
}
.parallax-second-block-margin {
 max-width: 1240px;
 padding: 0 30px;
 margin: 0 auto;
 width: 100%;
  box-sizing: border-box;   
}
.ParallaxCQSectionComp #parallaxHeroText {  top:25% !important;}
.ParallaxCQSectionComp .billboardCarousel .multiSpeakerContainer {padding-top: 0;}
.billboardAlignLeft {top:0;}

/*.standardHead.highlightedText span:last-child {
    padding-bottom: 0px;
}*/
.contact-module .h-text a:first-child {
    text-decoration: none;
    cursor: auto;
    font-family: BentonSansBold, Arial, Helvetica, sans-serif;
}
.contact-module .contact-set .col a{
    font-size:16px;
	color:#fff;
  }
.contact-module .contact-set .col.chat a{
    font-family: BentonSansBold, Arial, Helvetica, sans-serif; 
}


a.contact-us-chat.heading {
    display: none;
}

.standardHead.highlightedText span:first-child {padding-bottom: 0px;}

.standardHead.highlightedText span br {
    display: none;
}
.mobile-banner-section {display: none;}
.parallax-section-block {display: block;}

.columnHeroSingle .columnHeroremove li .customSingleSmallCTA .smallCTAButton .linkButton {
    margin-left: 275px;
     margin-top:0px;
}
.CQSectionVerticalCarosuel .billboardleft .titleCenterClass {
    width: 100%;
    padding-left: 130px;
    padding-right: 130px;
    box-sizing: border-box;
}
.columnHeroSingle .columnHeroremove li {
    min-height: 250px;
    list-style: none;
}
.columnHeroSingle .positionClass .Heading11 {
    padding-bottom: 6px;
    display: block;
}

.timelineModuleDoubleColumn .articleBox .leftParsys .imageComp img {text-align: left;float: left;}
.timelineModuleDoubleColumn .articleBox .rightParsys .imageComp img {text-align: right;float: right;}

.multiButtonLink .customButton .linkButton {margin-top: 0;}
.multiButtonLink .customButton:first-child {padding-top: 32px}

.accordianBlock.nestedAccordinBlock .accordianDescriptionCont {background: rgb(244,244,244);float: left;width: 100%;padding-left: 5.2%;box-sizing: border-box;}
.accordianBlock.nestedAccordinBlock .accordianCont.nestedinrtab .expandTitle {margin-left: 3% !important;width: 97%;}
.accordianBlock.nestedAccordinBlock .innertab {background: rgb(244,244,244);margin-left: 3%;float: left;position: relative;left: 3%;width: 97% !important;}
.accordianBlock.nestedAccordinBlock .expandTitle.accordionActive span {background: url(/etc/designs/sapuid/images/acoordian-blue-arrow-up.png) no-repeat left 0px;}
.accordianBlock.nestedAccordinBlock .expandTitle.accordionActive {box-shadow: 0 5px 12px -3px #cecece;}
.accordianBlock.nestedAccordinBlock .expandTitle span:hover {background-position: 0px -178px;}