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



/*CAREER*/
/*
	vàng SITP: rgb(210, 164, 78) #d2a44e
	xanh dương đậm SIPT: rgb(17, 31, 68) #111f44
*/
.career-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 60px 0 30px 0;
	background: -webkit-linear-gradient(0deg, rgb(210, 164, 78) 0%, rgb(17, 31, 68) 100%);
	background: linear-gradient(0deg, rgb(210, 164, 78) 0%, rgb(17, 31, 68) 100%);
	z-index: 1
}

.total-career{position:relative;display:block;width:100%;height:auto;text-align:center;padding:40px 5% 20px 5%;}
.total-career h3{font-family: 'Saira', sans-serif;font-size:36px;font-weight:400;color:#005caa}
.total-career strong{font-weight:700}
.total-career::after{content:'';position:absolute;left:50%;bottom:0;width:240px;height:1px;margin:0 0 0 -120px;background-color:#959595}

.career-slider{position:relative;display:block;width:90%;height:auto;max-width:1200px;margin:0 auto;text-align:center}
.career-block{position:relative;display:block;width:100%;height:auto;}




/*STUDENT*/
.student{-webkit-backface-visibility:visible;backface-visibility:visible}
.student .title{position:absolute;left:0;top:180px}
.student .bg{position:relative;display:block;width:100%;height:auto;padding:30% 0 0 0;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;-webkit-backface-visibility:visible;backface-visibility:visible}
.student .bg::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(0deg, rgba(255, 243, 214,1) 0%, rgba(125, 200, 254,0.5) 100%);background:linear-gradient(0deg, rgba(255, 243, 214,1) 0%, rgba(125, 200, 254,0.5) 100%);mix-blend-mode:hard-light;}

.student-wrap{position:relative;display:block;width:100%;height:auto;padding:60px 0;z-index:1}
.student-info{position:relative;display:block;width:90%;height:auto;max-width:960px;margin:0 auto 40px auto;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000;line-height:1.6}
.student-info p{margin:15px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000;line-height:1.6}








/*CAREER ANIMATION*/
.total-career, .career-wrap, .total-career::after, .student-info{opacity:0}


.total-career.on-show{-webkit-animation:fadeInDown;animation:fadeInDown;-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;}
.total-career.on-show::after{-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.total-career + .title.on-show{-webkit-animation:fadeInUp;animation:fadeInUp;-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;}

.career-wrap.on-show{-webkit-animation:fadeIn;animation:fadeIn;-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;}

.student-info.on-show{-webkit-animation-name:scaleMidium;animation-name:scaleMidium;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}





@media screen and (max-width:1300px) {
.career-slider .slide-prev{left:-20px;}
.career-slider .slide-next{right:-20px}

}



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

/*CAREER ANIMATION*/
.total-career, .career-wrap, .total-career::after, .student-info, .news-box{opacity:1}


.total-career.on-show, .total-career.on-show::after, .total-career + .title.on-show, .career-wrap.on-show, .student-info.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

	
/*CAREER*/
.total-career{padding:30px 5%}
.total-career h3{font-size:30px;}

.total-career+ .title{padding:20px 5% 10px 5%}

.career-wrap{padding:5vw 0}
.career-slider{width:100%}

.student .bg{background-attachment:scroll}
.student-wrap{padding:20px 0 40px 0}
.student .title{top:0;}
.student .bg::after{display:none}

}

@media screen and (max-width:820px) {
.total-career h3{font-size:24px;}	
	
}

@media screen and (max-width:520px) {
.total-career h3{font-size:18px;}	
.student-info p{font-size:13px}
	
}

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


/*FORMAT STYLE TO PRINT*/
.total-career, .career-wrap, .total-career::after, .student-info, .news-box{opacity:1}


.total-career.on-show, .total-career.on-show::after, .total-career + .title.on-show, .career-wrap.on-show, .student-info.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}


.student .bg{background-attachment:scroll}
.career {page-break-inside:avoid;page-break-after:always}

.total-career{display:none}
.career-wrap{padding:0 0 10px 0}
.career-slider .slide-controls{display:none}
.career-block{-webkit-transform:scale(0.7);transform:scale(0.7);margin:-160px 0 0 0;top:50px;left:-100px}
.career-item{margin:0.5%}
.career .page-controls{margin:-50px 0 0 0 !important;top:-15px}
.student .title{-webkit-transform:none !important;transform:none !important;top:30px}

.student-wrap{padding:30px 0}
.student-wrap .news-box{display:none}

/*.student-wrap .slide-controls{display:none}
.student-wrap .news-box{left:-25px}
.student-wrap .news-item{-webkit-transform:scale(0.8);transform:scale(0.8);}
.student-wrap .slide-item:nth-child(1) .news-item{left:0}
.student-wrap .slide-item:nth-child(2) .news-item{left:-50px}
.student-wrap .slide-item:nth-child(3) .news-item{left:-100px}
*/


}


@media print and (orientation:portrait) {
.career{margin:60px 0 0 0}
.career-wrap{padding:60px 0 30px 0}
.career-block{left:-240px;-webkit-transform:scale(0.6);transform:scale(0.6);}

/*.student-wrap .news-box{left:-10px}
.student-wrap .slide-item:nth-child(3) .news-item{left:20px}
*/

}