@charset "UTF-8";





/*!

 * animate.css -https://daneden.github.io/animate.css/

 * Version - 3.7.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2019 Daniel Eden

 */



@-webkit-keyframes bounce {

  from,

  20%,

  53%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0);

  }

}



@keyframes bounce {

  from,

  20%,

  53%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0);

  }

}



.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}



@-webkit-keyframes flash {

  from,

  50%,

  to {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



@keyframes flash {

  from,

  50%,

  to {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



@-webkit-keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }



  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }



  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}



@-webkit-keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}



@keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}



.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}



@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }



  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }



  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }



  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }



  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }



  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }



  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }



  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }



  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }



  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }



  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake;

}



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg);

  }



  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

  }

}



@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg);

  }



  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

  }

}



.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}



@-webkit-keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }



  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }



  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}



@-webkit-keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }



  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }



  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }



  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }



  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }



  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }



  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}



@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }



  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }



  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }



  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }



  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }



  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }



  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}



.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center;

}



@-webkit-keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



.heartBeat {

  -webkit-animation-name: heartBeat;

  animation-name: heartBeat;

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

}



@-webkit-keyframes bounceIn {

  from,

  20%,

  40%,

  60%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }



  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes bounceIn {

  from,

  20%,

  40%,

  60%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }



  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.bounceIn {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInDown {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInLeft {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInRight {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }



  50%,

  55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}



@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }



  50%,

  55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}



.bounceOut {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



@keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



@keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



@keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



@keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



@keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



@keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



@keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



@keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}



@keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}



.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}



@-webkit-keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



.flipOutX {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



.flipOutY {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



@keyframes lightSpeedOut {

  from {

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  20%,

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  40%,

  80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  20%,

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  40%,

  80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-name: hinge;

  animation-name: hinge;

}



@-webkit-keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }



  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }



  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }



  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }



  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }



  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



.jackInTheBox {

  -webkit-animation-name: jackInTheBox;

  animation-name: jackInTheBox;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



@keyframes rollOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  50% {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

  from {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 0;

  }

}



@keyframes zoomOut {

  from {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 0;

  }

}



.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

}



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}



@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}



.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

}



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}



@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }



  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}



.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

}



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

}



@-webkit-keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



@keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animated.delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



.animated.delay-2s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}



.animated.delay-3s {

  -webkit-animation-delay: 3s;

  animation-delay: 3s;

}



.animated.delay-4s {

  -webkit-animation-delay: 4s;

  animation-delay: 4s;

}



.animated.delay-5s {

  -webkit-animation-delay: 5s;

  animation-delay: 5s;

}



.animated.fast {

  -webkit-animation-duration: 800ms;

  animation-duration: 800ms;

}



.animated.faster {

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

}



.animated.slow {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.slower {

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}



@media (print), (prefers-reduced-motion: reduce) {

  .animated {

    -webkit-animation-duration: 1ms !important;

    animation-duration: 1ms !important;

    -webkit-transition-duration: 1ms !important;

    transition-duration: 1ms !important;

    -webkit-animation-iteration-count: 1 !important;

    animation-iteration-count: 1 !important;

  }

}

/**
 *
 * Theme: VRV
 * Folha de Estilos Personalizados
 *
 * Author: Infinito AG - Sites, Web & Design
 * Author URI:https://www.infinitoag.com
 *
**/

/*******************************************************
 * FONTES
*******************************************************/ 

/*******************************************************
 * CORPO, ELEMENTOS HTML E TIPOGRAFIA
*******************************************************/
body {
    color: #000000;
	font-size: 15px;
    line-height: 32px;
    font-weight: normal;
    background: #FFF;
    font-family: 'Rubik', sans-serif;
}
img {
    max-width: 100%;
    height: auto;
}
h1{
	font-size: 42px;
} 
h2 {
    font-size: 36px;  
}
h3{
	font-size: 28px;
}
h4 {
    font-size: 23px;  
}
a, a:hover {
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
} 

*:focus{
    outline: 0 !important;
	box-shadow: none !important;
}
 
/*******************************************************
 * FORMULÁRIOS E BOTÕES
*******************************************************/
.btn {
    line-height: 19px; 
    display: inline-block;
    border-radius: 4px;
    padding: 9px 45px;
    font-size: 16px;
	font-weight: 600;
	font-family: 'Rubik', sans-serif;
	height: 55px;
	transition: 400ms;
	
}
 
.btn img {
    width: auto !important;
    display: inline-block !important;
    margin-left: 10px !important;
}
.btn:hover {
    background: black;
    color: white;
	border: 2px solid black;
}

.btn-default {
    background: #0BAFD9;
    color: #FFFFFF;
	border: 2px solid #0BAFD9;
} 

.btn-green {
    background: #67B500;
    color: #FFFFFF;
	border: 2px solid #67B500;
}  
.btn-orange {
    background: #FF5200;
    color: #FFFFFF;
	border: 2px solid #FF5200;
}  
.btn-pink {
    background: #C92155;
    color: #FFFFFF;
	border: 2px solid #C92155;
}  
.btn-outline {
    background: transparent;
    color: #93DE31;
	border: 2px solid #93DE31;
}  

/*******************************************************
 * CLASSES E ELEMENTOS PRINCIPAIS
*******************************************************/ 
  
.flexslider{
    border: 0;
	background: transparent;
}
.flexslider .slides img {
    width: auto;
    display: block;
}
.container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
main#main {
    overflow: hidden;
}
 
#scroll-to-top {
    position: fixed;
    right: 5%;
    bottom: 110px;
    cursor: pointer;
	display: none;
	z-index: 99;
}
.scrolled #scroll-to-top {
	display: block;
}
/*******************************************************
 * CABECALHO
*******************************************************/
 
#header {
    transition: .4s ease;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    position: relative; 
}
#header a{
	color: #4D5052;
}

#header-top {
    color: #707070;
    font-size: 14px;
    line-height: 23px;
    background-color: #F5F5F7;
    padding: 16px 0;
}
#header-top a{
	color: #707070;
}
#header-top p{
	margin: 0;
}
  
#header-top .email {
    display: inline-block;
}
#header-top .telefone {
    display: inline-block;
    margin-right: 50px;
    margin-left: 50px;
}
#header-top .endereco {
    display: inline-block;
}
#header-top ul.social {
    padding: 0;
    float: right;
    margin: 0;
}
#header-top ul.social li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
} 
#header-top ul.social li img {
    filter: brightness(0);
}
#header-top ul.social li:hover img {
    filter: none;
}



#header-inner {
    padding: 15px 0;
}


#header .toggle {
    display: none;
}

 
#header #main-menu {
}
#header #main-menu ul {
    padding: 20px 0 0 0;
    float: right;
}
#header #main-menu ul li {
    display: inline-block;
    margin: 0 0 0 35px;
} 
#header #main-menu ul li a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    padding-bottom: 6px; 
}
#header #main-menu ul li a:hover,
#header #main-menu ul li.current-menu-item a { 
	border-bottom: 2px solid #FF5200;
}
 


 
/*******************************************************
 * RODAPE
*******************************************************/
#footer {
    background-color: #000000;
    padding: 180px 0 0 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 23px;
	margin-top: 100px;
}

