/* CSS Document */
/* Copyright 2017 by 3graphic.com */
/*
    menu dark red: #590304
*/

.wrapper{
	width:100%;

	height: auto;
	margin: 0 auto;
    position: relative;
}

.testimonials{
    text-align: center;
	margin:20PX 0PX;
}
.testimonials .why-us-scb{

	max-width: 1200px!important;
    height: auto;
    overflow: hidden;
	margin:auto;
	text-align:center;
	
}
.testimonials .why-us-scb IMG
{
	width:100%;
	height:auto;
}

.testimonials .testi_slider{
    max-width: 1200px!important;
    height: 500px;
    overflow: hidden;
}

.testimonials .testi_slider .t{
    max-width: 1200px!important;
    text-align: center;
    float: left;
    height: auto;
}

.testimonials .testi_slider .t img{
	max-width:100%;
	height:auto;
	display:block;
}
.testimonials p{
    color: #8e8d8d;
    font-family: "lato_regular", arial;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
}

.testimonials p.author{
    color: #686767;
    font-family: "lato_bold", arial;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}

.testimonials #t_navigation a{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #dadada;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 40px;

    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
}

.testimonials #t_navigation a.selected{
    background: #bebebe;
}


.sep_line{
    display: block;
    width: 13.5px;
    height: 100px;
}

.sep_line:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #dedede;
    margin: 0 auto;
}

.sep_top{
    border-bottom: 1px #dedede solid;
    margin: 0 auto 40px auto;
}

.sep_bottom{
    border-top: 1px #dedede solid;
    margin: 40px auto 0 auto;
}

.testimonials #t_navigation a
{
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}

/*ABOUT SCB*/
.about-scb {
    background-color: #fff;
    padding: 30px 0 90px 0
}
.about-scb-box{position:relative;display:block;width:100%;height:auto;max-width:1200px;margin:0 auto;text-align:center}
.about-scb-item{position:relative;display:inline-block;width:30%;height:auto;max-width:340px;vertical-align:top;margin:0 2%;}

.about-scb-pic{position:relative;display:block;width:200px;height:200px;margin:0 auto 30px auto;line-height:0;overflow:hidden;text-align:center;-webkit-border-radius:50%;border-radius:50%;}

.about-scb-pic img{position:relative;display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-transition:transform .5s cubic-bezier(.44,.39,.34,1.03);transition:transform .5s cubic-bezier(.44,.39,.34,1.03);-webkit-border-radius:50%;border-radius:50%;}

.about-scb-txt{position:relative;display:block;width:100%;height:auto}
    .about-scb-txt h3 {
        margin: 0 0 15px 0;
        font-family: 'Saira Condensed', sans-serif;
        font-weight: 500;
        color: #686868;
        text-transform: uppercase;
        font-size: 24px;
        -webkit-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out
    }
