main.fade [class*="fade"] {opacity: 0 !important;}
header.fade [class*="fade"] {opacity: 0 !important;}

.opacity_none {opacity: 0 !important;}

@keyframes ani_off {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ani_of_fst {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

@keyframes visible {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
.ani {
    opacity: 0;
    animation: ani_off 0.7s forwards;
    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}
.ani[class*="Big"] {
   -webkit-transition: all 1.0s ease-out;
      -moz-transition: all 1.0s ease-out;
       -ms-transition: all 1.0s ease-out;
        -o-transition: all 1.0s ease-out;
           transition: all 1.0s ease-out;
}
.ani[class*="faderotate"] {
   -webkit-transition: all 5.0s ease-out;
      -moz-transition: all 5.0s ease-out;
       -ms-transition: all 5.0s ease-out;
        -o-transition: all 5.0s ease-out;
           transition: all 5.0s ease-out;
}
/* .fadeInUp {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
}

.fadeInDown {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
}

.fadeInLeft {
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
}

.fadeInRight {
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
} */


 
 .fadeIn.visible_2 {
  animation: visible 1.0s forwards !important;
 }
 .fadeInUpBig.visible {
  animation: visible 2.0s forwards;
 }
 
 .fadeInUp {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
 }
 
 .fadeInUpMedium {
   -webkit-transform: translateY(80px);
   -ms-transform: translateY(80px);
   transform: translateY(80px);
 }
 
 .fadeInUpBig {
   -webkit-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px);
 }
 
 .fadeInDown {
   -webkit-transform: translateY(-20px);
   -ms-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 
 .fadeInDownBig {
   -webkit-transform: translateY(-150px);
   -ms-transform: translateY(-150px);
   transform: translateY(-150px);
 }
 
 .fadeInLeftUp {
  -webkit-transform: translate(-50px, 20px);
  -ms-transform: translate(-50px, 20px);
  transform: translate(-50px, 20px);
}

.fadeInLeftUpBig {
  -webkit-transform: translate(-150px, 150px);
  -ms-transform: translate(-150px, 150px);
  transform: translate(-150px, 150px);
}
 
 .fadeInLeftDown {
   -webkit-transform: translate(-50px,-20px);
   -ms-transform: translate(-50px,-20px);
   transform: translate(-50px,-20px);
 }
 
 .fadeInLeftDownBig {
   -webkit-transform: translate(-150px,-150px);
   -ms-transform: translate(-150px,-150px);
   transform: translate(-150px,-150px);
 }
 

 .fadeInLeft {
   -webkit-transform: translateX(-50px);
   -ms-transform: translateX(-50px);
   transform: translateX(-50px);
 }
 
 .fadeInLeftBig {
   -webkit-transform: translateX(-150px);
   -ms-transform: translateX(-150px);
   transform: translateX(-150px);
 }
 
 .fadeInRight {
   -webkit-transform: translateX(50px);
   -ms-transform: translateX(50px);
   transform: translateX(50px);
 }
 
 .fadeInRightBig {
   -webkit-transform: translateX(150px);
   -ms-transform: translateX(150px);
   transform: translateX(150px);
 } 
 .fadeInRightUp {
  -webkit-transform: translate(50px, 20px);
  -ms-transform: translate(50px, 20px);
  transform: translate(50px, 20px);
}

.fadeInRightUpBig {
  -webkit-transform: translate(150px, 150px);
  -ms-transform: translate(150px, 150px);
  transform: translate(150px, 150px);
}
 
 .fadeInRightDown {
   -webkit-transform: translate(50px,-20px);
   -ms-transform: translate(50px,-20px);
   transform: translate(50px,-20px);
 }
 
 .fadeInRightDownBig {
   -webkit-transform: translate(150px,-150px);
   -ms-transform: translate(150px,-150px);
   transform: translate(150px,-150px);
 }
 
 .fadeOut {
   opacity: 0;
 }
 
 .fadeOutDown {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
 }
 
 .fadeOutDownBig {
   opacity: 0;
   -webkit-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px);
 }
 
 .fadeOutLeft {
   opacity: 0;
   -webkit-transform: translateX(-20px);
   -ms-transform: translateX(-20px);
   transform: translateX(-20px);
 }
 
 .fadeOutLeftBig {
   opacity: 0;
   -webkit-transform: translateX(-150px);
   -ms-transform: translateX(-150px);
   transform: translateX(-150px);
 }
 
 .fadeOutRight {
   opacity: 0;
   -webkit-transform: translateX(20px);
   -ms-transform: translateX(20px);
   transform: translateX(20px);
 }
 
 .fadeOutRightBig {
   opacity: 0;
   -webkit-transform: translateX(150px);
   -ms-transform: translateX(150px);
   transform: translateX(150px);
 }
 
 .fadeOutUp {
   opacity: 0;
   -webkit-transform: translateY(-20px);
   -ms-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 
 .fadeOutUpBig {
   opacity: 0;
   -webkit-transform: translateY(-150px);
   -ms-transform: translateY(-150px);
   transform: translateY(-150px);
 }




.ani_0 {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.ani_1 {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
.ani_2 {-webkit-transition: all 1.1s ease-out; -moz-transition: all 1.1s ease-out; -ms-transition: all 1.1s ease-out; -o-transition: all 1.1s ease-out; transition: all 1.1s ease-out;}
.ani_3 {-webkit-transition: all 1.4s ease-out; -moz-transition: all 1.4s ease-out; -ms-transition: all 1.4s ease-out; -o-transition: all 1.4s ease-out; transition: all 1.4s ease-out;}
.ani_4 {-webkit-transition: all 1.7s ease-out; -moz-transition: all 1.7s ease-out; -ms-transition: all 1.7s ease-out; -o-transition: all 1.7s ease-out; transition: all 1.7s ease-out;}
.ani_5 {-webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out; -ms-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; transition: all 2.0s ease-out;}
.ani_6 {-webkit-transition: all 2.3s ease-out; -moz-transition: all 2.3s ease-out; -ms-transition: all 2.3s ease-out; -o-transition: all 2.3s ease-out; transition: all 2.3s ease-out;}
.ani_7 {-webkit-transition: all 2.6s ease-out; -moz-transition: all 2.6s ease-out; -ms-transition: all 2.6s ease-out; -o-transition: all 2.6s ease-out; transition: all 2.6s ease-out;}
.ani_8 {-webkit-transition: all 2.9s ease-out; -moz-transition: all 2.9s ease-out; -ms-transition: all 2.9s ease-out; -o-transition: all 2.9s ease-out; transition: all 2.9s ease-out;}




/* [class*="fade"] > .ani[class*="fade"]:nth-child(1) {transition-delay: 0.5s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(2) {transition-delay: 0.8s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(3) {transition-delay: 1.1s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(4) {transition-delay: 1.4s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(5) {transition-delay: 1.7s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(6) {transition-delay: 2.0s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(7) {transition-delay: 2.3s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(9) {transition-delay: 2.6s;}
[class*="fade"] > .ani[class*="fade"]:nth-child(8) {transition-delay: 2.9s;} */
/* 
.fadeDelay .ani[class*="fade"]:nth-child(1) {transition-delay: 0.5s;}
.fadeDelay .ani[class*="fade"]:nth-child(2) {transition-delay: 0.8s;}
.fadeDelay .ani[class*="fade"]:nth-child(3) {transition-delay: 1.1s;}
.fadeDelay .ani[class*="fade"]:nth-child(4) {transition-delay: 1.4s;}
.fadeDelay .ani[class*="fade"]:nth-child(5) {transition-delay: 1.7s;}
.fadeDelay .ani[class*="fade"]:nth-child(6) {transition-delay: 2.0s;}
.fadeDelay .ani[class*="fade"]:nth-child(7) {transition-delay: 2.3s;}
.fadeDelay .ani[class*="fade"]:nth-child(8) {transition-delay: 2.6s;}
.fadeDelay .ani[class*="fade"]:nth-child(9) {transition-delay: 2.9s;}
 */

.visible {
  animation: visible 1.0s forwards !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.test {
}


.Infade { }
 
 .UpInfade {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
 }
 
 .UpMediumInfade {
   -webkit-transform: translateY(80px);
   -ms-transform: translateY(80px);
   transform: translateY(80px);
 }
 
 .visible.BigUpInfade {
  animation: visible 2.0s forwards;
 }
 .BigUpInfade {
   -webkit-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px);
 }
 
 .DownInfade {
   -webkit-transform: translateY(-20px);
   -ms-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 
 .BigDownInfade {
   -webkit-transform: translateY(-150px);
   -ms-transform: translateY(-150px);
   transform: translateY(-150px);
 }
 
 .LeftInfade {
   -webkit-transform: translateX(-50px);
   -ms-transform: translateX(-50px);
   transform: translateX(-50px);
 }
 
 .BigLeftInfade {
   -webkit-transform: translateX(-150px);
   -ms-transform: translateX(-150px);
   transform: translateX(-150px);
 }
 
 .RightInfade {
   -webkit-transform: translateX(50px);
   -ms-transform: translateX(50px);
   transform: translateX(50px);
 }
 
 .BigRightInfade {
   -webkit-transform: translateX(150px);
   -ms-transform: translateX(150px);
   transform: translateX(150px);
 }




 
 .Outfade {
   opacity: 0;
 }
 
 .DownOutfade {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
 }
 
 .BigDownOutfade {
   opacity: 0;
   -webkit-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px);
 }
 
 .LeftOutfade {
   opacity: 0;
   -webkit-transform: translateX(-20px);
   -ms-transform: translateX(-20px);
   transform: translateX(-20px);
 }
 
 .BigLeftOutfade {
   opacity: 0;
   -webkit-transform: translateX(-150px);
   -ms-transform: translateX(-150px);
   transform: translateX(-150px);
 }
 
 .RightOutfade {
   opacity: 0;
   -webkit-transform: translateX(20px);
   -ms-transform: translateX(20px);
   transform: translateX(20px);
 }
 
.BigRightOutfade {
   opacity: 0;
   -webkit-transform: translateX(150px);
   -ms-transform: translateX(150px);
   transform: translateX(150px);
 }
 
.UpOutfade {
   opacity: 0;
   -webkit-transform: translateY(-20px);
   -ms-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 
.BigUpOutfade {
   opacity: 0;
   -webkit-transform: translateY(-150px);
   -ms-transform: translateY(-150px);
   transform: translateY(-150px);
 }
 

 
.faderotateLeft {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faderotateLeftBig {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
 
.faderotateRight {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.faderotateRightBig {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}