@charset "utf-8";

/* 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; text-decoration: none;}
p{ margin-bottom: 0;}
.clr{ clear: both;}

.box_header{ border-top: 3px solid #586f77; padding-bottom: 15px; background-color: #FFF; width: 100%; top: 0; left: 0; z-index: 99999; position: relative;}
.box_header .container{ position: relative;}
.box_header .logo{ display: inline-block; margin-top: 55px;}
.box_header .contact{ float: right; height: 34px; background-color: #586f77; padding: 0 48px; border-radius: 0 0 8px 8px;}
.box_header .contact .hotline{ float: left; color: #FFF; padding: 1px 30px 1px 0; margin-top: 2px; border-right: 1px solid #FFF; font-family: "Conv_GOTHICB";}
.box_header .contact .hotline i{ border: 1px solid #FFF; border-radius: 50%; text-align: center; width: 20px; height: 20px; line-height: 20px; margin-right: 2px;}
.box_header .contact .hotline span{ font-size: 15px;}
.box_header .contact .hotline a{ color: #FFF;}
.box_header .contact .socail{ float: left; padding-left: 28px; margin-top: 3px;}
.box_header .contact .socail a{ display: inline-block; margin: 0 2px;}
.box_header .contact .socail a i{ font-size: 12px; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #FFF; border-radius: 50%;}
.box_header .contact .socail a.facebook i{ color: #4e588f;}
.box_header .contact .socail a.google i{ color: #cf4b3b;}
.box_header .contact .socail a.youtube i{ color: #d73c31;}
.box_header .contact:after{ content: ""; clear: both;}
.box_header .menu{ margin: 20px 0 0; padding: 0; list-style: none; float: right;}
.box_header .menu li{ display: inline-block; padding-left: 35px;}
.box_header .menu li a{ font-size: 14px; color: #2c3339; text-transform: uppercase; font-weight: bold; font-family: "OpenSans-Bold";}
.box_header .menu li a:hover{ color: #ed1c24;}
.box_header .menu li a.my_btn{ display: inline-block; background-color: #2bb673; color: #FFF; font-size: 13px; border-radius: 17px; padding: 0 20px; height: 34px; line-height: 34px; font-weight: normal;}
.box_header .menu li a.my_btn:hover{ background-color: #ed1c24;}
.box_header .menu_mobile{ position: absolute; top: 10px; right: 10px; width: 30px;}
.box_header .menu_mobile .item{ display: block; height: 2px; background-color: #CCC; margin-bottom: 4px;}
.box_header.sticky{ position: fixed; top: 0px; z-index: 999; border-bottom: 1px solid #EEE; -webkit-animation: mySticky 1s; -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; padding: 0 0; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transition: transform 2s ease-in-out; -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: transform 2s ease-in-out; }

.box_slider img{ width: 100%; }

.box_gioiThieu{ padding: 100px 0 0; }
.box_gioiThieu .img img{ width: 100%; }
.box_gioiThieu .content{ padding-left: 30px;}
.box_gioiThieu .content .item { overflow: hidden; margin-bottom: 15px; }
.box_gioiThieu .content .item img{ width: 23px; float: left; margin-top: 4px;}
.box_gioiThieu .content .item p{ width: calc(100% - 73px); min-height: 30px; padding-left: 20px; font-size: 17px; float: left; display: table; font-family: "Helvetica Neue"; font-weight: 500;}
.box_gioiThieu .content .item p span{display: table-cell; vertical-align: middle;}
.box_gioiThieu .box_title{ font-size: 35px; line-height: 40px; margin-bottom: 30px; color: #475057; font-family: "Conv_iCielNovecentosans-DemiBold_3"; }

.box_khoaHoc{ padding: 80px 0; }
.box_khoaHoc .box_title{ text-align: center; font-size: 35px; line-height: 40px; color: #475057; font-family: "Conv_iCielNovecentosans-DemiBold_3"; }
.box_khoaHoc .box_content{ padding: 30px 0;}
.box_khoaHoc .box_content .table_row{ display: table; margin: 0 auto;}
.box_khoaHoc .box_content .table_row .item{ display: table-cell; padding: 9px;}
.box_khoaHoc .box_content .table_row .item .wrapper{ width: 310px; max-width: 100%; height: 226px; background-color: #4eb4e5; border-radius: 10px;}
.box_khoaHoc .box_content .table_row .item .image{ text-align: center; padding: 30px 0 25px;}
.box_khoaHoc .box_content .table_row .item .image img{ border-radius: 50%;}
.box_khoaHoc .box_content .table_row .item .title{ font-family: "OpenSans-Bold"; text-align: center; padding: 0; color: #253840;}
.box_khoaHoc .box_content .table_row .item.item_2 .wrapper{ background-color: #eac52e;}
.box_khoaHoc .box_content .table_row .item.item_3 .wrapper{ background-color: #f25f57;}
.box_khoaHoc .box_content .table_row .item.item_4 .wrapper{ background-color: #c476b0;}

.box_nhanDuoc{ background: url("../img/bg_nhanduoc.jpg") no-repeat top center; background-size: cover;}
.box_nhanDuoc .wrapper{ background-color: rgba(217, 46, 48, 0.85); padding: 100px; color: #FFF; min-height: 650px;}
.box_nhanDuoc .box_title{ font-size: 35px; font-family: "Conv_iCielNovecentosans-DemiBold_3"; padding: 20px 0 30px 53px;}
.box_nhanDuoc .box_content{ padding: 20px 0;}
.box_nhanDuoc .box_content .item{ background: url("../img/icon_1.png") no-repeat left 10px; padding-left: 53px; font-family: "OpenSans"; font-size: 25px; line-height: 35px; margin-bottom: 30px;}

.box_noiDung{ padding: 80px 0; background-color: #efefef;}
.box_noiDung .box_title{ text-align: center; font-size: 35px; color: #ed243c; font-family: "Conv_iCielNovecentosans-DemiBold_3"; }
.box_noiDung .box_content{ padding: 30px 0;}
.box_noiDung .wrapper{ width: 800px; max-width: 100%; margin: 0 auto;}
.box_noiDung .wrapper .my_panel{ background-color: #FFF; margin-bottom: 4px; border: 1px solid #e1e1e1;}
.box_noiDung .wrapper .my_panel .title{ padding: 10px 24px; font-size: 25px; font-family: "Conv_iCielNovecentosans-Medium_2"; cursor: pointer;}
.box_noiDung .wrapper .my_panel .content{ display: none;}
.box_noiDung .wrapper .my_panel .content div{ cursor: pointer; padding: 10px 24px 10px 95px;; border-top: 1px solid #e1e1e1; font-size: 15px; color: #424e53; position: relative;}
.box_noiDung .wrapper .my_panel .content div:BEFORE{ content: "\f0da"; font-family: "FontAwesome"; position: absolute; top: 13px; left: 45px; width: 16px; height: 16px; line-height: 15px; text-indent: 6px; border: 1px solid #4b565b; color: #4b565b; font-size: 14px; border-radius: 50%;}
 .box_noiDung .wrapper .my_panel .content div:hover{ background-color: #ed243c; color: #FFF;}
.box_noiDung .wrapper .my_panel .content div:hover:BEFORE{ color: #FFF; border-color: #FFF;}
.box_noiDung .wrapper .my_panel.active .content{ display: block;}

.box_giangVien{ background: url("../img/bg_giangvien.jpg") no-repeat top left; background-size: cover;}
.box_giangVien .container{ position: relative;}
.box_giangVien .image{ padding: 80px 0 0 73px; position: relative; z-index: 2;}
.box_giangVien .info{ position: absolute; right: 50px; bottom: 78px; border: 1px solid #4f698d; border-radius: 20px; width: 655px; max-width: 100%; z-index: 1; padding: 48px 70px;}
.box_giangVien .info .title{ color: #3d5965; font-family: "Conv_iCielNovecentosans-Medium_2"; font-size: 25px; padding: 0 0 0 34px;}
.box_giangVien .info .name{ color: #ed243c; font-family: "Conv_NotoSerif"; font-size: 60px; padding: 0 0 0 34px;}
.box_giangVien .info .item{ color: #131b1e; font-size: 17px; font-family: "OpenSans-Bold"; padding: 10px 0 10px 34px; position: relative; background: url("../img/icon_2.png") no-repeat 0 14px;}

.box_camNhan{ background: url("../img/bg_camnhan.jpg") no-repeat top center; background-size: cover; padding: 190px 0 140px;}
.box_camNhan .container{ position: relative;}
.box_camNhan .slick{ width: 1000px; max-width: 100%; margin: 0 auto;}
.box_camNhan .slick .item .image{ text-align: center; padding-bottom: 30px;}
.box_camNhan .slick .item .image img{ display: inline-block;}
.box_camNhan .slick .item .name{ text-align: center; font-family: "Conv_NotoSerif"; color: #FFF; font-size: 22px; padding-bottom: 20px;}
.box_camNhan .slick .item .content{ text-align: center; color: #FFF; font-size: 18px; font-family: "OpenSans";}
.box_camNhan .slick .slick-arrow{ position: absolute; top: 50px; border: 0; width: 22px; height: 42px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; text-indent: 999999px; overflow: hidden; opacity: 0.5; transition: opacity 0.15s ease-in-out 0s; -webkit-transform: opacity 0.15s ease-in-out 0s; -moz-transform: opacity 0.15s ease-in-out 0s; -o-transform: opacity 0.15s ease-in-out 0s; outline: none;}
.box_camNhan .slick .slick-arrow:hover{ opacity: 1;}
.box_camNhan .slick .slick-arrow.slick-next{ background-image: url("../img/next.png"); right: 50%; margin-right: -130px;}
.box_camNhan .slick .slick-arrow.slick-prev{ background-image: url("../img/prev.png"); left: 50%; margin-left: -130px;}

.box_dangKy{ margin: 100px 0; position: relative;}
.box_dangKy:BEFORE{ content: ''; position: absolute; height: 100%; width: 50%; background: url("../img/dang-ky-5.jpg") no-repeat; background-size: cover;}
.box_dangKy .content_left{ padding: 110px 40px; color: #FFF; text-align: center;}
.box_dangKy .content_left .textUuDai, .box_dangKy .content_left .timeKM{ font-size: 25px; font-family: "helveticaneuemedium"; margin-bottom: 32px;}
.box_dangKy .content_left .giaGoc{ font-size: 32px; font-family: "UTM-Bebas"; position: relative; display: inline-block;}
.box_dangKy .content_left .giaGoc:BEFORE{ content: ''; position: absolute; height: 3px; width: 100%; background: #FFF; top: 50%; }
.box_dangKy .content_left .giaKM{ font-family: "UTM-Bebas"; margin-bottom: 30px;}
.box_dangKy .content_left .giaKM span:FIRST-CHILD{ font-size: 32px;}
.box_dangKy .content_left .giaKM span:LAST-CHILD{ font-size: 84px; color: #2bb673; line-height: 100%;}
.box_dangKy .content_left .item{ height: 106px; width: 100%; border: 2px solid #FFF; display: table; font-size: 22px; font-family: "UTM-Bebas"; border-radius: 4px; line-height: 23px;}
.box_dangKy .content_left .item span{ display: table-cell; vertical-align: middle; padding: 0 10px;}

.box_dangKy .image img{ max-width: 100%;}
.box_dangKy .form{ padding: 45px 50px 0 50px;}
.box_dangKy .form .form_title{ font-family: "Conv_iCielNovecentosans-Medium_2"; font-size: 35px; padding: 0 0 10px; text-align: center;}
.box_dangKy .form .form_desc{ padding-bottom: 30px; font-size: 15px; font-style: italic;}
.box_dangKy .form .form-control{ padding: 15px 30px; height: auto;}
.box_dangKy .form .btn{ text-transform: uppercase; text-align: center; width: 100%; padding: 15px; height: auto; font-family: "OpenSans-Bold"; background-color: #2bb673; color: #FFF; border: none; font-size: 17px;}
.box_dangKy .form .btn:hover{ background-color: #de1d34;}
.box_dangKy .image.button{ padding-top: 104px;}
.box_dangKy .image .item{ text-align: center; }
.box_dangKy .image .item img{ max-width: 100%; }
.box_dangKy .image .item .text{ font-size: 15px; margin-top: 10px;}
.box_comment{ padding: 20px 0 10px; background-color: #EEE;}

.box_footer{ background-color: #24333b; padding: 80px 0; color: #FFF;}
.box_footer .box_title{ font-family: "UTM-Bebas"; color: #ed243c; font-size: 25px;}
.box_footer .box_content{ padding-top: 20px;}
.box_footer .about{ padding-bottom: 50px;}
.box_footer .about .logo{ padding-bottom: 25px; padding-top: 8px;}
.box_footer .social{ display: inline-block; margin-left: 30px;}
.box_footer .item{ padding-bottom: 15px;}
.box_footer .item .image{ width: 80px; float: left; margin-right: 10px;}
.box_footer .item .image img{ width: 100%;}
.box_footer a{ color: #FFF;}
.box_footer a:hover{ color: #EEE;}

.popup_video{ background: url("/assets/landing/cau-chuyen-thanh-cong/img/loader.gif") no-repeat center 40% rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;}
.popup_video .popup_content{ width: 80%; margin: 0 auto; margin-top: 5%; position: relative;}
.popup_video .popup_close{ position: absolute; top: -18px; right: -13px; font-size: 30px; color: #FF0000; line-height: 100%;}

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

/* Defined */
@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

