@keyframes boomIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-500%) translateX(-200%) scale(8);
      -moz-transform: translateY(-500%) translateX(-200%) scale(8);
      transform: translateY(-500%) translateX(-500%) scale(-10);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0);
    }
}
@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes boomInLeftInga {
    0% {
      opacity: 0;
      transform: translateX(-500%);
    }
    50%{
      transform: translateX(50%);
    }
    75%{
      transform: translateX(-20%);
    }
    100% {
      opacity: 1;
      transform: translateX(-0%);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes scrollDown_icon {
    0% {
        opacity: 0;
        transform: translateY(-200%);
    }
    40% {
        transform: translateY(-60%);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 0;
    }
}
@keyframes wobble {
    0% {
      opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        opacity: 0;
        transform: translateX(-500%);        
    }
}

@keyframes boomInOut_1{
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-500%) translateX(-500%) scale(-10);
    }  
}
@keyframes boomInOut_2{
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-200%) translateX(-500%) scale(5) rotate(170deg);
    }  
}
@keyframes boomInOut_3{
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-150%) translateX(500%) scale(5) rotate(90deg);
    }  
}
@keyframes boomInOut_4{
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-150%) translateX(200%) scale(15) rotate(360deg);
    }  
}
@keyframes boomInOut_5{
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(150%) translateX(-100%) scale(-21) rotate(90deg);
    }  
}
@keyframes bounceOutRight {
    0%{ opacity: 1}
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}
@keyframes fadeDown {
  0%{
    opacity: 0;
    transform: translateY(-50px);
  }
  30%{
    transform: translateY(-20px);
  }
  50%{
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    transform: translateY(-0px);
  }

}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-300%);
    }

    20%,60% {
        transform: translateY(-120%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
}
@keyframes fadeInUp_2 {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    60% {
        transform: translateY(-20%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes fadeOutDown {
    0% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    20%,60% {
        transform: translateY(120%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
      opacity: 0;
      transform: translateY(300%);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInBlur {
    0% {
        opacity: 0
    }
    50%{
      filter: blur(10px);
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    30%{
      opacity: 0.3;
    }
    70%{
      opacity: 1;
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
@keyframes zoomOutRight {
    0% { opacity: 1;}
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.775,.775,.775) translate3d(-42px,0,0);
        transform: scale3d(.775,.775,.775) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
    100% { opacity: 1; }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
    100% { opacity: 1; }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1;
    }
    70%{
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
    }
    100%{
      opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1;
    }
    70%{
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
    }
    100%{
      opacity: 1;
    }
}
@keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    100%{
      opacity: 1;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}
@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
    
    90%,100%{
      opacity: 1;
      transform: translateX(500%);
    }
    100%{
      opacity: 0;
    }
}
@keyframes countdown {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}
@keyframes pageDots {
    0% {
        -webkit-transform: translateX(200px);
		-moz-transform: translateX(200px);
		transform: translateX(200px);
    }
    33% {
        -webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
    }
    66% {
        -webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
    
    }
}
/*
@keyframes countdown_flip {
  0%{
    transform: rotate3d(0,1,0,90deg);
  }  
  25%{
    transform: rotate3d(0,1,0,0deg);
  }
  50%{
    transform: rotate3d(0,1,0,-90deg);
  }
  75%{
    transform: rotate3d(0,1,0,0deg);
  }
  100%{
    transform: rotate3d(0,1,0,90deg);
  }
}*/
@keyframes countdown_flip {
 0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@keyframes pulse_font {
    0% {-webkit-transform: scale(1.2, 1.2);}
    50% {-webkit-transform: scale(0.5, 0.5);}
    100% {-webkit-transform: scale(1.2, 1.2);}

}
@keyframes fadeInleftInga{
  0%{
    opacity: 0;
    transform: translateX(-20px);
  }
  50%{
    opacity: 1;
    transform: translateX(10px);
  }  
  100%{
    opacity: 1;
    transform: translateX(0);
  } 
}
@keyframes hoverArrow{
  0%,40%,60%,80%,100%{
    transform: translateX(0px);
  }
  20%,50%,70%,90%{
    opacity: 1;
    transform: translateX(10px);
  } 
}

@keyframes hgroup_h1_1{
  0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    60% {
        transform: translateY(-50%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }  
}
@keyframes fadeBlur{
    0% {
        opacity: 0;
        filter: blur(45px);
    }
    25%{
      opacity: 1;
      filter: blur(40px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
    70% {
        opacity: .7;
        filter: blur(30px);
    }    
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}
@keyframes spec_fadeBlur{
    0% {
        background-image: initial;
        filter: blur(45px);
    }
    25%{
      opacity: 1;
      filter: blur(40px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
    70% {
        opacity: .7;
        filter: blur(30px);
    }    
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}
@keyframes blurOut{
    0% {
        opacity: 0;
        filter: blur(10px);
    }
    50%{
      opacity: 0.3;
      filter: blur(3px);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}
@keyframes blurOutBzz{
  0%{
    opacity: 0;
  }
  0%,20%,40%{
    filter: blur(10px);
    transform: translateX(-10px);
  }
  10%,30%,50%{
    transform: translateX(10px);
  }
  70%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes main_contact{
  100%{
    height: calc(100% - 200px);
  }
}
@keyframes countdown {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}
@keyframes h1-after-arrow {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-30px);
      -moz-transform: translateX(-30px);
      transform: translateX(-30px);
    }
    33% {
        -webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
    }
    66% {
        -webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		transform: translateX(-10px);
    }
    100% {
      opacity: 1;
        -webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
    }
}

@keyframes zoom-out {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes h1_arrow_animation_in {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

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