@charset "UTF-8";
/* CSS Document */

.animated {
  animation-duration: 2s;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.fadeDown {
  animation-name: fadeDown;
  -webkit-animation-name: fadeDown;
  animation-duration: 2s;	
  -webkit-animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes fadeDown {
  0% {
    transform:translateY(-5px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform:translateY(0px);
  }  
}
@-webkit-keyframes fadeDown {
  0% {
    transform:translateY(-5px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform:translateY(0px);
  }  
}

.ScaleLoop {
  animation-name: ScaleLoop;
  -webkit-animation-name: ScaleLoop;
  animation-duration: 4s;	
  -webkit-animation-duration: 4s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes ScaleLoop {
  70% {
    transform: scale(1);
  }
  85% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }  
}
@-webkit-keyframes ScaleLoop {
  70% {
    transform: scale(1);
  }
  85% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }  
}

.rotate {
  animation-name: rotate;
  -webkit-animation-name: rotate;
  transition: ease-out;
  animation-duration: 2s;	
  -webkit-animation-duration: 2s;
}
@keyframes rotate {
  0% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(0deg);
  }  
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(0deg);
  }  
}

.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;	
  -webkit-animation-duration: 1.5s;
  animation-delay: .5s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }  
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }  
}

.fadeInRight_S {
  animation-name: fadeInRight_S;
  -webkit-animation-name: fadeInRight_S;
  animation-duration: .5s;	
  -webkit-animation-duration: .5s;
}
@keyframes fadeInRight_S {
  0% {
    transform:translateX(15px);
  }
  100% {
    transform:translateX(0px);
  }  
}
@-webkit-keyframes fadeInRight_S {
  0% {
    transform:translateX(15px);
  }
  100% {
    transform:translateX(0px);
  }  
}

.fadeInLeft {
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-duration: 2s;	
  -webkit-animation-duration: 2s;
  /* animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; */
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform:translateX(-12vw);
  }
  100% {
    opacity: 1;
    transform:translateX(0px);
  }  
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform:translateX(-12vw);
  }
  100% {
    opacity: 1;
    transform:translateX(0px);
  }  
}

.fadeInLeftSlow {
  animation-name: fadeInLeftSlow;
  -webkit-animation-name: fadeInLeftSlow;
  animation-duration: 3s;	
  -webkit-animation-duration: 3s;
  animation-delay: .25s;
}
@keyframes fadeInLeftSlow {
  0% {
    opacity: 0;
    transform:translateX(-5vw);
  }
  100% {
    opacity: 1;
    transform:translateX(0px);
  }  
}
@-webkit-keyframes fadeInLeftSlow {
  0% {
    opacity: 0;
    transform:translateX(-5vw);
  }
  100% {
    opacity: 1;
    transform:translateX(0px);
  }  
}

.fadeInRight {
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-duration: 2s;	
  -webkit-animation-duration: 2s;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

.fadeInRightSlow {
  animation-name: fadeInRightSlow;
  -webkit-animation-name: fadeInRightSlow;
  animation-duration: 4s;	
  -webkit-animation-duration: 4s;
  animation-delay: .25s;
}
@keyframes fadeInRightSlow {
  0% {
    opacity: 1;
    transform: translateX(30vw);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes fadeInRightSlow {
  0% {
    opacity: 1;
    transform: translateX(30vw);
  }
  100% {
    transform: translateX(0px);
  }
}

.fadeInRightSlowRotate {
  animation-name: fadeInRightSlowRotate;
  -webkit-animation-name: fadeInRightSlowRotate;
  animation-duration: 3s;	
  -webkit-animation-duration: 3s;
  animation-delay: 0s;
}
@keyframes fadeInRightSlowRotate {
  0% {
    transform: translate(8vw,-2vw)
  }
  100% {
    transform: translate(0,0)
  }
}
@-webkit-keyframes fadeInRightSlowRotate {
  0% {
    transform: translate(8vw,-2vw)
  }
  100% {
    transform: translate(0,0)
  }
}






@media ( min-width : 768px ) {
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform:translateX(-30px);
    }
    100% {
      opacity: 1;
      transform:translateX(0px);
    }  
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform:translateX(-30px);
    }
    100% {
      opacity: 1;
      transform:translateX(0px);
    }  
  }

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

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

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

  @keyframes fadeInRightSlowRotate {
    0% {
      transform: translate(60px,-10px)
    }
    100% {
      transform: translate(0,0)
    }
  }
  @-webkit-keyframes fadeInRightSlowRotate {
    0% {
      transform: translate(60px,-10px)
    }
    100% {
      transform: translate(0,0)
    }
  }
}