.about-scb-txt p{padding:0 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#5d5d5d;line-height:1.6;-webkit-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}

.about-scb-item a{position:relative;display:block}

.about-scb-item:hover img{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
.about-scb-item:hover h3 {
    color: #590304;
}
.about-scb-item:hover p{color:#333}




/*WHY SCB*/
.why-us{padding:10% 0 0px 0;text-align:center}
.why-us::after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:30%;background-color:#fff}

.why-us .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:100%;background-attachment:fixed}

.why-us .title{display:inline-block;width:auto;height:auto;padding:20px 40px;margin:0 0 50px 0}
.why-us .title h2{font-size:80px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);}

.line{position:absolute;left:0;top:0;width:100%;height:100%}
.line::before{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background:url(../images/why-us-title-left.png) no-repeat left center;background-size:contain}
.line::after{content:'';position:absolute;right:0;top:0;width:50%;height:100%;background:url(../images/why-us-title-right.png) no-repeat right center;background-size:contain}

.line-t{position:absolute;right:150px;top:40px;width:80px;height:5px;background-color:#fff}
.line-r{position:absolute;right:150px;top:40px;width:5px;height:20px;background-color:#fff}


.why-us h2 strong{position:relative;}
.why-us h2 strong::after{content:'?';font-size:150px;line-height:1;margin:0 0 0 20px}

.why-us-box{position:relative;display:block;width:90%;height:auto;max-width:1200px;margin:0 auto;z-index:1}
.why-us-slider{position:relative;display:block;width:100%;height:auto}

.why-us-item{position:relative;
display:block;
width:100%;
height:auto;
text-align:center;
-webkit-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;-webkit-transform:scale(0.7);transform:scale(0.7)}
.selected .why-us-item{-webkit-transform:scale(1);transform:scale(1)}

.why-us-item h3{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:32px;color:#fff;text-transform:uppercase;line-height:1.4}
.why-us-pic{position:relative;
display:inline-block;
width:100%;
height:600px;;
z-index:1}
.why-us-pic img{
	position:relative;
	display:block;
	width:100%;
	height:auto;}
.why-us-pic h3{position:absolute;left:0;bottom:20px;width:auto;height:auto;padding:10px 20px; background-color:rgba(0,0,0,0.5);z-index:1}

/*.why-us-pic:before{content:'';position:absolute;left:-40px;top:80px;width:240px;height:calc(100% + 20px);border:2px solid #d1d7e3}*/


.why-us-txt{position:relative;left:70px;display:inline-block;width:800px;height:auto;margin:-60px 0 0 0;padding:80px 180px 40px 100px;background-color:#929caf;text-align:left}
.why-us-txt::before{content:'';position:absolute;right:30px;bottom:80%;width:230px;height:100%;background-color:#015daa;z-index:-1}


.why-us-txt h3{display:none}
.why-us-txt p{margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#fff;line-height:1.6}

.go-details{position:absolute;right:40px;bottom:40px;width:95px;height:95px;padding:20px 10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.go-details::before{content:'';position:relative;display:block;width:100%;height:100%;background:url(../images/next.svg) no-repeat center center;background-size:contain}
.go-details:hover{background-color:#005caa;border:1px solid #005caa}

.why-us-box .slide-next, .why-us-box .slide-prev{top:30%}



/*POSITION CAREER*/
.position-career {
    height: 660px;
    margin: 160px 0;
    text-align: center;
    z-index: 1;
}
.position-career::before, .position-career::after{content:'';position:relative;display:inline-block;width:auto;height:100%;vertical-align:middle}
.position-career.full-size{padding:80px 0;height:auto}

.position-career .bg{position:absolute;left:0;top:0;width:100%;height:100%;/*background:-webkit-linear-gradient(0deg, rgb(161, 177, 255) 0%, rgb(10, 31, 143) 100%) 100%);background:linear-gradient(0deg, rgb(161, 177, 255) 0%, rgb(10, 31, 143) 100%);*/text-align:center;}

.full-size .circle{margin:0 0 0 -470px;top:-150px;background:#80c9fd;z-index:-1}
.full-size .circle-bt{display:block;z-index:-1}

.position-career .title{position:absolute;padding:0;top:-100px}
    .position-career .title h2 {
        color: #590304;
        font-size: 48px;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    }
.position-career .title h2 strong{font-size:60px;display:block}

.circle{position:absolute;left:50%;top:50%;display:block;width:940px;height:auto;margin:-470px 0 0 -470px;/*background:-webkit-linear-gradient(0deg, rgb(161, 177, 255) 0%, rgb(10, 31, 143) 100%);background:linear-gradient(0deg, rgb(161, 177, 255) 0%, rgb(10, 31, 143) 100%);*/-webkit-border-radius:50%;border-radius:50%;}
.circle::before{content:'';position:relative;display:block;width:100%;height:auto;padding:100% 0 0 0}
.circle::after{content:'';position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);/*border:1px solid #ebebeb;-webkit-border-radius:50%;border-radius:50%;*/z-index:-1}

.circle-bt{position:absolute;left:50%;bottom:-150px;display:none;width:940px;height:auto;margin:0 0 0 -470px;background:#e2e9df;-webkit-border-radius:50%;border-radius:50%;z-index:-1}
.circle-bt::before{content:'';position:relative;display:block;width:100%;height:auto;padding:100% 0 0 0}
.circle-bt::after{content:'';position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);border:1px solid #ebebeb;-webkit-border-radius:50%;border-radius:50%;z-index:-1}


.position-career-box{position:relative;display:inline-block;width:90%;height:auto;max-width:1300px;vertical-align:middle;counter-reset:div;}

.position-career-item{position:relative;display:inline-block;width:45%;height:auto;max-width:570px;margin:1% 2%;vertical-align:top;background-color:#fff;text-align:left;box-shadow:10px 10px 0 rgba(0,0,0,0.1);-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}

.position-career-item > a{display:block;width:100%;height:auto;min-height:142px;padding:0 0 20px 0}

.position-career-title {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0 50px;
    background-color: #ebebeb;
    color: white;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #590304;
}
.position-career-item h3 {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: inherit;
    text-transform: uppercase;
    line-height: 1.4;
    max-height: 42px;
    vertical-align: middle;
    overflow: hidden;    
}


.position-career-txt{position:relative;display:block;width:100%;height:auto;padding:15px 50px 0 50px;color:#545454;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}
.position-career-item p{margin:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.position-career-item::before{content:counter(div) " ";counter-increment:div;position:absolute;left:-35px;top:50%;width:70px;height:70px;margin:-35px 0 0 0;line-height:70px;font-family: 'Montserrat', sans-serif;font-weight:100;font-size:30px;color:#767575;background-color:#fff;border:1px solid #bbb;-webkit-border-radius:50%;border-radius:50%;text-align:center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1}
.position-career-item:nth-child(-n+9)::before{content:"0" counter(div);}

.position-career-item:hover {
    background-color: #b9bfef
}
.position-career-item:hover .position-career-title{background-color:#3948b7;color:#fff}
.position-career-item:hover .position-career-txt{color:#fff}

    .position-career-item:hover::before {
        background-color: #1724a9;
        color: #fff;
        border: 1px solid #fff
    }

.position-career .box-but{position:absolute;bottom:-44px;}




/*LATEST*/
.latest{padding:0 0 80px 0;z-index:1}
.latest-box{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto 40px auto;}
.latest-box::after{content:'';position:relative;display:block;width:100%;height:0;clear:both;}

.latest-item{position:relative;float:right;display:block;width:65%;height:auto;margin:0 0 21px 0;background-color:#fff;overflow:hidden;cursor:pointer;box-shadow:3px 3px 30px rgba(0,0,0,0.15);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.latest-item > a{display:block;width:100%;height:100%;overflow:hidden}



.latest-pic{position:relative;display:block;width:50%;height:300px;overflow:hidden}
.latest-pic .bg-cover{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:transform .5s cubic-bezier(.44,.39,.34,1.03);transition:transform .5s cubic-bezier(.44,.39,.34,1.03)}



.latest-txt{position:relative;display:block;width:50%;height:auto;min-height:300px;padding:20px;text-align:center;}
.latest-inr{position:relative;display:block;width:100%;height:auto;max-height:196px;overflow:hidden}

.latest-date{display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;line-height:1;background-color:#798cb0;padding:10px 15px;margin:0 0 15px 0}
.latest-txt h3{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;color:#484848;line-height:1.4;margin:0 0 15px 0}
.latest-txt p{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.6;color:#484848;margin:0 0 15px 0}

.latest-item:nth-child(3n + 1){width:32%;float:left;}
.latest-item:nth-child(3n + 1) .latest-pic{width:100%;float:none}
.latest-item:nth-child(3n + 1) .latest-txt{width:100%;float:none;min-height:320px}

.latest-item:nth-child(3n + 2){background-color:#e5e8d7;}
.latest-item:nth-child(3n + 2) .latest-pic{float:right}
.latest-item:nth-child(3n + 2) .latest-txt{float:left}
.latest-item:nth-child(3n + 2) .share-item{width:50%;right:auto;left:0}

.latest-item:nth-child(3n + 3){background-color:#eaeaea}
.latest-item:nth-child(3n + 3) .latest-pic{float:left}
.latest-item:nth-child(3n + 3) .latest-txt{float:right}
.latest-item:nth-child(3n + 3) .share-item{width:50%;right:auto;right:0}


.latest-box.full-size .latest-item:last-child{float:none;width:100%;height:auto}
.latest-box.full-size .latest-item:last-child .latest-pic{width:32%;float:left}
.latest-box.full-size .latest-item:last-child .latest-txt{width:65%;float:right;text-align:left;min-height:300px;padding:20px 20px 20px 0}

.latest-box.full-size .latest-item:last-child .share-item{width:65%;right:0;text-align:left}
.latest-box.full-size .latest-item:last-child .share-item ul{text-align:left;}

.latest-item .share-item{bottom:30px;width:100%;right:0;text-align:center}
.latest-item .share-item ul{position:relative;display:inline-block;right:auto;top:auto;text-align:center;}

.go-news{display:none}

.latest-item:hover .latest-pic .bg-cover{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
.latest-item:hover, .latest-item:nth-child(3n + 2):hover, .latest-item:nth-child(3n + 3):hover{background-color:#d8dee5}
.latest-item:nth-child(3n + 1) .share-item:hover{width:100%}



/*HOME ANIMATION*/
.about-scb-pic, .about-scb-txt h3, .about-scb-txt p, .why-us-box, .position-career-item, .position-career-item::before,.latest-item{opacity:0}

.on-show .about-scb-pic{-webkit-animation-name:scaleMidium;animation-name:scaleMidium;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;
}
.on-show .about-scb-txt h3{-webkit-animation:goLeft;animation:goLeft;-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;}
.on-show .about-scb-txt p{-webkit-animation:goRight;animation:goRight;-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;}

.why-us-box.on-show{-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;}

.why-us .title.on-show{-webkit-animation:scaleMidium;animation:scaleMidium;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.position-career-item.on-show:nth-child(odd){-webkit-animation:goRight;animation:goRight;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.position-career-item.on-show:nth-child(even){-webkit-animation:goLeft;animation:goLeft;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.position-career-item.on-show::before {
    -webkit-animation: scaleLarge;
    animation: scaleLarge;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;    
    font-weight: bold;
}

.latest-item.on-show{-webkit-animation-name:scaleMidium;animation-name:scaleMidium;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}






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

@media screen and (max-width:1500px){
/*WHY SCB*/
.why-us-box .slide-prev{left:-30px}
.why-us-box .slide-next{right:-30px}




/*POSITION CAREER*/
.position-career-item p{font-size:14px}



/*LATEST*/
.latest-txt h3{font-size:15px}

}

@media screen and (max-width:1300px){
/*ABOUT SCB*/
.about-scb-item{max-width:300px}
.about-scb-txt h3{font-size:18px}
.about-scb-txt p{font-size:13px}




/*WHY SCB*/
.why-us-pic{left:-30px}
.why-us-txt{left:30px}	
.why-us-pic::before, .why-us-txt::before{display:none}



/*POSITION CAREER*/
.position-career-item h3{font-size:15px}
.position-career-item p{font-size:13px}

	
}


@media screen and (max-width:1150px){
/*ABOUT SCB*/
.about-scb-item{margin:0 1%}
	
}




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

/*HOME ANIMATION*/
.about-scb-pic, .about-scb-txt h3, .about-scb-txt p, .why-us-box, .position-career-item, .latest-item, .position-career-item::before{opacity:1}

.on-show .about-scb-pic, .on-show .about-scb-txt h3, .on-show .about-scb-txt p, .why-us-box.on-show, .position-career-item.on-show:nth-child(odd), .position-career-item.on-show:nth-child(even), .position-career-item.on-show::before, .latest-item.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

.on-show .line-r, .on-show .line-l, .on-show .line-b, .on-show .line-t{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}




/*ABOUT SCB*/
.about-scb{padding:15px 0 50px 0}
.about-scb-txt h3{font-size:16px}
.about-scb-pic{width:180px;height:180px}
.about-scb-pic img{-webkit-transition:none;transition:none}
.about-scb-item:hover img{-webkit-transform:none;transform:none}



/*WHY SCB*/
.why-us .bg{background-attachment:scroll}
.why-us{padding:60px 0 30px 0}
.why-us .title{padding:10px 20px}
.why-us .title h2{font-size:40px}
.why-us .title h2 strong::after{font-size:60px}

.line-t, .line-r{display:none}



.why-us-pic{left:-40px;width:80%;max-width:800px}
.why-us-item h3{font-size:18px;}
.why-us-pic h3{display:none}
.why-us-txt h3{display:block}

.why-us-txt{left:40px;width:80%;max-width:800px;padding:30px 90px 30px 5%;margin:-5px 0 0 0}
.why-us-txt p{font-size:14px;}


.go-details{-webkit-transition:none;transition:none;right:20px;width:60px;height:60px;padding:12px;z-index:1;}
.go-details:hover{background-color:transparent;border:1px solid #fff}
    


/*POSITION CAREER*/
.position-career{margin:160px 0;}
.position-career .title h2{font-size: 30px}
.position-career .title h2 strong{font-size:42px}

.position-career-item, .position-career-title, .position-career-txt, .item-num{-webkit-transition:none;transition:none;}
.position-career-item > a{padding:0 0 50px 0}
.position-career-item:before{width: 50px;height: 50px;line-height: 50px;font-size: 22px;margin:-25px 0 0 0;left: -25px}
    
.position-career-title{padding:0 30px;}		
.position-career-item h3{font-size: 14px;max-height:38px}

.position-career-txt{padding:15px 30px 0 30px}		

.position-career-item:hover{background-color:#fff}
.position-career-item:hover .position-career-title{background-color:#ebebeb;color:#8a6947}
.position-career-item:hover .position-career-txt{color:#545454}
.position-career-item:hover:before{background-color:#fff;border:1px solid #bbb;color:#767575}
    



/*LATEST*/
.latest{padding: 0 0 50px 0}
.latest-box{margin: 0 auto 20px auto}
.latest-item{width: 66%;-webkit-transition:none;transition:none}
.latest-txt h3{font-size: 13px}    
.latest-txt p{font-size: 13px}
.latest-pic{height:260px;}
.latest-pic .bg-cover{-webkit-transition:none;transition:none}

.latest-txt{min-height: 260px}   
.latest-item .share-item{bottom: 20px}
.latest-inr{max-height: 176px}

.latest-item:nth-child(3n + 1) .latest-txt{min-height: 280px}
.latest-box.full-size .latest-item:last-child .latest-txt{min-height:260px}
    
		
.latest-item:hover .latest-pic .bg-cover{-webkit-transform:none;transform:none}
.latest-item:hover{background-color:#fff}
.latest-item:nth-child(3n + 2):hover{background-color:#e5e8d7}
.latest-item:nth-child(3n + 3):hover{background-color:#eaeaea}





}

@media screen and (max-width:900px){
 /*LATEST*/
.latest-item{width:100% !important;float:none !important;}
.latest-item:nth-child(odd) .latest-pic{position: absolute;left: 0; width:50% !important;height: 100%;float:none !important}
.latest-item:nth-child(odd) .latest-txt{width:50% !important;float:right !important;min-height: 260px !important}
    
.latest-item:nth-child(even) .latest-pic{position: absolute;right: 0;width:50% !important;height: 100%;float:none !important}
.latest-item:nth-child(even) .latest-txt{width:50% !important;float:left !important;min-height: 260px !important}
.latest-inr{max-height: inherit;padding: 0 0 40px 0}
    
.latest-box.full-size .latest-item:last-child .latest-txt{padding:20px;text-align:center}		
.latest-box.full-size .latest-item:last-child .share-item{width:50%;right:0;text-align:center}

.latest-item:nth-child(odd) .share-item{width:50% !important;left:auto !important;right:0  !important}
.latest-item:nth-child(even) .share-item{width:50% !important;right:auto !important;left:0  !important}

    
}

@media screen and (max-width:820px){
/*WHY SCB*/
.why-us .title h2{font-size:34px}
.why-us-pic{left:-20px;max-width:680px;}
.why-us-txt{left:20px;max-width: 680px;padding:30px 100px 30px 5%}
.go-details{width: 50px;height: 50px;right: 40px}   

}

@media screen and (max-width:740px){
/*ABOUT SCB*/
.about-scb-txt h3{font-size:14px}

/*WHY SCB*/
.why-us-pic, .why-us-txt{left:auto;width: 100%}
.go-details{right: 20px} 


/*POSITION CAREER*/
.position-career .title h2{font-size: 26px}
.position-career .title h2 strong{font-size:38px}
    
.position-career, .position-career.full-size{height:auto;margin: 0;padding:40px 0}
.position-career::before, .position-career::after{display: none}
.position-career .title{position: relative;left: auto;top:auto;padding:0 0 40px 0}
.circle, .full-size .circle-bt{display: none}

.position-career-item{display: block;width:100%;margin:0 auto 40px auto;max-width: inherit}
.position-career-item::before{left: 50%;top:-25px;margin: 0 0 0 -25px}
    
.position-career-title{padding:30px 40px 15px 40px;line-height:1;height:auto}
.position-career-txt{padding:15px 40px 0 40px}
.position-career-item p{white-space:normal}

.position-career .box-but{position: relative;bottom: auto;}
    
    
    
}

@media screen and (max-width:620px){
/*ABOUT SCB*/
.about-scb-item{display:block;width:90%;margin:0 auto 20px auto;max-width:380px;}
.about-scb-pic{width:160px;height:160px;margin:0 auto 20px auto}	
    
}

@media screen and (max-width:520px){
/*ABOUT SCB*/
.about-scb{padding:0 0 15px 0}


/*WHY SCB*/
.why-us{padding:40px 0}
.why-us .title{margin:0 0 30px 0}
.why-us  .title h2{font-size:30px}

.why-us-txt{padding:30px 5% 90px 5%}
.why-us-item h3{font-size:16px;}
.why-us-txt p{font-size:13px}
.go-details{right:auto;left:50%;bottom:30px;margin:0 0 0 -25px}


/*POSITION CAREER*/
.position-career .title h2{font-size:20px}
.position-career .title h2 strong{font-size:28px}
    
    
.position-career-title{padding:30px 5% 15px 5%;}
.position-career-title h3{font-size:13px}
.position-career-txt{padding:15px 5% 0 5%}

    
 /*LATEST*/
.latest-pic{height:auto;padding:80% 0 0 0}
.latest-item:nth-child(odd) .latest-pic{position: relative;left: auto; width:100% !important;height: auto;}
.latest-item:nth-child(odd) .latest-txt{width:100% !important;float:none !important;min-height: inherit!important}
.latest-item:nth-child(even) .latest-pic{position: relative;right: auto;width:100% !important;height: auto;float:none !important}
.latest-item:nth-child(even) .latest-txt{width:100% !important;float:none !important;min-height: inherit !important}
.latest-item:nth-child(odd) .share-item, .latest-item:nth-child(even) .share-item{width:100% !important;left:auto !important;right:0  !important}

    
    
}


@media screen and (max-width:420px){
/*WHY SCB*/
.why-us  .title h2{font-size:28px}	


/*POSITION CAREER*/
.position-career .title h2{font-size:18px}
.position-career .title h2 strong{font-size:26px}

}


@media screen and (max-width:350px){
/*WHY SCB*/
.why-us  .title h2{font-size:24px}
.why-us-item h3{font-size:15px}
    

/*POSITION CAREER*/
.position-career .title h2{font-size:16px}
.position-career .title h2 strong{font-size:24px}
    
	
}

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

/*FORMAT STYLE TO PRINT*/
.about-scb-pic, .about-scb-txt h3, .about-scb-txt p, .why-us-box, .position-career-item, .latest-item, .position-career-item::before{opacity:1}


.on-show .about-scb-pic, .on-show .about-scb-txt h3, .on-show .about-scb-txt p, .why-us-box.on-show, .position-career-item.on-show:nth-child(odd), .position-career-item.on-show:nth-child(even), .position-career-item.on-show::before, .latest-item.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

.position-career-item.on-show::before

.on-show .line-r, .on-show .line-l, .on-show .line-b, .on-show .line-t{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}


.about-scb{padding:150px 0 0 0;page-break-inside:avoid;page-break-after:always;}
.about-scb-item{max-width:300px;margin:0 10px}
.about-scb-pic{width:140px;height:140px;}
.about-scb-txt h3{font-size:16px}
.about-scb-txt p{font-size:13px}

.why-us{margin:40px 0 0 0;padding:20px 0 0 0;page-break-inside:avoid;page-break-after:always;}
.why-us::after{display:none}
.why-us .bg{background-attachment:scroll;}

.why-us .title{-webkit-transform:scale(0.6) !important;transform:scale(0.6) !important}
.why-us-box{position:relative;margin:-180px auto 0 auto;left:-110px;top:60px}
.why-us-box .slide-controls{display:none}
.selected .why-us-item{-webkit-transform:scale(0.7);transform:scale(0.7);}

.position-career{margin:40px 0 0 0;;padding:10px 0 30px 0;page-break-inside:avoid;page-break-after:auto;height:auto}
.circle, .circle-bt{display:none !important}

.position-career .title{position:relative;left:auto;top:auto}
.position-career .title h2{font-size:20px}
.position-career .title h2 strong{font-size:40px}
.position-career-item::before{width:50px;height:50px;line-height:50px;font-size:24px;margin:-25px 0 0 0;left:-25px}
.position-career-title{padding:0 30px;}
.position-career-txt{padding:15px 30px 0 30px}
.position-career-item h3{font-size:13px;}
.position-career-item p{font-size:12px}
.position-career .box-but{position:relative;bottom:auto;margin:15px 0 0 0}
.position-career-item > a{min-height:142px}

.latest{padding:30px 0 20px 0;page-break-inside:avoid;page-break-after:always;}
.latest-box{margin:0 auto}

.latest-pic{height:240px}
.latest-item:nth-child(3n + 1) .latest-txt{min-height:260px}
.latest-txt{min-height:240px}
.latest-inr{max-height:148px}
.latest-txt h3{font-size:11px}
.latest-txt p{font-size:12px}
.latest-item .share-item{bottom:15px}
	
}


@media print and (orientation:portrait) {
.about-scb{padding:300px 0 0 0}
.about-scb-txt h3{font-size:15px}
.about-scb-txt p{padding:0}

.why-us{margin:190px 0 0 0;padding:80px 0 30px 0}
.why-us .title h2{font-size:40px;}
.why-us h2 strong::after{font-size:80px}
.line-r, .line-l{display:none}
.why-us .title{-webkit-transform:scale(1) !important;transform:scale(1) !important}

.why-us-box{position:relative;margin:0 auto;left:40px;top:auto}
.selected .why-us-item{-webkit-transform:scale(1);transform:scale(1);}
.why-us-pic{left:-40px;width:600px;display:block;}
.why-us-pic:before, .why-us-txt::before{display:none}
.why-us-txt{left:40px;width:600px;padding:60px 30px 30px 30px;display:block;}
.why-us-item h3{font-size:20px}
.go-details{display:none}


.position-career{padding:170px 0}
.position-career-box{margin:30px 0}

.latest{padding:160px 0 20px 0}
.latest-txt h3{font-size:12px}
.latest-txt p{display:none}


}