#footer a{
    color: #FFFFFF;
}
#footer  a:hover{
	color: #0BAFD9;
}

#footer .descricao {
    max-width: 300px;
}


.footer-top {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    padding: 50px 80px;
	margin-top: -270px;
}
.footer-top h2 {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 28px;
    line-height: 35px;
}
.footer-top .botao {
    text-align: right;
    margin-top: 10px;
}


 

#footer .logo-footer {
    margin-bottom: 30px;
}
#footer h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
}

#footer ul {
    padding: 0;
}
#footer ul li {
    list-style: none;
    margin-bottom: 15px;
	position: relative;
	background-image: url(//www.girocertopromo.com.br/wp-content/themes/cms/img/list-menu-footer.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}
#footer ul li img {
    margin-right: 5px;
    margin-bottom: 5px;
	filter: brightness(100);
}
#footer .coluna3 ul li img {
    margin-right: 5px;
    margin-bottom: 0;
	filter: none;
}
#footer ul li:hover img { 
	filter: none;
}
#footer .contatos ul li {
    background-size: 0;
    padding: 0;
    display: flex;
    align-items: baseline;
	margin-bottom: 30px;
}
#footer .contatos ul li img {
    margin-right: 10px;
}

#footer ul.social li {
    padding: 0;
    background-size: 0;
    display: inline-block;
	margin-right: 20px;
}

.copyright {
    text-align: center;
    padding-bottom: 25px;
}
.copyright hr {
    border-bottom: 1px solid #ffffff52;
    margin-top: 60px;
    margin-bottom: 25px;
}
 

/*******************************************************
 * PÁGINAS
*******************************************************/ 
.session-title h2 {
    color: #000000;
    position: relative;
	font-size: 36px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}  
.session-title h3 {
    color: #0BAFD9;
    position: relative;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Rubik', sans-serif;
	margin-bottom: 30px;
}

#home1 ol.flex-control-nav.flex-control-paging {
    display: none;
}
#slider-home {
    margin-top: -2px;
}
#slider-home .slide {
    height: 628px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
#slider-home .slide .conteudo {
    color: white;
    font-size: 18;
    line-height: 31px;
    margin-top: 170px;
}
 
#slider-home .slide .conteudo h2 {
    font-size: 56px;
    line-height: 70px;
    margin-bottom: 20px;
    position: relative;
}
 
#slider-home .slide .conteudo .botao {
    margin-top: 50px;
}
#slider-home .slide .conteudo .botao button:hover {
    border-color: white;
    background-color: transparent;
}

.custom-controls-container-home {
    position: absolute;
    width: 100%;
    margin-top: -100px;
}
.custom-controls-container-home li a {
    border-radius: 0;
    width: 12px;
    height: 12px;
    background-color: white;
    opacity: 0.21;
}
.custom-controls-container-home li a.flex-active {
    background-color: white;
    opacity: 1;
}
.custom-navigation-home {
    position: absolute;
    width: 100%;
    top: 450px;
}
.custom-navigation-home .flex-prev {
    float: left;
    margin-left: 50px;
}
.custom-navigation-home .flex-next {
    float: right;
    margin-right: 50px;
}



 
#home2 {
    padding: 150px 0;
}
#home2 .botao {
    margin-top: 40px;
}

#home2 .session-title {
    margin-top: 50px;
}
#home2 .imagem:hover {
    transform: scale(1.02);
}
  


/* Oque Fazemos*/
#fazemos {
    background-color: #F5F5F7;
    padding: 140px 0;
	margin-top: 170px;
}
#fazemos .session-title h3 {
    color: #93DE31;
}
#fazemos .imagem {
    margin-top: -300px;
    position: absolute;
    right: 0;
    max-width: 50%; 
}
#fazemos .imagem img {
    border-radius: 8px;
}
#fazemos .imagem:hover {
    transform: scale(1.02);
	right: 10px;
}

#fazemos ol.flex-control-nav.flex-control-paging {
    display: none;
}
#slider-servicos {
    margin-top: 200px;
}

.card-servico {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0px 20px 5px #0000000f;
    text-align: center;
    padding: 40px 30px;
    height: 366px;
	margin: 20px;
}
.card-servico:hover{
	color: white;
	background-color: black;
}
.card-servico .icone {
    display: block;
    background: #D6D6D6;
    width: 92px;
    height: 84px;
    margin: 0 auto;
    line-height: 80px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.card-servico:hover .icone { 
    background: #FFFFFF;
	
}
.card-servico .conteudo {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: normal;
}
.card-servico .conteudo h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 25px;
}

.custom-nav-slider-clientes a img.hov,
.custom-nav-slider-servicos a img.hov {
    display: none;
}
.custom-nav-slider-clientes a img.show,
.custom-nav-slider-servicos a img.show {
    display: block;
}
.custom-nav-slider-clientes a:hover img.hov,
.custom-nav-slider-servicos a:hover img.hov {
    display: block;
}
.custom-nav-slider-clientes a:hover img.show,
.custom-nav-slider-servicos a:hover img.show {
    display: none;
}
.custom-nav-slider-clientes {
    position: absolute;
    top: calc(50% - 25px);
    width: 100%;
}
.custom-nav-slider-servicos {
    position: absolute;
    top: 370px;
    width: 100%;
}
.custom-nav-slider-clientes .flex-prev,
.custom-nav-slider-servicos .flex-prev {
    float: left;
    margin-left: -100px;
}
.custom-nav-slider-clientes .flex-next,
.custom-nav-slider-servicos .flex-next {
    float: right;
    margin-right: -80px;
}


/* Porque Funciona */ 
#funciona {
    padding: 120px 0;
}
#funciona .conteudo h2 {
    margin-bottom: 25px;
	font-family: 'Roboto', sans-serif;
} 
#funciona .conteudo h4 {
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 32px;
	margin-top: 10px;
    font-weight: bold;
}
#funciona .botao {
    margin-top: 78px;
	padding-left: 60px;
}
#funciona .conteudo-2 {
    padding-left: 60px;
}



.page-template-modelo-servicos #funciona ul.itens-funciona li .conteudo h3, .page-template-modelo-servicos #funciona ul.itens-funciona li .conteudo {
    color: black;
}
.page-template-modelo-servicos #funciona .conteudo-2 {
    color: white;
}

#funciona ul.itens-funciona {
    padding: 0;
}
#funciona ul.itens-funciona li {
    list-style: none;
    border-radius: 8px;
    padding: 20px 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: baseline;
}
#funciona ul.itens-funciona li .icone {
    display: inline-block;
}
#funciona ul.itens-funciona li .conteudo {
    display: inline-block;
    width: 90%;
    margin-left: 15px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 23px;
}
#funciona ul.itens-funciona li p{
	margin: 0;
} 
#funciona ul.itens-funciona li .conteudo h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}


 


/* Trabalhos */
#trabalhos {
    background-color: #F5F5F7;
    padding: 100px 0;
}
#trabalhos .session-title h3{
	color: #FF5200;
}
#trabalhos .session-title {
    margin-bottom: 60px;
}

