@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 */
body{ font-family: "Segoe UI"; }
.font-segui{ font-family: "seguibl"; text-transform: uppercase; font-size: 35px; }
.clr{ clear: both;}
.box_title{ font-size: 32px; text-transform: uppercase; font-weight: bold; }
.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-right{ display: inline-block; float: initial !important;}
.box_menu .navbar-inverse .navbar-collapse, .box_menu .navbar-inverse .navbar-form{text-align: center;}
.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; display: table-cell; vertical-align: middle; font-size: 15px; font-weight: bold; line-height: 16px; color: #333; text-transform: uppercase; } 
.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{  background: #f50000; border-radius: 12px; 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;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{ background: none; color: #d30c13; }
.box_menu .navbar-right{ margin-right: 0px; }

.box_slider img{ width: 100%; margin-top: 97px; }
.box_title{ font-size: 32px; font-weight: bold; text-transform: uppercase; }
.padding{ padding: 100px 0;}

.box_menu{ padding: 10px 0; position: fixed; width: 100%; background-color: #fff; box-shadow: 0 0 3px #CCC; overflow: hidden; z-index: 111;}
.box_menu .logoHead{ float: left; }
.box_menu .hotline{ float: right; margin-top: 26px;}
.box_menu .hotline img{ margin-top: -7px; margin-right: 10px;}
.box_menu .hotline a{ font-size: 21px; }

.box_gia{ padding: 60px 0; }
.box_gia .video img{ width: 100%; }
.box_gia .content{ padding: 50px 0 0 90px; }
.box_gia .content .gia{ display: table; width: 195px; height: 85px; background: #dc1525; text-align: center; color: #fff; border-radius: 4px; margin-bottom: 50px; }
.box_gia .content .gia .table{ display: table-cell; vertical-align: middle; }
.box_gia .content .gia .text{ font-size: 25px; font-family: "UTM-CAFETA"; }
.box_gia .content .gia .price{ font-size: 35px; font-family: "UTM-CAFETA";}
.box_gia .content .desc{ font-family: "UTM-AVO"; }
.box_gia .content .desc .text{ font-family: "UTM-AVOBOLD"; }
.box_gia .content .desc .item{ padding: 0px 0px 5px 20px; position: relative;}
.box_gia .content .desc .item:BEFORE{ content: '.'; position: absolute; left: 0; top: -14px; color: #414042; font-size: 70px; line-height: 0; font-family: "Segoe UI"; }
.box_gia .content .desc .item span{ color: #dc1525; font-family: "UTM-AVOBOLD"; }

.box_dacBiet{ padding: 60px 0; }
.box_dacBiet .box_title{ text-align: center; color: #2588c9; margin-bottom: 20px; }
.box_dacBiet .image img{ width: 100%; margin-bottom: 20px;}
.box_dacBiet .content{ position: relative; height: 290px; background: #f0f0f0; padding: 30px 40px; margin-bottom: 20px; text-transform: uppercase; font-size: 19px; }
.box_dacBiet .content p{}
.box_dacBiet .content:BEFORE{ content: ' '; position: absolute; width: 140px; height: 14px; background: #2588c9; bottom: 30px; }

.box_nhanDuoc { padding: 40px 0 90px; background: #2588c9; color: #fff; }
.box_nhanDuoc .container{ padding: 0 40px; }
.box_nhanDuoc .box_title{ text-align: center; margin-bottom: 54px; }
.box_nhanDuoc .content{ padding: 0 70px; text-align: center;}
.box_nhanDuoc .content img{ margin-bottom: 30px; }

.box_noiDung{ padding: 60px 0;}
.box_noiDung .box_title{ text-align: center; color: #2588c9; margin-bottom: 32px;  }
.box_noiDung .content .item { margin-bottom: 30px; }
.box_noiDung .content .item .image img{ max-width: 100%; }
.box_noiDung .content .item .desc .title{ text-transform: uppercase; color: #2588c9; margin: 0; font-weight: 400;}
.box_noiDung .content .item .desc .title span{ font-weight: bold;}
.box_noiDung .content p{ padding: 0px 0px 3px 30px; position: relative; font-size: 17px; }
.box_noiDung .content p:BEFORE{ content: '.'; position: absolute; left: 0; top: -15px; color: #414042; font-size: 80px; line-height: 0; }

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

.box_giangVien{ padding: 45px 0; }
.box_giangVien .box_title{ color: #2588c9; padding-left: 150px; margin-bottom: 20px; }
.box_giangVien .image{ text-align: center; }
.box_giangVien .content .title{ font-size: 23px; font-weight: 300; color: #2588c9; text-transform: uppercase; padding-left: 30px; margin-bottom: 20px; }
.box_giangVien .content .title span{ font-weight: bold; font-size: 32px; color: #cd1b29; }
.box_giangVien .content p{ padding: 0px 0px 0px 30px; position: relative; font-size: 17px; font-style: italic;}
.box_giangVien .content p:BEFORE{ content: '.'; position: absolute; left: 0; top: -15px; color: #2588c9; font-size: 80px; line-height: 0; }

.box_nenTang{ padding: 30px 0;}
.box_nenTang .box_title{ text-align: center; margin-bottom: 30px; color: #2588c9; }
.box_nenTang .content img{ width: 100%; }
.box_nenTang .content p{ font-size: 16px; margin: 30px 0 0 0; font-style: italic; }
.box_nenTang .content a::BEFORE { content: ""; background: url("../img/playvideo-64-64-0.png") no-repeat center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.box_theNao{ background: #2588c9; padding: 60px 0;}
.box_theNao img{ max-width: 100%; }
.box_theNao .box_title{ text-align: center; color: #fff; margin-bottom: 40px; }

.box_camNhan{ padding: 40px 0 60px; }
.box_camNhan .box_title{ text-align: center; margin-bottom: 30px; color: #2588c9; }
.box_camNhan .item{ padding: 15px 0;}
.box_camNhan .item .image{ width: 43%; float: left; margin-top: 3px; overflow: hidden; box-shadow: 0 0 3px #e9e9e9;}
.box_camNhan .item .image a{ display: inline-block; position: relative; }
.box_camNhan .item .image img{ width: 100%;}
.box_camNhan .item .image img.icon{position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px;}
.box_camNhan .item .info{ width: 54%; float: right;}
.box_camNhan .item .title{ margin: 0 0 5px; overflow: hidden; font-weight: 500; line-height: 20px;}
.box_camNhan .item .title a{ color: #000; font-size: 16px; }
.box_camNhan .item .title a:hover{ color: #195298;}
.box_camNhan .item .text{ color: #3b3b3b; line-height: 18px; height: 54px; overflow: hidden; text-align: justify;}
.box_camNhan .item .image img.icon { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; }



.box_dangKy{ padding: 35px 0; background: url("../img/dang-ky-1.jpg") no-repeat; color: #fff;background-size: cover;}
.box_dangKy .end_sales .title{ font-size: 17px; text-align: center; }
.box_dangKy .end_sales{ overflow: hidden; width: 271px; margin: 30px auto 0; }
.box_dangKy .end_sales .title{text-align: center; margin-bottom: 10px; } 
.box_dangKy .end_sales .timer .boxe{ width: 60px; height: 70px; text-align: center; background: #000; color: #fff; float: left; margin-left: 10px; }
.box_dangKy .end_sales .timer .boxe:FIRST-CHILD{ margin-left: 0;}
.box_dangKy .end_sales .timer .boxe span{ font-size: 30px; display: block; height: 47px; line-height: 47px; font-weight: bold;}
.box_dangKy .end_sales .timer .boxe #seconds{ color: #cd0209; }

.box_dangKy .box_content{ padding-right: 100px; }
.box_dangKy .box_content .box_title{ margin: 0 0 15px; text-align: center; }
.box_dangKy .box_content .box_title span{ display: block;}
.box_dangKy .box_content .desc .item{ padding: 0px 0px 0px 20px; position: relative; font-size: 16px;}
.box_dangKy .box_content .desc .item:BEFORE{ content: '.'; position: absolute; left: 0; top: -5px; color: #fff; font-size: 50px; line-height: 0;}


.box_dangKy .box_content .gia { border: 3px solid #cd0209; border-radius: 10px; height: 86px; overflow: hidden; margin-top: 20px;}
.box_dangKy .box_content .gia .sales{ font-size: 38px; position: relative; font-weight: bold; width: 50%; float: left; height: 80px; line-height: 80px; text-align: center; }
.box_dangKy .box_content .gia .sales:BEFORE { content: ''; position: absolute; width: 165px; height: 2px; background: #fff; top: 40px; }
.box_dangKy .box_content .gia .price{background: #cd0209; color: #fff; font-size: 32px; font-weight: bold; padding: 0 5px; height: 80px; width: 50%; float: left; text-align: center; display: table; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.box_dangKy .box_content .gia .price p{ display: table-cell; vertical-align: middle; line-height: 26px;}
.box_dangKy .box_content .gia .price p span{ font-size: 25px; display: block; }
.box_dangKy .box_content .note{ font-size: 17px; text-align: center; margin-top: 10px; }
.box_dangKy .box_content .note .nhanhTay{ font-size: 20px; text-transform: uppercase; font-weight: bold;}
.box_dangKy .box_form .box_title{ color: #cd0209; margin: 0 0 23px; text-align: center; }
.box_dangKy .box_form { padding: 70px 110px 0 25px; }
.box_dangKy .box_form .form-control{ height: 60px; border-radius: 7px; padding-left: 25px;}
.box_dangKy .box_form .form-control::-webkit-input-placeholder { color: #a3a3a3;  font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control:-moz-placeholder {color: #a3a3a3; font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control::-moz-placeholder {color: #a3a3a3; font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control:-ms-input-placeholder {color: #a3a3a3; font-size: 14px; font-style: italic;}
.box_dangKy .box_form .send{ text-align: center; }
.box_dangKy .box_form .send .btn-submit{ padding: 10px 20px; background: #cd0209; font-size: 16px; font-weight: bold; border: none; color: #fff; margin-top: 25px;  }

.box_footer{ padding: 50px 0; text-align: center; font-size: 17px; }
.box_footer .content .mienPhi{ text-transform: uppercase; color: #cd0209; margin-top: 15px; }
.box_footer .content .sdt span{ font-weight: bold; color: #cd0209; }

.box_map{background: #2588c9; color: #fff; padding: 30px 0;}
.box_map .follow{ margin-top: 30px; }
.box_map .follow p{ margin-bottom: 6px;}
.box_map a{ color: #fff; }
.box_map .follow p img{ margin-right: 10px;}








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

/*Responsive*/
@media all and (min-width: 993px) and (max-width: 1200px){
	.padding{ padding: 50px 0; }
	.font-segui{ font-size: 25px; }
	
	.box_menu .logoHead{ margin-top: 3px;}
	.box_menu .logoHead img{ height: 48px; }
	.box_menu .hotline{ margin-top: 11px; }
	.box_menu .hotline img{ margin-top: -7px;}
	.box_menu .navbar-inverse .navbar-nav>li>a{ font-size: 13px; padding: 0 10px;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ padding: 10px 15px;}
	.box_menu .navbar-right{ display: inline-block; float: initial !important;}
	.box_menu .navbar-inverse .navbar-collapse, .box_menu .navbar-inverse .navbar-form{text-align: center;}
	.box_menu .navbar-inverse .navbar-nav>li{ height: 44px; }
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ margin-top: 2px;}
	.box_slider img{ margin-top: 74px; }
	
	.box_title{ font-size: 25px; }
	
	.box_gia .content{ padding: 7px 0 0 19px; }
	.box_gia .content .gia{ margin-bottom: 30px; }
	
	.box_dacBiet{ padding: 0 0 40px;}
	.box_dacBiet .content{ padding: 15px 21px; font-size: 16px; height: 221px;}
	.box_nhanDuoc .content{ padding: 0 25px;}
	
	.box_dangKy .box_content{ padding-right: 24px;}
	.box_dangKy .box_form{ padding: 70px 13px 0 25px;}
	
	
	
	.box_dangKy{ padding: 50px 0; }
	
}

@media all and (max-width: 992px){
	
	.padding{ padding: 40px 0; }
	.font-segui{ font-size: 25px; }
	.box_menu .logoHead{ margin-top: 3px;}
	.box_menu .logoHead img{ height: 55px; }
	.box_menu .navbar-inverse .navbar-nav>li>a{ font-size: 11px; padding: 0 7px;}
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ padding: 10px 15px;}
	.box_menu .navbar-right{ display: inline-block; float: initial !important;}
	.box_menu .navbar-inverse .navbar-collapse, .box_menu .navbar-inverse .navbar-form{text-align: center;}
	.box_menu .navbar-inverse .navbar-nav>li{ height: 44px; }
	.box_menu .navbar-inverse .navbar-nav>li>a.btn-default{ margin-top: 2px;}
	.box_slider img{ margin-top: 74px; }
	.box_title{ font-size: 25px; }
	.box_heThong .content p{ font-size: 15px; }
	.box_conGi .item{ padding-left: 88px; }
	
	.box_menu .hotline{ margin-top: 12px;}
	.box_giangVien .image img{ max-width: 100%; }
	
	.box_gia .content{ padding: 0;}
	.box_gia .content .gia{ height: 72px; margin-bottom: 14px; margin: 0 auto;}
	.box_gia .content .gia .text{ font-size: 22px;}
	.box_gia .content .gia .price{ font-size: 28px;}
	
	.box_dacBiet .content{ height: 166px; font-size: 12px; padding: 7px 17px;}
	.box_dacBiet .content:BEFORE{ height: 7px; bottom: 17px; width: 109px;}
	
	.box_nhanDuoc .container{ padding: 0 10px; }
	.box_nhanDuoc .content{ padding: 0 16px;}
	.box_nhanDuoc{ padding: 40px 0;}
	
	.box_dangKy .box_content{ padding: 0;}
	.box_dangKy .box_content .gia .sales{ font-size: 27px; }
	.box_dangKy .box_content .gia .sales:BEFORE{ width: 144px; }
	.box_dangKy .box_content .gia .price{ font-size: 28px; }
	.box_dangKy .box_content .gia .price p span{ font-size: 21px;}
	.box_dangKy .box_form .form-control{ height: 47px; }
	
	
	.box_dangKy{ padding: 40px 0;}
	.box_dangKy .box_form{ padding: 50px 0 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;}
	.box_title{font-size: 20px; }
	.box_gia{ padding: 20px 0;}
	.box_gia .content{ margin-top: 10px; }
	.box_dacBiet .image img{ display: none;}
	.box_dacBiet .content{ height: auto; font-size: 14px;}
	.box_dacBiet .content:BEFORE{ display: none;}
	
	
	.box_nhanDuoc .box_title{ margin-bottom: 20px;}
	.box_nhanDuoc .content{ margin-bottom: 30px; }
	.box_nhanDuoc .content img{ margin-bottom: 10px; }
	.box_noiDung .content .item .image{ text-align: center; margin-bottom: 10px;}
	.box_nenTang .content{ margin-bottom: 20px; }
	.box_nenTang .content p{ margin: 15px 0 0 0;}
	
	.box_noiDung{ padding: 30px 0;}
	
	.box_giangVien .box_title{ padding: 0; margin: 10px 0; text-align: center; }
	.box_giangVien .content .title{ font-size: 19px;}
	.box_giangVien .content .title span{ font-size: 25px; }
	
	
	.box_dangKy{ padding: 20px 0;}
	.box_dangKy .box_form{ margin-top: 20px; padding: 0;}
	.box_dangKy .box_content .gia .sales:BEFORE{ width: 120px;}
	
	.box_footer .box_title{ font-size: 20px;}
	
}

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

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

@media all and (max-width: 320px){
	.box_menu .logoHead img{ height: 26px;}
	.box_menu .hotline{ margin: 0;}
	.box_menu .hotline img{ height: 20px;}
	.box_menu .hotline a{ font-size: 16px;}
	.box_gia .content .gia{ margin: 0 auto;}
	.box_gia .content .desc{ font-size: 14px; margin-top: 10px; }
	
	.box_dacBiet{ padding: 20px 0; }
	
	
	
	
	
	
	
	
	
	
	
	
	
}