.animate {
-webkit-transition: width 0.2s ease, height 0.2s ease;
-moz-transition: width 0.2s ease, height 0.2s ease;
-o-transition: width 0.2s ease, height 0.2s ease;
-ms-transition: width 0.2s ease, height 0.2s ease;
transition: width 0.2s ease, height 0.2s ease;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-half-second {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-1-second {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-2-seconds {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-3-seconds {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-4-seconds {
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-5-seconds {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-6-seconds {
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-7-seconds {
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.for-this-long {
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.time-swoosh {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.duration-hero-text {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.delayed {
opacity:0;
}
.delayed-quarter-sec {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.delayed-main {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delayed-main-second {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delayed-tint {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delayed-hero {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delayed-hero-text {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delayed-half-sec {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delayed-3-quarter-sec {
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-ms-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.delayed-1-sec {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.delayed-1-half-secs {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delayed-2-secs {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delayed-2-half-secs {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delayed-3-secs {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.delayed-4-secs {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
.delayed-4-half-secs {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-ms-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delayed-5-secs {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5;
}
.delayed-5-half-secs {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
animation-delay: 5.5;
}
.delayed-6-secs {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
-o-animation-delay: 6s;
animation-delay: 6s;
}
.delayed-6-half-secs {
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
-ms-animation-delay: 6.5s;
-o-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.delayed-7-secs {
-webkit-animation-delay: 7s;
-moz-animation-delay: 7s;
-ms-animation-delay: 7s;
-o-animation-delay: 7s;
animation-delay: 7s;
}
.delayed-7-half-secs {
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-o-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.text-ani span:nth-child(1) {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.text-ani span:nth-child(2) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.text-ani span:nth-child(3) {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-ms-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.text-ani span:nth-child(4) {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}  @-webkit-keyframes heightAuto {
0% {
opacity: 0;
height: 0;
overflow: hidden;
}
100% {
opacity: 1;
height: auto;
overflow: auto;
}
}
@keyframes heightAuto {
0% {
opacity: 0;
height: 0;
overflow: hidden;
}
100% {
opacity: 1;
height: auto;
overflow: auto;
}
}
.heightAuto {
-webkit-animation-name:heightAuto;
animation-name:heightAuto;
} @-webkit-keyframes blurIn {
0% {
opacity: 0;
filter: blur(14px);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
blur(0px);
}
}
@keyframes blurIn {
0% {
opacity: 0;
filter: blur(14px);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
blur(0px);
}
}
.blurIn {
-webkit-animation-name:blurIn;
animation-name:blurIn;
} @-webkit-keyframes bgSwish {
0% {
opacity: 1;
}
50% {
top: 0;
}
100% {
top: -100%;
opacity: 1;
}
}
@keyframes bgSwish {
0% {
opacity: 1;
}
50% {
top: 0;
}
100% {
top: -100%;
opacity: 1;
}
}
.bgSwish {
-webkit-animation-name:bgSwish;
animation-name:bgSwish;
} @-webkit-keyframes fadeOut {
0% {
opacity:1;
}
99.9% {
z-index: 5;
}
100% {
opacity:0;
z-index: 0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
99.9% {
z-index: 5;
}
100% {
opacity:0;
z-index: 0;
}
}
.fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut;
} @-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
} @-webkit-keyframes fadeInUp {
0% {
opacity:0;
padding-top:30px;
margin-bottom: -30px;
}
100% {
opacity:1;
padding-top:0;
margin-bottom: 1px;
}
}
@keyframes fadeInUp {
0% {
opacity:0;
padding-top:30px;
margin-bottom: -30px;
}
100% {
opacity:1;
padding-top:0;
margin-bottom: 1px;
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
}