#trabalhos .botao {
    text-align: center;
    margin-top: 70px;
}



.custom-nav-galeria {
    display: flex;
    text-align: center;
    width: 100%;
    align-items: center;
    margin-left: 50%;
    transform: translateX(-5.5%);
    margin-top: 70px;
}
.custom-controls-galeria .flex-control-nav a {
    color: #00404F;
    font-size: 17px;
    font-weight: 500;
    line-height: 35px;
    margin: 0 5px;
}
.custom-controls-galeria .flex-control-nav a.flex-active {
    color: #C92155;
}
.custom-controls-galeria .flex-control-nav {
    position: relative;
    display: block;
    bottom: 0;
	padding: 0 30px;
}


.galeria-cases .imagem {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	display: inline-block;
}
.galeria-cases .imagem .overlay {
    width: 100%;
    text-align: center;
    position: relative;
    background-color: #ff5200d1;
	display: none;
}
.galeria-cases .imagem:hover .overlay{
	cursor: pointer;
	display: block;
}

.galeria-cases .imagem .overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.galeria-cases .imagem:nth-child(1){
	width: 50%; 
	height: 312px;
}
.galeria-cases .imagem:nth-child(1) .overlay{ 
	height: 312px;
}

.galeria-cases .imagem:nth-child(2) {
    width: 50%;
    height: 613px;
    float: right;
}
.galeria-cases .imagem:nth-child(2) .overlay{ 
	height: 613px;
}

.galeria-cases .imagem:nth-child(3) {
    width: 25%;
    height: 300px;
    float: left;
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(3) .overlay{ 
	height: 300px;
}

.galeria-cases .imagem:nth-child(4) {
    width: 25%;
    height: 300px;
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(4) .overlay{ 
	height: 300px;
}

.galeria-cases .imagem:nth-child(5) {
    width: 50%;
    height: 344px; 
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(5) .overlay{ 
	height: 344px;
}

.galeria-cases .imagem:nth-child(6) {
    width: 50%;
    height: 344px; 
	float: right;
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(6) .overlay{ 
	height: 344px;
}

.galeria-cases .imagem:nth-child(7) {
    width: 50%;
    height: 765px;  
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(7) .overlay{ 
	height: 765px;
}

.galeria-cases .imagem:nth-child(8) {
    width: 50%;
    height: 765px; 
	float: right;
	margin-top: -11px;
}
.galeria-cases .imagem:nth-child(8) .overlay{ 
	height: 765px;
}






/* Clientes */  
#clientes {
    padding: 80px 0;
}
#clientes .session-title h3 {
    color: #C92155;
}

#clientes .session-title {
    margin-bottom: 70px;
} 
#clientes .logotipo-cliente:hover {
    transform: scale(1.02);
}





.sub-header {
    width: 100%;
    height: 351px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -2px;
    color: white;
	text-align: center;
}

.sub-header .conteudo {
    padding-top: 120px;
}
.sub-header .conteudo h2::after{
	display: none;
}

.sub-header .conteudo h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}

.sub-header .breadcumbs {
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
	font-family: 'Rubik', sans-serif;
}
.sub-header .breadcumbs a {
    color: white;
	font-family: 'Rubik', sans-serif;
}
.sub-header  .breadcumbs img {
    margin: 0 10px;
}
.sub-header  .breadcumbs i{
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 6px;
}



#sobre2 {
    padding: 130px 0;
}
 
#sobre2  img {
    width: 100%;
    height: auto;
}
#sobre2 img:hover {
    transform: scale(1.02);
}

#sobre2 .botao {
    margin-top: 40px;
}


#sobre3 {
    padding: 120px 0 250px 0;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

#sobre3 .card-inst {
    background-color: #FFFFFF;
    padding: 35px 40px;
    color: #000000;
    height: auto;
    margin-bottom: 30px;
    border-radius: 8px;
}

#sobre3 .card-inst:hover img {
    transform: scale(1.02);
}

#sobre3 .card-inst .titulo {
    display: flex;
    align-items: center;
}
#sobre3 .card-inst .titulo img {
    display: inline-block;
    margin-right: 20px;
}
#sobre3 .card-inst .titulo h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Roboto';
    line-height: 26px;
	margin-bottom: 0;
}

#sobre3 .card-inst .conteudo {
    font-size: 15px;
    line-height: 31px;
    margin-top: 20px;
}




#sobre4 {
    margin-top: -170px;
}

















#servicos2 { 
    padding: 150px 0;
}
#servicos2 .session-title {
    margin-bottom: 80px;
}

#servicos2 .card-servico {
    margin: 0 0 40px 0;
}


#servicos3 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#servicos3 .conteudo {
    color: white;
}


#servicos4 {
    padding: 120px 0;
}
#servicos4 .botao {
    margin-top: 40px;
}
#servicos4 .session-title {
    margin-top: 100px;
}
#servicos4  .imagem {
    text-align: right;
}

#servicos4 .imagem img {
    border-radius: 8px;
    box-shadow: 0px 0px 15px 5px #00000021;
}
#servicos4  .imagem:hover img{
	transform: scale(1.02);
}









#cases2 {
    padding: 150px 0 100px 0;
	background-color: #F5F5F7;
}





#trabalhe2 {
    padding: 120px 0 0 0;
}

#trabalhe2 .imagem {
    text-align: right;
}

.page-template-modelo-trabalhe-conosco .footer-top {
    display: none;
}
.page-template-modelo-contato .footer-top {
    display: none;
}

.page-template-modelo-trabalhe-conosco #footer {
    padding: 90px 0 0 0;
	margin-top: 0px;
}
.page-template-modelo-contato #footer {
    padding: 90px 0 0 0;
	margin-top: 0px;
}




#contato2 input[type="submit"] {
    width: 100%;
}


textarea {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #70707073;
    border-radius: 5px;
    font-size: 15px;
}
input::placeholder, textarea::placeholder {
    color: #656565;
}
input {
    width: 100%;
    height: 57px;
    padding: 0 20px;
    margin-top: 20px;
    border: 1px solid #70707073;
    border-radius: 5px;
    font-size: 15px;
}
textarea:focus,
input:focus {
    outline-color: #FF5200;
}


input[type="submit"] {
    width: auto;
    background-color: black;
	border: 2px solid black;
    color: white;
    padding: 0 70px;
    float: right;
}
input[type="submit"]:hover { 
    background-color: transparent;
	border: 2px solid black;
    color: black; 
}

input#curriculo-input {
    display: none;
}
button#curriculo-button {
    width: 100%;
    height: 57px;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #70707073;
    border-radius: 5px;
    font-size: 15px;
    background-color: white;
    text-align: left;
    color: #656565;
	background-image: url(//www.girocertopromo.com.br/wp-content/themes/cms/img/attachments.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	line-height: 16px;
}






#contato2 {
    padding: 140px 0;
}


