@font-face {
    font-family: "Tahoma, Geneva, sans-serif";
    src: url(../fonts/MYRIADPRO-REGULAR.OTF);
    font-weight: 300;
}
@font-face {
    font-family: "Tahoma, Geneva, sans-serif";
    src: url(../fonts/MYRIADPRO-LIGHT_0.OTF);
    font-weight: 100;
}
@font-face {
    font-family: "Tahoma, Geneva, sans-serif";
    src: url(../fonts/MYRIADPRO-BOLD.OTF);
    font-weight: 500;
}
@font-face {
    font-family: "Tahoma, Geneva, sans-serif";
    src: url(../fonts/MYRIADPRO-BLACK_0.OTF);
    font-weight: 700;
}
*{
    margin: 0px;
    padding: 0px;
    font-family: "Verdana,sans-serif";
    font-weight: 300;
}

.header{
    background: #8B8000;
	color:#fff;
	font-weight:600;
}
.banner{ 
	font-size:100px;
	}
 #chubanner
{
	/*font-size:90px;*/
}
.chucai
{
	font-size:100%;}
.chuduoi
{
	font-size:50%;}
.wrapper{

}
.full-width{
    width: 100%;
}
.menu-fixed{
   /* position: fixed;*/
    background: #fff;
    z-index: 1001;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.menu-fixed ul{
    list-style: none;
    border: 1px solid #d2d2d2;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
}
.menu-fixed ul li{
    display: inline-block;
    padding: 4px 0px;
    margin-left: -5px;
}
.menu-fixed ul li a{
    border-right: 1px solid #222222;
    color: #063;
    padding: 0px 11px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.menu-fixed ul li.active{
    background: linear-gradient(to bottom, #336699 0%, #006699 100%);;
}
.menu-fixed ul li.active a{
    color: #dbac69;
}
.btn {
  position: relative;
  /*color:green;*/
  width: 256px;
  transition: all 0.3s;
  span {
    transition: all 0.3s;
    tranform: scale(1, 1);
  }
}
/* BTN TWO */
.btn-two::before, .btn-two::after {
  content: '';
  position: absolute;
  width: 100%;
	height: 100%;
  bottom: 0;
	left: 0;
	z-index: 1;
  transition: all 0.3s;
  border: 2px solid rgba(213, 133,333, 0.5);
}

.btn-two:hover::after {
  animation-name: rotatecw;
  animation-duration: 2s;
}
.btn-two:hover::before {
  animation-name: rotateccw; 
  animation-duration: 3s;
}
.btn-two:hover::after, .btn-two:hover::before {
  left: 96px;
  width: 64px;
  
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.menu2{
    padding-top: 40px;
}
.menu2 ul{
    list-style: none;
    margin-bottom: 5px;
}
.menu2 ul li{
    display: inline-block;
    padding: 10px 6px;
}
.menu2 ul li a{
    font-weight: 400;
    color: #dbac69;
    padding: 0px 10px;
    text-decoration: none;
    transition-duration: 0.5s;
    cursor: pointer;

}

.logo{
    padding-top: 15px;
}
.slide1{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
        ),url('../img/slider-img1-min.png');
    background-size: cover;
    background-position: 50% 0;
    color: #fff;
    font-weight: 100;
    padding: 85px 0px 86px 0px;
    height: 450px;
}
.slide4{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
        ),url('../img/imgpsh_fullsize_antt.png');
    background-size: cover;
    background-position: 50% 0;
    color: #fff;
    font-weight: 100;
    padding: 85px 0px 86px 0px;
    height: 450px;
}
.slide1 h1{
    font-weight: 700;
    padding: 20px 0px;
}
.slide1 h3{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 200;
}
.slide1 h2{
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    font-size: 36px;
}
.slide1 p{
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.slide1 button{
    border: 0px;
    padding: 10px 24px;
    background-color: #b78543;
    border-radius: 30px;
    font-size: 18px;
}

.slide20{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
                  ), url('../img/tienganhtumy1.jpg');
    background-position: 50% 0;
    background-size: cover;
    padding: 120px 0px;
    color: #fff;
    height: 450px;
}

.slide20 h1{
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 30px;
}
.slide20 h2{
  color: #333333;
  font-size: 36px;
}
.slide20 button{
    border: 0px;
    padding: 10px 27px;
    margin-bottom: 10px;
    background-color: #b78543;
    border-radius: 30px;
    font-size: 18px;
}
.slide20 .lazy-text {
  color: #333333;
}
.slide20 h3.lazy-text {
  font-weight: 200;
  font-size: 20px;
}



.slide2{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
                  ), url('../img/Group-1-do-min.png');
    background-position: 50% 0;
    background-size: cover;
    padding: 120px 0px;
    color: #fff;
    height: 450px;
}

.slide2 h1{
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 30px;
}
.slide2 h2{
  color: #333333;
  font-size: 48px;
}
.slide2 button{
    border: 0px;
    padding: 10px 27px;
    margin-bottom: 10px;
    background-color: #b78543;
    border-radius: 30px;
    font-size: 18px;
}
.slide2 .lazy-text {
  color: linear-gradient(to bottom, #336699 0%, #006699 100%);;
}
.slide2 h3.lazy-text {
  font-weight: 200;
  font-size: 20px;
}
.slide3{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
        ), url('../img/Group-2-do-min.png');
    background-size: cover;
    background-position: 50% 0;
    padding: 90px 0px 140px 0px;
    color: #fff;
    height: 450px;
}
.slide3 h1{
    font-weight: 200;
    padding: 10px 10px 10px 0;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 29px;
    line-height: 1.3;
    color: linear-gradient(to bottom, #336699 0%, #006699 100%);000;
    font-weight: 300;
}
.slide3 h2{
    font-weight: 500;
    font-size: 36px;
}
.slide3 button{
    border: 0px;
    padding: 10px 27px;
    margin-bottom: 10px;
    background-color: #b78543;
    border-radius: 30px;
    font-size: 18px;
}
.slide3 h3 .super-text {
  font-size: 100px;
  font-weight: 400;
}
/*.slide4{
    background: linear-gradient(
        rgba(0, 0, 0, 0.2), 
        rgba(0, 0, 0, 0.2)
        ), url('../img/imgpsh_fullsize_antt.png');
    background-size: cover;
    padding: 120px 0px 116px 0px;
    color: #fff;
    text-align: justify;
}*/
.slide4 h1{
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 38px;
    margin-bottom: 0px;
}
.slide4 h2{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 47px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.slide4 h3{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 37px;
    margin-top: 0px;
}
.slide4 h3 span{
    font-weight: 700;
    font-size: 38px;
}
.slide4 button{
    background: url('../img/Shape-1-copy-min.png');
    background-size: cover;
    border: 0px;
    padding: 10px 27px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.lazy-text{
    text-transform: uppercase;
    font-weight: 500px;
}
.lazy-text.delay1{
  
  text-transform: uppercase;
  font-weight: 200px;
  font-size: 20px
}
.lazy-text.delay2{
  
  color: #ffffff;
}
.lazy-text .highlight {
  font-weight: 500;
}
.lazy-text .highlight.red {
  color: black;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.color1{
    border: 4px solid #277CBE;
}
.color2{
    border: 4px solid #F2B03F;
}
.color3{
    border: 4px solid #27315a;
}
.gach{
    float: left;
}
.truyenthong{
    padding-top: 20px;
}

.tieude h3{
    text-transform: uppercase;
    font-weight: bold;
    color:#FF8000;
    margin-top: 0px;
    padding-left: 75px;
}
.tieude1 h3{
    text-transform: uppercase;
    font-weight: bold;
    color:#D90000;
    margin-top: 0px;
}
.tieude1 p{
    border: 1px solid #27315a;
    margin-top: 5px;
    width: 50%;
}
.tieude1 a{
    padding-left:10px;
	color:#000;
	text-decoration:none;
	font-size:1.3rem;
}
.active1 a::before {
  content:"\27A4  ";
  color:#00BB5E;	
}
.active1 a{
  color:#00BB5E;	
}
.active2 a::before {
  content:"\1F607   ";
  color:red;	
}
.active2 a{
  color:red;	
}
.tieude h3 span{
    font-weight: 100;
    color: #202020;
}
.tieude p{
    border: 1px solid #27315a;
    margin-top: 15px;
    width: 10%;
    margin-left: 85px;
}
.video{
    display: none;
}
.video-img img{
    width: 80%;
    margin: auto;
    border: 2px solid #27315a;
}
.video-img{
    cursor:pointer;
}
.news-logo{
    padding-top: 10px;
}
.news-logo ul{
    list-style: none;
    margin-bottom: 0px;
}
.news-logo ul li{
    display: inline-block;
    padding: 5px 0px;
}
.news-logo ul li a{
    padding: 0px 14px;
}

.camnhan{
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 25px;
}
.content-camnhan{
    background: #f5f5f5;
    padding: 25px 20px 50px 20px;
    height: 330px;
    overflow: hidden;
}
.hr .hr2{
    border-top: 1px solid #242424;
    margin-bottom: -15px;
}
.daunhay{
    padding: 20px 0px;
}
.daunhay a{
    color: linear-gradient(to bottom, #336699 0%, #006699 100%);;
    font-weight: bold;
    font-size: 30px;
    background: #f5f5f5;
    padding: 10px;
}
.small-content{
    text-align: justify;
    display: none;
}
.signature{
    text-align: center;
}
.signature p span{
    font-weight: bold;
}
.nhanvat{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100px;
    height: 100px;
    margin-top: 40px;
}
.nhanvat img{
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition-duration: 0.5s;
    margin-top: 8px;
}
.nhanvat:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.nhanvat:hover img{
    margin-top: 0px;
    width: 100px;
    height: 100px;
}
.anh-active{
    margin-top: 0px !important;
    width: 100px !important;
    height: 100px !important;
}
.noidung-nhanvat{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.slide-camnhan{
    padding-right: 20px;
    padding-bottom: 10px;
}
.slick-prev, .slick-next{
    top: 63%;
}
.slick-prev{
    background: url('/Shape-10-copy-min.png') no-repeat!important;
    height: 50px;
    left: -15px;
    opacity: 0.6;
}
.slick-prev:before{
    font-size: 0px;

}
.slick-next{
    background: url('/Shape-10-min.png') no-repeat!important;
    height: 50px;
    right: -15px;
    opacity: 0.6;
}
.slick-next:before{
    font-size: 0px;
}
.slide-video{
    padding-top: 20px;
}
.slide-video .slick-arrow{
    display: none!important;
}
.learn{
   /* background: url('/sky.jpg') no-repeat;*/
    background-size: 100%;
    padding-top: 20px;
}
.girl img{
    width: 100%;
    margin-top: 50px;
	padding-top: 30px;
	margin-bottom: 20px;
}
.simple{
    padding-top: 35px;
    text-align: center;
}
.simple img{
    width: 80%;
}
.content-simple h4{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
	color:red;
}
.content-simple p{
    font-size: 14px;
    text-align: justify;
	color:#000;
}
.professor{
    padding: 20px 0px;
}
.idea{
    background: url('../img/Rectangle-7-min.png');
    padding-top: 30px;
    padding-bottom: 30px;
}
.content-idea{
    background: #fff;
    border-radius: 10px;
    border: 1px solid green;
    padding: 15px 25px;
}
.chucdanh h5{
    font-weight: bold;
    text-transform: uppercase;
    color: linear-gradient(to bottom, #336699 0%, #006699 100%);;
    font-style: italic;
}
.chucdanh p{
    font-style: italic;
    font-weight: 100;
    font-size: 12px;
}
.speech{
    padding-top: 15px;
}
.speech p{
    font-size: 11px;
}
.hr3{
    border-top: 1px solid #242424;
    margin-bottom: -15px!important;
    width: 50%;
    margin: auto;
}
.hr4{
    border-top: 2px solid #27315a;
}
.content-teacher{
    height: 185px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}
.content-teacher:hover .hidden-content{
    margin-top: -113px;
}
.content-teacher:hover .img-teacher{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.img-teacher{
    width: 100%;
/*    height: 196px; */
}
.hidden-content{
    text-align: center;
    margin-top: -33px;
    background: #f9f9f9;
    z-index: 1000;
    position: relative;
    transition-duration: 1s;
}
.hidden-content img{
    margin: auto;
}
.hidden-content h5{
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding-top: 5px;
}
.hidden-content p{
    font-size: 13px;
    padding-top: 5px;
}
.steps{
   /* background: url('/anh3buoc1.jpg');*/
    background-size: cover;
    padding: 20px 0px;
}
.hr5{
    border-top: 2px solid #004F9D;;
    margin-bottom: -67px;
    margin-top: 90px;
    overflow: hidden;
}
.each-step{
    text-align: center;
    color: linear-gradient(to bottom, #336699 0%, #006699 100%);
    cursor: pointer;
}
.each-step p:first-child{
    font-size: 25px;
    font-weight: bold;
}
.each-step img{
    z-index: 1000;
}
.bg-img{
    background: #fff;
    border-radius: 50%;
}
.teacher{
    padding: 20px 0px;
}
.thongke{
    border: 1px solid #b6b6b6;
    box-shadow: 6px 5px 15px #b6b6b6;
}
.thongke h5{
    font-size: 20px;
}
.thongke p{
    font-size: 13px;
    text-transform: uppercase;
}
.thongke .col-md-8{
    padding-left: 0px;
}
.circle-img{
    text-align: center;
    padding-left: 10px;
    padding-top: 10px;
}
.circle-img img{
    width: 100%;
}
.autoplay .slick-arrow{
    display: none !important;
}
.time p{
    font-size: 12px;
    font-weight: 300;
}
.time p span{
    font-weight: 700;
    font-size: 16px;
    color: #dbac69;
}
.timeline{
    background: url('../img/Shape-17-min.png');
    background-size: cover;
    padding-bottom: 86px;
    padding-top: 20px;
}
.intro{
    text-align: justify;
}
.intro span{
    font-weight: 500;
}
.footer{
    margin-top: 20px;
    background:#8B8000;
    padding-top: 15px;
}
.footer h4 a{
    font-weight: 500;
}
.footer a{
    color: #fff;
    text-decoration: none;
}
.footer-img img{
    width: 60%;
    float: right;
}
.top-footer a{
    border-top: 1px solid #fff;
    padding-top: 20px;
}
.top-footer{
    margin-top: 10px;
}
.down-arrow{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F5F5F5;
    margin: auto;
    display: none;
    margin-top: -40px;
    margin-bottom: 20px;
}
.img-professor img{
    width: 85%;
}
.content-step{
    background:#004F9D;
    padding: 10px 10px;
    border-radius: 30px;
}
.img-step{
    background: #fff;
    padding: 10px 30px;
    border-radius: 20px;
    text-align: center;
}
.img-step img{
    width: 85%;
}
.step-content{
    color: #fff;
    padding-top: 15px;
}
.step-content button{
    background: #009500;
    color: #fff;
    border: 0px;
    border-radius: 10px;
    padding: 10px 10px 5px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 25px;
}
.up-arrow{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #434343;
    margin: auto;
    display: none;
}
.content-step{
    display: none;
}
.slick-active:focus{
    outline: none;
}
.active-video{
    padding-top: 0px;
}
.hvr-border-fade{
    box-shadow: none;
}
.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{
    box-shadow:inset 0 0 0 2px #27315a,0 0 1px rgba(0,0,0,0)
}
.modal-register.modal-content{
    background: rgba(0, 0, 0, 0.7);
}
.form{
    color: #fff;
}
.form p{
    line-height: 2.5;
    font-weight: 500;
    white-space: nowrap;
}
.form-control{
    /*background-color: rgba(0, 0, 0, 1) !important;*/
	background-color:#FFF;
    padding-left: 32px;
    color: #000;
}
.icon-name{
    background: url('../img/User-min.png') no-repeat center left;
    background-position-x: 10px;
}
.icon-phone{
    background: url('../img/Phone-min.png') no-repeat center left;
    background-position-x: 10px;
}
.icon-mail{
    background: url('../img/email-min.png') no-repeat center left;
    background-position-x: 10px;
}
.check-age{
    width: 15%;
    float: left;
    margin: 0px!important;
}
.form h6{
    margin-left: 15px;
    font-size: 14px;
}
.btn-submit{
    background: url('../img/Shape-1-copy-3-min.png');
    background-size: cover;
    padding: 6px 35px;
    color: linear-gradient(to bottom, #336699 0%, #006699 100%);;
    font-weight: 700;
    text-transform: uppercase;
    border: 0px;
    border-radius: 50px;
    font-size: 20px;
    transition-duration: 0.5s;
}
.btn-submit:hover{
    color: #fff;
    background: #dbac69;
}
.title-dangky{
    font-size: 20px;
    padding-left: 25px;
    color: #dbac69;
    padding-bottom: 5px;
}
.title-dkdesc{
    font-size: 14px;
    padding-left: 5px;
    color: #fff;
    padding-bottom: 10px;
}
.modal-header{
    border: 0px;
    padding-bottom: 0px;
}
.modal-body{
    padding-top: 0px;
}
.close{
    opacity: 1;
    color: #fff;
}
.dangky{
    position: fixed;
    z-index: 1002;
    left: -12px;
    top: 79px;
}
.dangky a{
    cursor: pointer;
}
.dangky a img{
    width: 80%;
}
.modal-news{
    width: 1000px;
}
.modal-news img{
    width: 100%;
}
.social-icon {
    padding-right: 10px;
}