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

.top-nav{padding:5px 0px;}
.logo-newsky{text-align:center;}
.logo-newsky img{max-height:90px; max-width:50%;}
.teacher-item{background:url(../images/teacher.png) center left no-repeat;}
.study-item{background:url(../images/map-travel.png) center left no-repeat;}
.certi-item{background:url(../images/guarantee-1.png) center left no-repeat;}
.newsky-favou{background-size:40px; padding:10px 0px 10px 50px;}
.newsky-favou h4{font-weight:bold; font-size:16px;}
.newsky-favou p{font-size:14px;}
.newsky-menu{background:#006cb8;}
.newsky-menu ul{list-style:none; margin:0px !important;}
.newsky-menu li{display:inline; padding:17px 10px; height:49px; line-height:49px;}
.newsky-menu a{color:#fff; font-size:15px; }
.newsky-menu a:hover{color:#bb141a;}
.contact-newsky-button{font-size:14px !important; padding:10px; border-radius:40px; background:#bb141a; color:#fff !important;}
.contact-newsky-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{-webkit-animation: myAni 700ms infinite; -moz-animation: myAni 700ms infinite; -o-animation: myAni 700ms infinite; animation: myAni 700ms infinite;}
.newsky-banner{width:100%;}
.newsky-banner img{width:100%;}
.newsky-doituong, .newsky-noibat{padding:70px 0px;}
.newsky-doituong img, .newsky-noibat img{max-height:400px; max-width:90%;}
.baner-text{font-weight:600!important; font-size:24px; line-height:33px; margin:0; margin-bottom:9px; padding-left:20px; border-left:5px solid #006cb8; color:#006cb8}
.newsky-content{margin-top:30px; font-size:16px;}
.newsky-content div{margin-bottom:15px;}
.newsky-content i{color:#bb141a;}
.newsky-khoahoc, .newsky-uudai{background:#006cb8; padding:0px;}
.newsky-khoahoc{padding-bottom:50px;}
.header-newsky{width:100%;}
.header-newsky 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-newsky h2::before{content: " "; position:absolute; top:0px; left:-10px; width:0; height:0; border-bottom:10px solid #bb141a;border-left:10px solid transparent;}
.header-newsky h2::after {content: " "; position:absolute; top:0px; right:-10px; width:0; height:0; border-bottom:10px solid #bb141a; border-right:10px solid transparent;}
.header-content{width:100%; margin-top:50px;}
.content-khoahoc{margin-top:10px; font-size:18px;}
.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 img{width:100%; height:100%;}
.service-icon:hover{border:10px solid #bb141a;}
.content-khoahoc h3{font-size:21px; color:#ffcb08; text-align:center; font-weight:bold;}
.khoahoc-mota{text-align:justify; font-size:16px; color:#fff;}
.list-uudai{color:#fff; font-size:18px; margin-bottom:60px;} 
.hot-uudai{font-family:monospace; font-weight:bold; font-size:22px; color:#fbff0b; text-align:center; margin-bottom:50px;}
.hot-uudai img{width:50px; height:30px;}
.newsky-uudai-box{background:#fff; text-align:center; border-radius:5px; margin-bottom:20px;}
.border-color-custom {
    padding:20px; padding-top:0px;
    border: 1px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom:70px;
}
.register-description{margin-top:40px; margin-bottom:20px; text-align:center; color:#fff; font-size:15px;}
.newsky-uudai input[type=text], .newsky-uudai input[type=tel]{height:40px; margin-bottom:10px;}
.newsky-uudai input[type=text], .newsky-uudai input[type=tel], .newsky-uudai textarea {
    background:#fff;
    border:none;
    border-radius:5px;
    color:#000;
    padding:5px;
    font-size:13px;
}
.newsky-uudai textarea{height:60px;}
.register-notice{color:#fff; display:none;}
.register-success, .register-loading{color:#fff; display:none;}
.register-send{text-align:center; margin:0px; margin-top:25px; 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;
    height:40px;
	width:100%;
    font-size:13px;
}
.footer-copyright{text-align:center; color:#fff; margin-bottom:20px;}

#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-copyright{margin-bottom:100px;}
}

.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;
}