@charset "UTF-8";
/* CSS Document */


/*
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
*/
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
/*transform: translate3d(0, 50px, 10px);*/
/*transform: perspective(500px) translateZ(100px);*/
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}


@keyframes fadeOut {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
/*transform: translate3d(0, 50px, 10px);*/
/*transform: perspective(500px) translateZ(100px);*/
}
to {
opacity: 0.3;
-webkit-transform: none;
transform: none;
}
}



.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

.animate1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.animate2 {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.animate3 {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.animate4 {
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.animate5 {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}


.delay {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.delay-400 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}

.delay-500 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.delay-600 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}

.delay-700 {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.delay-800 {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}

.delay-1000 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.delay-1200 {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}

.delay-1400 {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}

.delay-1500 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.delay-1600 {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}

.delay-1700 {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}

.delay-1800 {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}

.delay-2000 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}


.delay-2200 {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}

.delay-2400 {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}

.delay-2500 {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.delay-2600 {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}

.delay-2700 {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}

.delay-2800 {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}

.delay-3000 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}


@-webkit-keyframes fadeIn1 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeIn1 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeIn1 {
-webkit-animation-name: fadeIn1;
animation-name: fadeIn1;
}




@-webkit-keyframes fadeInTop1 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInTop1 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInTop1 {
-webkit-animation-name: fadeInTop1;
animation-name: fadeInTop1;
}

@-webkit-keyframes fadeInLeft1 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
/*transform: translate3d(0, 50px, 10px);*/
/*transform: perspective(500px) translateZ(100px);*/
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft1 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
/*transform: translate3d(0, 50px, 10px);*/
/*transform: perspective(500px) translateZ(100px);*/
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft1 {
-webkit-animation-name: fadeInLeft1;
animation-name: fadeInLeft1;
}