#contato2 .card-contato a{
	color: #656565;
}
#contato2 .card-contato {
    text-align: center;
    box-shadow: 0px 0px 20px 5px #0000000d;
    padding: 30px 30px;
    min-height: 235px;
	color: #656565;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 60px;
}
#contato2 .card-contato h3 {
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: bold;
	color: black;
    line-height: 43px;
}


#contato2 .mapa iframe {
    width: 100%;
    height: 600px;
    margin-bottom: -10px;
}


#contato2 .conteudo-form{
	box-shadow: 0px 0px 20px 5px #0000000d;
}

#contato2  div.wpcf7 .ajax-loader {
    display: none;
}

#contato2 .conteudo-form .formulario {
    padding: 20px 10px 40px 40px;
}

/* retina */

body.error404 section.content-body a.btn.btn-default {
    display: flex;
    align-items: center;
    width: max-content;
	margin-top: 20px;
}

body.error404 section.content-body p {
    margin: 0;
}

body.error404 main#main {
    margin: 65px 0 165px;
}

.header-logo img.logotipo:hover {
    transform: scale(1.05);
}

.header-logo img.logotipo,
#home2 .imagem,
#fazemos .imagem{
	transition: 400ms;
}



#footer ul li,
#header #main-menu ul li {
    transition: 400ms;
}

#footer ul li:hover,
#header #main-menu ul li:hover {
    transform: scale(1.02);
}

#funciona ul.itens-funciona li {
    transition: 400ms;
}

#funciona ul.itens-funciona li:hover {
    transform: scale(1.02);
}

.card-servico {
    transition: 400ms;
}

#header-top{
	font-size: 12px;
}

div#fazemos .slick-track {
    align-items: stretch;
    display: flex;
}

div#fazemos li {
    display: flex;
	height: unset;
}

div#fazemos li {
    outline: none;
}

div#fazemos .card-servico {
}

div#slider-clientes .custom-nav-slider-clientes a.flex-prev,
#fazemos .custom-nav-slider-servicos a.flex-prev {
    position: absolute;
    left: 0;
}

div#slider-clientes .custom-nav-slider-clientes a.flex-next,
#fazemos .custom-nav-slider-servicos a.flex-next {
    position: absolute;
    right: 0;
}

#fazemos .card-servico .icone img {
    margin: 0 auto;
}

#fazemos .card-servico .icone {
    display: flex;
    align-items: center;
}

div#slider-clientes .slick-track {
    display: flex;
    align-items: center;
}



div#slider-clientes ul.slides img {
    margin: 0 auto;
}

div#slider-clientes ul.slides {
    display: flex;
    align-items: center;
}

div#slider-clientes .flex-direction-nav a:before {
    margin-top: 5px;
}

div#slider-clientes ul.slides {
    height: 125px;
}

div#slider-clientes {
    margin-bottom: 80px;
}

img{
	transition: 400ms;
}

#clientes .logotipo-cliente,
#sobre3 .col-lg-12 {
    transition: 400ms;
}

#sobre3 .col-lg-12:hover {
    transform: scale(1.02);
}

.tos-wrapper.tos-fixed {
	background-color: #000000e8;align-content
}

#footer img.logotipo-footer:hover {
    transform: scale(1.02);
}

.wpcf7-not-valid-tip {
    display: none;
}

form.wpcf7-form.invalid button#curriculo-button,
form.wpcf7-form.invalid .wpcf7-not-valid {
    border-color: tomato;
}

#contato2 .card-contato {transition: 400ms;}

#contato2 .card-contato:hover {
    transform: scale(1.02);
}

#trabalhe2 .imagem img {
    margin-bottom: -10px;
}
















