@keyframes titleH1 {0% {left: -50%;opacity: 0;}70% {left: 0;opacity: .5;}100% {opacity: 1;}}
@keyframes titleH2 {0% {right: -50%;opacity: 0;}70% {right: 0;opacity: .5;}100% {opacity: 1;}}
@keyframes Logo {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes Preloader {
100% {
-webkit-transform: rotate(360deg);
}
}

@keyframes Preloader {
100% {
transform: rotate(360deg);
}
}

@-webkit-keyframes Bg-Animation {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
}

70% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.2);
}
}

@keyframes Bg-Animation {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(.8);
}

70% {
transform: translate3d(-50%,-50%,0) scale(1.2);
}
}

@-webkit-keyframes Bg-Animation2 {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
}

30% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.4);
}
}

@keyframes Bg-Animation2 {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(.8);
}

30% {
transform: translate3d(-50%,-50%,0) scale(1.4);
}
}

@-webkit-keyframes Bg-Animation3 {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.4);
}

50% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
}
}

@keyframes Bg-Animation3 {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(1.4);
}

50% {
transform: translate3d(-50%,-50%,0) scale(1);
}
}

@-webkit-keyframes DrawStroke {
0% {
stroke-dashoffset: 300;
stroke-opacity: 1;
}

100% {
stroke-dashoffset: 0;
stroke-opacity: 0;
}
}

@keyframes DrawStroke {
0% {
stroke-dashoffset: 300;
stroke-opacity: 1;
}

100% {
stroke-dashoffset: 0;
stroke-opacity: 0;
}
}

@-webkit-keyframes DrawStroke2 {
0% {
stroke-dashoffset: 0;
stroke-dasharray: 10;
fill: #ec1c24;
}

50% {
fill: #ff7b00;
}

100% {
stroke-dashoffset: 1000;
stroke-dasharray: 0;
fill: #ec1c24;
}
}

@keyframes DrawStroke2 {
0% {
stroke-dashoffset: 0;
stroke-dasharray: 10;
fill: #ec1c24;
}

50% {
fill: #ff7b00;
}

100% {
stroke-dashoffset: 1000;
stroke-dasharray: 0;
fill: #ec1c24;
}
}

@-webkit-keyframes RotateNew {
0%,100% {
-webkit-transform: rotate(0) scale(1);
opacity: 1;
}

33% {
-webkit-transform: rotate(90deg) scale(.8);
opacity: .3;
}

80% {
-webkit-transform: rotate(35deg) scale(1);
opacity: 1;
}
}

@keyframes RotateNew {
0%,100% {
transform: rotate(0) scale(1);
opacity: 1;
}

33% {
transform: rotate(90deg) scale(.8);
opacity: .3;
}

80% {
transform: rotate(35deg) scale(1);
opacity: 1;
}
}

@-webkit-keyframes Play {
from {
background-position: 0;
}

to {
background-position: -360px;
}
}

@keyframes Play {
from {
background-position: 0;
}

to {
background-position: -360px;
}
}




@-webkit-keyframes Ani2 {
0% {
box-shadow: 0 0 0 rgba(10,130,60,0);
border: 1px solid rgba(10,130,60,0);
-webkit-transform: scale(0);
transform: scale(0);
}

100% {
box-shadow: 0 0 60px rgba(10,130,60,1);
border: 0 solid rgba(10,130,60,1);
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes Ani2 {
0% {
box-shadow: 0 0 0 rgba(10,130,60,1);
border: 1px solid rgba(10,130,60,1);
-webkit-transform: scale(0);
transform: scale(0);
}


100% {
box-shadow: 0 0 60px rgba(10,130,60,1);
border: 0 solid rgba(10,130,60,1);
-webkit-transform: scale(1);
transform: scale(1);
} 
0% {
box-shadow: 0 0 0 rgba(10,130,60,1);
border: 1px solid rgba(10,130,60,1);
-webkit-transform: scale(0);
transform: scale(0);
}
}















@-webkit-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(202,26,30,0);
border: 1px solid rgba(202,26,30,0);
-webkit-transform: scale(0);
transform: scale(0);
}

70% {
box-shadow: 0 0 50px rgba(202,26,30,1);
border: 1px solid rgba(202,26,30,1);
-webkit-transform: scale(1);
transform: scale(1);
}

100% {
box-shadow: 0 0 60px rgba(202,26,30,0);
border: 0 solid rgba(202,26,30,0);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}

@keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(202,26,30,0);
border: 1px solid rgba(202,26,30,0);
transform: scale(0);
}

