﻿.activefix .char li {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}






.char li.year2008 {animation-delay: 0.2s;}
.char li.year2009 {animation-delay: 0.7s;}
.char li.year2010 {animation-delay: 1.2s;}
.char li.year2011 {animation-delay: 1.7s;}
.char li.year2012 {animation-delay: 2.2s;}
.char li.year2013 {animation-delay: 2.7s;}
.char li.year2014 {animation-delay: 3.2s;}
.char li.year2015 {animation-delay: 3.7s;}
.char li.year2016 {animation-delay: 4.2s;}
.char li.year2017 {animation-delay: 4.7s;}
.char li.year2018 {animation-delay: 5.2s;}
.char li.year2019 {animation-delay: 5.7s;}
.char li.year2020 {animation-delay: 6.2s;}


.activefix .logogt {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.activefix .titgt {
   
}


.activefix .titgt img { -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}


.activefix .titgt h2 { -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}

    .activefix .titgt h3 { -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}




.activefix .tomtat {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix .videos { -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}





.activefix.gioithieu .xemctgt {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.activefix .centerqt {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.activefix .squy {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}




    .activefix .squy:nth-child(1) {
        animation-delay: 0.4s;
    }

    .activefix .squy:nth-child(2) {
        animation-delay: 0.6s;
    }

    .activefix .squy:nth-child(3) {
        animation-delay: 0.8s;
    }

    .activefix .squy:nth-child(4) {
        animation-delay: 1s;
    }

    .activefix .squy:nth-child(5) {
        animation-delay: 1.2s;
    }

    .activefix .squy:nth-child(6) {
        animation-delay: 1.4s;
    }




.activefix .vs {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    .activefix .vs:nth-child(1) {
        animation-delay: 0s;
    }

    .activefix .vs:nth-child(2) {
        animation-delay: 0.6s;
    }

    .activefix .vs:nth-child(3) {
        animation-delay: 1s;
    }

.activefix .titvs {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .rightvs li {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    .activefix .rightvs li:nth-child(1) {
        animation-delay: 0.8s;
    }

    .activefix .rightvs li:nth-child(2) {
        animation-delay: 1s;
    }

    .activefix .rightvs li:nth-child(3) {
        animation-delay: 1.2s;
    }

    .activefix .rightvs li:nth-child(4) {
        animation-delay: 1.4s;
    }

    .activefix .rightvs li:nth-child(5) {
        animation-delay: 1.6s;
    }

    .activefix .rightvs li:nth-child(6) {
        animation-delay: 1.8s;
    }

.activefix .tittin h2 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .tittin h3 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.activefix .tin2, .activefix .tin4 {
    /* -webkit-animation-name: fadeInUp; */
    /* animation-name: fadeInUp; */
    /* -webkit-animation-duration: 1s; */
    /* animation-duration: 1s; */
    /* -webkit-animation-fill-mode: forwards; */
    /* animation-fill-mode: forwards; */
}

    .activefix .tin2:nth-child(1) { /* animation-delay:0.4s; */
    }

    .activefix .tin2:nth-child(2) {
        animation-delay: 0.6s;
    }

    .activefix .tin4:nth-child(1) {
        animation-delay: 0.8s;
    }

    .activefix .tin4:nth-child(2) {
        animation-delay: 1s;
    }

    .activefix .tin4:nth-child(3) {
        animation-delay: 1.2s;
    }

    .activefix .tin4:nth-child(4) {
        animation-delay: 1.4s;
    }

.activefix .xemtatcatin {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix .titdq h2 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .titdq h3 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .titdq h5 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix .tomtatst {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .chitietst {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.activefix .hexaimg {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
   
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.activefix .hexaimg:nth-child(1) {animation-delay: 0s;}
.activefix .hexaimg:nth-child(2) {animation-delay: 0.2s;}
.activefix .hexaimg:nth-child(5) {animation-delay: 0.4s;}
.activefix .hexaimg:nth-child(4) {animation-delay: 0.6s;}
.activefix .hexaimg:nth-child(3) {animation-delay: 0.8s;}




.activefix .poshanuleft {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix .poshanuright {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

 .activefix .showtinleft .tintuc {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix .showtinleft .tintuc:nth-child(1) {animation-delay: 0.8s;}
.activefix .showtinleft .tintuc:nth-child(2) {animation-delay: 1s;}
.activefix .showtinleft .tintuc:nth-child(3) {animation-delay: 1.2s;}
.activefix .showtinleft .tintuc:nth-child(4) {animation-delay: 1.4s;}


.navtop .mnc1  { -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}

    .bookroom { -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}




 .activefix .tittt img {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix .tittt h3 {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix .tittt h2 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix .motanew {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.9s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix.phongngu .owl-item {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix.phongngu .owl-item:nth-child(1) {animation-delay: 1.2s;}
.activefix.phongngu .owl-item:nth-child(2) {animation-delay: 1.4s;}
.activefix.phongngu .owl-item:nth-child(3) {animation-delay: 1.6s;}
.activefix.phongngu .owl-item:nth-child(4) {animation-delay: 1.8s;}
.activefix.phongngu .owl-item:nth-child(5) {animation-delay: 2s;}
.activefix.phongngu .owl-item:nth-child(6) {animation-delay: 2.2s;}




 .activefix .imggt {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}


.activefix.dichvu .owl-item {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix.dichvu .owl-item:nth-child(1) {animation-delay: 1.1s;}
.activefix.dichvu .owl-item:nth-child(2) {animation-delay: 1.3s;}
.activefix.dichvu .owl-item:nth-child(3) {animation-delay: 1.5s;}
.activefix.dichvu .owl-item:nth-child(4) {animation-delay: 1.7s;}
.activefix.dichvu .owl-item:nth-child(5) {animation-delay: 1.9s;}
.activefix.dichvu .owl-item:nth-child(6) {animation-delay: 2.1s;}
.activefix.dichvu .owl-item:nth-child(7) {animation-delay: 2.3s;}



.activefix .sanhnew  {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.activefix .sanhnew:nth-child(1) {animation-delay: 0s;}
.activefix .sanhnew:nth-child(2) {animation-delay: 0.2s;}
.activefix .sanhnew:nth-child(3) {animation-delay: 0.4s;}
.activefix .sanhnew:nth-child(4) {animation-delay: 0.6s;}
.activefix .sanhnew:nth-child(5) {animation-delay: 0.8s;}
.activefix .sanhnew:nth-child(6) {animation-delay: 1s;}
.activefix .sanhnew:nth-child(7) {animation-delay: 1.2s;}

