@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;}
body{ font-family: "Segoe UI"; }
input[type="radio"], input[type="checkbox"] { margin: 4px 10px 0 0; }

.font-segui{ font-family: "seguibl"; text-transform: uppercase; font-size: 35px; }
.clr{ clear: both;}
.has-error .form-control{ border-color: #a94442 !important;}

.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: 107px; }

.box_header{ padding: 10px 0; border-top: 18px solid #1f334b;}
.box_header .logo{ text-align: center; padding: 10px 0;}
.box_header .register { padding: 15px 0; font-size: 21px; text-transform: uppercase; font-weight: bold; overflow: hidden; text-align: center;}
.box_header .register .btn-default{ font-size: 18px; font-weight: bold; color: #fff; background: #0f9e1d; border: none; border-radius: 17px; margin: 0 20px; padding: 0 20px; height: 34px; line-height: 34px;}
.box_header .register .btn-default:FOCUS{ outline: none;}
.box_header .register .btn-default.hotline{ background-color: #f26522;}

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

.box_chuongTrinh{ padding: 50px 0 60px 0; background-color: #1f334b;}
.box_chuongTrinh .box_title{ font-size: 33px; font-weight: 900; text-align: center; color: #f7ff7c; margin-bottom: 40px; text-transform: uppercase;}
.box_chuongTrinh .box_content{ width: 975px; margin: 0 auto; max-width: 100%;}
.box_chuongTrinh .item{ background: url("../img/icon_1.png") no-repeat top left; min-height: 77px; padding-left: 110px; font-style: italic; font-size: 24px; color: #FFF; margin-bottom: 20px;}
.box_chuongTrinh .info{ text-align: center; font-size: 26px; font-weight: bold; color: #f7ff7c; text-transform: uppercase; font-style: italic; padding: 20px 0;}
.box_chuongTrinh .my_btn{ text-align: center; padding-top: 20px;}
.box_chuongTrinh .my_btn a{ display: inline-block; color: #FFF; text-transform: uppercase; padding: 5px 30px; background-color: #11a222; font-size: 22px; font-weight: bold; border-radius: 10px; text-decoration: none;}
.box_chuongTrinh .my_btn a:FOCUS{ outline: none;}

.box_loTrinh{ background: url("../img/bg_lotrinh.jpg"); padding: 60px 0;}
.box_loTrinh .box_title{ font-size: 33px; font-weight: 900; text-align: center; color: #cd000a; margin-bottom: 40px; text-transform: uppercase;}
.box_loTrinh .box_content{ width: 975px; margin: 0 auto; max-width: 100%;}
.box_loTrinh .item{ margin-bottom: 28px; position: relative;}
.box_loTrinh .item .head{ position: absolute; top: 0; left: 0; width: 240px; height: 100%; border: 2px solid #000; vertical-align: middle; padding: 0 20px; font-size: 22px; text-transform: uppercase; font-style: italic; font-weight: bold;}
.box_loTrinh .item .head div{ display: table; width: 100%; height: 100%;}
.box_loTrinh .item .head div b{ display: table-cell; vertical-align: middle;}
.box_loTrinh .item .content{ float: right; width: 665px; max-width: 100%; border: 2px dashed #000; padding: 10px 20px 10px 70px;}
.box_loTrinh .item .content .title{ text-transform: uppercase; font-weight: bold; font-size: 20px;}
.box_loTrinh .item .content .title span{ font-weight: normal; text-transform: none;}
.box_loTrinh .item .content .wrap{ padding: 10px 0;}
.box_loTrinh .item .content .wrap .element{ background: url("../img/icon_2.png") no-repeat top left; min-height: 22px; padding-left: 38px; font-size: 20px; margin-bottom: 10px; margin-left: 20px; line-height: 100%;}

.box_moHinh{ padding: 80px 0; }
.box_moHinh .container{ width: 820px; max-width: 100%; margin: 0 auto;}
.box_moHinh .box_title{font-size: 24px; color: #2588c9; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 36px; text-align: center;}
.box_moHinh .box_title::before{ content: ''; position: absolute; width: 175px; height: 2px; background: #2588c9;  bottom: 0; left: 50%; margin-left: -88.5px;}
.box_moHinh .itemStart .image { margin: 0 auto;}
.box_moHinh .itemStart .image a{ position: relative;  display: block;}
.box_moHinh .itemStart .image a::before{ content: '';  position: absolute;  z-index: 10;  width: 100%;  height: 100%;  background: url(../img/play-video.png) no-repeat center center;}
.box_moHinh .itemStart .image img{ max-width: 100%;}
.box_moHinh .item .image a{ position: relative;  display: block;}
.box_moHinh .item .image a::before{ content: '';  position: absolute;  z-index: 10;  width: 100%;  height: 100%;  background: url(../img/play-video.png) no-repeat center center; background-size: 25px;}
.box_moHinh .item { margin-top: 40px; }
.box_moHinh .item .info{ font-size: 12px; font-style: italic; text-align: justify; padding-bottom: 15px; position: relative;}
.box_moHinh .item .info:AFTER{ content: ""; position: absolute; bottom: 0; left: 0; width: 130px; height: 4px; background-color: #2588c9;}
.box_moHinh .item .image img{ width: 100%;}

.box_thamGia{ padding: 60px 0 10px; background: url("../img/bg_thamgia.jpg") no-repeat center top; background-size: cover;}
.box_thamGia .box_title{font-size: 24px; color: #FFF; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 36px; text-align: center;}
.box_thamGia .box_title::before{ content: ''; position: absolute; width: 175px; height: 2px; background: #FFF;  bottom: 0; left: 50%; margin-left: -88.5px;}
.box_thamGia .box_content{ padding: 0 0 50px; width: 820px; max-width: 100%; margin: 0 auto;}
.box_thamGia .box_content .item{ background: url("../img/icon_3.png") no-repeat top left; min-height: 56px; padding-left: 75px; color: #FFF; font-size: 21px; line-height: 26px; margin-bottom: 20px;}
.box_thamGia .box_content.two .item{ background: url("../img/icon_4.png") no-repeat left 5px;}

.box_loiIch{ padding: 60px 0;}
.box_loiIch .box_title{font-size: 24px; text-transform: uppercase; font-weight: 900; position: relative; margin-bottom: 36px; text-align: center;}
.box_loiIch .box_title .title{ text-align: left; display: inline-block; background: url("../img/icon_5.png") no-repeat left; padding:40px 0 20px 140px;}
.box_loiIch .box_content{ padding: 20px 0;}
.box_loiIch .item{ text-align: center;}
.box_loiIch .item .title{ padding: 20px 0; width: 250px; max-width: 100%; margin: 0 auto; color: #dc0000; font-size: 20px;}
.box_loiIch .item .image img{ max-width: 100%;}

.box_cauHoi{ padding: 60px 0; background: #1f334b;}
.box_cauHoi .box_title{ font-size: 33px; color: #FFF; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 36px; text-align: center;}
.box_cauHoi .box_content{ width: 970px; max-width: 100%; margin: 0 auto; background: url("../img/bg_lotrinh.jpg"); padding: 50px; border-radius: 20px;}
.box_cauHoi .box_content .item{ margin-bottom: 50px; background: url("../img/cauhoi-1.png") no-repeat left top; min-height: 94px; padding-left: 120px; font-style: italic;}
.box_cauHoi .box_content .item .title{ font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.box_cauHoi .box_content .item .desc{ font-size: 18px;}
.box_cauHoi .box_content .item.item_2{ background: url("../img/cauhoi-2.png") no-repeat left top;}
.box_cauHoi .box_content .item.item_3{ background: url("../img/cauhoi-3.png") no-repeat left top;}
.box_cauHoi .box_content .item.item_4{ background: url("../img/cauhoi-4.png") no-repeat left top;}

.box_soLuong{ padding: 30px 0; background: #223f61; color: #FFF; }
.box_soLuong .item{overflow: hidden; padding-left: 50px;}
.box_soLuong .item .image{ width: 20%; }
.box_soLuong .item .image img{ width: 100%; float: left;}
.box_soLuong .item .text{ width: 80%; float: left; padding: 0 0 0 20px; }
.box_soLuong .item .text span{ display: block; font-size: 14px;}
.box_soLuong .item .text span:first-child{ font-size: 25px; color: #faf5bb; font-weight: 900; margin-bottom: 5px; }
.box_soLuong .item.no .text{ padding: 0px 0 0 30px;}

.box_hocVien{ padding: 0 0 100px 0; }
.box_hocVien .content .box_title{ font-size: 24px; color: #2588c9; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 36px; }
.box_hocVien .content .box_title::before{ content: ''; position: absolute; width: 175px; height: 2px; background: #2588c9;  bottom: 0;}

.box_camNhan .video .img{ position: relative; display: block;}
.box_camNhan .video .img::before{ content: ''; position: absolute; z-index: 10; width: 100%; height: 100%; background: url("../img/play-video.png") no-repeat center center; }

.box_phuongCham{ padding: 35px 0 0 0 ; background-image: url("../img/phuong-cham-1.jpg"); background-size: cover;}
.box_phuongCham .box_title{ font-size: 24px; color: #2588c9; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 36px; }
.box_phuongCham .box_title::before{ content: ''; position: absolute; width: 175px; height: 2px; background: #2588c9;  bottom: 0;}
.box_phuongCham .imagebig img{width: 100%; margin-top: 126px; }
.box_phuongCham .Content .item{ overflow: hidden; margin-bottom: 10px; }
.box_phuongCham .Content .image{ width: 17%; float: left;}
.box_phuongCham .Content .image{ padding-right: 10px; }
.box_phuongCham .Content .image img{ max-width: 100%; }
.box_phuongCham .Content .desc{ width: 83%; float: left;}
.box_phuongCham .Content .desc .title{ font-weight: 900; color: #2588c9; margin-bottom: 10px;}
.box_phuongCham .Content .desc .detail p{ text-align: justify;}

.box_giangVien { padding: 40px 0 90px 0; background: url("../img/phuong-cham-1.jpg") no-repeat; }
.box_giangVien .box_title{font-size: 24px; color: #2588c9; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 80px; text-align: center; }
.box_giangVien .box_title::before{ content: ''; position: absolute; width: 175px; height: 2px; background: #2588c9;  bottom: 0; left: 50%; margin-left: -88.5px;}
.box_giangVien .box_title span{ display: block;}
.box_giangVien .container{ padding: 0 130px; }
.box_giangVien .item img{ width: 100%;}
.box_giangVien .item .title { font-size: 17px; color: #cb0b22; font-weight: 400; text-transform: uppercase;}
.box_giangVien .item .title span{ font-weight: 900; }

.box_dangKy{ padding: 100px 0; background: url("../img/bg-dangKy.jpg") no-repeat; color: #FFF; background-size: cover;}
.box_dangKy .box_form{ }
.box_dangKy .box_title{font-size: 24px; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin: 0 0 34px; text-align: center; line-height: 30px;}
.box_dangKy .box_title span{ display: block;}
.box_dangKy .box_form .form-control{ height: 45px; border-radius: 7px; padding: 4px 50px; background: rgba(255,255,255,0); color: #FFF;}
.box_dangKy .box_form .form-control::-webkit-input-placeholder { color: #FFF;  font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control:-moz-placeholder {color: #FFF; font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control::-moz-placeholder {color: #FFF; font-size: 14px; font-style: italic;}
.box_dangKy .box_form .form-control:-ms-input-placeholder {color: #FFF; 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: #0f9e1d; font-size: 15px; font-weight: bold; border: none; color: #fff; margin-top: 25px; text-transform: uppercase; border-radius: 0; }
.box_dangKy .box_form #input-age p{ margin-bottom: 10px; }
.box_dangKy .box_form label{ font-weight: 400;}
.box_dangKy .end_sales{ overflow: hidden; width: 271px; margin: 30px auto 0; }
.box_dangKy .end_sales .title{ font-size: 17px; text-align: center; }
.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: #FFF; color: #000; 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; font-family: "seguibl"; display: block; height: 47px; line-height: 47px; }
.box_dangKy .end_sales .timer .boxe #seconds{ color: #cd0209; }

.box_dangKy .box_content .gia { border: 3px solid #0f9e1d; border-radius: 50px; height: 86px; overflow: hidden; margin: 20px 50px;}
.box_dangKy .box_content .gia .sales{ font-size: 26px; 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: 120px; height: 2px; background: #fff; top: 40px; }
.box_dangKy .box_content .gia .price{ position: relative; background: #0f9e1d; color: #fff; font-size: 38px; font-weight: bold; padding: 0 5px; height: 80px; width: 50%; float: left; text-align: center; display: table;}
.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: 18px; display: block; position: absolute; top: 2px;}
.box_dangKy .box_content .desc .text{ text-align: center; font-size: 20px; }

.box_comment{ padding: 20px 0;}
#input-age{ padding-left: 50px; }
.box_text{ text-align: center; font-size: 17px; padding: 40px 0; }
.box_text img{ margin-bottom: 20px; }
.box_text span{display: block;}
.box_text font{font-weight: bold; color: #e3070e; }

.box_footer{ background: #1f334b; height: 85px;}

.contentBefor{ padding: 0 115px; }
.contentBefor .content{ display: none; padding: 28px; background: #0e88c9; position: relative; margin-top: 50px; }
.contentBefor .content_1::before{ content: '';  position: absolute;  height: 0px;  width: 0px;  border-bottom: 28px solid #2588c9;  border-left: 15px solid transparent;  border-right: 15px solid transparent;  top: -27px;  left: 58px;}
.contentBefor .content .image img{ max-width: 100%; border-radius: 10px; }
.contentBefor .content .desc{ color: #fff; }
.contentBefor .content .desc p{ margin-bottom: 15px; }
.contentBefor .content .desc .my_btn{ padding: 7px 20px; background: #ed253d; color: #fff; text-transform: uppercase; display: inline-block; font-size: 12px; }
.contentBefor .content_2::before{ content: '';  position: absolute;  height: 0px;  width: 0px;  border-bottom: 28px solid #2588c9;  border-left: 15px solid transparent;  border-right: 15px solid transparent;  top: -27px;  left: 27%;}
.contentBefor .content_3::before{ content: '';  position: absolute;  height: 0px;  width: 0px;  border-bottom: 28px solid #2588c9;  border-left: 15px solid transparent;  border-right: 15px solid transparent;  top: -27px;  right: 27%;}
.contentBefor .content.active{ display: block;}

.box_feedback .imageHead img{ width: 100%; }
.box_feedback .imagePerson { margin-top: 30px; }
.box_feedback .imagePerson .img img{ width: 100%; border-radius: 50%;}

.popup_register{ background: rgba(0,0,0,0.6)}
.popup_register .box_title{ font-size: 17px; text-transform: uppercase; font-weight: 900; padding-bottom: 10px; position: relative; margin-bottom: 34px; text-align: center; margin: 10px 10px 0 0;}
.popup_register .modal-content{ background: rgba(0,0,0,0.7); color: #fff; }
.popup_register .modal-body{ padding: 20px 40px;}
.popup_register .form-group .form-control{ background: rgba(0,0,0,0); border: 1px solid #fff; color: #fff;}
.popup_register .form-group.send{ text-align: center; }
.popup_register .form-group.send .btn-default{ border-radius: 50px; border:none; font-size: 17px; font-weight: bold; color: #fff; background: #0f9e1d;}
.popup_register .modal-header .close{ color: #fff;}

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

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

}

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

@media all and (max-width: 768px){
	.box_header{ border-top: 3px solid #1f334b; padding: 0;}
	.box_header .logo{ padding: 10px 0 0;}
	.box_header .register{ padding: 5px 0;}
	.box_header .register .btn-default{ font-size: 12px;}
	
	.box_chuongTrinh{ padding: 20px 0;}
	.box_chuongTrinh .box_title{ font-size: 27px; margin-bottom: 20px;}
	.box_chuongTrinh .item{ font-size: 16px; padding-left: 60px; background-size: 45px; min-height: 58px;}
	.box_chuongTrinh .info{ font-size: 16px; padding: 10px 0;}
	.box_chuongTrinh .my_btn a{ font-size: 15px;}
	
	.box_loTrinh{ padding: 20px 0; }
	.box_loTrinh .box_title{ font-size: 27px; margin-bottom: 20px; }
	.box_loTrinh .item .head{ position: inherit; margin: 0 auto 10px; }
	.box_loTrinh .item .content{ padding: 6px 12px 6px 12px; }
	.box_loTrinh .item .content .title{ font-size: 15px;}
	.box_loTrinh .item .content .wrap .element{ font-size: 15px; margin-bottom: 0px;}
	
	.box_moHinh{  padding: 20px 0; }
	.box_moHinh .box_title{ font-size: 27px; margin-bottom: 20px;}
	
	.box_thamGia{ padding: 20px 0 0; }
	.box_thamGia .box_content{ padding: 0 0 20px;  }
	.box_thamGia .box_title{ font-size: 20px;}
	.box_thamGia .box_content .item{ font-size: 15px; padding-left: 44px; background-size: 27px; min-height: 26px;}
	.box_thamGia .box_content.two .item{ background-size: 27px; }
	.box_loiIch{ padding: 20px 0 0; }
	.box_loiIch .box_title{ font-size: 20px; margin-bottom: 10px;}
	.box_loiIch .box_title .title{ background-size: 50px; padding: 40px 0 20px 66px;}
	.box_loiIch .item .title{ font-size: 15px;}
	
	.box_cauHoi{ padding: 20px 0; }
	.box_cauHoi .box_title{ font-size: 20px; margin-bottom: 10px;}
	.box_cauHoi .box_content{ padding: 10px; }
	.box_cauHoi .box_content .item{ margin-bottom: 16px; padding-left: 87px; background-size: 74px !important;}
	.box_cauHoi .box_content .item .desc{ font-size: 15px;}
	
	.box_soLuong .item{ padding-left: 0;}
	.box_soLuong .item .text span{font-size: 13px; }
	
	.box_dangKy{ padding: 20px 0;}
	.box_dangKy .end_sales{ padding-bottom: 30px;}
	.box_dangKy .box_content .gia{ margin: 0; }
	.box_dangKy .box_content .gia .sales{ font-size: 20px; width: 40%;}
	.box_dangKy .box_content .gia .sales:BEFORE{ width: 92px; }
	.box_dangKy .box_content .gia .price{ width: 60%; font-size: 30px;}
	
	
	
}

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

}

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

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