@charset "utf-8";

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

/* System */
a{ 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 { margin: 0;}
p{ margin-bottom: 0;}
/* Content */
.body{color: #475057; }
.clr{ clear: both;}

.box_menu{ }
.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 15px; text-transform: uppercase; display: table-cell; vertical-align: middle; font-size: 12px; line-height: 16px; color: #333;}
.box_menu .navbar-inverse .navbar-nav>li.active a.btn-default{ color: #fff; }
.box_menu .navbar-inverse .navbar-nav .active a,
.box_menu .navbar-inverse .navbar-nav a:hover,
.box_menu .navbar-inverse .navbar-nav a:focus { color: #e4262b; background: #fff;}
.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{  background: #ed243c; padding: 10px 30px; border-radius: 50px; display: inline-block; color: #fff; margin: 18px 0 0 15px; border: none; background-size: 100% 100%; text-transform: uppercase;}
.box_menu .navbar-inverse .navbar-nav>li>a.btn-default:HOVER,.box_menu .navbar-inverse .navbar-nav>li>a.btn-default:focus,.box_menu .navbar-inverse .navbar-nav>li>a.btn-default:active{ background: #14529b;}
.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_diaDiem{ padding: 100px 0 0px; }
.box_diaDiem .container{ padding: 0px 50px;}
.box_diaDiem .item{ text-align: center; padding: 0;}
.box_diaDiem .item .icon img{ max-width: 100%;}
.box_diaDiem .item .title{ font-size: 23px; font-weight: bold; padding: 20px 0 0px; position: relative; font-family: "HelveticaNeue-Bold"; }
.box_diaDiem .item .desc{ padding: 0; font-size: 15px; text-transform: uppercase; }
.box_diaDiem .item .desc span{ display: block;}

.box_dangSau{ overflow: hidden;}
.box_dangSau .content{ width: 50%; float: left; padding-top: 120px; text-align: right;}
.box_dangSau .content .box_title{ font-size: 30px; line-height: 35px; margin-bottom: 30px; font-family: "HelveticaNeue-Medium";}
.box_dangSau .content .desc{ font-size: 25px; }
.box_dangSau .content .dangKy{ margin-top: 25px; font-size: 25px; text-transform: uppercase; padding-right: 60px; position: relative;}
.box_dangSau .content .dangKy:BEFORE{ content: "\f101"; position: absolute; font-family: "FontAwesome"; right: 0; font-size: 60px; top: -26px; color: #ed243c; }
.box_dangSau .content .dangKy a{ color: #475057; }
.box_dangSau .image{ width: 50%; float: left;}
.box_dangSau .image img{ padding-left: 50px; width: 100%;}

.box_gioiThieu{ background: #475057; padding: 100px 0; color: #fff; }
.box_gioiThieu .content{ text-align: justify; margin-top: 50px; padding-right: 30px; position: relative;}
.box_gioiThieu .content:BEFORE{ content: ''; position: absolute; width: 5px; height: 134px; background: #ed243c; top: -180px; left: 90px;}
.box_gioiThieu .content p{ margin-bottom: 20px; }
.box_gioiThieu .image img{ width: 100%; }

.box_chuTich{ padding: 100px 0; }
.box_chuTich .box_title{ text-align: center; font-family: "HelveticaNeue-Bold"; font-size: 30px; line-height: 37px; margin-bottom: 45px; }
.box_chuTich .item { margin-bottom: 45px; overflow: hidden;}
.box_chuTich .item .so{ width: 45px; height: 45px; float: left; line-height: 45px; text-align: center; font-size: 25px; font-family: "HelveticaNeue-Bold"; background: #ed243c; color: #fff; }
.box_chuTich .item .text{ width: calc(100% - 45px); float: left; font-size: 20px; margin-top: -6px; padding-left: 25px; }
.box_chuTich .item font{ height: 13px; width: 13px; background: #7e8489; display: block; float: left; margin-right: 15px; }
.box_chuTich .item font:nth-of-type(2){ background: #a3a7ab;}
.box_chuTich .item font:nth-of-type(3){ background: #c7cacc;}
.box_chuTich .item.last{margin: 0; padding-top: 30px; }

.box_doiTuong{ background: url("../images/doi-tuong-4.jpg") no-repeat; background-size: cover; padding: 65px 0;}
.box_doiTuong .image img{ width: 100%; height: auto;}
.box_doiTuong .content .title{ font-family: "HelveticaNeue-Bold"; font-size: 30px; margin-bottom: 40px; padding-left: 98px; position: relative;}
.box_doiTuong .content .title i{ font-size: 60px; color: #ed243c; position: absolute; left: 45px; top: -9px;}
.box_doiTuong .content{ margin: 100px 0 0 -40px;}
.box_doiTuong .content .desc .item{ overflow: hidden;}
.box_doiTuong .content .desc .item:FIRST-CHILD{ margin-bottom: 40px;}
.box_doiTuong .content .desc .item .img{ width: 22%; float: left; }
.box_doiTuong .content .desc .item .img img{ width: 100%;}
.box_doiTuong .content .desc .item .text{ width: 78%; float: left; padding: 5px 0 0 32px; }

.box_noiDung{ padding: 80px 0; background-color: #efefef;}
.box_noiDung .box_title{ text-align: center; font-size: 30px; color: #ed243c; font-family: "HelveticaNeue-Bold";}
.box_noiDung .box_content{ padding: 30px 0;}
.box_noiDung .wrapper{ padding: 0 50px; }
.box_noiDung .wrapper .my_panel{ background-color: #FFF; margin-bottom: 4px; border: 1px solid #e1e1e1;}
.box_noiDung .wrapper .my_panel .title{ padding: 15px 40px; font-size: 22px; cursor: pointer;}
.box_noiDung .wrapper .my_panel .content{ display: none; }
.box_noiDung .wrapper .my_panel .content div{ padding: 10px 24px 10px 70px;; border-top: 1px solid #e1e1e1; font-size: 15px; color: #424e53; position: relative;}
.box_noiDung .wrapper .my_panel .content div b{ font-family: "HelveticaNeue-Bold"; }
.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; color: #4b565b; font-size: 19px;}
/* .box_noiDung .wrapper .my_panel .content div:hover{ background-color: #f4586b; color: #FFF;}
.box_noiDung .wrapper .my_panel .content div:hover:BEFORE{ color: #FFF; border-color: #FFF;} */
.box_noiDung .wrapper .my_panel.active{ border: 1px solid #ed243c; }
.box_noiDung .wrapper .my_panel.active .title{ background: #ed243c; color: #fff;}
.box_noiDung .wrapper .my_panel.active .content{ display: block;}

.box_dienGia { background: #ed243c; color: #fff; padding: 100px 0 60px; text-align: justify;}
.box_dienGia .image img{ width: 100%; border-radius: 9px;}
.box_dienGia .image p h3{ font-size: 30px; margin: 34px 0 15px; }
.box_dienGia .content{ padding: 0 0 0 40px; }
.box_dienGia .content .box_title{ font-size: 35px; margin-bottom: 35px; text-transform: uppercase; font-family: "HelveticaNeue-Medium"; }
.box_dienGia .content .textHead{ margin-bottom: 30px; }
.box_dienGia .content .desc .title{ font-size: 25px; font-family: "HelveticaNeue-Medium"; margin-bottom: 20px; }
.box_dienGia .content .desc .text{ margin-bottom: 35px;}
.box_dienGia .content .desc p{ padding-left: 30px; margin-bottom: 10px; position: relative;}
.box_dienGia .content .desc p::before{ content: "\f055"; position: absolute; left: 0; font-family: "FontAwesome"; }
.box_dienGia .content .desc .text_2 p::before{ content: "\f058"; }

.box_dangKy{ padding: 80px 0px 0; color: #30373d; position: relative; }
.box_dangKy .box_title{ margin-bottom: 20px;}
.box_dangKy .box_title .title{ text-align: center; margin-bottom: 10px; font-size: 30px; text-transform: uppercase; color: #252525;}
.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{}
.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 #f37383; background: #f37383; border-radius: 6px; margin-bottom: 10px;}
.box_dangKy .content .imageCk .titleCK{ color:#f37383; 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_content p{ font-size: 17px; color: #000;}
.box_form .box_content .form-control{ height: 52px; border-color: #ed243c; border-radius: 5px; padding: 6px 30px; font-size: 15px; }
.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: #898989; font-weight: 500;font-size: 15px;}
.box_form .box_content .form-control:-moz-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.box_form .box_content .form-control::-moz-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.box_form .box_content .form-control:-ms-input-placeholder {color: #898989; font-weight: 500;font-size: 15px;}
.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%; background: #ed243c; color: #fff; padding: 10px 25px; font-size: 17px; text-transform: uppercase;}
.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_imageFooter img{ width: 100%; margin-bottom: 5px;}

.box_comment{ padding: 40px 0;}

.box_footer{ background: #475057; color: #fff; padding: 60px 0px 100px;}
.box_footer .container{ width: 1200px;}
.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 .widget-content iframe{  }
iframe[name="google_conversion_frame"] { height: 0;}

/*Responsive*/
@media all and (min-width: 993px) and (max-width: 1200px){
	.box_footer .container{ width: 100%;}
}

@media all and (max-width: 992px){
.box_footer .container{ width: 100%;}
}

@media all and (max-width: 768px){
.box_footer .container{ width: 100%;}
}

@media all and (max-width: 767px){
	body{ font-size: 15px;}
	.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; padding: 10px 14px; background: none; margin: 0px;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ }


	.box_slider img{ margin-top: 50px; }
	.box_title{ font-size: 25px !important; line-height: 29px !important; text-align: center !important;}

	.box_dienGia .image { margin-bottom: 20px; }
	.box_dienGia .content{ padding: 0;}
	.box_dienGia .content .desc .title{ font-size: 20px; margin-bottom: 10px;}
	.box_dienGia .content .desc .text{ margin-bottom: 20px;}

	.box_title br{ display: none; }
	.box_diaDiem{ padding: 20px 0; }
	.box_diaDiem .container{ padding: 0 10px;}
	.box_diaDiem .item{ padding: 0;}
	.box_diaDiem .item .desc span{ display: initial;}
	.box_noiDung{ padding: 20px 0;}
	.box_noiDung .head .box_title{ margin: 0; font-size: 20px;}
	.box_noiDung .container{ padding: 0px 10px;}
	.box_diaDiem .item .title{ font-size: 17px; }
	.box_diaDiem .item .desc{ font-size: 13px;}

	.box_dangSau{ padding: 0 0 30px;}
	.box_dangSau .content{ width: 100%; padding: 0 10px !important; }
	.box_dangSau .content .desc{ font-size: 17px; text-align: center;}
	.box_dangSau .content .dangKy{ text-align: center;}
	.box_dangSau .content .dangKy:BEFORE{ right: 50%; margin-right: -67px;}
	.box_dangSau .image img{ display: none;}

	.box_gioiThieu{ padding: 30px 0;}
	.box_gioiThieu .content:BEFORE{ display: none; }
	.box_gioiThieu .content{ padding-right: 0;}
	.box_chuTich{ padding: 30px 0; }
	.box_doiTuong .content{ margin: 0; background: rgba(255,255,255,0.7); padding: 15px;}
	.box_doiTuong .content .desc .item .text{ padding: 0px 0 0 10px;}
	.box_doiTuong .content .title{ font-size: 27px; padding-left: 40px;}
	.box_doiTuong .content .title i{ left: 0px;}
	.box_noiDung .wrapper .my_panel .title{ font-size: 17px; padding: 10px 8px;}
	.box_noiDung .wrapper{ padding: 0; }
	.box_noiDung .wrapper .my_panel .content div{ padding: 10px 24px 10px 28px;}
	.box_noiDung .wrapper .my_panel .content div:BEFORE{ left: 7px; }


	.box_dangKy{ padding: 20px 0;}
	.box_dangKy .chuyuenKhoan{ padding: 10px;}
	.box_dangKy .chuyuenKhoan .bacground{ padding: 10px;}
	.box_dangKy .box_title.ck{ font-size: 20px;}
	.box_dangKy .chuyuenKhoan .content .title{ font-size: 17px;}
	.box_dangKy .box_title .title{ font-size: 20px;}

	.box_footer{ padding: 0 0 30px;}
	.box_footer .box_title{ margin-top: 30px; }
	.box_footer .container{ width: 100%;}
	.box_form{ margin-top: 20px; padding: 0px;}
	.box_form .box_content .form-control{ margin-bottom: 10px; height: 40px;}
	.box_form .box_content .btnSuccess .input-lg{ font-size: 17px; padding: 5px 25px;}

}

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

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