/*Responsive*/
@media all and (min-width: 993px) and (max-width: 1200px){
}

@media all and (max-width: 1000px){
	.menu_mobile_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99998;}

  	.box_header{ height: 40px; border: 0; border-bottom: 1px solid #CCC;}
  	.box_header .container{ position: relative;}
  	.box_header .logo{ margin-top: 8px !important;}
  	.box_header .logo img{ height: 20px;}
  	.box_header .menu_mobile{ top: 13px;}
  	.box_header .menu_mobile .item{ background-color: #999;}
  	.box_header .menu{ position: fixed; top: 0; left: 0; z-index: 99999; width: 60%; height: 100%; background-color: #2088c9; overflow: auto; margin: 0 !important; padding: 20px 0;}
  	.box_header .menu li{ display: block; padding: 15px 20px;}
  	.box_header .menu li a{ text-transform: uppercase; color: #FFF;}
  	.box_header .menu li a:hover{ color: #222;}
  	.box_header .menu li a.my_btn{ background-color: #ed1c24; font-size: 16px;}
	.box_header.sticky { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transition: none; -webkit-transition: none; -moz-transition: none;}
	.box_gioiThieu{ padding: 30px 0;}
	.box_gioiThieu .content{ padding: 20px 0;}

	.box_khoaHoc{ padding: 30px 0;}
	.box_khoaHoc .box_title{ font-size: 28px;}
	.box_khoaHoc .box_content .table_row .item{ width: 50%;}
	.box_khoaHoc .box_content .table_row .item .wrapper{ width: 100%;}
	.box_khoaHoc .box_content .table_row .item .title{ font-size: 13px; padding-left: 10px; padding-right: 10px;}
	.box_khoaHoc .box_content .table_row .item .title br{ display: none;}

	.box_nhanDuoc .wrapper{ padding: 20px; min-height: 0;}
	.box_nhanDuoc .box_title{ font-size: 30px; padding-left: 0; padding-bottom: 15px;}
	.box_nhanDuoc .box_content .item{ padding-left: 40px; font-size: 16px; line-height: 22px;}

	.box_noiDung{ padding: 40px 0;}
	.box_noiDung .wrapper .my_panel .title{ font-size: 22px;}
	.box_noiDung .wrapper .my_panel .content div:BEFORE{ left: 24px; top: 11px;}
	.box_noiDung .wrapper .my_panel .content div{ padding-left: 58px; font-size: 13px;}

	.box_giangVien{ padding-bottom: 30px;}
	.box_giangVien .image{ position: static; text-align: center; padding: 20px 0 0;}
	.box_giangVien .image img{ width: 150px;}
	.box_giangVien .info{ position: static; padding: 20px; right: auto; bottom: auto; background-color: rgba(255, 255, 255, 0.8);}
	.box_giangVien .info .item{ font-size: 13px;}
	.box_giangVien .info .name{ font-size: 30px;}

	.box_camNhan{ padding: 40px 0;}
	.box_camNhan .slick .item .content{ font-size: 14px;}

	.box_dangKy{ padding: 40px 0; margin: 0;}
	.box_dangKy .form{ padding: 0;}
	
	.box_dangKy:BEFORE{ display: none;}
	.box_dangKy .content_left{ background: url("../img/dang-ky-5.jpg") no-repeat; background-size: cover; padding: 30px 10px; margin-bottom: 30px;}
	.box_dangKy .content_left .item{ margin-bottom: 20px;}
	.box_dangKy .content_left .giaKM span:FIRST-CHILD{ display: block;}
	.box_dangKy .content_left .textUuDai{ margin-bottom: 15px; }
	.box_dangKy .content_left .textUuDai br{ display: none; }
    
	.box_footer .box_content{ padding-bottom: 50px;}
}

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

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

}

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

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