@charset="urf-8";



.animation-fade-in-box {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: all 0.5s;
    
    display: inline-block;
  animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */
}
}




@-webkit-keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes imagescale {
  0% {
    transform: scale(1)  rotate(.001deg);;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3)  rotate(.001deg);;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

@keyframes fadeIn1 { 
    from { opacity:0; } to { opacity:0.4; } 
}
@keyframes fadeIn2 { 
    from { opacity:0; } to { opacity:0.8; } 
}

@keyframes up {
0% {transform: translateY(24px);}
25% {transform: translateY(-20px);}
25% {transform: translateX(20px);}
75% {transform: translateX(-20px);}
100% {transform: translateX(0px);}
}