@charset "UTF-8";

@-webkit-keyframes bracket-reveal {
    from { width: 0 }
    to { width:20em }
}

@-moz-keyframes bracket-reveal {
    from { width: 0 }
    to { width:20em }
}


.leftBig {
    opacity:1;  
    -webkit-animation:leftBig ease-in 1;  
    -moz-animation:leftBig ease-in 1;
    animation:leftBig ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.3s;
    -moz-animation-duration:1.3s;
    animation-duration:1.3s;
}

@media only screen and (max-width:991px) {
  .leftBig {
      opacity:1;  
      -webkit-animation:none;  
      -moz-animation:none;
      animation:none;
   
      -webkit-animation-fill-mode:none;  
      -moz-animation-fill-mode:none;
      animation-fill-mode:none;
   
      -webkit-animation-duration:0s;
      -moz-animation-duration:0s;
      animation-duration:0s;
  }
}


.upBig {
    opacity:0;  
    -webkit-animation:upBig ease-in 1;  
    -moz-animation:upBig ease-in 1;
    animation:upBig ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.8s;
    -moz-animation-duration:1.8s;
    animation-duration:1.8s;
}

.upSmall {
    opacity:0;  
    -webkit-animation:upSmall ease-in 1;  
    -moz-animation:upSmall ease-in 1;
    animation:upSmall ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.8s;
    -moz-animation-duration:1.8s;
    animation-duration:1.8s;
}

.downBig {
    opacity:0;  
    -webkit-animation:downBig ease-in 1;  
    -moz-animation:downBig ease-in 1;
    animation:upBig ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.8s;
    -moz-animation-duration:1.8s;
    animation-duration:1.8s;
}
.downSmall {
    opacity:0;  
    -webkit-animation:downSmall ease-in 1;  
    -moz-animation:downSmall ease-in 1;
    animation:downSmall ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.8s;
    -moz-animation-duration:1.8s;
    animation-duration:1.8s;
}
.fadenormal {
    opacity:0;  
    -webkit-animation:fadenormal ease-in 1;  
    -moz-animation:fadenormal ease-in 1;
    animation:fadenormal ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.8s;
    -moz-animation-duration:1.8s;
    animation-duration:1.8s;
}


.downBigFade { 
    -webkit-animation:downBig ease-in 1;  
    -moz-animation:downBig ease-in 1;
    animation:upBig ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    animation-duration:1.5s;
}

:root .downSmall, :root .fadenormal, :root .downBig, :root .upSmall, :root .upBig {opacity:1  \ ;} /*IE9 hack*/
/*===================================================================================*/
/*  ANIMATION                                                                        */    
/*===================================================================================*/

/***** FOR FREEWALL *****/

@keyframes start {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }

  
  @-webkit-keyframes start {
    from {
      -webkit-transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
    }
  }


/*--- go down --*/

@-webkit-keyframes downSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes downSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/*--- fade --*/

@-webkit-keyframes fadenormal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadenormal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes upSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes upSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes leftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

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

@keyframes leftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}




@-webkit-keyframes upBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes upBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes downBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes downBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes downBigFade {
  0% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes downBigFade {
  0% {
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceSmall /*--- safari and chrome ---*/ {
  0% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1;
  }
  33% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  66% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes bounceSmall /*--- other browser ---*/ {
  0% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1;
  }
  33% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  66% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes bounce /*--- safari and chrome ---*/ {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  
  100% {
    -webkit-transform: translateY(-125px);
    opacity: 0.8;
  }
}

@keyframes bounce /*--- other browser ---*/ {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  
  100% {
    -webkit-transform: translateY(-125px);
    opacity: 0.8;
  }
}

   

    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }