@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 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 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 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);
  }
}