/*******************************************************
 * AJUSTES RESPONSIVOS
*******************************************************/
@media( min-width: 1500px ) {
	.container.ajust-1500{
		max-width: 1360px;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;	
	}
}
@media( min-width: 1440px ) {
	.container {
		max-width: 1166px;
	}
}
@media (max-width: 1440px){
	.container {
		padding: 0 6%;
	}

	.container.ajust-1500 {
		padding: 0;
	}
	
}
@media (min-width: 1360px) and (max-width: 1439px){
	.container-fluid {
		max-width: 1240px;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 1359px){
	.container-fluid {
		max-width: 90%;
		width: 100%;
		margin: 0 auto;
	}
}

@media( max-width: 1600px ) {
	
	#contato2 .card-contato {
		height: max-content;
	}

	#contato2 .col-lg-4 {
		height: max-content;
	}

	#contato2 .row {
		display: flex;
		align-items: stretch;
	}

	#contato2 .card-contato > p:first-child {
		margin: 0 0 8px 0;
	}

	#contato2 .card-contato > p:last-child {
		height: 78px;
	}

	#contato2 img.aligncenter {
		height: 47px;
	}

    
    section#home2 .col-lg-6 {
		display: flex;
		align-items: flex-end;
	}
	 
	.custom-navigation-home .flex-prev { 
		margin-left: 5px;
		max-width: 40px;
	}
	.custom-navigation-home .flex-next { 
		margin-right: 5px;
		max-width: 40px;
	}
	
	#slider-servicos {
		margin-top: 100px;
	}
	
	
	#fazemos {
		background-color: #F5F5F7;
		padding: 80px 0;
		margin-top: 50px;
	}
	
	#fazemos .imagem {
		margin-top: -150px;
		position: absolute;
		right: 0;
		max-width: 54%; 
	}
	#fazemos .imagem:hover {
		transform: scale(1.02);
		right: 10px;
	}

	#slider-servicos {
		margin-top: 200px;
	}
	
	
}
@media( max-width: 1439px ) {
	#scroll-to-top {
		position: fixed;
		right: 70px;
		bottom: 40px;
	}
	
	#header-top .telefone {
		display: inline-block;
		margin-right: 40px;
		margin-left: 40px;
	}

	#fazemos {
		background-color: #F5F5F7;
		padding: 90px 0;
		margin-top: 90px;
	}
	#fazemos .imagem {
		margin-top: -200px;
		position: absolute;
		right: 0;
		max-width: 55%; 
	}
	
	#slider-servicos {
		margin-top: 120px;
	} 
	
	.custom-nav-slider-servicos { 
		top: 280px; 
	}
	
	
	
	.footer-top h2 { 
		font-size: 26px; 
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
} 
@media( max-width: 1359px ) {
      
	 
	
	#header #main-menu ul li {
		display: inline-block;
		margin: 0 0 0 30px;
	}
	 
	#header-top {
    	color: #707070;
		font-size: 12px;
		padding: 12px 0;
	}
	
	#header-top .telefone {
		display: inline-block;
		margin-right: 30px;
		margin-left: 30px;
	}
	
	.custom-nav-slider-clientes .flex-prev,
	.custom-nav-slider-servicos .flex-prev {
		float: left;
		margin-left: -50px;
	}
	
	.custom-nav-slider-servicos .flex-next {
		float: right;
		margin-right: -20px;
	}
	
	.custom-nav-slider-clientes .flex-next{
		margin-right: -40px;
	}
	
	div#clientes ul.slick-initialized.slick-slider {
		padding: 0;
	}
	

}
@media( max-width: 1200px ) {
    
	 
    
}
@media( max-width: 1199px ) {
	.card-servico{
    	margin: 20px 10px;	
	}
	
	.card-servico .conteudo h3 {
		height: 55px;
	}
	
	#fazemos .imagem {
		margin-top: 0px;
		position: absolute;
		right: 0;
		max-width: 55%;
	}
	
	#contato2 .card-contato {
    	min-height: 265px;
	}
	#contato2 .mapa iframe {
		width: 100%;
		height: 530px;
	}

	.custom-nav-galeria { 
		margin-left: 48%;
		transform: translateX(-5.5%);
		margin-top: 50px;
	}

	.custom-nav-slider-clientes .flex-next,
	.custom-nav-slider-servicos .flex-next {
		float: right;
		margin-right: 0;
	}
	.custom-nav-slider-clientes .flex-prev,
	.custom-nav-slider-servicos .flex-prev {
		float: left;
		margin-left: 0;
	}
	
	.custom-nav-slider-clientes,
	.custom-nav-slider-servicos {
		top: 0;
		position: relative;
		width: 200px;
		display: block;
		margin: 50px auto 0 auto;
	}
	
	
	#footer {
		font-size: 12px;
		line-height: 21px;
	}
	
	
     
	#header-top {
		padding: 5px 0;
	}
	#header-top .contatos {
		font-size: 10px;
	}
	#header-top .endereco {
		display: inline-block;
	}
	#header-top .telefone {
		display: inline-block;
		margin-right: 15px;
		margin-left: 15px;
	}
	#header-top ul.social { 
		margin: 0 0 0 0;
	}


	#header #main-menu ul li { 
		margin: 0 0 0 20px;
	}
	#header #main-menu ul li a { 
		font-size: 12px;
	}
	



	#slider-home .slide {
		height: 348px; 
	}

	#slider-home .slide .conteudo h2 {
		font-size: 36px;
		line-height: 60px;
		margin-bottom: 10px;
		position: relative;
	}
	#slider-home .slide .conteudo {
		color: white;
		font-size: 15px;
		line-height: 22px;
		margin-top: 70px;
	}


	#slider-home .slide .conteudo .botao {
		margin-top: 30px;
	}

	.custom-navigation-home {
		display: none;
	}

	
	
	.btn {
		line-height: 19px;
		display: inline-block;
		border-radius: 4px;
		padding: 9px 35px;
		font-size: 14px;
		font-weight: 600;
		font-family: 'Rubik', sans-serif;
		height: 45px;
	}
	
	
	
	
	#home2 {
		padding: 80px 0;
	}
	
	.session-title h2 { 
		font-size: 32px; 
	}
	h2 {
		font-size: 32px;
	}
	
	
	.card-servico { 
		height: 426px; 
	}
	
	
	
	
	.footer-top h2 {
		font-size: 22px;
	}



	#sobre2 {
		padding: 80px 0;
	}

	
	
} 
@media( max-width: 1024px ) {
    #contato2 .card-contato > p:last-child {
		height: 78px;
		font-size: 13px;
	}
	.sub-header {
		width: 100%;
		height: 185px;
	} 
	.sub-header .conteudo {
		padding-top: 60px;
	}
    .sub-header .conteudo h2 {
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 15px;
	} 
	.sub-header .breadcumbs {
    	font-size: 14px;
	}
	
	#home2 .col-lg-6 {
		align-items: center !important;
	}
	
	#home2 .session-title {
		margin: 0;
	}
	
	#home2 .session-title p {
		font-size: 14px;
	}

	section#home2 .offset-lg-1 {
		margin-left: 0;
	}
	
    
} 
@media( max-width: 991px ) {
	#home2 .imagem {
		margin: 0 auto 50px;
	}
	
	.container,
	.container.ajust-1500{
		padding: 0 15px;
	}
	
	.card-servico .conteudo h3 br {
		display: none;
	}

	#footer {
		text-align: center;
	}
	#footer .descricao {
		max-width: 100%;
		margin-bottom: 30px;
	}
	
	
	#footer ul {
		width: 250px;
		margin: 0 auto;
		display: block;
		text-align: left;
	}

	#servicos4 .imagem {
		text-align: center;
	}
	
	#contato2 .conteudo-form .formulario {
		padding: 20px 15px 40px 15px;
	}
	#contato2 input[type="submit"] {
		width: 100%;
		margin-top: 10px;
	}
	input[type="submit"] {
		width: auto;
		background-color: black;
		border: 2px solid black;
		color: white;
		padding: 0 70px;
		float: inherit;
		margin: 10px auto;
		display: inherit;
	}


	#servicos4 .botao {
		margin-top: 40px;
		margin-bottom: 50px;
		text-align: center;
	}
	
	.custom-nav-galeria {
		margin-left: 45%;
	}
	
	#scroll-to-top {
		right: 30px;
		bottom: 30px;
		width: 40px;
	}
  
	#funciona .conteudo-2 h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#funciona .conteudo-2 {
		padding-left: 0;
		margin-top: 40px;
	}
	#funciona .botao {
		margin-top: 50px;
		padding-left: 0;
		text-align: center;
	}
	
	#header-top {
		display: none;
	}



    #header #main-menu {
		display: none;
	}
	#menuMobile {
		background: white;
		padding: 20px 30px;
		position: absolute;
		right: 0;
	}
	 

	
	#header .toggle {
		display: block;
		text-align: right;
		padding-top: 15px;
		position: absolute;
		right: 0;
		top: -70px;
	} 
	#header .toggle button {
		background: transparent;
		border: 0;
		color: #4d5052;
		font-size: 40px;
	}

	#menuMobile {
		background: white;
		padding: 20px 30px;
	}
	#menuMobile ul {
		padding: 0;
		margin-top: 20px;
	}
	#menuMobile ul li {
		display: block;
		width: 100%;
		line-height: 40px;
	}
	#menuMobile ul li a {
		color: #312E39;
		font-weight: 600;
		font-size: 16px;
	}
    

	
	
	
	
	#home2 {
		padding: 60px 0;
	}
	
	#home2 .imagem {
		margin-bottom: 50px;
	}
	
	
	
	#fazemos {
    	background-color: #F5F5F7;
		padding: 80px 0;
		margin-top: 0;
	}
	#fazemos .imagem-mobile {
		margin-bottom: 40px;
	}
	
	
	#slider-servicos {
		margin-top: 50px;
	}
	
	
	
	
	#funciona {
		padding: 80px 0;
	}

	
	
	#trabalhos {
		background-color: #F5F5F7;
		padding: 80px 0;
	}
	
	#clientes {
		padding: 80px 0;
	}
	
	
	#clientes .logotipo-cliente {
		margin-bottom: 20px;
		text-align: center;
	}
	
	
	
	.footer-top{
		text-align: center;
	}
	.footer-top .botao {
		text-align: center;
		margin-top: 10px;
	}
	
	
	
	
	
	
	
	#sobre3 .card-inst {
		background-color: #FFFFFF;
		padding: 25px 20px
	}
	
	
	
	
	#servicos2 {
		padding: 80px 0;
	}

	#servicos2 .card-servico {
		margin: 0 0 40px 0;
		height: auto;
	}
	
	
	
	#trabalhe2 {
		padding: 70px 0 ;
	}
	#trabalhe2 .imagem {
		text-align: center;
	}
	#trabalhe2 .imagem img {
		max-height: 450px;
	}
	
	#contato2 {
		padding: 80px 0 0 0;
	}
	
	#contato2 .card-contato {
		min-height: auto;
	}
	
	#contato2 .mapa {
		margin-top: 50px;
	}
	
	
	
	
	#home2 .imagem {
		margin-bottom: 50px;
		text-align: center;
	}
	
	#home2 .session-title h3, #home2 .session-title h2 {
		text-align: center;
	}

	#home2 .botao {
		margin-top: 40px;
		text-align: center;
	}


	.card-servico {
		height: auto;
		min-height: 350px;
	}


 




	#sobre2 .session-title h2 {
		font-size: 32px;
		text-align: center;
	}

	#sobre2 .botao {
		margin-top: 40px;
		text-align: center;
	}




	#sobre3 .card-inst .titulo {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#fazemos .session-title h3, #fazemos .session-title h2 {
		text-align: center;
	}




	#servicos2 .session-title h2 {
		text-align: center;
	}

	#footer .col-lg-3 ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 auto;
	}

	#footer .col-lg-3 h3 {
		text-align: center;
	}

	#footer .col-lg-3 ul li {
		padding: 0;
		background: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 10px;
	}

	#footer .col-lg-3 ul li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#footer .col-lg-3 ul li img {
		margin: 0;
		margin-bottom: 5px;
	}

	#footer .social-footer {
		margin-top: 25px;
	}

	#footer .social-footer ul.social {
		width: max-content;
		margin: 0 auto;
	}

	#footer ul.social {
		display: flex;
		width: max-content;
	}

	#footer ul.social li {
		margin: 0px 10px;
	}

	#footer .social-footer h3 {
		margin-bottom: 15px;
	}
	
	#servicos4 {
		text-align: center;
	}
	
	







}
@media( min-width: 576px ) and (max-width: 991px){
	#footer .col-lg-3 {
		max-width: 50%;
	}


}
@media( max-width: 768px ) {
    #funciona ul.itens-funciona li {
		min-height: 120px;
	}
	.card-servico {
		height: auto;
	}
	
	#clientes .session-title {
		margin-bottom: 40px;
	}
	
    div#slider-clientes img {
		margin: 0 auto;
	}

	ul.slick-initialized.slick-slider {
		padding: 0;
	}
	#funciona ul.itens-funciona li {
		min-height: 120px;
	}

    
}
@media( max-width: 767px ) {
	.custom-nav-slider-clientes,
	.custom-nav-slider-servicos {
		margin: 20px auto 0 auto;
	}
 

	.galeria-cases .imagem {
		width: 100% !important;
		height: 300px !important;
		margin: 0 0 20px 0!important;
		float: inherit;
		border-radius: 8px;
	}
	.galeria-cases .imagem .overlay{
		width: 100% !important;
		height: 300px !important;
	}
	
	
	
	.session-title h2, h2 {
		font-size: 26px;
	}
	.session-title h3, h3 {
		font-size: 14px;
	}
	
	
	.footer-top {
		text-align: center;
		padding: 30px 20px;
	}
	
	.footer-top h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}  
