@charset "utf-8";
@import "../fonts/font.css";

body{ color: #252525; font-size: 17px;}
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,  background-color 0.15s ease-in-out 0s; }
a:hover { color: #000; text-decoration: none;}
a:focus { color: #000; text-decoration: none;}

.clr { clear: both; }

.box_header{ background-color: #212738; width: 100%; top: 0; left: 0; z-index: 99999; position: relative; height: 100px;}
.box_header .container{ position: relative;}
.box_header .logo{ display: inline-block; margin-top: 50px;}
.box_header .contact{ float: right; height: 34px; padding: 5px 0 0 48px; border-radius: 0 0 8px 8px;}
.box_header .contact .hotline{ float: left; color: #FFF; padding: 0 20px 0 0; margin-top: 5px; border-right: 1px solid #b7b7b7; font-family: "Lato-Bold"; line-height: 100%;}
.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; display: inline-block; vertical-align: top;}
.box_header .contact .hotline span{ font-size: 15px; display: inline-block; vertical-align: top; margin-top: 2px;}
.box_header .contact .hotline a{ color: #FFF; }
.box_header .contact .socail{ float: left; padding-left: 20px; margin-top: 3px;}
.box_header .contact .socail a{ display: inline-block; margin: 0 2px;}
.box_header .contact .socail a i{border: 1px solid #b7b7b7; font-size: 10px; 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{ padding: 16px 0 0; list-style: none; float: right; margin: 0;}
.box_header .menu li{ display: inline-block; padding-left: 40px; text-align: center; vertical-align: middle;}
.box_header .menu li a{ font-size: 15px; color: #FFF; font-family: "Lato-Regular", "Segoe UI"; padding: 8px 0 6px; display: inline-block; border-top: 2px solid transparent;}
.box_header .menu li a.active{ border-top: 2px solid #ec1b3c;}
.box_header .menu li a:hover{ border-top: 2px solid #ec1b3c;}
.box_header .menu li a.btn_book{ display: inline-block; background-color: #e91b3b; color: #FFF; padding: 0 15px 0; height: 32px; line-height: 32px; font-weight: normal; border-radius: 16px;}
.box_header .menu li a.btn_book:hover{ background-color: #ed1c24;}
.box_header .menu li a.btn_book.active{ 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_gioiThieu{ padding: 0 0 100px; font-size: 20px; color: #252525;}
.box_gioiThieu .banner{ background: url(../images/gioithieu-1.jpg) no-repeat top center; padding: 100px 20px; text-align: center; color: #FFF;}
.box_gioiThieu .banner .text_1{ font-family: "Lato-Black"; font-size: 38px; margin-bottom: 10px;}
.box_gioiThieu .banner .text_2{ font-size: 16px; letter-spacing: 2px;}
.box_gioiThieu .box_title{ text-align: center; padding-bottom: 20px; padding-top: 100px; font-family: "Lato-Black", "Segoe UI"; font-size: 42px; color: #3b4959; text-transform: uppercase;}
.box_gioiThieu .content_1{ max-width: 100%; margin: 0 auto; text-align: justify; padding-bottom: 20px; color: #ec1b3c; text-align: center; font-size: 30px;}
.box_gioiThieu .content_2{ width: 1000px; max-width: 100%; margin: 0 auto; font-size: 17px; color: #475057;}

.box_thucTrang{ margin: 0; display: table; width: 100%; color: #FFF;}
.box_thucTrang .box_title{ text-transform: uppercase; font-family: "Lato-Black", "Segoe UI"; font-size: 30px; position: relative; padding-bottom: 30px;}
.box_thucTrang .box_title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 6px; background: #FFF;}
.box_thucTrang .box_content{ padding-top: 30px;}
.box_thucTrang .box_content .item{ padding-bottom: 10px; font-size: 16px;}
.box_thucTrang .image{ display: table-cell; width: 50%; background: url(../images/thuctrang-1.jpg) no-repeat top right;}
.box_thucTrang .wrapper{ padding: 50px 0 50px 46px; width: 600px; max-width: 100%; text-align: justify;}
.box_thucTrang .text{ display: table-cell; width: 50%; background: url(../images/thuctrang-3.jpg) no-repeat top right;}
.box_thucTrang .row_1{ display: table; width: 100%;}
.box_thucTrang .row_2{ display: table; width: 100%;}
.box_thucTrang .row_2 .image{ background: url(../images/thuctrang-2.jpg) no-repeat top left;}
.box_thucTrang .row_2 .wrapper{ padding: 70px 46px 70px 0; max-width: 100%; float: right;}
.box_thucTrang .row_2 .text{ background: url(../images/thuctrang-4.jpg) no-repeat top left;}

.box_thongTin{ padding: 100px 0 50px; overflow: hidden;}
.box_thongTin .container{ border-bottom: 1px solid #d7d7d7;}
.box_thongTin .content{ padding: 0 50px 50px;}

.box_diaDiem{ padding: 0 0 100px 0; }
.box_diaDiem .box_title{ color: #3b4959; font-family: "Lato-Black"; font-size: 40px; text-align: center; padding-bottom: 50px;}
.box_diaDiem .container{ padding: 0px 50px; width: 1000px;}
.box_diaDiem .item{ text-align: center; border: 1px solid #d7d7d7; border-radius: 20px; background: #202b53; min-height: 320px;}
.box_diaDiem .item .icon img{ max-width: 100%; margin-top: -20px;}
.box_diaDiem .item .title{ font-size: 20px; font-weight: bold; color: #FFF; padding: 20px 0 0px; position: relative; }
.box_diaDiem .item .desc{ padding: 12px 15px 0 15px; font-size: 17px; color: #FFF;}
.box_diaDiem .item .desc span{ display: block; font-weight: normal; }
.box_diaDiem .item .desc a{ color: #FFF;}
.box_diaDiem .item .desc p{ text-align: left; font-size: 13px; padding-top: 5px;}

.box_mucTieu{ padding: 80px 0; background: url(../images/muctieu-1.jpg) no-repeat top center;}
.box_mucTieu .box_title{ text-align: center; font-family: "Lato-Black"; font-size: 40px; color: #FFF; padding-bottom: 50px;}
.box_mucTieu .box_content{ width: 900px; max-width: 100%; color: #FFF; margin: 0 auto;}
.box_mucTieu .box_content .item{ padding-left: 110px; min-height: 52px; margin-bottom: 35px; background: url(../images/muctieu-2.png) no-repeat left top;}

.box_noiDung{ padding: 80px 0; background: #ec1b3c;}
.box_noiDung .box_title{ text-align: center; font-family: "Lato-Black"; font-size: 40px; color: #FFF; padding-bottom: 50px;}
.box_noiDung .box_content .item{ margin-bottom: 30px;}
.box_noiDung .box_content .item .item_title{ height: 48px; line-height: 48px; text-align: center; padding: 0 15px; color: #FFF; background: #202b53; font-family: "Lato-Bold"; font-size: 23px;}
.box_noiDung .box_content .item .item_content{ padding: 30px 20px; background: #FFF; min-height: 180px;}
.box_noiDung .box_content .item .item_content p{ padding-top: 5px;}

.box_aiNen{ padding: 100px 0;}
.box_aiNen .image img{ max-width: 100%;}
.box_aiNen .box_title{ text-transform: uppercase; font-family: "Lato-Black", "Segoe UI"; font-size: 30px; position: relative; padding-bottom: 30px; color: #414042;}
.box_aiNen .box_title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 6px; background: #ec1b3c;}
.box_aiNen .content { padding-top: 30px;}
.box_aiNen .content p{ margin-bottom: 20px; position: relative; padding-left: 30px; color: #414042; font-size: 17px;}
.box_aiNen .content p:BEFORE{ content: "\f111"; font-family: FontAwesome; font-size: 16px; position: absolute; top: 1px; left: 0; color: #ed2746;}

.box_dienGia { background: #ec1b3c; color: #fff; padding: 100px 0 60px; text-align: justify;}
.box_dienGia .box_title{ font-family: "Lato-Bold", "Segoe UI"; font-size: 30px; position: relative; padding-bottom: 15px; color: #FFF; margin-bottom: 30px;}
.box_dienGia .box_title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 95px; height: 3px; background: #FFF;}
.box_dienGia .image { max-width: 100%;}
.box_dienGia .image img{ max-width: 100%; margin-bottom: 15px;}
.box_dienGia .image div{ font-family: "Lato-Bold"; font-size: 25px; margin-bottom: 15px;}
.box_dienGia .image p{ font-size: 16px; font-style: italic;}
.box_dienGia .content{ padding: 0 0 0 40px; }
.box_dienGia .content .textHead{ margin-bottom: 40px;}
.box_dienGia .content .textHead div{ font-family: "Lato-Bold", "Segoe UI"; font-size: 30px; padding-bottom: 10px;}
.box_dienGia .content .desc .title{ font-size: 20px; font-family: "Lato-Bold"; margin-bottom: 20px; }
.box_dienGia .content .desc .text{ margin-bottom: 35px;}
.box_dienGia .content .desc p{ padding-left: 30px; margin-bottom: 10px; position: relative; font-size: 16px;}
.box_dienGia .content .desc p::before{ content: "\f058"; position: absolute; left: 0; font-family: "FontAwesome"; }

.box_dangKy{ padding: 80px 0px 0; color: #30373d; position: relative; }
.box_dangKy .thanhToan { background: #ebebeb; padding: 30px 15px; border: 1px solid #d7d7d7; margin-top: 30px;}
.box_dangKy .thanhToan .box_title{ font-family: "Lato-Bold", "Segoe UI"; text-align: center; padding-bottom: 20px; color: #252525; font-size: 20px; text-transform: uppercase;}
.box_dangKy .thanhToan .item { margin-bottom: 30px;}
.box_dangKy .thanhToan .item .item_title{ font-family: "Lato-Bold", "Segoe UI"; padding-bottom: 5px;}
.box_dangKy .thanhToan .item .item_detail{ font-size: 15px; padding-bottom: 20px;}
.box_dangKy .thanhToan .item .item_image{ width: 300px; max-width: 100%; margin: 0 auto; background: #4d99c8; color: #FFF; border-radius: 5px; padding: 28px 0;}
.box_dangKy .thanhToan .item .item_image .image_title{ background: #FFF; color: #4d99c8; text-align: center; height: 38px; line-height: 38px;}
.box_dangKy .thanhToan .item .item_image .image_desc{ padding: 15px; font-size: 15px;}
.box_dangKy .dangKy{ padding: 0 30px;}
.box_dangKy .dangKy .box_title{ font-family: "Lato-Bold", "Segoe UI"; text-align: center; padding-bottom: 20px; color: #252525; font-size: 20px; text-transform: uppercase;}
.box_dangKy .dangKy .form-control{ height: 52px; border-color: #2088c9; border-radius: 5px; padding: 6px 30px; font-size: 15px; }
.box_dangKy .dangKy .form-control::-webkit-input-placeholder { color: #898989; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control:-moz-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control::-moz-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .form-control:-ms-input-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.box_dangKy .dangKy .has-error .form-control{ border-color: #FF0000;}
.box_dangKy .dangKy .error{ color: #FF0000;}
.box_dangKy .dangKy .alert{margin-top: 10px;}
.box_dangKy .dangKy .btnSuccess{ text-align: center; margin-top: 10px;}
.box_dangKy .dangKy .btnSuccess .input-lg{border: none; border-radius: 5px; width: 100%; background: #ed243c; color: #fff; padding: 10px 25px; font-size: 17px; text-transform: uppercase;}
.box_dangKy .dangKy .btnSuccess .input-lg:FOCUS{ outline: none;}
.box_dangKy .dangKy .hotLine{ text-align: center; font-size: 25px; color: #333; padding-top: 20px;}
.box_dangKy .dangKy .hotLine i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #898989; border-radius: 50%; margin-right: 10px; }

.box_comment{ padding: 40px 0;}

.box_images img{ width: 100%;}

.box_footer{ color: #fff; padding: 60px 0px 100px; background: #121622;}
.box_footer .box_title{ font-size: 20px; color: #FFF; text-transform: uppercase; margin-bottom: 25px; font-family: "Lato-Bold"; }
.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; padding-right: 20px; }
.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;}


.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%;}

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

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: 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: 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_header.sticky{ padding: 0px; height: 42px !important;}

	.box_gioiThieu{ padding-bottom: 50px;}
	.box_gioiThieu .banner{ padding: 40px 20px; background: #ED1C3C;}
	.box_gioiThieu .banner .text_1{ font-size: 22px;}
	.box_gioiThieu .banner .text_2{ font-size: 14px;}
	.box_gioiThieu .content_1{ font-size: 20px;}
	.box_gioiThieu .box_title{ padding-top: 30px; font-size: 30px;}
	.box_gioiThieu .box_content{ text-align: justify;}
	
	.box_thucTrang .image{ display: none;}
	.box_thucTrang .text{ width: 100%; background: #ED1C3C;}
	.box_thucTrang .wrapper{ padding: 30px 15px; width: auto;}
	.box_thucTrang .row_2 .text{ background: #ED1C3C;}
	.box_thucTrang .row_2 .wrapper{ padding: 30px 15px; width: auto; float: none;}
	.box_thucTrang .box_title{ font-size: 24px; padding-bottom: 24px;}

	.box_thongTin{ padding: 50px 0;}
	.box_thongTin .content{ padding-left: 10px; padding-right: 10px;}
	
	.box_diaDiem{ padding-bottom: 50px;}
	.box_diaDiem .box_title{ font-size: 30px;}
	.box_diaDiem .container{ padding: 0 20px;}
	.box_diaDiem .container .item{ margin-bottom: 30px;}

	.box_aiNen{ padding: 50px 10px;}

	.box_mucTieu{ padding: 40px 0;}
	.box_mucTieu .box_title{ font-size: 30px;}
	.box_mucTieu .box_content .item{ padding-left: 65px; font-size: 15px;}

	.box_noiDung{ padding: 40px 0;}
	.box_noiDung .box_title{ font-size: 30px;}

	.box_dienGia{ padding: 30px 0; }
	.box_dienGia .content{ padding: 50px 0 0;}
	
	.box_dangKy{ padding: 30px 0px; }
	.box_dangKy .dangKy{ margin-top: 40px; padding: 0 10px;}
}