@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1925px) {
    .sectionBlock {margin: 0px;}
    .blockWrapper {max-width:100%;}
    .sectionBlock .mediaImage img {
        max-width: inherit;
        width:100%;
    }
}
@media only screen and (max-width:1700px) {
	.billboardOverlayContent {width: 1322px;}
	.quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {padding-left: 13.5%;}
	.innerOverlay {padding-left:13.5%;}
}
@media only screen and (max-width:1680px) {
    .tooltip .right {
        right: 80px;
        left: inherit;
    }
    .tooltip .right i {
        right: -30px;
        transform: rotate(180deg);
    }
}
@media only screen and (max-width:1640px) {
	.billboardOverlayContent {width: 1292px;}
}
@media only screen and (max-width:1440px) {
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {padding-left: 9.5%;}
	.innerOverlay {padding-left:9.5%;}
    .billboardOverlayContent {width: 1192px;}
    .mainNavigation .nav-block .nav-area>li:last-child .drop-area {left: -60px;}
}
@media only screen and (max-width:1366px) {
    .billboardOverlayContent {width: 1154px;}
	.quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {padding-left: 8.5%;}
	.innerOverlay {padding-left: 8.5%;}
}
@media only screen and (max-width:1280px) {
    .billboardOverlayContent {width: 1112px;}
    .innerOverlay, .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {
        padding-left: 7%;
    }
    .billboardOverlayContent{z-index:9;}
    .tooltip .right {
        right: 80px;
        left: inherit;
    }
    .tooltip .right i {
        right: -30px;
       transform: rotate(180deg);
    }
    .blockWrapper {
        max-width: 1650px;
        margin: 0 auto;
    }
    .mediaImage .mediaDesktop {
    	display:none;
    }
    .mediaImage .mediaTablet {
    	display:block;
    }
    .mediaImage .mediaMobile {
    	display:none;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area>li {margin: 0 25px 0 0px;}
    .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(2) .nav3Col {margin-left:-350px !important;}
    .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav1Col {margin-left:-80px !important;}
}
@media only screen and (max-width:1240px) {
    .billboardOverlayContent {width: 1092px;}
}
@media only screen and (max-width:1180px) {
    .billboardOverlayContent {width: 1062px;}
}
 @media only screen and (max-width:1100px) {
    .billboardOverlayContent {width: 1022px;}
    .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav3Col {margin-left:-490px !important;}
    .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(2) .nav3Col {margin-left:-350px !important;}
    section.footer .menu .link {padding: 0 5px;}
}
@media only screen and (max-width: 1080px) {    
    .billboardOverlayContent {width: 1012px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	.Title100, .positionClass .Title100, .customTextBlock .Title100, .customHeading .Title100 {
        font-size: 70px;
        line-height: 80px;
    }

}
@media only screen and (min-width:800px) and (max-width:1024px) {
.share-popup{
 margin: 0% auto 0 auto;
 overflow: scroll;
 height: 480px;
 padding-bottom: 20px;

}
}

@media only screen and (max-width:1000px) {
     .billboardOverlayContent {width: calc(100% - 20px) !important;}
     .innerOverlay, .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {   padding-left: 20px;
}
     .progress-bar span {
         font-family: arial;
         font-size: 20px;
     }
     .answer-list {padding: 0 20px;}
     .progress-bar {
		  padding: 0 20px;
          box-sizing: border-box;
          margin-left: 0;
   		  margin-right: 0;
     }
     section.footer .menu .desktopLinks, section.footer .menu .desktopInfoWrap {text-align: center;}
     section.footer.standardFooter .socialLinksWrap {margin-left: 30% !important;}
    .socialLinksGroup ul {bottom: 44px;}
    .customMegaMenu .mainNavigation .nav-block>.nav-area li.defaultactive>a {border-bottom: none;}
    	html.ar-font .mainNavigation .nav-block .nav-area>li>a {
            font-family:Arial, Helvetica, sans-serif;
            font-weight:bold;
        }
        html.ar-font .mainNavigation .drop-area .drop-wrapper .drop-holder ul li>a {
            font-family:Arial, Helvetica, sans-serif;
            font-weight:normal;
        }
        html.ar-font .mainNavigation .nav-block .nav-area>li>a {
            font-family:Arial, Helvetica, sans-serif;
            font-weight:bold;
        }
    	html.ar-font .mainNavigation .drop-area .drop-wrapper .drop-holder ul li>a {
        	font-family:Arial, Helvetica, sans-serif;
        	font-weight:normal;
        }
        html.ar-font .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col h3 {
            font:16px/1.1875 Arial, Helvetica, sans-serif;
            font-weight:normal;
        }
        html.ch-font .mainNavigation .nav-block .nav-area>li>a {
            font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
        }
        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, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
        }
        html.ch-font .mainNavigation .nav-block .nav-area>li>a {
            font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
        }
        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, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
        }
        html.ch-font .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col h3 {
            font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
        }
        .positionClass .Heading1, .customTextBlock .Heading1, .customHeading .Heading1 {
            font-size: 30px;
            line-height: 38px;
        }
       .billboard {padding: 30px 0px;}
        .billboard .positionClass {padding: 0px !important;}
        footer .container {line-height:15px;}
        .customMegaMenu .mainNavigation .nav-block .nav-area {
            overflow: auto;
            overflow-x: hidden;
            max-height: 550px;
        }
        .mainNavigation .nav-block .nav-area {
            overflow: auto;
            overflow-x: hidden;
            max-height: 600px;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:first-child .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(2) .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(6) .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(7) .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(5) .nav3Col {
            margin-left:0px !important;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li:nth-last-child(1) .nav1Col {
            margin-left:0px !important;
        }
        .mainNavigation .nav-block .nav-area>li {padding:0px;}
        .icon-arrow-down {background: transparent;}
    	#page {overflow:visible;}
        .icon-arrow-down {
            position: absolute;
            z-index: 9;
            float: right;
            right: 0;
            top: 0;
            width: 45px;
            height: 40px;
        }
        .icon-arrow-down a {
            display:block;
            width: 45px;
            height: 40px;
        }
        .mainNavigation {
            float:right;
            font-size:13px;
            line-height:18px
        }
        .mainNavigation a.nav-opener {
        	display:block;
        	color:#fff
        }
        .mainNavigation a.nav-opener .text {display:none;}
        .mainNavigation a.nav-opener [class^="icon-"]:before {line-height:42px;}
        .mainNavigation a.nav-opener:hover [class^="icon-"]:before {color:#ccc;}
        .mainNavigation .slide-icon {
            display:block;
            padding:10px 0;
            margin:0;
            position:absolute;
            left:0;
            top:0;
            width:44px;
            background:#000
        }
        .mainNavigation .slide-icon [class^="icon-"]:before {
        	color:#fff
        }
        .mainNavigation .slide-icon:hover [class^="icon-"]:before {
        	color:#ccc
        }
        .mainNavigation .nav-block {
            display:none;
            overflow:hidden;
            position:absolute;
            top:0px;
            right:-300px;
            width:290px;
            margin:70px 0px 0 0;
            z-index:999
        }
        .mainNavigation .nav-block .popup {
            display:block;
            left:0
        }
        .mainNavigation .nav-block .popup .popup-content {
       		padding:11px 10px 10px
        }
        .mainNavigation .nav-block .nav-area {
            background:#f2f2f2;
            margin-top:0px
        }
        .mainNavigation .nav-block .nav-area li:hover>a em {
        	text-decoration:none
        }
        .mainNavigation .nav-block .nav-area>li {
            float:none;
            margin:0;
            border-bottom:1px solid #ddd;
            background:url(/etc/designs/dscmaturityassessment/images/nav-mob-bg.png) repeat-x top center;
        }
        .mainNavigation .nav-block .nav-area>li:first-child {
        	border-top:1px solid #484b4d;
        }
        .mainNavigation .nav-block .nav-area>li>a {
            float:none;
            display:block;
            padding:11px 41px 11px 20px;
            font-size:16px;
            font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
            font-style: normal;
        }

        .mainNavigation .nav-block .nav-area>li.has-drop>a {
        	background:url(/etc/designs/dscmaturityassessment/images/nav-down.png) no-repeat right center;
        }
        .mainNavigation .nav-block .nav-area>li.has-drop>a [class^="icon-"]:before {
        	right:15px
        }
        .mainNavigation .nav-block .nav-area>li.active {
        	background:url(/etc/designs/dscmaturityassessment/images/nav-mob-bg.png) repeat-x top center;
        }
        .mainNavigation .nav-block .nav-area>li.active>a {
            background:url(/etc/designs/dscmaturityassessment/images/nav-up.png) no-repeat right center;
            border-bottom: 1px solid #ddd;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area li.active>a {
             border-bottom: 0px solid #fafafa;
             background: none;
        }
        .mainNavigation .drop-area {
            position:static;
            width:auto!important;
            padding:0
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder {
            border:0;
            height:auto!important
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul {
            padding:0;
            border:0
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li {
            font-size:11px;
            line-height:16px;
            padding:0
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li>a {
            display:block;
            padding: 10px 11px 10px 40px;
            font-size: 13px;
            line-height:18px;
            color:#18a2e1;
            font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
            font-style: normal;
            border-top: 1px solid #ebebeb;
        }
        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, "宋体", BentonSansRegular, 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>a.opener {
            padding:10px 34px
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop>a {
            padding-right:37px;
            background:url(/etc/designs/dscmaturityassessment/images/nav-arrow-down-icon.png) no-repeat 95% center;
            background-size:9px;
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop>a [class^="icon-"]:before {
            right:15px
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-down:before {
            display:block;
            color:#000
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-right:before {
            display:none
        }
        .mainNavigation .nav-block .nav-area>li>a {
        	color:#3d3d3d;
        }
        .mainNavigation {
            float:right;
            font-size:13px;
            line-height:18px;
    		display: none;
        }
        .mainNavigation a.nav-opener {
            display:block;
            color:#fff
        }
        .mainNavigation a.nav-opener .text {
        	display:none
        }
        .mainNavigation a.nav-opener [class^="icon-"]:before {
        	line-height:42px
        }
        .mainNavigation a.nav-opener:hover [class^="icon-"]:before {
        	color:#ccc
        }
        .mainNavigation .nav-block {
            display:none;
            overflow:hidden;
            position:absolute;
            top:0px;
            right:-300px;
            width:290px;
            margin:70px 0px 0 0;
            z-index:999
        }
        .mainNavigation .nav-block .nav-area {
            background:#f2f2f2;
            margin-top:0px
        }
        .mainNavigation .nav-block .nav-area li:hover>a em {
        	text-decoration:none
        }
        .mainNavigation .nav-block .nav-area>li {
            float:none;
            margin:0;
            border-bottom:1px solid #ddd;
            background:url(/etc/designs/dscmaturityassessment/images/nav-mob-bg.png) repeat-x top center;
        }
        .mainNavigation .nav-block .nav-area>li:first-child {
       		border-top:1px solid #484b4d;
        }
        .mainNavigation .nav-block .nav-area>li>a {
            float:none;
            display:block;
            padding:11px 41px 11px 20px;
            font-size:16px;
            font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
            font-style: normal;        
        }
        .mainNavigation .nav-block .nav-area>li.has-drop>a {
        	background:url(/etc/designs/dscmaturityassessment/images/nav-down.png) no-repeat right center;
        }
        .mainNavigation .nav-block .nav-area>li.has-drop>a [class^="icon-"]:before {
        	right:15px
        }
        .mainNavigation .nav-block .nav-area>li.active {
       	 background:url(/etc/designs/dscmaturityassessment/images/nav-mob-bg.png) repeat-x top center;
        }
        .mainNavigation .nav-block .nav-area>li.active>a {
            background:url(/etc/designs/dscmaturityassessment/images/nav-up.png) no-repeat right center;
            border-bottom: 1px solid #ddd;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area li.active>a {
             border-bottom: 0px solid #fafafa;
             background: none;
        }
        .mainNavigation .drop-area {
            position:static;
            width:auto!important;
            padding:0
        }

        .mainNavigation .drop-area .drop-wrapper .drop-holder {
            border:0;
            height:auto!important
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul {
            padding:0;
            border:0
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li {
            font-size:11px;
            line-height:16px;
            padding:0
        }
       .mainNavigation .drop-area .drop-wrapper .drop-holder ul li>a {
            display:block;
            padding: 10px 11px 10px 40px;
            font-size: 13px;
            line-height:18px;
            color:#18a2e1;
            font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
            font-style: normal;
            border-top: 1px solid #ebebeb;
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li>a.opener {
        	padding:10px 34px
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop>a {
            padding-right:37px;
            background:url(/etc/designs/dscmaturityassessment/images/nav-arrow-down-icon.png) no-repeat 95% center;
            background-size:9px;
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop>a [class^="icon-"]:before {
       		right:15px
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-down:before {
            display:block;
            color:#000
        }
        .mainNavigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-right:before {
        	display:none
        }

        .mainNavigation .nav-block .nav-area>li>a {
            color:#3d3d3d;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area>li>a:hover {
            border-bottom:0px solid #fafafa;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.active>a {
            border-bottom:0px solid #fafafa;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.selected>a {
            border-bottom:0px solid #fafafa;
        }
        
        .customMegaMenu .mainNavigation .nav-block .nav-area {
            background: #f2f2f2;
            margin-top: 0px;
            border-left: 1px solid #484b4d;
        }
        .customMegaMenu .mainNavigation .nav-block .nav-area>li {
            float: left;
            margin: 0;
            padding: 0px;
            border-bottom: 2px solid #484b4d;
            background: #2b3035;
            width: 100%;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area>li>a {
            float: none;
            padding: 11px 30px 11px 30px;
            color: #fff;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area>li.has-drop>a {
            background: url(/etc/designs/dscmaturityassessment/images/mega-menu-down-arrow-black.png) no-repeat right center;
            background-size: 35px;
        }
        .customMegaMenu .mainNavigation .nav-block>.nav-area>li.has-drop.active>a {
            background: url(/etc/designs/dscmaturityassessment/images/mega-menu-up-arrow-black.png) no-repeat right center;
            background-size: 35px;
        }
        .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
            color: #fff!important;
            font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
            text-decoration:none;
        }
        .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a.activenav em {
            color: #222!important;
            font-family: BentonSansBold, Arial, Helvetica, sans-serif;
            text-decoration: underline;
        }
        .customMegaMenu .secondLevelTitle {
            display:none;
        }
        .customMegaMenu .secondLevelMobileTitle {
            display:block;
            width:100%;
            float:left;
            background:#2b3035 url(/etc/designs/dscmaturityassessment/images/mega-menu-down-arrow-black.png) no-repeat right center;
        }
         .customMegaMenu .secondLevelMobileTitle.active {
             background:#2b3035 url(/etc/designs/dscmaturityassessment/images/mega-menu-up-arrow-black.png) no-repeat right center;
             background-size: 35px;
         }
     .customMegaMenu .secondLevelMobileTitle span {
        padding: 8px 0px 8px 0px;
        float: left;
        color: #999;
        font-size: 16px;
        line-height: 20px;
        font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
        font-weight: normal;
        width: calc(100% - 60px);
        border-top: 2px solid #484b4d;
        margin: 0px 30px;
    }
    .customMegaMenu .secondLevelMobileTitle:last-child span{
       border-bottom: 0px solid #484b4d;
    }

    .customMegaMenu .nav2Col {
         background: none;
         margin-left: 0px !important;
         text-align: left;
         position: static;
         width: auto!important;
         padding: 0;
    }
    .customMegaMenu .mainNavigation .drop-area.nav2Col .drop-wrapper .drop-holder>ul {
        width:100%;
        padding:0px;
        background:#2b3035;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area>li>a:hover {
    	border-bottom:0px solid #fafafa;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.active>a {
    	border-bottom:0px solid #fafafa;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area li.has-drop.selected>a {
    	border-bottom:0px solid #fafafa;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area {
        background: #f2f2f2;
        margin-top: 0px;
        border-left: 1px solid #484b4d;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area>li {
        float: left;
        margin: 0;
        padding: 0px;
        border-bottom: 2px solid #484b4d;
        background: #2b3035;
        width: 100%;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area>li:last-child{
        border-bottom:0px;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area>li>a {
        float: none;
        padding: 11px 30px 11px 30px;
        color: #fff;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area>li.has-drop>a {
        background: url(/etc/designs/dscmaturityassessment/images/mega-menu-down-arrow-black.png) no-repeat right center;
        background-size: 35px;
    }
    .customMegaMenu .mainNavigation .nav-block>.nav-area>li.has-drop.active>a {
        background: url(/etc/designs/dscmaturityassessment/images/mega-menu-up-arrow-black.png) no-repeat right center;
        background-size: 35px;
    }
    .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a em {
        color: #fff!important;
        font-family: BentonSansMedium, Arial, Helvetica, sans-serif;
        text-decoration:none;
    }
    .customMegaMenu .mainNavigation .drop-area .drop-wrapper .drop-holder>ul>li:hover a.activenav em {
        color: #222!important;
        font-family: BentonSansBold, Arial, Helvetica, sans-serif;
        text-decoration: underline;
    }
    .customMegaMenu .secondLevelTitle {
        display:none;
    }
    .customMegaMenu .secondLevelMobileTitle {
        display:block;
        width:100%;
        float:left;
        background:#2b3035 url(/etc/designs/dscmaturityassessment/images/mega-menu-down-arrow-black.png) no-repeat right center;
        /*background-size: 35px;*/
    }
     .customMegaMenu .secondLevelMobileTitle.active {
        background:#2b3035 url(/etc/designs/dscmaturityassessment/images/mega-menu-up-arrow-black.png) no-repeat right center;
        background-size: 35px;
     }
     .customMegaMenu .secondLevelMobileTitle span {
        padding: 8px 0px 8px 0px;
        float: left;
        color: #999;
        font-size: 16px;
        line-height: 20px;
        font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
        font-weight: normal;
        width: calc(100% - 60px);
        border-top: 2px solid #484b4d;
        margin: 0px 30px;
    }
    .customMegaMenu .secondLevelMobileTitle:last-child span{
       border-bottom: 0px solid #484b4d;
    }
    .customMegaMenu .nav1Col {
         background: none;
         margin-left: 0px!important;
         text-align: left;
         position: static;
         width: auto!important;
         padding: 0;
    }
    .customMegaMenu .mainNavigation .drop-area.nav1Col .drop-wrapper .drop-holder>ul {
        width:100%;
        padding:0px;
        background:#fff;
    }
    .customMegaMenu .nav2Col {
         background: none;
         margin-left: 0px !important;
         text-align: left;
         position: static;
         width: auto!important;
         padding: 0;
    }
    .customMegaMenu .mainNavigation .drop-area.nav2Col .drop-wrapper .drop-holder>ul {
        width:100%;
        padding:0px;
        background:#2b3035;
    }
    .customMegaMenu .mainNavigation .drop-area.nav3Col .drop-wrapper .drop-holder>ul {
        width:100%;
        padding:0px;
        background:#fff;
    }
    section.quickLinks ul {
        text-align:left;
        border-width:0;
        z-index:102;
        margin:0px;
    }
    section.socialLinksGroup {
        text-align:center;
        max-width:300px;
        margin:0 auto
    }
    section.socialLinksGroup .headline {
        display:block;
        text-align:left;
    }
    section.socialLinksGroup .contentBlocks>li .linkContent {
        border-width:1px 0;
        bottom:45px
    }
    .outerContainer .action-btn{
        margin:0px 20px;
            }
    .quesOuterBlock .answer-list {
        width:calc(100% - 40px);
        margin-left:20px;
        margin-right:20px;
            height: 355px;
        overflow: auto;
        }
    .share-popup {    
        width: auto;
        margin: 25% 20px;
    }
    .share-section {
        margin-left: auto;
    }	
}
@media only screen and (min-width: 768px) and (max-width:990px) {
    #header {
        padding-left: 20px;
        padding-right: 20px;
        width:calc(100% - 40px);
   }
}
@media only screen and (max-width:990px) {
	.campaignLayout {
		padding-left: 20px;
		padding-right: 20px;
    }
    .campaignLayout .campaignForm .campaignLeftCol {
        padding-right: 15px;
    }
	.campaignLayout .campaignForm .campaignRightCol {
        padding-left: 15px;
    }
    .campaignForm .countrydropdown, .campaignForm .FirstName, .campaignForm .LastName, .campaignForm .EmailAddress, .campaignForm .Phone, 
	.campaignForm .textfield, .campaignForm .city, .campaignForm .department, .campaignForm .salutation, .campaignForm .campaignFirstRow .textfield, .campaignForm .SAPRelation,
    .campaignForm .dscDropdown.section {
        /*margin-bottom: 20px;*/
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
    .bottom-nav-section ul li {margin: 0 0 0 1.5%;}
    .bottom-nav-section ul li span {font-size: 20px;}
}
@media only screen and (max-width:900px) {
    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;
    }
    .positionClass .Title100, .customTextBlock .Title100 {
        font-size: 60px;
        line-height: 66px;
    }
}
@media only screen and (min-width: 790px) and (max-width: 812px){
    .bottom-nav-section ul li {margin: 0 0 0 3%;}
}
@media only screen and (min-width:768px) and (max-width:770px) {
    .registration .commonHero .customTextBlock{
        padding-left:20px;
        padding-right:20px;
    }
    .billboardOverlayContent {
    	width: 90%;
    }
    .billboardOverlayContent .innerOverlay {
    	padding: 0 4% 0 20PX;
	}

    .bottom-nav-section ul li img {
        width: 46%;
    }
}
@media only screen and (max-width:767px) {
    .lds-ellipsis {
        height: 20px;
    }
    .lds-ellipsis div {
        top: 12px;
        width: 6px;
        height: 6px;
    }

    .reportContainer .goBack span {
    	font-size: 14px !important;
        margin-right: 4px;
    }
    .reportContainer .goBack a, .reportContainer .goBack {font-size: 14px !important;}
    /*.quesOuterBlock .quesBlock .billboardOverlayContent .innerOverlay {
		font-size: 12px;
        line-height: 18px;
    }*/
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle .qNoData {
        right: 40px;
        top: 8px;
    }
    .mediaImage .mediaMobile {width: 100%;}
    section.footer .menu a {
        font-size: 14px;
        line-height: 20px;
    }
    .share-popup .cb-label {padding-left: 24px;}
    .share-popup .container-sharecb .checkmark {
        top: 1px;
        height: 12px;
        width: 12px;
    }
    .share-popup .container-sharecb .checkmark:after {
        width: 3px;
        height: 8px;
    }
    .share-popup .share-acknowledge {margin-top: 15px;}
    .share-popup .share-section .share-section-row {margin-bottom: 12px;}
    .share-popup h1, .share-popup h2, .share-popup h3, 
	.share-popup h4, .share-popup h5, .share-popup h6, .share-popup h7, .share-popup h8 {
        font-size: 12px;
        line-height: 18px;
    }
    .share-popup .share-acknowledge h1, .share-popup .share-acknowledge h2, .share-popup .share-acknowledge h3, 
	.share-popup .share-acknowledge h4, .share-popup .share-acknowledge h5, .share-popup .share-acknowledge h6, .share-popup .share-acknowledge h7, .share-popup .share-acknowledge h8 {
        font-size: 11px;
        line-height: 17px;
    }
    .linkButton.linkBlueBtn {
        font-size: 14px;
        min-width: 70px;
    }
    .share-section {margin-top: 15px;}
    .share-popup {
       width: 100%;
       box-sizing: border-box;
       margin: 0 !important;
       padding: 15px 30px 30px 30px;
    }
    .share-overlay-hidden {visibility: hidden !important;}
    .header-holder {padding-left:20px !important;padding-right:20px !important;}
    /*.customRegContainer .customTextBlock  .textBlockMob {display: none;}*/
    .customHomeButton {
        width: 100%;
        display: block;
        padding: 0 20px;
        max-width: 960px;
        margin: 0 auto;
        box-sizing: border-box;
        position: absolute;
    }
    .customHomeButton img {
        position: relative;
    	float: right;
        z-index: 999;
    	top: -35px;
    }
    #main {overflow: unset;}
	.reportContainer {margin-top: 30px; margin-bottom: 10px;}
    .main-selection-outer .clockIcon, .main-selection-outer .icon-bottom-left img.checkIcon, .main-selection-outer .checkIcon {
        width: 38px !important;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        height: auto !important;
        top: 18px !important;
    }
    .main-selection-outer .clockIcon, .main-selection-outer .checkIcon {height: auto !important;}
    .privacyinfoscroll {padding-left: 32px;}
    .hero .commonHeroRelative {padding-top:20px;padding-bottom:22px;}
    .bottom-nav-section {margin-top: 10px;}
    .progress-bar {margin-top: 8px;margin-bottom:0;}
    .progress-bar .bar {
        float: left;
        margin-top: 5px;
        width: 100%;
        height: 10px;
    }
.progress-bar .progress-fill-bar{height: 10px;}
    .progress-bar span {font-size: 14px;}
    .radio-bg {width: 32px;}
	.answer-list [type="radio"]:checked + label:after, .answer-list [type="radio"]:not(:checked) + label:after {
        width: 10px;
        height: 10px;
        left: 10px;
        border: 1.5px solid #fff;
    }
	.answer-list [type="radio"]:checked + label:before, .answer-list [type="radio"]:not(:checked) + label:before {
		left: 10px;
        width: 10px;
        height: 10px;
        border: 1.5px solid #fff;
    }
	.answer-list [type="radio"]:checked + label, .answer-list [type="radio"]:not(:checked) + label {
        padding-left: 44px;
        line-height: 19px;
        padding-right: 13px;
        font-size: 13px;
        box-sizing: border-box;
        width: 100%;
        word-break: break-word;
    }
    .billboardOverlayContent .quesIcon {
          right: 8px;
          top: 8px;
          width: 20px;
    }
	.innerOverlay h1, .innerOverlay h2, .innerOverlay h3, .innerOverlay h4, .innerOverlay h5, .innerOverlay h6,
    .innerOverlay h7,.innerOverlay h8,.innerOverlay h9, p {
		 line-height: inherit;
         font-size: inherit;
     }
    .quesOuterBlock .quesBlock .billboardOverlayContent .innerOverlay span {
		font-size: 15px;
    	line-height: 21px;
	}
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {
		font-size: 12px;
        line-height: 20px;
        margin-bottom: 2px;
    }
    .answer-list {margin-top: 12px;}
    .customImageWithText .customTitle span {
        font-size: 12px;
        line-height: 18px;
    }
    .main-selection-outer .icon-bottom-left, .main-selection-outer .icon-left {margin-top:0 !important;}
    .bottom-nav-section ul li span {display: none;}
    .bottom-nav-section ul li img {margin-bottom: 0;}
    .Heading7, .positionClass .Heading7, .customTextBlock .Heading7, .customHeading .Heading7 {
        font-size: 11px;
        line-height: 18px;
    }
    .main-selection-outer {margin-top: 5px;}
    .main-selection-outer .icon-top, .main-selection-outer .icon-right {margin-top: 15px;}
	.bottom-nav-section ul li .clockIcon, .bottom-nav-section ul li .checkIcon {width: 18px!important;right: 4px;top: 6px;}
    div#pmecoregroup .radioValues>div {padding-right: 24px !important;}
    .main-selection-outer .icon-top:hover, .main-selection-outer .icon-left:hover, 
    .main-selection-outer .icon-right:hover, .main-selection-outer .icon-bottom-left:hover, .main-selection-outer .icon-bottom-right:hover {
        transform: inherit;
    }
    .main-selection-outer .icon-top:hover img, .main-selection-outer .icon-left:hover img, 
    .main-selection-outer .icon-right:hover img, .main-selection-outer .icon-bottom-left:hover img, .main-selection-outer .icon-bottom-right:hover img {
        width: auto;
    }
   .main-selection-outer .icon-top img, .main-selection-outer .icon-left img, 
   .main-selection-outer .icon-right img, .main-selection-outer .icon-bottom-left img, .main-selection-outer .icon-bottom-right img{
        opacity: 1;
    }
    .formField #privacyInfo {
        margin-bottom: 12px;
    	margin-top: 5px;
    }
    div#pmecoregroup .radioValues {
        padding-top: 10px !important;
        padding-bottom: 10px;
    }
    .formField .privacyInfo {
        margin-bottom: 10px;
    }
    .campaignForm #pmecoregroup, .campaignForm #pmecoregroup .gmcpart2 {
        margin-bottom: 0;
    }
    .campaignForm #pmecoregroup .gmcpart1 {
        margin-bottom: 5px;
    }
    p, .campaignForm #pmecoregroup .gmcpart2 label, div#pmecoregroup .radioValues>div {
        font-family: "BentonSansBook", Arial, Helvetica, sans-serif;
        font-size: 12px !important;
        line-height: 18px;
    }
	.campaignForm #pmecoregroup .gmcpart2 label {float: left;}
    .Heading11, .positionClass .Heading11, .customTextBlock .Heading11, .customHeading .Heading11 {
		font-size: 12px;
            line-height: 18px;
     }
    .header-holder .logo img  {width: 55px;}
    .billboard .Heading7, .billboard .positionClass .Heading7, .billboard .customTextBlock .Heading7, .billboard .customHeading .Heading7 {
    	font-size: 16px!important;
        line-height: 24px!important;
    }
    .campaignLayout {
    	padding-bottom: 20px;
	}
    .campaignLayout .btn {
		height: 45px;
        width: 100%;
        margin-top: 0;

    }
    .campaignLayout #bottomButton.btn {
        width: 130px;
        height: 40px;
        font-size: 20px!important;
   }
.campaignForm .countrydropdown, .campaignForm .FirstName, .campaignForm .LastName, .campaignForm .EmailAddress, .campaignForm .Phone, .campaignForm .textfield, .campaignForm .city, 
.campaignForm .department, .campaignForm .salutation, .campaignForm .campaignFirstRow .textfield, .campaignForm .SAPRelation, .campaignForm .dscDropdown.section, .campaignForm .companyname {
    margin-bottom: 16px;
	}
.campaignLayout .campaignForm span.placeholdertext, .newBranding-wrapper .selectboxit-container .selectboxit, .campaignForm input[type="text"], .campaignForm select,
.newBranding-wrapper .selectboxit-container span, .newBranding-wrapper .selectboxit-container .selectboxit-options a {
    	font-size: 13px;
        overflow: hidden;
        height: 47px;
	}
	.header-holder {
        height: 24px;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area {
         overflow: auto;
         overflow-x: hidden;
         max-height: 400px;
    }
    section.socialLinksGroup .nav {
        min-width: 415px;
        left: -18px;
    }
    .campaignLayout .campaignForm .campaignLeftCol {
        padding-right: 0;
        width: 100%;
        display: block;
    }
    .campaignLayout .campaignForm .campaignRightCol {
        padding-left: 0;
        width: 100%;
        display: block;
    }

   section.hero.questionListHero .mediaImage img {height: 166px;width: 100%;object-fit: cover;}

   section.hero .sectionBlock, section.hero .mediaImage{
       min-height: 115px;
   }
	section.hero.questionListHero .mediaImag, section.hero.questionListHero .sectionBlock {min-height: 166px !important;}

	section.hero.questionListHero .mediaImage img, section.hero.questionListHero .quesBlock {height: 166px!important;}
      .billboard {
        padding: 0px 0px;
       }
      .billboardOverlayContent {
          padding: 10px 0;
          width: 88%;
      }
     .billboard .positionClass .Heading1, .billboard .customTextBlock .Heading1, .billboard .customHeading .Heading1 {
        font-size: 16px;
        line-height: 22px;
     }
	 html.ar-font .billboardTwoLogosTitle {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
    }
    html.ar-font .askQue h1 {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
    }
    html.ar-font .threeCustomerBlock .customerRow .customerRowDetail {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
	}
    html.ch-font .billboardTwoLogosTitle {
		font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
	}
    html.ch-font .askQue h1 {
    	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansBold, Arial, Helvetica, sans-serif;
    }
    html.ch-font .threeCustomerBlock .customerRow .customerRowDetail {
    	font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
    }
    html.ch-font .positionClass h1, html.ch-font .customTextBlock h1 {
    	line-height: 34px;
    }
    html.ch-font .positionClass h2, html.ch-font .customTextBlock h2 {
    	line-height: 32px;
    }
    html.ch-font .positionClass h3, html.ch-font .customTextBlock h3 {
    	line-height: 30px;
    }
    html.ch-font .positionClass h4, html.ch-font .customTextBlock h4 {
    	line-height: 28px;
    }
    html.ch-font .positionClass h5, html.ch-font .customTextBlock h5 {
    	line-height: 26px;
    }
    html.ch-font .positionClass h6, html.ch-font .customTextBlock h6 {
    	line-height: 24px;
    }
    html.ch-font .positionClass .Heading1, html.ch-font .customTextBlock .Heading1, html.ch-font .customHeading .Heading1 {
    	line-height: 34px;
    }
    html.ch-font .positionClass .Heading2, html.ch-font .customTextBlock .Heading2, html.ch-font .customHeading .Heading2 {
    	line-height: 32px;
    }
    html.ch-font .positionClass .Heading4, html.ch-font .customTextBlock .Heading4, html.ch-font .customHeading .Heading4 {
    	line-height: 32px;
    }
    html.ch-font .positionClass .Heading5, html.ch-font .customTextBlock .Heading5, html.ch-font .customHeading .Heading5 {
    	line-height: 26px;
    }
    html.ch-font .positionClass .Heading6, html.ch-font .customTextBlock .Heading6, html.ch-font .customHeading .Heading6 {
    	line-height: 24px;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading2, html.ch-font .jwplayer .customendcta .customEndData h2 {
        line-height: 26px;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading3, html.ch-font .jwplayer .customendcta .customEndData h3 {
        line-height: 24px;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading4, html.ch-font .jwplayer .customendcta .customEndData h4 {
        line-height: 22px;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading5, html.ch-font .jwplayer .customendcta .customEndData h5 {
        line-height: 20px;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading6, html.ch-font .jwplayer .customendcta .customEndData h6 {
        line-height: 18px;
    }
    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;
    }
    .jwplayer .customendcta .customEndData .customtextMob { padding:0px !important; }
    .header-holder .logo span.sitename{
        float: left;
        top: -4px;
        font-size: 14px;
    }
    .socialLinksGroup ul {
        bottom: 44px!important;
        width: 100%!important;
        background-color: rgba(0, 0, 0, 0.9);
        left: 0px;
        padding: 10px 0px;
    }
    .socialLinksGroup ul li{
        width: 25%;
        padding:10px 0px;
        border-bottom: 0px;
        background-color:Transparent;
     }
    .socialLinksGroup ul li:first-child{
        padding-left:0px;
    }
    .socialLinksGroup ul li:last-child{
        padding-right:0px;
    } 
    .socialLinksGroup ul{
    	width:100%!important;
    }
	section.footer.standardFooter .socialLinksWrap{
        margin-left:4% !important;
    	margin-right:6%;
    	padding-bottom: 9px;
    }
    section.socialLinksGroup {
        float:left;
    }
    section.quickLinks{
        text-align: left;
        position: static;
     }
    .positionClass {    
        padding: 0px 15px !important;
        width:auto!important;
    }
    .billboard .positionClass {
        padding: 0 !important;
        margin: 0px !important;
        width: 100% !important;
    }
    .main-selection-outer .positionClass {
    	margin: 10px auto !important;
    	padding: 0 10px !important;
    }
    .innerOverlay {
        padding-left: 20px;
    }
    .sectionBlock {
        margin:0 auto;
        position: relative;
        overflow: hidden;
    }
    .blockWrapper {
        width: 100%;
        margin: 0 auto;
    }
    .mediaImage {
   		background:none;
    }
    .mediaImage .mediaDesktop {
    	display:none;
    }
    .mediaImage .mediaTablet {
   		display:none;
    }
    .mediaImage .mediaMobile {
    	display:block;
    }
   .twocolumnfield {
    	padding-top: 20px;
    }
    .commonHero .twocolumnfield:last-child {
    	padding-bottom:0px;
    }
    section.quickLinks .header {
        text-align:left;
        color: #999;
        font-size: 16px;
        line-height: 24px;
        font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
    }
    section.quickLinks .header .icon-arrow-down {
   	 display:inline
    }
    section.quickLinks .header .icon-arrow-up {
    	display:none
    }
    section.quickLinks ul {
        background: 0;
        border: 0;
        padding:0;
        margin: 0px auto;
        box-shadow: none;
        width: 110%!important;
        bottom: 0 !important;
        left:-5%;
    }
    section.quickLinks ul li {
        border:0;
        display:inline-block;
        width:calc(100% - 60px);
        margin:0px;
        text-align:left;
        background-color: rgba(0, 0, 0, 0.9);
        padding: 16px 30px;
    }
    section.quickLinks ul li a {
        font-size: 16px;
        line-height: 24px;
        font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
        color: #999;
    }
    section.socialLinksGroup {
    	max-width:none;
        padding-right: 0px;
    }
    .mainNavigation .nav-block {
   	 	width:100%;
    }
    .socialLinksGroup .contBlock {
        height: 200px;
        padding: 10px 20px;
        text-align: left;
    }
    .socialLinksGroup .contBlock span img {
        margin-bottom: 8px;
        float: left;
        margin-right: 20px;
        margin-top: 8px;
    }
    section.socialLinksGroup .nav {
        min-width: 739px;
        left: -30px;
    }
    .fademodal_close {
        right: 20px;
        top: 10px;
    }
	.positionClass {
        margin: 0px auto!important;
        vertical-align: middle;
        padding: 0px 20px !important;
       width:auto!important;
    }

    .positionClass h1, .customTextBlock h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .positionClass h2, .customTextBlock h2 {
    font-size: 20px;
    line-height: 24px;
    }
    .positionClass h5, .customTextBlock h5 {
    font-size: 15px;
    line-height: 20px;
    }
    .positionClass h6, .customTextBlock h6 {
    font-size: 13px;
    line-height: 18px;
    }
    .main-selection-outer .Title100{
        font-size: 12px;
        line-height: 18px;
        font-family: "BentonSansMedium", Arial, Helvetica, sans-serif;
    }
    .positionClass .Heading6, .customTextBlock .Heading6, .customHeading .Heading6 {
        font-size: 14px;
        line-height: 18px;
    }
    .positionClass .Heading4, .customTextBlock .Heading4, .customHeading .Heading4 {
        font-size: 24px;
        line-height: 36px;
    }
    .positionClass .Heading5, .customTextBlock .Heading5, .customHeading .Heading5 {
        font-size: 16px;
        line-height: 20px;
    }
    .positionClass .Heading2, .customTextBlock .Heading2, .customHeading .Heading2{
            font-size: 18px;
            line-height: 20px;
    }
    .positionClass .Title66, .customTextBlock .Title66 {
        font-size: 32px;
        line-height: 38px;
    }
    .positionClass .Heading1, .customTextBlock .Heading1, .customHeading .Heading1 {
        font-size: 24px;
        line-height: 28px;
    }
    html.ch-font .positionClass h1, html.ch-font .customTextBlock h1 {
        line-height: 34px;
    }
    .positionClass h3, .customTextBlock h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .positionClass .Title72, .customTextBlock .Title72 {
        font-size: 48px;
        line-height: 52px;
    }
    .customMegaMenu .mainNavigation .nav-block .nav-area {
        overflow: auto;
        overflow-x: hidden;
        max-height: 350px;
    }
    .jwplayer .customendcta .customEndData .Heading1, .jwplayer .customendcta .customEndData h1 {
        font-size: 26px;
        line-height: 30px;
        padding: 2px 0;
    }
    .jwplayer .customendcta .customEndData .Heading2, .jwplayer .customendcta .customEndData h2 {
        font-size: 24px;
        line-height: 28px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading2, html.ch-font .jwplayer .customendcta .customEndData h2 {
        line-height: 26px;
    }
    .jwplayer .customendcta .customEndData .Heading3, .jwplayer .customendcta .customEndData h3 {
        font-size: 22px;
        line-height: 26px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading3, html.ch-font .jwplayer .customendcta .customEndData h3 {
        line-height: 24px;
    }
    .jwplayer .customendcta .customEndData .Heading4, .jwplayer .customendcta .customEndData h4 {
        font-size: 20px;
        line-height: 24px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading4, html.ch-font .jwplayer .customendcta .customEndData h4 {
        line-height: 22px;
    }
    .jwplayer .customendcta .customEndData .Heading5, .jwplayer .customendcta .customEndData h5 {
        font-size: 18px;
        line-height: 22px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading5, html.ch-font .jwplayer .customendcta .customEndData h5 {
        line-height: 20px;
    }
    .jwplayer .customendcta .customEndData .Heading6, .jwplayer .customendcta .customEndData h6 {
        font-size: 16px;
        line-height: 20px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading6, html.ch-font .jwplayer .customendcta .customEndData h6 {
        line-height: 18px;
    }
    .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;
    }
    .answer-list {
        width: 100%;
        box-sizing: border-box;
        height:256px;
        overflow-y: auto !important;
    }
    .radio-row {
        width: 100%;
        padding-top: 8px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }
	.tooltip {
		position: fixed;
        width: 106%;
        height: 1550%;
        background: rgba(0,0,0,0.8);
        /*top: -82%;*/
    	top: -60px;
        z-index: 10003;
        padding: 0 30px;
        box-sizing: border-box;
    }
	.tooltip .right {
        right: 0;
        left: 0;
    	top: 60px;
        min-width: auto;
        max-width: 100%;
        width: 90%;
        margin: 0% auto;
        border: none;
    }
    .tooltip .right i {
        display: none;
    }
    .tooltip .text-content p {
	  font-size: 15px !important;
      font-style: italic;
    }
    .tooltip .text-content {padding: 30px 50px 30px 30px;}
	.tooltip .right img {top: 15px;}
    .main-selection-outer {
        width: 100%;
        height:auto;
        margin: auto;
        margin-top: 10px;
        border:none;
        border-radius: unset;
    }
    .main-selection-outer .icon-top, .main-selection-outer .icon-right, .main-selection-outer .icon-left, .main-selection-outer .icon-bottom-left, .main-selection-outer .icon-bottom-right{
        float:left;
        position:relative;
        padding:0px;
        margin-top:25px;
        min-height: 144px;
    }
    .main-selection-outer .icon-top img, .main-selection-outer .icon-right img, .main-selection-outer .icon-left img, .main-selection-outer .icon-bottom-left img, .main-selection-outer .icon-bottom-right img{
        opacity: 1;
        filter: alpha(opacity=100);
        width: auto;
        height: 70px;
     }
    .main-selection-outer .icon-top {
        width: 33%;
        left: unset;
        top: unset;
    }
    .main-selection-outer .icon-right{
        width: 33%;
        right: unset;
        top: unset;
    }
    .main-selection-outer .icon-left{
        width: 33%;
        left: unset;
        top: unset;
    }
    .main-selection-outer .icon-bottom-left{
        width: 33%;
        left: unset;
        top: unset;
        margin-left: 16.5%;
    }
    .main-selection-outer .icon-bottom-right{
        width: 33%;
        right: unset;
        top: unset;
    }
    .main-selection-outer .customImage{
        margin-bottom: 15px;
        text-align: center;
    }

    .main-selection-outer .main-selection-details .title{
        font-size:12px;
     }
    .main-selection-outer .main-selection-details {
        text-align: left;
        width: 90%;
        left: 5%;
    }
    .bottomText {
        font-size: 11px;
        margin-top: 20px;
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
    }
    .outerContainer .action-btn a.linkBlueBtn {
        font-size: 14px;
        min-width: auto;
    	margin-top: 10px;
    }

    .outerContainer .action-btn .buttonBlockLeft .linkBlueBtn{
        /*padding-left: 20px;
        padding-right: 0px;*/
    	padding: 5px 10px 5px 24px;
        border: 0;
        background-size: 10px;
        background-position: 9px center;
     }

    .outerContainer .action-btn .buttonBlockLeft a {
        background-position:0px;
        background-size: 12px;
    }
    .outerContainer .action-btn .buttonBlockRight a{
        background-size: 12px;
        background-position-x: calc(100% - 0px); 
    }
    .outerContainer .action-btn .buttonBlockRight .linkBlueBtn{
        /*padding-right: 20px;
        padding-left: 0px;*/
        padding: 5px 24px 5px 10px;
        border: 0;
        background-size: 10px;
        background-position: 45px center
    }
    .outerContainer .action-btn .buttonBlockLeft{
        margin-right: 7px;
    }
    
    .outerContainer .action-btn .buttonBlockRight{
        margin-left: 7px;
    }
    
    .share-left-section {
        float: left;
        width: 48%;
    }	
    .share-input-section {
        float: right;
        width: 50%;
    }	
    .share-input-section input[type="text"] {
        width: 100%;
    }
    .share-popup p {
        font-size: 16px;
        line-height: 22px;
    }
    .share-popup h1 {
        font-size: 18px;
    	line-height: 24px;
    }
    .cb-label {
        font-size: 16px;
        padding-left: 30px;
    }
    .container-sharecb .checkmark {
        top: -1px;
        }
    .share-popup .close-icon {
        right: 10px;
        top: 10px;
    	display: none;
    }
    .reportContainer .shareReport, .reportContainer .getReport, .dscThankYouReportShare .reportContainer .dscLink {
        font-size: 14px !important;
        }
    .pdfUrlText {
        font-size: 14px;
    	float: none;
		}
	}
@media only screen and (max-width: 806px){
	/*.bottom-nav-section ul {height: 94px;}*/
}
@media only screen and (min-width: 500px) and (max-width: 740px){
    .bottom-nav-section ul li {
        margin: 0 0 0 6.5%;
        padding: 20px 3% 10px 3%;
    }
    .bottom-nav-section ul li .waiting-stat {
        right: 4px;
    }
    .bottom-nav-section ul li img {
        width: 82%;
    }
    .bottom-nav-section ul li .waiting-stat img {
        width: 74%;
    }

}
@media only screen and (max-width:670px) {
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle .qTitleHText {margin-right: 20px;}
    section.socialLinksGroup .nav {
        min-width: 667px;
        left: -78px;
    }
    .billboardleft .positionClass {
        width: 90% !important;
    }
}
@media only screen and (max-width:670px) {
    .main-selection-outer .icon-top, .main-selection-outer .icon-right, .main-selection-outer .icon-left, .main-selection-outer .icon-bottom-left, .main-selection-outer .icon-bottom-right{
       min-height: 192px;
    }
}
@media only screen and (max-width:580px) {
   .reportContainer .shareReport, .reportContainer .getReport, .dscThankYouReportShare .reportContainer .dscLink, .reportContainer .goBack a, .reportContainer .goBack {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .reportContainer .goBack, .reportContainer .goBack a {float:none;/*display: inherit;*/}
    .reportContainer .goBack span {float:none;top: 0px;}
	.reportContainer .goBack a {display: inline;}
}
@media only screen and (max-width: 499px){
   .category-wrap {align-self: center;}
   .bottom-nav-section ul li .waiting-stat {
        right: -2px;
        top: 5px;
    }
    .bottom-nav-section ul{
        background: #343434;    
    }        
    .bottom-nav-section ul li {
        margin: 0 0 0 3%;
        padding: 24px 0% 10px 0%;
        text-align: center;
        background: #343434;    
    }
    .bottom-nav-section ul li img {width: 65%;}
    .bottom-nav-section ul li .waiting-stat img {width: 60%;}
    .share-left-section {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .share-input-section {
        float: right;
        width: 100%;
    } 


}
@media only screen and (min-width:414px) and (max-width:420px) {
    .answer-list {
        height: 205px;
        overflow-y: auto;
    }
}
@media only screen and (max-width:400px) {

    .header-holder .logo span.sitename{
         font-size: 11px !important;
         margin-left: 3px;
    }
    .mediaImage .mediaMobile {
    	width: inherit;
        height: 100%;
    }
    section.socialLinksGroup .nav {
        min-width: 378px;
        left: -36px;
    }
    section.quickLinks ul {left: -20px;}
    .quesOuterBlock .quesBlock .billboardOverlayContent .innerOverlay span {
    font-size: 12px;
    line-height: 18px;
}            
}

@media only screen and (max-width:320px) {
    .header-holder .logo span.sitename {font-size: 10px !important;margin-left: 3px;}
    .header-holder .logo img {width: 40px;}
    .header-holder .logo a {margin-top: 2px;}
    .header-holder .logo span.sitename {font-size: 15px;}
    .header-holder .logo img {width: 50px;}
    .main-selection-outer .icon-bottom-right {
		margin-top: 25px !important;
    }
    .main-selection-outer .icon-bottom-left, .main-selection-outer .icon-left {
		margin-top: 15px !important;
    }
    .bottom-nav-section ul li .waiting-stat img {
        width: 55%;
    }
    .bottom-nav-section ul li .waiting-stat {
        right: -3px;
        top: 4px;
	}
    .icon-bottom-right, .icon-bottom-left {
        margin-top: 0px !important;
    }
    .main-selection-outer .positionClass {
    	padding: 0px 10px !important;
    }
	.positionClass h3, .customTextBlock h3 {
         font-size: 16px;
         line-height: 22px;
    }
    .positionClass {
        margin: 20px auto!important;
    }

.hero .commonHeroRelative .centerBlock .customTextBlock .positionClass {
    margin: 0px auto!important;
}

    section.quickLinks ul{
        min-width: 350px;
    }
    section.socialLinksGroup .nav {
        min-width: 325px;
    }
    .positionClass h3, .customTextBlock h3 {
        font-size: 16px	;
        line-height: 22px;
    }
    .bottomText {
        margin-top: 10px;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .billboardOverlayContent {width:982px;}
    .reportContainer {
		padding:0 20px;
        float: left;
    }
	.campaignForm select {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .main-selection-outer {
        width: 600px;
        height: 600px;
    }
    .main-selection-outer .icon-left {
        top: calc(50% - 100px);
        left: -10%;
    	width: 90px;
    }
    .main-selection-outer .icon-right {
        top: calc(50% - 100px);
    	width: 90px;
    }
    .main-selection-outer .icon-top {
        top: -70px;
    	width: 90px;
    }
    .main-selection-outer .icon-bottom-left {
        bottom: calc(0% - -3px);
        width: 115px;
        left: 14%;
    }
    .main-selection-outer .icon-bottom-right {
        bottom: calc(2% - 0px);
    	width: 90px;
     }
	.Title100 {
		font-size: 60px;
    	line-height: 68px;
	}
	.Heading7 {
		font-size: 25px;
    	line-height: 32px;
	}

}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	/*.innerOverlay, .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {padding-left: 8%;}*/
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {

    .billboardOverlayContent .innerOverlay {
        padding-left: 3.5%;
    }
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle{
    	padding-left: 3.5%;
    }
}
@media only screen and (min-width: 771px) and (max-width: 919px){
    .billboardOverlayContent {
        width: 92%;
    }
}
@media only screen and (max-width: 768px) {
    .reportContainer .dscLink, .reportContainer .goBack a, .reportContainer .goBack, .reportContainer .shareReport {font-size: 18px;} 
    .share-popup {
        margin: -170px 20px;
    }
}
@media only screen and (min-width: 375px) and (max-width: 399px) {

    .quesOuterBlock .quesBlock .billboardOverlayContent .innerOverlay span {
        font-size: 12px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 440px) {
    .quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle .qNoData {
        right: 33px;
        font-size: 11px;
    }
	.quesOuterBlock .quesBlock .billboardOverlayContent .quesTitle {padding-right: 23%;}
}