@media( max-width: 575px ) {
	#footer .col-lg-3 {
		max-width: 100%;
	}
   	.footer-top {
		margin-bottom: 50px;
	}
	
	#slider-home .slide .conteudo h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px;
		position: relative;
	}
	
	#slider-home .slide .conteudo {
		color: white;
		font-size: 13px;
		line-height: 20px;
		margin-top: 50px;
	}
	
	 
    .custom-nav-galeria { 
		margin-left: 33%;
		transform: none;
		margin-top: 50px;
	}
	
	
	#slider-home .slide {
		height: 348px;
		background-position: 35%;
	}
	
	
	#home2 .botao {
		margin-top: 40px;
		text-align: center;
	}
	
    .card-servico {
		height: auto;
		min-height: 440px;
	}
	.card-servico .conteudo h3 {
		font-size: 18px;
		line-height: 24px;
	}
	
	
	
	
	#funciona .botao {
		margin-top: 40px;
		padding-left: 0;
		text-align: center;
	}
	
	
	#sobre2 .botao {
		margin-top: 40px;
		text-align: center;
	}
	 
	
	
	#servicos4 .botao {
		margin-top: 40px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	
	
	
	
	
	
	#trabalhe2 .imagem img {
		max-height: 450px;
	} 
	#trabalhe2 .imagem {
		text-align: center;
	}
	
	
	
	#footer .coluna2 {
		display: block;
		margin: 0 auto;
		width: 130px;
	}
	
	
	
	
	#footer {
		text-align: center;
		padding: 70px 0 0 0;
	}
	
	#footer .coluna2{
		width: 100%;
	}
	
	#servicos2 p, #servicos3 .conteudo-2 h4, #servicos3 .conteudo-2 p, #servicos4,
	section#sobre2 p, section#sobre4 p,
	section#home2 p, section#home3 p, section#home4 #funciona .conteudo-2 p, section#home4 #funciona .conteudo-2 h4{
		text-align: center;
	}
	
	section#servicos4 {padding-top: 0;}
	
	.footer-top h2 {
		font-size: 16px;
	}

	.footer-top {
		margin-top: -210px;
	}
	
	.card-servico .conteudo h3 {
		font-size: 20px;
		height: max-content;
	}
    
	section#servicos2 .card-servico .conteudo h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	section#servicos2 .card-servico {
		min-height: max-content;
	}
	
	#servicos4 .session-title {
		margin-top: 70px;
	}
	
	#contato2 .card-contato > p{
	    height: max-content !important;
	}
	
}
@media( max-width: 414px ) {
	
	
	 .custom-nav-galeria { 
		margin-left: 26%; 
	}

		
}

.grecaptcha-badge {
    display: none;
}


