@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-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: 70px; }

.padding{ padding: 100px 0;}


.box_gioiThieu .box_title{ margin: 0; padding-bottom: 50px; text-align: center; color: #1e7bb8; }
.box_gioiThieu .item{ padding: 0 20px; text-align: justify;}
.box_gioiThieu .item .image{ text-align: center; margin-bottom: 32px;  }
.box_gioiThieu .item .desc .title{ text-align: center; margin: 0; font-size: 22px; color: #1e7bb8; text-transform: uppercase; font-weight: 400; margin-bottom: 17px; }
.box_gioiThieu .item .desc p{ font-size: 17px; }

.box_loiIch{ overflow: hidden;}
.box_loiIch .image{ width: 55%; float: left; }
.box_loiIch .image img{ width: 100%;}
.box_loiIch .box_title{ text-align: center; }
.box_loiIch .text{ text-align: center; }
.box_loiIch .content{ width: 45%; float: left; margin-top: 20px; text-align: justify; margin-left: -30px;}
.box_loiIch .content .box_title{ color: #1e7bb8; margin-bottom: 20px; }
.box_loiIch .content .text{ margin-bottom: 40px;}
.box_loiIch .content .text span{ display: block;}
.box_loiIch .content .desc p{ padding: 5px 0px 15px 52px; background: url("../img/loi-ich-2.jpg") no-repeat ;}
.box_loiIch .content .btn-dangKy{ text-align: center; }
.box_loiIch .content .btn-dangKy .btn-default{ width: 265px; height: 42px; padding: 0; line-height: 42px; background: #cd0209; color: #fff; border: none; font-size: 21px; font-weight: bold; border-radius: 10px;  margin-top: 47px;}

.box_giangVien{ padding-bottom: 100px; }
.box_giangVien .image{ position: relative; left: 80px; }
.box_giangVien .image .text{ position: absolute; font-family: "UTM-A&S-Heartbeat"; font-size: 55px; color: #1e7bb8; bottom: 19px; right: 87px; letter-spacing: 3px;}
.box_giangVien .content{ margin-top: 40px; }
.box_giangVien .content .head .box_title{ font-family: "Conto-Slab"; font-size: 58px; margin-bottom: 20px; color: #1e7bb8; font-weight: bold; letter-spacing: 3px; word-spacing: 7px; margin: 0 0 20px;} 
.box_giangVien .content .head .text{ color: #b7b6b7; font-size: 17px; margin-bottom: 30px; }
.box_giangVien .content .button{ font-size: 17px; color: #414042; }

.box_taiSao{ position: relative; background: #1e7bb8; color: #fff; padding: 85px 0px; height: 618px;}
.box_taiSao:BEFORE{ content: " "; position: absolute; width: 50%; height: 100%; top: 0; right:0; background: url("../img/tai-sao-1.jpg") no-repeat; background-size: cover;}
.box_taiSao a{ position: absolute; width: 50%; height: 100%;top: 0; right:0; display: block; background: url("../img/video.png") no-repeat center center;}
.box_taiSao a .xvideo{ position: absolute; top: 50%; left: 50%; margin-left: -18px; margin-top: -18px;}
.box_taiSao a .xvideo img{ width: 150px;}
.box_taiSao a .images{ display: none;}
.box_taiSao .box_content .box_title{ margin: 0 0 45px 0;  }
.box_taiSao .box_content .content .item{ padding-left: 40px; background: url("../img/tick.png") no-repeat; margin-bottom: 35px; }
.box_taiSao .box_content .content .item .title{ font-size: 21px; text-transform: uppercase; font-weight: bold; }


.box_dangKy{ padding: 100px 0; }
.box_dangKy .box_content{ text-align: center;  }
.box_dangKy .box_content .box_title{ color: #cd0209; margin: 0 0 30px;  }
.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{ background: #cd0209; font-size: 35px; color: #fff; 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_images{ background: #1e7bb8; padding: 20px 30px; }
.box_images .img img{ width: 100%; }
.box_images .small img{ margin-bottom: 20px; }

.box_footer { padding: 10px 0 28px; background: #1e7bb8; color: #fff; font-size: 13px; }
.box_footer .box_title{ font-size: 22px; font-family: "seguibl"; margin-bottom: 13px; text-transform: uppercase;}
.box_footer .location{ margin-bottom: 10px; }
.box_footer .content{ margin-top: 50px; }
.box_footer .content .title{ position: relative; text-transform:uppercase; font-size: 17px;background-size: 74px 5px; padding-bottom: 17px;}
.box_footer .content .title:BEFORE{ content: ''; position: absolute; width: 93px; height: 5px; background: #fff; top: 30px;}
.box_footer .content .desc{  margin: -10px 0px 0px 120px;}
.box_footer .content .desc a 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_gioiThieu .item .desc .title{ font-size: 18px; }
	.box_gioiThieu .item .desc p{ font-size: 15px; }
	.box_loiIch .content .text{ margin-bottom: 20px;}
	.box_loiIch .content .btn-dangKy .btn-default{ margin-top: 15px; }
	
	.box_giangVien{ padding: 20px 0;}
	.box_giangVien .content .head .box_title{ font-size: 44px;}
	.box_giangVien .content .head .text{ margin-bottom: 15px;}
	.box_giangVien .image .text{ display: none;}
	
	.box_taiSao:BEFORE{ background: url("../img/tai-sao-1.jpg") no-repeat center;}
	.box_taiSao{ padding: 50px 0px; height: 546px;}
	.box_taiSao .box_content .box_title{ margin: 0 0 30px 0;}
	.box_taiSao .box_content .content .item .title{ font-size: 16px; }
	.box_taiSao .box_content .content .item{ margin-bottom: 25px; }
	
	.box_dangKy{ padding: 50px 0; }
	
}

@media all and (max-width: 992px){
	
	.padding{ padding: 40px 0; }
	.font-segui{ font-size: 25px; }
	.box_gioiThieu .item .desc .title{ font-size: 18px; }
	.box_gioiThieu .item{ padding: 0; }
	.box_gioiThieu .item .desc p{ font-size: 15px; }
	
	.box_loiIch .image{ width: 50%; }
	.box_loiIch .content{ width: 50%; margin: 0;}
	.box_loiIch .content .box_title{ font-size: 25px; margin: 0 0 15px;}
	.box_loiIch .content .text{ font-size: 14px; margin-bottom: 10px;}
	.box_loiIch .content .text span { display: initial; }
	.box_loiIch .content .desc p{ padding: 4px 0px 1px 38px; background-size: 20px;}
	.box_loiIch .content .btn-dangKy .btn-default{ margin-top: 10px; }
	.box_giangVien{ padding: 20px 0; }
	.box_giangVien .image{ left: 0; }
	.box_giangVien .content .head .box_title{ font-size: 45px; }
	.box_giangVien .content .head .text{ margin-bottom: 15px; }
	.box_giangVien .image .text{ display: none;}
	
	.box_taiSao:BEFORE{ background: url("../img/tai-sao-1.jpg") no-repeat center;}
	.box_taiSao{ padding: 50px 0px; height: 634px;}
	.box_taiSao .box_content .box_title{ margin: 0 0 30px 0; font-size: 22px; }
	.box_taiSao .box_content .content .item .title{ font-size: 16px; }
	.box_taiSao .box_content .content .item{ margin-bottom: 25px; }
	
	
	.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;}
	.padding{ padding: 20px 0;}
	.font-segui{ font-size: 25px;}
	
	.box_gioiThieu .box_title{ padding-bottom: 30px; }
	.box_gioiThieu .item{ padding: 0; margin-bottom: 25px; }
	.box_gioiThieu .item .image{  margin-bottom: 20px; }
	.box_gioiThieu .item .desc .title{ font-size: 17px; margin-bottom: 10px;}
	.box_gioiThieu .item .desc p{ font-size: 15px; }
	
	.box_loiIch .image{ width: 100%; }
	.box_loiIch .content{ padding: 0px 10px !important; width: 100%; margin: 0;}
	.box_loiIch .content .text{ margin-bottom: 20px; }
	.box_loiIch .content .desc p{ background-size: 20px 20px; padding: 5px 0px 10px 28px;}
	.box_loiIch .content .btn-dangKy .btn-default{ margin-top: 25px; }
	
	.box_giangVien{ margin-top: 20px; padding-bottom: 20px;}
	.box_giangVien .image{ position: initial; text-align: center; max-width: 100%; }
	.box_giangVien .image .text{ display: none;}
	.box_giangVien .content .head .box_title{ font-size: 30px; margin-bottom: 10px;}
	.box_giangVien .content .head .text{ margin-bottom: 10px; }
	.box_giangVien .content .button{ font-size: 15px; }
	
	.box_taiSao{ padding: 20px 0;}
	.box_taiSao .box_content .box_title{ margin: 10px 0 20px; font-size: 20px; }
	.box_taiSao .box_content .content .item .title{ font-size: 16px; }
	
	.box_dangKy{ padding: 20px 0;}
	.box_dangKy .box_form{ margin-top: 20px; padding: 0;}
	
	.box_images{ padding: 20px 10px;}
	.box_footer .box_title{ font-size: 20px;}
	
	.box_taiSao{ height: auto;}
	.box_taiSao a{ position: inherit; width: 100%; height: 340px; background: url("../img/loi-ich-3.jpg") no-repeat; background-size: cover;}
	.box_taiSao:BEFORE{ background: none;}
	
}

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

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