@charset "utf-8";
/* CSS Document */
/* Copyright 2017 by 3graphic.com */


/*body.fadeout .header{-webkit-transition:none !important;transition:none !important;opacity:0 !important}*/


/*POPUP*/
.popup{position:fixed;left:0;top:0;display:block;width:100%;height:100vh;overflow:hidden;overflow-y:auto;text-align:center;z-index:1600;}
.popup::before, .popup::after{content:'';position:relative;display:inline-block;width:0;height:100%;vertical-align:middle;margin:0 -50px}
.popup .popup-box{width:90%;max-width:1000px;-webkit-border-radius:30px;border-radius:30px;}


.survey{position:relative;display:block;width:100%;height:auto;background-color:#fff;padding:30px;-webkit-border-radius:30px;border-radius:30px;}
.survey h2{font-family: 'Montserrat', sans-serif;color:#000;font-size:30px;font-weight:700;line-height:1.4;text-transform:uppercase;text-align:center}
.survey h3{font-family: 'Montserrat', sans-serif;color:#000;font-size:18px;font-weight:700;line-height:1.4;text-transform:uppercase;text-align:center}
.survey p{margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#3e3e3e;line-height:1.6}
.survey img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}


.apply{position:relative;display:block;width:100%;height:auto;background-color:#fff;padding:15px 5% 20px 5%;-webkit-border-radius:30px;border-radius:30px;}
.apply .btn{margin:0}
.tab-item:not(.active) .tab-title:hover, .tab-item.active .tab-title {
	background-color: #590304;
	color: white;
}

.apply-box{position:relative;display:block;width:100%;height:auto;max-width:700px;margin:0 auto;padding:15px 0}
.apply-box h3{margin:0 0 15px 0;font-family: 'Montserrat', sans-serif;font-size:22px;font-weight:700;color:#005caa;text-transform:uppercase;line-height:1.4}
.apply-box p{margin:0 0 15px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;text-align:center;color:#000;line-height:1.6}
.apply-box p strong{font-weight:bold}

.apply-box .col p{text-align:right;font-size:12px;margin:5px 0;font-weight:bold}

.apply-form{padding:30px 0 40px 0;margin:15px auto 0 auto;border-top:1px dotted #7a7a7a;border-bottom:1px dotted #7a7a7a;}
.consultant-form, .question-form{position:relative;display:block;width:100%;height:auto;background-color:#fff;padding:20px 10% 40px 10%;-webkit-border-radius:30px;border-radius:30px;}
.consultant-form h3, .question-form h3{padding:20px 0;font-family: 'Montserrat', sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:1.4;color:#000000}

.question-form .input-text{border-bottom:1px solid #999999;margin:0 0 20px 0}
.question-form .col{margin:0;padding:0;text-align:left;min-height:inherit}
.question-form .input-mask{position:relative;left:auto;top:auto;display:inline-block;width:70px;height:40px;line-height:40px;vertical-align:top;}
.question-form .input-mask span{padding:0;font-family: 'Saira', sans-serif;font-weight:400;font-size:14px;color:#7e7e7e;line-height:1.4;}
.question-form input[type="text"]{-webkit-border-radius:0;border-radius:0;border:none;display:inline-block;width:calc(100% - 75px);height:40px;line-height:40px;vertical-align:top;color:#414141;font-weight:bold;padding:0}
.question-form .input-area textarea{-webkit-border-radius:0;border-radius:0;}







.close-pop{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-pop:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.consultant-form textarea, .question-form textarea{height:200px}




/*TITLE*/
.title{position:relative;display:block;width:100%;height:auto;padding:30px 5%;text-align:center;z-index:1}
	.title h1, .title h2, .title h3 {
		font-family: 'Saira', sans-serif;
		font-size: 60px; /*color:#5d5d5d;*/
		color: #590304;
		font-weight: 400;
	}

.title h1 strong, .title h2 strong, .title h3 strong{font-weight:700}




/*CONTENT*/
section{position:relative;display:block;width:100%;height:auto}
.section-box{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto}
.section-box:after{content:'';position:relative;display:block;clear:both}
.wrap-content{position:relative;display:block;width:100%;height:auto}
.section-content{padding:102px 0 0 0}
.section-content.is-job-result{padding:0}

.is-job-result .total-career{padding:30px 5%}
.is-job-result .total-career::after{display:none}






/*TAB BOX [ Dùng cho những box dạng đóng + mở content ]*/
.tab-box{position:relative;display:block;width:90%;height:auto;max-width:930px;margin:0 auto}

.tab-item{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0}
.tab-title {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	min-height: 76px;
	line-height: 76px;
	color: lightgray;
	background-color: #971B1E;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

	.tab-title h3 {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 10px 50px 10px 20px;
		vertical-align: middle;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1.4;
		text-transform: uppercase;
	}
.tab-title::after{content:'';position:absolute;right:20px;top:50%;width:30px;height:30px;margin:-15px 0 0 0;background:url(../images/faq-arrow.png) no-repeat center center;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}

.tab-item:not(.active) .tab-title:hover::after, .tab-item.active .tab-title::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.tab-item:not(.active) .tab-title:hover, .tab-item.active .tab-title {
	background-color: #590304;
	color: white;
}

.tab-detail{position:relative;display:none;width:100%;height:auto;padding:15px 30px;background-color:#e9f5ff;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#3e3e3e;line-height:1.6;}
.tab-detail p{margin:15px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#3e3e3e;line-height:1.6;}
.tab-detail img{display:block;width:auto !important;height:auto !important;max-width:100%;margin:10px auto;box-shadow:10px 10px 0 rgba(0,0,0,0.1)}

.tab-txt:only-child{display:block;width:100%;height:auto;padding:0;background-color:transparent}

.tab-caption{position:relative;display:inline-block;width:120px;height:auto;vertical-align:middle;margin:0 10px 0 0}
.tab-caption h3{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:24px;color:#005caa;text-transform:uppercase;text-align:left}

.tab-txt{position:relative;display:inline-block;vertical-align:middle;width:calc(100% - 220px);height:auto;background-color:rgba(255,255,255,0.7);padding:15px 30px;}






/*CAREER ITEM*/
.career-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31%;
	height: auto;
	max-width: 380px;
	margin: 1%;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: left
}

	.career-item > a {
		display: block;
		width: 100%;
		height: auto;
		padding: 0 0 50px 0;
	}
/*
	vàng SITP: rgb(210, 164, 78) #d2a44e
	xanh dương đậm SIPT: rgb(17, 31, 68) #111f44
*/
.career-title {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 60px 0 35px;
	background: -webkit-linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210, 164, 78) 100%);
	background: linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210, 164, 78) 100%);
	-webkit-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;
	overflow: hidden
}
	.career-title::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #590304;
		-webkit-border-radius: 30px 30px 0 0;
		border-radius: 30px 30px 0 0;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}
	.career-title h3 {
		position: relative;
		display: inline-block;
		max-height: 56px;
		vertical-align: middle;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.4;
		color: #590304;
		text-transform: uppercase;
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
		overflow: hidden
	}

.career-txt {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	padding: 15px 30px;
	border-bottom: 1px dotted #8a8a8a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #777777;
	overflow: hidden;
	/*background-color: #CEE9FC;*/
}
	.career-txt::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 15px;
		background-color: white;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}
	.career-txt p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.6;
		color: #590304;
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out
	}

.career-date {
	position: absolute;
	left: 30px;
	bottom: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b1b1b1;
	line-height: 1.4;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	display: none;
}
.career-mark{position:absolute;right:20px;bottom:17px;padding:0 20px 0 0;font-family: 'Saira', sans-serif;font-weight:700;color:#727272;font-size:13px;text-transform:uppercase;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}

.career-mark::before{content:'';position:absolute;right:-14px;top:-14px;width:40px;height:40px;background:url(../images/arrow1.png) no-repeat center center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.career-mark::after{content:'';position:absolute;right:-14px;top:-14px;width:40px;height:40px;background:url(../images/arrow.png) no-repeat center center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0}

.career-item .share-item{bottom:auto;top:15px;right:20px;z-index:2}

.career-item:hover .career-title::before{opacity:1}
.career-item:hover, .career-item:hover .career-txt::after {
	background-color: #590304;
}
	.career-item:hover h3, .career-item:hover p, .career-item:hover .career-date, .career-item:hover .career-mark {
		color: #fff
	}

.career-item:hover .career-mark::before{opacity:0}
.career-item:hover .career-mark::after{opacity:1}

.news-icon{position:absolute;left:-7px;top:10px;width:50px;height:50px;background:url(../images/news-icon.png) no-repeat center bottom;background-size:contain}
.hot-icon{position:absolute;left:-7px;top:10px;width:50px;height:50px;background:url(../images/hot-icon.png) no-repeat center bottom;background-size:contain;}
.sold-icon {
	position: absolute;
	left: -7px;
	top: 10px;
	width: 50px;
	height: 50px;
	background: url(../images/sold-icon.png) no-repeat center bottom;
	background-size: contain;
}



/*NEWS ITEM*/
.news-item{position:relative;display:inline-block;vertical-align:top;width:32%;max-width:380px;margin:0.5%;text-align:left;border:1px solid #a0a0a0;padding:14px;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}
.news-item a{display:block}
.news-pic{position:relative;display:block;width:100%;height:auto;padding:66% 0 0 0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.news-pic img{position:absolute;left:50%;top:0;height:100%;width:auto;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}

.news-text{position:relative;display:block;width:100%;height:120px;padding:10px 0;overflow:hidden}
.news-text h3{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:14px;line-height:1.6;color:#1724A9;text-transform:uppercase;font-weight:700;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.news-text p{margin:5px 0;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#747474;line-height:1.6;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.news-text p strong{font-weight:bold}
.news-item .news-icon{left:-10px;top:20px;}

.news-item:not(.current):hover{background-color:#1724A9;border:1px solid #1724A9}
.news-item:not(.current):hover h3, .news-item:not(.current):hover p{color:#fff}

.news-item.current{background-color:#1724A9;border:1px solid #1724A9}
.news-item.current h3, .news-item.current p{color:#fff}



/*NEWS RELATION*/
.relation{position:relative;display: block;width: 100%;height: auto;padding:0 0 30px 0;background-color:#fff;z-index: 1}
.relation h2{color:#1724A9}

.relation-box{position:relative;display:block;width:100%;height:auto;}

.scroll-slide{width:100%; height:auto;position:relative; display:block; text-align:center; margin:0 auto; overflow:hidden;}

.news-link{position:relative;display:block;width:90%;height:auto;max-width:1120px;margin:0 auto;}
.news-link.no-link{pointer-events:none}

.link-page{position:relative;display:block;width:100%;height:116px;padding:10px;color:#005caa;cursor:pointer;text-align:left;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;overflow:hidden;background-color:#fff;border:1px solid #9f9f9f;cursor:pointer;}

.pic-thumb{position:relative;float:left;display:block;width:auto;height:auto;min-width:98px;max-width:46%;margin:0 10px 0 0;border:1px solid #dce3e6;overflow:hidden;line-height:0;text-align:center;z-index:2;}
.pic-thumb img{position:relative;height:92px;width:auto;margin:0 -50%;z-index:-1;}

.link-text{position:relative;display:block;height:100%;z-index:0;line-height:94px;overflow:hidden}
.link-text h3{display:inline-block;vertical-align:middle;font-family: 'Montserrat', sans-serif;font-size:13px;font-weight:400;line-height:1.4;max-height:72px;overflow:hidden;white-space:normal}

.link-page a{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:2;}

.link-page.current, .link-page:not(.current):hover{background-color:#005caa;border:1px solid #005caa;color:#fff;}
.link-page.current::after{content:'';position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 3}

.news-link .slide-item{padding:1px 3px}

.news-link .slide-prev, .news-link .slide-next{width: 30px;height: 70px;margin:-55px 0 0 0}




/*LOAD CONTENT*/
.section-content.is-news{padding:0;z-index:0}

.load-content{position:relative;display:block;width: 100%;height: auto;padding:0;z-index: 0}
.load-bg{display:block;position:relative;width:100%;height:auto;background:-webkit-linear-gradient(0deg, rgb(210,164,78) 0%, rgb(125, 200, 254) 100%);background:linear-gradient(0deg, rgb(210,164,78) 0%, rgb(125, 200, 254) 100%);opacity: 0}
.load-data{position:relative;top:-140px;display:block;width:90%;max-width:1070px;height:auto;margin:140px auto -80px auto;z-index:2}



.load-details{position:relative;display:block;width:100%;height:auto}
.load-title{position:relative;display:block;width:100%;height:auto;min-height:94px;line-height:94px;padding:10px 160px 10px 5%;background:-webkit-linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210,164,78) 100%);background:linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210,164,78) 100%);text-align: left}
.load-title h3{position: relative;display:inline-block;font-family:'Montserrat', sans-serif;font-weight:700;font-size:24px;color:#363636;vertical-align: middle}
.load-text{position:relative;display:block;width:100%;height:auto;padding:3% 5%;background-color: #fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#2d2d2d;line-height:1.6;}
.load-text p{font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#2d2d2d;line-height:1.6;margin:15px 0;}
.load-text p strong{font-weight:bold}
.load-text a{word-break:break-word;color:#005caa;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.load-text a:hover{color:#3ca4fb}
.load-text img{display:block;width:auto !important;height:auto !important;max-width:100%;margin:10px auto;box-shadow: 7px 7px 0 rgba(0,0,0,0.1)}
.load-text h1, .load-text h2, .load-text h3, .load-text h4, .load-text h5, .load-text h6{font-family:'Montserrat', sans-serif;font-weight:700;font-size:18px;color:#2d2d2d;line-height:1.6;margin:20px 0;text-align:center;}


.load-details .share-item{bottom:auto;top:18px;right:30px;width:auto;height: auto;text-align: center}
.load-details .share-item:hover{width:auto;}
.load-details .share-item ul{position: relative;right: auto;top:auto;width:auto;display: inline-block;}
.load-details .share-item .share-icon{position:relative;right:auto;top:auto;width:100%;height:auto;background:none;display: block;padding:5px 0;font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#313131;line-height: 1.4;text-align: center}



.load-details .item-youtube::before{background:url(../images/social-youtube.png) no-repeat center center;background-size:cover}
.load-details .item-youtube::after{background:url(../images/social-youtube-grey.png) no-repeat center center;background-size:cover}

.load-details .item-facebook::before{background:url(../images/social-facebook.png) no-repeat center center;background-size:cover}
.load-details .item-facebook::after{background:url(../images/social-facebook-grey.png) no-repeat center center;background-size:cover}

.load-details .item-linkedin::before{background:url(../images/social-linkedin.png) no-repeat center center;background-size:cover}
.load-details .item-linkedin::after{background:url(../images/social-linkedin-grey.png) no-repeat center center;background-size:cover}

.load-details .item-zalo::before{background:url(../images/social-zalo.png) no-repeat center center;background-size:cover}
.load-details .item-zalo::after{background:url(../images/social-zalo-grey.png) no-repeat center center;background-size:cover}

.load-details .item-google::before{background:url(../images/social-google.png) no-repeat center center;background-size:cover}
.load-details .item-google::after{background:url(../images/social-google-grey.png) no-repeat center center;background-size:cover}


.is-student .load-bg{background: #fff}
.is-student .load-data{margin: 0 auto;top:auto;width:100%;max-width: inherit}
.is-student .load-title{padding: 0;background: #fff;text-align:center;margin: 0 0 20px 0   }
.is-student .load-title h3{color: #005caa;max-width:1070px;padding: 10px 20px;background-color: #fff;z-index: 1}
.is-student .load-title::before{content:'';position: absolute;left: 0;top:50%;width: 100%;height: 1px;margin: -0.5px 0 0 0;background-color: #a0a0a0}
.is-student .load-text{border:1px solid #a7a7a7;width: 90%;max-width: 1070px;margin: 0 auto;padding:35px 50px}


.is-recruitment .load-bg{padding:0 0 60px 0}
.is-recruitment .load-data{margin:140px auto 0 auto}
.is-recruitment + .relation{background-color:transparent;margin:-200px 0 0 0}


.is-consultant .load-bg{padding:0 0 60px 0}
.is-consultant .load-data{margin:140px auto -100px auto}
.is-consultant .load-title{padding:0;background:#fff;text-align:center;min-height:auto;line-height:inherit}
.is-consultant .load-title h3{padding:30px 0;color:#005caa;}
.is-consultant .load-title::after{content:'';position:absolute;left:50%;bottom:0;width:240px;height:2px;margin:0 0 0 -120px;border-bottom:1px dotted #005caa}


.news-wrap{position:relative;display:block;width:100%;height:auto}
.news-box{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto}
.news-slider{position:relative;display:block;width:100%;height:auto;}
.news-slider .news-item{display:block;width:100%;margin:0;max-width:inherit}
.news-slider .slide-item{padding:0 2px}
.news-slider.no-link{pointer-events:none}



/*SUGGESTIONS JOB*/
.suggestions-job{padding:0 0 60px 0;text-align:center}
.relation + .suggestions-job{margin:-30px 0 0 0}
.suggestions-box{position: relative;display: block;width: 90%;height: auto;max-width: 1200px;margin: 0 auto 40px auto}
.suggestions-box .career-item{border:1px solid #d5d5d5}


/*PAGING*/
.page-controls{position:relative;display:block;width:100%;height:auto;margin:25px 0 50px 0;text-align:center;}
.btn-active{background-color: #c6c9cc !important;border: solid 1px #c6c9cc !important;pointer-events: none;}


.pagination ul li.dots{font-size: 22px;cursor: default;}


.content__paging .active{  background: #005caa;border: 1px solid #005caa;}
.content__paging .active a{color: white}
.number-page .active a{color:white}
.content__paging li a:hover{color:white}
.btn-prev:hover, .btn-next:hover{color: white;}
.btn-prev:hover{  background: #005caa;border: 1px solid #005caa;}
.btn-next:hover{  background: #005caa;border: 1px solid #005caa;}
.number-page li:hover{  background: #005caa;border: 1px solid #005caa;}
.number-page li:hover a{ color: white;}
.page li:hover{  background: #005caa;border: 1px solid #005caa;}
.page li:hover a{ color: white;}


.content__paging{ display: inline-block;justify-content: space-between;align-items: center;width:auto;}
.content__paging li{width:35px;height:40px;border-radius: 3px;border: 1px solid gray;display: flex;justify-content: center;align-items: center;margin-right: 5px;cursor: pointer;border-radius: 9px;}
.content__paging ul{display: inline-flex;justify-content: center;margin-bottom: 20px;}
.content__paging ul li a{color:black;}

.page-num{position:relative;width:auto;max-width:452px;height:48px;overflow:hidden;text-align:center;}
.page-num ul{position:relative;display:inline-block;overflow:hidden;padding:0 0 2px 0}
.page-num li{position:relative;float:left;margin:0 0 0 2px}

.page-num li a{display:block;border:1px solid #e6e6e6;background-color:#fff;font-family: 'Saira', sans-serif;font-weight:400;font-size:18px;width:48px;height:48px;line-height:46px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:9px;border-radius:9px;color:#727272;}
.page-num li.active:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.page-num li.active a, .page-num li:not(.active) a:hover{background-color:#005caa;color:#fff;border:1px solid #005caa}

.page-note{display:inline-block;width:auto;height:34px;padding:0 15px;font-weight:bold;font-size:16px;text-transform:uppercase;color:#b2bac0;line-height:34px;}

.first, .last, .page-num{display:inline-block;vertical-align:top;}
.first, .last{width:48px;height:48px;-webkit-border-radius:9px;border-radius:9px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.first{background:url(../images/page-prev.png) no-repeat left center;background-color:#fff;border:1px solid #e6e6e6;}
.last{background:url(../images/page-next.png) no-repeat right center;background-color:#fff;border:1px solid #e6e6e6;}

.first.disabled, .last.disabled{opacity:0.5;pointer-events:none}
.last:not(.disabled):hover{background-color:#005caa;background-position:left center}
.first:not(.disabled):hover{background-color:#005caa;background-position:right center}





/*REQUEST LOGIN*/
.request-box{position:relative;display:none;width:100%;height:auto;margin:20px auto;z-index:2;}
.request-box.show{display:block}
.request-bg{position:relative;display:block;width:90%;height:auto;max-width:752px;margin:0 auto;padding:40px 110px;background:-webkit-linear-gradient(0deg, rgb(210,164,78) 0%, rgb(125, 200, 254) 100%);background:linear-gradient(0deg, rgb(210,164,78) 0%, rgb(125, 200, 254) 100%);-webkit-border-radius:30px;border-radius:30px;}
.request-box h3{margin:0 0 15px 0;font-family: 'Montserrat', sans-serif;font-weight:700;font-size:18px;color:#454545;text-align:center}
.request-bg h3{color:#000;margin:0 0 -5px 0;}
.request-login{position:relative;display:block;width:100%;height:auto;}
.request-regis{position:relative;display:block;width:100%;height:auto;border-top:1px dotted #7a7a7a;margin:45px 0 0 0;padding:30px 0 10px 0}

.request-box .input-mask{background-color:#fff;-webkit-border-radius:6px;border-radius:6px}


/*ROCK ANI*/
.rock-left{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}

.rock-left span:nth-child(1){background:url(../images/rock/1.png) no-repeat center center;width:4.2%;height:auto;left:2%;top:434px}
.rock-left span:nth-child(2){background:url(../images/rock/2.png) no-repeat center center;width:4.6%;height:auto;left:8.2%;top:434px}
.rock-left span:nth-child(3){background:url(../images/rock/3.png) no-repeat center center;width:5.2%;height:auto;left:15.4%;top:406px}
.rock-left span:nth-child(4){background:url(../images/rock/4.png) no-repeat center center;width:3.6%;height:auto;left:22%;top:376px}
.rock-left span:nth-child(5){background:url(../images/rock/5.png) no-repeat center center;width:4.3%;height:auto;left:10%;top:504px}
.rock-left span:nth-child(6){background:url(../images/rock/6.png) no-repeat center center;width:10.1%;height:auto;left:1.5%;top:546px}
.rock-left span:nth-child(7){background:url(../images/rock/7.png) no-repeat center center;width:4.3%;height:auto;left:13.8%;top:676px}
.rock-left span:nth-child(8){background:url(../images/rock/8.png) no-repeat center center;width:7.8%;height:auto;left:11%;top:764px}
.rock-left span:nth-child(9){background:url(../images/rock/9.png) no-repeat center center;width:4.6%;height:auto;left:7.6%;top:860px}
.rock-left span:nth-child(10){background:url(../images/rock/10.png) no-repeat center center;width:5.2%;height:auto;left:12.6%;top:894px}
.rock-left span:nth-child(11){background:url(../images/rock/11.png) no-repeat center center;width:4.2%;height:auto;left:20.4%;top:850px}
.rock-left span:nth-child(12){background:url(../images/rock/12.png) no-repeat center center;width:5.7%;height:auto;left:14.8%;top:994px}
.rock-left span:nth-child(13){background:url(../images/rock/13.png) no-repeat center center;width:7.6%;height:auto;left:29%;top:930px}
.rock-left span:nth-child(14){background:url(../images/rock/14.png) no-repeat center center;width:4.2%;height:auto;left:31.5%;top:1040px}

.rock-left span{position:absolute;display:block;background-size:contain !important}
.rock-left span::before{content:'';position:relative;display:block;width:100%;height:auto;padding:100% 0 0 0}


.rock-right{position:absolute;right:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.rock-right span:nth-child(1){background:url(../images/rock/15.png) no-repeat center center;width:8.5%;height:auto;right:2%;top:166px}
.rock-right span:nth-child(2){background:url(../images/rock/16.png) no-repeat center center;width:4.3%;height:auto;right:1.5%;top:330px}
.rock-right span:nth-child(3){background:url(../images/rock/17.png) no-repeat center center;width:8.5%;height:auto;right:5.6%;top:368px}
.rock-right span:nth-child(4){background:url(../images/rock/18.png) no-repeat center center;width:6.6%;height:auto;right:13.5%;top:426px}
.rock-right span:nth-child(5){background:url(../images/rock/19.png) no-repeat center center;width:5.4%;height:auto;right:5%;top:474px}
.rock-right span:nth-child(6){background:url(../images/rock/20.png) no-repeat center center;width:4.3%;height:auto;right:16.6%;top:503px}
.rock-right span:nth-child(7){background:url(../images/rock/21.png) no-repeat center center;width:2.4%;height:auto;right:14.5%;top:585px}
.rock-right span:nth-child(8){background:url(../images/rock/22.png) no-repeat center center;width:5%;height:auto;right:23%;top:580px}
.rock-right span:nth-child(9){background:url(../images/rock/23.png) no-repeat center center;width:4.3%;height:auto;right:1.5%;top:625px}
.rock-right span:nth-child(10){background:url(../images/rock/24.png) no-repeat center center;width:7%;height:auto;right:19.4%;top:700px}

.rock-right span{position:absolute;display:block;background-size:contain !important}
.rock-right span::before{content:'';position:relative;display:block;width:100%;height:auto;padding:100% 0 0 0}


.rock-bottom{position:absolute;right:0;bottom:0;width:100%;height:100%}
.rock-bottom span:nth-child(1){background: url(../images/rock/25.png);width:4.1%;height:auto;right:14.8%;bottom:832px}
.rock-bottom span:nth-child(2){background: url(../images/rock/26.png);width:4.5%;height:auto;right:8.2%;bottom:814px}
.rock-bottom span:nth-child(3){background: url(../images/rock/27.png);width:5.2%;height:auto;right:1%;bottom:842px}
.rock-bottom span:nth-child(4){background: url(../images/rock/28.png);width:4.3%;height:auto;right:7%;bottom:727px}
.rock-bottom span:nth-child(5){background: url(../images/rock/29.png);width:10.1%;height:auto;right:9.3%;bottom:624px}
.rock-bottom span:nth-child(6){background: url(../images/rock/30.png);width:4.3%;height:auto;right:2%;bottom:574px}
.rock-bottom span:nth-child(7){background: url(../images/rock/31.png);width:7.8%;height:auto;right:1.5%;bottom:420px}
.rock-bottom span:nth-child(8){background: url(../images/rock/32.png);width:4.5%;height:auto;right:8.7%;bottom:364px}
.rock-bottom span:nth-child(9){background: url(../images/rock/33.png);width:5%;height:auto;right:1.5%;bottom:333px}
.rock-bottom span:nth-child(10){background: url(../images/rock/34.png);width:5.7%;height:auto;right:1%;bottom:238px}

.rock-bottom span{position: absolute;display: block;background-size:contain !important}
.rock-bottom span::before{content:'';position:relative;display:block;width:100%;height:auto;padding:100% 0 0 0}

@media screen and (min-width:1021px) and (max-height:860px) {
/*POPUP*/
.apply .col{min-height:54px}
.apply .input-mask{height:54px;line-height:52px}
.apply input[type="text"]{height:54px;line-height:52px}
.apply .file-name{height:54px;line-height:52px}
.apply .input-text input[type="file"]{height:54px}
.apply .file-mark{height:44px;line-height:44px}
.apply-box{padding:10px 0}
.apply-form{padding:15px 0 20px 0}
.apply-box h3{font-size:18px}
.apply-box p{font-size:13px}




.consultant-form, .question-form{padding:10px 10% 35px 10%}
.consultant-form h3, .question-form h3{padding:15px 0}
.question-form .input-text{margin:0 0 15px 0}
.question-form .input-area textarea{height:160px}	

	
}

@media screen and (min-width:1021px) and (max-height:640px) {
/*POPUP*/
.consultant-form h3, .question-form h3{font-size:20px}
.question-form .input-area textarea{height:120px}	
.question-form .input-text{margin:0 0 10px 0}	
.question-form .btn{margin:10px 0 0 0}
.close-pop{right:-15px;top:-15px}
.popup-box{margin:0}



}

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

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

/*CAREER ITEM*/
.career-item{width:30%;margin:0.5%}
.career-title h3{font-size:14px;max-height:56px}
.career-mark{bottom:18px;font-size:11px;padding:0 13px 0 0;}
.career-mark::before, .career-mark::after{top:-15px;}




/*NEWS RELATION*/
.news-link .slide-prev{left:-40px}
.news-link .slide-next{right:-40px}



/*LOAD CONTENT*/
.news-box{max-width:1000px}
.news-slider .slide-prev{left:-50px;}
.news-slider .slide-next{right:-50px}

}

@media screen and (max-width:1200px) {
/*POPUP*/
.survey h2{font-size:22px}
.survey h3{font-size:16px}
.survey p{font-size:15px}
.consultant-form h3, .question-form h3{font-size:22px}


/*TAB BOX [ Dùng cho những box dạng đóng + mở content ]*/
.tab-caption{display:block;width:100%;padding:0 0 10px 0}
.tab-caption h3{text-align:center}
.tab-txt{width:100%}

}

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

	
}


@media screen and (max-width:1024px) {
/*POPUP*/
.popup{position:fixed;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.close-pop{position:fixed;right:10px;top:60px;width:50px;height:50px;-webkit-transition:none;transition:none;}
.close-pop:hover{-webkit-transform:none;transform:none}

.apply-box h3{font-size:20px}
.apply-box p{font-size:14px;line-height:1.4}

.consultant-form, .question-form{padding:30px 10% 50px 10%}

/*TITLE*/
.title{padding:30px 5%;}
.title h1, .title h2, .title h3{font-size:40px}




/*CONTENT*/
.section-content{padding:70px 0 0 0}


/*TAB BOX [ Dùng cho những box dạng đóng + mở content ]*/
.tab-title, .tab-title::after{-webkit-transition:none;transition:none}
.tab-title h3{font-size:16px;padding:10px 50px 10px 5%;}

.tab-item:not(.active) .tab-title:hover::after{-webkit-transform:none;transform:none}
.tab-item:not(.active) .tab-title:hover{background-color:#005caa}

.tab-detail{padding:15px 5%}
.tab-detail p{font-size:14px;}

.tab-caption{padding:10px 0 0 0}
.tab-caption h3{font-size:20px}
.tab-txt{background-color:transparent;padding:0}




/*CAREER ITEM*/
.career-item .share-item{top:auto;bottom:45px;width:100%;text-align:center;right:0}
.career-title{padding:0 30px}
.career-title h3{font-size:14px;max-height:56px}

.career-item, .career-txt::after, .career-title h3, .career-txt p, .career-mark, .career-date, .career-mark::before{-webkit-transition:none;transition:none}
.career-title::before, .career-mark::after{display:none;-webkit-transition:none;transition:none}
.career-item:hover, .career-item:hover .career-txt::after{background-color:#fff}
.career-item:hover h3{color:#3e3e3e}
.career-item:hover p{color:#777777}
.career-item:hover .career-date{color:#b1b1b1}
.career-item:hover .career-mark{color:#727272}
.career-item:hover .career-mark::before{opacity:1}

.career-item > a{padding:0 0 100px 0}
.career-date{left:20px;}

.career-mark{right:15px;bottom:18px;font-size:11px;padding:0 13px 0 0;}
.career-mark::before{top:-15px;}




/*NEWS ITEM*/
.news-item, .news-text h3, .news-text p{-webkit-transition:none;transition:none}
.news-item:not(.current):hover{background-color:#fff;border:1px solid #a0a0a0}
.news-item:not(.current):hover h3{color:#005caa}
.news-item:not(.current):hover p{color:#747474}




/*NEWS RELATION*/
.scroll-slide{width: calc(100% - 40px);-webkit-overflow-scrolling: touch;}

.news-link{width:100%;white-space:nowrap;font-size:0}


.link-page{padding:5px 10px 5px 5px;width:240px;height:92px;-webkit-transition:none;transition:none;display:inline-block;vertical-align:top;margin:0 1px}

.pic-thumb{max-width:100px;margin:0 10px 0 0;min-width:inherit}
.pic-thumb img{height:78px;}

.link-text{height:80px;line-height:80px}
.link-text h3{font-size:12px;max-height:64px}

.link-page:not(.current):hover{background-color:#fff;color:#005caa;border:1px solid #9f9f9f}




/*LOAD CONTENT*/
.load-title{min-height:auto;line-height:normal;padding:20px 5%;}
.load-title h3{font-size:20px}


.load-details .share-item .share-icon{display:none}
.load-details .share-item{right:0;top:-20px;}

.load-text, .is-student .load-text{padding:5vw}
.load-text p{font-size:14px;margin:0 0 10px 0}


.is-student .load-title{padding:0 5% 20px 5%;margin:0}
.is-student .load-title h3{padding:0;width:100%}
.is-student .load-title::before{display:none}

.is-consultant .load-title{padding:0 5% 20px 5%;margin:0}
.is-consultant .load-title h3{padding:0;width:100%}



/*SUGGESTIONS JOB*/
.suggestions-job{padding:0 0 40px 0}
.suggestions-box{width:100%;}
.suggestions-job .box-but{margin:-20px 0 0 0}





/*PAGING*/
.last, .first, .page-num li a{-webkit-transition:none;transition:none}

.page-num li:not(.active) a:hover{background-color:#fff;color:#727272;border:1px solid #e6e6e6}

.last:not(.disabled):hover{background-color:#fff;background-position:right center}
.first:not(.disabled):hover{background-color:#fff;background-position:left center}






    
}

@media screen and (max-width:960px){
/*CAREER ITEM*/
.career-item{width:45%;margin:1%;max-width:inherit}



}



@media screen and (max-width:820px){
/*TITLE*/
.title h1, .title h2, .title h3{font-size:30px}



/*POPUP*/
.survey h2{font-size:18px}
.survey h3{font-size:15px}

.apply-box h3{font-size:16px}
.apply-box .size_6{width:100%}

.consultant-form h3, .question-form h3{font-size:18px}



/*LOAD CONTENT*/
.load-title h3{font-size:16px}


/*REQUEST LOGIN*/
.request-bg{padding:40px 5%}

}

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

@media screen and (max-width:620px){
/*POPUP*/
.popup .popup-box{width:94%;padding:15px;-webkit-border-radius:20px;border-radius:20px;}
.survey h2{font-size:18px}
.survey h3{font-size:15px}

.apply, .survey{padding:15px;-webkit-border-radius:10px;border-radius:10px;}
.apply-box h3{font-size:14px}
.apply-box p{font-size:13px}

.consultant-form, .question-form{padding:10px 15px 30px 15px;-webkit-border-radius:10px;border-radius:10px;}
.consultant-form h3, .question-form h3{padding:10px 0;font-size:16px}



/*CAREER ITEM*/
.career-item{width:90%;margin:0 0 20px 0;max-width:inherit}
.career-txt{height:auto}



/*PAGING*/
.page-controls{margin:10px 0 0 0}
.page-num{max-width:192px;height:36px}
.page-num ul{padding:0}
.page-num li a{width:36px;height:36px;line-height:34px;font-size:14px}
.last, .first{width:36px;height:36px;background-size:cover}



/*REQUEST LOGIN*/
.request-bg .size_6{width:100%}


}

@media screen and (max-width:520px){
/*POPUP*/
.survey h2{font-size:16px}
.survey h3{font-size:12px}

.consultant-form h3, .question-form h3{font-size:14px}





/*TITLE*/
.title h1, .title h2, .title h3{font-size:26px}




/*LOAD CONTENT*/
.load-title h3{font-size:14px}
.load-text p{font-size:13px;}
.load-bg .box-but h3{font-size:18px}


/*TAB BOX [ Dùng cho những box dạng đóng + mở content ]*/
.tab-title h3{font-size:13px;padding:10px 40px 10px 5%}
.tab-detail p{font-size:13px;}
.tab-title::after{right:10px}



/*REQUEST LOGIN*/
.request-box h3{font-size:15px}

}

@media screen and (max-width:420px){
/*TITLE*/
.title h1, .title h2, .title h3{font-size:23px}


}

@media screen and (max-width:350px){
/*TITLE*/
.title h1, .title h2, .title h3{font-size:22px}

}




@media print {
/*FORMAT STYLE TO PRINT*/
.title h2{font-size:40px}
.section-content{padding:0}
.go-top{display:none !important}

}

.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.career-item-disable {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31%;
	height: auto;
	max-width: 380px;
	margin: 1%;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: left
}

	.career-item-disable > a {
		display: block;
		width: 100%;
		height: auto;
		padding: 0 0 50px 0;
	}

	.career-item-disable .share-item {
		bottom: auto;
		top: 15px;
		right: 20px;
		z-index: 2
	}

	.career-item-disable:hover .career-title-disable::before {
		opacity: 1
	}

	.career-item-disable:hover, .career-item-disable:hover .career-txt-disable::after {
		background-color: white;
	}

		.career-item-disable:hover h3, .career-item-disable:hover p, .career-item-disable:hover .career-date, .career-item-disable:hover .career-mark {
			color: dimgrey;
		}

.career-title-disable {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 60px 0 35px;
	/*background: -webkit-linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210, 164, 78) 100%);
	background: linear-gradient(90deg, rgb(125, 200, 254) 0%, rgb(210, 164, 78) 100%);*/
	-webkit-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;
	overflow: hidden
}

	.career-title-disable::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #590304;
		-webkit-border-radius: 30px 30px 0 0;
		border-radius: 30px 30px 0 0;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out
	}

	.career-title-disable h3 {
		position: relative;
		display: inline-block;
		max-height: 56px;
		vertical-align: middle;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.4;
		color: #590304;
		text-transform: uppercase;
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
		overflow: hidden
	}


.career-txt-disable {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	padding: 15px 30px;
	border-bottom: 1px dotted #8a8a8a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: dimgrey;
	overflow: hidden;
	/*background-color: #CEE9FC;*/
}

	.career-txt-disable::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 15px;
		background-color: white;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.career-txt-disable p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.6;
		color: dimgrey;
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out
	}