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

body{background:url(../images/bg_navigating_change.jpg) no-repeat top left ; background-attachment:fixed; background-size:cover; background-color:#000000; font-family: "BentonSansBook"; font-weight: normal;font-size: 1.3vw;}

.logosection{ z-index: 1111;  position: fixed;   width: 90%;  /*background: rgba(0,0,0,0.3); */ padding: 2vw 5% 0.5vw 5% !important; }
.logo img{width:5vw;}
#section0 .fp-tableCell, #section1 #slide2 .fp-tableCell{ padding:0px !important; }
.headsec{padding:8.3vw 5% 0.3vw 5% !important; position: relative; z-index: 1;}
#section1 #slide2 .sap_contentList{padding:7vw 5% 0.3vw 5% !important; position: relative; z-index: 1;}
.headsec{height:100%;}
.sapcontent{width:100%;line-height: 1.7vw;}
.sapcontent.sapcontent60{width:57%;}
.sapcontent .sap_gold{font-family: "BentonSansMedium";}
.section a{color:#0FAAFF;}
.sapcontent ul{ padding:10px 0 0 22px; margin:0;}
#section2 .sap_contentList, #slide1 .sap_contentList{padding:7vw 0 0 0;}
.sap_contentList, .rightside_block_top_padding{padding:7vw 0 0 0;}
.paddingtop{padding:7vw 0 0 0;}

#section1 .fp-slidesContainer .slide#slide3{ }
.nano-pane{display:block !important;}

.pclickshow {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: none; background: #000;
    
}

/*#boxscroll {
	height: 74vh;
	width:100%;
	background-color: #00FF66;		
	color: #006633;
	overflow: auto;
}
#cfo_cio .chat-listcontainer {}
#cfo_cio .chat-container {
	background: #bba;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px rgba(255,255,255,.6) solid;
	height: 500px;
	width: 100%;
	margin: auto;
}
*/
.nano .nano-content {
	padding: 20px;
}


.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : visible; /* Target only IE7 and IE8 with this hack */
  opacity    : 1;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  
}

.slide a{ color:#00A1E4; text-decoration:none; font-family: "BentonSansMedium";}
a{ text-decoration:none;}
.reg{ font-size:43px; font-weight:normal; vertical-align:top; margin:0;}

.head-title1{position:absolute;   bottom:15vw;left:0;   margin:0vw 0 0 0px; width:100%;}
.head-title {
    font-size: 2.95vw;
    position:relative;    
    margin:0vw auto;
    padding:0;
    line-height: 3.7vw;
    color:#fff;
    font-family: "BentonSans-Light";
    font-weight:normal;    
    text-align:left;
    width:62.4vw;
}
h4.head-title4{font-size: 1.9vw; font-family: "BentonSansRegular"; margin:0 0 20px 0; line-height:2.1vw;font-weight: normal;}
h1.head-title span{ color:#FDB913;}
h3.head-title {
    font-size: 1.62vw;line-height: 2vw;
    position:relative;
    top:0px;
    margin:0px 0 0 0px;
    padding:1vw 0 1.7vw 0px;    
    color:#fff;
    font-family: "BentonSansBook"; text-transform: uppercase;
    font-weight:normal;    
    text-align:left;
    width:100%;
}
h3.head-title.boldstyle{font-family: "BentonSansBold"; font-weight:normal; text-transform: none; font-size: 2.5vw;   line-height: 2.7vw;}
h3.head-title.head-title1{font-size: 25px !important;  line-height:33px !important;}
.img_fullwidth1 img{width:100%;}
.img_fullwidth img{width:100%; }
.img_fullwidth { position:relative; margin:1vw 0 0 0; }

.overflow_content{overflow-y: scroll; overflow-x: hidden; height: 62.2vh;padding: 0 5px 0 0; overflow: -moz-scrollbars-vertical; -webkit-overflow-scrolling: auto;-ms-overflow-style: scrollbar}
#section4 .overflow_content{height: 64vh;}
sub, sup{font-size: 68% !important; }

.overlayscrollhide, .overlayscrollhide1{position:absolute; width:100%; height:100%; left:0; top:0;  display:none;z-index: 11; }
.overlayscrollhide.sdisplay, .overlayscrollhide1.sdisplay{display:block;}

.pos_rel{ position: relative;}
.pos_absolute{ position: absolute;}
img.pos_absolute{left:0; top:0;}

#section0 .sap_contentList { padding: 0 0 0 9%;}

#section1{ background:url(../images/bg_navigating_change.jpg) no-repeat top center; background-size:cover;}
#section1::before{ background:url(../images/bg_black1.png) no-repeat top center; background-size:cover; content:" ";position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}
#section2{ background:url(../images/bg_launch_transformation.jpg) no-repeat top center; background-size:cover; color:#000;}
#section3{ background:url(../images/bg_build_case_2.jpg) no-repeat top center; background-size:cover;}
.fp-viewing-sap_section3-0 #section3{background:url(../images/bg_build_case_1.jpg) no-repeat top center; background-size:cover; }
#section4{ background:url(../images/bg_course_of_action.jpg) no-repeat top center; background-size:cover;}
#section5{ background:url(../images/bg_bestpath.jpg) no-repeat top center; background-size:cover;}
#section6{ background:url(../images/bg_course_of_action.jpg) no-repeat top center; background-size:cover;}
#section7{ background:url(../images/bg_bestpath.jpg) no-repeat top center; background-size:cover;}

.home_gradient{background:url(../images/home_gradient.png) no-repeat bottom left ; background-size:cover;  position:absolute; left:0; bottom:0vw; width:100%; height:100%; z-index: 0;}

/*.whitebg .slide{ background: rgba(255,255,255,0.9);     }
.whitebg .slide.no_full_white_bg {background:transparent; }*/
.whitebg .slide .bottomnote{color:#000000;}
.whitebg .slide{ color: #000;    }
.whitebg_overlay{content:" ";background:rgba(255,255,255,0.9); position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}
.whitebg_overlay.whitebg65{content:" ";background:rgba(255,255,255,0.9); position:absolute; left:0; top:0; width:65%; height:100%; z-index: 0;}
/*.whitebg .slide.no_full_white_bg::before{content:" ";background:rgba(255,255,255,0.9); position:absolute; left:0; top:0; width:65%; height:100%; z-index: 0; }*/
#section2.whitebg .whitebg65::after{content:" ";background:rgba(0,0,0,0.5); position:absolute; right:-54%; top:0; width:54%; height:100%; z-index: 0; }
.whitebg .slide h3.head-title, .white_overlay, .white_overlay h3.head-title{color: #000;}
.white_overlay::before{content:" ";background:rgba(255,255,255,0.9); position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0; }
.black_overlay::before{content:" ";background: rgba(0,0,0,0.8); position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}
.black_overlay1::before{content:" ";background: rgba(0,0,0,0.65); position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}
.sap_contentList{ z-index: 11; height:50%; }
.global_vision_executive.box-sec2{margin:0px;}
#section1 #slide2 .sap_contentList{height: auto;}
#section1 #slide3 .sap_contentList, #section1 #slide4 .sap_contentList, #section1 #slide5 .sap_contentList,
#section3 #slide8 .sap_contentList{height: 96%;}
#section1 #slide3 .sapcontent_wrapper_inner{height: 100%;}
#section1 #slide3 .sapcontent{height: 86%; width:100%;}
#section1 #slide3 #gve_slide{height: 100%; }
#section1 #slide3 .carousel-inner, #section1 #slide3 .carousel-inner .item{height: 100%;}
#section1 #slide3 .carousel-inner .item.thirditem .arrow_section {  bottom: 2px;  opacity: 1;}
#section1 #slide3 .carousel-control {  top: 24%; bottom: 0; left: -6%; width: 3vw; height: 5.3vw;filter: alpha(opacity=100);  opacity: 1; }
#section1 #slide3 .carousel-control.right {  right: -6%;  left: auto;}
#gve_slide .carousel-control img {  width: 3vw;  height: 5.3vw;}
#section1 #slide3 .carousel-inner .item.thirditem .arrow_section img {  width: 1.8vw;  margin: 0.8vw 0.5vw; height:auto;}
.fp-viewing-sap_section1-2 .sec1slidebnav.arrow_section .narrow {opacity:0.5;}
.fp-viewing-sap_section1-2 #slide3 .arrow_section .narrow {  height:0;}

.clear_left{clear:left;}

.gvep li{line-height: 1.4vw;}
#section3 #slide8 .rightside_block {line-height: 1.6vw;}

.left_content{width:77%;}
.right_content{width:28%; position: absolute; right: 0; bottom:0; height: 100%;}
.sec4slide1rightcontent {width:28%; position: absolute; right: 6%; bottom:0; height: 100%;}
.left_content br{display:none;}
#section4 #slide1 .left_content, #section4 #slide8 .left_content{width:68%;}

.sapcontent_wrapper_inner td{ vertical-align:top; }
.aligncentermiddle td{vertical-align:middle; text-align:center;}
.valign_middle td{vertical-align:middle; }
.sapcontent_wrapper_inner p{ margin:0 0 0.9vw 0;}

.slide .sap_arrows{position: absolute; top: 43%;}
.nextarrow{right: 0;}
.prevarrow{left:0;}
.nextarrow img, .prevarrow img{width: 3vw;}

.scrolltop{}

.search_section{ position: fixed; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; z-index: 11111; background: rgba(0,0,0,0.9); display:none;}
.search_section.darkbg{background: #000;}
.search_section.show_search_section{display: block;}
.search_btn{background: #0FAAFF; border-radius: 0 0 0 2vw; border: 0; outline: 0; position: absolute; right: 0; top:0;font-family: "BentonSansMedium"; padding:1.5vw 4vw; color: #fff;height: 4vw;font-size: 1.3vw;line-height: 1vw; }
.search_close{background: #fff; border-radius: 0 0 0 2vw; border: 0; outline: 0; position: absolute; right: 0; top:0;font-family: "BentonSansMedium"; padding:0.5vw 1vw 0.5vw 1.5vw; color: #0FAAFF; font-size: 2vw;height: 4vw;}
.search_close img{width:2vw;margin: -0.3vw 0 0 0;}
.apply_filter{background: #0FAAFF; border-radius: 0 0 2vw 2vw; border: 0; outline: 0; position: absolute; left: 42%; top:-3px;font-family: "BentonSansMedium"; padding:1.5vw 4vw; color: #fff;height: 4vw;line-height: 0.8vw;z-index: 11;font-size: 1.3vw; }
button#backapplyfilter { left: -6%;  padding: 1.5vw 2vw; border-radius: 0 0 2vw 0vw;}
button#resultbtn {  }
.search_wrapper, .searchcontent {  width: 100%;  height: 100%;  position: relative;}
.search_content_wrapper{ width: 90%;   margin:0 auto; padding: 8vw 0 0 0; position: relative; color: #ffffff; }
.filter_result{height: 49vh;  overflow-y: scroll;}
div#resultData {
    min-height: 400px;
}
#popUp{
	position:fixed;
	top:0; bottom:0; left:0; right:0;
	padding:70px 15px;
	z-index: 999;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
	background-color: rgba(0,0,0,.95);
	visibility:hidden;
	opacity: 0;
  transition: visibility 0s .2s, opacity .2s linear;
	color: #FEFEFE; height: 300px;
}
#popUp.show{
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
#popUp .close-btn{
	position:absolute;
	width:30px;
	height:30px;
	top:15px; right: 15px;
	font-size:28px;
	line-height:30px;
	text-align:center;
	cursor:pointer;	
	z-index:9999;
}

#popUp .close-btn:hover{
	color:#b0b0b0;
}
.options input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
    left: 0;
    top: 0;
    z-index: 1;
}
.options input {
    margin: 0 6px 0 0;
}
.options {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.options input:checked ~ .checkmark {
    background-color: #0FAAFF;
}
.options .checkmark {
    position: absolute;
    top: 0.1vw;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
}
.options input:checked ~ .checkmark:after {
    display: block;
}
.options .checkmark:after {
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 0px solid #fff;
}
.options .checkmark:after {
    content: " ";
    position: absolute;
    display: none;
}
.filter_categories{}
.filter_wrapper {   margin:1.5vw 0 2vw 0;}
.filter_text{display:inline-block; padding: 0.5vw 2.5vw 0.5vw 1.5vw;  border-radius: 16px; margin: 0 0.3vw 0 0; position:relative;  background:#0FAAFF; text-transform: uppercase;line-height: 1.5vw;font-size: 1.2vw;}
.filter_text:after{position: absolute; content: " "; width:1vw; height:1vw; background:url(../images/closebtn.png) no-repeat 0 0; background-size:1vw; right: 0.8vw;  top: 0.75vw;   cursor: pointer;}
.search_content_wrapper h4{ text-transform: uppercase; font-weight:normal; margin:0 0 1.5vw 0;}
.search_content_wrapper td{ vertical-align: top;}
.filter_links{width:55%;padding: 1.6vw 2vw;  border-bottom: 1px solid #555; background: url(../images/icon_arrow.png) no-repeat 99% 50%; background-size: 1.5vw;}
.filter_links span{display: block; width:100%;font-family: "BentonSansMedium";}
.filter_links a{color:#fff;}

button, button:hover, button:focus {   outline: 0;border: 0; cursor: pointer;}


h3.head-title.head-title1{font-size: 45px;line-height: 55px;}
h3.head-title span{ color:#f0ab00;}
.sap_contentList h4{font-size: 1.4vw; margin: 0 0 0.4vw 0; text-transform: uppercase;font-family: "BentonSansMedium";    font-weight: normal;}

.homegraph{width: 100vw;  position: absolute;   bottom: 0;z-index: 0;}
.homegraph_width1 img, .homegraph_width2 img{position: relative;   bottom: 0;  width: 103vw;    left: -2.5vw;}
.homegraph, .homegraph_width1, .homegraph_width1 img, .homegraph_width2, .homegraph_width2 img  {height: 78vh; }

.download_btn { padding: 15px 0 16px 30px; margin: -23px 12px 0 0px; font-weight: bold; text-align: right;}
.download_btn a{ color:#00A1E4; font-size: 0.9vw; text-decoration:none;     vertical-align: middle;font-family: "BentonSansMedium"; }
.download_btn a img{ vertical-align: middle; margin:-3px -1px 0 7px; width:20px;}
.download_btn a span{display:none;}
.download_btn a:hover span{display:inline-block;}

.pblock{float: left; width: 27.5vw; border: 1px solid #0076cb; background: rgba(255,255,255,0.1); text-align: center; color: #fff; margin: 0 1vw 1vw 0;font-family: "BentonSansMedium";font-size: 1vw;line-height: 1.4vw;}
.pblock.nomarginright{margin-right: 0px;}
.pblock_arrow{ background: url(../images/popup_arrow.png) no-repeat 96% center;background-size: 1.2vw;}
.pblock a{width: 100%;  display: block; padding: 0.8vw 0; color:#ffffff; text-decoration: none;}
.pblock a:hover, .pblock a:focus, .slide a:hover, .slide a:focus, .section a:hover{color:#0076cb;}


.csapgold, p.csapgold, div.csapgold, .sap_marquee p.csapgold, .sap_gold, a.sap_gold{color:#f0ab00;}
.slide a.sap_gold{color:#f0ab00;}
.csapgold{ font-size:28px;}

.if_section{font-size: 1.1vw;line-height: 1.4vw; margin:3vw 0 0 0; background: url(../images/if-sap.png) no-repeat top left; background-size: 100% 100%; padding: 0.8vw; position: relative;}
.if_wrapper{}
.if_table_sec{    width: 54.5vw;}
.if_table td{ vertical-align: middle; text-align: center;padding: 0.2vw 0;}
.if_table .td_nopadding{padding:0;}
.if_table_blue{border:1px solid #0FAAFF; margin:0px 0px 2px 0px;}
.td_blue{ background: #0FAAFF;}
.if_table_orange{border:1px solid #FDB913;}
.tablemargin, .if_table_orange table{margin:1px 2px 2px 2px;}
.td_orange{background: #FDB913;}
.if_img{width:3.5vw;}
.if_right{position: absolute;  right: 3vw;  top: 4.8vw;}
.if_right td{vertical-align: middle;}
.if_right img{width:2vw;}
.if_right span{color:#FDB913; font-family: "BentonSansMedium";}

#section0 .fp-tableCell{ vertical-align:top;}
#section1 .fp-tableCell{ vertical-align: top;}
#section1 .sapcontent{ padding: 0 0 0 0;}
#section2 .sap_contentList{margin: 0 0 -2vw 0;}

.gve_chat_sec{display:block; position:relative;}
.gve_chat_list{display:block; vertical-align: top; width:100%; position: relative;/*height:0;*/}
.gve_chat_img{width: 7vw; display:inline-block; vertical-align: top;}
.gve_chat_img img{width: 6vw;}
.gve_chat{width:44vw;display:inline-block; vertical-align: top;}
ul.chat-message-list9, ul.chat-message-list10, ul.chat-message-list11{margin-top:1vw !important;}

/* width */
::-webkit-scrollbar {
  width: 12px;
}

::scrollbar {
  width: 12px;
}

/*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px #ccc; 
  border-radius: 10px;
   background: #ccc;
}
 ::scrollbar-track {
  box-shadow: inset 0 0 0px #ccc; 
  border-radius: 10px;
   background: #ccc;
}


::-webkit-scrollbar-thumb {
  background: #bbb; 
  border-radius: 10px;
  border: 3px solid #ccc;
}

::scrollbar-thumb {
  background: #bbb; 
  border-radius: 10px;
  border: 3px solid #ccc;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa; 
}

::scrollbar-thumb:hover {
  background: #aaa; 
}*/
div.chat-container
{	scrollbar-face-color:#393838;
scrollbar-arrow-color:#1f1e1e;
scrollbar-track-color:#1f1e1e;
scrollbar-shadow-color:#393838;
scrollbar-highlight-color:#393838;
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-Color:#202020;
scrollbar-width: thin;
  border-color: #aaa; border-radius: 10px;}
div.chat-container::-webkit-scrollbar-track, div.popup_overflow::-webkit-scrollbar-track, div.filter_result::-webkit-scrollbar-track{background: #1f1e1e; border-radius: 10px; }
div.chat-container::-ms-scrollbar-track, div.popup_overflow::-ms-scrollbar-track, div.filter_result::-ms-scrollbar-track{background: #1f1e1e; border-radius: 10px; }
div.chat-container::-moz-scrollbar-track, div.popup_overflow::-moz-scrollbar-track, div.filter_result::-moz-scrollbar-track{background: #1f1e1e;  border-radius: 10px;}
div.chat-container::-o-scrollbar-track, div.popup_overflow::-o-scrollbar-track, div.filter_result::-o-scrollbar-track{background: #1f1e1e; border-radius: 10px; }
div.chat-container::scrollbar-track, div.popup_overflow::scrollbar-track, div.filter_result::scrollbar-track{background: #1f1e1e; border-radius: 10px; }
.chat-container::-webkit-scrollbar-button {display:none}

div.chat-container::-webkit-scrollbar-thumb, div.popup_overflow::-webkit-scrollbar-thumb, div.filter_result::-webkit-scrollbar-thumb{background: #393838;border: 3px solid #1f1e1e; border-radius: 10px; }
div.chat-container::-ms-scrollbar-thumb, div.popup_overflow::-ms-scrollbar-thumb, div.filter_result::-ms-scrollbar-thumb{background: #393838;border: 3px solid #1f1e1e; border-radius: 10px; }
div.chat-container::-moz-scrollbar-thumb, div.popup_overflow::-moz-scrollbar-thumb, div.filter_result::-moz-scrollbar-thumb{background: #393838;border: 3px solid #1f1e1e; border-radius: 10px; }
div.chat-container::-o-scrollbar-thumb, div.popup_overflow::-o-scrollbar-thumb, div.filter_result::-o-scrollbar-thumb{background: #393838;border: 3px solid #1f1e1e; border-radius: 10px; }
div.chat-container::scrollbar-thumb, div.popup_overflow::scrollbar-thumb, div.filter_result::scrollbar-thumb{background: #393838;border: 3px solid #1f1e1e; border-radius: 10px; }

#videoBG {
    position:fixed;
    z-index: 1;
/*not work if the screen ratio is below 16/9*/
    width:100%;     
    height: auto;
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}

@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
    body {
        background: url('poster.jpg');
        background-size: cover;
    }
}


.right_slides{
	position: absolute;
    right: 3%;
    top: 10vw;
    width: 28%; color:#fff;    z-index: 111; font-size:1.5vw;font-family: "BentonSans-Light"; display:none;
}
.right_slides.slide2_slider{display:block;}
.sec2slide5rightcontent, .sec3slide6rightcontent, .sec4slide1rightcontent{display:none;}
.shows2rt, .shows3rt, .shows4rt{display:block;}
.sec3slide6rightcontent {color:#fff;}
.right_quote_icon{display:block; margin:0 auto 1vw auto; width:7vw; transform: rotate(180deg);-webkit-transform: rotate(180deg); 
 -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.right_smalltext{font-size:0.9vw; line-height: 1.2vw; color:#0FAAFF;}

.inslider_dots{ display:block; width:100%; position:relative; bottom:0; text-align:center; }
.inslider_dots span{
  cursor: pointer;
  height: 1vw;
  width: 1vw;
  margin: 0 2px;
  background: url(../images/bullet.png) no-repeat top left ; background-size: 1vw;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; border:0px solid #0076CB; position:relative; 
  
}
.inslider_dots span.active{background: url(../images/bullet_active.png) no-repeat top left ; background-size: 1vw; }
.right_slides .prev, .right_slides .next { display:none;}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4s;
  animation-name: fade;
  animation-duration: 4s;
}
@-webkit-keyframes fade {
  from {opacity: 0.9} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}

.video-w3l {
    background: rgba(0, 0, 0, 0.46);
    min-height: 100vh;
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

.rotate90{transform: rotate(180deg);}

.centerblock1{width:60%; margin: 0 auto;font-size: 1.7vw;line-height: 2vw;font-family: "BentonSans-Light";}
.centerblock1 img{width: 5vw;
    display: block;
    margin: 4vw auto 1vw;}
.bottomnote{position: absolute;  left: 5%;  bottom: 80px;}
#section4 #slide6 .bottomnote, #section4 #slide11 .bottomnote, 
#section5 #slide2 .bottomnote {   position: relative;   left: 0;   bottom: 0;}
#section4 #slide6 .bottomnote .smalltext, #section4 #slide11 .bottomnote .smalltext, #section5 #slide2 .bottomnote .smalltext{margin-bottom: 0.8vw;}

.global_vision_executive img, #gve_slide img{height: 11vw;  margin: 0 auto;  display: block;}
.global_vision_executive .exe_name, #gve_slide .exe_name{font-family: "BentonSansRegular"; color:#0FAAFF; text-transform: uppercase; margin: 1vw 0 1vw 0;font-size: 1.4vw; line-height: 1.7vw; text-align: center;}
.global_vision_executive .exe_desc, #gve_slide .exe_desc{font-family: "BentonSansBook";font-size: 1.1vw;}

.margin2{margin: 1.3vw 0 0 0;float:left; width: 100%;}
.arrow_section{ text-align:center; position:fixed; bottom:33px; left:25%; width:50%;height: 3vw;opacity: 0;}
#slide1 .arrow_section{opacity:0;bottom: -8px;}
.active #slide1.active .arrow_section{bottom: 33px;}
.section #slide1 .arrow_section{left:-75%; display: none;}
.section.active #slide1.active .arrow_section{left:25%; display: block;}
.section .arrow_section{display: none;}
.section.active .arrow_section{display: block;}
.parrow{left: 36.18%;}
.narrow{left: 55%;}
.nslide img{transform: rotate(-180deg);}
.pslide img{/*transform: rotate(90deg);*/}
.nsec img{transform: rotate(180deg);}
.arrow_section .sap_arrows {background: rgba(15,170,255,0.8);height: 3vw; padding:0 0.3vw;position: absolute;  top: 0;}
.arrow_section img{ width: 1.8vw;   margin: 0.8vw 0.5vw;}
.slidearrows, .fp-slidesNav{ display:none !important; }
.width65{width:65%; margin: 0 auto;}
/*.sec2slide2bnav, .sec2slide6bnav, .sec3slide6bnav, .sec4slide1bnav, .sec4slide2bnav, .sec1slide6bnav{display:none;}
.sec2slide2bnav.showbnav, .sec2slide6bnav.showbnav, .sec3slide6bnav.showbnav, .sec4slide1bnav.showbnav, .sec4slide2bnav.showbnav, .sec1slide6bnav.showbnav{display:block;}*/
.sec2slide2bnav, .sec2slide6bnav, .sec3slide6bnav, .sec4slide1bnav, .sec4slide2bnav, .sec1slide6bnav{display:none;}
.sec2slide2bnav.showbnav, .sec2slide6bnav.showbnav, .sec3slide6bnav.showbnav, .sec4slide1bnav.showbnav, .sec4slide2bnav.showbnav, .sec1slide6bnav.showbnav{display:block;}
.arrow_section.sec1slidebnav, .arrow_section.sec2slidebnav, .arrow_section.sec3slidebnav, .arrow_section.sec4slidebnav, .arrow_section.sec5slidebnav, .arrow_section.sec6slidebnav {
    opacity: 1;
    z-index: 1;
}
#section6 .arrow_section, #section7 .arrow_section{opacity: 1 !important;}
img.imgwidth12{width:10vw; margin: 0 1vw 0 0;}
img.imgwidth21{width:21vw; margin: 0 0vw 1vw 0;}
#section3 #slide4 img.imgwidth21{width:21vw;}
.right_bottom_img{ position: absolute; right: 7vw;  bottom: 34vh;   width: 21vw;}
.sec2slide5rightcontent .right_bottom_img{ bottom: 29vh; }
#section2 #slide6 .right_bottom_img{right: 2vw; }
#section4 #slide1 .right_bottom_img{bottom: 14vw; right: 4vw; }
#section4 #slide8 .right_bottom_img{bottom: 8vw;  }
#section4 #slide10 .right_bottom_img{bottom: 2.2vw;  }
.right_bottom_img.width19{width: 21vw;}
.overflow_width{width:96%;}

.rightlist{font-size: 0.96vw;line-height: 1.4vw; }
#section3 #slide4 .rightlist {  line-height: 1.1vw;}
.rightlist ul{ margin:0.5vw 0 1vw 0; padding: 0 0 0 18px;}
.height8{display:block; width:100%; height:7vw;}
.mediumfont{font-family: "BentonSansMedium";}

.tpa_img{width: 56vw;    margin: 0vw 0 0 0;}

.right_tpa{position:absolute; right:5vw; top:18vw; width:25vw; font-size:1vw;}
.right_tpa ul {  padding: 10px 0 0 1px;}
.right_tpa li{list-style:none; position:relative;padding: 0px 0 0.2vw 2vw;    min-height: 2.2vw;}
.right_tpa li:before{position:absolute; left:0; top:0.1vw; width:1.5vw; height:1.5vw; border-radius:50%; content:" ";}
.right_tpa li:first-child:before{background:#4FB81C;}
.right_tpa li:nth-child(2):before{background:#E35500;}
.right_tpa li:nth-child(3):before{background:#FDB913;}
.right_tpa li:nth-child(4):before{background:#0076CB;}
.right_tpa li:nth-child(5):before{background:#003283;}

.opportunities_quadrant{ background: #0FAAFF; padding: 2vw 1.5vw; position: relative; margin:1vw 0 0 0;}
.oq_white_section{ background: #ffffff; width:100%; height: 100%; position: relative;padding: 0 0 2% 0;}
.oq_blue_sec{background: rgba(15,170,255,0.4);display: inline-block;  width: 47%;  margin: 2% 0 0 2%;    height: 12vw; position: relative; vertical-align: top; font-size: 1vw;line-height: 1.2vw;}
.oq_white_section:before {  position: absolute;  content: " "; left: 3.1%; top: 10%; width: 94%; height: 80%; border: 2px dotted #0FAAFF;}
.blue_sec1 .oq_text{position: absolute;   top: 0;  left: 0; width:100%; text-align: left;}
.blue_sec2 .oq_text{position: absolute;   top: 0;  right: 0; width:100%;  text-align: right;}
.blue_sec3 .oq_text{position: absolute;   bottom: 0;  left: 0; width:100%; text-align: left;}
.blue_sec4 .oq_text{position: absolute;   bottom: 0;  right: 0; width:100%;  text-align: right;}
.top_text2 {position: absolute; left: 3vw;  top: 0.2vw; padding: 0.3vw 0.5vw; background: #0FAAFF; color:#ffffff;font-family: "BentonSansMedium";text-align: center;}
.oq_blue_sec2 .top_text2{left: 1vw;  top: -0.8vw;}
.oq_text{padding: 5%;}
.oq_blue_sec_center{background: rgba(0,118,203,0.82);width: 50%; position: absolute;  top: 26%;  left: 25%;font-size: 0.9vw; color:#fff;}
.oq_blue_sec2{display: inline-block;  width: 47%;  margin: 0% 0 0 0%;    height: 7vw; position: relative; vertical-align: top; font-size: 0.9vw; line-height: 1vw;}
.oq_blue_sec2 ul{margin:0; padding:0 0 0 16px;}
.oq_blue_sec2.blue_sec2, .oq_blue_sec2.blue_sec4{width:52%;}
.top_text1{font-family: "BentonSansMedium";text-align: center;  position: absolute;  width: 100%;  top: 0.3vw;  left: 0;  color: #fff;}
.bottom_text1{text-align: center;  position: absolute;  width: 100%;  bottom: 0.2vw;  left: 0;  color: #fff;font-size: 1.1vw;}
.gf_gray_sec{background: url(../images/gf_gray_bg.png) no-repeat top left; background-size: 9vw;  position: absolute;  width: 9vw;height: 10vw;  left: 17.5vw;
    top: 3vw;  color: #000;}
.oq_text3{font-family: "BentonSansMedium";font-size: 0.8vw;line-height: 1vw; text-align: center; position: absolute; left:0.6vw; top:2.8vw;}
.oq_text3 span{font-size: 1vw;line-height: 1.1vw;}
.oq_arrow{position: absolute; width: 3vw;height:3vw;}
.oq_arrow img{width:3vw;height:3vw; position:absolute; bottom: 0; left:0;}
.oq_arrow.oq_arrow1{left: 0; top:0vw; transform: rotate(-43deg); }
.oq_arrow.oq_arrow2{right: 0; top:0vw;transform: rotate(45deg);}
.oq_arrow.oq_arrow3{left: 0; top:6vw;transform: rotate(-130deg);}
.oq_arrow.oq_arrow4{right: 0; top:6vw; transform: rotate(135deg);}

.deployment_scenarios{position:relative; width:100%; }
.ds_top_sec{position: relative; width:100%; font-size: 1.2vw;font-family: "BentonSansMedium";}
.ds_text{ display:inline-block; text-align: center; vertical-align: middle;width: 30%;}
.ds_text2{width: 24%;}
.ds_text3{margin: 0 0 0 13%;}
.ds_sec{background: url(../images/ds_bg.png) no-repeat 2.3vw 2vw; background-size: 53vw; position: relative; width:100%}
.ds_left_sec{width:29vw; display: inline-block;  position: relative;vertical-align: top;margin:1.95vw 0 0 0;}
.ds_center_sec{width:35vw; display: inline-block;  position: relative;vertical-align: top; margin: 2.8vw 0 0 0;}
.ds_right_sec{width:22vw; display: inline-block;  position: relative;vertical-align: top; margin: 3.8vw 0 0 0; font-size: 1.2vw;line-height: 1.5vw;}
.ds_left_color{position: relative;  width: 4vw; float:left;}
.ds_color_block { width:2.3vw; height:4vw;}
.block_orange{ background: #E35500;}
.block_blue{ background: #0076CB;margin: 0.6vw 0;}
.block_magenta{ background: #970A82;}
.ds_left2{float:left;width:21vw; font-size: 1.2vw;line-height: 1.5vw; margin:1.4vw 0 0 0;}
.ds_textsec2 {}
.ds_textsec2margin{margin:3vw 0 ;}
.ds_green_btn{background:#4FB81C; color: #fff; text-align: center; padding: 1vw 1.5vw; display: block; margin: 1.5vw 0; width: 17vw;}
.ds_arrow_sec{width: 15vw; height: 10vw;  position: absolute;  top: 1.5vw;  left: 17vw;}
.ds_arrow_sec img{width:15vw;}
.ds_arrow2{position:absolute; left:0; top:2.5vw;}
.ds_arrow3{position:absolute; left:0; top:6.3vw;}
.ds_right_sec img{width:3.5vw;}
.ds_right_sec td{vertical-align: middle;}

.transformation_journey{position:relative; width:100%;height: 29.4vw;}
.tj_left_text{ position: absolute; color: #999999;font-family: "BentonSansMedium";width: 30vw;}
.tj_pyramid{position: relative; vertical-align: top;  margin: 0 0 0 9vw; height: 100%;}
.tj_triangle{width: 34vw;}
.tj_arrow{position: absolute; left: 0vw; bottom: 0; width: 17.3vw;}
.tj_gray_grow{position: absolute;  bottom: 0;left: 0;   width: 67vw;  height: 29.5vw;}
.tgline1{position: absolute; bottom: 0;  left: 0;  width: 66.8vw;}
.tgline2{position: absolute; bottom: -0.04vw;  left: -0.05vw;  width: 66.8vw;}
.tgline3{position: absolute; bottom: 4.35vw; left: 2.5vw; width: 64.5vw;}
.tgline4{position: absolute; bottom: 8.3vw; left: 4.8vw;  width: 62.4vw;}

.tj_text1{position: absolute;  left: 10.4vw;  top: 2.5vw;}
.tj_text2{position: absolute;  left: 5.3vw;   top: 11.5vw;}
.tj_text3{position: absolute;  left: 0vw;  top: 22.5vw;}

.triangle_text{position: absolute;  top: 4vw;  left: 15.4vw;   color: #fff;  font-size: 0.9vw; font-family: "BentonSansMedium";}
.ta_text{text-align: center; position: absolute;line-height: 1.2vw;}
.ta_text4{left:0; top:0;}
.ta_text3{left: 1.7vw; top: 6.3vw;}
.ta_text2{left:6vw; top:12.5vw;}
.ta_text1{left:10vw; top:20.5vw;}
.gray_grow_text{position: absolute;  top: 1.5vw;  left: 22vw;   color: #000;  font-size: 0.9vw;line-height: 1.1vw;width: 50vw;}
.tgray_text{text-align: left; position: absolute;}
.tgray_text ul{margin:0px; padding:0 0 0 16px;}
.tgray_text  strong{font-family: "BentonSansMedium";}
.tg_text4{left:0; top:0;}
.tg_text3{left: 2.7vw; top: 5.3vw;}
.tg_text2{left:7vw; top:13vw;}
.tg_text1{left:12vw; top:21vw;}

.scenario_head{width:100%; text-align: center; font-size: 0.8vw;font-family: "BentonSansMedium"; line-height: 1vw;margin: 0 0 0.5vw 0;}
/*.scenario_readmore{background:#008FD3 url(../images/popup_arrow.png) no-repeat 92% center; background-size: 1vw; color:#fff; padding: 0.2vw 1.2vw;   width: 9vw;   margin: 0.3vw auto;  font-size: 0.8vw;text-align: left; text-transform: uppercase;}*/
.scenario_readmore{line-height: 2.2vw;color: #fff; }
.scenario_readmore a{color:#fff; text-decoration: none;padding: 0vw 2vw 0 0.9vw;font-size: 0.8vw; margin: 0.64vw 0 0 0;line-height: 2.3vw;height: 2.3vw;}
.scenario_readmore a:hover{color:#fff;}

.finance_cost{background: url(../images/finance_cost.png) no-repeat top left; background-size:80vw; width:80vw; height: 28.6vw; position:relative; font-size: 0.8vw;line-height: 1vw;}
.blue_head {   font-size: 1.4vw;font-family: "BentonSansMedium";height: 4vw;  line-height: 4vw;  text-align: center;  width: 37vw;  clear: both;}
.fc_width100{position: absolute; left: 0;bottom: 0;}
.fc_width100 img{width:80vw;}
.blue_bar_head{position: absolute; left: 4.5vw;  bottom: 2vw;text-align: center;  }
.bb_head{width: 6.8vw;   display: inline-block;  vertical-align: top; }
.yellow_bar_head{position: absolute; left: 43.5vw;  bottom: 2.4vw;text-align: center;}
.yb_head{width: 6.8vw;   display: inline-block;  vertical-align: top; }
.blue_bar_percent{position: absolute; left:6.6vw; top:15vw;}
.blue_bar_percent div{text-align:left;}
.bb_value1{position: absolute; left:0vw; top:0vw;}
.bb_value2{position: absolute; left:6.9vw; top:0.8vw;}
.bb_value3{position: absolute; left:13.7vw; top:1.4vw;}
.bb_value4{position: absolute; left:20.8vw; top:3.8vw;}
.blue_bar_neg_value{position: absolute; left:12.95vw; top:6.8vw;}
.bb_nvalue1{position: absolute; left:0vw; top:0vw;width: 3.8vw;  height: 1.2vw;  line-height: 1.2vw;  text-align: center; background: #0076CA;}
.bb_nvalue2{position: absolute; left:6.95vw; top:0.8vw;width: 3.8vw;  height: 1.2vw; line-height: 1.2vw;  text-align: center;background: #0076CA;}
.bb_nvalue3{position: absolute; left: 14vw;  top: 2.2vw; width: 3.7vw; height: 5vw;  line-height: 5vw;  text-align: center;background: #0076CA;}
.yellow_bar_percent{position: absolute; left:45.3vw; top:18.2vw;}
.yellow_bar_percent div{text-align:left;}
.yb_value1{position: absolute; left:0vw; top:0vw;}
.yb_value2{position: absolute; left:7.2vw; top:0.8vw;}
.yb_value3{position: absolute; left:14.1vw; top:1.4vw;}
.yb_value4{position: absolute; left:20.8vw; top:2vw;}
.yellow_bar_neg_value{position: absolute; left:52vw; top:13.7vw;}
.yb_nvalue1{position: absolute; left:0vw; top:0.15vw;width: 3.75vw; height: 1.2vw;  line-height: 1.2vw;  text-align: center; background: #EB7300;}
.yb_nvalue2{position: absolute; left:6.9vw; top:0.9vw;width: 3.8vw; height: 1.2vw; line-height: 1.2vw;  text-align: center;background: #EB7300;}
.yb_nvalue3{position: absolute; left: 13.7vw;  top: 2vw; width: 3.75vw; height: 2vw;  line-height: 2vw;  text-align: center;background: #EB7300;}
.world_class_adv{position: absolute; left:47.8vw; top:8vw;}
.rpa_oo {position: absolute; left:71.8vw; top:8vw;}
.orange_percent_value{color:#E35500; font-size: 1.6vw; line-height: 1.9vw; font-family: "BentonSansBold";}

.rightside_block.next_step_rightside{  padding-top: 12vw;}
.next_step_rightside table{margin:2vw 0 0 0; }
.next_step_rightside div{position: relative; z-index: 11;}
.next_step_rightside td{padding:0 0 1vw 0; font-size: 1.1vw;font-family: "BentonSansMedium"; }
.next_step_rightside a{text-decoration: underline;}

.overlayfor_overflow{}
.overlayfor_overflow::before{ position: absolute; left: 0; top:0; content: " "; z-index: 111; width: 100%; height: 100%; display:none;}

.circle-sections{position:relative; margin: 1vw auto; font-size:1.1vw; line-height: 1.4vw; width: 100%; text-align: center;}
.scount-circle-sec{position:relative;}
.circle-sections td{ text-align: left;vertical-align: middle;}
.progress1, .progress1 canvas {width: 14vw !important;
    height: 14vw !important;}
.progress1 canvas:nth-child(2){display:none;}
.progress{
    width: 9vw;
    height: 9vw !important;  
    background: none !important;
    margin: 0 0px !important; display:inline-block;
    box-shadow: none !important;
    position: relative;
	border-radius: 50% !important;
	    
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0.8vw solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0.008vw;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 0.8vw;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 6vw;
    border-bottom-right-radius: 6vw;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-value{
    width: 84%;
    height: 84%;
    border-radius: 50%;
    background: transparent;
    font-size: 5vw;
    color: #000;    
    text-align: center;
    position: absolute;
    top: 8%;
    left: 8%; z-index: 1;
}
.progress .progress-right{
    right: 0px;
}
.progress.gray1 .progress-bar{
    border-color: #999999;
}
.progress.orange .progress-bar{
    border-color: #EB7300;
}
.progress.gray2 .progress-bar{
    border-color: #666666;
}

.progress .progress-bar{
    border-color: #008FD3;
}

.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.scount1{width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;    
    font-size: 2.3vw; line-height: 6vw;margin: 0.8vw 0 0 0; color:#008FD3;font-family: "BentonSans-Light";}
.scount_sec{   position: absolute;  top: 5vw; left: 0; font-family: "BentonSansBook";}
.scount{font-family: "BentonSansBold";}

.nobdr{}
.box-sec2 td, .box-sec3 td{ padding:0 1vw 0px 1vw; border-left:0px dotted #168fce; font-size: 1.2vw;   line-height: 1.4vw;}
.box-sec2 td p{ margin-bottom: 0;}
.font1{font-size: 1.5vw;   line-height: 1.7vw;}
.font2{font-size: 1.1vw;   line-height: 1.6vw; font-family: "BentonSansMedium";}
.font3{font-size: 1.6vw;   line-height: 1.9vw;}
.font4, .font4 td{font-size:1.8vw; line-height:2.2vw;}
.font5{font-size: 1.45vw;  line-height: 1.7vw;}
.font6{font-size: 1.8vw;  line-height: 2.2vw; font-family: "BentonSans-Light";}

.readbtn{background:#008FD3; position:relative; padding: 0vw 2.4vw 0 1.1vw;  font-size: 1vw; color: #fff !important; display: inline-block; margin: 1vw 0 0 0; text-decoration:none !important;line-height: 2.4vw;}
.readbtn:before{background:#008FD3 url(../images/icon_arrow.png) no-repeat right center; content:" "; position:absolute; right: 0.8vw;  top: 0.6vw;  background-size: 1vw;  width: 1vw;  height: 1vw; }

.smalltext{font-size: 0.92vw;   line-height: 1.3vw; margin: 0.5vw 0 0 0;/*font-family: "BentonSansMedium";*/}
.whitebg .smalltext{color:#000;}
a.underline{text-decoration: underline;}

.imgheight50 img{height:4.3vw; margin:0 0 0.7vw 0;}
.imgheight13 img{height:20vh;}
.imgwidth50 img{width:5.5vw;}
.imgwidth30 img{width:3.5vw;}
.imgwidth10 img{width:9vw;}
.block24 img{width:3.2vw;}
.rightside_block{position: absolute; right:0%; top:0; height: 100%;  padding-left:2vw; padding-right:2vw;font-size: 1.2vw;}
.sectiontorighthide .rightside_block{}
.rightside_block::before{position: absolute;right:-100%; top:0;height: 100% !important; width:100%; background: rgba(0,0,0,0.8); content: " ";z-index: 0;}
.block30{width:30%; }
.block40{width:40%; }
.block24{width:24%; }
.right_blocks{margin:0 0 2vw 0; z-index: 1; position: relative;}
.width50{width:60vw;}
.width57{width:57vw;}

.block24 h5{color:#0FAAFF;font-family: "BentonSansMedium"; font-size: 1.2vw; margin: 0.6vw 0 0 0;}

.box-sec2{ margin:1vw 0 0 0;}
.box-sec3{ margin:4vw 0 0 0;}
.box-sec4{ margin:1.5vw 0 0 0;}
.box-sec5{ margin:1vw 0 0 0;}
.box-sec2 .first_td, .box-sec3 td.first_td{ padding-left:0px;border-left:0px;}
.box-sec2 td.last_td, .box-sec3 td.last_td{ padding-right:0px;}
.box-sec2.nobdr td{border:0px !important;}

.box-sec2 ul{ list-style:disc outside #fff; padding:0 0 20px 20px; margin:0;}
.box-sec5 td p{ margin:0 0 1.3vw 0;}

.imagewidth1 p{ margin:0 0 7px 0; }
.aniheight{ height:7vw;}
.sap_ani, .sap_animation1{ position:relative;}

.animation_ltr, .animation_rtl{  position:relative;}
.num_count{ position:relative;}

li.lipos_absolute{ position:absolute; top:4px; display:none;}
li.lipos_absolute.active {  display: block;}
.sapactive a{ display:none;    z-index: 1;}
.sapactive a.active{ display:block;     z-index: 11;}

.width80{width:80%;}
.width70{width:3.5vw; min-height: 5vw;}
.width60{width:2.5vw; min-height: 4vw;}

.w35 img{width:3.5vw;}

.num3 {
    font-size: 48px;
    color: #00A1E4;
    font-family: "BentonSansBold"; margin: 0 0 20px 0;
}
.num_count {
    font-size: 5vw;
    line-height: 5.5vw;
    color: #00A1E4;
    font-family: "BentonSansBold";
}
.numbercount2{}
.num_count1{
    font-size: 3.4vw;
    line-height: 3.7vw;
    color: #00A1E4;
    font-family: "BentonSansBold";
}
.numsec td {
    vertical-align: top;
}
.numcountsec{ position:relative;}
sup{font-size: 0.9vw; line-height: 1vw;}

.footer_sec { background:#000;position: fixed; bottom:0; left:0; width:100%; padding: 5px 0; font-size:0.8vw;z-index: 11;}
.footer_wrapper{ padding:0 5%; width:100%;}
.footer_socialshare{ display:inline-block; width:48%; color:#fff;}
.footer_links{display:inline-block; width:50%; text-align:right; margin:0 -8% 0 24px;}
.footer_links a{ padding:0 5px; color:#fff;}
.footer_socialshare img{ width:23px; margin:0 2px; vertical-align:middle;}

.patl{position:absolute; top:0; left: 0;}
.patr{position:absolute; top:0; right: 0;}
.pabr{position:absolute; bottom:0; right: 0;}
.pabl{position:absolute; bottom:0; left: 0;}
.patl.fadeani{position: absolute;}

.right_bottom_img005{position:relative;  right: -1.4vw; bottom: -2vw; width:100%; height:22vw;}
.right_bottom_img005 img{width:100%; top:0; left:0;}

.right_bottom_img6{position: relative; width:100%; height: 22vw;}
.right_bottom_img6 .img6{width:21vw; bottom:0; position: relative;}
.image006h1 {  width: 4vw; position: absolute; left: 0.7vw;  top: 10.2vw;}
.image006h2 { width: 6vw;   position: absolute;   left: 6.7vw;   top: 10.2vw;}
.image006h3 {   width: 6vw;   position: absolute;   left: 15.2vw;   top: 10.1vw;}
.image006h1 img, .image006h2 img, .image006h3 img{width:100%;}
img.img6hq1 {  width: 100%;  position: absolute;  bottom: 0;  left: 0;}
img.img6hq2{ width: 100%;  position: absolute;  bottom: 0;   right: 0;}
img.img6hq3{ width: 100%;  position: absolute;  bottom: 0;   left: 0;}

.image007{width:10vw; position:relative;height: 10.6vw;}
.image007headsec { width: 10vw;  position: absolute;  top: 3.3vw;}
.image007headsec img { position: absolute;}
img.image007h1 {  left: 0.1vw;  top: 0.2vw;  width: 1.22vw;}
img.image007h2 {  left: 2vw; top: 0.2vw; width: 1.8vw;}
img.image007h3 {left: 5.5vw; top: 0.2vw; width: 1.2vw;}
img.image007h4 { left: 8.3vw; top: 0.2vw; width: 1.7vw;}
.image007lines {position: absolute; width: 100%; height: 3.2vw; top: 0;}
.image007lines div{position: absolute; bottom: 0; left: 0; width: 100%;}
.image007lines img {  width: 100%; height: 3.3vw; position: absolute !important; bottom: 0; left: 0;}

.image008sec{position: relative; width:21vw; height:22vw; }
.image08heightani{position: absolute; left:0; bottom:0;width: 0.33vw; }
.image008sec .image008line{position: absolute; left:10.4vw; top:0.1vw;width: 0.33vw;   height: 10.3vw;}
.image008line.lmg8line2 { transform: rotate(270deg);  left: 5.2vw; top: 5.25vw;}
.image008line.lmg8line3 { transform: rotate(90deg); left: 15.6vw;  top: 5vw;}
.image008line.lmg8line3 { transform: rotate(90deg);  left: 15.6vw;  top: 5.2vw;}
.image008line.lmg8line4 { transform: rotate(180deg); left: 10.411vw; top: 10.5vw;}

.image008sec .image008line img{width:0.33vw; position: absolute; left:0;bottom: 0;}
.image008scale{position: absolute; left: 0; top:0;width:100%;}
.image008simg, .image008text{position: absolute; left: 0; top:0;width:100%;}
.circlemargintop{margin:4vw 0 0 0;}


.image030sec{height:29.15vw;width:21vw; position: absolute; right:7vw; bottom:30px;}
.image030sec img{width:21vw; position:absolute;}
.image030secanimate{height:100%;}
.image030secanimate img, .image030secanimate{ position: absolute; left: 0; bottom:0; width:100%; }
.image030secanimate img.image30e {bottom:-1px;}
.image30b{width: 16vw !important;  top: 1.6vw;  left: 0vw !important; margin-left: 4vw;}

.image017sec {  height: 19.5vw; position: absolute;  right: 5vw;  bottom: 30vh; width: 21vw;}
.image017sec img{width: 21vw;position: absolute; left:0; top:0;}
.topline3{transform: rotate(-235deg); transform-origin: top center; top: 19vw !important; left: 1.4vw !important;}

.maximize_opportunity_sec{position:relative; width: 100vw;height: 17.2vw; margin:-2vw 0 0 0;}
.maximize_opportunity_baseimg{width:100vw;}
.plansec{position: absolute; top: 1.93vw; left: 24.2vw;  width: 14vw;    height: 7.75vw;}
.planbase {  width: 13vw;  position: absolute;  left: 0;  top: 0;}
.planehead_sec{position:absolute; top: 2.9vw;  left: 5.5vw;  width: 7.2vw;   height: 1.1vw;}
.planehead1{position: absolute; width:0.8vw; left: -0.1vw; top: 0.1vw;}
.planehead2{position: absolute; width:1.1vw; left: 1.5vw; top: 0.2vw;opacity: 0.7;}
.planehead3{position: absolute; width:1.1vw; left: 4.1vw; top: 0.3vw;opacity: 0.7;}
.planehead4{position: absolute; width:0.7vw; left: 5.9vw; top: 0.3vw;}
img.handani.no_animation { position: absolute;  left: 3.9vw;  top: 2.65vw; width: 1.7vw;}
.planlineheight { position: absolute; left: 0.4vw; top: 1.1vw; width: 1.8vw;height: 2.86vw;}
.planlineheight div, .planlineheight img { width: 1.8vw; bottom:0; left:0; position: absolute;}
.planlinewidth { position: absolute; left: 2.7vw;  top: 0.5vw;  width: 1.7vw; height: 1.7vw;}
.planlinewidth img{width: 1.7vw;   }
img.plantext { position: absolute; left: 0.4vw; top: 0.3vw;width: 1.7vw;}
.lightlines { position: absolute; width: 7.5vw; height: 2.4vw; top: 0.4vw; left: 5.3vw;opacity: 0.8;}
.lightlines div { position: absolute;  bottom: 0;  left: 0;   width: 100%;}
.lightlines img { width: 100%; height: 2.3vw; position: absolute !important;  bottom: 0;  left: 0;}

.ideate_sec{position: absolute; top: 10vw; left: 2.3vw;  width: 20vw;    height: 7vw;}
.ideatebase{width:20.4vw; position: absolute; left: 0; bottom: 0;}
.ideatehead_sec{position:absolute; top: 2.1vw;  left: 0vw;  width: 15vw;   height: 1.5vw;}
.ideatehead1{position: absolute; width:1.3vw; left:0.1vw; top: 0.6vw;}
.ideatehead2{position: absolute; width:0.8vw; left: 3.8vw; top: 0.6vw;}
.ideatehead3{position: absolute; width:0.8vw; left: 6.4vw; top: 0.5vw;}
.ideatehead4{position: absolute; width:0.8vw; left: 10.7vw; top: 0.5vw;}
.ideatehead5{position: absolute; width:1.1vw; left: 13.5vw; top: 0vw;opacity: 0.7;}
.ideateltq{position: absolute; top: 1.1vw; left: 1.3vw;  width: 2.6vw;}
.ideatertq{position: absolute; top: 0.5vw; left: 10.8vw;  width: 2.6vw;}
.ideatequ{position: absolute; top: 0.5vw; right: 1.7vw;  width: 2.7vw;}

.stepheadsec{position: absolute; top: 10.2vw; left: 25.5vw;  width:4vw;    height: 3.2vw;}
.stephead1{position: absolute; width:0.8vw; left: 3vw; top: 0vw;}
.stephead2{position: absolute; width:1.1vw; left: 0.2vw; top: 2.3vw;}

.cloud1{position: absolute; top: 1.5vw; left: 57vw;  width:3vw; }
.cloud2{position: absolute; top: 3.5vw; left: 74vw;  width:6vw;}

.car1{position: absolute; bottom: 4vw; left: 95.8vw;  width:3.3vw;}
.car2{position: absolute; bottom: 4vw; left: 72.6vw;  width:4vw;}

.antana{position: absolute; top: 3vw; left: 45vw;  width:6vw;}

.antenaline1{position: absolute;top: 2vw; left: 49.35vw; width: 2vw; height: 5.2vw; transform: rotate(46deg);}
.antenaline1 div, .antenaline1 img{width:0.5vw; position: absolute;}
.antenaline2{position: absolute;top: 0.5vw; left: 57.1vw; width: 2vw;height: 12.6vw;transform: rotate(-47deg);}
.antenaline2 div, .antenaline2 img{width:0.435vw; position: absolute;}

.building1{position: absolute; top: 3.1vw; left: 82.4vw;  width:3vw;    height: 7.6vw;}
.building1 div, .building1 img{width:3vw; position: absolute; bottom:0;left:0;}
.building2{position: absolute; top: 4.6vw; left: 88.6vw;  width:1.8vw;    height: 6vw;}
.building2 div, .building2 img{width:1.8vw; position: absolute; bottom:0;left:0;  }
.building3{position: absolute; top: 4.8vw; left: 90.8vw;  width:3vw;    height: 8.4vw;}
.topline{width:2.7vw;}
.bottomline{width: 1vw;  left: 1.7vw;}
.building3 div, .building3 img{position:absolute;}

.gear1{position:absolute; top: 1.7vw; left: 1.1vw;width: 2vw !important;}
.gear2{position:absolute; top: 0.7vw;left: 0.3vw;width: 1.5vw !important;}

.right_slides .carousel-inner .item{	
    text-align: left;
    height: 32vh;/*change as your needs*/
}
.right_slides .control-buttons{
	text-align:center;
}
.right_slides .carousel-indicators{width: auto !important;
    left: 42% !important;bottom: -14vh !important;
    margin-left: 0 !important;
    position: absolute !important;}
.right_slides .carousel-control{
	z-index: 11;
}
.right_slides .myCarousel .carousel-indicators li, .right_slides .myCarousel .carousel-indicators li.active{
  border-radius: 0;
  width: 2vw;
    height: 2vw;
  margin: 0 0.2vw;
  border:0;
}
.right_slides .myCarousel .carousel-indicators li{
  position: relative;
  background:url(../images/bullet.png) no-repeat left top; background-size: 2vw;float:left;
}
.right_slides .carousel-progress-bar {
  position:absolute;
  left:0;
  top:0;
  height: 100%;
  background-color: transparent;
  width: 0;
  margin: 0 0 0 0;
  border: none;
  z-index: 11;
  opacity:0;
}
.right_slides .myCarousel .carousel-indicators li.active .carousel-progress-bar{
  opacity:0;
}
.right_slides .carousel-indicators li:last-child {
	position: absolute;
	left: 0;
	margin: 0;
	width: 2.4vw;
	height:2vw;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease; background: none !important;
}
.right_slides .carousel-indicators li:last-child button{display:none !important;}
.right_slides .carousel-indicators li:last-child::after {
	content: ' ';
	position: absolute;
	left: 50%;
	top: 0px;
	width: 2vw;
	height: 2vw;
	border-radius: 50%;
	background: url(../images/bullet_active.png) no-repeat left top; background-size: 2vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.right_slides .carousel-indicators li.active:first-child ~ li:last-child {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.right_slides .carousel-indicators li.active:nth-child(2) ~ li:last-child {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.right_slides .carousel-indicators li.active:nth-child(3) ~ li:last-child {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}


#section7 .sap_contentList{height:100%;}

@media screen and (min-width: 1025px) and  (max-width: 1400px){
	.proven_results_section { transform: scale(0.9);margin: 10px 0 0 0;}
}
@media screen and (min-width: 1800px) and  (max-width: 2900px){
	.homegraph_width1 img, .homegraph_width2 img{ width: 102vw;    left: -1vw;}
}
@media screen and (min-width: 1024px) and  (max-width: 1310px){
	#section3 #slide5 td br{display:none;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 630px){
	h3.head-title.boldstyle{font-size: 2.1vw !important; line-height: 2.4vw !important;}
	body{font-size: 1.2vw !important;}	
	
	.box-sec2 td, .box-sec3 td{font-size: 1vw !important; line-height: 1.3vw !important;}
	.font1 {  font-size: 1.2vw !important;  line-height: 1.4vw !important;}
	#section2 .font1 br, #section2 .slide-to-left br, .slide-to-left1 br, .animation_rtl0 br{display: none !important;}
	.cfoimg {   width: 7vw !important;}
	.sapcontent{width:98%;}
	.sapcontent.sapcontent60{width:62% !important;}
	.font2{font-size:1.3vw !important; line-height: 1.5vw !important;}
	#section1 .font2{font-size:1.7vw !important; line-height: 2vw !important;}
	.font5{font-size:1.2vw !important; line-height: 1.4vw !important;}
	.num_count1{font-size:3vw !important;}
	.margin1{margin:1vw 0 !important;}
	.sap_contentList, .rightside_block_top_padding{padding: 6vw 0 0 0 !important; }	
	.rightside_block_top_padding{padding-left: 2vw !important;   padding-right: 2vw !important;}
	#section2 .box-sec2 table{width:100% !important;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 560px) and (max-height: 600px){
	.imgheight13 img {   height: 19vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1300px) and (min-height: 600px) and (max-height: 630px){
	.imgheight13 img {   height: 24vh !important;}
}
@media only screen and (min-width:1300px) and (max-width: 1600px) and (min-height: 600px) and (max-height: 630px){
	.imgheight13 img {   height: 20vh !important;}
}
@media only screen and (min-width:1600px) and (max-width: 3600px) and (min-height: 600px) and (max-height: 630px){
	.imgheight13 img {   height: 16vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 630px) and (max-height: 670px){
	.imgheight13 img {   height: 23vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1500px) and (min-height: 670px) and (max-height: 730px){
	.imgheight13 img {   height: 20vh !important;}
}
@media only screen and (min-width:1500px) and (max-width: 1800px) and (min-height: 670px) and (max-height: 730px){
	.imgheight13 img {   height: 12vh !important;}
}
@media only screen and (min-width:1800px) and (max-width: 3600px) and (min-height: 670px) and (max-height: 730px){
	.imgheight13 img {   height: 11vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1600px) and (min-height: 730px) and (max-height: 760px){
	.imgheight13 img {   height: 20vh !important;}
}
@media only screen and (min-width:1600px) and (max-width: 1800px) and (min-height: 730px) and (max-height: 760px){
	.imgheight13 img {   height: 22vh !important;}
}
@media only screen and (min-width:1800px) and (max-width: 3600px) and (min-height: 730px) and (max-height: 760px){
	.imgheight13 img {   height: 25vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1600px) and (min-height: 760px) and (max-height: 830px){
	.imgheight13 img {   height: 23vh !important;}
}
@media only screen and (min-width:1600px) and (max-width: 1800px) and (min-height: 760px) and (max-height: 830px){
	.imgheight13 img {   height: 21vh !important;}
}
@media only screen and (min-width:1800px) and (max-width: 3600px) and (min-height: 760px) and (max-height: 830px){
	.imgheight13 img {   height: 34vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 780px){
	#section2 .sap_contentList, #slide1 .sap_contentList, .sap_contentList, .rightside_block_top_padding, .paddingtop{padding:6vw 0 0 0 !important;}
	.rightside_block_top_padding{padding-left: 2vw !important;   padding-right: 2vw !important;}
	.fp-scrollable .sap_contentList {   padding: 0 !important;}
}
@media only screen and (min-width:1025px) and (max-width: 3200px) and (min-height: 300px) and (max-height: 1660px){
.chat ul{   padding: 0 0 1vw 1.4vw !important;}
}
@media only screen and (min-width:1025px) and (max-width: 1500px) and (min-height: 300px) and (max-height: 660px){
	.popup_wrapper ul {   padding: 0 0 1vw 1.4vw !important;}
	.phead br{display: none;}
	h3.head-title{margin-top:-1vw;}
	.keytakeaway .phead { margin: 0 0 1.3vw 0 !important;}
    .phead { font-size: 2vw !important; line-height: 2.6vw !important;}
	#section4 #slide11 .width57 {    width: 46vw !important;}
	#section4 #slide11 .bottomnote .smalltext {   margin-bottom: 0vw !important;}
	#section5 #slide2 .bottomnote .smalltext {   margin-bottom: 0.3vw !important;line-height: 0.6vw;}
	.if_section{margin:0.3vw 0 !important;}
	.sapcontent_wrapper_inner p {   margin: 0 0 0.5vw 0;}
	#section3 #slide4 img.imgwidth21{width:18vw;}
	#section3 #slide4 .rightlist {  line-height: 1.1vw;}
}
@media only screen and (min-width:1400px) and (max-width: 1900px) and (min-height: 300px) and (max-height: 790px){
	.popup_wrapper ul {   padding: 0 0 1vw 1.4vw !important;}
	.phead br{display: none;}
	h3.head-title{margin-top:-1vw;}
	.keytakeaway .phead { margin: 0 0 1.3vw 0 !important;}
    .phead { font-size: 2vw !important; line-height: 2.6vw !important;}
	.popup_wrapper ul li {   padding: 0 0 0.4vw 0 !important;}
	.content .popup_head {   padding: 3.5vw 1.4vw 1.6vw 5vw !important;}
}
@media only screen and (min-width:1500px) and (max-width: 1900px) and (min-height: 660px) and (max-height: 800px){
	h3.head-title{margin-top:-1vw;}
	keytakeaway .phead { margin: 0 0 1.3vw 0 !important;}
    .phead { font-size: 2vw !important; line-height: 2.6vw !important;}
	.phead br{display: none;}
	.content .popup_head{padding-bottom: 1vw !important;}
	.popup_wrapper ul li {  padding: 0 0 0.4vw 0 !important; }
}
@media only screen and (min-width:1500px) and (max-width: 1600px) and (min-height: 660px) and (max-height: 800px){	
	
	.imgheight13 img{height: 19vh !important;}
	.bottomnote{bottom:84px !important;}
	#section4 #slide6 .bottomnote, #section4 #slide11 .bottomnote, 
#section5 #slide2 .bottomnote {   position: relative;   left: 0;   bottom: 0 !important;}
#section4 #slide6 .bottomnote .smalltext, #section4 #slide11 .bottomnote .smalltext, #section5 #slide2 .bottomnote .smalltext{margin-bottom: 0.8vw !important;}
}
@media only screen and (min-width:1500px) and (max-width: 3600px){
	.popup_wrapper ul, .keytakeaway ul{margin: 0;  padding: 0 0 1.2vw 1.3vw !important;}
}
@media only screen and (min-width:1500px) and (max-width: 3600px) and (min-height: 700px) and (max-height: 750px){
	.popup_wrapper ul, .keytakeaway ul{margin: 0;  padding: 0 0 0.7vw 1.3vw !important;}
}
@media only screen and (min-width:1700px) and (max-width: 3600px){
	.phead { line-height: 3.2vw !important;}
	.phead br{display: none;}
	.content .popup_head{padding-bottom: 1vw !important;}
	.popup_wrapper ul li {  padding: 0 0 0.4vw 0 !important; }
}
@media only screen and (min-width:1700px) and (max-width: 2000px) and (min-height: 680px) and (max-height: 780px){
	.imgheight13 img {   height: 15vh !important;}
}
@media only screen and (min-width:1700px) and (max-width: 2000px) and (min-height: 780px) and (max-height: 1800px){
	.imgheight13 img {   height: 22vh !important;}
}
@media only screen and (min-width:2000px) and (max-width: 3600px) and (min-height: 680px) and (max-height: 1800px){
	.imgheight13 img {   height: 20vh !important;}
}
@media only screen and (min-width:1025px) and (max-width: 3600px) and (min-height: 300px) and (max-height: 660px){
	.oq_blue_sec, .oq_blue_sec2{font-size: 0.9vw;}
	.oq_blue_sec_center{top:25% !important;}
	.font4{font-size:1.12vw;}	
	.popup_wrapper, .keytakeaway{font-size: 1vw !important;line-height: 1.35vw;}
	.gvep li{line-height: 1.3vw;}
	.circle-sections{margin: -11px 0 0 -61px !important;   transform: scale(0.9);}
	.scenario_readmore a{margin: 0vw 0 0 0;}
	.scenario_head{margin: 0 0 0.2vw 0;}
	.oq_blue_sec{height: 11vw !important;}
	.oq_blue_sec2{height:6.6vw !important;}
	.oq_blue_sec, .oq_blue_sec2 {  font-size: 0.85vw !important;}
	.paddingtop {   padding: 2vw 0 0 0 !important;}
	.gf_gray_sec{left: 17vw !important;  top: 2.5vw !important;}
}
@media screen and (min-width: 1300px) and  (max-width: 3200px) and (min-height: 780px) and (max-height: 1900px){
	#section4 #slide3 .box-sec2 {   margin: 3vw 0 0 0;}
	.bottomnote{bottom:104px;}
}