.logo , .mnc1 ,.hotlinetop,.cart-top,.lan,.titgt,.tomtat, .squy,.centerqt,.product-img,.info-pro,
  .relative-thitruong .img-map,.li-m,
  .left-trtr h4,.left-trtr h2,.left-trtr span,.right-trtr li,
  .topgiothieu,
  .tit-news h4,.tit-news h2,.tit-news span,.tit-news a,.customsl,.right-news li,.mntop {
/*   opacity:0 */
  }




.activefix .right-news li {
    -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 .customsl {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.activefix  .tit-news a {
    -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  .tit-news span {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.activefix  .tit-news 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  .tit-news h4 {
    -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;
}





.topgiothieu{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.activefix  .right-trtr li {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix  .right-trtr li:nth-child(1) {  animation-delay: 0.8s;}
.activefix  .right-trtr li:nth-child(2) {  animation-delay: 0.9s;}
.activefix  .right-trtr li:nth-child(3) {  animation-delay: 1s;}
.activefix  .right-trtr li:nth-child(4) {  animation-delay: 1.1s;}



.activefix  .left-trtr span {
    -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  .left-trtr 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  .left-trtr h4 {
    -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 .li-m {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.activefix .li-m.america1 {animation-delay: 2.2s;}
.activefix .li-m.canada {animation-delay: 2.3s;}
.activefix .li-m.america2 {animation-delay: 2.4s;}
.activefix .li-m.colombia {animation-delay: 2.5s;}
.activefix .li-m.brazil {animation-delay: 2.6s;}
.activefix .li-m.spain {animation-delay: 2.7s;}
.activefix .li-m.netherland {animation-delay: 2.8s;}
.activefix .li-m.france {animation-delay: 2.9s;}
.activefix .li-m.italy {animation-delay: 3.0s;}
.activefix .li-m.germany {animation-delay: 3.1s;}
.activefix .li-m.nigeria {animation-delay: 3.2s;}
.activefix .li-m.iran {animation-delay: 3.3s;}
.activefix .li-m.saudi {animation-delay: 3.4s;}
.activefix .li-m.rusia {animation-delay: 3.5s;}
.activefix .li-m.india {animation-delay: 3.6s;}
.activefix .li-m.china {animation-delay: 3.7s;}
.activefix .li-m.korea {animation-delay: 3.8s;}
.activefix .li-m.japan {animation-delay: 3.9s;}
.activefix .li-m.indonexia {animation-delay: 4.0s;}
.activefix .li-m.autralia {animation-delay: 4.1s;}
.activefix .li-m.lgmap {animation-delay: 4.2s;}










.activefix .relative-thitruong .img-map {
    -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 .product-img {
    -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 .info-pro {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.lan{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.cart-top{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.mntop{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.hotlinetop {
    -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 .camketleft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.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 {-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;}

    .activefix .tomtat {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -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 .sanpham1 {-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;}

    .activefix .sanpham2 {-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;
    opacity: 0;}



    .activefix .hinhanhsp {-webkit-animation-name: Zoomanh1;
    animation-name: Zoomanh1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;}

.activefix .tomtatsp {-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;}

    .activefix .sanpham .xemctgt {-webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;}
    .activefix .tensp {-webkit-animation-name: Zoomanh1;
    animation-name: Zoomanh1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0.2s;
    -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;}

    .logo {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    }

    .mnc1  {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    }