@charset "utf-8";

/* Import Font */
@IMPORT url("font.css");

/* System */
a{ color: #039cdf; text-decoration: none; transition: color 0.15s ease-in-out 0s; -webkit-transform: color 0.15s ease-in-out 0s; -moz-transform: color 0.15s ease-in-out 0s; -o-transform: color 0.15s ease-in-out 0s;}
a:hover { color: #222; margin: 0;}
p{ margin-bottom: 0;}
/* Content */
.font-Neo{ font-family: "UTM-Neo"; font-size: 30px; }
.clr{ clear: both;}

.box_menu .navbar{ margin: 0; border: 0;}
.box_menu .navbar .navbar-brand{ padding: 0px; text-align: center; font-size: 22px; color: #1da2de;}
.box_menu .navbar .navbar-brand img{ margin-top: 22px;}
.box_menu .navbar-inverse{ background-color: #fff; box-shadow: 0 0 3px #CCC;}
.box_menu .navbar-inverse .navbar-nav>li{ display: table; height: 70px; overflow: hidden; text-align: center;}
.box_menu .navbar-inverse .navbar-nav>li>a{ padding: 0 25px; font-family: "UTM-Neo-Sans"; display: table-cell; vertical-align: middle; font-size: 15px; line-height: 16px; color: #333;}
.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{  background: #189bfa; border-radius: 50px; padding: 10px 40px; display: inline-block; color: #fff; margin-top: 15px; border: none; }
.box_menu .navbar>.container .navbar-brand,
.box_menu .navbar>.container-fluid .navbar-brand{ margin-left: 0px;}
.box_menu .navbar-right{ margin-right: 0px; }

.box_slider img{ width: 100%; margin-top: 70px; }

.box_khoaHoc{ padding: 100px 0; }
.box_khoaHoc .container{  }

.box_khoaHoc .content{ padding: 0 50px 0 93px; }
.box_khoaHoc .content .title{position: relative; margin-bottom: 20px; }
.box_khoaHoc .content .title:AFTER{ content: ''; position: absolute; width: 50px; height: 5px; border-radius: 3px; background: #189bfa; left: -80px; bottom: 12px;}
.box_khoaHoc .content .desc .item{ padding: 0 0 10px 20px; background: url("../img/title-xanh.jpg") no-repeat 0 8px; line-height: 23px;}
.box_khoaHoc .content .btn-timHieu .btn-default{ border: none; border-radius: 0; background: #189bfa; margin-top: 10px; padding: 6px 23px; color: #fff;}
.box_khoaHoc .img{ position: relative; text-align: right;}
.box_khoaHoc .img a{ position: absolute; width: 100%; height: 100%; left: 0; right: 0; background: url("../img/video.png") no-repeat center center;}
.box_khoaHoc .img img{ width: 100%; } 

.box_danhCho{padding: 100px 0; color: #fff; position: relative;}
.box_danhCho:AFTER{ content: ''; position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: url("../img/danh-cho-2.jpg") no-repeat center center; background-size: cover; }
.box_danhCho:BEFORE{ content: ''; position: absolute; width: 50%; height: 100%; right: 0; top: 0; background: url("../img/danh-cho-1.jpg") no-repeat center center; background-size: cover; }
.box_danhCho .giaoDien{padding-right: 86px; width: 50%; float: left; position: relative; z-index: 12; margin-top: 130px; }
.box_danhCho .giaoDien .title{ text-align: center; margin-bottom: 25px; }
.box_danhCho .giaoDien .img img{ width: 100%;}
.box_danhCho .content{ width: 50%; float: left; position: relative; z-index: 12; padding-left: 70px; }
.box_danhCho .content .title{ margin-bottom: 40px; padding-left: 90px; position: relative;}
.box_danhCho .content .title:BEFORE{ content: ''; position: absolute; width: 50px; height: 5px; border-radius: 3px; background: #fff; left: 0px; bottom: 12px;}
.box_danhCho .content .desc .item{ padding: 0 0 25px 48px; background: url("../img/danh-cho-3.png") no-repeat; text-align: justify;}


.box_giangvien{ padding: 100px 0; border-bottom: 1px solid #a5a5a5; }
.box_giangvien .box_title{ width: 26%; float: left; position: relative;}
.box_giangvien .box_title:BEFORE{ content: ''; position: absolute; width: 50px; height: 5px; border-radius: 3px; background: #189bfa; left: 0px; bottom: -20px;}
.box_giangvien .content{ width: 74%; float: left; }
.box_giangvien .content .img{ width: 50%; float: left;}
.box_giangvien .content .img img{ max-width: 100%;}
.box_giangvien .content .desc{ width: 50%; float: left; margin-top: 120px; text-align: justify;}
.box_giangvien .content .desc .title{ margin-bottom: 50px; }
.box_giangvien .content .desc .item{ padding-left: 70px; font-weight: bold; padding-bottom: 20px; }
.box_giangvien .content .desc .item_1{ background: url("../img/giang-vien-2.png") no-repeat 0 8px; }
.box_giangvien .content .desc .item_2{ background: url("../img/giang-vien-3.png") no-repeat 0 8px; }
.box_giangvien .content .desc .item_3{ background: url("../img/giang-vien-4.png") no-repeat 0 8px; }

.box_noiDung{ padding: 100px 0 80px;}
.box_noiDung .box_title{ margin-bottom: 80px; position: relative; }
.box_noiDung .box_title:BEFORE{ content: ''; position: absolute; width: 50px; height: 5px; border-radius: 3px; background: #189bfa; left: 0px; bottom: -25px;}
.box_noiDung .item{ margin-bottom: 20px; overflow: hidden;}
.box_noiDung .item .title{ width: 18%; float: left; margin-top: 4px; }
.box_noiDung .item .title .so{ font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; float: left; color: #fff; background: #189bfa; margin-top: 5px; }
.box_noiDung .item .title .text{ display: table; margin-left: 50px; font-size: 17px; font-weight: bold; color: #189bfa; }
.box_noiDung .item .content{ width: 55%; float: left; padding-right: 50px; line-height: 26px; font-weight: bold; }
.box_noiDung .item .content p{ margin-bottom: 20px; }
.box_noiDung .item .img{ width: 27%; float: left; }
.box_noiDung .item .img img{ max-width: 100%; }

.box_btnDangKy { text-align: center; padding: 56px 0; background: #189bfa;}
.box_btnDangKy .btn-default{ background: #fff; width: 230px; height: 50px; line-height: 49px; font-size: 20px; color: #189bfa; padding: 0; padding-top: 0px; border-radius: 25px; border: 1px solid #fff; display: inline-block; text-transform: uppercase; }

.box_cauHoi{ padding: 100px 0 80px; position: relative;  overflow: hidden;}
.box_cauHoi .box_content{ width: 60%; float: left;}
.box_cauHoi .img_icon{ width: calc(100% - 60%); float: left; }
.box_cauHoi .box_title{ margin-bottom: 80px; position: relative; }
.box_cauHoi .box_title:BEFORE{ content: ''; position: absolute; width: 50px; height: 5px; border-radius: 3px; background: #189bfa; left: 0px; bottom: -25px;}
.box_cauHoi .content .item{ overflow: hidden; text-align: justify; margin-bottom: 20px; font-size: 13px; }
.box_cauHoi .content .item .desc{ width: calc(100% - 100px); float: left; border-radius: 7px;}
.box_cauHoi .content .item_1{ margin-right: 67px; }
.box_cauHoi .content .item_2{ margin-left: 67px;}
.box_cauHoi .content .item_1 .img{ float: left;  width: 100px; }
.box_cauHoi .content .item_1 .desc{  background: #189bfa; color: #fff; padding: 20px; }
.box_cauHoi .content .item_2 .img{ float: right;  width: 100px; text-align: right;}
.box_cauHoi .content .item_2 .desc{ color: #000; margin-top: 3px; }
.box_cauHoi .img_icon{ position: absolute; right: 0; bottom: 0; text-align: right;}
.box_cauHoi .img_icon img{ max-width: 90%;}

.box_chiPhi{padding: 100px 0; background: url("../img/chi-phi-5.jpg") no-repeat; background-size: cover;}

.box_chiPhi .content{ background: #fff; padding: 0px 38px; height: 340px; }
.box_chiPhi .content .img{ height: 180px; text-align: center; line-height: 180px;}
.box_chiPhi .content .desc .title{ font-family: "UTM-Neo-Sans"; font-size: 30px; text-align: center; margin-bottom: 10px; }

.box_dangKy{ padding: 100px 0;}
.box_dangKy .content{ background: #189bfa; overflow: hidden;}
.box_dangKy .formUuDai{ width: 40%; float: left; background: #ea3a57; height: 380px; padding-top: 68px; text-align: center; color: #fff;}
.box_dangKy .formUuDai .title{ font-size: 25px; font-family: "UTM-Neo-Sans"; margin-bottom: 30px; }
.box_dangKy .formUuDai .cost{ font-family: "UTM-Bebas";  font-size: 30px; color: #acacac; position: relative;}
.box_dangKy .formUuDai .cost:BEFORE{content: ''; position: absolute; width: 120px; height: 2px; top: 50%; background: #000;}
.box_dangKy .formUuDai .salse{ font-family: "UTM-Bebas";  font-size: 70px; line-height: 78px; }

.box_dangKy .formDangKy{ width: 60%; float: left; padding: 50px 100px 0; color: #fff;}
.box_dangKy .formDangKy .title{ font-size: 25px; font-family: "UTM-Neo-Sans";  text-align: center; margin-bottom: 25px; }
.box_dangKy .formDangKy .form-group .form-control{ height: 45px; background: rgba(0,0,0,0); border-color: #fff; border-radius: 50px;}
.box_dangKy .formDangKy .form-group.has-error .form-control{ border-color: #FF0000;}
.box_dangKy .formDangKy .form-control::-webkit-input-placeholder { color: #fff;  font-size: 15px;}
.box_dangKy .formDangKy .form-control:-moz-placeholder {color: #fff; font-size: 15px;}
.box_dangKy .formDangKy .form-control::-moz-placeholder {color: #fff; font-size: 15px;}
.box_dangKy .formDangKy .form-control:-ms-input-placeholder {color: #fff; font-size: 15px;}
.box_dangKy .formDangKy .btn-default{ background: #fff !important; color:#ea3a57;  }
.box_dangKy .formDangKy .alert-loading{ text-align: center; font-size: 14px;}

.box_footer{ background: #24333b; color: #fff; padding: 60px 0px 40px;}
.box_footer .coSoFooter .location{ margin-bottom: 10px;}
.box_footer .coSoFooter .location a{ color: #acacac;}
.box_footer .title{ font-size: 25px; color: #0098d9; text-transform: uppercase; margin-bottom: 15px; font-family: "UTM-Bebas"; }
.box_footer .title.social{ margin-top: 15px;}
.box_footer .img{ margin-bottom: 10px;}
.box_footer .title span { margin-right: 20px;} 



iframe[name="google_conversion_frame"] { height: 0;}

/*Responsive*/
@media all and (min-width: 993px) and (max-width: 1200px){
	.font-Neo{ font-size: 26px; }
	.container{ max-width: 1200px;}
	.box_khoaHoc .container{ padding: 0 30px; }
	.box_menu .navbar .navbar-brand img{ height: 24px; }
	
	.box_khoaHoc{ padding: 40px 0; }
	
	.box_danhCho{ padding: 40px 0; }
	.box_danhCho:AFTER{ width: 40%; }
	.box_danhCho:BEFORE{ width: 60%; }
	.box_danhCho .giaoDien{ width: 40%; }
	.box_danhCho .content{ padding-left: 20px; font-size: 15px; }
	.box_danhCho .content .title{ margin-bottom: 25px; padding-left: 80px;}
	.box_danhCho .content .desc .item{ padding: 0 0 17px 48px;}
	
	.box_giangvien{ padding: 50px 0;}
	.box_giangvien .box_title{ font-size: }
	.box_giangvien .content .desc{ margin-top: 77px; padding-left: 20px;}
	.box_giangvien .content .desc .title{ margin-bottom: 40px;}
	.box_giangvien .content .desc .item{ padding-left: 55px; font-weight: bold; padding-bottom: 18px;}
	
	.box_noiDung{ padding: 50px 0;}
	.box_noiDung .item .content p{ margin-bottom: 0px; font-size: 14px; }
	.box_noiDung .item .content{ padding-right: 20px; }
	
	.box_cauHoi{ padding: 50px 0; }
	.box_chiPhi{ padding: 50px 0;}
	
}

@media all and (max-width: 992px){
	.box_menu .navbar .navbar-brand img{ height: 16px;}
	.box_menu .navbar-inverse .navbar-nav>li>a{ padding: 0 7px;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ padding: 10px 14px;}
	
	.font-Neo{ font-size: 24px;}
	
	.box_khoaHoc .container{padding: 0;}
	.box_khoaHoc{ padding: 60px 0; }
	.box_danhCho .content{ padding-left: 20px;}
	
	.box_giangvien{padding: 60px 0; }
	.box_giangvien .content .desc{ margin: 0; padding-left: 15px; }
	.box_giangvien .content .desc .item{ padding-left: 52px; padding-bottom: 12px;}
	.box_giangvien .content .desc .title{ margin-bottom: 10px;}
	
	.box_noiDung{ padding: 50px 0;}
	.box_noiDung .item .title .text{ margin-left: 29px;}
	.box_noiDung .item .content p{ margin-bottom: 11px;}
	.box_noiDung .item .content{ padding-right: 20px;}
	.box_cauHoi{ padding: 50px 0; }
	
	.box_chiPhi .content{ padding: 0px 10px;}
	.box_chiPhi .content .img{ height: 140px; line-height: 140px;}
	
	.box_chiPhi{ padding: 50px 0;}
	.box_dangKy { padding: 50px 0; }
	.box_dangKy .formDangKy{ padding: 50px 50px 0;}
	
	
}

@media all and (max-width: 768px){
}

@media all and (max-width: 767px){
	.box_menu .navbar{ min-height: 50px;}
	.box_menu .navbar .navbar-brand{ font-size: 14px; line-height: 16px; padding-bottom: 0; height: 50px; }
	.box_menu .navbar .navbar-brand img{ margin-top: 15px; margin-left: 10px;}
	.box_menu .navbar .navbar-toggle{ margin-top: 8px; margin-bottom: 5px; background: #333; border-radius: 0;}
	.box_menu .navbar-collapse-background{ position: fixed; display: block; padding: 0; margin: 0; top: 0; left: -100%; width: 100%; height: 100%; max-height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.6); transition: left 0.1s ease-in-out 0s; -webkit-transform: left 0.1s ease-in-out 0s; -moz-transform: left 0.1s ease-in-out 0s; -o-transform: left 0.1s ease-in-out 0s;}
	.box_menu .navbar-collapse{ display: block; width: 220px; left: -220px; height: 100%; max-height: 100%; background-color: #111; position: fixed; top: 0; margin: 0; padding: 0;  transition: left 0.1s ease-in-out 0s; -webkit-transform: left 0.1s ease-in-out 0s; -moz-transform: left 0.1s ease-in-out 0s; -o-transform: left 0.1s ease-in-out 0s;}
	.box_menu .navbar-collapse.open{ left: 0; z-index: 999999;}
	.box_menu .navbar-collapse.open .navbar-nav{ margin: 0;}
	.box_menu .navbar-collapse.open .navbar-nav>li{ display: block; height: auto;}
	.box_menu .navbar-collapse.open .navbar-nav>li>a{ display: block; line-height: 50px; height: 50px; text-align: left; color: #E8E8E8;}
	.box_menu .navbar-collapse.open .navbar-nav>li.active>a{ display: block; line-height: 50px; height: 50px; text-align: left; color: #e4262b;}
	.box_menu .navbar-collapse.open .navbar-nav>li>a span{ display: inline;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ line-height: 30px !important;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ background: none; margin-top: 0px; padding: 0px 25px;}
	
	.box_slider img{ margin-top: 50px;}
	.font-Neo{ font-size: 25px; }
	.box_khoaHoc{ padding: 20px 0;}
	.box_khoaHoc .container{ padding: 0 10px; }
	.box_khoaHoc .content{ padding-left: 10px; }
	.box_khoaHoc .content .title:AFTER{ display: none; }
	.box_khoaHoc .content .title{ font-size: 20px; }
	.box_khoaHoc .content .desc .item{ padding: 0 0 10px 12px; }
	.box_khoaHoc .img{ text-align: center;}
	.box_khoaHoc .img img{ max-width: 100%; margin-top: 10px; }
	
	.box_danhCho{ background: #189bfa; padding: 20px 0;} 
	.box_danhCho:AFTER,.box_danhCho:BEFORE{ display: none;}
	.box_danhCho .giaoDien{ width: 100%; padding-right: 0px; margin-top: 0px;}
	.box_danhCho .giaoDien .title{ font-size: 25px;}
	.box_danhCho .content{ width: 100%; padding: 0; margin-top: 10px; }
	.box_danhCho .content .title{ margin-bottom: 20px; padding-left: 10px;}
	.box_danhCho .content .title:BEFORE{ display: none;}
	.box_danhCho .content .desc .item{ padding: 0 0 15px 25px !important;}
	
	.box_giangvien{ padding: 20px 0;}
	.box_giangvien .box_title{ width: 100%; }
	.box_giangvien .content{ width: 100%;  }
	.box_giangvien .box_title{ margin-bottom: 10px;}
	.box_giangvien .box_title:BEFORE{ display: none;}
	.box_giangvien .content .img{ width: 40%; }
	.box_giangvien .content .desc{ width: 60%; margin-top: 0px; padding-left: 10px;} 
	.box_giangvien .content .desc .title{ font-size: 16px; margin-bottom: 5px; }
	.box_giangvien .content .desc .item{ background-size: 20px 20px; padding-left: 30px; font-size: 14px; padding-bottom: 10px; }

	.box_noiDung{ padding: 20px 0;}
	.box_noiDung .box_title{ margin-bottom: 20px; }
	.box_noiDung .box_title:BEFORE{ display: none;}
	.box_noiDung .item .title{ width: 100%; }
	.box_noiDung .item .content{ width: 100%; padding: 0;}
	.box_noiDung .item .title .text{  margin-left: 30px;  }
	.box_noiDung .item .title .so{ }
	.box_noiDung .item .content p{ margin-bottom: 0;}
	.box_noiDung .item .img{ width: 100%; text-align: center; margin-top: 10px; }
	
	.box_cauHoi{ padding: 30px 0}
	.box_cauHoi .box_content{ padding-left: 10px !important; width: 100%;}
	.box_cauHoi .img_icon img{ display: none;}
	.box_chiPhi{ padding: 30px 0;}
	.box_chiPhi .content{ padding: 0 15px; margin-bottom: 15px; height: 296px;}
	
	.box_chiPhi .content .img{ height: 126px; line-height: 126px;}
	
	.box_dangKy{ padding: 30px 0;}
	.box_dangKy .formUuDai{ width: 100%; }
	.box_dangKy .formDangKy{ width: 100%; padding: 30px 10px 0;}
	
	
}

@media (max-width: 480px){
} 

@media all and (max-width: 380px){
}