@charset "utf-8";
@import "font.css";
body,h1,h2,h3,h4,h5,h6,form,input,select,p,textarea { margin: 0px; padding: 0; }
img { border: none; -ms-interpolation-mode: bicubic; }
table { border-collapse: collapse; }
a { color: #0e1329; text-decoration: none; transition: color 0.15s ease-in-out 0s; }
a:hover { color: #000; text-decoration: none;}

.clr { clear: both; }
body{ font-family: "Arial"; color: #252525; font-size: 17px;}

.box_header{padding-bottom: 15px; background-color: #222831; width: 100%; top: 0; left: 0; z-index: 99999; position: relative;}
.box_header .container{ position: relative;}
.box_header .logo{ display: inline-block; margin-top: 20px;}
.box_header .contact{ float: right; height: 34px; 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 #b7b7b7; }
.box_header .contact .hotline i{ border: 1px solid #b7b7b7; color: #b7b7b7; 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: #b7b7b7;}
.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;  border: 1px solid #b7b7b7; 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: 15px 0 0; padding: 0; list-style: none; float: right;}
.box_header .menu li{ display: inline-block; padding-left: 50px;}
.box_header .menu li a{ font-size: 13px; color: #636363; text-transform: uppercase;}
.box_header .menu li a.active{color: #FFF;}
.box_header .menu li a:hover{ color: #FFF;}
.box_header .menu li a.my_btn{ display: inline-block; background-color: #eb1c3c; color: #FFF; border-radius: 50px; padding: 7px 15px 5px; 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_header.sticky .menu li a.last{ padding-right: 20px;}
.box_header.sticky .box_user{ display: block; padding: 10px 0 0;}
.box_header.sticky .box_user li a{ display: inline-block; padding: 5px 20px; color: #404041; font-size: 13px; font-weight: 600; height: auto; line-height: normal;}
.box_header.sticky .box_user li a:hover{ color: #0088cc;}
.box_header.sticky .box_user_login{ display: block;}
.box_header.sticky .box_user_login .dropdown-toggle{ background: none !important; height: 50px; line-height: 50px; margin: 0 0 0 20px;}
.box_header.sticky .box_user_login .dropdown-toggle:focus{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle:hover{ background: none;}
.box_header.sticky .box_user_login .dropdown-toggle img{ vertical-align: top; margin-top: 5px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:BEFORE{ right: 12px;}
.box_header.sticky .box_user_login.navbar-nav>li>.dropdown-menu:AFTER{ right: 13px;}
.box_header.sticky .box_user_login.navbar-nav>li>a{ padding: 15px 20px;}
.box_header.sticky .box_user_login.navbar-nav>li>a:hover{ background: none; color: #000;}

.box_banner .image img{ width: 100%;}
.box_banner .slick .slick-next{ display: none !important;}

.box_nghienCuu{height: 666px; overflow: hidden;}
.box_nghienCuu .part{ width: 50%; float: left; display: table; overflow: hidden; height: 580px; }
.box_nghienCuu .part a img{ width: 100%; margin-top: 70px;}
.box_nghienCuu .part .box_title{ }
.box_nghienCuu .part .box_title img{ max-width: 100%; padding-top: 70px;}
.box_nghienCuu .part .box_title:BEFORE{ }
.box_nghienCuu .part .content{display: table-cell; vertical-align: middle; padding: 0 78px; position: relative; }
.box_nghienCuu .part .item{overflow: hidden; padding: 30px 0; border-bottom: 1px solid #e1e1e1; }
.box_nghienCuu .part .item .title{ width: 30%; float: left;}
.box_nghienCuu .part .item .title img{ max-width: 100%; }
.box_nghienCuu .part .item .desc{ width: 70%; float: left;}
.box_nghienCuu .part .item .desc span{ display: block;}
.box_nghienCuu .part .item .desc span:FIRST-CHILD{ font-size: 20px;}
.box_nghienCuu .part .item .desc span:LAST-CHILD{ font-size: 17px; color: #898989; font-weight: bold;}
.box_nghienCuu .part .content:BEFORE{content: ''; position: absolute; width: 38px; height: 65px; background: url("../images/nghien-cuu-5.png") no-repeat; top: 50%; margin-top: -51px; left: 0px;}

.box_gioiThieu{ padding: 60px 0;}
.box_gioiThieu .container{ padding: 0 110px; }
.box_gioiThieu .box_title{ text-align: center; margin-bottom: 55px; }
.box_gioiThieu .box_title img{max-width: 100%; }

.box_gioiThieu .box_content p{ line-height: 27px; margin-bottom: 15px;}
.box_gioiThieu .box_content p:FIRST-CHILD{ font-size: 20px; font-weight: bold; padding: 0 80px; text-align: center; margin-bottom: 27px;}


.box_quote{ overflow: hidden; background: #222831;}
.box_quote .center{ width: 50%; float: right;}
.box_quote .befor{ width: 50%; float: right; padding-right: 107px; padding-top: 90px; font-size: 16px; font-family: "NotoSerif-Regular"; }
.box_quote .befor .draggable{ background: url("../images/quote-1.png") no-repeat  0px 0px; padding-top: 20px; padding-left: 30px;}
.box_quote .befor p:FIRST-CHILD{ color: #FFF;}
.box_quote .befor p:LAST-CHILD{ color: #959595; font-size: 17px; margin-top: 20px;}
.box_quote .befor p:LAST-CHILD span{color: #FFF; font-family: "NotoSerif-Regular"; font-style: italic; font-size: 25px; margin-top: 15px;}

.box_thuHut { padding: 100px 0;}
.box_thuHut .container{ padding: 0 110px; }
.box_thuHut .textHead{ font-size: 20px; text-align: center;}
.box_thuHut .box_title{ text-align: center; padding: 40px 0 50px; margin-left: 40px;}
.box_thuHut .title{ font-weight: bold; font-size: 25px; padding-top: 15px; padding-left: 34px;}
.box_thuHut .content{ font-size: 20px; padding: 17px 30px; border: 1px solid #222831; margin-bottom: 15px;}
.box_thuHut .content:HOVER{ background: #eb1c3c; cursor: pointer;}
.box_thuHut .content.Dk{ background: #eb1c3c; cursor: pointer; text-transform: uppercase; text-align: center; }
.box_thuHut .content.Dk a{ color: #FFF; }

.box_aiNen{ padding: 100px 0; position: relative;}
.box_aiNen:BEFORE{ content: ''; position: absolute; height: 40%; width: 50%; background: #eb1c3c; top: 0;}
.box_aiNen .container{ padding: 0 100px; }
.box_aiNen .image img{ max-width: 100%; }
.box_aiNen .content{ padding-top: 36px; padding-left: 64px; font-size: 20px; }
.box_aiNen .title{ margin-bottom: 30px; }
.box_aiNen .title img{ max-width: 100%;}
.box_aiNen .content p{ margin-bottom: 20px; position: relative; }
.box_aiNen .content p:BEFORE{ content: ""; position: absolute; width: 10px; height: 10px; background: #eb2629; top: 8px; left: -50px;}

.box_noiDungKhoaHoc{ padding: 0 0 150px; background: url("../images/noi-dung-1.jpg") no-repeat; background-size: cover; }
.box_noiDungKhoaHoc .box_title{ text-align: center; padding: 100px 0 50px;}
.box_noiDungKhoaHoc .wrapper{ width: 1000px; max-width: 100%; margin: 0 auto;}
.box_noiDungKhoaHoc .wrapper .my_panel{ background-color: #FFF; margin-bottom: 4px; }
.box_noiDungKhoaHoc .wrapper .my_panel .title{ padding: 40px 24px 40px 40px; font-size: 23px; cursor: pointer; color: #1c2c3a; font-weight: bold; text-transform: uppercase; position: relative;}
.box_noiDungKhoaHoc .wrapper .my_panel.item_1 .title{ padding: 50px 24px 20px 60px;}
.box_noiDungKhoaHoc .wrapper .my_panel .content{ display: none; padding: 0 40px 40px 100px; font-size: 17px; }
.box_noiDungKhoaHoc .wrapper .my_panel.active .content{ display: block;}
.box_noiDungKhoaHoc .content p{ padding-left: 40px; position: relative; margin-bottom: 10px; font-size: 20px;}
.box_noiDungKhoaHoc .content p:BEFORE{ content: ""; position: absolute; width: 10px; height: 10px; background: #eb2629; top: 8px; left: 0px;}

.box_dienGia{ padding: 20px 0 0; background: url("../images/dien-gia-3.jpg") no-repeat; color: #FFF; overflow: hidden; background-size: cover;}
.box_dienGia .box_title img{ margin-bottom: 40px; }
.box_dienGia .content{ padding-top: 126px; font-size: 18px;}
.box_dienGia .detail{ padding-left: 43px;}
.box_dienGia .detail p{ padding-left: 30px; position: relative; text-align: justify; line-height: 25px; font-size: 17px; margin-bottom: 10px;}
.box_dienGia .detail p:BEFORE{ content: ""; position: absolute; width: 10px; height: 10px; background: #eb2629; top: 6px; left: 0px;}
.box_dienGia .image img{width: 100%;}
.box_dienGia .noOne {line-height: 25px; margin-bottom: 20px; }
.box_dienGia .detail b{ margin-bottom: 15px; display: block;}


.box_dangKy{ padding: 100px 0px; color: #30373d; position: relative; }
.box_dangKy .container{ padding: 0 100px;}
.box_dangKy .box_title{ margin-bottom: 20px; text-align: center; }
.box_dangKy .box_title .title{ text-align: center; margin-bottom: 30px; font-size: 35px; color: #252525; padding-top: 5px;}
.box_dangKy .box_title .text{ text-align: center;}
.box_dangKy .box_title.ck{ margin-bottom: 10px;text-align: center; font-size: 20px; text-transform: uppercase;}
.box_dangKy .chuyuenKhoan .bacground{  background: #efefef; padding: 35px 20px; border: 1px solid #898989;}
.box_dangKy .chuyuenKhoan .text{ text-align: center; font-style: italic; margin-bottom: 15px; color: #4f4f4f;}
.box_dangKy .chuyuenKhoan .content{ color: #252525;}
.box_dangKy .chuyuenKhoan .content .title{ font-size: 20px; margin-bottom: 10px;}
.box_dangKy .chuyuenKhoan .content .detail{ margin-bottom: 10px;}
.box_dangKy .content .img{ margin: 20px 0;}
.box_dangKy .content .imageCk{height: 134px; border: 1px solid #33425b; background: #33425b; border-radius: 6px; margin-bottom: 10px;}
.box_dangKy .content .imageCk .titleCK{ color:#33425b; height: 30px; font-size: 15px; font-weight: bold; margin-top: 30px; background: #fff; line-height: 30px; text-align: center; }
.box_dangKy .content .imageCk .dessc{ padding: 15px 0px 0px 15px; font-size: 13px; color: #fff;}
.box_dangKy .content .imageCk .dessc b{ font-size: 15px;}

.box_form{ padding: 0px 0 0 20px;}
.box_form .box_title{ text-align: center; font-size: 35px; font-weight: bold; }
.box_form .box_content p{ font-size: 17px; color: #000;}
.box_form .box_content .form-control{ height: 52px; border-color: #33425b; color: #33425b; border-radius: 5px; padding: 6px 30px; font-size: 15px; font-family: "HelveticaNeue-Medium"; background: rgba(255,255,255,0);}
.box_form .box_content .has-error .form-control{ border-color: #FF0000;}
.box_form .box_content .error{ color: #FF0000;}
.box_form .box_content .form-control::-webkit-input-placeholder { color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control:-moz-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control::-moz-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control:-ms-input-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .alert{margin-top: 10px;}
.box_form .box_content .btnSuccess{ text-align: center; margin-top: 10px;}
.box_form .box_content .btnSuccess .input-lg{ border: none; border-radius: 5px; width: 100%; color: #FFF; padding: 10px 25px; font-size: 17px; text-transform: uppercase;  font-family: "HelveticaNeue-Medium"; background: #eb1c3c;}
.box_form .box_content .btnSuccess .input-lg:FOCUS{ outline: none;}
.box_form .box_content .hotLine{ text-align: center; font-size: 25px; color: #898989; font-family: "HelveticaNeue-Bold"; margin-top: 20px;}
.box_form .box_content .hotLine i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #898989; border-radius: 50%; margin-right: 10px; }
.box_form .box_content .hotLine a{ color: #898989;}

.box_images{ overflow: hidden; margin: 5px 0 0;}
.box_images img{ width: 100%; margin-bottom: 5px; transform: scale(1); transition: transform .5s;}
.box_images img:hover{ transform: scale(1.2); position: relative; z-index: 1;}

.box_images .col_1 .image_1{ width: 20%; float: left; padding: 0 2.5px;}
.box_images .col_1 .image_1 img{width: 100%;}
.box_images .col_1 .image_2{ width: 40%; float: left; padding: 0 2.5px;}
.box_images .col_1 .image_2 img{width: 100%; margin-bottom: 2.5px;}

.box_images .col_2 .image_1{width: 18%; float: left; padding: 0 2.5px;}
.box_images .col_2 .image_2{width: 18%; float: left; padding: 0 2.5px;}
.box_images .col_2 .image_3{width: 64%; float: left; padding: 0 2.5px;}
.box_images .col_2 img{width: 100%;}

.box_comment{ padding: 40px 0;}

.box_footer{ color: #fff; padding: 60px 0px 100px; background: #031629;}
.box_footer .box_title{ font-size: 25px; color: #FFF; text-transform: uppercase; margin-bottom: 15px; font-family: "UTM-Bebas"; }
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .box_title.social span{ margin-right: 15px; }
.box_footer .item{ margin-bottom: 20px; overflow: hidden;  }
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .image img{ width: 100%; }
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; font-size: 15px;}
.box_footer .item .desc .title a{ color: #fff; }
.box_footer .item .desc .price{ font-size: 13px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .info { font-size: 16px;}
.box_footer .info a{ color: #FFF;}


/* 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 } }

.popup_video{ background: url("../images/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;}

/*RESPONSIVE*/
@media ( min-width : 1200px) {
  .popup_video .popup_content{ width: 60%;}
}

@media ( max-width : 1200px) {
}
@media ( 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: 43px; position: fixed; border: 0; padding: 0 0 10px 0;}
	.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: none; -webkit-animation-timing-function: none; -moz-animation-timing-function: none; padding: 0 0; backface-visibility: none; -moz-backface-visibility: none; -webkit-backface-visibility: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transition: none; -webkit-transition: none; -moz-transition: none; }
	.box_header .container{ position: relative;}
	.box_header .logo{ margin-top: 8px !important;}
	.box_header .logo img{ height: auto;}
	.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: rgba(0,0,0,0.9); overflow: auto; margin: 0; 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: #FFF;}
	.box_header .menu li:last-child{  }
	.box_header .menu li a.my_btn{ font-size: 16px;}
	.box_header .menu li:first-child{ padding-left: 20px; }
	.box_header .menu{ margin: 0 !important;}

	.popup_video .popup_content{ width: calc(100% - 40px); top: 10%;}
}
@media all and (min-width: 993px) and (max-width: 1200px) {
	
}
@media ( max-width : 767px) {

.box_nghienCuu{ height: auto; padding: 0 0 30px 0;}
	.box_nghienCuu .part{ width: 100%; height: auto; overflow: inherit;}
	.box_nghienCuu .part .box_title{ position: inherit; text-align: center; right: 0px; background-size: cover; padding: 15px 0; margin-top: 20px;}
	.box_nghienCuu .part .box_title img{ padding-top: 20px;}
	.box_nghienCuu .part .content{ padding: 0;}
	.box_nghienCuu .part .content:BEFORE{display: none;}
	.box_nghienCuu:BEFORE{ display: none;}
	.box_nghienCuu .part .item .title img{ padding-right: 15px;}
	.box_nghienCuu .part .box_title img{ max-width: 90%;}
	.box_nghienCuu .part .item .desc span br{display: none;}
	.box_nghienCuu .part .item .desc span:FIRST-CHILD { font-size: 17px; }
	.box_nghienCuu .part .item{ padding: 20px 0;}
	
	.box_quote .center{ width: 100%;}
	.box_quote .befor{ width: 100%; padding-right: 10px; padding-top: 20px;}
	.box_quote .befor .text{ font-size: 20px; }
	.box_quote .befor .draggable { padding-left: 30px; background: url("../images/phay.png") no-repeat 0px 3px; background-size: 30px; padding-top: 10px; padding-bottom: 20px; }
	
	.box_gioiThieu{ padding: 30px 0;}
	.box_gioiThieu .container{ padding: 0 10px;}
	.box_gioiThieu{ font-size: 16px;}
	.box_gioiThieu .box_title img{ width: 80%; }
	.box_gioiThieu .box_title{ margin-bottom: 20px;}
	.box_gioiThieu .box_content{ text-align: justify;}
	.box_gioiThieu .box_content p { line-height: 23px;}
	.box_gioiThieu .box_content p:FIRST-CHILD { font-size: 15px; padding: 0; margin-bottom: 10px;}
	.box_gioiThieu .box_content p:nth-child(2) { padding: 0; }
	.box_gioiThieu .box_content p:nth-child(2) span:nth-child(2){ padding-left: 13px; }
	
	.box_thuHut{ padding: 30px 0;}
	.box_thuHut .container{ padding: 0 10px; text-align: justify;}
	.box_thuHut .box_title{ padding: 30px 0; margin: 0;}
	.box_thuHut .box_title img{ width: 100%; }
	.box_thuHut .title{ font-size: 20px; }
	.box_thuHut .content{ padding: 10px;}
	
	.box_banner .image img{ margin-top: 43px; }
	.box_header.sticky{ padding: 0px;}
	
	.slick-dots{ display: none;}
	
	.box_aiNen{ padding: 30px 0;}
	.box_aiNen .container{ padding: 0 10px; }
	.box_aiNen .content{ padding-top: 40px; padding-left: 30px; font-size: 18px;}
	.box_aiNen .content p:BEFORE{ left: -27px;}
	.box_aiNen .image {text-align: center;}
	.box_noiDungKhoaHoc .box_title{ padding: 30px 0 30px; }
	.box_noiDungKhoaHoc .wrapper .my_panel .title{ padding: 15px 10px 10px 20px; font-size: 17px;}
	.box_noiDungKhoaHoc .wrapper .my_panel .content{ padding: 0 20px 20px; font-size: 15px;}
	.box_noiDungKhoaHoc .content p{ padding-left: 30px;}
	.box_noiDungKhoaHoc{ padding: 0 0 30px;}
	
	.box_dienGia{ padding: 30px 0; }
	.box_dienGia .image{ width: 100%;  position: inherit;}
	.box_dienGia .image img{ position: inherit;}
	.box_dienGia .content{ padding-top: 20px; width: 100%; padding-left: 10px;}
	.box_dienGia .content .box_title{ display: none;}
	.box_dienGia .detail {  padding-left: 1px;}
	
	.box_dangKy{ padding: 30px 0px; }
	.box_dangKy .container{ padding: 0 10px;}
	.box_form{ margin-top: 30px; padding: 0; }
	
	.popup_video .popup_content{ width: calc(100% - 40px); top: 10%;}
}