@charset "UTF-8";
@-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 (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@keyframes popout {
  0% {
    transform: scale(0);
  }
  20% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes shake-intense {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes turn-toRight {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes turn-toLeft {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes animate-extra {
  0% {
    -webkit-transform: perspective(160px);
  }
  50% {
    -webkit-transform: perspective(160px) rotateY(-180deg);
  }
  100% {
    -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
  }
}
@keyframes glowinglight {
  0% {
    background-color: #FFF;
    box-shadow: 0 0 10px #dfdfce;
  }
  50% {
    background-color: #FFF;
    box-shadow: 0 0 50px #dfdfce;
  }
  100% {
    background-color: #FFF;
    box-shadow: 0 0 10px #dfdfce;
  }
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Black.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Black.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-BlackItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-BlackItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraBold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraBold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Bold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Bold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-BoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-BoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-SemiBold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-SemiBold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Medium.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Medium.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-MediumItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-MediumItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Italic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Italic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Regular.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Regular.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Light.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Light.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-LightItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-LightItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraLight.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraLight.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Thin.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Thin.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ThinItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ThinItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Arial", sans-serif;
}
body .main-wrapper.noscroll {
  overflow: hidden;
  height: 100vh;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.u-dn {
  display: none;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-underline {
  text-decoration: underline;
}

input,
button,
select {
  font-family: inherit;
}

[role=button],
button {
  cursor: pointer;
}

input {
  word-break: normal;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

b,
strong {
  font-weight: bold;
}

#story-root {
  margin: 10px;
}

.webkitBox {
  display: inline-block !important;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.opacity0 {
  opacity: 0;
}

.mg-minus-top {
  margin-top: -5rem !important;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .mg-minus-top {
    margin-top: 1rem !important;
  }
}

.slick-slide {
  height: inherit;
}
.slick-slide img {
  display: none;
}
.slick-dots {
  background-color: rgba(0, 148, 77, 0.3);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: min-content;
  border-radius: 6.1875rem;
  display: flex;
  padding: 0.5rem 0.25rem;
  bottom: -2.75rem;
}
.slick-dots li {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.375rem;
}
.slick-dots li:first-of-type {
  margin-left: 1rem;
}
.slick-dots li:last-of-type {
  margin-right: 1rem;
}
.slick-dots li button {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 0.5;
  transition: 0.2s ease-in-out;
}
.slick-dots li button:before {
  color: transparent !important;
  background-color: transparent;
  width: 0.75rem;
  height: 0.75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots li.slick-active button {
  opacity: 1;
}
.slick-arrow {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #00944d;
  transition: 0.2s ease-in-out;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-arrow:hover {
  background-color: rgba(0, 148, 77, 0.8);
}
.slick-arrow:focus {
  background-color: rgba(0, 148, 77, 0.8);
}
.slick-arrow:before {
  content: none;
}
.slick-arrow:after {
  content: "";
  display: block;
  width: 0.5625rem;
  height: 0.5625rem;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .slick-prev {
    left: -1.25rem;
  }
}
.slick-prev:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0.1875rem;
}
.slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .slick-next {
    right: -1.25rem;
  }
}
.slick-next:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 0.1875rem;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.slick-disabled:hover {
  background-color: #00944d;
}

.modal-open .main-wrapper.noscroll {
  overflow: hidden;
  height: 100vh;
}

::-webkit-scrollbar {
  position: absolute;
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  -webkit-overflow-scrolling: auto;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar:vertical {
  width: 7px;
  -webkit-overflow-scrolling: auto;
}

.mw43 {
  max-width: 43%;
  text-align: center;
}
@media (max-width: 575px) {
  .mw43 {
    max-width: 100%;
  }
}

@-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 (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@keyframes popout {
  0% {
    transform: scale(0);
  }
  20% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes shake-intense {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes turn-toRight {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes turn-toLeft {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes animate-extra {
  0% {
    -webkit-transform: perspective(160px);
  }
  50% {
    -webkit-transform: perspective(160px) rotateY(-180deg);
  }
  100% {
    -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
  }
}
@keyframes glowinglight {
  0% {
    background-color: #FFF;
    box-shadow: 0 0 10px #dfdfce;
  }
  50% {
    background-color: #FFF;
    box-shadow: 0 0 50px #dfdfce;
  }
  100% {
    background-color: #FFF;
    box-shadow: 0 0 10px #dfdfce;
  }
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Black.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Black.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-BlackItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-BlackItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraBold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraBold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Bold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Bold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-BoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-BoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-SemiBold.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-SemiBold.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Medium.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Medium.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-MediumItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-MediumItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Italic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Italic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Regular.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Regular.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Light.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Light.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-LightItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-LightItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraLight.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraLight.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-Thin.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-Thin.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url(../assets/src/assets/fonts/Raleway-ThinItalic.woff2) format("woff2"), url(../assets/src/assets/fonts/Raleway-ThinItalic.woff) format("woff"), url(../assets/src/assets/fonts/Raleway-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Arial", sans-serif;
}
body .main-wrapper.noscroll {
  overflow: hidden;
  height: 100vh;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.u-dn {
  display: none;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-underline {
  text-decoration: underline;
}

input,
button,
select {
  font-family: inherit;
}

[role=button],
button {
  cursor: pointer;
}

input {
  word-break: normal;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

b,
strong {
  font-weight: bold;
}

#story-root {
  margin: 10px;
}

.webkitBox {
  display: inline-block !important;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.opacity0 {
  opacity: 0;
}

.mg-minus-top {
  margin-top: -5rem !important;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .mg-minus-top {
    margin-top: 1rem !important;
  }
}

.slick-slide {
  height: inherit;
}
.slick-slide img {
  display: none;
}
.slick-dots {
  background-color: rgba(0, 148, 77, 0.3);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: min-content;
  border-radius: 6.1875rem;
  display: flex;
  padding: 0.5rem 0.25rem;
  bottom: -2.75rem;
}
.slick-dots li {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.375rem;
}
.slick-dots li:first-of-type {
  margin-left: 1rem;
}
.slick-dots li:last-of-type {
  margin-right: 1rem;
}
.slick-dots li button {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 0.5;
  transition: 0.2s ease-in-out;
}
.slick-dots li button:before {
  color: transparent !important;
  background-color: transparent;
  width: 0.75rem;
  height: 0.75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots li.slick-active button {
  opacity: 1;
}
.slick-arrow {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #00944d;
  transition: 0.2s ease-in-out;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-arrow:hover {
  background-color: rgba(0, 148, 77, 0.8);
}
.slick-arrow:focus {
  background-color: rgba(0, 148, 77, 0.8);
}
.slick-arrow:before {
  content: none;
}
.slick-arrow:after {
  content: "";
  display: block;
  width: 0.5625rem;
  height: 0.5625rem;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .slick-prev {
    left: -1.25rem;
  }
}
.slick-prev:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0.1875rem;
}
.slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .slick-next {
    right: -1.25rem;
  }
}
.slick-next:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 0.1875rem;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.slick-disabled:hover {
  background-color: #00944d;
}

.modal-open .main-wrapper.noscroll {
  overflow: hidden;
  height: 100vh;
}

::-webkit-scrollbar {
  position: absolute;
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  -webkit-overflow-scrolling: auto;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar:vertical {
  width: 7px;
  -webkit-overflow-scrolling: auto;
}

.mw43 {
  max-width: 43%;
  text-align: center;
}
@media (max-width: 575px) {
  .mw43 {
    max-width: 100%;
  }
}

.a-button {
  position: relative;
  background-color: #ffffff;
  border: none;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  height: 3rem;
  border-radius: 0.1875rem 0;
  font-weight: 500;
}
.a-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in-out;
  top: 0;
  left: 0;
  border-radius: 0.3125rem 0;
  background-color: transparent;
}
.a-button:focus {
  outline: 0;
}
.a-button:hover {
  text-decoration: none;
}
.a-button:hover:not(:disabled):before {
  background-color: rgba(255, 255, 255, 0.2);
}
.a-button:active:not(:disabled):before {
  background-color: transparent;
}
.a-button-lg {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.a-button-bold {
  font-weight: bold;
}
.a-button-warning.a-button-filled {
  background-color: #ffd931;
  color: #1B1B1B;
}
.a-button-warning.a-button-outlined {
  background-color: #ffffff;
  color: #ffd931;
  border: 0.0625rem solid #ffd931;
}
.a-button-warning.a-button-text {
  background-color: #ffffff;
  color: #ffd931;
}
.a-button-success.a-button-filled {
  background-color: #00944d;
  color: #ffffff;
}
.a-button-success.a-button-outlined {
  background-color: #ffffff;
  color: #00944d;
  border: 0.0625rem solid #00944d;
}
.a-button-success.a-button-text {
  background-color: #ffffff;
  color: #00944d;
}
.a-button-icon .a-icon {
  margin-right: 0.25rem;
}
.a-button:disabled {
  cursor: not-allowed;
  color: #A8AAAE;
  background-color: #ffffff;
}
.a-button:disabled.a-button-filled {
  background-color: #F3F4F7;
}
.a-button:disabled.a-button-outlined {
  border: 0.0625rem solid #DADADA;
}

.a-hashtag {
  font-weight: normal;
}
.a-hashtag-antiFlashWhite {
  color: #E6F5EE;
}
.a-hashtag-bananaYellow {
  color: #ffd931;
}
.a-hashtag-battleshipGrey {
  color: #858585;
}
.a-hashtag-blueDeFrance {
  color: #2F80ED;
}
.a-hashtag-chalestonGreen {
  color: #2C2C2C;
}
.a-hashtag-davyGrey {
  color: #5a5a5a;
}
.a-hashtag-eerieBlack {
  color: #1B1B1B;
}
.a-hashtag-gainsboro {
  color: #DADADA;
}
.a-hashtag-neonCarrot {
  color: #F2994A;
}
.a-hashtag-onys {
  color: #3A3A3C;
}
.a-hashtag-sliverChalice {
  color: #A8AAAE;
}
.a-hashtag-snow {
  color: #fafafa;
}
.a-hashtag-spainishGray {
  color: #929292;
}
.a-hashtag-spanishGreen {
  color: #00944d;
}
.a-hashtag-white {
  color: #ffffff;
}
.a-hashtag-white {
  color: #ffffff;
}
.a-hashtag-whiteSmoke {
  color: #F3F4F7;
}
@media (max-width: 991px) {
  .a-hashtag {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.a-hashtag a {
  color: inherit;
}
.a-hashtag a:hover {
  text-decoration: none;
}
.a-hashtag-bold {
  font-weight: bold;
}
.a-hashtag-md {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.a-hashtag-italic {
  font-style: italic;
}

.a-heading {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}
.a-heading-h1 {
  font-size: 3.25rem;
  line-height: 6rem;
}
.a-heading-h2 {
  font-size: 2rem;
  line-height: 3rem;
}
@media (min-width: 1600px) {
  .a-heading-h2 {
    font-size: 2.25rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .a-heading-h2 {
    font-size: 1.5rem;
    line-height: 2.0625rem;
  }
}
@media (max-width: 991px) {
  .a-heading-h2 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.a-heading-h3 {
  font-size: 1.375rem;
  line-height: 1.5rem;
}
@media (min-width: 1600px) {
  .a-heading-h3 {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}
.a-heading-h4 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (min-width: 1600px) {
  .a-heading-h4 {
    font-size: 1.5rem;
    line-height: 2.0625rem;
  }
}
@media (max-width: 991px) {
  .a-heading-h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.a-heading-capitalize {
  text-transform: capitalize;
}
.a-heading-uppercase {
  text-transform: uppercase;
}
.a-heading-left {
  text-align: left;
}
.a-heading-center {
  text-align: center;
}
.a-heading-100 {
  font-weight: 100;
}
.a-heading-200 {
  font-weight: 200;
}
.a-heading-300 {
  font-weight: 300;
}
.a-heading-400 {
  font-weight: normal;
}
.a-heading-500 {
  font-weight: 500;
}
.a-heading-600 {
  font-weight: 600;
}
.a-heading-700 {
  font-weight: bold;
}
.a-heading-800 {
  font-weight: 700;
}
.a-heading-900 {
  font-weight: 900;
}
.a-heading-antiFlashWhite {
  color: #E6F5EE;
}
.a-heading-bananaYellow {
  color: #ffd931;
}
.a-heading-battleshipGrey {
  color: #858585;
}
.a-heading-blueDeFrance {
  color: #2F80ED;
}
.a-heading-chalestonGreen {
  color: #2C2C2C;
}
.a-heading-davyGrey {
  color: #5a5a5a;
}
.a-heading-eerieBlack {
  color: #1B1B1B;
}
.a-heading-gainsboro {
  color: #DADADA;
}
.a-heading-neonCarrot {
  color: #F2994A;
}
.a-heading-onys {
  color: #3A3A3C;
}
.a-heading-sliverChalice {
  color: #A8AAAE;
}
.a-heading-snow {
  color: #fafafa;
}
.a-heading-spainishGray {
  color: #929292;
}
.a-heading-spanishGreen {
  color: #00944d;
}
.a-heading-white {
  color: #ffffff;
}
.a-heading-white {
  color: #ffffff;
}
.a-heading-whiteSmoke {
  color: #F3F4F7;
}

.a-icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.a-icon-search {
  width: 2rem;
  height: 2rem;
  background-image: url(../assets/src/assets/icons/icon_search.svg);
}
.a-icon-vn {
  width: 2rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_vn.svg);
}
.a-icon-arrowLeftWhite {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_left_white.svg);
}
.a-icon-arrowRightWhite {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_right_white.svg);
}
.a-icon-facebook {
  width: 0.9375rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_facebook.svg);
}
.a-icon-linkedin {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_linkedin.svg);
}
.a-icon-youtube {
  width: 1.6875rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_youtube.svg);
}
.a-icon-z {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_z.svg);
}
.a-icon-premium {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(../assets/src/assets/icons/icon_premium.svg);
}
.a-icon-saveNature {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(../assets/src/assets/icons/icon_save_nature.svg);
}
.a-icon-saveMoney {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(../assets/src/assets/icons/icon_save_money.svg);
}
.a-icon-pdf {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_pdf.svg);
}
.a-icon-support {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_support.svg);
}
.a-icon-locationYellow {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_location_yellow.svg);
}
.a-icon-accountCircle {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_account_circle.svg);
}
.a-icon-dateRange {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_date_range.svg);
}
.a-icon-location {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_location.svg);
}
.a-icon-bag {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_bag.svg);
}
.a-icon-business {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_business.svg);
}
.a-icon-calendar {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_calendar.svg);
}
.a-icon-arrowDropDown {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_drop_down.svg);
}
.a-icon-arrowDownForward {
  width: 3rem;
  height: 3rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_down_forward.svg);
}
.a-icon-arrowRightForward {
  width: 3rem;
  height: 3rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_right_forward.svg);
}
.a-icon-arrowLeftForward {
  width: 3rem;
  height: 3rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_left_forward.svg);
}
.a-icon-localphone {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_localphone.svg);
}
.a-icon-email {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_email.svg);
}
.a-icon-arrowRightGray {
  width: 0.25rem;
  height: 0.5rem;
  background-image: url(../assets/src/assets/icons/icon_arrow_right_gray.svg);
}
.a-icon-closeBlack {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_close-black.svg);
}
.a-icon-closeWhite {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_close-white.svg);
}
.a-icon-menu {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_menu.svg);
}
.a-icon-en {
  width: 2rem;
  height: 1.5rem;
  background-image: url(../assets/src/assets/icons/icon_en.svg);
}

.a-image {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.a-image_thumbnail {
  display: none;
}
.a-image-1x1 {
  position: relative;
}
.a-image-1x1:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.a-image-73x56 {
  position: relative;
}
.a-image-73x56:before {
  display: block;
  padding-bottom: 76.7123287671%;
  content: "";
}
.a-image-214x56 {
  position: relative;
}
.a-image-214x56:before {
  display: block;
  padding-bottom: 26.1682242991%;
  content: "";
}
.a-image-300x56 {
  position: relative;
}
.a-image-300x56:before {
  display: block;
  padding-bottom: 18.6666666667%;
  content: "";
}
.a-image-342x64 {
  position: relative;
}
.a-image-342x64:before {
  display: block;
  padding-bottom: 18.7134502924%;
  content: "";
}
.a-image-1366x688 {
  position: relative;
}
.a-image-1366x688:before {
  display: block;
  padding-bottom: 50.3660322108%;
  content: "";
}
.a-image-257x193 {
  position: relative;
}
.a-image-257x193:before {
  display: block;
  padding-bottom: 75.0972762646%;
  content: "";
}
.a-image-253x191 {
  position: relative;
}
.a-image-253x191:before {
  display: block;
  padding-bottom: 75.4940711462%;
  content: "";
}
.a-image-1366x460 {
  position: relative;
}
.a-image-1366x460:before {
  display: block;
  padding-bottom: 33.6749633968%;
  content: "";
}
.a-image-587x441 {
  position: relative;
}
.a-image-587x441:before {
  display: block;
  padding-bottom: 75.1277683135%;
  content: "";
}
.a-image-138x91 {
  position: relative;
}
.a-image-138x91:before {
  display: block;
  padding-bottom: 65.9420289855%;
  content: "";
}
.a-image-72x54 {
  position: relative;
}
.a-image-72x54:before {
  display: block;
  padding-bottom: 75%;
  content: "";
}
.a-image-245x184 {
  position: relative;
}
.a-image-245x184:before {
  display: block;
  padding-bottom: 75.1020408163%;
  content: "";
}
.a-image-175x131 {
  position: relative;
}
.a-image-175x131:before {
  display: block;
  padding-bottom: 74.8571428571%;
  content: "";
}
.a-image-380x285 {
  position: relative;
}
.a-image-380x285:before {
  display: block;
  padding-bottom: 75%;
  content: "";
}
.a-image-220x219 {
  position: relative;
}
.a-image-220x219:before {
  display: block;
  padding-bottom: 99.5454545455%;
  content: "";
}
.a-image-794x595 {
  position: relative;
}
.a-image-794x595:before {
  display: block;
  padding-bottom: 74.9370277078%;
  content: "";
}
.a-image-143x96 {
  position: relative;
}
.a-image-143x96:before {
  display: block;
  padding-bottom: 67.1328671329%;
  content: "";
}
.a-image-119x92 {
  position: relative;
}
.a-image-119x92:before {
  display: block;
  padding-bottom: 77.3109243697%;
  content: "";
}
.a-image-278x208 {
  position: relative;
}
.a-image-278x208:before {
  display: block;
  padding-bottom: 74.8201438849%;
  content: "";
}
.a-image-1068x460 {
  position: relative;
}
.a-image-1068x460:before {
  display: block;
  padding-bottom: 43.0711610487%;
  content: "";
}
.a-image-1366x360 {
  position: relative;
}
.a-image-1366x360:before {
  display: block;
  padding-bottom: 26.3543191801%;
  content: "";
}
.a-image-859x106 {
  position: relative;
}
.a-image-859x106:before {
  display: block;
  padding-bottom: 12.3399301513%;
  content: "";
}
.a-image-1280x334 {
  position: relative;
}
.a-image-1280x334:before {
  display: block;
  padding-bottom: 26.09375%;
  content: "";
}

.a-input label, .a-input_label {
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
  margin-bottom: 0;
  color: #1B1B1B;
}
.a-input input {
  margin-top: 0.25rem;
  width: 100%;
  height: 3rem;
  outline: 0;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #DADADA;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #1B1B1B;
  background-color: #fafafa;
  transition: 0.2s ease-in-out;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.a-input input::placeholder {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #858585;
}
.a-input input::-webkit-outer-spin-button, .a-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.a-input input[type=number] {
  -moz-appearance: textfield;
}
.a-input input[type=file] {
  display: none;
}
.a-input input.a-input_file {
  position: absolute;
  left: 0;
  z-index: 1;
}
.a-input_wrapper {
  position: relative;
  margin-top: 4px;
}
.a-input_wrapper .a-button {
  position: absolute;
  z-index: 2;
  right: -0.0625rem;
  top: 0.25rem;
  width: 100%;
  max-width: 6.5625rem;
  border-radius: 0.1875rem;
}
.a-input_search input {
  background-color: #ffffff;
  padding-right: 7.1875rem;
}
@media (max-width: 767px) {
  .a-input_search input {
    padding-right: 6.8125rem;
  }
}
.a-input_filename {
  width: 100%;
  display: block;
  height: 3rem;
  outline: 0;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #DADADA;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #1B1B1B;
  background-color: #fafafa;
  transition: 0.2s ease-in-out;
}
.a-input_filename::placeholder {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #858585;
}
.a-input_filename span {
  color: #858585;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 110px);
  display: block;
}
.a-input_button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  z-index: 2;
  right: -0.0625rem;
  cursor: pointer;
  top: 0;
  width: 100%;
  color: #1B1B1B;
  font-weight: 500;
  max-width: 6.5625rem;
  border-radius: 0.1875rem;
  background-color: #ffd931;
}
.a-input_required {
  color: #f92626;
  margin-left: 0.125rem;
}

.a-link {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 991px) {
  .a-link {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.a-link a {
  color: inherit;
}
.a-link a:hover {
  text-decoration: none;
}
.a-link-md {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.a-link-underline {
  text-decoration: underline;
}
.a-link-underline a:hover {
  text-decoration: underline;
}
.a-link-100 {
  font-weight: 100;
}
.a-link-200 {
  font-weight: 200;
}
.a-link-300 {
  font-weight: 300;
}
.a-link-400 {
  font-weight: normal;
}
.a-link-500 {
  font-weight: 500;
}
.a-link-600 {
  font-weight: 600;
}
.a-link-700 {
  font-weight: bold;
}
.a-link-800 {
  font-weight: 700;
}
.a-link-900 {
  font-weight: 900;
}
.a-link-antiFlashWhite {
  color: #E6F5EE;
}
.a-link-bananaYellow {
  color: #ffd931;
}
.a-link-battleshipGrey {
  color: #858585;
}
.a-link-blueDeFrance {
  color: #2F80ED;
}
.a-link-chalestonGreen {
  color: #2C2C2C;
}
.a-link-davyGrey {
  color: #5a5a5a;
}
.a-link-eerieBlack {
  color: #1B1B1B;
}
.a-link-gainsboro {
  color: #DADADA;
}
.a-link-neonCarrot {
  color: #F2994A;
}
.a-link-onys {
  color: #3A3A3C;
}
.a-link-sliverChalice {
  color: #A8AAAE;
}
.a-link-snow {
  color: #fafafa;
}
.a-link-spainishGray {
  color: #929292;
}
.a-link-spanishGreen {
  color: #00944d;
}
.a-link-white {
  color: #ffffff;
}
.a-link-white {
  color: #ffffff;
}
.a-link-whiteSmoke {
  color: #F3F4F7;
}

.a-tabItem {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  padding: 0.625rem 2rem;
  color: #1B1B1B;
  font-weight: 500;
  transition: all 0.3s linear;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1199px) {
  .a-tabItem {
    padding: 0.625rem 1.25rem;
  }
}
@media (max-width: 991px) {
  .a-tabItem {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.a-tabItem:not(:first-child) {
  margin-left: 2rem;
}
@media (max-width: 991px) {
  .a-tabItem:not(:first-child) {
    margin-left: 0.3125rem;
  }
}
@media (max-width: 767px) {
  .a-tabItem:not(:first-child) {
    margin-top: 0.625rem;
  }
}
.a-tabItem-active {
  color: #ffffff;
  background-color: #00944d;
}
.a-tabItem-active .a-link {
  color: #ffffff;
}
.a-tabItem-bigger {
  text-transform: uppercase;
  margin-left: 0 !important;
  padding: 0.875rem 1.0625rem 1rem 0.875rem;
  box-shadow: 0.25rem 0 0.25rem rgba(0, 0, 0, 0.05);
  color: #3A3A3C;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (max-width: 991px) {
  .a-tabItem-bigger {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.a-tabItem-bigger.a-tabItem-active {
  color: #ffffff;
  background-color: #3A3A3C;
}
@media (max-width: 767px) {
  .a-tabItem-dropdown {
    width: 100%;
    margin-left: 0 !important;
    border: 1px solid #00944d;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .a-tabItem-dropdown:not(:first-child) {
    margin-top: 0.625rem;
  }
}

.m-tabLevel-child {
  text-align: left;
  background-color: #00944d;
}
.m-tabLevel-child .a-tabItem {
  color: rgba(255, 255, 255, 0.5);
  background-color: #00944d;
}
.m-tabLevel-child .a-tabItem.a-tabItem-active {
  color: white;
}

.m-tab-center,
.m-tabLevel-center {
  text-align: center;
  font-size: 0;
}
.m-tab-parent,
.m-tabLevel-parent {
  background-color: #fafafa;
}
.m-tab-hasBg,
.m-tabLevel-hasBg {
  background: #fafafa;
}
.m-tab-hasUnderline,
.m-tabLevel-hasUnderline {
  position: relative;
}
.m-tab-hasUnderline::before,
.m-tabLevel-hasUnderline::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #A8AAAE;
  z-index: -1;
}
@media (max-width: 991px) {
  .m-tab-hasUnderline::before,
.m-tabLevel-hasUnderline::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .m-tab-hasUnderline .a-tabItem,
.m-tabLevel-hasUnderline .a-tabItem {
    padding: 0.625rem 0.625rem;
  }
}
.m-tab-homePage,
.m-tabLevel-homePage {
  background-color: #ffffff;
  display: flex;
  border-radius: 0.3125rem 0.3125rem 0 0;
  overflow: auto;
}
@media (max-width: 767px) {
  .m-tab-homePage,
.m-tabLevel-homePage {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .m-tab-homePage .a-tabItem,
.m-tabLevel-homePage .a-tabItem {
    text-align: center;
    width: 33.333%;
    margin-top: 0;
    font-size: 0.8125rem;
    padding: 0.3125rem 0;
  }
}
.m-tab-homePage .a-tabItem:first-child,
.m-tabLevel-homePage .a-tabItem:first-child {
  border-radius: 0.3125rem 0 0 0;
}
.m-tab-homePage .a-tabItem:last-child,
.m-tabLevel-homePage .a-tabItem:last-child {
  border-radius: 0 0.3125rem 0 0;
}
@media (min-width: 768px) {
  .m-tab-dropdown,
.m-tabLevel-dropdown {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .m-tab-dropdown,
.m-tabLevel-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 18.75rem;
    padding: 0.625rem;
    padding-top: 1.25rem;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.05);
  }
  .m-tab-dropdown::-webkit-scrollbar,
.m-tabLevel-dropdown::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.625rem;
  }
  .m-tab-dropdown::-webkit-scrollbar-thumb,
.m-tabLevel-dropdown::-webkit-scrollbar-thumb {
    background: #DADADA;
    border-radius: 0.3125rem;
    border: 0.125rem solid #ffffff;
  }
  .m-tab-dropdown::-webkit-scrollbar-track,
.m-tabLevel-dropdown::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .m-tab-dropdown,
.m-tabLevel-dropdown {
    scrollbar-face-color: #DADADA;
    scrollbar-track-color: #ffffff;
  }
}

@media (max-width: 767px) {
  .t-tab_wrap,
.t-tabLevel_wrap {
    position: relative;
  }
}
.t-tab_toggle,
.t-tabLevel_toggle {
  display: none;
}
@media (max-width: 767px) {
  .t-tab_toggle,
.t-tabLevel_toggle {
    display: block;
    text-decoration: none;
    color: #ffffff;
    background-color: #00944d;
    text-align: center;
  }
}
.t-tab_toggle:hover, .t-tab_toggle:active,
.t-tabLevel_toggle:hover,
.t-tabLevel_toggle:active {
  text-decoration: none;
  color: #ffffff;
}
.t-tab_content,
.t-tabLevel_content {
  display: none;
}
.t-tab_content.active,
.t-tabLevel_content.active {
  display: block;
}

.a-tag {
  display: inline-block;
  padding: 0.1875rem 1rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 991px) {
  .a-tag {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.a-tag-bigger {
  padding: 0.25rem 1rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (max-width: 991px) {
  .a-tag-bigger {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.a-tag-light {
  background-color: #ffffff;
}
.a-tag-success {
  background-color: #00944d;
}
.a-tag-warning {
  background-color: #ffd931;
}
.a-tag-antiFlashWhite {
  color: #E6F5EE;
}
.a-tag-bananaYellow {
  color: #ffd931;
}
.a-tag-battleshipGrey {
  color: #858585;
}
.a-tag-blueDeFrance {
  color: #2F80ED;
}
.a-tag-chalestonGreen {
  color: #2C2C2C;
}
.a-tag-davyGrey {
  color: #5a5a5a;
}
.a-tag-eerieBlack {
  color: #1B1B1B;
}
.a-tag-gainsboro {
  color: #DADADA;
}
.a-tag-neonCarrot {
  color: #F2994A;
}
.a-tag-onys {
  color: #3A3A3C;
}
.a-tag-sliverChalice {
  color: #A8AAAE;
}
.a-tag-snow {
  color: #fafafa;
}
.a-tag-spainishGray {
  color: #929292;
}
.a-tag-spanishGreen {
  color: #00944d;
}
.a-tag-white {
  color: #ffffff;
}
.a-tag-white {
  color: #ffffff;
}
.a-tag-whiteSmoke {
  color: #F3F4F7;
}

.a-breadcrumbItem {
  list-style: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.a-breadcrumbItem_link:hover .a-link {
  color: #1B1B1B;
}
@media (max-width: 767px) {
  .a-breadcrumbItem_link .a-link {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.a-breadcrumbItem:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-bottom: 1px solid #5a5a5a;
  border-left: 1px solid #5a5a5a;
  transform: rotate(-135deg);
}
.a-breadcrumbItem:not(:last-child) {
  margin-right: 1.375rem;
}
.a-breadcrumbItem:not(:last-child) .a-breadcrumbItem_link {
  margin-right: 1.375rem;
}
.a-breadcrumbItem:last-child .a-breadcrumbItem_link a,
.a-breadcrumbItem:last-child .a-breadcrumbItem_link span {
  color: #1B1B1B;
}
.a-breadcrumbItem_dots .a-breadcrumbItem_link {
  color: #5a5a5a;
}
@media (max-width: 767px) {
  .a-breadcrumbItem_dots .a-breadcrumbItem_link {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (max-width: 991px) {
  .m-breadcrumb {
    overflow-x: auto;
  }
  .m-breadcrumb::-webkit-scrollbar {
    display: none;
  }
}
.m-breadcrumb_wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.a-text {
  color: #000000;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 1600px) {
  .a-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 991px) {
  .a-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.a-text-md {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media (max-width: 991px) {
  .a-text-md {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.a-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.a-text-italic {
  font-style: italic;
}
.a-text-center {
  text-align: center;
}
.a-text-right {
  text-align: right;
}
.a-text-capitalize {
  text-transform: capitalize;
}
.a-text-uppercase {
  text-transform: uppercase;
}
.a-text-100 {
  font-weight: 100;
}
.a-text-200 {
  font-weight: 200;
}
.a-text-300 {
  font-weight: 300;
}
.a-text-400 {
  font-weight: normal;
}
.a-text-500 {
  font-weight: 500;
}
.a-text-600 {
  font-weight: 600;
}
.a-text-700 {
  font-weight: bold;
}
.a-text-800 {
  font-weight: 700;
}
.a-text-900 {
  font-weight: 900;
}
.a-text-antiFlashWhite {
  color: #E6F5EE;
}
.a-text-bananaYellow {
  color: #ffd931;
}
.a-text-battleshipGrey {
  color: #858585;
}
.a-text-blueDeFrance {
  color: #2F80ED;
}
.a-text-chalestonGreen {
  color: #2C2C2C;
}
.a-text-davyGrey {
  color: #5a5a5a;
}
.a-text-eerieBlack {
  color: #1B1B1B;
}
.a-text-gainsboro {
  color: #DADADA;
}
.a-text-neonCarrot {
  color: #F2994A;
}
.a-text-onys {
  color: #3A3A3C;
}
.a-text-sliverChalice {
  color: #A8AAAE;
}
.a-text-snow {
  color: #fafafa;
}
.a-text-spainishGray {
  color: #929292;
}
.a-text-spanishGreen {
  color: #00944d;
}
.a-text-white {
  color: #ffffff;
}
.a-text-white {
  color: #ffffff;
}
.a-text-whiteSmoke {
  color: #F3F4F7;
}

.a-textarea label {
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
  margin-bottom: 0;
  color: #1B1B1B;
}
.a-textarea textarea {
  margin-top: 0.25rem;
  resize: none;
  width: 100%;
  outline: 0;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #DADADA;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #1B1B1B;
  background-color: #fafafa;
  transition: 0.2s ease-in-out;
}
.a-textarea textarea::placeholder {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #858585;
}
.a-textarea textarea::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.625rem;
}
.a-textarea textarea::-webkit-scrollbar-thumb {
  background: #DADADA;
  border-radius: 0.3125rem;
  border: 0.125rem solid #ffffff;
}
.a-textarea textarea::-webkit-scrollbar-track {
  background: #ffffff;
}
.a-textarea textarea {
  scrollbar-face-color: #DADADA;
  scrollbar-track-color: #ffffff;
}
.a-textarea textarea.a-textarea_medium {
  max-height: 6.5rem;
}
.a-textarea textarea.a-textarea_high {
  max-height: 7.875rem;
}

.a-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.a-title_wordSpecial {
  display: inline-block;
  padding-left: 0.625rem;
  color: #00944d;
  position: relative;
}
.a-title_wordSpecial::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 0.125rem solid #00944d;
  border-left: 0.125rem solid #00944d;
}

.a-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

/* hide native checkbox */
.a-checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.a-checkbox_wrapper {
  display: flex;
}

/* mask */
.a-checkbox_mask {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: 3px;
  position: relative;
  transition: all 0.2s ease;
  margin-right: 4px;
}

/* check icon */
.a-checkbox_mask::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.2s ease;
}

/* checked */
.a-checkbox input:checked + .a-checkbox_mask {
  background: #f59e0b;
  /* warning */
  border-color: #f59e0b;
}

.a-checkbox input:checked + .a-checkbox_mask::after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
}

/* hover */
.a-checkbox:hover .a-checkbox_mask {
  border-color: #f59e0b;
}

/* label */
.a-checkbox_label {
  font-size: 15px;
  line-height: 1.5;
  color: #444;
}

/* error */
.o-modalSupport_checkbox.is-error .a-checkbox_mask {
  border-color: #e53935;
}

.o-modalSupport_checkbox.is-error .a-checkbox_label {
  color: #e53935;
}

.m-iconLabel {
  display: flex;
}
.m-iconLabel .m-iconLabel_wrapper {
  margin-left: 0.25rem;
}
.m-iconLabel-vertical {
  flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
}
.m-iconLabel-vertical .m-iconLabel_wrapper {
  margin-top: 0.25rem;
  margin-left: 0;
}
.m-iconLabel-horizontal-center {
  margin-right: 0.25rem;
  align-items: center;
}
.m-iconLabel-horizontal-center .a-icon {
  flex-shrink: 0;
}
.m-iconLabel-horizontal-flexstart {
  align-items: flex-start;
}
.m-iconLabel-horizontal-flexstart .a-icon {
  flex-shrink: 0;
}
.m-iconLabel-horizontal-flexstart .m-iconLabel_wrapper .a-text:not(:last-child) {
  margin-bottom: 0.125rem;
}

.m-cardDefault {
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
  z-index: 3;
}
.m-cardDefault-squareBox {
  border-radius: 0;
}
.m-cardDefault-scaleImg .m-cardDefault_link:hover .m-cardDefault_thumbnail {
  transform: scale(1.2);
}
.m-cardDefault_link:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 27, 27, 0.5);
  transition: 0.4s ease-in-out;
  z-index: 1;
  transform: translateY(calc(100% - 62px));
}
.m-cardDefault_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .m-cardDefault_title .a-heading {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
}
.m-cardDefault_description {
  opacity: 0;
  transition: 0.4s ease-in-out;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 767px) {
  .m-cardDefault_description .a-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.m-cardDefault .m-cardDefault_content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 1rem;
  transform: translateY(calc(100% - 62px));
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .m-cardDefault .m-cardDefault_content {
    transform: translateY(calc(100% - 56px));
  }
}
.m-cardDefault_thumbnail {
  transition: 0.4s ease-in-out;
}
.m-cardDefault_link:hover:before {
  transform: translateY(0%);
}
.m-cardDefault_link:hover .m-cardDefault_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.m-cardDefault_link:hover .m-cardDefault_title .a-heading {
  transition: all 0.4s ease-in-out;
  color: #ffd931;
  text-decoration: underline;
}
.m-cardDefault_link:hover .m-cardDefault_description {
  opacity: 1;
}
.m-cardDefault_link:hover .m-cardDefault_content {
  transform: translateY(0);
}

.m-cardContent {
  background-color: #fafafa;
  border-bottom: 0.25rem solid #00944d;
}
.m-cardContent_img {
  width: 100%;
}
.m-cardContent_content {
  padding: 1rem;
}
.m-cardContent_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.m-cardContent_description {
  margin-top: 0.5rem;
}
.m-cardContent_externalData {
  margin-top: 1rem;
  display: flex;
}
.m-cardContent_externalData_date, .m-cardContent_externalData_place {
  display: flex;
  align-items: center;
  flex: 0 0 50%;
}
.m-cardContent_externalData_date .a-text, .m-cardContent_externalData_place .a-text {
  margin-left: 0.25rem;
}

.m-labelStatus {
  width: 100%;
  cursor: pointer;
  transition: all 0.2s linear;
}
.m-labelStatus_container {
  display: flex;
  align-items: center;
}
.m-labelStatus_img {
  flex-shrink: 0;
}
.m-labelStatus_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .m-labelStatus_title .a-heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.m-labelStatus:hover {
  background-color: #00944d;
}
.m-labelStatus:hover .m-labelStatus_title .a-heading {
  color: #ffffff;
}
.m-labelStatus-green {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.1875rem;
}
.m-labelStatus-green .m-labelStatus_title {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.m-labelStatus-green .m-labelStatus_img {
  width: 2.5rem;
  border-radius: 0.1875rem;
  overflow: hidden;
}
.m-labelStatus-gray {
  background-color: #fafafa;
}
.m-labelStatus-gray .m-labelStatus_title {
  margin-left: 1rem;
  margin-right: 1rem;
}
.m-labelStatus-gray .m-labelStatus_img {
  width: 4.5rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .m-labelStatus-gray .m-labelStatus_img {
    width: 3.5rem;
  }
}

.m-cardSummary {
  background-color: #00944d;
  padding: 1.5rem;
}
.m-cardSummary-pl {
  padding-left: 5rem;
}
@media (max-width: 1199px) {
  .m-cardSummary-pl {
    padding: 1.5rem;
  }
}
.m-cardSummary_head {
  display: flex;
  align-items: center;
}
.m-cardSummary_head .a-heading {
  margin-left: 0.5rem;
}
.m-cardSummary_title, .m-cardSummary_description {
  margin-top: 0.5rem;
}
.m-cardSummary-pl .m-cardSummary_title, .m-cardSummary-pl .m-cardSummary_description {
  margin-top: 0.25rem;
}
@media (min-width: 1600px) {
  .m-cardSummary_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .m-cardSummary_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .m-cardSummary_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .m-cardSummary_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }
}
.m-cardSummary_support {
  margin-top: 1rem;
  max-width: 11.875rem;
}
@media (max-width: 999px) {
  .m-cardSummary {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .m-cardSummary {
    padding: 1rem;
  }
}

.m-cardMedia_link {
  display: flex;
}
.m-cardMedia_link:focus {
  outline: 0;
}
@media (max-width: 575px) {
  .m-cardMedia_link {
    display: block;
  }
}
.m-cardMedia_link:hover {
  text-decoration: none;
}
.m-cardMedia-white {
  background-color: #ffffff;
}
.m-cardMedia-gray {
  background-color: #fafafa;
}
.m-cardMedia-shape-md {
  border-radius: 0.1875rem;
}
.m-cardMedia-shape-lg {
  border-radius: 0.3125rem;
}
.m-cardMedia_img {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.m-cardMedia-174x174 .m-cardMedia_img {
  max-width: 10.875rem;
}
@media (max-width: 575px) {
  .m-cardMedia-174x174 .m-cardMedia_img {
    max-width: 100%;
  }
}
.m-cardMedia-120x120 .m-cardMedia_img {
  max-width: 7.5rem;
}
@media (max-width: 575px) {
  .m-cardMedia-120x120 .m-cardMedia_img {
    max-width: 100%;
  }
}
.m-cardMedia-257x193 .m-cardMedia_img {
  max-width: 16.0625rem;
}
@media (max-width: 767px) {
  .m-cardMedia-257x193 .m-cardMedia_img {
    max-width: 11.25rem;
  }
}
@media (max-width: 575px) {
  .m-cardMedia-257x193 .m-cardMedia_img {
    max-width: 100%;
  }
}
.m-cardMedia-175x131 .m-cardMedia_img {
  max-width: 10.9375rem;
}
@media (max-width: 575px) {
  .m-cardMedia-175x131 .m-cardMedia_img {
    max-width: 100%;
  }
}
.m-cardMedia-245x184 .m-cardMedia_img {
  max-width: 15.3125rem;
}
@media (max-width: 575px) {
  .m-cardMedia-245x184 .m-cardMedia_img {
    max-width: 100%;
  }
}
.m-cardMedia-shape-md .m-cardMedia_img {
  border-radius: 0.1875rem;
}
.m-cardMedia-shape-lg .m-cardMedia_img {
  border-radius: 0.3125rem;
}
.m-cardMedia_content {
  overflow: hidden;
}
.m-cardMedia-px16 .m-cardMedia_content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.m-cardMedia-py16 .m-cardMedia_content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.m-cardMedia-py8 .m-cardMedia_content {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 575px) {
  .m-cardMedia-175x131 .m-cardMedia_content {
    background-color: #fafafa;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.m-cardMedia_date {
  margin-bottom: 0.5rem;
}
@media (max-width: 575px) {
  .m-cardMedia-257x193 .m-cardMedia_date {
    display: none;
  }
  .m-cardMedia-245x184 .m-cardMedia_date {
    display: none;
  }
}
.m-cardMedia_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.m-cardMedia-120x120 .m-cardMedia_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 575px) {
  .m-cardMedia_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .m-cardMedia-120x120 .m-cardMedia_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
.m-cardMedia_description {
  margin-top: 0.5rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.m-cardMedia-120x120 .m-cardMedia_description {
  margin-top: 0.125rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 575px) {
  .m-cardMedia_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .m-cardMedia-257x193 .m-cardMedia_description {
    margin-top: 0.5rem;
  }
  .m-cardMedia-245x184 .m-cardMedia_description {
    margin-top: 0.5rem;
  }
  .m-cardMedia-120x120 .m-cardMedia_description {
    margin-top: 0.5rem;
  }
  .m-cardMedia-174x174 .m-cardMedia_description {
    margin-top: 0.5rem;
  }
}

.m-datepicker {
  position: relative;
}
.m-datepicker input {
  width: 100%;
  height: 3rem;
  outline: 0;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #DADADA;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #1B1B1B;
  background-color: #fafafa;
  transition: 0.2s ease-in-out;
}
.m-datepicker input::placeholder {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #858585;
}
.m-datepicker_icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.m-datepicker_prev, .m-datepicker_next {
  position: relative;
  display: block;
  height: 2.25rem;
}
.m-datepicker_prev:after, .m-datepicker_next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5625rem;
  height: 0.5625rem;
  border-bottom: 2px solid #00944d;
  border-left: 2px solid #00944d;
}
.m-datepicker_prev:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.m-datepicker_next:after {
  transform: translate(-50%, -50%) rotate(225deg);
}
.m-datepicker .datepicker-days .active {
  background-color: #00944d !important;
}
.m-datepicker .datepicker-days .active.today:before {
  border-bottom-color: #ffffff !important;
}
.m-datepicker .datepicker-days .today:before {
  border-bottom-color: #00944d !important;
}
.m-datepicker .datepicker-days .day, .m-datepicker .datepicker-days .dow {
  height: 2.5rem;
}
.m-datepicker .datepicker-months .active, .m-datepicker .datepicker-years .active, .m-datepicker .datepicker-decades .active {
  background-color: #00944d !important;
}

.m-cardHighlight {
  padding: 1.5rem;
  border-bottom: 0.25rem solid #00944d;
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.m-cardHighlight_content {
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .m-cardHighlight_content {
    margin-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .m-cardHighlight {
    padding: 1rem;
  }
}

.m-pulldown {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #DADADA;
  background-color: #fafafa;
}
.m-pulldown_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.1875rem;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #5a5a5a;
  transition: all 0.3s linear;
}
.m-pulldown select {
  position: absolute;
  top: 0;
  left: 0;
}
.m-pulldown_icon {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.m-pulldown_selectMain {
  font-size: 0.875rem;
  color: #5a5a5a;
}
.m-pulldown-noicon .m-pulldown_selectMain {
  color: #858585;
}
.m-pulldown-noicon .a-text {
  color: #858585;
  margin-left: 0.75rem;
}

.select2 {
  position: absolute;
  width: 100% !important;
  height: 100%;
  opacity: 0;
}
.select2-selection.select2-selection--single {
  height: 100%;
}
.select2-selection__rendered {
  height: 100%;
}
.select2-dropdown {
  border: none;
  margin-top: 0.3125rem;
}
.select2-results {
  border: 0.0625rem solid #DADADA;
  border-radius: 0.1875rem;
  overflow: hidden;
}
.select2-results__option {
  padding: 0.875rem;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 18.75rem;
  overflow: auto;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.625rem;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #DADADA;
  border-radius: 0.3125rem;
  border: 0.125rem solid #ffffff;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #ffffff;
}
.select2-container--default .select2-results > .select2-results__options {
  scrollbar-face-color: #DADADA;
  scrollbar-track-color: #ffffff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fafafa;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fafafa;
}

.rotate180 {
  transform: rotate(180deg);
}

.m-cardProgress {
  position: relative;
}
.m-cardProgress_chain {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background-color: rgba(27, 27, 27, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .m-cardProgress_chain {
    height: 4rem;
  }
}
.m-cardProgress_chain-index {
  font-weight: 600;
  font-size: 2rem;
  background-color: rgba(0, 148, 77, 0.5);
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .m-cardProgress_chain-index {
    height: 4.0625rem;
    width: 4.0625rem;
  }
}
.m-cardProgress_chain-title {
  flex: 1 0 0;
  padding: 0.75rem 0.4375rem;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.m-cardProgress_img {
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .m-cardProgress_img .a-image:before {
    padding-bottom: 100%;
  }
}
.m-cardProgress_slideWrapper .slick-track, .m-cardProgress_slideWrapper .slick-slide {
  margin-bottom: -0.4375rem;
}
.m-cardProgress-direct:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  z-index: 2;
  border-top: 1.25rem solid transparent;
  border-bottom: 1.25rem solid transparent;
  border-left: 1.25rem solid #00944d;
}
@media (max-width: 767px) {
  .m-cardProgress-direct:before {
    border-left: 1.25rem solid rgba(0, 148, 77, 0.5);
  }
}
.m-cardProgress-direct:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 5.625rem;
  border-radius: 50%;
  height: 5.625rem;
  background-color: rgba(0, 148, 77, 0.2);
  filter: blur(45px);
}
@media (max-width: 991px) {
  .m-cardProgress-direct:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
  }
}
@media (min-width: 992px) {
  .m-cardProgress-right.m-cardProgress-direct:before {
    top: calc(50% - 10px);
    right: -2.125rem;
  }
}
@media (max-width: 991px) {
  .m-cardProgress-right.m-cardProgress-direct:before {
    bottom: -2.8125rem;
    transform: rotate(90deg);
    left: calc(50% - 10px);
  }
}
@media (min-width: 992px) {
  .m-cardProgress-right.m-cardProgress-direct:after {
    top: 3.4375rem;
    right: -4.125rem;
  }
}
.m-cardProgress-down.m-cardProgress-direct:before {
  bottom: -2.8125rem;
  transform: rotate(90deg);
  left: calc(50% - 10px);
}
@media (min-width: 992px) {
  .m-cardProgress-down.m-cardProgress-direct:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
  }
}
@media (min-width: 992px) {
  .m-cardProgress-left.m-cardProgress-direct:before {
    top: calc(50% - 10px);
    left: -2.125rem;
    transform: rotate(180deg);
  }
}
@media (max-width: 991px) {
  .m-cardProgress-left.m-cardProgress-direct:before {
    bottom: -2.8125rem;
    transform: rotate(90deg);
    left: calc(50% - 10px);
  }
}
@media (min-width: 992px) {
  .m-cardProgress-left.m-cardProgress-direct:after {
    top: 3.4375rem;
    left: -4.125rem;
  }
}

.m-collapse {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 10px;
}
.m-collapse.open .m-collapse_title_icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.m-collapse_title {
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  user-select: none;
  background-color: #029931;
}
.m-collapse_title_text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
}
.m-collapse_title_icon {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.875rem;
}
.m-collapse_title_icon::before, .m-collapse_title_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.875rem;
  height: 0.125rem;
  background: #fff;
  transition: transform 0.25s ease;
}
.m-collapse_title_icon::before {
  transform: translate(-50%, -50%);
}
.m-collapse_title_icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.m-collapse_content {
  padding: 16px;
  display: none;
  color: #555;
}
.m-collapse_content p {
  margin: 12px 0;
}

.o-container {
  max-width: 100%;
}
@media (min-width: 1366px) {
  .o-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .o-container.news {
    max-width: 85.375rem;
  }
}
@media (min-width: 1366px) and (min-width: 1600px) {
  .o-container.news {
    max-width: 90rem;
  }
}
@media (min-width: 1366px) {
  .o-container.narrower {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
.o-container.fullscreen {
  padding-left: 0rem;
  padding-right: 0rem;
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
  .o-container {
    max-width: 100%;
  }
}

.o-footer_wrap {
  background-color: #3A3A3C;
  padding-top: 3.25rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .o-footer_wrap {
    padding-top: 3.75rem;
    padding-bottom: 2.5rem;
  }
}
.o-footer_brand {
  max-width: 21.375rem;
  width: 100%;
}
.o-footer_info {
  margin-top: 4.5625rem;
  max-width: 21.375rem;
  width: 100%;
}
@media (min-width: 1367px) {
  .o-footer_info {
    max-width: 31.25rem;
  }
}
@media (max-width: 991px) {
  .o-footer_info {
    margin-top: 2.75rem;
    max-width: 100%;
  }
}
.o-footer_span {
  font-weight: 700;
  margin-right: 0.3125rem;
}
.o-footer_phoneNumber {
  margin-top: 0.3125rem;
  pointer-events: none;
}
.o-footer_phoneNumber a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}
.o-footer_address {
  margin-top: 0.3125rem;
}
.o-footer_email {
  margin-top: 0.3125rem;
}
.o-footer_socials {
  margin-top: 2.75rem;
}
@media (max-width: 991px) {
  .o-footer_socials {
    margin-top: 1.5rem;
  }
}
.o-footer_listIconSocials {
  max-width: 13.375rem;
  width: 100%;
  margin-top: 0.625rem;
  display: flex;
  justify-content: space-between;
}
.o-footer_btnContactUs {
  margin-top: 2rem;
  max-width: 11.875rem;
  width: 100%;
}
@media (min-width: 576px) and (max-width: 991px) {
  .o-footer_list {
    display: flex;
    flex-wrap: wrap;
  }
}
.o-footer_list li {
  list-style: none;
  margin-top: 1.25rem;
}
@media (min-width: 576px) and (max-width: 991px) {
  .o-footer_list li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.o-footer_list li a {
  transition: 0.2s ease-in-out;
}
.o-footer_list li a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .o-footer_list {
    position: relative;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.2s linear;
  }
}
.o-footer_copyright {
  background-color: #1B1B1B;
  padding: 0.4375rem 0;
}
.o-footer_navigate {
  position: relative;
}
@media (max-width: 991px) {
  .o-footer_navigate {
    margin-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .o-footer_navigate {
    cursor: pointer;
  }
  .o-footer_navigate:after {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0.625rem;
    width: 0.5625rem;
    height: 0.5625rem;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transition: 0.2s ease-in-out;
    transform: rotate(-45deg);
  }
}
.o-footer_navigate_show .o-footer_list {
  opacity: 1;
  visibility: visible;
  max-height: initial;
}
.o-footer_navigate_show:after {
  transform: rotate(135deg);
}

.o-header {
  background-color: #3A3A3C;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.o-header_brand {
  width: 100%;
  max-width: 18.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  flex-shrink: 0;
}
@media (max-width: 1366px) {
  .o-header_brand {
    max-width: 14.0625rem;
  }
}
@media (max-width: 1199px) {
  .o-header_brand {
    max-width: 11.875rem;
  }
}
@media (max-width: 767px) {
  .o-header_brand {
    max-width: 10.625rem;
  }
}
.o-header_wrapper {
  display: flex;
  position: relative;
}
@media (max-width: 1100px) {
  .o-header_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3.6875rem;
    right: -65%;
    background-color: #ffd931;
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
  }
}
@media (max-width: 767px) {
  .o-header_wrapper:after {
    height: 3.5rem;
  }
}
.o-header_navbar {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-left: 3.75rem;
}
@media (max-width: 1300px) {
  .o-header_navbar {
    margin-left: 1.875rem;
  }
}
@media (max-width: 1100px) {
  .o-header_navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 0;
    display: block;
    background-color: #3A3A3C;
    padding: 3.75rem 2rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
    transform: translateX(100%);
    z-index: 10;
  }
  .o-header_navbar_show {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .o-header_navbar {
    padding: 2.75rem 1rem;
  }
}
.o-header_navigation {
  position: relative;
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1100px) {
  .o-header_navigation {
    display: block;
  }
}
.o-header_navigation_close {
  cursor: pointer;
  position: absolute;
  right: 0.1875rem;
  top: -1.5rem;
}
.o-header_navigation_close .o-header_toggler_btn {
  opacity: 1;
}
.o-header_navigation_content {
  position: relative;
  list-style: none;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1300px) {
  .o-header_navigation_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.o-header_navigation_content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #ffd931;
  -webkit-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  transform: skew(-16deg, 0deg);
}
@media (max-width: 1100px) {
  .o-header_navigation_content {
    padding-left: 0;
    padding-right: 0;
    display: block;
    height: max-content;
  }
  .o-header_navigation_content:before {
    content: none;
  }
}
.o-header_navigation_item {
  position: relative;
  display: flex;
}
@media (max-width: 1100px) {
  .o-header_navigation_item {
    display: block;
  }
  .o-header_navigation_item:not(:first-of-type) {
    margin-top: 1rem;
  }
}
.o-header_navigation_btn {
  padding: 0;
  outline: 0;
  background-color: transparent;
  border: none;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #5a5a5a;
  font-weight: bold;
  transition: 0.2s ease-in-out;
}
.o-header_navigation_btn:focus {
  outline: 0;
}
.o-header_navigation_btn a {
  color: inherit;
}
.o-header_navigation_btn a:hover {
  text-decoration: none;
}
.o-header_navigation_btn:hover {
  color: #1B1B1B;
}
@media (min-width: 1740px) {
  .o-header_navigation_btn {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_btn {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #ffffff;
    width: 100%;
    text-align: left;
  }
  .o-header_navigation_btn a {
    color: inherit;
  }
  .o-header_navigation_btn:hover {
    color: #ffffff;
  }
}
.o-header_navigation_active .o-header_navigation_btn {
  color: #1B1B1B;
}
@media (max-width: 1100px) {
  .o-header_navigation_active .o-header_navigation_btn {
    color: #ffffff;
  }
}
.o-header_navigation_dropdown {
  position: fixed;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 23.25rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease-in-out;
  max-width: 85.375rem;
}
@media (max-width: 1366px) {
  .o-header_navigation_dropdown {
    top: 4.125rem;
  }
}
@media (max-width: 1199px) {
  .o-header_navigation_dropdown {
    top: 3.6875rem;
  }
}
@media (max-width: 767px) {
  .o-header_navigation_dropdown {
    top: 3.5rem;
  }
}
.o-header_navigation_option {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .o-header_navigation_option .o-header_navigation_item:first-of-type {
    order: 2;
    width: 100%;
  }
  .o-header_navigation_option .o-header_navigation_item:first-of-type .o-header_navigation_btn {
    display: none;
  }
  .o-header_navigation_option .o-header_navigation_item:first-of-type .o-header_navigation_dropdown {
    position: relative;
    opacity: 1;
    visibility: visible;
    top: 0;
  }
  .o-header_navigation_option .o-header_navigation_item:last-of-type {
    order: 1;
    width: 100%;
  }
}
.o-header_navigation_search {
  margin-left: 1.75rem;
  margin-right: 1.5rem;
}
.o-header_navigation_language {
  display: none;
  color: #DADADA;
}
.o-header_navigation_language_btn {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #DADADA;
  background-color: #5a5a5a;
  font-weight: 600;
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-header_navigation_language_btn:hover {
  color: inherit;
  text-decoration: none;
}
.o-header_navigation_language_btn.active {
  color: #ffffff;
  background-color: #00944d;
}
.o-header_navigation_language-mobile {
  display: flex;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
}
.o-header_navigation_language-mobile a {
  color: inherit;
}
.o-header_navigation_language-mobile a:hover {
  text-decoration: none;
}
.o-header_navigation_language-mobile a .m-iconLabel_wrapper {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .o-header_navigation_language-mobile a .m-iconLabel_wrapper {
    margin-left: 0.5rem;
  }
}
.o-header_navigation_language-mobile .o-header_navigation_language_vn {
  opacity: 0.5;
}
.o-header_navigation_language-mobile .o-header_navigation_language_en {
  margin-left: 2.5rem;
  display: block;
  opacity: 0.5;
}
.o-header_navigation_language-mobile .o-header_navigation_language_active {
  opacity: 1;
}
@media (min-width: 1000px) {
  .o-header_navigation_language {
    display: flex;
  }
  .o-header_navigation_language-mobile {
    display: none;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_hasChild:after {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0.625rem;
    width: 0.5625rem;
    height: 0.5625rem;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transition: 0.2s ease-in-out;
    transform: rotate(-45deg);
  }
}
.o-header_navigation_show .o-header_navigation_dropdown {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_dropdown {
    max-height: 100%;
    position: relative;
    top: 0;
    height: 100%;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_dropdown .o-header_menu_list {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_show:after {
    transform: rotate(135deg);
  }
}
.o-header_navigation_show .o-header_navigation_btn {
  color: #1B1B1B;
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_btn {
    color: #ffffff;
  }
}
.o-header_menu {
  width: 100%;
  height: 100%;
}
.o-header_menu_wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.o-header_menu_left {
  flex: 0 0 493px;
  max-width: 493px;
  padding: 2rem 2rem 2rem 5rem;
  background-color: #ffffff;
}
@media (max-width: 1100px) {
  .o-header_menu_left {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: transparent;
  }
}
.o-header_menu_right {
  flex: 0 0 calc(100% - 493px);
  max-width: calc(100% - 493px);
  background-color: #fafafa;
  padding: 2rem 5rem 2rem 2rem;
}
@media (max-width: 1100px) {
  .o-header_menu_right {
    display: none;
  }
}
.o-header_menu_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .o-header_menu_title {
    display: none;
  }
}
.o-header_menu_list {
  list-style: none;
}
@media (max-width: 1100px) {
  .o-header_menu_list {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
.o-header_menu_item {
  margin-top: 1rem;
}
.o-header_menu_item .a-link a:hover {
  text-decoration: underline;
}
@media (max-width: 1100px) {
  .o-header_menu_item {
    margin-top: 0.5rem;
  }
  .o-header_menu_item:last-child {
    margin-bottom: 0.5rem;
  }
  .o-header_menu_item .a-link {
    color: #ffffff;
  }
  .o-header_menu_item .a-link a:hover {
    text-decoration: none;
  }
}
.o-header_menu_item_viewall {
  display: none;
}
@media (max-width: 1100px) {
  .o-header_menu_item_viewall {
    display: block;
  }
  .o-header_menu_item_viewall .a-link {
    color: #00944d;
  }
}
.o-header_menu_slider {
  margin-top: 1rem;
}
.o-header_menu_slider.slick-slider {
  margin-bottom: 0;
}
.o-header_menu_search {
  margin-top: 1rem;
}
@media (max-width: 1100px) {
  .o-header_menu_search {
    padding-bottom: 2.5rem;
  }
  .o-header_menu_search .a-input_search > input {
    padding-right: 5.5625rem;
  }
  .o-header_menu_search .a-button {
    max-width: 5.3125rem;
  }
}
.o-header_menu_featured {
  margin-top: 2rem;
}
@media (max-width: 1100px) {
  .o-header_menu_featured {
    display: none;
  }
}
.o-header_menu_hashtagList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.o-header_menu_hashtagItem {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.75rem;
}
.o-header_toggler {
  display: none;
}
@media (max-width: 1100px) {
  .o-header_toggler {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .o-header_toggler_btn {
    position: relative;
    width: 1.125rem;
    height: 0.75rem;
    z-index: 3;
    padding: 0;
    outline: 0;
    background-color: transparent;
    border: none;
  }
  .o-header_toggler_btn:focus {
    outline: 0;
  }
  .o-header_toggler_btn > span {
    position: absolute;
    left: 50%;
    display: block;
    width: 1.125rem;
    height: 0.125rem;
    border-radius: 0;
    background: black;
    transition: background 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .o-header_toggler_btn > span:first-child {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .o-header_toggler_btn > span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .o-header_toggler_btn > span:nth-child(3) {
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  .o-header_toggler_active {
    opacity: 0;
  }
  .o-header_toggler_active > span:first-child {
    top: 0;
    transform: translateY(0.25rem) translateX(-0.625rem) rotate(45deg);
    width: 0.875rem;
    background-color: #ffffff;
  }
  .o-header_toggler_active > span:nth-child(2) {
    opacity: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .o-header_toggler_active > span:nth-child(3) {
    top: 100%;
    background-color: #ffffff;
    width: 0.875rem;
    transform: translateY(-0.5rem) translateX(-0.625rem) rotate(-45deg);
  }
}

.o-modal_closeBtn {
  cursor: pointer;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
}
.o-modal_container {
  max-width: 37.5rem;
}
.o-modal_content {
  padding: 1.5rem;
  border-radius: 0;
  border: none;
}
@media (max-width: 767px) {
  .o-modal_content {
    padding: 0.75rem;
  }
}
.o-modal_submitBtn {
  margin: 2rem auto 0;
  max-width: 11rem;
  width: 100%;
}
@media (max-width: 767px) {
  .o-modal_submitBtn {
    margin-top: 1rem;
  }
}

.o-modalSupport_container {
  max-width: 37.5rem;
}
.o-modalSupport_content {
  padding: 2rem 1.5rem 1.0625rem;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}
@media (max-width: 767px) {
  .o-modalSupport_content {
    padding: 1.75rem 0.75rem 0.5rem;
  }
}
.o-modalSupport_closeBtn {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  right: 0.625rem;
  top: 1.125rem;
}
@media (max-width: 767px) {
  .o-modalSupport_closeBtn {
    top: 0.75rem;
  }
}
.o-modalSupport_input {
  margin-top: 1rem;
}
.o-modalSupport_input:first-of-type {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .o-modalSupport_input {
    margin-top: 0.5rem;
  }
}
.o-modalSupport_doubleInput {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.o-modalSupport_smallInput {
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 767px) {
  .o-modalSupport_smallInput {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }
}
.o-modalSupport_submitBtn {
  margin: 1.4375rem auto 0;
  max-width: 11rem;
  width: 100%;
}
@media (max-width: 767px) {
  .o-modalSupport_submitBtn {
    margin-top: 0.75rem;
  }
}

.is-error input,
.is-error select,
.is-error textarea {
  border: 1px solid #e53935 !important;
}

.error-message {
  color: #e53935;
  font-size: 12px;
  margin-top: 4px;
}

#modalDriver .o-modal_submitBtn {
  visibility: hidden;
  /* ẩn nhưng giữ chỗ */
  opacity: 0;
  pointer-events: none;
  /* không click được */
  transition: opacity 0.25s ease;
}
#modalDriver .o-modal_submitBtn.is-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.o-header {
  background-color: #3A3A3C;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.o-header_brand {
  width: 100%;
  max-width: 18.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  flex-shrink: 0;
}
@media (max-width: 1366px) {
  .o-header_brand {
    max-width: 14.0625rem;
  }
}
@media (max-width: 1199px) {
  .o-header_brand {
    max-width: 11.875rem;
  }
}
@media (max-width: 767px) {
  .o-header_brand {
    max-width: 10.625rem;
  }
}
.o-header_wrapper {
  display: flex;
  position: relative;
}
@media (max-width: 1100px) {
  .o-header_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3.6875rem;
    right: -65%;
    background-color: #ffd931;
    -webkit-transform: skew(-16deg, 0deg);
    -moz-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
  }
}
@media (max-width: 767px) {
  .o-header_wrapper:after {
    height: 3.5rem;
  }
}
.o-header_navbar {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-left: 3.75rem;
}
@media (max-width: 1300px) {
  .o-header_navbar {
    margin-left: 1.875rem;
  }
}
@media (max-width: 1100px) {
  .o-header_navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 0;
    display: block;
    background-color: #3A3A3C;
    padding: 3.75rem 2rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
    transform: translateX(100%);
    z-index: 10;
  }
  .o-header_navbar_show {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .o-header_navbar {
    padding: 2.75rem 1rem;
  }
}
.o-header_navigation {
  position: relative;
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1100px) {
  .o-header_navigation {
    display: block;
  }
}
.o-header_navigation_close {
  cursor: pointer;
  position: absolute;
  right: 0.1875rem;
  top: -1.5rem;
}
.o-header_navigation_close .o-header_toggler_btn {
  opacity: 1;
}
.o-header_navigation_content {
  position: relative;
  list-style: none;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1300px) {
  .o-header_navigation_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.o-header_navigation_content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #ffd931;
  -webkit-transform: skew(-16deg, 0deg);
  -moz-transform: skew(-16deg, 0deg);
  -ms-transform: skew(-16deg, 0deg);
  transform: skew(-16deg, 0deg);
}
@media (max-width: 1100px) {
  .o-header_navigation_content {
    padding-left: 0;
    padding-right: 0;
    display: block;
    height: max-content;
  }
  .o-header_navigation_content:before {
    content: none;
  }
}
.o-header_navigation_item {
  position: relative;
  display: flex;
}
@media (max-width: 1100px) {
  .o-header_navigation_item {
    display: block;
  }
  .o-header_navigation_item:not(:first-of-type) {
    margin-top: 1rem;
  }
}
.o-header_navigation_btn {
  padding: 0;
  outline: 0;
  background-color: transparent;
  border: none;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #5a5a5a;
  font-weight: bold;
  transition: 0.2s ease-in-out;
}
.o-header_navigation_btn:focus {
  outline: 0;
}
.o-header_navigation_btn a {
  color: inherit;
}
.o-header_navigation_btn a:hover {
  text-decoration: none;
}
.o-header_navigation_btn:hover {
  color: #1B1B1B;
}
@media (min-width: 1740px) {
  .o-header_navigation_btn {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_btn {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #ffffff;
    width: 100%;
    text-align: left;
  }
  .o-header_navigation_btn a {
    color: inherit;
  }
  .o-header_navigation_btn:hover {
    color: #ffffff;
  }
}
.o-header_navigation_active .o-header_navigation_btn {
  color: #1B1B1B;
}
@media (max-width: 1100px) {
  .o-header_navigation_active .o-header_navigation_btn {
    color: #ffffff;
  }
}
.o-header_navigation_dropdown {
  position: fixed;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 23.25rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease-in-out;
  max-width: 85.375rem;
}
@media (max-width: 1366px) {
  .o-header_navigation_dropdown {
    top: 4.125rem;
  }
}
@media (max-width: 1199px) {
  .o-header_navigation_dropdown {
    top: 3.6875rem;
  }
}
@media (max-width: 767px) {
  .o-header_navigation_dropdown {
    top: 3.5rem;
  }
}
.o-header_navigation_option {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .o-header_navigation_option .o-header_navigation_item:first-of-type {
    order: 2;
    width: 100%;
  }
  .o-header_navigation_option .o-header_navigation_item:first-of-type .o-header_navigation_btn {
    display: none;
  }
  .o-header_navigation_option .o-header_navigation_item:first-of-type .o-header_navigation_dropdown {
    position: relative;
    opacity: 1;
    visibility: visible;
    top: 0;
  }
  .o-header_navigation_option .o-header_navigation_item:last-of-type {
    order: 1;
    width: 100%;
  }
}
.o-header_navigation_search {
  margin-left: 1.75rem;
  margin-right: 1.5rem;
}
.o-header_navigation_language {
  display: none;
  color: #DADADA;
}
.o-header_navigation_language_btn {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #DADADA;
  background-color: #5a5a5a;
  font-weight: 600;
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-header_navigation_language_btn:hover {
  color: inherit;
  text-decoration: none;
}
.o-header_navigation_language_btn.active {
  color: #ffffff;
  background-color: #00944d;
}
.o-header_navigation_language-mobile {
  display: flex;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
}
.o-header_navigation_language-mobile a {
  color: inherit;
}
.o-header_navigation_language-mobile a:hover {
  text-decoration: none;
}
.o-header_navigation_language-mobile a .m-iconLabel_wrapper {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .o-header_navigation_language-mobile a .m-iconLabel_wrapper {
    margin-left: 0.5rem;
  }
}
.o-header_navigation_language-mobile .o-header_navigation_language_vn {
  opacity: 0.5;
}
.o-header_navigation_language-mobile .o-header_navigation_language_en {
  margin-left: 2.5rem;
  display: block;
  opacity: 0.5;
}
.o-header_navigation_language-mobile .o-header_navigation_language_active {
  opacity: 1;
}
@media (min-width: 1000px) {
  .o-header_navigation_language {
    display: flex;
  }
  .o-header_navigation_language-mobile {
    display: none;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_hasChild:after {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0.625rem;
    width: 0.5625rem;
    height: 0.5625rem;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transition: 0.2s ease-in-out;
    transform: rotate(-45deg);
  }
}
.o-header_navigation_show .o-header_navigation_dropdown {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_dropdown {
    max-height: 100%;
    position: relative;
    top: 0;
    height: 100%;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_dropdown .o-header_menu_list {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
  }
}
@media (max-width: 1100px) {
  .o-header_navigation_show:after {
    transform: rotate(135deg);
  }
}
.o-header_navigation_show .o-header_navigation_btn {
  color: #1B1B1B;
}
@media (max-width: 1100px) {
  .o-header_navigation_show .o-header_navigation_btn {
    color: #ffffff;
  }
}
.o-header_menu {
  width: 100%;
  height: 100%;
}
.o-header_menu_wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.o-header_menu_left {
  flex: 0 0 493px;
  max-width: 493px;
  padding: 2rem 2rem 2rem 5rem;
  background-color: #ffffff;
}
@media (max-width: 1100px) {
  .o-header_menu_left {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: transparent;
  }
}
.o-header_menu_right {
  flex: 0 0 calc(100% - 493px);
  max-width: calc(100% - 493px);
  background-color: #fafafa;
  padding: 2rem 5rem 2rem 2rem;
}
@media (max-width: 1100px) {
  .o-header_menu_right {
    display: none;
  }
}
.o-header_menu_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .o-header_menu_title {
    display: none;
  }
}
.o-header_menu_list {
  list-style: none;
}
@media (max-width: 1100px) {
  .o-header_menu_list {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
.o-header_menu_item {
  margin-top: 1rem;
}
.o-header_menu_item .a-link a:hover {
  text-decoration: underline;
}
@media (max-width: 1100px) {
  .o-header_menu_item {
    margin-top: 0.5rem;
  }
  .o-header_menu_item:last-child {
    margin-bottom: 0.5rem;
  }
  .o-header_menu_item .a-link {
    color: #ffffff;
  }
  .o-header_menu_item .a-link a:hover {
    text-decoration: none;
  }
}
.o-header_menu_item_viewall {
  display: none;
}
@media (max-width: 1100px) {
  .o-header_menu_item_viewall {
    display: block;
  }
  .o-header_menu_item_viewall .a-link {
    color: #00944d;
  }
}
.o-header_menu_slider {
  margin-top: 1rem;
}
.o-header_menu_slider.slick-slider {
  margin-bottom: 0;
}
.o-header_menu_search {
  margin-top: 1rem;
}
@media (max-width: 1100px) {
  .o-header_menu_search {
    padding-bottom: 2.5rem;
  }
  .o-header_menu_search .a-input_search > input {
    padding-right: 5.5625rem;
  }
  .o-header_menu_search .a-button {
    max-width: 5.3125rem;
  }
}
.o-header_menu_featured {
  margin-top: 2rem;
}
@media (max-width: 1100px) {
  .o-header_menu_featured {
    display: none;
  }
}
.o-header_menu_hashtagList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.o-header_menu_hashtagItem {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.75rem;
}
.o-header_toggler {
  display: none;
}
@media (max-width: 1100px) {
  .o-header_toggler {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .o-header_toggler_btn {
    position: relative;
    width: 1.125rem;
    height: 0.75rem;
    z-index: 3;
    padding: 0;
    outline: 0;
    background-color: transparent;
    border: none;
  }
  .o-header_toggler_btn:focus {
    outline: 0;
  }
  .o-header_toggler_btn > span {
    position: absolute;
    left: 50%;
    display: block;
    width: 1.125rem;
    height: 0.125rem;
    border-radius: 0;
    background: black;
    transition: background 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .o-header_toggler_btn > span:first-child {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .o-header_toggler_btn > span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .o-header_toggler_btn > span:nth-child(3) {
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  .o-header_toggler_active {
    opacity: 0;
  }
  .o-header_toggler_active > span:first-child {
    top: 0;
    transform: translateY(0.25rem) translateX(-0.625rem) rotate(45deg);
    width: 0.875rem;
    background-color: #ffffff;
  }
  .o-header_toggler_active > span:nth-child(2) {
    opacity: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .o-header_toggler_active > span:nth-child(3) {
    top: 100%;
    background-color: #ffffff;
    width: 0.875rem;
    transform: translateY(-0.5rem) translateX(-0.625rem) rotate(-45deg);
  }
}

.o-cardRoad-special {
  width: 100%;
  max-width: 52%;
  padding-left: 1.5rem;
  padding-right: 0.625rem;
  background-color: #E6F5EE;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .o-cardRoad-special {
    position: relative;
    margin-top: 1.875rem;
    height: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 0;
  }
}
.o-cardRoad-special .o-cardRoad_ratio {
  position: relative;
  top: 0;
  height: 0;
  padding-bottom: 90.3225806452%;
}
@media (max-width: 767px) {
  .o-cardRoad-special .o-cardRoad_ratio {
    padding-bottom: 0;
    height: 100%;
  }
}
.o-cardRoad-special .o-cardRoad_wrap {
  position: absolute;
  height: calc(100% - 24px);
  margin-top: 1.5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .o-cardRoad-special .o-cardRoad_wrap {
    margin-top: 1rem;
    height: auto;
    position: relative;
    padding-bottom: 1rem;
  }
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists {
  max-height: calc(100% - 54px);
  position: relative;
  overflow: auto;
  padding-right: 1rem;
}
@media (min-width: 992px) {
  .o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists {
    max-height: 25rem;
  }
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.625rem;
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists::-webkit-scrollbar-thumb {
  background: #DADADA;
  border-radius: 0.3125rem;
  border: 0.125rem solid #ffffff;
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists::-webkit-scrollbar-track {
  background: #ffffff;
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists {
  scrollbar-face-color: #DADADA;
  scrollbar-track-color: #ffffff;
}
.o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
}
@media (min-width: 992px) {
  .o-cardRoad-special .o-cardRoad_wrap .o-cardRoad_lists::-webkit-scrollbar-track:vertical {
    margin-bottom: 1.5rem;
  }
}
.o-cardRoad_titleLarge {
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .o-cardRoad_titleLarge {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575px) {
  .o-cardRoad_titleLarge {
    margin-bottom: 0.75rem;
  }
}
.o-cardRoad_titleLarge > .a-heading span {
  color: #00944d;
}
@media (max-width: 991px) {
  .o-cardRoad_titleLarge > .a-heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.o-cardRoad_item {
  border-radius: 0.3125rem;
  overflow: hidden;
  background-color: #ffffff;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 575px) {
  .o-cardRoad_item {
    margin-bottom: 0.625rem;
  }
}
.o-cardRoad_item:last-child {
  margin-bottom: 0;
}
.o-cardRoad_item .a-link a {
  display: flex;
  align-items: center;
}
.o-cardRoad_img {
  border-radius: 0.3125rem;
  overflow: hidden;
  flex: 0 0 7.5rem;
  max-width: 7.5rem;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .o-cardRoad_img {
    flex: 0 0 5.625rem;
    max-width: 5.625rem;
  }
}
.o-cardRoad_info {
  padding: 0.5rem 1rem;
  flex: 0 0 calc(100% - 120px);
  max-width: calc(100% - 120px);
}
@media (max-width: 991px) {
  .o-cardRoad_info {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
    padding: 0.25rem 0.5rem;
  }
}
.o-cardRoad_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1800px) {
  .o-cardRoad_title .a-heading {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (max-width: 1599px) {
  .o-cardRoad_title .a-heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 1367px) {
  .o-cardRoad_title .a-heading {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
}
.o-cardRoad_description {
  margin-top: 0.125rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1367px) {
  .o-cardRoad_description .a-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
@media (max-width: 991px) {
  .o-cardRoad_description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.o-chart {
  width: 100%;
  position: relative;
}
.o-chart .highcharts-xaxis .highcharts-axis-line {
  fill: none;
  stroke-dasharray: 22, 4;
  stroke-width: 4;
}
@media (min-width: 1366px) {
  .o-chart .highcharts-xaxis .highcharts-axis-line {
    stroke-dasharray: 30, 4;
  }
}
@media (max-width: 1199px) {
  .o-chart .highcharts-xaxis .highcharts-axis-line {
    stroke-dasharray: 17, 4;
  }
}
@media (max-width: 991px) {
  .o-chart .highcharts-xaxis .highcharts-axis-line {
    stroke-dasharray: 31, 4;
  }
}
@media (max-width: 767px) {
  .o-chart .highcharts-xaxis .highcharts-axis-line {
    stroke-dasharray: 20.2, 4;
  }
}
@media (max-width: 575px) {
  .o-chart .highcharts-xaxis .highcharts-axis-line {
    stroke-dasharray: 10.7, 4;
  }
}

.t-mainLayout_header {
  position: relative;
}
.t-mainLayout_breadcrumb {
  margin-top: 5rem;
}
@media (max-width: 1366px) {
  .t-mainLayout_breadcrumb {
    margin-top: 4.125rem;
  }
}
@media (max-width: 1199px) {
  .t-mainLayout_breadcrumb {
    margin-top: 3.6875rem;
  }
}
@media (max-width: 767px) {
  .t-mainLayout_breadcrumb {
    margin-top: 3.5rem;
  }
}
.t-mainLayout_breadcrumb_bg {
  background-color: #F3F4F7;
}
.t-mainLayout_social {
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 3.125rem;
  z-index: 999;
}
.t-mainLayout_social :not(:first-child) {
  margin-top: 0.75rem;
}
.t-mainLayout_social a {
  display: block;
  width: 100%;
  max-width: 4rem;
}

.o-banner {
  position: relative;
}
@media (max-width: 999px) {
  .o-banner .o-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.o-banner_bgImage {
  width: 100%;
}
.o-banner_behindLayer {
  width: 100%;
  opacity: 0.5;
}
@media (max-width: 575px) {
  .o-banner_behindLayer {
    display: none;
  }
}
.o-banner_frontLayer {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 78.18%;
}
@media (max-width: 575px) {
  .o-banner_frontLayer {
    position: relative;
    max-width: 100%;
  }
}
@media (min-width: 1000px) {
  .o-banner_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 32.25rem;
    left: calc((100% - 1200px) / 2 + 100px);
  }
}
@media (min-width: 1200px) {
  .o-banner_content {
    left: calc((100% - 1366px) / 2 + 80px);
  }
}
@media (min-width: 1000px) {
  .o-banner-horizontal .o-banner_content {
    width: 100%;
    max-width: 85.375rem;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: -6.0625rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 999px) {
  .o-banner_content {
    max-width: 100%;
    background-color: #00944d;
    margin-top: 0;
  }
}
@media (max-width: 999px) {
  .o-banner_card {
    max-width: 58.125rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .o-banner_card {
    max-width: 43.125rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .o-banner_card {
    max-width: 31.875rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
  .o-banner_card {
    max-width: 100%;
  }
  .o-banner_card .m-cardSummary {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 575px) {
  .o-banner_card {
    max-width: 100%;
  }
}
@media (min-width: 1000px) {
  .o-banner-horizontal .o-banner_card {
    width: 49%;
  }
}
.o-banner-vertical .o-banner_listIconWrapper {
  background-color: #E6F5EE;
}
.o-banner-horizontal .o-banner_listIconWrapper {
  background-color: #E6F5EE;
}
@media (min-width: 1000px) {
  .o-banner-horizontal .o-banner_listIconWrapper {
    width: 51%;
  }
}
@media (max-width: 575px) {
  .o-banner_listIconWrapper {
    overflow-x: auto;
  }
}
.o-banner-horizontal .o-banner_listIconLabel {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 6.0625rem;
}
@media (max-width: 999px) {
  .o-banner-horizontal .o-banner_listIconLabel {
    justify-content: space-around;
  }
}
@media (max-width: 575px) {
  .o-banner-horizontal .o-banner_listIconLabel {
    justify-content: space-between;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}
.o-banner-vertical .o-banner_listIconLabel {
  display: flex;
  justify-content: space-around;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 575px) {
  .o-banner-vertical .o-banner_listIconLabel {
    justify-content: space-between;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}
@media (max-width: 999px) {
  .o-banner_listIconLabel {
    max-width: 58.125rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .o-banner_listIconLabel {
    max-width: 43.125rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .o-banner_listIconLabel {
    max-width: 31.875rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
  .o-banner_listIconLabel {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .o-banner_listIconLabel .m-iconLabel {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    white-space: nowrap;
  }
}
.o-banner_slick .slick-dots {
  bottom: 1.5rem;
}
.o-banner_slick .slick-prev {
  left: 1.125rem;
}
.o-banner_slick .slick-next {
  right: 1.125rem;
}

.p-home_banner {
  position: relative;
}
.p-home_banner_slider {
  z-index: 2;
}
.p-home_banner_slider.desktop {
  display: none;
}
@media (min-width: 768px) {
  .p-home_banner_slider.desktop {
    display: block;
  }
}
.p-home_banner_slider.mobile {
  display: block;
}
@media (min-width: 768px) {
  .p-home_banner_slider.mobile {
    display: none;
  }
}
.p-home_banner_slider.slick-slider {
  margin-bottom: 0;
}
.p-home_banner_slider .slick-dots {
  bottom: 1.5rem;
}
.p-home_banner_slider .slick-prev {
  left: 1.25rem;
}
.p-home_banner_slider .slick-next {
  right: 1.25rem;
}
.p-home_banner_image img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .p-home_banner_image {
    height: calc(100vh - 80px);
  }
}
@media (max-width: 767px) {
  .p-home_banner_image {
    height: 30rem;
  }
  .p-home_banner_image img {
    object-fit: cover;
  }
}
.p-home_search {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.p-home_search .o-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-home_search_wrapper {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  left: 5rem;
  width: 100%;
  max-width: 28.125rem;
  padding: 1.5rem;
  background-color: rgba(58, 58, 60, 0.5);
  border-radius: 0.3125rem;
}
@media (min-width: 1367px) {
  .p-home_search_wrapper {
    max-width: 40rem;
  }
}
.p-home_search_input {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-home_search_wrapper {
    padding: 1rem;
    left: 0;
    width: 100%;
  }
  .p-home_search_input .a-button {
    max-width: 5.625rem;
  }
}
.p-home_category {
  margin-top: -0.4375rem;
}
.p-home_category_head {
  position: relative;
  background-color: #ffd931;
}
.p-home_category_head:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(../assets/src/assets/images/mask_category_home.jpg);
  mix-blend-mode: multiply;
}
.p-home_category_head_wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .p-home_category_head_wrapper {
    display: block;
  }
  .p-home_category_head_wrapper .p-home_category_tab {
    margin-top: 1.5rem;
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .p-home_category_head_wrapper .p-home_category_tab {
    display: block;
  }
  .p-home_category_head_wrapper .p-home_category_tab .m-tab .a-tabItem {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.6875rem;
    font-weight: 400;
  }
}
.p-home_category_body {
  padding-top: 0.5rem;
  padding-bottom: 3.75rem;
  background-color: #fafafa;
}
@media (max-width: 767px) {
  .p-home_category_body {
    padding-bottom: 4.75rem;
  }
}
.p-home_category_body .slick-dots {
  bottom: -2.25rem;
}
.p-home_category_body .slick-list {
  margin: 0 -1rem;
}
@media (max-width: 767px) {
  .p-home_category_body .slick-list {
    margin: 0 -0.5rem;
  }
}
.p-home_category_title {
  padding-top: 1rem;
}
@media (max-width: 991px) {
  .p-home_category_title {
    padding-top: 1.5rem;
  }
  .p-home_category_title .a-heading {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
  }
}
.p-home_category_card {
  padding: 1rem;
}
@media (max-width: 767px) {
  .p-home_category_card {
    padding: 0.5rem;
  }
}
.p-home_projectMobile {
  display: none;
}
@media (max-width: 767px) {
  .p-home_projectMobile {
    display: block;
  }
}
.p-home_projectMobile_summary {
  background-color: #00944d;
  padding: 2rem 1rem;
}
.p-home_projectMobile_title {
  margin-top: 0.625rem;
}
.p-home_projectMobile_btn {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-home_projectMobile_btn .a-button {
    max-width: 14.125rem;
  }
}
.p-home_projectMobile_slider {
  margin-top: 1rem;
}
.p-home_projectMobile_slider.slick-slider {
  margin-bottom: -0.4375rem;
}
.p-home_projectMobile_slider .slick-dots {
  bottom: -2.75rem;
}
.p-home_project {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-home_project {
    display: none;
  }
}
.p-home_project_summary {
  background-color: #00944d;
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  padding-left: 5rem;
  padding-right: 2rem;
}
@media (max-width: 999px) {
  .p-home_project_summary {
    flex: auto;
    max-width: 100%;
    padding: 4.625rem 5rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .p-home_project_summary {
    padding: 3.5rem 4rem;
  }
}
@media (max-width: 767px) {
  .p-home_project_summary {
    display: none;
  }
}
.p-home_project_title {
  margin-top: 0.25rem;
}
.p-home_project_btn {
  max-width: 14.125rem;
  margin-top: 1rem;
}
.p-home_project_slider {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 50%;
  max-width: 50%;
}
.p-home_project_card {
  flex: 0 0 21.34375rem;
  max-width: 21.34375rem;
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1199px) {
  .p-home_project_card {
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
  }
}
@media (max-width: 991px) {
  .p-home_project_card {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.p-home_medias {
  margin-top: 4.5rem;
  margin-bottom: 6.875rem;
}
@media (max-width: 767px) {
  .p-home_medias {
    margin-top: 5.25rem;
    margin-bottom: 1.875rem;
  }
}
.p-home_medias .o-container {
  position: relative;
}
.p-home_medias_highlight {
  margin-left: 2.5rem;
}
@media (max-width: 991px) {
  .p-home_medias_highlight {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .p-home_medias_highlight .a-heading {
    font-weight: 500;
  }
}
.p-home_medias_title {
  margin-top: 0.25rem;
  margin-left: 2.5rem;
}
@media (max-width: 991px) {
  .p-home_medias_title {
    margin-left: 0;
    margin-top: 0.625rem;
  }
}
@media (max-width: 767px) {
  .p-home_medias_title .a-heading {
    font-weight: 700;
  }
}
.p-home_medias_btn {
  position: absolute;
  top: 3.125rem;
  right: 5rem;
  width: 100%;
  max-width: 15.25rem;
}
@media (max-width: 991px) {
  .p-home_medias_btn {
    position: relative;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.25rem;
  }
}
.p-home_medias_slider {
  margin-top: 1rem;
}
@media (max-width: 575px) {
  .p-home_medias_slider .slick-track {
    display: flex;
  }
  .p-home_medias_slider .slick-slide {
    height: inherit;
  }
  .p-home_medias_slider .slick-slide div {
    height: 100%;
  }
  .p-home_medias_slider .slick-slide div div {
    height: 100%;
  }
}
.p-home_medias_slider.slick-slider {
  margin-bottom: -0.4375rem;
}

.circle-custom {
  display: none;
}

.highcharts-tick {
  fill: #fff;
}

.p-productList .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-productList .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-productList .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-productList .flex-list_row {
    margin: 0.5rem -0.5rem -0.5rem;
  }
}
.p-productList .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-productList .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-productList .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-productList .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-productList_content {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-productList_content {
    margin-bottom: 1.875rem;
  }
}

.p-standardGradesEmulsions .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-standardGradesEmulsions .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-standardGradesEmulsions .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-standardGradesEmulsions .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-standardGradesEmulsions .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-standardGradesEmulsions .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-standardGradesEmulsions .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-standardGradesEmulsions .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-standardGradesEmulsionsDetail .flex-detail_summary {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_slider {
  margin-top: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_slider .slick-next {
  right: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_slider .slick-prev {
  left: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_slider .slick-dots {
  bottom: 1.4375rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_summary_slider .slick-dots {
    bottom: -1.5625rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_summary_slider .slick-slide {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 991px) {
  .p-standardGradesEmulsionsDetail .flex-detail_summary_slider {
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_summary_slider {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
}
.p-standardGradesEmulsionsDetail .flex-detail_summary_col:first-child {
  margin-bottom: -0.4375rem;
  margin-right: -1rem;
}
@media (max-width: 991px) {
  .p-standardGradesEmulsionsDetail .flex-detail_summary_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation {
  background-color: #fafafa;
  padding-top: 1rem;
  padding-left: 2rem;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation {
    margin-top: 2.25rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation:before {
    left: 0;
    transform: translate(0);
    width: calc(100% + ((100vw - 960px) / 2) + 15px);
  }
}
@media (min-width: 1200px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1140px) / 2) + 15px);
  }
}
@media (min-width: 1441px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1366px) / 2) + 80px);
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_wrapper {
  max-width: 36.6875rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_head {
  display: flex;
  align-items: center;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_tag {
  margin-right: 0.5rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_title {
  margin-top: 0.25rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_description {
  margin-top: 0.5rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_wrapperBtn {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 1rem -1rem 2rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_downloadBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 15rem;
  max-width: 15rem;
  margin-top: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_downloadBtn .a-button {
  color: #1B1B1B;
}
.p-standardGradesEmulsionsDetail .flex-detail_infomation_supportBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 11.875rem;
  max-width: 11.875rem;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation {
    padding-left: 1rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_others {
  background-color: #E6F5EE;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_others_title {
  margin-left: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_others_title .a-link {
  font-size: inherit;
  line-height: inherit;
}
.p-standardGradesEmulsionsDetail .flex-detail_others_row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_others_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-standardGradesEmulsionsDetail .flex-detail_others_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_section {
  margin-bottom: -0.4375rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section:not(:first-of-type) {
  margin-top: 5.25rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section:first-of-type {
  margin-top: 1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section:last-of-type {
  margin-bottom: 5.25rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section_description {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_section_description {
    margin-top: 0.5rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-list {
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-track {
  margin-left: 0;
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-next {
    right: -1.25rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-prev {
    left: -1.25rem;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slider .slick-dots {
  bottom: -2.25rem;
}
@media (max-width: 767px) {
  .p-standardGradesEmulsionsDetail .flex-detail_section_slider {
    margin-top: 0;
  }
}
.p-standardGradesEmulsionsDetail .flex-detail_section_slide {
  padding: 1rem;
}
.p-standardGradesEmulsionsDetail_container {
  padding-top: 1rem;
  padding-bottom: 2.125rem;
}
@media (max-width: 767px) {
  .p-standardGradesEmulsionsDetail_container {
    padding-bottom: 0;
  }
}
@media (min-width: 1366px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation_title .a-heading {
    font-size: 1.375rem;
    line-height: 2.0625rem;
  }
}
@media (min-width: 1600px) {
  .p-standardGradesEmulsionsDetail .flex-detail_infomation_title .a-heading {
    font-size: 1.625rem;
    line-height: 2.4375rem;
  }
}

.p-penetrationGradeBitumen .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-penetrationGradeBitumen .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-penetrationGradeBitumen .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-penetrationGradeBitumen .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-penetrationGradeBitumen .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-penetrationGradeBitumen .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-penetrationGradeBitumen .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-penetrationGradeBitumen .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-premiumBinders .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-premiumBinders .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-premiumBinders .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-premiumBinders .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-premiumBinders .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-premiumBinders .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-premiumBinders .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-premiumBinders .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-specialEmulsions .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-specialEmulsions .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-specialEmulsions .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-specialEmulsions .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-specialEmulsions .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-specialEmulsions .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-specialEmulsions .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-specialEmulsions .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-antiStickingAgent .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-antiStickingAgent .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-antiStickingAgent .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-antiStickingAgent .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-antiStickingAgent .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-antiStickingAgent .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-antiStickingAgent .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-antiStickingAgent .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-storableColdMixAsphalt .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-storableColdMixAsphalt .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-storableColdMixAsphalt .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-storableColdMixAsphalt .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-storableColdMixAsphalt .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-storableColdMixAsphalt .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-storableColdMixAsphalt .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-storableColdMixAsphalt .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-aboutUs_introduction_subTitle {
  margin-top: 0.625rem;
}
@media (min-width: 992px) {
  .p-aboutUs_introduction_subTitle {
    margin-top: 1.5rem;
  }
}
.p-aboutUs_introduction_description .a-link {
  display: inline-block;
}
@media (max-width: 767px) {
  .p-aboutUs_introduction_description .a-link {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.p-aboutUs_slider {
  position: relative;
  margin-top: 2.75rem;
  margin-bottom: 3.0625rem;
}
@media (max-width: 767px) {
  .p-aboutUs_slider {
    margin-top: 1.125rem;
  }
}
.p-aboutUs_slider_wrapper {
  margin-right: -1rem;
  margin-left: -1rem;
  margin-top: 1rem;
}
.p-aboutUs_slider_wrapper.slick-slider {
  margin-bottom: -0.4375rem;
}
.p-aboutUs_slider_wrapper .slick-dots {
  bottom: -2.875rem;
}
.p-aboutUs_slider_wrapper .slick-track {
  margin-left: 0;
}
.p-aboutUs_slider_item {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-aboutUs_slider_item-img {
  padding: 0.75rem 0.875rem;
  border-radius: 3px;
  border: 1px solid #ffd931;
}
.p-aboutUs_thumbnail_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 767px) {
  .p-aboutUs_thumbnail_wrapper {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-aboutUs_thumbnail_item {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .p-aboutUs_thumbnail_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-top: 1rem;
  }
}
@media (max-width: 567px) {
  .p-aboutUs_thumbnail_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_corporateProfile .p-aboutUs_thumbnail {
    margin-bottom: 1.8125rem;
  }
}
.p-aboutUs_inside {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-aboutUs_inside {
    margin-top: 1.5rem;
  }
}

.p-aboutUs_core_lists {
  margin: 1.5rem -0.5rem 0;
}
@media (max-width: 767px) {
  .p-aboutUs_core_lists {
    margin-top: 1rem;
  }
}
.p-aboutUs_core_lists .slick-slide {
  height: inherit;
}
.p-aboutUs_core_lists .slick-slide > div {
  height: 100%;
}
.p-aboutUs_core_lists .slick-track {
  display: flex;
}
.p-aboutUs_core_lists .slick-dots {
  bottom: 0;
  margin-top: 1rem;
  position: relative;
}
.p-aboutUs_core_wrapper {
  background-color: #fafafa;
  height: 100%;
}
.p-aboutUs_core_item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 100%;
}
@media (min-width: 768px) {
  .p-aboutUs_core_item:nth-child(even) .p-aboutUs_core_item_img-text h4 {
    display: inline;
  }
}
.p-aboutUs_core_item_desc {
  padding: 1rem;
  max-height: 17rem;
  overflow: auto;
}
@media (max-width: 991px) {
  .p-aboutUs_core_item_desc {
    max-height: 14.375rem;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_core_item_desc {
    max-height: 12.5rem;
  }
}
.p-aboutUs_core_item_img {
  position: relative;
}
.p-aboutUs_core_item_img-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  text-align: center;
}

.p-managementTeam .p-aboutUs_content {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-managementTeam .p-aboutUs_content {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-managementTeam .p-aboutUs_content {
    margin-bottom: 1.875rem;
  }
}
.p-managementTeam_person {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 1199px) {
  .p-managementTeam_person {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-managementTeam_person_item {
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 2rem;
}
@media (max-width: 1199px) {
  .p-managementTeam_person_item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 991px) {
  .p-managementTeam_person_item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 1rem;
  }
}
@media (max-width: 575px) {
  .p-managementTeam_person_item {
    flex: auto;
    max-width: 100%;
    width: 100%;
  }
}

.p-visionMission_content {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-visionMission_content {
    margin-bottom: 1.875rem;
  }
}
.p-visionMission_introduction_paragraph {
  margin-top: 1.75rem;
}
.p-visionMission_introduction_paragraph:not(:first-of-type) {
  margin-top: 1rem;
}

.p-aboutUs_career .p-aboutUs_introduction {
  margin-bottom: 0;
}
.p-aboutUs_career .p-aboutUs_introduction_description {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.p-aboutUs_career .p-aboutUs_introduction_title {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .p-aboutUs_career .p-aboutUs_introduction_title {
    margin-top: 1.5rem;
  }
}
.p-aboutUs_career .p-aboutUs_filter {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -0.75rem 0;
}
.p-aboutUs_career .p-aboutUs_filter_item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
}
.p-aboutUs_career .p-aboutUs_filter_item:not(:first-child) {
  margin-top: 0.625rem;
}
@media (min-width: 768px) {
  .p-aboutUs_career .p-aboutUs_filter_item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .p-aboutUs_career .p-aboutUs_filter_item:not(:first-child) {
    margin-top: 0;
  }
}
.p-aboutUs_career .p-aboutUs_result {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-aboutUs_career .p-aboutUs_result {
    margin-top: 1.5rem;
  }
  .p-aboutUs_career .p-aboutUs_result table,
.p-aboutUs_career .p-aboutUs_result thead,
.p-aboutUs_career .p-aboutUs_result tbody,
.p-aboutUs_career .p-aboutUs_result th,
.p-aboutUs_career .p-aboutUs_result td,
.p-aboutUs_career .p-aboutUs_result tr {
    display: block;
  }
  .p-aboutUs_career .p-aboutUs_result thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .p-aboutUs_career .p-aboutUs_result tr {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
  }
  .p-aboutUs_career .p-aboutUs_result td {
    border: none;
    position: relative;
    padding: 12px 12px 12px 40% !important;
  }
  .p-aboutUs_career .p-aboutUs_result td:nth-child(1) {
    padding: 12px !important;
  }
  .p-aboutUs_career .p-aboutUs_result td:nth-child(1) span {
    margin-left: 0 !important;
  }
  .p-aboutUs_career .p-aboutUs_result td:nth-child(1)::before {
    content: unset;
  }
  .p-aboutUs_career .p-aboutUs_result td:nth-child(2) {
    max-width: 100% !important;
  }
  .p-aboutUs_career .p-aboutUs_result td:before {
    position: absolute;
    left: 12px;
    content: attr(data-label);
    font-weight: bold;
  }
}
.p-aboutUs_career .p-aboutUs_result_lists {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 767px) {
  .p-aboutUs_career .p-aboutUs_result_lists {
    margin-top: 0.75rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-aboutUs_career .p-aboutUs_result_item {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .p-aboutUs_career .p-aboutUs_result_item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_career .p-aboutUs_result_item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 575px) {
  .p-aboutUs_career .p-aboutUs_result_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-aboutUs_career .p-aboutUs_result_item .m-cardContent_title h4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.p-aboutUs_career .p-aboutUs_result table {
  width: 100%;
  border-collapse: collapse;
}
.p-aboutUs_career .p-aboutUs_result table th {
  padding: 0.5rem 1rem;
}
.p-aboutUs_career .p-aboutUs_result table td {
  padding: 1rem;
  width: calc(100% / 3);
}
.p-aboutUs_career .p-aboutUs_result table td:first-child {
  width: 2.5rem;
}
.p-aboutUs_career .p-aboutUs_result table thead th:first-child {
  opacity: 0;
}
.p-aboutUs_career .p-aboutUs_result table tbody tr {
  border-top: 1px solid #dadada;
}
.p-aboutUs_career .p-aboutUs_result table span {
  display: block;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  background-color: #f9f92f;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
}
.p-aboutUs_career .p-aboutUs_result_button {
  max-width: 11.875rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .p-aboutUs_career .p-aboutUs_result_button {
    margin-top: 0.5rem;
  }
}
.p-aboutUs_career_collapse table tr:nth-child(even) {
  background-color: #f9f9f9;
}
.p-aboutUs_career_iconLabel {
  margin-top: 2.6875rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .p-aboutUs_career_iconLabel {
    margin: 1.5625rem -0.25rem 0.875rem;
  }
}
@media (max-width: 991px) {
  .p-aboutUs_career_iconLabel_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    margin-bottom: 0.5rem;
  }
}
.p-aboutUs_career_info {
  margin-bottom: 3rem;
}
@media (max-width: 1199px) {
  .p-aboutUs_career_info {
    margin-bottom: 1.6875rem;
  }
}
.p-aboutUs_career_info p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1B1B1B;
}
@media (max-width: 767px) {
  .p-aboutUs_career_info p {
    font-size: 0.875rem;
  }
}
.p-aboutUs_career_apply {
  margin-bottom: 2.9375rem;
}
@media (max-width: 1199px) {
  .p-aboutUs_career_apply {
    margin-bottom: 1.6875rem;
  }
}
.p-aboutUs_career_button {
  max-width: 11rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}
@media (max-width: 1199px) {
  .p-aboutUs_career_button {
    margin-top: 0.625rem;
  }
}

@media (min-width: 992px) {
  .flex-order1 {
    order: 1;
  }
}

@media (min-width: 992px) {
  .flex-order2 {
    order: 2;
  }
}

@media (min-width: 992px) {
  .flex-order3 {
    order: 3;
  }
}

@media (min-width: 992px) {
  .flex-order4 {
    order: 4;
  }
}

@media (min-width: 992px) {
  .flex-order5 {
    order: 5;
  }
}

@media (min-width: 992px) {
  .flex-order6 {
    order: 6;
  }
}

@media (min-width: 992px) {
  .flex-order7 {
    order: 7;
  }
}

@media (min-width: 992px) {
  .flex-order8 {
    order: 8;
  }
}

@media (min-width: 992px) {
  .flex-order9 {
    order: 9;
  }
}

@media (min-width: 992px) {
  .flex-order10 {
    order: 10;
  }
}

.p-aboutUs_chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -2rem -1.5rem -1.5rem;
}
@media (max-width: 767px) {
  .p-aboutUs_chain {
    margin-top: -1.25rem;
  }
}
@media (max-width: 575px) {
  .p-aboutUs_chain {
    margin-bottom: 0;
  }
}
.p-aboutUs_chain_item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 1.5rem;
}
@media (max-width: 1199px) {
  .p-aboutUs_chain_item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .p-aboutUs_chain_item.flex-order1 {
    order: 2;
  }
  .p-aboutUs_chain_item.flex-order2 {
    order: 3;
  }
  .p-aboutUs_chain_item.flex-order3 {
    order: 4;
  }
  .p-aboutUs_chain_item.flex-order3 .m-cardProgress-right:before {
    bottom: -3.78125rem;
    transform: rotate(90deg);
    left: calc(50% - 10px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order3 .m-cardProgress-right:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order4 {
    order: 8;
  }
  .p-aboutUs_chain_item.flex-order4 .m-cardProgress-down:before {
    top: calc(50% - 10px);
    left: -2.125rem;
    transform: rotate(180deg);
  }
  .p-aboutUs_chain_item.flex-order4 .m-cardProgress-down:after {
    top: 3.4375rem;
    left: -4.125rem;
  }
  .p-aboutUs_chain_item.flex-order6 {
    order: 7;
  }
  .p-aboutUs_chain_item.flex-order6 .m-cardProgress-down:before {
    top: calc(50% - 10px);
    left: -2.125rem;
    transform: rotate(180deg);
  }
  .p-aboutUs_chain_item.flex-order6 .m-cardProgress-down:after {
    top: 3.4375rem;
    left: -4.125rem;
  }
  .p-aboutUs_chain_item.flex-order10 {
    order: 6;
  }
  .p-aboutUs_chain_item.flex-order10 .m-cardProgress-left:before {
    bottom: -3.78125rem;
    transform: rotate(90deg);
    left: calc(50% - 10px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order10 .m-cardProgress-left:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order7 {
    order: 11;
  }
  .p-aboutUs_chain_item.flex-order8 {
    order: 10;
  }
  .p-aboutUs_chain_item.flex-order8 .m-cardProgress-left:before {
    top: calc(50% - 10px);
    right: 0;
    transform: rotate(0);
    left: calc(100% + 16px);
  }
  .p-aboutUs_chain_item.flex-order8 .m-cardProgress-left:after {
    top: 3.4375rem;
    right: -4.125rem;
    left: 100%;
  }
  .p-aboutUs_chain_item.flex-order9 {
    order: 9;
  }
  .p-aboutUs_chain_item.flex-order9 .m-cardProgress-left:before {
    top: calc(50% - 10px);
    right: 0;
    transform: rotate(0);
    left: calc(100% + 16px);
  }
  .p-aboutUs_chain_item.flex-order9 .m-cardProgress-left:after {
    top: 3.4375rem;
    right: -4.125rem;
    left: 100%;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .p-aboutUs_chain_item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .p-aboutUs_chain_item.flex-order1 .m-cardProgress-right:before {
    top: calc(50% - 10px);
    right: -2.125rem;
    left: auto;
    transform: rotate(0);
  }
  .p-aboutUs_chain_item.flex-order1 .m-cardProgress-right:after {
    top: 3.4375rem;
    right: -4.125rem;
    left: auto;
  }
  .p-aboutUs_chain_item.flex-order3 {
    order: 5;
  }
  .p-aboutUs_chain_item.flex-order3 .m-cardProgress-right:before {
    top: calc(50% - 10px);
    left: -2.125rem;
    transform: rotate(180deg);
  }
  .p-aboutUs_chain_item.flex-order3 .m-cardProgress-right:after {
    top: 5rem;
    right: calc(100% - 25px);
    left: auto;
  }
  .p-aboutUs_chain_item.flex-order4 {
    order: 4;
  }
  .p-aboutUs_chain_item.flex-order4 .m-cardProgress-down:before {
    top: 100%;
    left: calc(50% - 10px);
    transform: rotate(90deg);
  }
  .p-aboutUs_chain_item.flex-order4 .m-cardProgress-down:after {
    top: calc(100% - 25px);
    left: calc(50% - 45px);
  }
  .p-aboutUs_chain_item.flex-order6 {
    order: 6;
  }
  .p-aboutUs_chain_item.flex-order6 .m-cardProgress-down:before {
    top: calc(50% - 10px);
    right: -2.125rem;
    left: auto;
    transform: rotate(0);
  }
  .p-aboutUs_chain_item.flex-order6 .m-cardProgress-down:after {
    top: 3.4375rem;
    right: -4.125rem;
    bottom: auto;
    left: auto;
  }
  .p-aboutUs_chain_item.flex-order8 {
    order: 8;
  }
  .p-aboutUs_chain_item.flex-order8 .m-cardProgress-left:before {
    bottom: -3.78125rem;
    transform: rotate(90deg);
    left: calc(50% - 10px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order8 .m-cardProgress-left:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
    top: 100%;
  }
  .p-aboutUs_chain_item.flex-order9 .m-cardProgress-left:before {
    top: calc(50% - 10px);
    left: -2.125rem;
    transform: rotate(180deg);
  }
  .p-aboutUs_chain_item.flex-order9 .m-cardProgress-left:after {
    top: 3.4375rem;
    left: -4.125rem;
  }
}
@media (max-width: 479px) {
  .p-aboutUs_chain_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-aboutUs_chain_item.flex-order4 {
    order: 6;
  }
  .p-aboutUs_chain_item.flex-order10 {
    order: 8;
  }
  .p-aboutUs_chain_item .m-cardProgress.m-cardProgress-direct:before {
    transform: rotate(90deg);
    left: calc(50% - 10px);
    top: calc(100% + 6px);
  }
  .p-aboutUs_chain_item .m-cardProgress.m-cardProgress-direct:after {
    bottom: -3.4375rem;
    left: calc(50% - 45px);
    top: 100%;
  }
  .p-aboutUs_chain_item:last-of-type {
    padding-bottom: 0;
  }
}
.p-aboutUs_chain_logo {
  display: inline-block;
  padding: 1.5rem;
  flex: 0 0 75%;
  max-width: 75%;
}
@media (max-width: 1199px) {
  .p-aboutUs_chain_logo.flex-order5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0;
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .p-aboutUs_chain_logo.flex-order5 {
    order: 1;
  }
}
.p-aboutUs_chain_logo-img {
  width: 100%;
}
@media (max-width: 767px) {
  .p-aboutUs_chain_logo-img {
    display: none;
  }
}
.p-aboutUs_chain_logo-heading .a-heading {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  .p-aboutUs_chain_logo-heading {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_valueChain .p-aboutUs_introduction .m-cardHighlight {
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
}
.p-aboutUs_content {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-aboutUs_content {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_content {
    margin-bottom: 1.875rem;
  }
}

.p-aboutUs_content-network {
  margin-top: 0;
  margin-bottom: 0;
}
.p-aboutUs_distribution_facilities {
  margin-top: 5.625rem;
  margin-bottom: 3.75rem;
  padding-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-aboutUs_distribution_facilities {
    margin-top: 3.625rem;
    margin-bottom: 1.875rem;
    padding-bottom: 0;
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull {
  margin-top: 5rem;
  margin-bottom: -0.4375rem;
}
@media (max-width: 767px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull {
    margin-top: 1.875rem;
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
@media (max-width: 1199px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 991px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item_img {
  position: relative;
  transition: 0.4s ease;
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item_img .a-image {
  width: 38.4375rem;
  height: 28.75rem;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item_img .a-image {
    width: 28.75rem;
    height: 18.75rem;
  }
}
@media (max-width: 767px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item_img .a-image {
    width: 18.75rem;
    height: 12.5rem;
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull_item_img span {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(27, 27, 27, 0.5);
  color: #ffffff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.4375rem;
  opacity: 0;
  visibility: hidden;
  transition: 1.4s ease;
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-current {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-current {
    transform: scale(1.25);
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-current .p-aboutUs_slideFull_item_img span {
  opacity: 1;
  visibility: visible;
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-list {
  overflow: unset;
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-slide {
  transition: 0.4s ease;
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-next {
  right: 16%;
}
@media (max-width: 1365px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-next {
    right: 8%;
  }
}
@media (max-width: 575px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-next {
    right: 0;
  }
}
.p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-prev {
  left: 16%;
}
@media (max-width: 1365px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-prev {
    left: 8%;
  }
}
@media (max-width: 575px) {
  .p-aboutUs_distribution_facilities .p-aboutUs_slideFull .slick-prev {
    left: 0;
  }
}
.p-aboutUs_distribution_title {
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
}
.p-aboutUs_distribution_map {
  position: relative;
}
.p-aboutUs_distribution_map-title {
  fill: #00944d;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  font-weight: 700;
}
.p-aboutUs_distribution_map-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  margin: 0 -0.3125rem;
}
.p-aboutUs_distribution_map-list li {
  padding: 0 0.3125rem;
  flex: 0 0 50%;
  max-width: 50%;
  color: #5a5a5a;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media (max-width: 767px) {
  .p-aboutUs_distribution_map-list li {
    font-size: 1.0625rem;
  }
}
.p-aboutUs_distribution_map-place:hover .p-aboutUs_distribution_map-list {
  opacity: 1;
  visibility: visible;
}
.p-aboutUs_distribution_map-line {
  fill: none;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  stroke-miterlimit: 70;
  stroke-width: 1;
}

.modalNetworkPlace .p-aboutUs_distribution_map-list {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.modalNetworkPlace .p-aboutUs_distribution_map-list li {
  font-size: 0.875rem;
}
.modalNetworkPlace .o-modal_title {
  margin-bottom: 1rem;
}
.modalNetworkPlace .o-modal_title h2 {
  color: #00944d;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
}

.skewImg {
  margin-bottom: 1rem;
  position: relative;
  width: 17.1875rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 400px) {
  .skewImg {
    width: 13.125rem;
  }
}
.skewImg_bg {
  transform: skewX(-33deg);
  position: absolute;
  top: 0;
  left: -0.75rem;
  width: 18.75rem;
  height: 6.875rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  background-color: #ffd931;
}
@media (max-width: 400px) {
  .skewImg_bg {
    width: 14.625rem;
  }
}
.skewImg_wrap {
  transform: skewX(-33deg);
  overflow: hidden;
  width: 17.1875rem;
  height: 6.875rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}
@media (max-width: 400px) {
  .skewImg_wrap {
    width: 13.125rem;
  }
}
.skewImg img {
  transform: skewX(33deg);
  position: relative;
  left: -3.25rem;
  width: 137%;
}
@media (max-width: 400px) {
  .skewImg img {
    left: -2.5rem;
  }
}

@media (max-width: 767px) {
  .desktopShow {
    display: none;
  }
}

@media (min-width: 768px) {
  .mobileShow {
    display: none;
  }
}

.p-servicesList .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-servicesList .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-servicesList .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-servicesList .flex-list_row {
    margin: 0.5rem -0.5rem -0.5rem;
  }
}
.p-servicesList .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-servicesList .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-servicesList .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-servicesList .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-servicesList_content {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-servicesList_content {
    margin-bottom: 1.875rem;
  }
}

.p-sprayingServices .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-sprayingServices .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-sprayingServices .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-sprayingServices .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-sprayingServices .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-sprayingServices .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-sprayingServices .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-sprayingServices .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-technicalSupport .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-technicalSupport .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-technicalSupport .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-technicalSupport .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-technicalSupport .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-technicalSupport .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-technicalSupport .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-technicalSupport .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-deliveryService .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-deliveryService .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-deliveryService .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-deliveryService .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-deliveryService .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-deliveryService .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-deliveryService .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-deliveryService .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-sprayingServicesDetail .flex-detail_summary {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-sprayingServicesDetail .flex-detail_summary_slider {
  margin-top: 1rem;
}
.p-sprayingServicesDetail .flex-detail_summary_slider .slick-next {
  right: 1rem;
}
.p-sprayingServicesDetail .flex-detail_summary_slider .slick-prev {
  left: 1rem;
}
.p-sprayingServicesDetail .flex-detail_summary_slider .slick-dots {
  bottom: 1.4375rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_summary_slider .slick-dots {
    bottom: -1.5625rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_summary_slider .slick-slide {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 991px) {
  .p-sprayingServicesDetail .flex-detail_summary_slider {
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_summary_slider {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-sprayingServicesDetail .flex-detail_summary_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
}
.p-sprayingServicesDetail .flex-detail_summary_col:first-child {
  margin-bottom: -0.4375rem;
  margin-right: -1rem;
}
@media (max-width: 991px) {
  .p-sprayingServicesDetail .flex-detail_summary_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-sprayingServicesDetail .flex-detail_infomation {
  background-color: #fafafa;
  padding-top: 1rem;
  padding-left: 2rem;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_infomation {
    margin-top: 2.25rem;
  }
}
.p-sprayingServicesDetail .flex-detail_infomation:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .p-sprayingServicesDetail .flex-detail_infomation:before {
    left: 0;
    transform: translate(0);
    width: calc(100% + ((100vw - 960px) / 2) + 15px);
  }
}
@media (min-width: 1200px) {
  .p-sprayingServicesDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1140px) / 2) + 15px);
  }
}
@media (min-width: 1441px) {
  .p-sprayingServicesDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1366px) / 2) + 80px);
  }
}
.p-sprayingServicesDetail .flex-detail_infomation_wrapper {
  max-width: 36.6875rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_head {
  display: flex;
  align-items: center;
}
.p-sprayingServicesDetail .flex-detail_infomation_tag {
  margin-right: 0.5rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_title {
  margin-top: 0.25rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_description {
  margin-top: 0.5rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_wrapperBtn {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 1rem -1rem 2rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_downloadBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 15rem;
  max-width: 15rem;
  margin-top: 1rem;
}
.p-sprayingServicesDetail .flex-detail_infomation_downloadBtn .a-button {
  color: #1B1B1B;
}
.p-sprayingServicesDetail .flex-detail_infomation_supportBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 11.875rem;
  max-width: 11.875rem;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-sprayingServicesDetail .flex-detail_infomation {
    padding-left: 1rem;
  }
}
.p-sprayingServicesDetail .flex-detail_others {
  background-color: #E6F5EE;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-sprayingServicesDetail .flex-detail_others_title {
  margin-left: 1rem;
}
.p-sprayingServicesDetail .flex-detail_others_title .a-link {
  font-size: inherit;
  line-height: inherit;
}
.p-sprayingServicesDetail .flex-detail_others_row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-sprayingServicesDetail .flex-detail_others_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-sprayingServicesDetail .flex-detail_others_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-sprayingServicesDetail .flex-detail_section {
  margin-bottom: -0.4375rem;
}
.p-sprayingServicesDetail .flex-detail_section:not(:first-of-type) {
  margin-top: 5.25rem;
}
.p-sprayingServicesDetail .flex-detail_section:first-of-type {
  margin-top: 1rem;
}
.p-sprayingServicesDetail .flex-detail_section:last-of-type {
  margin-bottom: 5.25rem;
}
.p-sprayingServicesDetail .flex-detail_section_description {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_section_description {
    margin-top: 0.5rem;
  }
}
.p-sprayingServicesDetail .flex-detail_section_slider {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.p-sprayingServicesDetail .flex-detail_section_slider .slick-list {
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-sprayingServicesDetail .flex-detail_section_slider .slick-track {
  margin-left: 0;
}
.p-sprayingServicesDetail .flex-detail_section_slider .slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .p-sprayingServicesDetail .flex-detail_section_slider .slick-next {
    right: -1.25rem;
  }
}
.p-sprayingServicesDetail .flex-detail_section_slider .slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .p-sprayingServicesDetail .flex-detail_section_slider .slick-prev {
    left: -1.25rem;
  }
}
.p-sprayingServicesDetail .flex-detail_section_slider .slick-dots {
  bottom: -2.25rem;
}
@media (max-width: 767px) {
  .p-sprayingServicesDetail .flex-detail_section_slider {
    margin-top: 0;
  }
}
.p-sprayingServicesDetail .flex-detail_section_slide {
  padding: 1rem;
}
.p-sprayingServicesDetail_container {
  padding-top: 1rem;
}
.p-sprayingServicesDetail_container .flex-detail_section:last-of-type {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-sprayingServicesDetail_container .flex-detail_section:last-of-type {
    margin-bottom: 5.25rem;
  }
}
@media (min-width: 1366px) {
  .p-sprayingServicesDetail .flex-detail_infomation_title .a-heading {
    font-size: 1.375rem;
    line-height: 2.0625rem;
  }
}
@media (min-width: 1600px) {
  .p-sprayingServicesDetail .flex-detail_infomation_title .a-heading {
    font-size: 1.625rem;
    line-height: 2.4375rem;
  }
}

.p-solutionList .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-solutionList .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-solutionList .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-solutionList .flex-list_row {
    margin: 0.5rem -0.5rem -0.5rem;
  }
}
.p-solutionList .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-solutionList .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-solutionList .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-solutionList .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-solutionList_content {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-solutionList_content {
    margin-bottom: 1.875rem;
  }
}

.p-solutionRoad .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-solutionRoad .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-solutionRoad .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-solutionRoad .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-solutionRoad .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-solutionRoad .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-solutionRoad .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-solutionRoad .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-roadsSolutionDetail {
  margin-bottom: 3.75rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-roadsSolutionDetail {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .p-roadsSolutionDetail {
    margin-top: 1rem;
  }
}
.p-roadsSolutionDetail_support {
  margin-top: 1.5rem;
  max-width: 11.875rem;
}
@media (max-width: 767px) {
  .p-roadsSolutionDetail_support {
    margin-top: 0.75rem;
  }
}
.p-roadsSolutionDetail_roads {
  position: relative;
  width: 100%;
  margin: 3.75rem auto 0;
}
@media (max-width: 767px) {
  .p-roadsSolutionDetail_roads {
    margin-top: 1.5rem;
  }
}
.p-roadsSolutionDetail_smallNotice {
  margin-bottom: 1rem;
}
@media (max-width: 575px) {
  .p-roadsSolutionDetail_smallNotice {
    max-width: 70%;
  }
}
.p-roadsSolutionDetail_smallTitle {
  margin-top: 1rem;
}
@media (max-width: 575px) {
  .p-roadsSolutionDetail_smallTitle {
    text-align: center;
  }
}
.p-roadsSolutionDetail_wrapSvg {
  height: 0;
  padding-bottom: 48.8434163701%;
}
@media (max-width: 575px) {
  .p-roadsSolutionDetail_wrapSvg {
    height: auto;
    padding-bottom: 0;
  }
}
.p-roadsSolutionDetail_wrapSvg-new {
  padding-bottom: 53.3554266777%;
}

.svg_img {
  cursor: pointer;
}

.svg_text {
  fill: #5a5a5a;
  line-height: 1.875rem;
  font-size: 1.25rem;
  text-anchor: end;
}
@media (max-width: 575px) {
  .svg_text {
    font-size: 1.5rem;
  }
}

.displayNone {
  display: none;
}

.p-airportSolution .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-airportSolution .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-airportSolution .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-airportSolution .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-airportSolution .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-airportSolution .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-airportSolution .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-airportSolution .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-racetrackSolution .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-racetrackSolution .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-racetrackSolution .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-racetrackSolution .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-racetrackSolution .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-racetrackSolution .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-racetrackSolution .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-racetrackSolution .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-bridgeSolution .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-bridgeSolution .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-bridgeSolution .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-bridgeSolution .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-bridgeSolution .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-bridgeSolution .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-bridgeSolution .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-bridgeSolution .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-industrialSolution .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-industrialSolution .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-industrialSolution .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-industrialSolution .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-industrialSolution .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-industrialSolution .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-industrialSolution .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-industrialSolution .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-industrialSolutionDetail_content {
  margin-top: 7.9375rem;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail_content {
    margin-top: 2rem;
  }
}
.p-industrialSolutionDetail_wrapTitle {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail_wrapTitle {
    display: block;
  }
}
.p-industrialSolutionDetail_heading {
  margin-top: 0.625rem;
}
.p-industrialSolutionDetail_tab .m-tab {
  overflow: inherit;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail_tab {
    margin-top: 1.25rem;
  }
  .p-industrialSolutionDetail_tab .m-tab .a-tabItem {
    width: 100%;
    min-width: 10.125rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
  }
}
.p-industrialSolutionDetail_wrapTabContent {
  padding-bottom: 4.25rem;
  padding-top: 1rem;
  background: #fafafa;
}
.p-industrialSolutionDetail_slider .slick-list {
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-industrialSolutionDetail_slide {
  width: 100%;
  padding: 1rem;
}
.p-industrialSolutionDetail_wrapLabelStatus {
  margin-top: 1rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-industrialSolutionDetail_wrapLabelStatus {
    margin-bottom: 1.875rem;
  }
}
.p-industrialSolutionDetail .flex-detail_summary {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-industrialSolutionDetail .flex-detail_summary_slider {
  margin-top: 1rem;
}
.p-industrialSolutionDetail .flex-detail_summary_slider .slick-next {
  right: 1rem;
}
.p-industrialSolutionDetail .flex-detail_summary_slider .slick-prev {
  left: 1rem;
}
.p-industrialSolutionDetail .flex-detail_summary_slider .slick-dots {
  bottom: 1.4375rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_summary_slider .slick-dots {
    bottom: -1.5625rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_summary_slider .slick-slide {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail .flex-detail_summary_slider {
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_summary_slider {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-industrialSolutionDetail .flex-detail_summary_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
}
.p-industrialSolutionDetail .flex-detail_summary_col:first-child {
  margin-bottom: -0.4375rem;
  margin-right: -1rem;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail .flex-detail_summary_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-industrialSolutionDetail .flex-detail_infomation {
  background-color: #fafafa;
  padding-top: 1rem;
  padding-left: 2rem;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_infomation {
    margin-top: 2.25rem;
  }
}
.p-industrialSolutionDetail .flex-detail_infomation:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .p-industrialSolutionDetail .flex-detail_infomation:before {
    left: 0;
    transform: translate(0);
    width: calc(100% + ((100vw - 960px) / 2) + 15px);
  }
}
@media (min-width: 1200px) {
  .p-industrialSolutionDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1140px) / 2) + 15px);
  }
}
@media (min-width: 1441px) {
  .p-industrialSolutionDetail .flex-detail_infomation:before {
    width: calc(100% + ((100vw - 1366px) / 2) + 80px);
  }
}
.p-industrialSolutionDetail .flex-detail_infomation_wrapper {
  max-width: 36.6875rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_head {
  display: flex;
  align-items: center;
}
.p-industrialSolutionDetail .flex-detail_infomation_tag {
  margin-right: 0.5rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_title {
  margin-top: 0.25rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_description {
  margin-top: 0.5rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_wrapperBtn {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 1rem -1rem 2rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_downloadBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 15rem;
  max-width: 15rem;
  margin-top: 1rem;
}
.p-industrialSolutionDetail .flex-detail_infomation_downloadBtn .a-button {
  color: #1B1B1B;
}
.p-industrialSolutionDetail .flex-detail_infomation_supportBtn {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 11.875rem;
  max-width: 11.875rem;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail .flex-detail_infomation {
    padding-left: 1rem;
  }
}
.p-industrialSolutionDetail .flex-detail_others {
  background-color: #E6F5EE;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-industrialSolutionDetail .flex-detail_others_title {
  margin-left: 1rem;
}
.p-industrialSolutionDetail .flex-detail_others_title .a-link {
  font-size: inherit;
  line-height: inherit;
}
.p-industrialSolutionDetail .flex-detail_others_row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-industrialSolutionDetail .flex-detail_others_col {
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .p-industrialSolutionDetail .flex-detail_others_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-industrialSolutionDetail .flex-detail_section {
  margin-bottom: -0.4375rem;
}
.p-industrialSolutionDetail .flex-detail_section:not(:first-of-type) {
  margin-top: 5.25rem;
}
.p-industrialSolutionDetail .flex-detail_section:first-of-type {
  margin-top: 1rem;
}
.p-industrialSolutionDetail .flex-detail_section:last-of-type {
  margin-bottom: 5.25rem;
}
.p-industrialSolutionDetail .flex-detail_section_description {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_section_description {
    margin-top: 0.5rem;
  }
}
.p-industrialSolutionDetail .flex-detail_section_slider {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.p-industrialSolutionDetail .flex-detail_section_slider .slick-list {
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-industrialSolutionDetail .flex-detail_section_slider .slick-track {
  margin-left: 0;
}
.p-industrialSolutionDetail .flex-detail_section_slider .slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .p-industrialSolutionDetail .flex-detail_section_slider .slick-next {
    right: -1.25rem;
  }
}
.p-industrialSolutionDetail .flex-detail_section_slider .slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .p-industrialSolutionDetail .flex-detail_section_slider .slick-prev {
    left: -1.25rem;
  }
}
.p-industrialSolutionDetail .flex-detail_section_slider .slick-dots {
  bottom: -2.25rem;
}
@media (max-width: 767px) {
  .p-industrialSolutionDetail .flex-detail_section_slider {
    margin-top: 0;
  }
}
.p-industrialSolutionDetail .flex-detail_section_slide {
  padding: 1rem;
}

.p-maintenanceSolution .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-maintenanceSolution .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-maintenanceSolution .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-maintenanceSolution .flex-list_row {
    margin: 0.25rem -0.5rem -0.5rem;
  }
}
.p-maintenanceSolution .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-maintenanceSolution .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-maintenanceSolution .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-maintenanceSolution .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.p-maintenanceSolutionDetail_info {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-maintenanceSolutionDetail_info {
    margin-top: 1rem;
  }
}
.p-maintenanceSolutionDetail_button {
  margin-top: 1.5rem;
  max-width: 11.875rem;
}
@media (max-width: 767px) {
  .p-maintenanceSolutionDetail_button {
    margin-top: 0.75rem;
  }
}
.p-maintenanceSolutionDetail_statistical {
  background-color: #E6F5EE;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-maintenanceSolutionDetail_statistical {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-maintenanceSolutionDetail_statistical {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1366px) {
  .p-maintenanceSolutionDetail_statistical-right {
    padding-right: 5rem;
  }
}
.p-maintenanceSolutionDetail_statistical-right .a-heading span {
  color: #00944d;
}
.p-maintenanceSolutionDetail_statistical-left {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (min-width: 991px) and (max-width: 1920px) {
  .p-maintenanceSolutionDetail_statistical-left {
    margin-top: 2rem;
  }
}
@media (max-width: 991px) {
  .p-maintenanceSolutionDetail_statistical-left {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.p-maintenanceSolutionDetail_title {
  margin-bottom: 1.5rem;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists {
  max-height: 23.875rem;
  position: relative;
  overflow: auto;
  padding-right: 1rem;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.625rem;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists::-webkit-scrollbar-thumb {
  background: #DADADA;
  border-radius: 0.3125rem;
  border: 0.125rem solid #ffffff;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists::-webkit-scrollbar-track {
  background: #ffffff;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists {
  scrollbar-face-color: #DADADA;
  scrollbar-track-color: #ffffff;
}
.p-maintenanceSolutionDetail_panel .o-cardRoad_lists::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
}
.p-maintenanceSolutionDetail .chart-dataLabel-id {
  visibility: hidden;
}
.p-maintenanceSolutionDetail_wrapSvg {
  height: 0;
  padding-bottom: 49.3333333333%;
}
@media (max-width: 575px) {
  .p-maintenanceSolutionDetail_wrapSvg {
    height: auto;
    padding-bottom: 0;
  }
}
.p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_text {
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "Raleway";
  fill: #A8AAAE;
}
.p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_text-legend {
  fill: #5a5a5a;
}
.p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_text.active {
  fill: #3A3A3C;
  font-weight: 600;
}
.p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_link {
  cursor: pointer;
}
@media (max-width: 991px) {
  .p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_label .a-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.p-maintenanceSolutionDetail_wrapSvg .maintenance_svg_axis-x {
  transform: rotate(-90deg) translate(-15%, -29%);
  transform-origin: 0 50%;
}

.p-bridgeSolutionDetail {
  margin-bottom: 3.75rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetail {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetail {
    margin-top: 1rem;
  }
}
.p-bridgeSolutionDetail_support {
  margin-top: 1.5rem;
  max-width: 11.875rem;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetail_support {
    margin-top: 0.75rem;
  }
}
.p-bridgeSolutionDetail_roads {
  position: relative;
  width: 100%;
  margin: 3.75rem auto 0;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetail_roads {
    margin-top: 1.5rem;
  }
}
.p-bridgeSolutionDetail_smallTitle {
  margin-top: 1rem;
}
.p-bridgeSolutionDetail_wrapSvg {
  height: 0;
  padding-bottom: 38.1110190555%;
}
@media (max-width: 575px) {
  .p-bridgeSolutionDetail_wrapSvg {
    height: auto;
    padding-bottom: 0;
  }
}

.p-bridgeSolutionDetailConcrete {
  margin-bottom: 3.75rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetailConcrete {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetailConcrete {
    margin-top: 1rem;
  }
}
.p-bridgeSolutionDetailConcrete_support {
  margin-top: 1.5rem;
  max-width: 11.875rem;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetailConcrete_support {
    margin-top: 0.75rem;
  }
}
.p-bridgeSolutionDetailConcrete_roads {
  position: relative;
  width: 100%;
  margin: 3.75rem auto 0;
}
@media (max-width: 767px) {
  .p-bridgeSolutionDetailConcrete_roads {
    margin-top: 1.5rem;
  }
}
.p-bridgeSolutionDetailConcrete_smallTitle {
  margin-top: 1rem;
}
.p-bridgeSolutionDetailConcrete_wrapSvg {
  height: 0;
  padding-bottom: 40.347970174%;
}
@media (max-width: 575px) {
  .p-bridgeSolutionDetailConcrete_wrapSvg {
    padding-bottom: 0;
    height: auto;
  }
}

.p-contactUs_container {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-contactUs_container {
    margin-bottom: 1.875rem;
  }
}
.p-contactUs_flex {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1365px) {
  .p-contactUs_flex {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.p-contactUs_info {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  flex-direction: column;
}
.p-contactUs_info_line {
  margin-top: 1rem;
}
.p-contactUs_info_line .m-iconLabel_wrapper {
  pointer-events: none;
}
.p-contactUs_info_line .m-iconLabel_wrapper a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}
.p-contactUs_info_map {
  margin-top: 1rem;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .p-contactUs_info_map {
    height: 20rem;
  }
}
@media (max-width: 575px) {
  .p-contactUs_info_map {
    height: 15rem;
  }
}
@media (max-width: 1365px) {
  .p-contactUs_info {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .p-contactUs_info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-contactUs_contact {
  flex: 0 0 45%;
  max-width: 45%;
}
@media (max-width: 1365px) {
  .p-contactUs_contact {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .p-contactUs_contact {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .p-contactUs_contact {
    margin-top: 1.5rem;
  }
}
.p-contactUs_title {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-contactUs_title {
    margin-top: 0.75rem;
  }
  .p-contactUs_title .a-heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.p-contactUs_form_colFuild {
  margin-top: 1rem;
}
.p-contactUs_form_colFuild:first-of-type {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-contactUs_form_colFuild {
    margin-top: 0.5rem;
  }
  .p-contactUs_form_colFuild:first-of-type {
    margin-top: 1rem;
  }
}
.p-contactUs_form_row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-contactUs_form_col {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-contactUs_form_col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }
}
.p-contactUs_form_submit {
  max-width: 11.875rem;
  margin: 1.25rem auto 0;
}
.p-contactUs_form .m-pulldown {
  margin-top: 0.25rem;
}

.p-ourProjects .flex-list_container {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-ourProjects .flex-list_container {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.p-ourProjects .flex-list_row {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem -1rem;
}
@media (max-width: 767px) {
  .p-ourProjects .flex-list_row {
    margin: 0.5rem -0.5rem -0.5rem;
  }
}
.p-ourProjects .flex-list_col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 1rem;
}
@media (max-width: 991px) {
  .p-ourProjects .flex-list_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .p-ourProjects .flex-list_col {
    padding: 0.5rem;
  }
}
@media (max-width: 480px) {
  .p-ourProjects .flex-list_col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-ourProjects_tabs {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-ourProjects_tabs {
    margin-top: 1rem;
    overflow-x: auto;
  }
}
.p-ourProjects_tabs-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .p-ourProjects_tabs .m-tab,
.p-ourProjects_tabs .m-tabLevel {
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  .p-ourProjects_tabs .m-tab .a-tabItem,
.p-ourProjects_tabs .m-tabLevel .a-tabItem {
    margin: 0;
    white-space: nowrap;
  }
}
.p-ourProjects_content {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-ourProjects_content {
    margin-bottom: 1.875rem;
  }
}
.p-ourProjects_lists.flex-list_row {
  margin-top: 2rem !important;
}

.p-ourProjectsDetail_summary_hashtagList {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  list-style: none;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_summary_hashtagList {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.p-ourProjectsDetail_summary_hashtagItem {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_summary_hashtagItem {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-top: 0.5rem;
  }
}
.p-ourProjectsDetail_subTitle {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_subTitle {
    margin-top: 0.5rem;
  }
}
.p-ourProjectsDetail_related {
  margin-top: 3.75rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_related {
    margin-top: 1.875rem;
  }
}
.p-ourProjectsDetail_related_item {
  margin-top: 1rem;
}
.p-ourProjectsDetail_related_item:not(:first-of-type) {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_related_item {
    margin-top: 0.5rem;
  }
}
.p-ourProjectsDetail_other {
  margin-top: 3.75rem;
  margin-bottom: 5.25rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_other {
    margin-top: 1.875rem;
    margin-bottom: 3.75rem;
  }
}
.p-ourProjectsDetail_other_slider {
  margin-top: 1rem;
}
.p-ourProjectsDetail_other_slider .slick-list {
  margin: 0 -1rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_other_slider .slick-list {
    margin: 0 -0.5rem;
  }
}
.p-ourProjectsDetail_other_slider .slick-prev {
  left: -3.75rem;
}
@media (max-width: 1365px) {
  .p-ourProjectsDetail_other_slider .slick-prev {
    left: -1.25rem;
  }
}
.p-ourProjectsDetail_other_slider .slick-next {
  right: -3.75rem;
}
@media (max-width: 1365px) {
  .p-ourProjectsDetail_other_slider .slick-next {
    right: -1.25rem;
  }
}
.p-ourProjectsDetail_other_slider .slick-dots {
  bottom: -2.25rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_other_slider {
    margin-top: 0.5rem;
  }
}
.p-ourProjectsDetail_other_card {
  padding: 1rem;
}
@media (max-width: 767px) {
  .p-ourProjectsDetail_other_card {
    padding: 0.5rem;
  }
}

.p-newsMedia_wrapper {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-newsMedia_wrapper {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-newsMedia_wrapper {
    margin-bottom: 1.875rem;
  }
}
.p-newsMedia_summary {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  background-color: #ffffff;
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
  border-bottom: 0.25rem solid #00944d;
}
.p-newsMedia_summary_topic {
  flex: 0 0 calc(100% - 429px);
  max-width: calc(100% - 429px);
  padding: 1.5rem;
  min-height: 22.5rem;
}
@media (max-width: 1199px) {
  .p-newsMedia_summary_topic {
    display: none;
  }
}
.p-newsMedia_summary_slider {
  margin-top: 1rem;
}
.p-newsMedia_summary_search {
  flex: 0 0 429px;
  max-width: 429px;
  padding: 1.5rem;
  background-color: #fafafa;
}
@media (max-width: 1199px) {
  .p-newsMedia_summary_search {
    flex: 0 0 65%;
    max-width: 65%;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .p-newsMedia_summary_search {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1rem;
  }
}
.p-newsMedia_summary_input {
  margin-top: 0.75rem;
}
@media (max-width: 991px) {
  .p-newsMedia_summary_input .a-input input {
    text-overflow: ellipsis;
  }
}
.p-newsMedia_summary_featured {
  margin-top: 2rem;
}
@media (max-width: 1199px) {
  .p-newsMedia_summary_featured {
    text-align: left;
    margin-top: 1rem;
  }
}
.p-newsMedia_summary_hashtagList {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.p-newsMedia_summary_hashtagItem {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.75rem;
}
.p-newsMedia_tabs {
  margin-top: 2.75rem;
}
@media (max-width: 767px) {
  .p-newsMedia_tabs {
    margin-top: 1.5rem;
  }
}
@media (max-width: 991px) {
  .p-newsMedia_tabs_wrapper {
    overflow-x: auto;
  }
}
@media (max-width: 991px) {
  .p-newsMedia_tabs_list {
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  .p-newsMedia_tabs_list .a-tabItem {
    margin-left: 0;
    margin-top: 0;
    white-space: nowrap;
    flex: auto;
  }
}
.p-newsMedia_tabs_content {
  margin-top: 2.75rem;
}
@media (max-width: 767px) {
  .p-newsMedia_tabs_content {
    margin-top: 1.5rem;
  }
}
.p-newsMedia_tabs_viewmore {
  margin: 2rem auto 0;
  max-width: 11.875rem;
}
.p-newsMedia_tabs_item:not(:first-of-type) {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-newsMedia_tabs_item:not(:first-of-type) {
    margin-top: 1.5rem;
  }
}

.p-newsAndMediaDetail_summary_content {
  margin-top: 1rem;
  color: #1B1B1B;
}
.p-newsAndMediaDetail_summary_content img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_summary_content {
    margin-top: 0.5rem;
  }
}
.p-newsAndMediaDetail_topic {
  margin-bottom: 6.875rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_topic {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_topic {
    margin-bottom: 5.25rem;
  }
}
.p-newsAndMediaDetail_topic_slider {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_topic_slider {
    margin-top: 1rem;
  }
}
.p-newsAndMediaDetail_topic_slider.slick-slider {
  margin-bottom: -0.4375rem;
}
@media (max-width: 575px) {
  .p-newsAndMediaDetail_topic_slider.slick-slider {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .p-newsAndMediaDetail_topic_slider .slick-track {
    display: flex;
  }
  .p-newsAndMediaDetail_topic_slider .slick-slide {
    height: inherit;
  }
  .p-newsAndMediaDetail_topic_slider .slick-slide div {
    height: 100%;
  }
  .p-newsAndMediaDetail_topic_slider .slick-slide div div {
    height: 100%;
  }
}
.p-newsAndMediaDetail_subTitle {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_subTitle {
    margin-top: 0.5rem;
  }
}
.p-newsAndMediaDetail_video {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.p-newsAndMediaDetail_video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.p-newsAndMediaDetail_video video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.p-newsAndMediaDetail_video_playVideo {
  background: url(../assets/src/assets/icons/icon_btn_play_video.svg) no-repeat center/100% auto;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .p-newsAndMediaDetail_video_playVideo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.p-searchResults_wrapper {
  margin-top: 2rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-searchResults_wrapper {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-searchResults_wrapper {
    margin-bottom: 1.875rem;
  }
}
.p-searchResults_searchCard_contentWrapper {
  max-width: 36.6875rem;
  margin: 1.8125rem auto 0;
}
@media (max-width: 767px) {
  .p-searchResults_searchCard_contentWrapper {
    margin-top: 1rem;
  }
}
.p-searchResults_searchCard_keywordsTitle {
  margin-top: 1rem;
}
.p-searchResults_searchCard_keywords {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.p-searchResults_searchCard_keywords_tagItem {
  list-style-type: none;
  padding: 0.75rem 1rem 0;
}
.p-searchResults_tabs {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-searchResults_tabs {
    margin-top: 1rem;
  }
}
@media (max-width: 991px) {
  .p-searchResults_tabs_wrapper {
    overflow-x: auto;
  }
}
@media (max-width: 991px) {
  .p-searchResults_tabs_list {
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  .p-searchResults_tabs_list .a-tabItem {
    margin-left: 0;
    margin-top: 0;
    white-space: nowrap;
    flex: auto;
  }
}
.p-searchResults_results_info {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-searchResults_results_info {
    margin-top: 1rem;
  }
}
.p-searchResults_results_section, .p-searchResults_results_listWrapper {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-searchResults_results_section, .p-searchResults_results_listWrapper {
    margin-top: 1.25rem;
  }
}
.p-searchResults_results_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem -1rem;
}
@media (max-width: 767px) {
  .p-searchResults_results_list {
    margin: 0 -0.5rem -0.5rem;
  }
}
.p-searchResults_results_card {
  flex: 0 0 50%;
  padding: 1rem;
}
@media (max-width: 767px) {
  .p-searchResults_results_card {
    flex: 0 0 100%;
    padding: 0.5rem;
  }
}