@keyframes aslAnFadeInDrop {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes aslAnFadeInDrop {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
}

@keyframes aslAnFadeOutDrop {
    0% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
}

@-webkit-keyframes aslAnFadeOutDrop {
    0% {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
    }
}

.hiddend {
    display: none !important;
}

div.asl_w.asl_an_fadeInDrop,
div.asl_w.asl_an_fadeOutDrop {
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

div.asl_w.asl_an_fadeInDrop {
    animation-name: aslAnFadeInDrop;
    -webkit-animation-name: aslAnFadeInDrop;
}

div.asl_w.asl_an_fadeOutDrop {
    animation-name: aslAnFadeOutDrop;
    -webkit-animation-name: aslAnFadeOutDrop;
}

div.asl_w.asl_main_container {
    transition: width 130ms linear;
    -webkit-transition: width 130ms linear;
}

div.asl_w,
div.asl_w *,
div.asl_r,
div.asl_r *,
div.asl_s,
div.asl_s * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
}

div.asl_r,
div.asl_r * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.asl_r {
    box-sizing: border-box;
    margin: 12px 0 0 0;
}

div.asl_m .proinput input::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div.asl_m .proinput input::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div.asl_m input[type="search"]::-webkit-search-decoration,
div.asl_m input[type="search"]::-webkit-search-cancel-button,
div.asl_m input[type="search"]::-webkit-search-results-button,
div.asl_m input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

div.asl_m input[type="search"] {
    appearance: auto !important;
    -webkit-appearance: none !important;
}

.clear {
    clear: both;
}

.hiddend {
    display: none;
}

div.asl_m textarea:focus,
div.asl_m input:focus {
    outline: none;
}

div.asl_m {
    width: 100%;
    height: auto;
    border-radius: 0;
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
    position: relative;
    z-index: 200;
}

div.asl_m .probox {
    width: auto;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #fff;
    box-shadow: 1px 0 3px #ccc inset;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

div.asl_m .probox .proinput {
    width: 1px;
    height: 100%;
    margin: 0 0 0 10px;
    padding: 0 5px;
    float: left;
    box-shadow: none;
    position: relative;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    order: 5;
    -webkit-order: 5;
}

div.asl_m .probox .proinput form {
    height: 100%;
    /* some themes like to add un-removable margin and padding.. */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    max-width: unset !important;
}

div.asl_m .probox .proinput input:before,
div.asl_m .probox .proinput input:after,
div.asl_m .probox .proinput form:before,
div.asl_m .probox .proinput form:after {
    display: none;
}

div.asl_m .probox .proinput input {
    height: 28px;
    border: 0;
    background: transparent;
    width: 100%;
    box-shadow: none;
    margin: -1px;
    padding: 0;
    left: 0;
    line-height: normal !important;
    display: block;
    min-height: unset;
    max-height: unset;
}

div.asl_m .probox .proinput input::-webkit-input-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input::-moz-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input:-ms-input-placeholder {
    opacity: .85;
}

div.asl_m .probox .proinput input:-moz-placeholder {
    opacity: .85;
}

div.asl_m .proinput input.orig {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    z-index: 10;
    position: relative;
}

div.asl_m .proinput input.autocomplete {
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    opacity: .2;
}

div.asl_m .probox .proinput input.autocomplete {
    border: 0;
    background: transparent;
    width: 100%;
    box-shadow: none;
    margin: 0;
    margin-top: -28px !important;
    padding: 0;
    left: 0;
    position: relative;
    z-index: 9;
}

div.asl_m .probox .proinput.iepaddingfix {
    padding-top: 0;
}

div.asl_m .probox .proinput .loading {
    width: 32px;
    background: #000;
    height: 100%;
    box-shadow: none;
}

div.asl_m .probox .proloading,
div.asl_m .probox .proclose,
div.asl_m .probox .promagnifier,
div.asl_m .probox .prosettings {
    width: 20px;
    height: 20px;
    background: none;
    background-size: 20px 20px;
    float: right;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: center;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    z-index: 100;
}

div.asl_m .probox .promagnifier {
    order: 10;
    -webkit-order: 10;
}

div.asl_m .probox .prosettings {
    order: 1;
    -webkit-order: 1;
}

div.asl_m .probox .proloading,
div.asl_m .probox .proclose {
    background-position: center center;
    display: none;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: transparent;
    order: 6;
    -webkit-order: 6;
}

div.asl_m .probox .proclose {
    position: relative;
    cursor: pointer;
}

div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: initial;
    display: block;
}

div.asl_m .probox .promagnifier .innericon svg,
div.asl_m .probox .prosettings .innericon svg,
div.asl_m .probox .proloading svg {
    height: 100%;
    width: 22px;
    vertical-align: baseline;
    display: inline-block;
}

div.asl_m .probox .proloading {
    padding: 2px;
    box-sizing: border-box;
}

div.asl_m .probox div.asl_loader,
div.asl_m .probox div.asl_loader * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

div.asl_m .probox div.asl_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 28px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

div.asl_m .probox div.asl_loader-inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 100%;
}

@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div.asl_m .probox div.asl_simple-circle {
    margin: 0;
    height: 100%;
    width: 100%;
    animation: rotate-simple .8s infinite linear;
    -webkit-animation: rotate-simple .8s infinite linear;
    border: 4px solid #fff;
    border-right-color: transparent !important;
    border-radius: 50%;
    box-sizing: border-box;
}

div.asl_m .probox .proclose svg {
    background: #333;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    fill: #fefefe;
    padding: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}

div.asl_r * {
    text-decoration: none;
    text-shadow: none;
}

div.asl_r .results .asl_nores {
    overflow: hidden;
    width: auto;
    height: 100%;
    line-height: initial;
    text-align: center;
    margin: 0;
    background: #fff;
    padding: 10px 3px;
    color: #222;
}

div.asl_r.horizontal {
    padding: 2px 0 10px;
}

div.asl_r.horizontal .results .nores {
    background: transparent;
}

div.asl_r .results {
    overflow: hidden;
    width: auto;
    height: 0;
    margin: 0;
    padding: 0;
}

div.asl_r.horizontal .results {
    height: auto;
    width: auto;
}

div.asl_r .results .item {
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 3px;
    position: relative;
    background: #f4f4f4;
    border-left: 1px solid rgba(255, 255, 255, .6);
    border-right: 1px solid rgba(255, 255, 255, .4);
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease;
    backface-visibility: hidden;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    -webkit-backface-visibility: hidden;
}

div.asl_r.vertical .results .item:last-child {
    margin-bottom: 0;
}

div.asl_r.vertical .results .item:last-child:after {
    height: 0;
    margin: 0;
    width: 0;
}

div.asl_r .results .item .asl_image {
    overflow: hidden;
    background: transparent;
    margin: 2px 8px 0 0;
    padding: 0;
    float: left;
    background-position: center;
    background-size: cover;
}

div.asl_r .results .item .asl_image img {
    width: 100%;
    height: 100%;
}

div.asl_r .results .item .asl_content {
    overflow: hidden;
    height: auto;
    background: transparent;
    margin: 0;
    padding: 3px 3px 5px 3px;
}

div.asl_r .results .item .asl_content h3 {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: inherit;
}

div.asl_r .results .item .asl_content .asl_desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
}

div.asl_r .results .item div.etc {
    margin-top: 4px;
}

div.asl_r .results a span.overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

div.asl_r p.showmore {
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: Open Sans;
    color: #055e94;
    font-size: 12px;
    line-height: 30px;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #fff;
    margin-top: 3px;
    cursor: pointer;
}

div.asl_r p.showmore span {
    font-weight: normal;
    font-family: Open Sans;
    color: #055e94;
    font-size: 12px;
    line-height: 30px;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    display: block;
    text-align: center;
    cursor: pointer;
}

.results .asl_nores .asl_keyword {
    padding: 0 6px;
    cursor: pointer;
    font-weight: bold;
    font-family: Open Sans;
}

div.asl_r .resdrg {
    height: auto;
}



div.asl_w .group:first-of-type {
    margin: 0 0 -3px;
}

div.asl_s.searchsettings {
    width: 200px;
    height: auto;
    position: absolute;
    display: none;
    z-index: 1101;
    border-radius: 0 0 3px 3px;
    visibility: hidden;
    padding: 0;
}

