@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_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_title{ font-size: 32px; font-weight: bold; text-transform: uppercase; }
.padding{ padding: 100px 0;}

.box_menu .logoHead{ text-align: center; margin-top: 10px;  }

.box_khoaHoc{ padding: 60px 0;}
.box_khoaHoc .box_title{ text-align: center; color: #2588c9; margin-bottom: 30px; }
.box_khoaHoc .content .desc{ font-size: 17px; }
.box_khoaHoc .image img{ max-width: 100%;  }
.box_khoaHoc .content .desc p{ padding: 5px 0px 5px 40px; background: url("../img/tick-xanh.png") no-repeat;}
.box_khoaHoc .content .dangKy { margin-top: 50px; text-align: center; } 
.box_khoaHoc .content .dangKy p{ color: #cd1b29; font-size: 22px; margin-bottom: 25px;  } 
.box_khoaHoc .content .dangKy .btn-default{ border-radius: 0; border: none; background: #cd0209; font-size: 20px; color: #fff; font-weight: bold; }

.box_conGi{ padding: 55px 0; color: #fff; background: #2588c9; }
.box_conGi .box_title{  text-align: center; margin-bottom: 30px;  }
.box_conGi .item{ font-size: 17px; padding-left: 110px; text-align: justify; }
.box_conGi .item_1{ padding-top: 10px; padding-bottom: 26px; background: url("../img/con-gi-1.png") no-repeat; }
.box_conGi .item_2{ padding-bottom: 25px; background: url("../img/con-gi-2.png") no-repeat; }
.box_conGi .item_3{ background: url("../img/con-gi-3.png") no-repeat; }
.box_conGi .item_4{ padding-bottom: 88px; background: url("../img/con-gi-4.png") no-repeat; }
.box_conGi .item_5{ background: url("../img/con-gi-5.png") no-repeat; }


.box_giangVien{ padding: 45px 0; }
.box_giangVien .box_title{ color: #2588c9; text-align: center; margin-bottom: 35px; }
.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: 30px; }
.box_giangVien .content .title span{ font-weight: bold; font-size: 32px; color: #cd1b29; }
.box_giangVien .content p{ padding: 0px 0px 13px 30px; position: relative; font-size: 17px; }
.box_giangVien .content p:BEFORE{ content: '.'; position: absolute; left: 0; top: -15px; color: #2588c9; font-size: 80px; line-height: 0; }

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

.box_giaoDien{ padding: 40px 0; }
.box_giaoDien .container{ padding: 0 110px;}
.box_giaoDien .container .box_title{ text-align: center; color: #2588c9; margin-bottom: 25px; }
.box_giaoDien .content{ background: #2588c9; padding: 45px 50px; border-radius: 10px; color: #fff; }
.box_giaoDien .content .img img{ width: 100%; }
.box_giaoDien .content .desc .title{ font-size: 17px; text-transform: uppercase; color: #ffea00; font-weight: 400; line-height: 23px; padding-bottom: 12px; border-bottom: 1px solid #fff; }
.box_giaoDien .content .desc p{ margin-bottom: 10px; }
.box_giaoDien .content .desc .text{ color: #ffea01; margin-top: 20px; margin-bottom: 0;}
.box_giaoDien .content .desc .text a{ color: #ffea01; }

.box_camNhan{ padding: 60px 0; }
.box_camNhan .box_title{ text-align: center; color: #2588c9; margin-bottom: 30px; }
.box_camNhan .container{ padding: 0 110px; }
.box_camNhan .content .item{ background: #ffc600; font-style: italic; padding: 10px 25px; border-radius: 10px; overflow: hidden; text-align: justify; margin-bottom: 30px; }
.box_camNhan .content .item .text{ margin-top: 15px; }
.box_camNhan .content .item_1{ margin-right: 190px;  }
.box_camNhan .content .item_1 img{ width: 15%; float: left;  margin-right: 3%; }
.box_camNhan .content .item_1 .desc{ width: 82%; float: left; padding-top: 10px; }
.box_camNhan .content .item_2 img{ width: 15%; float: right;  margin-left: 3%; }
.box_camNhan .content .item_2 .desc{ width: 82%; float: right; padding-top: 10px; }
.box_camNhan .content .item_2{ margin-left: 190px;  }
.box_camNhan .content .item_2 .text{ text-align: right; }

.box_camKet{padding-bottom: 60px;}
.box_camKet .box_title{ text-align: center; color: #2588c9; margin-bottom: 45px;  }
.box_camKet .content{ text-align: center; margin-top: 15px; }
.box_camKet .content .title{ font-size: 22px; text-transform: uppercase; font-weight: bold; color: #2588c9;  }

.



.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; font-family: "seguibl"; display: block; height: 47px; line-height: 47px; }
.box_dangKy .end_sales .timer .boxe #seconds{ color: #cd0209; }

.box_dangKy{ padding: 60px 0; background: #fff1bf; }
.box_dangKy .box_content{ text-align: center;  }
.box_dangKy .box_content .box_title{ color: #2588c9; margin: 0 0 15px;  }
.box_dangKy .box_content .box_title span{ display: block;}
.box_dangKy .box_content .desc .sales{ font-size: 35px; color: #9d9fa2; position: relative; font-weight: bold; display: inline-block;}
.box_dangKy .box_content .desc .sales:BEFORE{ content: ''; position: absolute; width: 156px; height: 2px; background: #9d9fa2; top: 28px;}
.box_dangKy .box_content .desc .price{ font-size: 35px; color: #cd0209; display: inline-block; font-weight: bold; padding: 0 5px; margin-bottom: 15px; }
.box_dangKy .box_content .desc .text{ font-size: 17px; }
.box_dangKy .box_form .box_title{ color: #cd0209; margin: 0 0 23px; text-align: center; }
.box_dangKy .box_form { padding: 0 110px 0 25px;  }
.box_dangKy .box_form .form-control{ height: 32px; border-radius: 7px;}
.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_hight{ height: 100px; background: #2588c9; }
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: 18px; }
	.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_heThong .content p{ font-size: 15px; }
	.box_khoaHoc{ padding: 40px 0; }
	.box_khoaHoc .content .desc{ font-size: 15px; }
	.box_khoaHoc .content .desc p{ background-size: 20px 20px;}
	
	.box_conGi .item{ padding-left: 88px; font-size: 15px; }
	
	.box_giaoDien .container{ padding: 0 10px;}
	
	.box_camNhan .container{ padding: 0 50px;}
	
	.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: 18px; }
	.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_giaoDien .container{ padding: 0 10px;}
	.box_camNhan .container{ padding: 0 50px;}
	.box_conGi .item{ padding-left: 88px; font-size: 15px; }
	.box_dangKy{ padding: 40px 0;}
	.box_dangKy .box_form{ padding: 0 20px; }
	
}

@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_khoaHoc{ padding: 30px 0; }
	.box_khoaHoc .image { text-align: center; }
	.box_khoaHoc .box_title{ font-size: 20px; }
	.box_khoaHoc .content .desc{ font-size: 15px; }
	.box_khoaHoc .content .desc p{ background-size: 20px 20px; padding: 3px 0px 3px 30px;}
	.box_khoaHoc .content .dangKy{ margin-top: 15px; }
	
	.box_giangVien .content .title{ font-size: 20px; margin-bottom: 15px;}
	.box_giangVien .content .title span{ font-size: 22px; }
	.box_giangVien .content p{ font-size: 15px; padding: 0px 0px 13px 23px;}
	.box_giangVien .content p:BEFORE,.box_heThong .content p:BEFORE{ top: -19px; }
	
	.box_heThong .content .item .image{ text-align: center; margin-bottom: 10px; }
	.box_heThong .content p{ font-size: 15px; }
	
	.box_giaoDien .content{ padding: 10px; }
	
	.box_camNhan{ padding: 20px 0;}
	.box_camNhan .container{ padding: 0 10px; }
	.box_camNhan .content .item_1{margin-right: 20px;}
	.box_camNhan .content .item_2{margin-left: 20px;}
	
	.box_camKet .box_title{ margin-bottom: 20px; }
	.box_camKet .content .title{ font-size: 16px; }
	
	
	
	
	
	.box_dangKy{ padding: 20px 0;}
	.box_dangKy .box_form{ margin-top: 20px; padding: 0;}
	
	.box_footer .box_title{ font-size: 20px;}
	
	
}

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

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