70% {
box-shadow: 0 0 50px rgba(202,26,30,1);
border: 1px solid rgba(202,26,30,1);
transform: scale(1);
}

100% {
box-shadow: 0 0 60px rgba(202,26,30,0);
border: 0 solid rgba(202,26,30,0);
transform: scale(1.5);
}
}

@keyframes Rotate {
from {
transform: rotate(0) translateZ(0);
}

to {
transform: rotate(360deg) translateZ(0);
}
}

@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0) translateZ(0);
}

to {
-webkit-transform: rotate(360deg) translateZ(0);
}
}

@-webkit-keyframes empty {
0% {
opacity: 1;
}
}

@keyframes empty {
0% {
opacity: 1;
}
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

@keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

@-webkit-keyframes fadeOff {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}

@keyframes fadeOff {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}

@-webkit-keyframes fadeOn {
0% {
opacity: 0;
}

100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}

@keyframes fadeOn {
0% {
opacity: 0;
}

100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}

@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}

100%,75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}

@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}

100%,75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}

@-webkit-keyframes backSlideIn {
0%,25% {
opacity: 1;
-webkit-transform: translateZ(-500px) translateX(200%);
}

75% {
opacity: 1;
-webkit-transform: translateZ(-500px);
}

100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}

@keyframes backSlideIn {
0%,25% {
opacity: 1;
transform: translateZ(-500px) translateX(200%);
}

75% {
opacity: 1;
transform: translateZ(-500px);
}

100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}

@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}

@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8);
}
}

@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}

@keyframes goDown {
from {
transform: translateY(-100%);
}
}

@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}

@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}

@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}

@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
}

@-webkit-keyframes scaleUp {
from {
opacity: 0;
transform: scale(.2);
}

to {
opacity: 1;
-webkit-transform: scale(1);
}
}

@keyframes scaleUp {
from {
opacity: 0;
transform: scale(.2);
}

to {
opacity: 1;
-webkit-transform: scale(1);
}
}

@-webkit-keyframes fadeTop {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px,0,0);
transform: translate3d(-500px,0,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeTop {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px,0,0);
transform: translate3d(-300px,0,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,300px,0);
transform: translate3d(0,300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,300px,0);
transform: translate3d(0,300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(15deg) scale(.5);
opacity: 0;
}

100% {
-webkit-transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}
}

@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(15deg) scale(.5);
opacity: 0;
}

100% {
transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}
}

@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotateX(90deg) scale(.5);
opacity: 0;
}
}

@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}

100% {
transform: perspective(400px) rotateX(90deg) scale(.5);
opacity: 0;
}
}