div.asl_s.searchsettings form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

div.asl_s.searchsettings .asl_option_inner {
    margin: 2px 10px 0 10px;
    *padding-bottom: 10px;
}

div.asl_s.searchsettings.ie78 .asl_option_inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

div.asl_s.searchsettings .asl_option_label {
    font-size: 14px;
    line-height: 20px !important;
    margin: 0;
    width: 150px;
    text-shadow: none;
    padding: 0;
    min-height: 20px;
    border: none;
    background: transparent;
    float: none;
}

div.asl_s.searchsettings .asl_option_inner input[type=checkbox] {
    display: none !important;
}

div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] {
    display: block;
}

div.asl_s.searchsettings.ie78 .asl_option_label {
    float: right !important;
}

div.asl_s.searchsettings .asl_option {
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    margin: 0 0 10px 0;
    cursor: pointer;
}

div.asl_s.searchsettings .asl_option.asl-o-last,
div.asl_s.searchsettings .asl_option:last-child {
    margin-bottom: 0;
}

div.asl_s.searchsettings .asl_option_inner {
    width: 17px;
    height: 17px;
    position: relative;
    flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox {
    cursor: pointer;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 0;
    padding: 0;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
    overflow: hidden;
    font-size: 0 !important;
    color: rgba(0, 0, 0, 0);
}

/* MODERN BROWSER SCROLL START */
div.asl_r.vertical .results,
div.asl_s.searchsettings .asl_sett_scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}

div.asl_r.vertical .results {
    scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255,255,255);
}

div.asl_r.vertical .results::-webkit-scrollbar {
    width: 10px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar {
    width: 6px;
}

div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 0 12px 12px transparent;
    border: none;
}

div.asl_r.vertical .results::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    box-shadow: inset 0 0 12px 12px transparent;
    border: solid 2px transparent;
}

div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0);
    border: solid 2px transparent;
    border-radius: 12px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
    border: none;
}

div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
@media (hover: none), (max-width: 500px) {
    div.asl_r.vertical .results::-webkit-scrollbar-thumb,
    div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
    }
}
/* MODERN BROWSER SCROLL END */

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after {
    opacity: 0;
    font-family: 'aslsicons2';
    content: "\e800";
    font-weight: normal !important;
    background: transparent;
    border: none !important;
    box-sizing: content-box;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 1px 0 0 0 !important;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    display: block;
    font-size: 11px !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after {
    display: none;
}

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after {
    opacity: .3;
}

div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after {
    opacity: 1;
}

div.asl_s.searchsettings fieldset {
    position: relative;
    float: left;
}

div.asl_s.searchsettings fieldset {
    background: transparent;
    font-size: .9em;
    margin: 12px 0 0 !important;
    padding: 0;
    width: 192px;
}

div.asl_s.searchsettings fieldset .asl_option_label {
    width: 130px;
    display: block;
}

div.asl_s.searchsettings form fieldset legend {
    padding: 5px 0 8px 10px;
}

#asl_hidden_data {
    display: none !important;
}

.asl_r .item {
    /* To override .overlap */
    .asl__af-tt-container {
        position: relative;
        z-index: 2;

        .asl__af-tt-link {
            transition: opacity 0.2s;
            &:hover {
                opacity: 0.7;
            }
        }
    }

    .average-rating {
        --percent: 0%;
        --color: #2EA3F2;
        --bg-color: rgba(0,0,0,0.2);
        --size: 17px;
        position: relative;
        appearance: none;
        width: auto;
        display: inline-block;
        vertical-align: baseline;
        font-size: var(--size);
        line-height: calc(var(--size) - 15%);
        color: var(--bg-color);
        background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.asl_r .item {
    .price {
        --regular-price-color: #666;
        --sale_price_color: #666;
        color: var(--regular-price-color);

        del {
            opacity: .5;
            display: inline-block;
            text-decoration: line-through;
            color: var(--regular-price-color);
        }

        ins {
            margin-left: 0.5em;
            text-decoration: none;
            font-weight: 700;
            display: inline-block;
            color: var(--sale_price_color);
        }
    }

    .add-to-cart-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        z-index: 10;
        width: 100%;
        margin: 12px 0;

        .add-to-cart-quantity {
            padding: 8px 0 8px 8px;
            background: #eaeaea;
            width: 32px;
            border-radius: 4px 0 0 4px;
            height: 18px;
            min-height: unset;
            display: inline-block;
            font-size: 13px;
            line-height: normal;
        }

        .add-to-cart-button {
            padding: 8px;
            border-radius: 4px;
            background: #6246d7;
            color: white;
            height: 18px;
            min-height: unset;
            display: block;
            text-align: center;
            min-width: 90px;
            font-size: 13px;
            line-height: normal;

            &.add-to-cart-variable {
                border-radius: 4px;
            }
            &.loading {
                content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            }
        }

        a.added_to_cart {
            flex-basis: 100%;
            margin-top: 8px;
        }
    }

    .add-to-cart-container:has(.add-to-cart-quantity) {
        .add-to-cart-button {
            border-radius: 0 4px 4px 0;
        }
    }
}

.rtl .asl_content,
.rtl .asl_nores,
.rtl .asl_content *,
.rtl .asl_nores *,
.rtl .searchsettings form {
    text-align: right !important;
    direction: rtl !important;
}

.rtl .asl_nores>* {
    display: inline-block;
}

.rtl div.asl_r .results .item .asl_image {
    float: right;
    margin: 2px 0 0 8px;
}

.rtl .searchsettings .asl_option {
    flex-direction: row-reverse !important;
    -webkit-flex-direction: row-reverse !important;
}

.rtl .asl_option {
    direction: ltr;
}

.rtl .asl_label,
.rtl .asl_option div.asl_option_label {
    text-align: right !important;
}

.rtl .asl_label {
    max-width: 1000px !important;
    width: 100%;
    direction: rtl !important;
}

.rtl .asl_label input[type=radio] {
    margin: 0 0 0 6px !important;
}

.rtl .asl_option_cat_level-0 div.asl_option_label {
    font-weight: bold !important;
}

.rtl fieldset .asl_option_cat_level-1 {
    margin-right: 12px !important;
    margin-left: 0;
}

.rtl fieldset .asl_option_cat_level-2 {
    margin-right: 24px !important;
    margin-left: 0;
}

.rtl fieldset .asl_option_cat_level-3 {
    margin-right: 36px !important;
    margin-left: 0;
}

.rtl .searchsettings legend {
    text-align: right !important;
    display: block;
    width: 100%;
}

.rtl .searchsettings input[type=text],
.rtl .searchsettings select {
    direction: rtl !important;
    text-align: right !important;
}

.rtl div.asl_w.asl_s.searchsettings form,
.rtl div.asl_w.asl_sb.searchsettings form {
    flex-direction: row-reverse !important;
}

.rtl div.horizontal.asl_r div.item {
    float: right !important;
}

.rtl p.asl-try {
    direction: rtl;
    text-align: right;
    margin-right: 10px;
    width: auto !important;
}