.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: .15s;
          animation-duration: .15s;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.slideUp {
  -webkit-animation-name: slideUp;
          animation-name: slideUp;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeInLeftLarge {
  -webkit-animation-name: fadeInLeftLarge;
          animation-name: fadeInLeftLarge;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeLeft {
  -webkit-animation-name: fadeLeft;
          animation-name: fadeLeft;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animated.fadeBack {
  -webkit-animation-name: fadeBack;
          animation-name: fadeBack;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeFromRight {
  -webkit-animation-name: fadeFromRight;
          animation-name: fadeFromRight;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animated.fadeFromRightTablet {
  -webkit-animation-name: fadeFromRightTablet;
          animation-name: fadeFromRightTablet;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.animated.fadeLeftTablet {
  -webkit-animation-name: fadeLeftTablet;
          animation-name: fadeLeftTablet;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.animated.fadeFromRightDesktop {
  -webkit-animation-name: fadeFromRightDesktop;
          animation-name: fadeFromRightDesktop;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.animated.fadeLeftDesktop {
  -webkit-animation-name: fadeLeftDesktop;
          animation-name: fadeLeftDesktop;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes slideInDown {
  from {
    opacity: 0.5;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    visibility: visible;
    height: auto;
  }
}

@keyframes slideInDown {
  from {
    opacity: 0.5;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    visibility: visible;
    height: auto;
  }
}

@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 1;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    opacity: 0.3;
    visibility: hidden;
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 1;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    opacity: 0.3;
    visibility: hidden;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
            transform: translate3d(-120px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    visibility: visible;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
            transform: translate3d(-120px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    visibility: visible;
  }
}

@-webkit-keyframes fadeLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(90%, 0, 0);
            transform: translate3d(90%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(90%, 0, 0);
            transform: translate3d(90%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadeInLeftLarge {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInLeftLarge {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  80% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  80% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeBack {
  from {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

@keyframes fadeBack {
  from {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes fadeFromRight {
  from {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(-120px, 0, 0);
            transform: translate3d(-120px, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeFromRight {
  from {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(-120px, 0, 0);
            transform: translate3d(-120px, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeFromRightTablet {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate3d(-290px, 0, 0);
            transform: translate3d(-290px, 0, 0);
  }
}

@keyframes fadeFromRightTablet {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate3d(-290px, 0, 0);
            transform: translate3d(-290px, 0, 0);
  }
}

@-webkit-keyframes fadeLeftTablet {
  from {
    -webkit-transform: translate3d(-290px, 0, 0);
            transform: translate3d(-290px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeLeftTablet {
  from {
    -webkit-transform: translate3d(-290px, 0, 0);
            transform: translate3d(-290px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeFromRightDesktop {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
}

@keyframes fadeFromRightDesktop {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
}

@-webkit-keyframes fadeLeftDesktop {
  from {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeLeftDesktop {
  from {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}