@-webkit-keyframes goLeft {
0% {
opacity: 0;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes goLeft {
0% {
opacity: 0;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}





@-webkit-keyframes goLeft1 {
0% {

-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {

-webkit-transform: none;
transform: none;
}
}

@keyframes goLeft1 {
0% {

-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {

-webkit-transform: none;
transform: none;
}
}





@-webkit-keyframes goRight {
0% {
opacity: 0;
-webkit-transform: translate(50%,0) );
transform:  translate(50%,0) ;
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none ;
}
}

@keyframes goRight {
0% {
opacity: 0;
-webkit-transform: translate(50%,0);
transform: translate(50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes scaleSmall {
0% {
opacity: 0;
transform: scale(0);
}

100% {
opacity: 1;
transform: scale(1);
}
}

@-webkit-keyframes scaleLarge {
0% {
opacity: 0;
-webkit-transform: scale(3);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
}
}

@keyframes scaleLarge {
0% {
opacity: 0;
transform: scale(3);
}

100% {
opacity: 1;
transform: scale(1);
}
}

@-webkit-keyframes Ringing {
0%,100%,16%,24%,8% {
-webkit-transform: rotate(0);
}

12%,20%,4% {
-webkit-transform: rotate(-15deg);
}
}

@keyframes Ringing {
0%,100%,16%,24%,8% {
transform: rotate(0);
}

12%,20%,4% {
transform: rotate(-15deg);
}
}

@-webkit-keyframes Color {
0% {
background-color: #e30613;
}

50% {
background-color: #cda853;
}

100% {
background-color: #751146;
}
}

@keyframes Color {
0% {
background-color: #e30613;
}

50% {
background-color: #cda853;
}

100% {
background-color: #751146;
}
}

@-webkit-keyframes Shape {
0%,100% {
border-top: 20px solid #ff3000;
}

50% {
border-top: 20px solid #50ad77;
}
}

@keyframes Shape {
0%,100% {
border-top: 20px solid #ff3000;
}

50% {
border-top: 20px solid #50ad77;
}
}

@-webkit-keyframes Border {
0%,60% {
border-top-color: #e30613;
}

30% {
border-top-color: #fff;
}
}

@keyframes Border {
0%,60% {
border-top-color: #e30613;
}

30% {
border-top-color: #fff;
}
}

@-webkit-keyframes Border1 {
0%,60% {
border-color: #e30613;
}

30% {
border-color: #fff;
}
}

@keyframes Border1 {
0%,60% {
border-color: #e30613;
}

30% {
border-color: #fff;
}
}

@-webkit-keyframes trackBallSlide {
0%,100%,30%,60% {
opacity: 1;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}

15%,50% {
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}

@keyframes trackBallSlide {
0%,100%,30%,60% {
opacity: 1;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}

15%,50% {
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}



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

.left-gt,.titgt h3,.titgt h4,.titgt h5,.gioithieu .tomtat,.thongkegt li,
.tit-tongthe h2,.tit-tongthe h3,.tit-tongthe h4,.content-tongthe,.chitiet-tongthe,
.titqt h2,.titqt h3,.leftqt,
.tit-img,.tit-info-tt,.info-tt li,.form-dk-tt,
.titqt h2,.titqt h3,.item-mau,
.item-matbang,
.google_map,
.tit-left h2,.tit-left h3,.tit-left a,
.ttfooter,.dang-ky-ft {opacity:0;-webkit-animation-duration: 2s;
animation-duration: 2s;-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}


.activefix .left-gt {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.2s;}

.activefix .titgt h3 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.2s;}
    .activefix .titgt h4 {
    -webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 0.3s;}
    .activefix .titgt h5 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.4s;}
       .activefix .tomtat {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.6s;} 
       

   .activefix  .thongkegt li {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
   .activefix  .thongkegt li.li-gt-dientich {animation-delay: 0.8s;}
  .activefix   .thongkegt li.li-gt-canho {animation-delay: 0.9s;}
  .activefix   .thongkegt li.li-gt-bietthu {animation-delay: 1s;}
  .activefix   .thongkegt li.li-gt-sotang {animation-delay: 1.1s;}
  .activefix   .thongkegt li.li-gt-tongdautu{animation-delay: 1.2s;}
    

    .activefix .tit-tongthe h2 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.2s;}
    .activefix .tit-tongthe h3 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.3s;}
    .activefix .tit-tongthe h4 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.4s;}
    .activefix .content-tongthe {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.6s;}
 .activefix .chitiet-tongthe {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.8s;}

 .activefix .titqt h2 {
     -webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.2s;}
      .activefix .titqt h3 {
     -webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.4s;}

     .activefix .squy .leftqt {
     -webkit-animation-name: fadeInRight;animation-name: fadeInRight;}


.activefix .squy:nth-child(1) .leftqt  { animation-delay: 0.4s;}
.activefix .squy:nth-child(2) .leftqt   {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 0.6s;}
.activefix .squy:nth-child(3) .leftqt   {animation-delay: 0.8s;}
.activefix .squy:nth-child(4) .leftqt   {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 1s;}
.activefix .squy:nth-child(5) .leftqt  {animation-delay: 1.2s;}
.activefix .squy:nth-child(6) .leftqt   {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 1.4s;}

.activefix  .tit-img {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 0.2s;}
.activefix  .tit-info-tt {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.4s;}
.activefix  .info-tt li {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.activefix  .info-tt li:nth-child(1) {animation-delay: 0.6s;}
.activefix  .info-tt li:nth-child(2) {animation-delay: 0.7s;}
.activefix  .info-tt li:nth-child(3) {animation-delay: 0.8s;}
.activefix  .info-tt li:nth-child(4) {animation-delay: 0.9s;}
.activefix  .info-tt li:nth-child(5) {animation-delay: 1s;}


.activefix  .form-dk-tt {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 1.2s;}

.activefix   .item-mau {-webkit-animation-name: flipInX;animation-name: flipInX;animation-delay: 0.6s;}

.activefix .item-matbang {-webkit-animation-name: flipInX;animation-name: flipInX;animation-delay: 0.6s;}

.activefix.google_map {-webkit-animation-name: flipInX;animation-name: flipInX;animation-delay: 0.2s;}

.activefix .tit-left h2 {-webkit-animation-name: flipInX;animation-name: flipInX;animation-delay: 0.2s;}
.activefix .tit-left h3 {-webkit-animation-name: flipInX;animation-name: flipInX;animation-delay: 0.4s;}

.activefix .ttfooter {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.2s;}
.activefix .dang-ky-ft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-delay: 0.2s;}