@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4%, 0, 0);
    transform: translate3d(-4%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4%, 0, 0);
    transform: translate3d(-4%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.animatedDownButtonArrow {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animatedCarousel {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated1500ms {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated1250ms {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated600ms {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes downButtonRingAnimation {
  0% {
    border: 1px solid rgba(193, 193, 193, 1);
  }

  1% {
    border: 1px solid rgba(60, 162, 236, 0.5);
  }

  11% {
    border: 1px solid rgba(60, 162, 236, 1);
  }

  21% {
    border: 1px solid rgba(60, 162, 236, 0.5);
  }

  30%, 100% {
    border: 1px solid rgba(193, 193, 193, 1);
  }
}

@keyframes downButtonRingAnimation {
  0% {
    border: 1px solid rgba(193, 193, 193, 1);
  }

  1% {
    border: 1px solid rgba(60, 162, 236, 0.5);
  }

  11% {
    border: 1px solid rgba(60, 162, 236, 1);
  }

  21% {
    border: 1px solid rgba(60, 162, 236, 0.5);
  }

  30%, 100% {
    border: 1px solid rgba(193, 193, 193, 1);
  }
}

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

@-webkit-keyframes slideInDownForDownArrow {
  0% {
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    visibility: visible;
    opacity: 0;
  }

  20%, 100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@keyframes slideInDownForDownArrow {
  0% {
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    visibility: visible;
    opacity: 0;
  }

  20%, 100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

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

@-webkit-keyframes slideOutDownForDownArrow {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible;
    opacity: 1;
  }

  20%, 100% {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    opacity: 0;
  }
}

@keyframes slideOutDownForDownArrow {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible;
    opacity: 1;
  }

  20%, 100% {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp3 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp3 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOutDown10 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
}

@keyframes fadeOutDown10 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
}

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

@-webkit-keyframes fadeInDown5000 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5000%, 0);
    transform: translate3d(0, -5000%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown5000 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5000%, 0);
    transform: translate3d(0, -5000%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOutDown5 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }
}

@keyframes fadeOutDown5 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
}

.animated400ms {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDown5 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown5 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOutUp20 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}

@keyframes fadeOutUp20 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}

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

@-webkit-keyframes fadeOutUp5000 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -5000%, 0);
    transform: translate3d(0, -5000%, 0);
  }
}

@keyframes fadeOutUp5000 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -5000%, 0);
    transform: translate3d(0, -5000%, 0);
  }
}

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

@-webkit-keyframes fadeOutDown20 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}

@keyframes fadeOutDown20 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}

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

@-webkit-keyframes fadeOutDown50 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
}

@keyframes fadeOutDown50 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
}

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