/* Init Animation 
----------------------------------------------------------------------------------------------------*/
/*.listContainer, .contentArea, .leftContainer,  .topBannerContainer */
header, .mainBottomWrap, .mainThumbWrap, .mainShortCut, .mainCardsWrap, .mainSliderWrap{ opacity:0; }


/*-------------------------------slider---------------------------------------*/
#container { margin-bottom:10px;}
.mainSliderWrap{position: relative; margin-bottom: 40px; background-color: #f5f5f5;}
#container, #mainSlider { position:relative; width: 100%; clear: both;}
#mainSlider{width: 100%;  height: 500px; margin:0 auto; overflow: hidden;}
#mainSlider .sliderWrap{text-align: left; width:100%; height:500px; display:block; overflow:hidden;text-align:center; background-repeat: no-repeat !important; background-size: cover !important;}
#mainSlider div.wrap{position: absolute;  left: 50%; top: 0; z-index: 3; text-align: left;  width: 1180px; margin-left: -590px; padding: 128px 33px 0 33px;}
#mainSlider .sliderWrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: auto; max-height:100%;}
#mainSlider div.wrap img{position: absolute; left: 0; top:0; z-index:0;}
#mainSlider .slideHeading{color:#e36214; font-size: 1.714em; float: left;  width: 100%; position: relative; font-weight: bold}
#mainSlider .slideHeading span{font-size: 1.667em; display: block; }
.business #mainSlider .slideHeading{color: #2b7683}
#mainSlider p{font-size: 1.429em; margin-bottom: 35px;}
#mainSlider .contentWrap{left: -1500px; position: relative; -webkit-transition:all 1s; -webkit-transition-timing-function: ease-out; /* Safari and Chrome */
    transition-timing-function: ease-out;}
#mainSlider .currentSlide .contentWrap{left: 0; position: relative; }

