@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
a{text-decoration: none;}
a:hover, a:focus, a:active{text-decoration: none;}

.contact-newsky-button{
	padding: 10px;
    border-radius: 40px;
    background: #bb141a;
    color: #fff !important;
}

.contact-newsky-button:active, .register-send-button:active{
    background-color: #d82d33;
    -webkit-box-shadow: inset 2px 2px 22px 0 #999799;
    box-shadow: inset 2px 2px 22px 0 #999799;
	outline:none;
}

@-webkit-keyframes myAni{ 0%{background:#ffcb08;} 50%{background:#bb141a;} 100%{background:#ffcb08;} }
@-moz-keyframes myAni{ 0%{color:#ffcb08;} 50%{color:#fff;} 100%{color:#ffcb08;} }
@-o-keyframes myAni{ 0%{color:#ffcb08;} 50%{color:#fff;} 100%{color:#ffcb08;} }
@keyframes myAni{ 0%{background:#ff0a0a;} 50%{background:#bb141a;} 100%{background:#ff0a0a;} }
.newsky-animation{font-size: 15px; cursor:pointer; -webkit-animation: myAni 700ms infinite; -moz-animation: myAni 700ms infinite; -o-animation: myAni 700ms infinite; animation: myAni 700ms infinite;}
.newsky-animation i{color:#ffffff !important; font-size:14px;}

.top-nav{
	background:#006cb8;
	min-height: 40px;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
}

.top-menu{
	padding:0px;
	margin:0px;
	list-style:none;
}

.top-menu li{
	list-style:none;
	display: inline-block;
	margin-right: 10px;
}

.top-menu li a{color: #fff; font-size:14px;}

.top-menu li a:hover, .header .main-menu li a:hover{color:#bb141a;}

.new-top{
	background:#fff;
	position: fixed;
    left: 0;
    right: 0;
	box-shadow: 0px 1px 3px 0px #d2cdcd;
    z-index: 999;
	-moz-transition: all .45s ease;
    -webkit-transition: all .45s ease;
    transition: all .45s ease;
}

@media screen and (max-width: 768px) and (min-width: 200px){
    .new-top{position: relative !important;}
    #banner{margin-top: 0px !important;}
    .footer-info h3{text-align: center;}
}


.header{padding: 10px 0px;}
.fixed{top:0px;}

.header .logo img{
	height:60px;
	-webkit-transition: width 1s, height 1s, background-color 1s, -webkit-transform 1s;
    transition: width 1s, height 1s, background-color 1s, transform 1s;
}

.header .main-menu{
	font-size: 14px;
    padding: 10px 0px;
	margin:0px;
}

.header .main-menu li{
	padding: 10px;
	margin:0px;
	list-style:none;
	display: inline-block;
}

.header .main-menu li a{
	color: #1E1E1E;
    text-transform: capitalize;
    font-size: 15px;
}

#banner{width:100%; background:#006cb8; margin-top:80px;}
#banner img{width:100%;}

#big-title{
	margin-top:0px;
	padding:20px 0px;
	background:#006cb8;
	color:#fff;
	text-align:center;
}

.big-title-row-1{
    font-family: monospace;
	font-size:20px;
	font-weight:bold;
	color: #bb141a;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.big-title-row-1 span{font-size:40px;}

.big-title-row-2{
	margin-top: 2px;
	margin-bottom:10px;
	font-size:19px;
}

#dacdiem-khoahoc, #danhsach-khoahoc{padding:40px 0px;}

#dacdiem-khoahoc h2, #danhsach-khoahoc h2{
	font-size:24px;
	line-height:35px;
	font-weight:bold;
	color:#022666;
	text-align:center;
	padding-bottom:5px;
}

.khoahoc-hr{width:100%;}
.khoahoc-hr hr{
	margin: 0px auto;
    width: 200px;
    border: 2px solid #bb141a;
}
.content-khoahoc{
	margin-top:35px;
	font-size: 18px;
}
.content-khoahoc div{
	margin-bottom:15px;
}
.content-khoahoc i{
	color:#bb141a;
}

.service-icon{margin:auto; position:relative; width:200px; height:200px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border:10px solid #ececec; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.service-icon:hover{border:10px solid #006cb8;}
.service-icon img{width:100%; height:100%;}
.content-khoahoc h5{font-size:20px; color:#bb141a; text-align:center; font-weight:bold;}
.khoahoc-mota{text-align:justify; font-size:16px;margin-bottom:10px !important;}
#danhsach-khoahoc .go-to-contact-form{font-size:14px;}

#thanh-action{background:#006cb8; width:100%;}
#thanh-action h2{font-weight:bold; font-size:20px; margin:0px; color:#fff;}
#thanh-action h2 span{background: url(../images/quotes1.png) , url(../images/quotes2.png); background-position: center left , right center; background-repeat: no-repeat; padding: 0 28px;}

#chinhsach-hocphi{
	background:#006cb8;
	width:100%;
	padding-bottom:60px;
}
.header-chinhsach-hocphi{width:100%;}
.chinhsach-content{width:100%; margin-top: 50px;}
.chinhsach-content .hocphi-img{margin-top:0px; text-align: center;}
.hocphi-img img{max-width:100%; width:auto; height:250px;}
.list-uudai{color:#fff; font-size:18px;}
.list-uudai div{margin-bottom: 25px;}
.list-uudai i{color:#ffcb08; font-size:20px; margin-right:5px;}
.hot-uudai{
	font-family: monospace;
    font-weight: bold;
    font-size: 20px;
	color:#fbff0b;
}
.hot-uudai img{width:50px; height:30px;}

.header-chinhsach-hocphi h2{
	position: relative;
	margin: -10px auto;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #bb141a;
	line-height: 30px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    width: 500px;
    max-width: 80%;
}
.header-chinhsach-hocphi h2::before{
	content:" ";
	position:absolute;
	top: 0px;
    left: -10px;
	width: 0;
	height: 0;
	border-bottom: 10px solid #bb141a;
	border-left: 10px solid transparent;
}
.header-chinhsach-hocphi h2::after{
	content:" ";
	position:absolute;
	top: 0px;
    right: -10px;
	width: 0;
	height: 0;
	border-bottom: 10px solid #bb141a;
	border-right: 10px solid transparent;
}

#register-form{
	padding:0px;
	padding-top:70px;
	background:#f5f6f8;
}

.register-future{text-align:center;}
.register-future img{max-height:450px; max-width:100%;}

.border-color-custom{
	padding: 20px;
    border: 1px solid #bb141a;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:70px;
}

.icon-custom{ text-align:center;}
.icon-custom i{
	margin-top: -60px;
    background: #f5f6f8;
    padding: 10px;
    color: #bb141a !important;
    font-size: 4em;
}

.register-title{
	margin-bottom: 25px;
	font-size: 30px;
	font-weight:bold;
    color: #bb141a;
    text-align: center;
}

.register-description{
	margin-bottom: 35px;
	text-align: center;
	color: #1e1e1e;
	font-size:15px;
}

.register-notice{
    color: #bb141a;
    display: none;
}

.register-success, .register-loading{display: none;}

#register-form input[type=text], #register-form input[type=tel], #register-form textarea{
	background: #bb141a;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    font-size: 13px;
}

#register-form input[type=text], #register-form input[type=tel]{height:40px; margin-bottom:10px;}
#register-form textarea{height:60px;}

#register-form input[type=text]::placeholder, #register-form input[type=tel]::placeholder, #register-form textarea::placeholder{color:#fff;}

.register-send{
	text-align: center;
    margin: 0px;
	margin-top:45px;
    position: relative;
    width: 100%;
    clear: both;
}

.register-send-button{
	color: #f5f6f8;
    background: #bb141a;
    border: 1px solid #bb141a;
    border-radius: 5px;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: -50px;
    height: 40px;
    font-size: 13px;
}

#footer{
	position:relative;
	background:#006cb8;
	padding:30px 0px;
}

.logo-footer{
	margin-top:80px;
	text-align:center;
}
.logo-footer img{height:135px;}
.logo-footer img:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
}
.footer-social{
	text-align:center;
	margin-top:50px;
	margin-bottom: 50px;
}
.footer-social h3{
	color:#fff;
}
.footer-social a{
	color:#fff;
	font-size:30px;
	margin:0px 10px;
}
.footer-social a:hover{ color:#bb141a;}

.footer-info{color:#fff;}

.footer-info-div{margin-bottom:15px;}
.footer-info i, .footer-info span{
	font-weight:bold;
}
.footer-info h3{
	font-weight:bold;
	margin-bottom:30px;
}
.footer-copyright{
	color:#fff;
	font-size:13px;
}

#toolbar-newsky{bottom:0px; z-index:500; padding:10px 0px; position:fixed; display:none; border-top:2px solid #bb141a; width: 100%; background: #fff;}
#toolbar-newsky ul{list-style:none; margin:0px; padding:0px;}
#toolbar-newsky ul li{width: 25%; float:left; margin:0px; padding:0px; text-align:center; list-style-type:none;}
#toolbar-newsky ul li a{color:#000; font-size:12px;}
#toolbar-newsky ul li a:hover{text-decoration:none;}
#toolbar-newsky ul li a img{height:30px;}
@media screen and (max-width: 768px) and (min-width: 200px){
	#toolbar-newsky{display:inline-block;}
	#footer{padding-bottom:110px;	}
}


.fone{font-size:22px; color:#bb141a; line-height:40px; font-weight:bold; padding-left:50px; margin:0 0;}
.fix_tel{position:fixed; bottom:30px; left:30px; z-index:999;}
@media screen and (max-width: 768px) and (min-width: 200px){.fix_tel{top:80px; right:0px; bottom:auto; left:auto;}}
.fix_tel a{text-decoration:none; display:block;}
.tel{background:#eee; width:205px; height:40px; position:relative; overflow:hidden; background-size:40px; border-radius:28px; border:solid 1px #ccc;}
.ring-alo-phone{background-color:transparent; cursor:pointer; height:80px;  position:absolute;  transition:visibility 0.5s ease 0s; visibility:hidden;  width:80px;  z-index:200000 !important;}
.ring-alo-phone.ring-alo-show{visibility:visible;}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover{opacity:1;}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;  background-color:transparent;  border:2px solid rgba(30, 30, 30, 0.4);  border-radius:100%;  height:70px;  left:10px;  opacity:0.1;  position:absolute;  top:12px;  transform-origin: 50% 50% 0;  transition: all 0.5s ease 0s;  width: 70px;}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle{animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle{animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle{border-color: #bb141a;  opacity: 0.5;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle{  border-color: #baf5a7;  opacity: 0.5;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color: #bb141a;  opacity: 0.5;}
.ring-alo-ph-circle-fill{animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;  background-color: #000;  border: 2px solid transparent;  border-radius: 100%;  height: 30px;  left: 30px;  opacity: 0.1;  position: absolute;  top: 33px;  transform-origin: 50% 50% 0;  transition: all 0.5s ease 0s;  width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill{background-color: rgba(0, 175, 242, 0.5);  opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill{background-color: rgba(117, 235, 80, 0.5);  opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill{background-color: rgba(0, 175, 242, 0.5);  opacity: 0.75 !important;}
.ring-alo-ph-img-circle {  animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;  border: 2px solid transparent;  border-radius: 100%;  height: 30px;  left: 30px;     opacity: 1;  position: absolute;  top: 33px;  transform-origin: 50% 50% 0;  width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {  background-color: #bb141a;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {  background-color: #75eb50;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {  background-color: #bb141a;}
@keyframes ring-alo-circle-anim { 0% {   opacity: 0.1;   transform: rotate(0deg) scale(0.5) skew(1deg); } 30% {   opacity: 0.5;   transform: rotate(0deg) scale(0.7) skew(1deg); } 100% {   opacity: 0.6;   transform: rotate(0deg) scale(1) skew(1deg); }}
@keyframes ring-alo-circle-img-anim { 0% {   transform: rotate(0deg) scale(1) skew(1deg); } 10% {   transform: rotate(-25deg) scale(1) skew(1deg); } 20% {   transform: rotate(25deg) scale(1) skew(1deg); } 30% {   transform: rotate(-25deg) scale(1) skew(1deg); } 40% {   transform: rotate(25deg) scale(1) skew(1deg); } 50% {   transform: rotate(0deg) scale(1) skew(1deg); } 100% {   transform: rotate(0deg) scale(1) skew(1deg); }}
@keyframes ring-alo-circle-fill-anim { 0% {   opacity: 0.2;   transform: rotate(0deg) scale(0.7) skew(1deg); } 50% {   opacity: 0.2;   transform: rotate(0deg) scale(1) skew(1deg); } 100% {   opacity: 0.2;   transform: rotate(0deg) scale(0.7) skew(1deg); } }
.ring-alo-ph-img-circle a i{width: 26px; color: #fff; height: 26px; text-align: center; line-height: 26px; font-size: 25px;}
a.taq-button{  border: none;  cursor: pointer;  padding: 0 15px 0 60px;  display: inline-block;  margin: 10px 0 0;  text-transform: uppercase;  letter-spacing: 1px;  font-weight: 700;  outline: none;  position: relative;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  background: #c7c7c7;  color: #fff !important;  text-decoration: none !important;  font-size: 14px;  height: 45px;  line-height: 45px;  opacity: .9;  overflow: hidden;}
a.taq-button.without-icon{padding: 0 15px !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #bb141a;
    background-color: #bb141a;
    border-color: #bb141a;
    opacity: 0.5;
}