/* CSS Document */
/* Copyright 2017 by 3graphic.com */


/*SCB*/
.scb-wrap{position:relative;display:block;width:100%;height:auto;padding:0 0 120px 0;background-color:#fff;}
.scb-wrap::after{content:'';position:absolute;left:50%;bottom:60px;display:block;width:240px;height:1px;margin:0 0 0 -120px;background-color:#5d5d5d;}



/*HUMAN*/
.human-wrap{position:relative;display:block;width:100%;height:auto;min-height:70vh;text-align:center;z-index:1;overflow:hidden}
.human-wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed}

.human-box{position:relative;left:0;top:0;display:block;width:100%;height:auto;z-index:1}
.human-box::before, .human-box::after{content:'';position:relative;display:inline-block;vertical-align:middlewidth:0;height:100%;}
.show-detail .human-box{position:absolute;}

.human-slider{position:relative;display:inline-block;vertical-align:middle;width:90%;height:auto;max-width:984px;margin:100px auto}
.human-block{position:relative;display:block;width:100%;height:auto}
.human{position:relative;display:block;width:100%;height:auto;margin:0 0 5px 0;padding:30px;background-color:rgba(27,37,171,0.7);-webkit-border-radius:30px;border-radius:30px;overflow:hidden;text-align:left}

.human-slider .slide-pagination{margin:20px 0 0 0}

.human-pic{position:relative;display:block;float:left;width:230px;height:230px;margin:0 30px 0 0;border:10px solid rgba(255,255,255,0.5);-webkit-border-radius:50%;border-radius:50%;text-align:center;line-height:0;overflow:hidden;z-index:2}
.human-pic img{display:inline-block;height:100%;width:auto;margin:0 -50%}

.human-txt{display:block;width:auto;overflow:hidden;padding:25px 30px 0 0;min-height:205px}
.human-txt h3{font-family:'Montserrat', sans-serif;line-height:1.4;font-weight:400;font-size:17px;color:#fff;text-transform:uppercase}
.human-txt h3 strong{font-weight:700;}
.human-txt p{padding:10px 0;margin:15px 0;border-top:1px solid rgba(255,255,255,0.5);font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#fff;line-height:1.6;max-height:78px;overflow:hidden}


.human-view{position:relative;display:inline-block;margin:10px;background:-webkit-linear-gradient(90deg, rgb(241, 216, 155) 0%, rgb(59, 156, 226) 100%);background:linear-gradient(90deg, rgb(241, 216, 155) 0%, rgb(59, 156, 226) 100%);-webkit-border-radius:30px;border-radius:30px;}
.human-view::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(90deg, rgb(59, 156, 226) 0%, rgb(241, 216, 155) 100%);background:linear-gradient(90deg, rgb(59, 156, 226) 0%, rgb(241, 216, 155) 100%);-webkit-border-radius:30px;border-radius:30px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;opacity:all 0.3s ease-in-out}
.human-view::after{content:'';position:absolute;left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:border 0.3s ease-in-out;transition:border 0.3s ease-in-out}
.human-view span{position:relative;display:block;width:auto;height:48px;line-height:48px;padding:0 50px 0 30px;font-family:'Saira', sans-serif;font-weight:700;color:#fff;font-size:18px;text-transform:uppercase;}
.human-view span::after{content:'';position:absolute;right:4px;top:4px;width:40px;height:40px;background:url(../images/arrow.png) no-repeat center center;background-size:cover}
.human-view:hover::before{opacity:1}
.human-view:hover::after{border:5px solid #fff}



.bg-orange .human{background-color:rgba(148,84,0,0.7)}
.bg-orange .human-view{background:-webkit-linear-gradient(90deg, rgb(241, 216, 155) 0%, rgb(228, 116, 0) 100%);background:linear-gradient(90deg, rgb(241, 216, 155) 0%, rgb(228, 116, 0) 100%);}
.bg-orange .human-view::before{background:-webkit-linear-gradient(90deg, rgb(228, 116, 0) 0%, rgb(241, 216, 155) 100%);background:linear-gradient(90deg, rgb(228, 116, 0) 0%, rgb(241, 216, 155) 100%);}


.human-box .slide-next{right:-100px}
.human-box .slide-prev{left:-100px}



/*HUMAN DETAILS*/
.human-load{position:relative;display:none;width:100%;height:auto;background-color:rgba(0,0,0,0.7);z-index:2}

.human-load::before, .human-load::after{content:'';position:relative;display:inline-block;width:0;height:100%;min-height:inherit;vertical-align:middle}

.detail-box{position:relative;display:inline-block;width:90%;height:auto;max-width:1120px;margin:100px auto;padding:70px;background:-webkit-linear-gradient(0deg, rgb(226, 233, 223) 0%, rgb(128, 201, 253) 100%);background:linear-gradient(0deg, rgb(226, 233, 223) 0%, rgb(128, 201, 253) 100%);-webkit-border-radius:20px;border-radius:20px;vertical-align:middle}

.bg-orange .detail-box{background:-webkit-linear-gradient(0deg, rgb(241, 216, 155) 0%, rgb(228, 116, 0) 100%);background:linear-gradient(0deg, rgb(241, 216, 155) 0%, rgb(228, 116, 0) 100%);}

.detail-outer{position:relative;display:block;width:100%;height:auto;padding:40px 50px;background-color:#fff;-webkit-border-radius:20px;border-radius:20px;text-align:left}

.detail-pic{position:relative;display:block;float:left;width:210px;height:210px;margin:-90px 30px 10px -90px;border:10px solid #fff;box-shadow:5px 10px 0 -5px rgba(0,0,0,0.2);-webkit-border-radius:50%;border-radius:50%;overflow:hidden;text-align:center;line-height:0}
.detail-pic img{display:inline-block;height:100%;width:auto;margin:0 -50%}


.detail-title{position:relative;display:block;width:100%;height:auto}
.detail-title h3{font-family:'Montserrat', sans-serif;line-height:1.4;font-weight:400;font-size:18px;color:#000;text-transform:uppercase}
.detail-title h3 strong{display:block;font-size:24px;font-weight:700}

.detail-txt{position:relative;display:block;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000;line-height:1.6;overflow:hidden}
.detail-txt p{margin:15px 0;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000;line-height:1.6}


.close-details{position:absolute;right:-30px;top:-30px;width:60px;height:60px;background:url(../images/close-blue.png) no-repeat center center;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;box-shadow:0px 10px 30px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1}
.close-details:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}





/*WHY-SCB ANIMATION*/
.human-box, .human-load{opacity:0}

.human-wrap.on-show .human-box, .human-wrap.on-show .human-load{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}



@media screen and (max-width:1024px){
/*WHY-SCB ANIMATION*/
.human-box, .human-load{opacity:1}

.human-wrap.on-show .human-box, .human-wrap.on-show .human-load{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}




/*SCB*/
.scb-wrap{padding:0 0 40px 0}
.scb-wrap::after{display:none}


.human-wrap .bg{background-attachment:scroll}
.human-txt h3{font-size:15px;}
.human-txt p{font-size:14px}	
	
.human-view::before{-webkit-transition:none;transition:none;display:none}
.human-view::after{-webkit-transition:none;transition:none;}
.human-view:hover::after{border:1px solid #fff}
.human-view span{font-size:16px}

.human-slider{margin:50px auto}



.detail-box{margin:50px auto}
.close-details{top:-25px;right:auto;left:50%;width:50px;height:50px;margin:0 0 0 -25px;-webkit-transition:none;transition:none}
.close-details:hover{-webkit-transform:none;transform:none}

}

@media screen and (max-width:900px){
.detail-box{padding:5%}
.detail-outer{padding:30px}
.detail-pic{width:130px;height:130px;margin:-50px 20px 10px -50px}
.detail-title h3{font-size:16px}
.detail-title h3 strong{font-size:20px}
.detail-txt p{font-size:14px}

	
}

@media screen and (max-width:620px){
.human-pic{display:block;margin:0 auto 20px auto;float:none;width:210px;height:210px}
.human-txt{display:block;width:100%;text-align:center;padding:0;}

.detail-title h3, .detail-title h3 strong{font-size:13px}

}


@media screen and (max-width:520px){
.human-txt h3{font-size:14px;}
.human-txt p{font-size:13px;max-height:72px}	
	
.detail-outer{padding:20px}	
.detail-pic{width:100px;height:100px;border:7px solid #fff;margin:-50px 10px 10px -50px}	
.detail-txt p{font-size:13px}

}

@media screen and (max-width:350px){
.detail-pic{width: 80px;height: 80px;border: 5px solid #fff;margin: -45px 10px 10px -45px;}	
	
}





@media print {
@page { margin: 0; }

/*FORMAT STYLE TO PRINT*/
.human-box, .human-load{opacity:1}
.human-wrap .bg{background-attachment:scroll}

.human-wrap.on-show .human-box, .human-wrap.on-show .human-load{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.scb{padding:40px 0 0 0}
.scb-wrap{padding:0 0 30px 0}
.scb-wrap::after{display:none}

.full-video-wrap{margin:80px 0 0 0}
.full-video-wrap, .scb-people, .scb-career{page-break-inside:avoid;page-break-before:always}

.scb-people, .scb-career{margin:20px 0 0 0}
.scb-people .title, .scb-career .title{padding:15px 5% !important}

.human-wrap{min-height:auto}
.human-slider{margin:20px auto;overflow:hidden !important}
.human-block{-webkit-transform:scale(0.8);transform:scale(0.8)}
.human-slider .slide-controls{display:none}


}


@media print and (orientation:portrait) {
.scb{padding:140px 0 0 0}
.full-video-wrap{margin:110px 0 0 0}
.human-box{text-align:center}
.human-block{position:relative;margin:0 0 0 -135px;-webkit-transform:scale(0.6);transform:scale(0.6);}
.scb-people, .scb-career{margin:150px 0 0 0}

}