/* .controls { position:absolute; bottom: 10px; width:100%; text-align:center;} */
.controls { position:relative; width:100%; text-align:center; display:block;}
/* .controls .numericControls li { display:inline-block; background:none; border: 1px solid #ee6d1f; width:12px; height:12px; border-radius:6px; margin:0 5px; text-indent: 50px; overflow:hidden; } */
.controls .numericControls li { display:inline-block; background:none; border: 1px solid #c54600; width:12px; height:12px; border-radius:6px; margin:7px 5px; text-indent: 50px; overflow:hidden; }
.controls .numericControls li.current{background-color: #c54600;}
.controls .numericControls li a {width:100%; display:block; height:100%; color: #c54600;}
.controls .prevBtn, .controls .nextBtn { position:absolute; bottom:130px; font-size:120px; color:white; font-family:Lato; }
.controls .prevBtn { left:2%;  }
.controls .nextBtn { right:2%; }
/*-------------------------------slider---------------------------------------*/

.rowBox { position:relative; width:100%; min-height:200px; margin-bottom:1px; }

.row1 {background-color:#ddd;}
.row2 {background-color:#eee;}
.row3 {background-color:#ddd;}

.colContainer { padding: 10px 0;}


/* Bussiness main
*********************************************************/
.business #mainSlider{height: 500px;}
.mainThumbWrap .thumb{margin-bottom:35px; }
.mainThumbWrap .thumb span:last-child{display: block; font-size: 1.143em; text-align: center; color: #2b7683;}
.business .mainThumbWrap .thumb span:last-child { color: #2b64e3; }
.corporate .mainThumbWrap .thumb span:last-child { color: #00811C; }
.mainThumbWrap .thumb span:nth-child(1){border:1px solid #bfbfbf; display: block; margin-bottom: 20px; -webkit-transition:color,border 0.2s; /* Safari */  transition:color,border 0.2s; -ms-transition:color,border 0.2s;}
.mainThumbWrap .thumb:hover span:nth-child(1){border:1px solid #2b7683;}
.mainThumbWrap{overflow: hidden; border-bottom: 1px solid #bfbfbf; margin-bottom: 40px;}
.mainBottomWrap{margin-bottom: 70px;}
.mainBottomWrap:after{content:""; display: block; width: 100%; clear: both;}
.mainBottomWrap h2{font-size: 2.143em; color: #ee6d1f; display: block; text-align: center; }
.business .mainBottomWrap h2 { color: #115eb2; }
.corporate .mainBottomWrap h2 { color: #087962; }
.mainBottomWrap h2 span{border-bottom: 3px solid #feb914;padding-bottom: 16px; margin-bottom: 36px; display: inline-block;}
.mainBottomWrap h3{font-size: 1.571em; color: #2b7683; display: block; text-align: center; margin-bottom: 35px; clear: both;}
.business .mainBottomWrap h3 { color: #115eb2; }
.mainBottom{width: 975px; margin:0 auto; overflow: hidden;}
.mainBottom > div{min-height: 420px;}
.mainBottom > div > div{padding:16px; min-height: 190px; overflow: hidden;}
.mainBottom > div > div img{width: auto !important; float: right;}
.mainBottom > div > div p{color: #B84000; font-size: 1.143em;}
.mainBottom > div > div p span{color: #575757; display: block}
.mainBottom > div:nth-child(2) > div:first-child{}
.mainBottom > div > div:first-child{border-bottom: 1px solid #bfbfbf;}
.mainBottom h4{font-size: 3.429em; color: #2b7683; font-weight: normal; word-wrap: break-word; line-height: normal;}
.business .mainBottom h4 { color: #2b64e3; }
.mainBottom h4 span{font-size:0.417em; font-weight: normal; letter-spacing: -0.05em; display: inline-block}
.business .mainBottom .figures { color: #2b64e3; font-size: 3.429em; font-weight: normal; line-height: normal; word-wrap: break-word;}
.mainBottom .figures span{font-size:0.417em; font-weight: normal; letter-spacing: -0.05em; display: inline-block}
.mainBottom .iconShop h4{text-align: center;}
.mainBottom > div:last-child{margin-top: 40px; margin-bottom: 40px; min-height: auto;}
.mainBottom > div:nth-child(1){border-right: 1px solid #bfbfbf;}
.mainBottom > div:nth-child(2) p{ text-align: center; margin-bottom: 10px; display: block; clear: both; }
.mainBottom p.highlight{font-size: 1.429em; color: #115eb2}
.mainBottom > div:nth-child(3){border-left: 1px solid #bfbfbf; }
.mainBottom > div > div#circle{padding: 0; min-height: auto;}
.mainBottom #circle{ overflow:visible; width: 270px;height: 270px; border: 6px solid #f78620; border-radius: 50%; margin:0 auto 15px auto; position: relative;}
.mainBottom #circle:after{content: ""; display: block; width: 10px; height: 6px; background-color: #2b7683; position: absolute; top: -6px; left:50%; margin-left: -5px;}
.mainBottom #circle{ display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;   justify-content: center;   -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
/* .mainBottom #circle > span{color: #f78620; font-size: 1.143em; font-family: "NotoSan"} */
.mainBottom #circle > span{color: #f78620; font-size: 1.143em;}
.mainBottom #circle > span > span{color: #2b7683; font-size: 3.000em;}
.business .mainBottom #circle:after { background-color: #2b64e3; }
.business .mainBottom #circle > span > span { color: #2b64e3; }
.mainBottom .rowWrap, .mainBottom .percentCard{position: relative;}
.business #mainSlider p{width: 50%;}

/* Corporate main
*********************************************************/
.corporate #mainSlider .slideHeading{font-size: 3.000em;}
.corporate #mainSlider .slideHeading{color:#087962;}
.corporate #mainSlider div.wrap{padding-top: 208px;}
.corporate .milestones .item{width:390px; display: block; margin-top: -15%; clear: both; position: relative;}
.corporate .milestones .item:first-child{margin-top: 0; }
.corporate .milestones .item > span{ margin-right: 20px; width: 65px; height: 65px; display: block; background-color: #087962; text-align: center; line-height: 65px; color: #fff; font-size: 1.571em; float: left;}
.corporate .item a{display: block; width: 305px; float: left}
.corporate .milestones .item > a:hover span{border-color: #087962}
.corporate .item a .img-wrap{padding:0;display: block; width: 305px; height: auto; overflow: hidden; float: left; border: 1px solid #bfbfbf; margin-bottom: 20px;}
.corporate .item a .text-wrap span{font-size:1.143em; clear:both; position:relative; padding-left: 20px; display: block;margin-bottom: 20px;}
.corporate .item a .text-wrap span:before{position: absolute; content:""; display: block;  width: 4px; height: 4px; border-radius: 50%; background-color: #575757; left: 5px; top: 7px;}
/*.corporate .item a span:last-child{font-size:1.143em; clear:both; position:relative; padding-left: 20px; display: block}
.corporate .item a span:last-child:before{position: absolute; content:""; display: block;  width: 4px; height: 4px; border-radius: 50%; background-color: #575757; left: 5px; top: 7px;}*/
.corporate .milestones .item:nth-child(even){float: right;}
.corporate .milestones{width: 811px; margin:35px auto; position: relative; padding-top: 20px;}
.corporate .milestones:before{content:""; display: block; width: 35px; border-top: 1px solid #087962; position: absolute; top: 0; left: 50%; margin-right: 0;}
.corporate .milestones:after{content:""; width:1px; display:block; height:100%; border-left:1px solid #087962; position: absolute; top: 0; left: 50%; }

.socialShare { display: none; }
.btnBackPage { display: none !important; }

#popupVideo{display: none; font-size: 0; padding: 0; overflow: visible; }
#popupVideo video{width: 100%;}

.bizOffer {display:flex;align-items: stretch;}