@charset "UTF-8";
/**
 * Main for v2 Components
 * 
 */
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
     animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  -o-animation-duration: var(--animate-duration);
     animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
     animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
     animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  -o-animation-iteration-count: var(--animate-repeat);
     animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  -o-animation-iteration-count: 2;
     animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  -o-animation-iteration-count: calc(var(--animate-repeat) * 2);
     animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  -o-animation-iteration-count: 3;
     animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  -o-animation-iteration-count: calc(var(--animate-repeat) * 3);
     animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
     animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  -o-animation-delay: var(--animate-delay);
     animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
     animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  -o-animation-delay: calc(var(--animate-delay) * 2);
     animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  -o-animation-delay: 3s;
     animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  -o-animation-delay: calc(var(--animate-delay) * 3);
     animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  -o-animation-delay: 4s;
     animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  -o-animation-delay: calc(var(--animate-delay) * 4);
     animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
     animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  -o-animation-delay: calc(var(--animate-delay) * 5);
     animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
     animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  -o-animation-duration: calc(var(--animate-duration) / 2);
     animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
     animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  -o-animation-duration: calc(var(--animate-duration) * 0.8);
     animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
     animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  -o-animation-duration: calc(var(--animate-duration) * 2);
     animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  -o-animation-duration: 3s;
     animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  -o-animation-duration: calc(var(--animate-duration) * 3);
     animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    -o-animation-duration: 1ms !important;
       animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
       transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    -o-animation-iteration-count: 1 !important;
       animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from, 20%, 53%, 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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@-o-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  -o-animation-name: bounce;
     animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -o-transform-origin: center bottom;
     transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  -o-animation-name: pulse;
     animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}

@-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);
  }
}
@-o-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);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  -o-animation-name: rubberBand;
     animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  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);
  }
}
@-o-keyframes shakeX {
  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 shakeX {
  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);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  -o-animation-name: shakeX;
     animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@-o-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  -o-animation-name: shakeY;
     animation-name: shakeY;
}

@-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);
  }
}
@-o-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
     transform-origin: top center;
  -webkit-animation-name: swing;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  -o-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);
  }
}
@-o-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);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
       transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
       transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
       transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
       transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
       transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
       transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-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);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
       transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
       transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
       transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
       transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
       transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
       transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
       transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  -o-animation-name: jello;
     animation-name: jello;
  -webkit-transform-origin: center;
  -o-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);
  }
}
@-o-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  -o-animation-name: heartBeat;
     animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
     animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  -o-animation-duration: calc(var(--animate-duration) * 1.3);
     animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    -o-transform: translateY(-1200px) scale(0.7);
       transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    -o-transform: translateY(-1200px) scale(0.7);
       transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  -o-animation-name: backInDown;
     animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    -o-transform: translateX(-2000px) scale(0.7);
       transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    -o-transform: translateX(-2000px) scale(0.7);
       transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  -o-animation-name: backInLeft;
     animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    -o-transform: translateX(2000px) scale(0.7);
       transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    -o-transform: translateX(2000px) scale(0.7);
       transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  -o-animation-name: backInRight;
     animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    -o-transform: translateY(1200px) scale(0.7);
       transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    -o-transform: translateY(1200px) scale(0.7);
       transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  -o-animation-name: backInUp;
     animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@-o-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    -o-transform: translateY(700px) scale(0.7);
       transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    -o-transform: translateY(700px) scale(0.7);
       transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  -o-animation-name: backOutDown;
     animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@-o-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    -o-transform: translateX(-2000px) scale(0.7);
       transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    -o-transform: translateX(-2000px) scale(0.7);
       transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  -o-animation-name: backOutLeft;
     animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@-o-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    -o-transform: translateX(2000px) scale(0.7);
       transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    -o-transform: translateX(0px) scale(0.7);
       transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    -o-transform: translateX(2000px) scale(0.7);
       transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  -o-animation-name: backOutRight;
     animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@-o-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    -o-transform: translateY(-700px) scale(0.7);
       transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    -o-transform: translateY(0px) scale(0.7);
       transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    -o-transform: translateY(-700px) scale(0.7);
       transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  -o-animation-name: backOutUp;
     animation-name: backOutUp;
}

/* Bouncing entrances  */
@-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);
  }
}
@-o-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
     animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  -o-animation-duration: calc(var(--animate-duration) * 0.75);
     animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  -o-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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  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);
    -o-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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  -o-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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  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);
    -o-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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -o-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) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  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);
    -o-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) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  -o-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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  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);
    -o-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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
     animation-name: bounceInUp;
}

/* Bouncing exits  */
@-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);
  }
}
@-o-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);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
     animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  -o-animation-duration: calc(var(--animate-duration) * 0.75);
     animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  -o-animation-name: bounceOut;
     animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@-o-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
     animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@-o-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@-o-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
     animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@-o-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
     animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  -o-animation-name: fadeInTopLeft;
     animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  -o-animation-name: fadeInTopRight;
     animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  -o-animation-name: fadeInBottomLeft;
     animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  -o-animation-name: fadeInBottomRight;
     animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@-o-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  -o-animation-name: fadeOutTopLeft;
     animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@-o-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  -o-animation-name: fadeOutTopRight;
     animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@-o-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  -o-animation-name: fadeOutBottomRight;
     animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@-o-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  -o-animation-name: fadeOutBottomLeft;
     animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-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;
  }
}
@-o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  -o-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);
  }
}
@-o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -o-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);
  }
}
@-o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -o-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;
  }
}
@-o-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;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
     animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  -o-animation-duration: calc(var(--animate-duration) * 0.75);
     animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  -o-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;
  }
}
@-o-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;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
     animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  -o-animation-duration: calc(var(--animate-duration) * 0.75);
     animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -o-animation-name: flipOutY;
     animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  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);
  }
}
@-o-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
       transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
       transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
       transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
       transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  -o-animation-name: lightSpeedInRight;
     animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  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);
  }
}
@-o-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
       transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    -o-transform: skewX(5deg);
       transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
       transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    -o-transform: skewX(5deg);
       transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  -o-animation-name: lightSpeedInLeft;
     animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  -o-animation-name: lightSpeedOutRight;
     animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  -o-animation-name: lightSpeedOutLeft;
     animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  -o-animation-name: rotateIn;
     animation-name: rotateIn;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
     transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  -o-transform-origin: left bottom;
     transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  -o-transform-origin: right bottom;
     transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  -o-transform-origin: left bottom;
     transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  -o-transform-origin: right bottom;
     transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  -o-animation-name: rotateOut;
     animation-name: rotateOut;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
     transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  -o-transform-origin: left bottom;
     transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  -o-transform-origin: right bottom;
     transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  -o-transform-origin: left bottom;
     transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  -o-transform-origin: right bottom;
     transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -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-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-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;
  }
}
@-o-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    -o-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-animation-timing-function: ease-in-out;
    -o-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-animation-timing-function: ease-in-out;
    -o-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-animation-timing-function: ease-in-out;
    -o-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-animation-timing-function: ease-in-out;
    -o-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-animation-timing-function: ease-in-out;
    -o-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;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
     animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  -o-animation-duration: calc(var(--animate-duration) * 2);
     animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  -o-animation-name: hinge;
     animation-name: hinge;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
     transform-origin: top left;
}

@-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);
  }
}
@-o-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -o-transform: scale(0.1) rotate(30deg);
       transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
       transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -o-transform: scale(0.1) rotate(30deg);
       transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
       transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  -o-animation-name: rollOut;
     animation-name: rollOut;
}

/* Zooming entrances */
@-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;
  }
}
@-o-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;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  -o-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);
  }
}
@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  -o-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);
  }
}
@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  -o-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);
  }
}
@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  -o-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);
  }
}
@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  -o-animation-name: zoomInUp;
     animation-name: zoomInUp;
}

/* Zooming exits */
@-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;
  }
}
@-o-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;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  -o-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-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);
    -o-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  -o-animation-name: zoomOutDown;
     animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  -o-transform-origin: center bottom;
     transform-origin: center bottom;
}

@-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);
  }
}
@-o-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);
  }
}
@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);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  -o-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  -o-transform-origin: left center;
     transform-origin: left center;
}

@-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);
  }
}
@-o-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);
  }
}
@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);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  -o-animation-name: zoomOutRight;
     animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  -o-transform-origin: right center;
     transform-origin: right center;
}

@-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-o-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);
    -o-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
       animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  -o-animation-name: zoomOutUp;
     animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  -o-transform-origin: center bottom;
     transform-origin: center bottom;
}

/* Sliding entrances */
@-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);
  }
}
@-o-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);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  -o-animation-name: slideInUp;
     animation-name: slideInUp;
}

/* Sliding exits */
@-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);
  }
}
@-o-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);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  -o-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);
  }
}
@-o-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);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
     animation-name: slideOutUp;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

/**
 * Variables
 *
 */
/**
 * Breakpoints
 * 
 */
/**
 * Colors
 * 
 */
/**
 * Animations
 *
 * Overwrites default animate.css animations
 * 
 */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, -20%, 0);
            transform: translate3d(20%, -20%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
/**
 * Global styles
 * 
 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
  scroll-padding-bottom: 88px;
}

:root {
  --animate-duration: .75s;
}

* {
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  background-color: #FFFF05;
  color: #000000;
}

::selection {
  background-color: #FFFF05;
  color: #000000;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.v2-components {
  overflow: auto;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .v2-components .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
}

.viewport-animate {
  opacity: 0;
}

/* Overrides for Cookie Consent Banner */
.bDPgQA {
  max-width: 800px !important;
  bottom: 40px !important;
  background-color: #fff !important;
  font-family: balto, sans-serif !important;
}

.jxwxIC {
  border: 1px solid #fff !important;
}

.eYsmHj {
  border-bottom: 0px solid #fff !important;
}

.hlsBoJ, .eKjBwv, .kdkIvh {
  max-width: 80px !important;
  height: auto !important;
}

.grlCRd {
  background-color: #fff !important;
  border: 0.75px solid #111;
  color: #111 !important;
  text-transform: uppercase !important;
}
.grlCRd:hover {
  background: #fff;
  font-style: italic;
}

.eneRPZ {
  text-transform: uppercase !important;
}

.ljuOln {
  min-height: 5px !important;
}

.hOcJIY {
  -webkit-box-flex: 2 !important;
      -ms-flex: 2 1 auto !important;
          flex: 2 1 auto !important;
}

.TwuAW {
  padding-top: 0px !important;
}

.kqucYJ {
  max-width: 80px !important;
}

.eVywUf {
  background: #fff !important;
  border: 0.75px solid #111 !important;
  padding: 9.5px 29px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.eVywUf:hover {
  background: #fff !important;
  font-style: italic !important;
}

.gnxEEJ {
  border: 0.75px solid #111 !important;
  padding: 9.5px 29px !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.gnxEEJ:hover {
  background: #2CFFFF !important;
  font-style: italic !important;
}

/* Cookie Consent Side Options */
.dIPMtN, .drrQOJ {
  background-color: #fff !important;
  border-bottom-color: #fff !important;
  font-family: balto, sans-serif !important;
  max-width: 520px !important;
}

.jstqKN, .hgpSiD, .hzXavB {
  background-color: #fff !important;
}

.dUFESS {
  background-color: #fff !important;
  border-bottom-color: #fff !important;
}

.hPKFNU {
  background-color: #fff !important;
  border: none !important;
  border-bottom: 2px solid #fff !important;
  color: #fff !important;
}

.kGCwhB {
  background-color: #fff !important;
  border: none !important;
  border-bottom: 2px solid #fff !important;
}

.jfroTS:before, .knwGAN:after {
  background: transparent !important;
}

.hhvOfb {
  background-color: #fff !important;
}

.hlsBoJ {
  max-width: 80px !important;
}

.canrFJ {
  text-transform: uppercase !important;
}

.hzXavB {
  background-color: #fff !important;
}

.jCtzjp {
  text-transform: uppercase !important;
}

.ecPkIc {
  background: #fff !important;
  border: 0.75px solid #111 !important;
  padding: 9.5px 29px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.ecPkIc:hover {
  background: #fff !important;
  font-style: italic !important;
}

/* CCPA Overrides */
.hYHpQk {
  background-color: #fff !important;
  font-family: balto, sans-serif !important;
}

.dNUkYo {
  background: #2CFFFF !important;
  border: 0.75px solid #111 !important;
  padding: 9.5px 29px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.dNUkYo:hover {
  background: #2CFFFF !important;
  font-style: italic !important;
}

@media (max-width: 991px) {
  .cta-links-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cta-links-wrapper a.button:nth-child(2) {
    margin-top: 10px;
  }
}

/**
 * Backgrounds
 * 
 */
.bg-black {
  background-color: #111111;
}
.bg-black *,
.bg-black .eyebrow {
  color: #FFFFFF;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-cyan {
  background-color: #2CFFFF;
}

.bg-lime {
  background-color: #C8FF00;
}

.bg-magenta {
  background-color: #FF5AE5;
}

.bg-yellow {
  background-color: #FFFF05;
}

.bg-charcoal {
  background-color: #333333;
}
.bg-charcoal *,
.bg-charcoal .eyebrow {
  color: #FFFFFF;
}

.bg-light_grey {
  background-color: #F5F8FA;
}

.bg-indigo {
  background-color: #3F0FFF;
}
.bg-indigo *,
.bg-indigo .eyebrow {
  color: #FFFFFF;
}

.bg-green {
  background-color: #00DA71;
}

.bg-orange {
  background-color: #FF8329;
}

.bg-violet {
  background-color: #B312FF;
}

.bg-mid_grey {
  background-color: #BABCBE;
}

.bg-navy {
  background-color: #333333;
  color: white;
}
.bg-navy a:not(.btn):not(.case-study-card) {
  color: white;
  text-decoration: underline;
}

.bg-blue {
  background-color: #2CFFFF;
  color: #111;
}
.bg-blue ::-moz-selection {
  background-color: #111;
  color: #2CFFFF;
}
.bg-blue ::selection {
  background-color: #111;
  color: #2CFFFF;
}

.bg-midblue {
  background-color: #B312FF;
  color: white;
}
.bg-midblue ::-moz-selection {
  background-color: #111;
  color: #2CFFFF;
}
.bg-midblue ::selection {
  background-color: #111;
  color: #2CFFFF;
}

/**
 * Buttons
 * 
 */
button,
a.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  border: 0.75px solid #111111;
  padding: 9.5px 29px;
  border-radius: 16px;
  text-decoration: none;
}
button:hover,
a.button:hover {
  font-style: italic;
  letter-spacing: 0.1px;
}
button.cyan,
a.button.cyan {
  background-color: #2CFFFF;
  color: #000000;
}
button.white,
a.button.white {
  background-color: #FFFFFF;
  color: #000000;
}
button.yellow,
a.button.yellow {
  background-color: #FFFF05;
  color: #000000;
}
button.black,
a.button.black {
  background-color: #111111;
  color: #FFFFFF;
}
button.lime,
a.button.lime {
  background-color: #C8FF00;
  color: #000000;
}
button.transparent,
a.button.transparent {
  background-color: none;
  color: #111111;
}
button.transparent-white,
a.button.transparent-white {
  background-color: none;
  color: #FFFFFF;
  border: 0.75px solid #FFFFFF;
}

a.link {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  text-transform: uppercase;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
  color: #3F0FFF;
}
a.link:not(.video):after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%233F0FFF' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
  width: 8px;
  height: 13px;
  background-size: 100%;
  margin-left: 9px;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
a.link.video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  color: #111111;
}
a.link.video:before, a.link.video:after {
  display: none;
}
a.link.video svg {
  margin-left: 9px;
}
a.link.video:hover {
  color: #2CFFFF;
}
a.link.video:hover svg path {
  fill: #2CFFFF;
}
a.link:hover {
  color: #2CFFFF;
  font-style: normal;
}
a.link:hover:after {
  margin-left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%232CFFFF' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}

.cta-links-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -10px;
}
.cta-links-wrapper > a,
.cta-links-wrapper > span.wistia_embed {
  margin: 0 10px 10px 0;
}
.cta-links-wrapper .wistia_embed {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.cta-links-wrapper .wistia_embed .wistia_click_to_play {
  height: auto !important;
  width: auto !important;
}
.cta-links-wrapper .wistia_embed a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cta-links-wrapper .wistia_embed a.button svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  margin-left: 10px;
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1228px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

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

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/**
 * Typography
 * 
 */
html {
  font-size: 10px;
}

body {
  font-family: balto, sans-serif;
  color: #111111;
  overflow-x: hidden;
}

* {
  font-family: Balto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0 0 20px;
  margin: 0;
  text-transform: uppercase;
}

h1 {
  font-style: normal;
  font-weight: bold;
}
h1.xl {
  font-size: 12.6rem;
  line-height: 110px;
  letter-spacing: -1.3px;
}
h1.small {
  font-size: 6.8rem;
  line-height: 62px;
  letter-spacing: -0.2px;
}
h1.xs {
  font-size: 5.8rem;
  line-height: 52px;
  letter-spacing: -0.2px;
}
h1:not(.small):not(.xl):not(.xs) {
  font-size: 8.4rem;
  line-height: 78px;
  letter-spacing: -1.5px;
}
@media (max-width: 991px) {
  h1, h1.small, h1.xs {
    font-size: 4.2rem;
    line-height: 38px;
    letter-spacing: -0.785714px;
  }
  h1.xl {
    font-size: 5.4rem;
    line-height: 52px;
    letter-spacing: -0.785714px;
  }
  h1:not(.small):not(.xl):not(.xs) {
    font-size: 6.6rem;
    line-height: 56px;
  }
}

h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 5.2rem;
  line-height: 48px;
  letter-spacing: -0.928571px;
}
@media (max-width: 991px) {
  h2 {
    font-size: 3.4rem;
    line-height: 34px;
    letter-spacing: -0.785714px;
  }
}
h2.xl {
  font-size: 12.6rem;
  line-height: 110px;
  letter-spacing: -1.3px;
}
@media (max-width: 991px) {
  h2.xl {
    font-size: 5.4rem;
    line-height: 52px;
    letter-spacing: -0.785714px;
  }
}
h2.large {
  font-size: 6.8rem;
  font-weight: bold;
  line-height: 62px;
  letter-spacing: -0.2px;
}
@media (max-width: 991px) {
  h2.large {
    font-size: 4.2rem;
    line-height: 38px;
    letter-spacing: -0.785714px;
  }
}
h2.larger {
  font-size: 8.4rem;
  font-weight: bold;
  line-height: 78px;
  letter-spacing: -1.5px;
}
@media (max-width: 991px) {
  h2.larger {
    font-size: 6.6rem;
    line-height: 56px;
  }
}

h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 4.4rem;
  line-height: 40px;
  letter-spacing: -0.785714px;
}
@media (max-width: 991px) {
  h3 {
    font-size: 2.8rem;
    line-height: 30px;
    letter-spacing: -0.785714px;
  }
}

h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 3.8rem;
  line-height: 34px;
  letter-spacing: -0.678571px;
}
@media (max-width: 991px) {
  h4 {
    font-size: 2.4rem;
    line-height: 28px;
    letter-spacing: -0.535714px;
  }
}

h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
}

h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 20px;
  letter-spacing: -0.5px;
}

.text-large, .text-large p {
  font-style: normal;
  font-weight: normal;
  font-size: 2.6rem;
  line-height: 30px;
}
@media (max-width: 991px) {
  .text-large, .text-large p {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

.text-small, .text-small p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
}

p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 24px;
  padding: 0 0 3rem;
}
@media (max-width: 991px) {
  p {
    font-size: 1.6rem;
    line-height: 22px;
    padding: 0 0 2rem;
  }
}

li {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 24px;
}
@media (max-width: 991px) {
  li {
    font-size: 1.6rem;
    line-height: 22px;
  }
}

strong,
.strong,
b {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

blockquote {
  font-style: normal;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 49px;
}
@media (max-width: 991px) {
  blockquote {
    font-size: 2.6rem;
    line-height: 32px;
  }
}

a {
  color: #3F0FFF;
  text-decoration: none;
}
a:hover {
  font-style: italic;
}

a.text-black {
  color: #111111;
  text-decoration: none;
}
a.text-black:hover {
  font-style: italic;
}

a.text-white {
  color: #FFFFFF;
  text-decoration: none;
}
a.text-white:hover {
  font-style: italic;
}

.eyebrow {
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  color: #111111;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/**
 * Utility
 * 
 */
.text-center {
  text-align: center;
}

@media (min-width: 991px) {
  .text-md-center {
    text-align: center !important;
  }
}

.text-left {
  text-align: left;
}

@media (min-width: 991px) {
  .text-md-left {
    text-align: left !important;
  }
}

.text-right {
  text-align: right;
}
@media (min-width: 991px) {
  .text-right {
    text-align: right !important;
  }
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

svg {
  max-width: 100%;
  height: auto;
}

video {
  display: block;
  max-width: 100%;
}

.border-top-thin {
  padding-top: 100px;
  border-top: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .border-top-thin {
    padding-top: 50px;
  }
}
.border-top-thick {
  padding-top: 100px;
  border-top: 6px solid #111111;
}
@media (max-width: 991px) {
  .border-top-thick {
    padding-top: 50px;
  }
}

.border-bottom-thin {
  padding-bottom: 100px;
  border-bottom: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .border-bottom-thin {
    padding-bottom: 50px;
  }
}
.border-bottom-thick {
  padding-bottom: 100px;
  border-bottom: 6px solid #111111;
}
@media (max-width: 991px) {
  .border-bottom-thick {
    padding-bottom: 50px;
  }
}

@media (min-width: 991px) {
  .margin-top-desktop {
    margin-top: 100px;
  }
}
@media (max-width: 991px) {
  .margin-top-mobile {
    margin-top: 50px;
  }
}

@media (min-width: 991px) {
  .margin-bottom-desktop {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .margin-bottom-mobile {
    margin-bottom: 50px;
  }
}

@media (min-width: 991px) {
  .padding-top-none-desktop {
    padding-top: 0 !important;
  }
}
@media (max-width: 991px) {
  .padding-top-none-mobile {
    padding-top: 0 !important;
  }
}

@media (min-width: 991px) {
  .padding-bottom-none-desktop {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .padding-bottom-none-mobile {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1040px) {
  .hidden-tablet {
    display: none;
  }
}
/**
 * Tooltips
 * 
 */
.tooltip {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 18px;
}
.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
  padding: 12px;
  background-color: #333333;
  max-width: 250px;
}

/**
 * WordPress Generated Classes
 * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */
/** Media alignment */
.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin: 0.5rem auto;
  height: auto;
}

.alignleft,
.alignright {
  margin-bottom: 0.5rem;
  height: auto;
}

@media (min-width: 30rem) {
  .alignleft {
    float: left;
    margin-right: 0.5rem;
  }
  .alignright {
    float: right;
    margin-left: 0.5rem;
  }
}
/** Captions */
/** Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff;
}

.nav-container {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: transparent;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
@media (max-width: 991px) {
  .nav-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.logged-in .nav-container {
  top: 32px;
}

.nav-container .nav-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-container #menu-header-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-container #menu-header-menu > .menu-item {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 1.2px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  line-height: 1;
  margin-left: 2rem;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0;
}
.nav-container #menu-header-menu > .menu-item.menu-item-has-children > a:hover:after {
  opacity: 0.5;
}
.nav-container #menu-header-menu > .menu-item.menu-item-has-children > a {
  position: relative;
}
.nav-container #menu-header-menu > .menu-item.menu-item-has-children > a:after {
  position: absolute;
  right: -10px;
  content: "";
  display: block;
  background-image: url("../images/icons/dropdown-white.svg");
  width: 6px;
  height: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(50% - 3px);
}

.nav-container.dark-nav #menu-header-menu > .menu-item > a:hover, .nav-container.light-nav #menu-header-menu > .menu-item > a:hover {
  opacity: 0.5;
}

.nav-container.light-nav #menu-header-menu > .menu-item > a {
  color: white;
}
.nav-container.light-nav #menu-header-menu > .menu-item.primary-btn > a {
  color: #111;
}
.nav-container.light-nav .brand {
  width: 115px;
  height: 24px;
  display: block;
  background-image: url(../images/drift-logo-white-reg.svg);
  background-size: auto;
  background-repeat: no-repeat;
}

.nav-container.nav-scrolled {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.nav-container.light-nav.nav-scrolled {
  background-color: black;
}

.nav-container.dark-nav #menu-header-menu > .menu-item > a {
  color: #111;
}
.nav-container.dark-nav .brand {
  width: 115px;
  height: 24px;
  display: block;
  background-image: url(../images/drift-logo-reg.svg);
  background-size: auto;
  background-repeat: no-repeat;
}
.nav-container.dark-nav #menu-header-menu > .menu-item.menu-item-has-children a {
  position: relative;
}
.nav-container.dark-nav #menu-header-menu > .menu-item.menu-item-has-children a:after {
  background-image: url("../images/icons/dropdown.svg");
}

.primary-btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  border: 0.75px solid #111111;
  padding: 9.5px 29px;
  border-radius: 16px;
  text-decoration: none;
  background-color: #C8FF00;
  color: #000000;
}
.primary-btn a:hover {
  font-style: italic;
  opacity: 1 !important;
}

.nav-container #menu-header-menu > .menu-item.link-secondary {
  font-weight: normal;
}

.nav-container.dark-nav.nav-scrolled {
  background-color: white;
}

.sub-menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.sub-menu li:not(:last-child) {
  margin-bottom: 1rem;
}

.sub-menu .sub-menu {
  margin-top: 1rem;
}

#menu-header-menu > .menu-item.menu-hovered > .sub-menu {
  z-index: 999;
  opacity: 1;
  pointer-events: all;
}

#menu-header-menu > .menu-item > .sub-menu {
  position: absolute;
  list-style: none;
  padding-left: 0;
  background: #111111;
  border: 1px solid #5D5D5D;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  padding: 2rem;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: -2rem;
  min-width: 400px;
  top: 100%;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#menu-header-menu > .menu-item > .sub-menu:before {
  width: 24px;
  height: 14px;
  top: -11px;
  content: "";
  position: absolute;
  background-image: url("../images/icons/triangle.svg");
  background-size: auto;
  background-repeat: no-repeat;
}
#menu-header-menu > .menu-item > .sub-menu li {
  text-transform: none;
  font-size: 1rem;
  font-weight: normal;
  color: white;
}
#menu-header-menu > .menu-item > .sub-menu a {
  color: white;
}
#menu-header-menu > .menu-item > .sub-menu a:hover {
  color: #2CFFFF;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-primary {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-secondary {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-columns-left {
  padding-right: 2rem;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-border-left {
  border-left: 1px solid white;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-border-right {
  border-right: 1px solid white;
}
#menu-header-menu > .menu-item > .sub-menu .submenu-columns-right {
  padding-left: 2rem;
}

#menu-header-menu > .menu-item.menu-revenue-acceleration > .sub-menu {
  min-width: 644px;
}

#menu-header-menu > .menu-item.menu-platform > .sub-menu {
  min-width: 830px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: -15rem;
}
#menu-header-menu > .menu-item.menu-platform > .sub-menu:before {
  left: 31%;
}

#menu-header-menu > .menu-item.menu-about-us.single-col-menu > .sub-menu {
  min-width: 236px;
}

#menu-header-menu > .menu-item.single-col-menu > .sub-menu {
  display: block;
  min-width: auto;
}
#menu-header-menu > .menu-item.single-col-menu > .sub-menu .submenu-secondary {
  margin-bottom: 1rem;
}

/*
@media (max-width: 991px) {
  .nav-container #menu-header-menu {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1039px) {
  .menu-item.menu-customers {
    display: none;
  }
  .menu-item.menu-insider {
    display: none;
  }
  .menu-item.menu-about {
    display: none;
  }
}

@media (min-width: 1040px) and (max-width: 1199px) {
  .menu-item.menu-customers {
    display: none;
  }
  .menu-item.menu-about-us {
    display: none;
  }
}
*/
.menu-item .sub-menu .inner-two-columns .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.menu-item .sub-menu .inner-two-columns .sub-menu li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.menu-item .sub-menu .inner-two-columns .sub-menu li.sub-col-narrow {
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
}
.menu-item .sub-menu .inner-two-columns .sub-menu li.sub-col-wide {
  -ms-flex-preferred-size: 63%;
      flex-basis: 63%;
}
.menu-item .sub-menu .inner-two-columns.menu-what-we-do {
  -ms-flex-preferred-size: 56%;
      flex-basis: 56%;
}
.menu-item .sub-menu .inner-two-columns.menu-how-we-do-it {
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
}

.burger-container {
  display: block;
  width: 30px;
  height: 30px;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  cursor: pointer;
}
@media (min-width: 992px) {
  .burger-container {
    display: none;
  }
}
.burger-container .burger-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #111;
  position: absolute;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  -o-transition: -o-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out, -o-transform 250ms ease-in-out;
}
.burger-container .burger-top {
  top: 40%;
  -webkit-transform: translateY(-40%);
       -o-transform: translateY(-40%);
          transform: translateY(-40%);
}
.burger-container .burger-bottom {
  top: 60%;
  -webkit-transform: translateY(-60%);
       -o-transform: translateY(-60%);
          transform: translateY(-60%);
}

#header-mobile-menu {
  position: fixed;
  height: calc(100vh - 62px);
  background-color: #111;
  width: 100vw;
  left: 0;
  top: 62px;
  padding: 2rem;
  -webkit-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  -o-transition: -o-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out, -o-transform 250ms ease-in-out;
  z-index: 99;
}
@media (min-width: 992px) {
  #header-mobile-menu {
    z-index: 999;
  }
}
#header-mobile-menu li {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
#header-mobile-menu a {
  color: white;
}
#header-mobile-menu li.light {
  font-weight: normal;
}
#header-mobile-menu .mobile-menu-btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  border: 0.75px solid #111111;
  padding: 9.5px 29px;
  border-radius: 16px;
  text-decoration: none;
  background-color: #C8FF00;
  color: #000000;
}
#header-mobile-menu .mobile-menu-btn a:hover {
  font-style: italic;
}

.nav-container.mobile-menu-toggled {
  z-index: 999;
}
.nav-container.mobile-menu-toggled .burger-container {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.nav-container.mobile-menu-toggled .burger-container .burger-bar.burger-top {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.nav-container.mobile-menu-toggled .burger-container .burger-bar.burger-bottom {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.nav-container.mobile-menu-toggled #header-mobile-menu {
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

.nav-container.light-nav .burger-bar {
  background-color: white;
}

@media (max-width: 991px) {
  .prevent-scroll {
    overflow: hidden;
    position: relative;
  }
}
.alert-box {
  display: none;
  width: 100%;
  text-align: center;
  font-weight: bold;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 991px) {
  .alert-box {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .alert-box .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.alert-box.alert-box-bottom {
  position: fixed;
  bottom: 1rem;
  z-index: 999;
  top: auto;
  width: 80%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.alert-box .alert-box-content {
  padding: 1rem 2rem;
  display: block;
}
.alert-box .alert-box-close {
  position: absolute;
  right: 20px;
  top: calc(40% - 5px);
  cursor: pointer;
}
@media (max-width: 991px) {
  .alert-box .alert-box-close {
    top: 20px;
  }
}
.bg-indigo .alert-box .alert-box-close svg path {
  fill: #FFFFFF;
}
.alert-box.bg-indigo a {
  color: white;
}
.alert-box.bg-cyan a {
  color: #111;
}
.alert-box.bg-magenta a {
  color: #111;
}
.alert-box.bg-yellow a {
  color: #111;
}
.alert-box a {
  text-decoration: none !important;
}
.alert-box a:hover {
  font-style: italic;
}
.alert-box span {
  display: inline-block;
  font-weight: 600;
  padding: 0 5px;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
}
.alert-box.highlight-cyan span {
  background-color: #2CFFFF;
  color: #111111;
}
.alert-box.highlight-magenta span {
  background-color: #FF5AE5;
  color: #111111;
}
.alert-box.highlight-yellow span {
  background-color: #FFFF05;
  color: #111111;
}
.alert-box.highlight-indigo span {
  background-color: #3F0FFF;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .alert-box {
    display: block;
  }
}

/**
 * Insider pages
 * 
 */
.insider--wrapper {
  /**
   * Insider content tile
   * 
   */
  /**
   * Above the fold top section
   * 
   */
}
.insider--wrapper-intro {
  position: relative;
}
.insider--wrapper-intro:after {
  content: "";
  position: absolute;
  right: -33px;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .insider--wrapper-intro:after {
    display: none;
  }
}
.insider--wrapper-intro h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 68px;
  line-height: 62px;
  letter-spacing: -0.2px;
  margin: 0;
  padding: 0;
}
.insider--wrapper-intro .tagline {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
  padding: 14px 0 0;
}
.insider--wrapper-intro-small {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
}
.insider--wrapper .insider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  border-top: 6px solid #111111;
  border-bottom: 1px solid #111111;
  padding-bottom: 16px;
  padding-top: 16px;
}
.insider--wrapper .insider-content a {
  color: #111111;
}
.insider--wrapper .insider-content.featured-content .content-label {
  margin-bottom: 16px;
}
.insider--wrapper .insider-content .content-label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #FF8329;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.insider--wrapper .insider-content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 20px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  text-decoration: none;
}
.insider--wrapper .insider-content .insider-thumbnail {
  margin-bottom: 14px;
  width: 100%;
  display: block;
}
.insider--wrapper .insider-content .insider-thumbnail-link, .insider--wrapper .insider-content .insider-thumbnail-link__featured {
  overflow: hidden;
  display: block;
}
.insider--wrapper .insider-content .insider-thumbnail-link img {
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: visibility 0.25s ease-in, -webkit-transform 0.25s;
  transition: visibility 0.25s ease-in, -webkit-transform 0.25s;
  -o-transition: visibility 0.25s ease-in, -o-transform 0.25s;
  transition: transform 0.25s, visibility 0.25s ease-in;
  transition: transform 0.25s, visibility 0.25s ease-in, -webkit-transform 0.25s, -o-transform 0.25s;
  max-height: 290px;
}
.insider--wrapper .insider-content .insider-thumbnail-link__featured img {
  -webkit-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: visibility 0.25s ease-in, -webkit-transform 0.25s;
  transition: visibility 0.25s ease-in, -webkit-transform 0.25s;
  -o-transition: visibility 0.25s ease-in, -o-transform 0.25s;
  transition: transform 0.25s, visibility 0.25s ease-in;
  transition: transform 0.25s, visibility 0.25s ease-in, -webkit-transform 0.25s, -o-transform 0.25s;
}
.insider--wrapper .insider-content .insider-thumbnail-link:hover img, .insider--wrapper .insider-content .insider-thumbnail-link__featured:hover img {
  -webkit-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.insider--wrapper .insider-content .subscribe-link {
  position: relative;
  font-size: 1.25rem;
  color: #111;
  font-weight: bold;
  margin-left: 36px;
}
.insider--wrapper .insider-content .subscribe-link:before {
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
  left: -36px;
  top: -4px;
  background-image: url(../images/icons/plus-circle.svg);
  background-size: cover;
}
.insider--wrapper .insider-content .listen-link {
  position: relative;
  font-size: 1.25rem;
  color: #111;
  font-weight: bold;
  margin-left: 36px;
}
.insider--wrapper .insider-content .listen-link:before {
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
  left: -36px;
  top: -4px;
  background-image: url(../images/icons/play-circle.svg);
  background-size: cover;
}
.insider--wrapper .insider-content .footer-content {
  margin-top: auto;
}
.insider--wrapper .insider-content .footer-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #111111;
  margin-top: 16px;
}
.insider--wrapper .insider-content:last-child {
  margin-bottom: 0;
}
.insider--wrapper .insider-content.is-newsletter-item .newsletter-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #111111;
  margin-top: 16px;
  padding-bottom: 32px;
}
.insider--wrapper .insider-atf .insider-content {
  min-height: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.insider--wrapper .insider-atf .insider-content:not(.no-top-margin) {
  margin-top: 34px;
}
.insider--wrapper .insider-atf--featured-title {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 34px;
  letter-spacing: -0.678571px;
  text-transform: uppercase;
}
.insider--wrapper .insider-atf .featured-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.insider--wrapper .insider-atf .font-24 {
  font-size: 24px;
}
.insider--wrapper .insider-atf .bold {
  font-weight: bold;
}
.insider--wrapper .insider-atf form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .insider--wrapper .insider-atf form {
    display: block;
  }
}
.insider--wrapper .insider-atf form .form-group {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.insider--wrapper .insider-atf form input[type=email] {
  height: 42px;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  outline: none;
  width: calc(100% - 31px);
  background: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media (max-width: 768px) {
  .insider--wrapper .insider-atf form input[type=email] {
    margin-bottom: 15px;
  }
}
.insider--wrapper .insider-atf form button[type=submit] {
  background-color: #2CFFFF;
}
.insider--wrapper .bg-black .insider-content {
  border-bottom: 1px solid white;
}
.insider--wrapper .bg-black .insider-content .content-label {
  color: white;
}
.insider--wrapper .bg-black .insider-content a {
  color: white;
}
.insider--wrapper form#searchform input[type=text] {
  outline: none !important;
}
@media (max-width: 768px) {
  .insider--wrapper-classes-button {
    padding-top: 10px;
    text-align: left;
  }
}
.insider--wrapper-video .video-slider-arrow {
  background: none;
}
.insider--wrapper-video .video-slider-arrow svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.insider--wrapper-video .video-slider-arrow:hover svg path {
  fill: #2CFFFF !important;
}
@media (max-width: 768px) {
  .insider--wrapper-video-button {
    padding-top: 10px;
    text-align: left;
  }
}
.insider--wrapper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.insider--wrapper-pagination a.prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.insider--wrapper-pagination a.prev,
.insider--wrapper-pagination a.next {
  margin-top: 5px;
}
.insider--wrapper-pagination a.page-numbers,
.insider--wrapper-pagination span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
  padding: 0 10px !important;
}
.insider--wrapper-pagination a.page-numbers:hover,
.insider--wrapper-pagination span:hover {
  border-bottom: none !important;
  color: #3F0FFF !important;
}
.insider--wrapper-pagination a {
  color: #111111;
}
.insider--wrapper-pagination span {
  font-weight: 400 !important;
}
.insider--wrapper-pagination span.current {
  font-size: 16px !important;
  color: #3F0FFF;
  border: none !important;
}

.m12--cta {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m12--cta {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m12--cta .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m12--cta-content {
  position: relative;
}
.content-left .m12--cta-content {
  padding-left: 8.33333%;
}
@media (max-width: 991px) {
  .content-left .m12--cta-content {
    padding-left: 15px;
  }
}
.content-left .m12--cta-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
.bg-black .content-left .m12--cta-content:before, .bg-charcoal .content-left .m12--cta-content:before, .bg-indigo .content-left .m12--cta-content:before {
  border-left: 0.75px solid #FFFFFF !important;
}
@media (max-width: 991px) {
  .content-left .m12--cta-content:before {
    display: none;
  }
}
.m12--cta-content-logo {
  padding-bottom: 20px;
}
.m12--cta h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 48px;
  letter-spacing: -0.928571px;
  text-transform: uppercase;
  padding: 0 0 18px;
  margin: 0;
}
.m12--cta .text-large {
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
}
.m12--cta-cta {
  padding-left: 0;
}
@media (max-width: 991px) {
  .m12--cta-cta {
    padding: 0;
    margin-top: 0 !important;
  }
}
.m12--cta-cta a.button {
  margin-top: 16px;
}

/**
 * Newsletter archive
 * 
 */
.newsletter-wrapper--hero .insider--wrapper-intro {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .newsletter-wrapper--hero .insider--wrapper-intro h1 {
    font-size: 44px;
  }
}
.newsletter-wrapper--hero-content {
  padding: 0 0 0 64px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
}
@media (max-width: 768px) {
  .newsletter-wrapper--hero-content {
    padding: 15px;
  }
}
.newsletter-wrapper--hero .tagline {
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  color: #111111;
}
.newsletter-wrapper .insider-content.is-newsletter-item .footer-content a.subscribe-link {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  text-transform: uppercase;
  color: #3F0FFF;
  margin-left: 12px;
}

/**
 * Header - Updated
 * 
 */
#wpadminbar {
  position: fixed;
  top: 0;
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

@media (max-width: 783px) {
  body.admin-bar header.header {
    top: 45px;
  }
  body.admin-bar div[role=document] {
    padding-top: 117px;
  }
}

/*
body.admin-bar {

  // Main wrapper top padding
  div[role="document"] {
    padding-top: 118px;

    @media (min-width: 991px) {
      padding-top: 177px;
    }
  }

  // Pages with Insider Nav
  &.with-insider-nav {

    // Main wrapper top padding, without alert bar
    div[role="document"] {
      padding-top: 185px;

      @media (min-width: 991px) {
        padding-top: 260px;
      }
    }

    // Main wrapper top padding, with alert bar
    &.has-alert-bar {
      div[role="document"] {
        padding-top: 188px;

        @media (min-width: 991px) {
          padding-top: 265px;
        }
      }
    }
  }

  .header {
    padding-top: 32px;

    @media (max-width: 991px) {
      padding-top: 46px;
    }
  }

  @media (max-width: 991px) {
    .header {
      nav.nav-primary.sub-menu-active {
        min-height: calc(100vh - 46px);
      }
    }
  }
}
*/
body {
  /**
   * Main wrapper top padding
   * 
   */
  /**
   * Pages with Insider Nav
   * 
   */
}
body div[role=document] {
  padding-top: 71px;
}
@media (min-width: 991px) {
  body div[role=document] {
    padding-top: 145px;
  }
}
body.with-insider-nav {
  /**
   * Main wrapper top padding
   * 
   */
  /**
   * Main wrapper top padding, with alert bar
   * 
   */
}
body.with-insider-nav div[role=document] {
  padding-top: 140px !important;
}
@media (min-width: 991px) {
  body.with-insider-nav div[role=document] {
    padding-top: 230px !important;
  }
}
body.with-insider-nav.has-alert-bar div[role=document] {
  padding-top: 142px;
}
@media (min-width: 991px) {
  body.with-insider-nav.has-alert-bar div[role=document] {
    padding-top: 233px;
  }
}
@media (min-width: 991px) {
  body.with-insider-nav .header {
    border-bottom: 0;
  }
}
body.with-insider-nav .header nav.nav-primary {
  background-color: transparent;
}
body.summit-template-single-components div[role=document] {
  padding-top: 85px;
}
@media (max-width: 991px) {
  body .header nav.nav-primary.sub-menu-active {
    min-height: 100vh;
  }
}

body.menu-open {
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  border-bottom: 1px solid #111111;
  background-color: #FFFFFF;
  /**
   * Desktop menu
   * 
   */
  /**
   * Mobile menu
   * 
   */
}
@media (max-width: 991px) {
  .header {
    border-bottom: none;
  }
}
.header .container {
  max-width: 1440px;
}
@media (max-width: 1439px) {
  .header .container {
    max-width: 100%;
  }
}
.header.nav-scrolled {
  position: absolute;
}
.header.mobile-menu-toggled .insider-navigation {
  opacity: 0;
}
.header nav.nav-supernav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-bottom: 1px solid #111111;
}
@media (max-width: 991px) {
  .header nav.nav-supernav {
    display: none;
  }
}
.header nav.nav-supernav ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
  z-index: 100;
  background: #FFFFFF;
  margin: 0;
}
.header nav.nav-supernav ul.nav a:hover {
  color: #3F0FFF !important;
}
.header nav.nav-supernav ul.nav > li {
  position: relative;
}
.header nav.nav-supernav ul.nav > li:not(:last-child) > a {
  padding: 20px 20px 16px;
}
.header nav.nav-supernav ul.nav > li:last-child > a {
  padding: 20px 0 16px 20px;
}
.header nav.nav-supernav ul.nav > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #333333;
}
.header nav.nav-supernav ul.nav > li.dropdown > a:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%23111'/%3E%3C/svg%3E");
  width: 8px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 6px;
  border: none !important;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.header nav.nav-supernav ul.nav > li.dropdown:hover > a:after {
  -webkit-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%233F0FFF'/%3E%3C/svg%3E");
}
.header nav.nav-supernav ul.nav li.back {
  display: none;
}
.header nav.nav-supernav ul.nav li ul.dropdown-menu {
  visibility: hidden;
  opacity: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  top: 100%;
  right: 0;
  width: 245px;
  padding: 34px 37px;
  margin-top: 0;
  background: #fff;
  border: 1px solid #111111;
  -webkit-filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.header nav.nav-supernav ul.nav li ul.dropdown-menu.show {
  visibility: visible;
  opacity: 1;
}
.header nav.nav-supernav ul.nav li ul.dropdown-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #111111;
}
.header nav.nav-supernav ul.nav li ul.dropdown-menu li:not(:last-child) a {
  padding: 0 0 24px;
}
.header nav.nav-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #FFFFFF;
}
@media (max-width: 991px) {
  .header nav.nav-primary {
    display: none;
  }
}
.header nav.nav-primary .nav-primary-logo-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
}
@media (min-width: 1100px) {
  .header nav.nav-primary .nav-primary-logo-menu {
    margin-right: 10%;
  }
}
.header nav.nav-primary .nav-primary-logo-menu a.brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 131px;
}
@media (min-width: 1100px) and (max-width: 1439px) {
  .header nav.nav-primary .nav-primary-logo-menu a.brand {
    width: 100px;
  }
}
.header nav.nav-primary .nav-primary-logo-menu a.brand img.logo {
  padding: 0;
}
.header nav.nav-primary ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  list-style: none;
  margin: 0 0 0 auto;
  z-index: 100;
  background: #FFFFFF;
  /**
   * Flyout menu
   * 
   */
  /**
   * Columns menu variant
   * 
   */
  /**
   * Wide menu variant
   * 
   */
}
.header nav.nav-primary ul.nav > li.menu-item {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 24px;
}
.header nav.nav-primary ul.nav > li.menu-item.is-flyout-menu {
  position: relative;
}
@media (min-width: 991px) and (max-width: 1180px) {
  .header nav.nav-primary ul.nav > li.menu-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header nav.nav-primary ul.nav > li.menu-item:first-child {
  padding-left: 0;
}
.header nav.nav-primary ul.nav > li.menu-item:last-child {
  padding-right: 0;
}
.header nav.nav-primary ul.nav > li.menu-item.align-right {
  margin-left: auto;
}
.header nav.nav-primary ul.nav > li.menu-item.dropdown > a:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%23111'/%3E%3C/svg%3E");
  width: 8px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 6px;
  border: none !important;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.header nav.nav-primary ul.nav > li.menu-item.dropdown:hover > a:after {
  -webkit-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%233F0FFF'/%3E%3C/svg%3E");
}
.header nav.nav-primary ul.nav > li.menu-item a {
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.header nav.nav-primary ul.nav .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  top: 100%;
  left: -25px;
  width: 307px;
  padding: 0;
  margin-top: 0;
  background: #fff;
  border: 1px solid #111111;
  -webkit-filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  /**
   * Dropdown for depth = 2
   */
}
.header nav.nav-primary ul.nav .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
}
.header nav.nav-primary ul.nav .dropdown-menu > li:not(:last-child) {
  border-bottom: 1px solid #111111;
}
.header nav.nav-primary ul.nav .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  border-top: 0;
  border-left: 0;
  background-color: #F5F8FA;
  width: 385px;
  padding-top: 18px;
  padding-bottom: 18px;
  height: calc(100% + 1px);
  -webkit-filter: none !important;
          filter: none !important;
}
.header nav.nav-primary ul.nav .dropdown-menu .dropdown-menu li.menu-item {
  border: none;
}
.header nav.nav-primary ul.nav .columns-menu {
  width: auto;
}
@media (max-width: 1440px) {
  .header nav.nav-primary ul.nav .columns-menu {
    max-width: 100vw;
  }
}
.active .header nav.nav-primary ul.nav .columns-menu {
  visibility: visible;
}
.header nav.nav-primary ul.nav .columns-menu .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
@media (max-width: 991px) {
  .header nav.nav-primary ul.nav .columns-menu .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.header nav.nav-primary ul.nav .columns-menu-column {
  padding: 36px;
}
@media (min-width: 991px) and (max-width: 1440px) {
  .header nav.nav-primary ul.nav .columns-menu-column:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.header nav.nav-primary ul.nav .columns-menu-column:last-child {
  border-left: 1px solid #111111;
}
.header nav.nav-primary ul.nav .columns-menu-column-header {
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0.5px;
  color: #333333;
  text-transform: uppercase;
  padding: 0 0 28px;
}
.header nav.nav-primary ul.nav .columns-menu-column-wrapper {
  display: grid;
}
.header nav.nav-primary ul.nav .columns-menu-column-wrapper[data-columns="1"] {
  grid-template-columns: 208px;
}
.header nav.nav-primary ul.nav .columns-menu-column-wrapper[data-columns="2"] {
  grid-template-columns: repeat(2, 208px);
}
.header nav.nav-primary ul.nav .columns-menu-column-wrapper[data-columns="3"] {
  grid-template-columns: repeat(3, 208px);
}
@media (min-width: 991px) and (max-width: 1439px) {
  .header nav.nav-primary ul.nav .columns-menu-column-wrapper[data-columns="3"] {
    grid-template-columns: repeat(3, 33%);
  }
}
.header nav.nav-primary ul.nav .columns-menu-column-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.is-alternate-style a.title-link, .header nav.nav-primary ul.nav .columns-menu-column-item.use-smaller-font a.title-link {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #333333;
  padding: 0 0 5px;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.is-alternate-style a.title-link:hover, .header nav.nav-primary ul.nav .columns-menu-column-item.use-smaller-font a.title-link:hover {
  color: #3F0FFF;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.is-alternate-style .sub-menu-column-item-description, .header nav.nav-primary ul.nav .columns-menu-column-item.use-smaller-font .sub-menu-column-item-description {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  color: #333333;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.is-alternate-style {
  padding: 0 30px 25px 13px;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.use-smaller-font {
  padding: 0 30px 25px 0;
}
.header nav.nav-primary ul.nav .columns-menu-column-item.use-smaller-font a.title-link {
  font-weight: 700;
}
.header nav.nav-primary ul.nav .columns-menu-column-item:not(.is-alternate-style):not(.use-smaller-font) {
  padding: 0 30px 25px 0;
}
.header nav.nav-primary ul.nav .columns-menu-column-item:not(.is-alternate-style):not(.use-smaller-font) a.title-link {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
  padding: 0 0 5px;
}
.header nav.nav-primary ul.nav .columns-menu-column-item:not(.is-alternate-style):not(.use-smaller-font) a.title-link:hover {
  color: #3F0FFF;
}
.header nav.nav-primary ul.nav .columns-menu-column-item:not(.is-alternate-style):not(.use-smaller-font) .sub-menu-column-item-description {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #111111;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header nav.nav-primary ul.nav .columns-menu-column-item:not(.is-alternate-style):not(.use-smaller-font) .sub-menu-column-item-description {
    font-size: 14px;
  }
}
.header nav.nav-primary ul.nav .columns-menu-column-item a.button {
  margin-top: 25px;
}
.header nav.nav-primary ul.nav .columns-menu-cta {
  padding: 20px 36px;
  background-color: #C8FF00;
  width: 100%;
  border-top: 1px solid #111111;
}
.header nav.nav-primary ul.nav .columns-menu-cta a {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
  margin-left: 0;
}
.header nav.nav-primary ul.nav .columns-menu-cta a:before {
  display: none;
}
.header nav.nav-primary ul.nav .columns-menu-cta a:after {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%23111111' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}
.header nav.nav-primary ul.nav .columns-menu-cta a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%233F0FFF' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}
.header nav.nav-primary ul.nav .wide-menu {
  width: 880px;
}
.header nav.nav-primary ul.nav .wide-menu-top {
  padding: 52px 52px 22px;
}
.header nav.nav-primary ul.nav .wide-menu-top-eyebrow {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  color: #111111;
  padding: 0 0 8px;
}
.header nav.nav-primary ul.nav .wide-menu-top-title {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #111111;
  padding: 0 0 19px;
}
.header nav.nav-primary ul.nav .wide-menu-top-title a {
  color: inherit;
}
.header nav.nav-primary ul.nav .wide-menu-top-title:hover *,
.header nav.nav-primary ul.nav .wide-menu-top-title:hover a {
  font-style: normal;
}
.header nav.nav-primary ul.nav .wide-menu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 32px 60px;
}
.header nav.nav-primary ul.nav .wide-menu-items-item {
  height: 100%;
}
.header nav.nav-primary ul.nav .wide-menu-items-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  border-top: 1px solid #111111;
  padding-top: 10px;
}
.header nav.nav-primary ul.nav .wide-menu-items-item-eyebrow {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  padding: 0 0 8px;
}
.header nav.nav-primary ul.nav .wide-menu-items-item a {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #111111;
}
.header nav.nav-primary ul.nav .wide-menu-highlighted-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-top: 1px solid #111111;
  padding: 24px 32px 25px;
  background-color: #FFFF05;
}
.header nav.nav-primary ul.nav .wide-menu-highlighted-items-item {
  height: 100%;
}
.header nav.nav-primary ul.nav .wide-menu-highlighted-items-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.header nav.nav-primary ul.nav .wide-menu-highlighted-items-item-eyebrow {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  padding: 0 0 8px;
}
.header nav.nav-primary ul.nav .wide-menu-highlighted-items-item a {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #111111;
  border-top: 1px solid #111111;
  padding-top: 12px;
}
.header nav.nav-primary ul.nav .wide-menu a:hover {
  color: #3F0FFF;
}
.header nav.nav-primary ul.nav a.depth-0 {
  display: block;
}
.header nav.nav-primary ul.nav a.depth-0:not(.button) {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #111111;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media (min-width: 1100px) and (max-width: 1125px) {
  .header nav.nav-primary ul.nav a.depth-0:not(.button) {
    font-size: 12px;
  }
}
.header nav.nav-primary ul.nav a.depth-0:not(.button)[aria-expanded=true], .header nav.nav-primary ul.nav a.depth-0:not(.button):hover {
  text-decoration: none;
  color: #3F0FFF !important;
  font-style: normal;
}
.header nav.nav-primary ul.nav a.depth-0.button {
  font-size: 16px;
}
.header nav.nav-primary ul.nav a.depth-0.button:not(.cyan) {
  color: #111111;
}
.header nav.nav-primary ul.nav a.depth-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  color: #111111;
  padding: 31px 43px;
}
.header nav.nav-primary ul.nav a.depth-1:before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0;
  height: 100%;
  background-color: #3F0FFF;
  opacity: 0;
}
.header nav.nav-primary ul.nav a.depth-1:hover, .header nav.nav-primary ul.nav a.depth-1[aria-expanded=true] {
  font-weight: 500;
  color: #3F0FFF;
}
.header nav.nav-primary ul.nav a.depth-1:hover:before, .header nav.nav-primary ul.nav a.depth-1[aria-expanded=true]:before {
  opacity: 1;
}
.header nav.nav-primary ul.nav a.depth-1:hover.dropdown-toggle:after, .header nav.nav-primary ul.nav a.depth-1[aria-expanded=true].dropdown-toggle:after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26871 5L0.136767 1.55671L1.43403 -2.21441e-07L6.5 4.22164L6.5 5.77836L1.43403 10L0.136767 8.44329L4.26871 5Z' fill='%233F0FFF'/%3E%3C/svg%3E%0A");
}
.header nav.nav-primary ul.nav a.depth-1.dropdown-toggle:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26871 5L0.136767 1.55671L1.43403 -2.21441e-07L6.5 4.22164L6.5 5.77836L1.43403 10L0.136767 8.44329L4.26871 5Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  margin-left: 15px;
}
.header nav.nav-primary ul.nav a.depth-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #111111;
  text-transform: none;
  padding: 18px 43px;
}
.header nav.nav-primary ul.nav a.depth-2:hover {
  color: #3F0FFF;
}
.header nav.nav-mobile {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
}
@media (max-width: 991px) {
  .header nav.nav-mobile {
    display: block;
  }
}
.header nav.nav-mobile.active ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 0;
  padding: 0;
}
.header nav.nav-mobile.active .nav-primary-logo-menu {
  border-bottom: 1px solid #111111;
}
.header nav.nav-mobile.active .nav-mobile-wrapper {
  display: block;
  overflow: auto;
}
.header nav.nav-mobile.mobile-menu-toggled {
  z-index: 100000;
  background-color: #FFFFFF !important;
  height: 100vh;
}
.header nav.nav-mobile.mobile-menu-toggled .burger-container {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.header nav.nav-mobile.mobile-menu-toggled .burger-container .burger-bar.burger-top {
  top: 50% !important;
  -webkit-transform: translateY(-50%) rotate(45deg) !important;
       -o-transform: translateY(-50%) rotate(45deg) !important;
          transform: translateY(-50%) rotate(45deg) !important;
}
.header nav.nav-mobile.mobile-menu-toggled .burger-container .burger-bar.burger-bottom {
  top: 50% !important;
  -webkit-transform: translateY(-50%) rotate(-45deg) !important;
       -o-transform: translateY(-50%) rotate(-45deg) !important;
          transform: translateY(-50%) rotate(-45deg) !important;
}
.header nav.nav-mobile.mobile-menu-toggled .nav-mobile-wrapper {
  height: 100vh;
  padding-bottom: 200px;
}
.header nav.nav-mobile .nav-primary-logo-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 72px;
  width: 100%;
  padding: 20px 16px;
  border-bottom: 1px solid #111;
}
.header nav.nav-mobile .nav-primary-logo-menu a.brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  margin-left: 20px;
}
.header nav.nav-mobile .nav-primary-logo-menu a.brand img.logo {
  padding: 0;
}
.header nav.nav-mobile .nav-primary-logo-menu a.button {
  margin-left: auto;
  height: 37px;
}
.header nav.nav-mobile .nav-mobile-wrapper {
  position: relative;
  display: none;
  padding-bottom: 100px;
}
.header nav.nav-mobile .nav-mobile-wrapper a.button.login {
  margin: 10px 0 0 16px;
  color: #111111;
}
.header nav.nav-mobile ul.nav {
  position: relative;
  z-index: 100;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
  /**
   * Flyout menu
   * 
   */
  /**
   * Columns menu variant
   * 
   */
  /**
   * Wide menu variant
   * 
   */
}
.header nav.nav-mobile ul.nav.primary-nav {
  padding-bottom: 7px;
}
.header nav.nav-mobile ul.nav.primary-nav:after {
  content: "";
  border-bottom: 1px solid #BABCBE;
  width: calc(100% - 32px);
  height: 1px;
  left: 16px;
  bottom: 0;
  position: absolute;
}
.header nav.nav-mobile ul.nav:not(.primary-nav) {
  padding-top: 11px;
}
.header nav.nav-mobile ul.nav > li.menu-item {
  padding: 0;
  width: 100%;
  line-height: 24px;
}
.header nav.nav-mobile ul.nav > li.menu-item a {
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.header nav.nav-mobile ul.nav li.back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #111111;
  padding: 20px 16px 16px;
  cursor: pointer;
}
.header nav.nav-mobile ul.nav li.back:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.30556L6.75463 1L8 2.03781L4.62269 6.09059L3.37731 6.09059L3.54305e-07 2.03781L1.24537 1L4 4.30556Z' fill='%23111111'/%3E%3C/svg%3E%0A");
  width: 8px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  -webkit-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.header nav.nav-mobile ul.nav .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding: 0 0 150px;
  margin: 0;
  overflow: auto;
  background: #fff;
  -webkit-filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 25px 15px rgba(0, 0, 0, 0.15));
  -webkit-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  /**
   * Dropdown for depth = 2
   * 
   */
}
.header nav.nav-mobile ul.nav .dropdown-menu.active {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.header nav.nav-mobile ul.nav .dropdown-menu li.back {
  display: none;
}
.header nav.nav-mobile ul.nav .dropdown-menu li.back:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header nav.nav-mobile ul.nav .columns-menu li.title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  color: #333333;
  padding: 16px 0 0 16px;
}
.header nav.nav-mobile ul.nav .columns-menu-section {
  position: relative;
  list-style: none;
  padding: 0;
}
.header nav.nav-mobile ul.nav .columns-menu-section:after {
  content: "";
  border-bottom: 1px solid #BABCBE;
  width: calc(100% - 32px);
  height: 1px;
  left: 16px;
  bottom: 0;
  position: absolute;
}
.header nav.nav-mobile ul.nav .columns-menu-section li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
  padding: 16px;
}
.header nav.nav-mobile ul.nav .wide-menu li.title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #111111;
  padding: 16px 0 0 16px;
}
.header nav.nav-mobile ul.nav .wide-menu li.title a {
  color: inherit;
}
.header nav.nav-mobile ul.nav .wide-menu-section {
  list-style: none;
  margin: 0;
  padding: 33px 0 0 33px;
  border-bottom: 1px solid #BABCBE;
}
.header nav.nav-mobile ul.nav .wide-menu-section li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
  padding: 0 0 32px;
}
.header nav.nav-mobile ul.nav .wide-menu-section li.eyebrow {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  color: #333333;
  padding: 0 0 17px;
}
.header nav.nav-mobile ul.nav a.depth-0,
.header nav.nav-mobile ul.nav a.depth-1,
.header nav.nav-mobile ul.nav a.depth-2 {
  display: block;
}
.header nav.nav-mobile ul.nav a.depth-0:not(.button),
.header nav.nav-mobile ul.nav a.depth-1:not(.button),
.header nav.nav-mobile ul.nav a.depth-2:not(.button) {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #111111;
  padding-top: 0;
  padding: 20px 16px;
}
.header nav.nav-mobile ul.nav a.depth-0:not(.button):hover,
.header nav.nav-mobile ul.nav a.depth-1:not(.button):hover,
.header nav.nav-mobile ul.nav a.depth-2:not(.button):hover {
  text-decoration: none;
  color: #3F0FFF !important;
  font-style: normal;
}
.header nav.nav-mobile ul.nav a.depth-0.button,
.header nav.nav-mobile ul.nav a.depth-1.button,
.header nav.nav-mobile ul.nav a.depth-2.button {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 16px;
}
.header nav.nav-mobile ul.nav a.depth-0.button:not(.cyan),
.header nav.nav-mobile ul.nav a.depth-1.button:not(.cyan),
.header nav.nav-mobile ul.nav a.depth-2.button:not(.cyan) {
  color: #111111;
}
.header nav.nav-mobile ul.nav a.depth-0.dropdown-toggle,
.header nav.nav-mobile ul.nav a.depth-1.dropdown-toggle,
.header nav.nav-mobile ul.nav a.depth-2.dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header nav.nav-mobile ul.nav a.depth-0.dropdown-toggle:after,
.header nav.nav-mobile ul.nav a.depth-1.dropdown-toggle:after,
.header nav.nav-mobile ul.nav a.depth-2.dropdown-toggle:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%23111'/%3E%3C/svg%3E");
  width: 8px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 6px;
  border: none !important;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  -webkit-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.header nav.nav-mobile ul.nav a.depth-0 {
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.header nav.nav-mobile ul.nav a.depth-0:hover {
  background-color: #F5F8FA;
  color: #3F0FFF;
}
.header nav.nav-mobile ul.nav a.depth-0:hover.dropdown-toggle:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4.306L6.755 1 8 2.038 4.623 6.09H3.377L0 2.038 1.245 1 4 4.306z' fill='%233F0FFF'/%3E%3C/svg%3E");
}
.header nav.nav-mobile ul.nav a.depth-1 {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.header nav.nav-mobile ul.nav a.depth-2 {
  font-size: 18px !important;
  font-weight: 600 !important;
}

/**
 * Footer
 * 
 */
.main-footer {
  padding-top: 50px;
  padding-bottom: 30px;
}
.main-footer .container {
  max-width: 1440px;
  padding-left: 36px;
  padding-right: 36px;
}
.main-footer img.logo {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .main-footer img.logo {
    margin: 0 0 30px;
  }
}
.main-footer ul#menu-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0 0 50px;
  margin: 0;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 20px;
  }
}
.main-footer ul#menu-footer a:hover {
  color: #3F0FFF !important;
  text-decoration: none;
}
.main-footer ul#menu-footer > li.menu-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.main-footer ul#menu-footer > li.menu-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item.menu-item-has-children > a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4.35538L8.44329 0.223437L10 1.5207L5.77836 6.58667L4.22164 6.58667L4.42881e-07 1.5207L1.55671 0.223436L5 4.35538Z' fill='%23111111'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 7px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
  }
  .main-footer ul#menu-footer > li.menu-item.menu-item-has-children > a.open:after {
    -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.main-footer ul#menu-footer > li.menu-item > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #333333;
  padding: 0 0 19px;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item > a {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    color: #111111;
    font-weight: 600;
    text-transform: none;
    padding: 0 0 16px;
  }
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    padding-left: 16px;
    padding-right: 0;
  }
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu.open {
  margin-bottom: 16px;
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item {
  margin: 0;
}
@media (min-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item.mobile-only {
    display: none;
  }
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item a {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.09px;
  font-weight: 500;
  color: #333333;
}
@media (max-width: 991px) {
  .main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item a {
    font-size: 14px;
    font-weight: 600;
  }
  .main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21497 4.97339L0.909413 2.21876L1.94722 0.973388L6 4.3507L6 5.59608L1.94722 8.97339L0.909413 7.72802L4.21497 4.97339Z' fill='%23111111'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 6px;
    -webkit-transform: translate(0, 6px);
         -o-transform: translate(0, 6px);
            transform: translate(0, 6px);
  }
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item.is-button > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  border: 0.75px solid #111111;
  padding: 9.5px 29px;
  margin-top: 40px;
  border-radius: 16px;
  text-decoration: none;
  background-color: #2CFFFF;
  color: #000000;
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item.is-button > a:hover {
  font-style: italic;
  letter-spacing: 0.1px;
}
.main-footer ul#menu-footer > li.menu-item ul.sub-menu li.menu-item:not(:last-child) a {
  padding: 0 0 14px;
}
.main-footer-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
  border-top: 1px solid #111111;
}
@media (max-width: 991px) {
  .main-footer-sub {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main-footer-sub-social {
  padding-right: 50px;
}
@media (max-width: 991px) {
  .main-footer-sub-social {
    padding: 0 0 16px;
  }
}
.main-footer-sub-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-footer-sub-social ul li a {
  display: block;
}
.main-footer-sub-social ul li:not(:last-child) {
  padding-right: 14px;
}
@media (max-width: 991px) {
  .main-footer-sub-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main-footer-sub-links a,
.main-footer-sub-links span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #333333;
  padding: 0 50px;
}
@media (max-width: 991px) {
  .main-footer-sub-links a,
  .main-footer-sub-links span {
    padding: 0 0 16px;
    font-weight: 600;
  }
}
@media (max-width: 991px) {
  .main-footer-sub-links a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21497 4.97339L0.909413 2.21876L1.94722 0.973388L6 4.3507L6 5.59608L1.94722 8.97339L0.909413 7.72802L4.21497 4.97339Z' fill='%23111111'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 6px;
    -webkit-transform: translate(0, 6px);
         -o-transform: translate(0, 6px);
            transform: translate(0, 6px);
  }
}
.main-footer-sub-links span {
  font-weight: 400;
}

/**
 * Single: Books
 * 
 */
/*
body.admin-bar {
  .single--books {
    &-main {
      &-sidebar {
        > div {
          position: sticky;
          top: 150px;
        }
      }
    }
  }
}
*/
.single--books .m2--hero-l2 {
  padding-top: 100px;
}
.single--books-hero {
  padding-top: 85px;
}
.single--books-hero > .container {
  position: relative;
  z-index: 1;
}
.single--books-hero-eyebrow {
  padding-bottom: 9px;
}
.single--books-hero-eyebrow * {
  font-family: "Balto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  text-transform: uppercase;
  color: #111111;
  padding: 0;
}
@media (max-width: 991px) {
  .single--books-hero-eyebrow * {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.single--books-hero-eyebrow a {
  color: #3F0FFF;
}
@media (max-width: 768px) {
  .single--books-hero h1 {
    font-size: 3.8rem !important;
    line-height: 4.2rem !important;
  }
}
.single--books-hero-main {
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: -50px center;
  background-repeat: no-repeat;
  background-color: #F3F6F8;
  height: 600px;
}
@media (max-width: 991px) {
  .single--books-hero-main {
    background-image: none !important;
    background: none !important;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    height: auto !important;
  }
}
.single--books-hero-main > .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single--books-hero-main-content {
  -webkit-transform: translate(50px, -35px);
       -o-transform: translate(50px, -35px);
          transform: translate(50px, -35px);
  width: 525px;
  padding: 68px 75px;
}
@media (min-width: 1401px) {
  .single--books-hero-main-content {
    -webkit-transform: translate(0px, -35px);
         -o-transform: translate(0px, -35px);
            transform: translate(0px, -35px);
  }
}
@media (max-width: 1400px) {
  .single--books-hero-main-content {
    -webkit-transform: translate(75px, -35px);
         -o-transform: translate(75px, -35px);
            transform: translate(75px, -35px);
  }
}
@media (max-width: 1300px) {
  .single--books-hero-main-content {
    -webkit-transform: translate(140px, -35px);
         -o-transform: translate(140px, -35px);
            transform: translate(140px, -35px);
  }
}
@media (max-width: 1200px) {
  .single--books-hero-main-content {
    -webkit-transform: translate(50px, -35px);
         -o-transform: translate(50px, -35px);
            transform: translate(50px, -35px);
  }
}
@media (max-width: 1100px) {
  .single--books-hero-main-content {
    -webkit-transform: translate(100px, -35px);
         -o-transform: translate(100px, -35px);
            transform: translate(100px, -35px);
  }
}
@media (max-width: 991px) {
  .single--books-hero-main-content {
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
    width: 100%;
    padding: 0 20px 20px;
  }
}
.single--books-hero-main-content * {
  font-family: "Balto";
  font-style: normal;
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 3rem;
}
@media (max-width: 991px) {
  .single--books-hero-main-content * {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.single--books-hero-main-content-cta .cta-links-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 991px) {
  .single--books-hero-main-content-cta .cta-links-wrapper a.button {
    margin-bottom: 20px;
  }
}
.single--books .m4--manifesto-body {
  padding: 150px 0 75px;
}
@media (max-width: 991px) {
  .single--books .m4--manifesto-body {
    padding: 75px 15px 45px;
  }
}
.single--books-main {
  padding: 85px 0;
}
.single--books-main-sidebar {
  padding-left: 30px;
}
@media (min-width: 1200px) {
  .single--books-main-sidebar {
    padding-left: calc((100vw - 1228px) / 2);
  }
}
.single--books-main-sidebar > div {
  position: sticky;
  top: 115px;
}
@media (max-width: 991px) {
  .single--books-main-sidebar {
    display: none;
  }
}
.single--books-main-sidebar h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #111111;
}
.single--books-main-sidebar-chapters {
  border-left: 0.75px solid #111111;
  padding: 0 0 0 16px;
  margin-bottom: 24px;
}
.single--books-main-sidebar-chapters-item {
  padding: 0 0 18px;
}
.single--books-main-sidebar-chapters-item a {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #BABCBE;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
.single--books-main-sidebar-chapters-item a.chapter-default-visible {
  color: #111111;
}
.single--books-main-sidebar-chapters-cta {
  padding-top: 100px;
}
@media (min-width: 991px) {
  .single--books-main-body .m37--wysiwyg,
  .single--books-main-body .m41--donuts,
  .single--books-main-body .m44--books-wysiwyg-intro,
  .single--books-main-body .m45--two-col-text,
  .single--books-main-body .m18--stats,
  .single--books-main-body .m47--bar {
    padding-right: calc((100vw - 1228px) / 2);
  }
}
@media (max-width: 991px) {
  .single--books-main-body .m37--wysiwyg img {
    margin-bottom: 50px;
  }
}
.single--books-main-body .m12--cta {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .single--books-main-body .m12--cta h2 {
    font-size: 3.5rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 991px) {
  .single--books-main-body {
    padding: 0;
  }
}
.single--books-main-body section ol {
  padding: 0 0 0 2rem;
}
.single--books-main-body section ol li::marker {
  font-weight: bold;
  color: #B312FF;
}
.single--books-main-body section ul li,
.single--books-main-body section ol li {
  padding: 0 0 15px;
}
.single--books-main-body section section:not(.single--books-main-body-quote) {
  padding-right: 0;
}
@media (min-width: 991px) {
  .single--books-main-body section section:not(.single--books-main-body-quote) {
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .single--books-main-body section section:not(.single--books-main-body-quote) {
    padding-right: calc((100vw - 1228px) / 2);
  }
}
.single--books-main-body-image {
  margin: 75px 0;
}
.single--books-main-body .m12--cta {
  padding: 70px 0;
  margin: 75px 0;
}
.single--books-main-body .m21--quote {
  margin: 75px 0;
}
.single--books-main-body .m21--quote .single--books-main-body-quote-wrapper {
  padding-right: calc((100vw - 1228px) / 2);
}
.single--books-main-body-cta .m12--cta-cta {
  margin-top: 3rem !important;
}
.single--books-main-v2 {
  padding: 85px 0;
}
@media (max-width: 991px) {
  .single--books-main-v2 {
    padding: 85px 15px;
  }
}
.single--books-main-v2 .m18--stats-intro {
  padding-bottom: 60px;
}
.single--books-main-v2 .m18--stats-main-item-stat {
  font-style: normal;
  font-weight: 700;
  font-size: 6.8rem !important;
  line-height: 6.2rem !important;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
.single--books-main-v2 .m18--stats-main-item .text-large {
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}
.single--books-main-v2 .m21--quote-details-image img {
  height: 80px;
  width: auto;
  margin-right: 24px;
}

/**
 * Single: Blog
 * 
 */
.single--blog .m3--hero-l3 {
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .single--blog .m3--hero-l3 {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .single--blog .m3--hero-l3-vimagebg-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.single--blog .m3--hero-l3-vimage-content-body-author span, .single--blog .m3--hero-l3-vimagebg-content-body-author span {
  font-size: 2rem;
}
.single--blog .m3--hero-l3-vimage-content-body-author svg, .single--blog .m3--hero-l3-vimagebg-content-body-author svg {
  margin-right: 15px;
}
.single--blog .m3--hero-l3-vimage-bg {
  max-height: none;
}
.single--blog .m3--hero-l3-vimagebg {
  max-height: none;
}
.single--blog .m3--hero-l3-vimagebg-image > div {
  display: block;
  width: 100%;
}
.single--blog .m3--hero-l3-vimagebg-image img {
  width: 100%;
  height: 100%;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .single--blog .m3--hero-l3-vimagebg-image {
    -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.single--blog-main {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .single--blog-main {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.single--blog-main ol {
  padding: 0 0 0 2rem;
}
.single--blog-main ol li::marker {
  font-weight: bold;
  color: #B312FF;
}
.single--blog-main ul li,
.single--blog-main ol li {
  padding: 0 0 15px;
}
.single--blog-main figure {
  max-width: 100%;
}
.single--blog-main blockquote {
  position: relative;
  display: block;
  padding: 75px 75px 75px 0;
  margin: 50px 0;
  border-top: 3px solid #111111;
}
@media (max-width: 991px) {
  .single--blog-main blockquote {
    padding: 50px 50px calc(50px - 2rem) 0;
  }
}
.single--blog-main blockquote:before {
  content: "“";
  font-family: Balto;
  font-size: 84px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -1.5px;
  text-align: left;
  color: #111111;
}
.single--blog-main blockquote:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 65%;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  background-color: #FFFF05;
}
.single--blog-main blockquote,
.single--blog-main blockquote p {
  font-style: normal;
  font-weight: 400;
  font-size: 3.8rem;
  line-height: 49px;
  color: #111111;
}
@media (max-width: 991px) {
  .single--blog-main blockquote,
  .single--blog-main blockquote p {
    font-size: 2.6rem;
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .single--blog-main iframe {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .single--blog-main .blog-social-share {
    display: none;
  }
}
.single--blog-main .blog-social-share .social-share {
  position: sticky;
  top: 80px;
}
.single--blog-cta .m12--cta-cta {
  margin-top: 3rem !important;
}
.single--blog .m15--related-main-item-body-title {
  padding: 0 21px 18px 0;
}
.single--blog .legacy-blog-hero {
  height: 400px;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 768px) {
  .single--blog .legacy-blog-hero {
    height: auto;
  }
}
.single--blog .legacy-blog-hero img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
}
.single--blog .midblog-cta {
  padding: 25px 0;
}

/**
 * Single: Newsletter
 * 
 */
.single--newsletter .m3--hero-l3-vnoimage-content-body-author span:first-child:after {
  display: none;
}
.single--newsletter-main {
  padding: 85px 0;
}
@media (max-width: 991px) {
  .single--newsletter-main-sidebar {
    display: none;
  }
}
.single--newsletter-main-sidebar > div {
  position: sticky;
  top: 80px;
}
.single--newsletter-main-sidebar-wrapper {
  border-left: 0.75px solid #111111;
  padding: 0 16px;
  margin-bottom: 24px;
}
.single--newsletter-main-sidebar-title {
  font-size: 3rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: -0.54px;
  color: #111111;
  text-transform: uppercase;
  padding: 0 0 18px;
}
.single--newsletter-main-sidebar p {
  padding: 0 0 18px;
}
.single--newsletter-main-body ol {
  padding: 0 0 0 2rem;
}
.single--newsletter-main-body ol li::marker {
  font-weight: bold;
  color: #B312FF;
}
.single--newsletter-main-body ul li,
.single--newsletter-main-body ol li {
  padding: 0 0 15px;
}
.single--newsletter-cta .m12--cta-cta {
  margin-top: 3rem !important;
}

/**
 * Single: Webinar - Single
 * 
 */
.single--webinars .m3--hero-l3-vimage-bg {
  height: calc(100% + 100px);
  top: -100px;
}
.single--webinars .m3--hero-l3-vimage img {
  margin: 0 0 34px;
}
@media (max-width: 991px) {
  .single--webinars .m3--hero-l3-vimage img {
    margin: 0;
  }
}
.single--webinars .m3--hero-l3-vimage-content {
  z-index: 1;
}
.single--webinars .m3--hero-l3-vimage-content-body-author span:first-child:after {
  display: none;
}
.single--webinars .m3--hero-l3-vimage-content-pretitle {
  position: relative;
  z-index: 1;
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 24px;
  color: #111111;
  text-transform: uppercase;
  padding: 0 0 10px 3px;
}
.single--webinars-body {
  padding: 85px 0;
}
@media (max-width: 991px) {
  .single--webinars-body-sidebar {
    display: none;
  }
}
.single--webinars-body-sidebar > div {
  position: sticky;
  top: 80px;
}
.single--webinars-body-main-content-list ul {
  list-style: none;
  padding: 0;
}
.single--webinars-body-main-content-list ul li {
  font-weight: bold;
}
.single--webinars-cta .m12--cta-cta {
  margin-top: 3rem !important;
}

/**
 * Single: Training
 * 
 */
.single--training .m2--hero-l2 {
  padding-top: 200px;
}
@media (max-width: 991px) {
  .single--training .m2--hero-l2 {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  .single--training .m2--hero-l2-main-image-body:before {
    left: 25px;
    z-index: 0;
  }
}
@media (max-width: 991px) {
  .single--training .m2--hero-l2-main-image-body img {
    z-index: 1;
  }
}
.single--training-main {
  padding: 85px 0;
}
.single--training-main-sidebar {
  padding-left: 30px;
}
@media (min-width: 1200px) {
  .single--training-main-sidebar {
    padding-left: calc((100vw - 1228px) / 2);
  }
}
.single--training-main-sidebar > div {
  position: sticky;
  top: 80px;
}
@media (max-width: 991px) {
  .single--training-main-sidebar {
    display: none;
  }
}
.single--training-main-sidebar h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #111111;
}
.single--training-main-sidebar-chapters {
  border-left: 0.75px solid #111111;
  padding: 0 0 0 16px;
  margin-bottom: 24px;
}
.single--training-main-sidebar-chapters-item {
  padding: 0 0 18px;
}
.single--training-main-sidebar-chapters-item a {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #BABCBE;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
.single--training-main-sidebar-chapters-item a.chapter-default-visible {
  color: #111111;
}
@media (max-width: 991px) {
  .single--training-main-body {
    padding: 0 30px;
  }
}
.single--training-main-body section ul {
  padding: 0 0 2rem 2rem;
}
.single--training-main-body section ul ul {
  padding: 1rem 0 0 2rem;
}
.single--training-main-body section ol {
  padding: 0 0 2rem 2rem;
}
.single--training-main-body section ol li::marker {
  font-weight: bold;
  color: #B312FF;
}
.single--training-main-body section ul li:not(:last-child),
.single--training-main-body section ol li:not(:last-child) {
  padding: 0 0 15px;
}
.single--training-main-body section section {
  padding-right: 0;
}
@media (min-width: 991px) {
  .single--training-main-body section section {
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .single--training-main-body section section {
    padding-right: calc((100vw - 1228px) / 2);
  }
}
.single--training-main-body-title {
  padding: 30px 0 15px;
}
.single--training-main-body-text,
.single--training-main-body-text p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 24px;
}
@media (max-width: 991px) {
  .single--training-main-body-text,
  .single--training-main-body-text p {
    font-size: 1.6rem;
    line-height: 22px;
  }
}
.single--training-main-body-image, .single--training-main-body-video {
  margin: 75px 0;
}
.single--training-main-body .m12--cta {
  padding: 70px 0;
  margin: 75px 0;
}
.single--training-main-body-cta .m12--cta-cta {
  margin-top: 3rem !important;
}

/**
 * Navigation Insider
 * 
 */
/*
body.admin-bar {
  .insider-navigation {
    &.insider-nav-scrolled {
      position: fixed;
      top: 0;

      @media (min-width: 991px) {
        top: 32px !important;
      }
    }
  }
}
*/
body .insider-navigation.insider-nav-scrolled {
  position: fixed;
  top: 0 !important;
}
@media (min-width: 991px) {
  body.with-insider-nav .nav-primary-wrapper {
    border-bottom: 6px solid #111111;
  }
}
body.with-insider-nav .nav-primary-wrapper nav.nav-primary {
  background-color: transparent;
}

.insider-navigation {
  position: absolute;
  background-color: #FFFFFF;
  z-index: 99;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1.75px solid #111111;
  /**
   * Mobile open link
   * 
   */
}
.insider-navigation.active {
  z-index: 100000;
}
.insider-navigation .brand {
  display: block;
  -webkit-transform: translate(0, 4px);
       -o-transform: translate(0, 4px);
          transform: translate(0, 4px);
  margin-right: 128px;
}
@media (max-width: 991px) {
  .insider-navigation .brand {
    margin-right: auto;
  }
}
.insider-navigation .brand svg {
  width: 148px;
  height: auto;
}
.insider-navigation .mobile-open {
  position: relative;
  margin-left: auto;
  margin-right: 14px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #111111;
  cursor: pointer;
}
.insider-navigation .mobile-open:after {
  position: absolute;
  right: -10px;
  bottom: calc(50% - 3px);
  width: 10px;
  height: 6px;
  background-size: cover;
  content: "";
  background-image: url(../images/icons/dropdown.svg);
}
@media (min-width: 992px) {
  .insider-navigation .mobile-open {
    display: none;
  }
}
.insider-navigation .insider-navigation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1228px !important;
}
.insider-navigation .nav-items {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .insider-navigation .nav-items {
    position: fixed;
    right: 0;
    top: 0;
    width: 90vw;
    height: 100vh;
    background-color: #FFFFFF;
    padding: 0 18px 25px;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    -o-transition: -o-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out, -o-transform 250ms ease-in-out;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
.insider-navigation .nav-items.nav-items-open {
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 991px) {
  .insider-navigation .nav-items.nav-items-open {
    border-left: 0.75px solid #111111;
  }
}
.insider-navigation .nav-items.nav-items-open li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insider-navigation .nav-items.nav-items-open li:after {
  display: none;
}
.insider-navigation .nav-items li {
  position: relative;
  -webkit-transition: padding 250ms ease-in;
  -o-transition: padding 250ms ease-in;
  transition: padding 250ms ease-in;
  padding: 0 20px 0 0;
  display: inline-block;
}
@media (min-width: 991px) {
  .insider-navigation .nav-items li:not(.no-slash):not(:last-child):after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='20' viewBox='0 0 4 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.113 19.95 3.16.113' stroke='%23BABCBE' stroke-width='.75'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 5px;
    height: 20px;
    -webkit-transform: translate(0, 5px);
         -o-transform: translate(0, 5px);
            transform: translate(0, 5px);
    margin-left: 20px;
  }
}
.insider-navigation .nav-items li:hover > a:not(.button) {
  color: #3F0FFF;
  font-style: italic;
}
.insider-navigation .nav-items li a:not(.button) {
  color: #111111;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
@media (max-width: 991px) {
  .insider-navigation .nav-items li a:not(.button) {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .insider-navigation .nav-items li {
    padding-top: 23px;
    padding-bottom: 9px;
  }
}
.insider-navigation .nav-items li.mobile-header {
  border-bottom: 1px solid #111111;
}
.insider-navigation .nav-items li.mobile-footer {
  border-top: 1px solid #111111;
  margin-top: 23px;
}
.insider-navigation .nav-items li.mobile-footer > div {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.insider-navigation .nav-items li.mobile-footer > div a.button {
  margin-right: 35px;
}
.insider-navigation .nav-items li.mobile-header, .insider-navigation .nav-items li.mobile-footer {
  padding-left: 18px;
  margin-left: -18px;
  padding-bottom: 20px;
  width: calc(100% + 36px);
}
.insider-navigation .nav-items li.mobile-header:after, .insider-navigation .nav-items li.mobile-footer:after {
  display: none;
}
.insider-navigation .nav-items li.mobile-header > div, .insider-navigation .nav-items li.mobile-footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.insider-navigation .nav-items li.mobile-header > div svg,
.insider-navigation .nav-items li.mobile-header > div img, .insider-navigation .nav-items li.mobile-footer > div svg,
.insider-navigation .nav-items li.mobile-footer > div img {
  display: block;
  width: 120px;
  height: auto;
}
.insider-navigation .nav-items li.mobile-header > div .close, .insider-navigation .nav-items li.mobile-footer > div .close {
  color: #111111;
  font-weight: 100;
  margin-left: auto;
  cursor: pointer;
  font-size: 15px;
  -webkit-transform: translate(0, -2px);
       -o-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
@media (min-width: 992px) {
  .insider-navigation .nav-items li.mobile-header, .insider-navigation .nav-items li.mobile-footer {
    display: none !important;
  }
}

.nav-insider-padding-top {
  padding-top: 50px;
}
@media (max-width: 991px) {
  .nav-insider-padding-top {
    padding-top: 100px;
  }
}

.video-slider-pager {
  font-size: 20px;
  letter-spacing: -0.33px;
  font-weight: bold;
}

.video-slider-arrow {
  height: 22px;
  width: 27px;
  display: inline-block;
  background: url(../images/icons/arrow.svg);
  background-size: cover;
  cursor: pointer;
}

.video-slider-arrow__previous {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 1rem;
}

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

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

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

svg {
  max-width: 100%;
  height: auto;
}

video {
  display: block;
  max-width: 100%;
}

.box-margin {
  margin: 2rem;
}

.box-margin_sm {
  margin: 1rem;
}

.box-margin_xs {
  margin: 0.75rem;
}

.box-margin_xxs {
  margin: 0.5rem;
}

.box-padding {
  padding: 2rem;
}

.box-padding__xl {
  padding: 6rem;
}
@media (max-width: 768px) {
  .box-padding__xl {
    padding: 4rem;
  }
}

.box-padding__lg {
  padding: 2rem;
}
@media (min-width: 768px) {
  .box-padding__lg {
    padding: 4rem;
  }
}

.box-padding__md {
  padding: 2rem;
}
@media (max-width: 768px) {
  .box-padding__md {
    padding: 1rem;
  }
}

.box-padding__sm {
  padding: 1rem;
}
@media (max-width: 768px) {
  .box-padding__sm {
    padding: 0.75rem;
  }
}

.box-padding__xs {
  padding: 0.75rem;
}
@media (max-width: 768px) {
  .box-padding__xs {
    padding: 0.5rem;
  }
}

.box-padding-right_xxs {
  padding-right: 0.5rem;
}

@media (max-width: 768px) {
  .box-margin__mobile {
    margin: 0.5rem;
  }
}
.display-block {
  display: block;
}

.display-flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.display-flex-row, .display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.margin-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.margin-right__zero {
  margin-right: 0px !important;
}

.margin-left__zero {
  margin-left: 0 !important;
}

.margin-right__xxs {
  margin-right: 0.5rem !important;
}

.margin-left__xxs {
  margin-left: 0.5rem !important;
}

.margin-top__zero {
  margin-top: 0 !important;
}

.margin-bottom__zero {
  margin-bottom: 0 !important;
}

.margin-left__xs {
  margin-left: 1rem;
}

picture.margin-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom {
  margin-bottom: 4.5rem !important;
}
@media (min-width: 768px) {
  .margin-bottom {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 768px) {
  .margin-bottom__mobile {
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .margin-bottom__tablet {
    margin-bottom: 3rem;
  }
}
.margin-bottom__lg {
  margin-bottom: 6.75rem !important;
}
@media (min-width: 768px) {
  .margin-bottom__lg {
    margin-bottom: 9rem !important;
  }
}

.margin-bottom__sm {
  margin-bottom: 2.5rem !important;
}
@media (min-width: 768px) {
  .margin-bottom__sm {
    margin-bottom: 3rem !important;
  }
}

.margin-bottom__xs {
  margin-bottom: 0.75rem !important;
}
@media (min-width: 768px) {
  .margin-bottom__xs {
    margin-bottom: 1rem !important;
  }
}

.margin-bottom__xxxs {
  margin-bottom: 0.25rem !important;
}
@media (min-width: 768px) {
  .margin-bottom__xxxs {
    margin-bottom: 0.5rem !important;
  }
}

.margin-top__auto {
  margin-top: auto !important;
}

.margin-top {
  margin-top: 4.5rem !important;
}
@media (min-width: 768px) {
  .margin-top {
    margin-top: 6rem !important;
  }
}

.margin-top__lg {
  margin-top: 6.75rem !important;
}
@media (min-width: 768px) {
  .margin-top__lg {
    margin-top: 9rem !important;
  }
}

.margin-top__sm {
  margin-top: 2.5rem !important;
}
@media (min-width: 768px) {
  .margin-top__sm {
    margin-top: 3rem !important;
  }
}

.margin-top__xs {
  margin-top: 0.75rem !important;
}
@media (min-width: 768px) {
  .margin-top__xs {
    margin-top: 1rem !important;
  }
}

@media (max-width: 768px) {
  .margin-top__mobile {
    margin-top: 3rem;
  }
}
@media (max-width: 1040px) {
  .margin-top__tablet {
    margin-top: 3rem;
  }
}
.nav-padding-top {
  padding-top: 5.625rem;
}
@media (min-width: 768px) {
  .nav-padding-top {
    padding-top: 8.625rem;
  }
}

.logged-in .nav-padding-top {
  padding-top: calc(32px + 5.625rem);
}
@media (min-width: 768px) {
  .logged-in .nav-padding-top {
    padding-top: calc(8.625rem + 32px);
  }
}

.section-padding__sm {
  padding-top: 4.21875rem;
  padding-bottom: 4.21875rem;
}
@media (min-width: 768px) {
  .section-padding__sm {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }
}

.section-padding__mini {
  padding-top: 2.109375rem;
  padding-bottom: 2.109375rem;
}
@media (min-width: 768px) {
  .section-padding__mini {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
}

.section-padding__xs {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section-padding__xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.padding-top__xs {
  padding-top: 0.75rem;
}
@media (min-width: 768px) {
  .padding-top__xs {
    padding-top: 1rem;
  }
}

.padding-top__2 {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .padding-top__2 {
    padding-top: 2rem;
  }
}

.padding-top__mini {
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .padding-top__mini {
    padding-top: 3rem;
  }
}

.padding-top__sm {
  padding-top: 4.21875rem;
}
@media (min-width: 768px) {
  .padding-top__sm {
    padding-top: 5.625rem;
  }
}

.padding-bottom__sm {
  padding-bottom: 4.21875rem;
}
@media (min-width: 768px) {
  .padding-bottom__sm {
    padding-bottom: 5.625rem;
  }
}

.padding-top__xs {
  padding-top: 0.75rem;
}
@media (min-width: 768px) {
  .padding-top__xs {
    padding-top: 1rem;
  }
}

.padding-bottom__mini {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .padding-bottom__mini {
    padding-bottom: 3rem;
  }
}

.padding-bottom__xs {
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .padding-bottom__xs {
    padding-bottom: 1rem;
  }
}

.section-padding {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
@media (min-width: 768px) {
  .section-padding {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}

.padding-top {
  padding-top: 5.25rem;
}
@media (min-width: 768px) {
  .padding-top {
    padding-top: 7rem;
  }
}

.padding-bottom {
  padding-bottom: 5.25rem;
}
@media (min-width: 768px) {
  .padding-bottom {
    padding-bottom: 7rem;
  }
}

.border-radius-50 {
  border-radius: 50%;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-bottom__black {
  border-bottom: 1px solid #111;
}

.border-bottom__gray {
  border-bottom: 1px solid #c3c3c3;
}

.small-lime-divider {
  width: 20px;
  height: 2px;
  background-color: #00DA71;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pre-title-image {
  max-height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.inline-list__mobile {
  padding-left: 0;
}

.inline-list__mobile li {
  display: inline-block;
  margin-right: 12px;
}

@media (min-width: 768px) {
  .inline-list {
    padding-left: 0;
    list-style: none;
  }
  .inline-list li {
    display: inline-block;
    margin-right: 1rem;
  }
}
.list-style-reset {
  list-style: none;
  padding-left: 0;
}
.list-style-reset li {
  font-family: balto, sans-serif;
  line-height: 1;
  font-size: 1rem;
}

.position-relative {
  position: relative;
}

.width-100 {
  width: 100%;
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1040px) {
  .hidden-tablet {
    display: none;
  }
}
@media (min-width: 768px) {
  .float-left__desktop {
    float: left;
    margin-right: 32px;
  }
  .float-right__desktop {
    float: right;
    margin-left: 32px;
  }
}
.hidden {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.col-width-20 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-width-20 {
    width: 20%;
  }
}
@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}
.min-height-100 {
  min-height: 100%;
}

.embedded-clp {
  position: relative;
  height: 100%;
  min-height: 800px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.embedded-clp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.embed-container embed, .embed-container iframe, .embed-container object, .embed-container-single iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.line-height-1 {
  line-height: 1;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.logo {
  display: block;
  margin: 0 auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .logo {
    max-width: 200px;
  }
}

.top-image-card {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  padding: 1rem;
  -webkit-transition: background-color ease-in-out 250ms;
  -o-transition: background-color ease-in-out 250ms;
  transition: background-color ease-in-out 250ms;
  background-color: #333333;
  color: white;
  text-decoration: none;
}
.top-image-card img {
  -o-object-fit: contain;
     object-fit: contain;
}
.top-image-card .btn {
  margin-left: 0;
}

.with-dropshadow {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.blur-out {
  opacity: 0.8;
  -webkit-filter: blur(12px);
          filter: blur(12px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.blur-out-reveal {
  -webkit-filter: none;
          filter: none;
}

.location {
  margin-left: 1.5em;
  position: relative;
}
.location:before {
  content: "";
  height: 1em;
  width: 0.6em;
  display: block;
  position: absolute;
  left: -1.5em;
  background: url(../images/icons/location.svg);
  background-size: cover;
}

.link {
  margin-left: 1.5em;
  position: relative;
}
.link:before {
  content: "";
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  left: -1.5em;
  background: url(../images/icons/link.svg);
  background-size: cover;
}

a.link {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  text-transform: uppercase;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
  color: #3F0FFF;
}
a.link:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%233F0FFF' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
  width: 8px;
  height: 13px;
  background-size: 100%;
  margin-left: 9px;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
a.link:hover {
  color: #2CFFFF;
  font-style: normal;
}
a.link:hover:after {
  margin-left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L7 6.5L1 1.5' stroke='%232CFFFF' stroke-width='2.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}

.border-right__white {
  border-right: 2px solid white;
}

.border-right__black {
  border-right: 2px solid #111111;
}

.border-bottom__blue {
  border-bottom: 2px solid #2CFFFF;
}

.border-top__blue {
  border-top: 2px solid #2CFFFF;
}

.with-line-break {
  border-bottom: 2px solid #2CFFFF;
}

.bg-blue .with-line-break {
  border-bottom: 2px solid #111111;
}

.icon-image {
  width: 100px;
  height: 100px;
}

.logo-height__sm {
  max-height: 40px;
  width: auto;
}

/**
 * Component: M1 Hero L1
 * 
 */
.m1--hero-l1 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m1--hero-l1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m1--hero-l1-title {
  position: relative;
  margin-bottom: -15px;
  z-index: 1;
}
@media (min-width: 991px) {
  .m1--hero-l1-title {
    margin-bottom: -25px;
  }
}
@media (max-width: 991px) {
  .m1--hero-l1-title .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m1--hero-l1-title-top {
  position: relative;
  z-index: 1;
}
.m1--hero-l1-title-top .spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  height: 0.9em;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.m1--hero-l1-title-top .spinner .spinner-item {
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  white-space: nowrap;
}
.m1--hero-l1-title-top .spinner[data-spin-to="1"] .spinner-item {
  -webkit-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="2"] .spinner-item {
  -webkit-transform: translateY(-200%);
       -o-transform: translateY(-200%);
          transform: translateY(-200%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="3"] .spinner-item {
  -webkit-transform: translateY(-300%);
       -o-transform: translateY(-300%);
          transform: translateY(-300%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="4"] .spinner-item {
  -webkit-transform: translateY(-400%);
       -o-transform: translateY(-400%);
          transform: translateY(-400%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="5"] .spinner-item {
  -webkit-transform: translateY(-500%);
       -o-transform: translateY(-500%);
          transform: translateY(-500%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="6"] .spinner-item {
  -webkit-transform: translateY(-600%);
       -o-transform: translateY(-600%);
          transform: translateY(-600%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="7"] .spinner-item {
  -webkit-transform: translateY(-700%);
       -o-transform: translateY(-700%);
          transform: translateY(-700%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="8"] .spinner-item {
  -webkit-transform: translateY(-800%);
       -o-transform: translateY(-800%);
          transform: translateY(-800%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="9"] .spinner-item {
  -webkit-transform: translateY(-900%);
       -o-transform: translateY(-900%);
          transform: translateY(-900%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="10"] .spinner-item {
  -webkit-transform: translateY(-1000%);
       -o-transform: translateY(-1000%);
          transform: translateY(-1000%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="11"] .spinner-item {
  -webkit-transform: translateY(-1100%);
       -o-transform: translateY(-1100%);
          transform: translateY(-1100%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="12"] .spinner-item {
  -webkit-transform: translateY(-1200%);
       -o-transform: translateY(-1200%);
          transform: translateY(-1200%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="13"] .spinner-item {
  -webkit-transform: translateY(-1300%);
       -o-transform: translateY(-1300%);
          transform: translateY(-1300%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="14"] .spinner-item {
  -webkit-transform: translateY(-1400%);
       -o-transform: translateY(-1400%);
          transform: translateY(-1400%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="15"] .spinner-item {
  -webkit-transform: translateY(-1500%);
       -o-transform: translateY(-1500%);
          transform: translateY(-1500%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="16"] .spinner-item {
  -webkit-transform: translateY(-1600%);
       -o-transform: translateY(-1600%);
          transform: translateY(-1600%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="17"] .spinner-item {
  -webkit-transform: translateY(-1700%);
       -o-transform: translateY(-1700%);
          transform: translateY(-1700%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="18"] .spinner-item {
  -webkit-transform: translateY(-1800%);
       -o-transform: translateY(-1800%);
          transform: translateY(-1800%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="19"] .spinner-item {
  -webkit-transform: translateY(-1900%);
       -o-transform: translateY(-1900%);
          transform: translateY(-1900%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="20"] .spinner-item {
  -webkit-transform: translateY(-2000%);
       -o-transform: translateY(-2000%);
          transform: translateY(-2000%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="21"] .spinner-item {
  -webkit-transform: translateY(-2100%);
       -o-transform: translateY(-2100%);
          transform: translateY(-2100%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="22"] .spinner-item {
  -webkit-transform: translateY(-2200%);
       -o-transform: translateY(-2200%);
          transform: translateY(-2200%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="23"] .spinner-item {
  -webkit-transform: translateY(-2300%);
       -o-transform: translateY(-2300%);
          transform: translateY(-2300%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="24"] .spinner-item {
  -webkit-transform: translateY(-2400%);
       -o-transform: translateY(-2400%);
          transform: translateY(-2400%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="25"] .spinner-item {
  -webkit-transform: translateY(-2500%);
       -o-transform: translateY(-2500%);
          transform: translateY(-2500%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="26"] .spinner-item {
  -webkit-transform: translateY(-2600%);
       -o-transform: translateY(-2600%);
          transform: translateY(-2600%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="27"] .spinner-item {
  -webkit-transform: translateY(-2700%);
       -o-transform: translateY(-2700%);
          transform: translateY(-2700%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="28"] .spinner-item {
  -webkit-transform: translateY(-2800%);
       -o-transform: translateY(-2800%);
          transform: translateY(-2800%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="29"] .spinner-item {
  -webkit-transform: translateY(-2900%);
       -o-transform: translateY(-2900%);
          transform: translateY(-2900%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="30"] .spinner-item {
  -webkit-transform: translateY(-3000%);
       -o-transform: translateY(-3000%);
          transform: translateY(-3000%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="31"] .spinner-item {
  -webkit-transform: translateY(-3100%);
       -o-transform: translateY(-3100%);
          transform: translateY(-3100%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="32"] .spinner-item {
  -webkit-transform: translateY(-3200%);
       -o-transform: translateY(-3200%);
          transform: translateY(-3200%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="33"] .spinner-item {
  -webkit-transform: translateY(-3300%);
       -o-transform: translateY(-3300%);
          transform: translateY(-3300%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="34"] .spinner-item {
  -webkit-transform: translateY(-3400%);
       -o-transform: translateY(-3400%);
          transform: translateY(-3400%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="35"] .spinner-item {
  -webkit-transform: translateY(-3500%);
       -o-transform: translateY(-3500%);
          transform: translateY(-3500%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="36"] .spinner-item {
  -webkit-transform: translateY(-3600%);
       -o-transform: translateY(-3600%);
          transform: translateY(-3600%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="37"] .spinner-item {
  -webkit-transform: translateY(-3700%);
       -o-transform: translateY(-3700%);
          transform: translateY(-3700%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="38"] .spinner-item {
  -webkit-transform: translateY(-3800%);
       -o-transform: translateY(-3800%);
          transform: translateY(-3800%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="39"] .spinner-item {
  -webkit-transform: translateY(-3900%);
       -o-transform: translateY(-3900%);
          transform: translateY(-3900%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="40"] .spinner-item {
  -webkit-transform: translateY(-4000%);
       -o-transform: translateY(-4000%);
          transform: translateY(-4000%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="41"] .spinner-item {
  -webkit-transform: translateY(-4100%);
       -o-transform: translateY(-4100%);
          transform: translateY(-4100%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="42"] .spinner-item {
  -webkit-transform: translateY(-4200%);
       -o-transform: translateY(-4200%);
          transform: translateY(-4200%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="43"] .spinner-item {
  -webkit-transform: translateY(-4300%);
       -o-transform: translateY(-4300%);
          transform: translateY(-4300%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="44"] .spinner-item {
  -webkit-transform: translateY(-4400%);
       -o-transform: translateY(-4400%);
          transform: translateY(-4400%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="45"] .spinner-item {
  -webkit-transform: translateY(-4500%);
       -o-transform: translateY(-4500%);
          transform: translateY(-4500%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="46"] .spinner-item {
  -webkit-transform: translateY(-4600%);
       -o-transform: translateY(-4600%);
          transform: translateY(-4600%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="47"] .spinner-item {
  -webkit-transform: translateY(-4700%);
       -o-transform: translateY(-4700%);
          transform: translateY(-4700%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="48"] .spinner-item {
  -webkit-transform: translateY(-4800%);
       -o-transform: translateY(-4800%);
          transform: translateY(-4800%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="49"] .spinner-item {
  -webkit-transform: translateY(-4900%);
       -o-transform: translateY(-4900%);
          transform: translateY(-4900%);
}
.m1--hero-l1-title-top .spinner[data-spin-to="50"] .spinner-item {
  -webkit-transform: translateY(-5000%);
       -o-transform: translateY(-5000%);
          transform: translateY(-5000%);
}
.m1--hero-l1-title h1 {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .m1--hero-l1-title h1 {
    font-size: 4.2rem !important;
    line-height: 38px !important;
    letter-spacing: -0.79px !important;
  }
}
@media (max-width: 768px) {
  .m1--hero-l1-title h1 {
    font-size: 3.2rem !important;
    line-height: 32px !important;
  }
}
@media (max-width: 400px) {
  .m1--hero-l1-title h1 {
    font-size: 2.75rem !important;
    line-height: 28px !important;
  }
}
.m1--hero-l1-main {
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .m1--hero-l1-main {
    background-image: none !important;
  }
}
.m1--hero-l1-main > .container > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: 75px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m1--hero-l1-main > .container > .row {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 991px) {
  .m1--hero-l1-main-content {
    padding-right: 0;
    margin-top: 25px;
  }
}
.m1--hero-l1-main-content > div {
  padding: 33px 15px 25px;
}
@media (min-width: 991px) {
  .m1--hero-l1-main-content > div {
    padding: 45px 100px 45px 38px;
  }
}
.m1--hero-l1-main-content > div p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m1--hero-l1-main-content > div > div {
  padding-bottom: 20px;
}
.m1--hero-l1-main-image {
  position: relative;
  margin-left: -8.333334%;
}
@media (max-width: 991px) {
  .m1--hero-l1-main-image {
    margin-left: 0;
  }
}
@media (min-width: 991px) {
  .m1--hero-l1-main-image {
    padding-left: 0;
  }
}
.m1--hero-l1-main-image-body {
  height: 100%;
  width: 100%;
}
.m1--hero-l1-main-image-body img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  height: 100%;
  max-height: 480px;
  width: 100%;
  padding: 25px 0;
}
@media (max-width: 991px) {
  .m1--hero-l1-main-image-body img {
    padding: 0;
    width: calc(100% + 75px);
    max-width: none;
    margin-left: -75px;
  }
}
.m1--hero-l1-main-image-body-line {
  position: absolute;
  z-index: 2;
  top: -25px;
  left: 23.5px;
  width: 100%;
  height: 120%;
  -webkit-transform: skew(-6deg, 0);
       -o-transform: skew(-6deg, 0);
          transform: skew(-6deg, 0);
  border-left: 0.75px solid #000000;
}
@media (max-width: 1200px) {
  .m1--hero-l1-main-image-body-line {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .m1--hero-l1-main-image-body-line {
    top: 0;
    left: 75px;
    height: 100%;
    visibility: hidden;
  }
}
.m1--hero-l1-main-image-icon {
  position: absolute;
  right: 0;
  bottom: 23px;
}
@media (max-width: 991px) {
  .m1--hero-l1-main-image-icon {
    bottom: 0;
  }
}
.m1--hero-l1-main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 991px) {
  .m1--hero-l1-main-wrapper {
    min-height: 480px;
  }
}
@media (max-width: 991px) {
  .m1--hero-l1-main-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0;
  }
}
.m1--hero-l1-main-wrapper-background {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
}
.m1--hero-l1-main-wrapper-background-line {
  position: absolute;
  z-index: 2;
  top: -25px;
  left: 25px;
  width: 100%;
  height: calc(100% + 50px);
  -webkit-transform: skew(-6deg, 0);
       -o-transform: skew(-6deg, 0);
          transform: skew(-6deg, 0);
  border-left: 6px solid #000000;
}
@media (max-width: 1200px) {
  .m1--hero-l1-main-wrapper-background-line {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .m1--hero-l1-main-wrapper-background-line {
    left: 75px;
    top: 0;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .m1--hero-l1-main-wrapper-background {
    position: relative;
    width: 100%;
  }
}
.m1--hero-l1-main-wrapper-background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  height: 100%;
  width: 100%;
  padding: 25px 0;
}
@media (max-width: 991px) {
  .m1--hero-l1-main-wrapper-background img {
    padding: 0;
    width: calc(100% + 75px);
    max-width: none;
    margin-left: -75px;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media (min-width: 991px) {
  .m1--hero-l1-main-wrapper .m1--hero-l1-main-content {
    margin-left: 100px;
  }
}

/**
 * Component: M1 Hero L2
 * 
 */
.m2--hero-l2 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m2--hero-l2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m2--hero-l2-title {
  position: relative;
  margin-bottom: -15px;
  z-index: 1;
}
@media (min-width: 991px) {
  .m2--hero-l2-title {
    margin-bottom: -25px;
  }
}
@media (max-width: 991px) {
  .m2--hero-l2-title .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .m2--hero-l2-title h1 {
    font-size: 4.2rem !important;
    line-height: 38px !important;
    letter-spacing: -0.79px !important;
  }
}
.m2--hero-l2-main {
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .m2--hero-l2-main {
    background-image: none !important;
  }
}
.m2--hero-l2-main > .container > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m2--hero-l2-main > .container > .row {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 991px) {
  .m2--hero-l2-main-content {
    padding-right: 0;
    margin-top: 25px;
  }
}
.m2--hero-l2-main-content > div {
  padding: 33px 15px 25px;
}
@media (min-width: 991px) {
  .m2--hero-l2-main-content > div {
    padding: 45px 100px 45px 38px;
  }
}
.m2--hero-l2-main-content > div p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m2--hero-l2-main-content > div > div {
  padding-bottom: 20px;
}
.m2--hero-l2-main-image {
  position: relative;
  margin-left: -8.333334%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image {
    margin-left: 0;
  }
}
@media (min-width: 991px) {
  .m2--hero-l2-main-image {
    padding-left: 0;
  }
}
.m2--hero-l2-main-image-body {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
@media (min-width: 991px) {
  .m2--hero-l2-main-image-body {
    background-color: transparent !important;
    background-image: none !important;
  }
}
.m2--hero-l2-main-image-body:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 50px;
  width: 2px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 1px solid #111111;
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-body {
    padding-left: 30px;
  }
}
.m2--hero-l2-main-image-body.align-horizontal-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m2--hero-l2-main-image-body.align-horizontal-left img {
  margin-left: 9px;
}
@media (max-width: 1200px) {
  .m2--hero-l2-main-image-body.align-horizontal-left img {
    margin-left: 19px;
  }
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-body.align-horizontal-left img {
    margin-left: 0;
  }
}
.m2--hero-l2-main-image-body.align-horizontal-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m2--hero-l2-main-image-body.align-horizontal-right img {
  margin-right: 0;
  padding-right: 0;
}
.m2--hero-l2-main-image-body.align-horizontal-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m2--hero-l2-main-image-body.align-horizontal-right.image-is-square img, .m2--hero-l2-main-image-body.align-horizontal-center.image-is-square img {
  max-width: 83.33334%;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .m2--hero-l2-main-image-body.align-horizontal-right.image-is-square img, .m2--hero-l2-main-image-body.align-horizontal-center.image-is-square img {
    margin-left: 16.66666%;
  }
}
.m2--hero-l2-main-image-body.align-vertical-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m2--hero-l2-main-image-body.align-vertical-center img {
  margin-bottom: 35px;
}
.m2--hero-l2-main-image-body.align-vertical-bottom img {
  padding-bottom: 0;
}
.m2--hero-l2-main-image-body.is-video {
  display: block;
  min-height: 550px;
  padding: 100px;
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-body.is-video {
    min-height: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }
}
.m2--hero-l2-main-image-body img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 500px;
  padding: 40px 40px 40px 0;
  margin: 40px 40px 40px 0;
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-body img {
    padding: 0;
    width: 100%;
    max-width: calc(100% - 25px);
  }
}
.m2--hero-l2-main-image-body .wistia_embed {
  max-width: 75%;
  max-height: 75%;
  width: 500px;
  height: 350px;
}
.m2--hero-l2-main-image-body-line {
  position: absolute;
  top: 0;
  left: 30px;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(-6deg, 0);
       -o-transform: skew(-6deg, 0);
          transform: skew(-6deg, 0);
  border-left: 0.75px solid #000000;
  background-color: #FFFFFF;
  z-index: -1;
}
.m2--hero-l2-main-image-body-line > div {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: calc(100% - 65px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
@media (max-width: 1200px) {
  .m2--hero-l2-main-image-body-line {
    left: 35px;
  }
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-body-line {
    display: none;
  }
}
.m2--hero-l2-main-image-icon {
  position: absolute;
  right: 0;
  bottom: 23px;
}
@media (max-width: 991px) {
  .m2--hero-l2-main-image-icon {
    bottom: 0;
  }
}

/**
 * Component: M3 Hero L3
 * 
 */
.m3--hero-l3 {
  padding-top: 100px;
  padding-bottom: 100px;
  /**
   *
   * Variant - with Image and background color
   * 
   */
  /**
   * Variant - with Image and background image
   * 
   */
  /**
   * Variant - without Image
   * 
   */
  /**
   * Variant - Content on Right
   * 
   */
  /**
   * Shared CTA
   * 
   */
}
@media (max-width: 991px) {
  .m3--hero-l3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m3--hero-l3 .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m3--hero-l3-eyebrow {
  position: relative;
  text-transform: uppercase;
  color: #FF5AE5;
  font-weight: 600;
  font-size: 2rem;
}
.m3--hero-l3-vimage-bg {
  position: absolute;
  right: 0;
  top: 50px;
  width: 50%;
  height: calc(100% - 100px);
  max-height: 480px;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content {
    padding-bottom: 54px;
  }
}
.m3--hero-l3-vimage-content-image {
  padding-bottom: 47px;
  margin-top: -34px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content-image {
    padding-bottom: 20px;
    margin-top: 0;
  }
}
.m3--hero-l3-vimage-content h1 {
  padding-bottom: 56px;
  word-wrap: break-word;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content h1 {
    padding-bottom: 20px;
  }
}
.m3--hero-l3-vimage-content-body {
  padding: 0;
}
.m3--hero-l3-vimage-content-body:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content-body:after {
    display: none;
  }
}
.m3--hero-l3-vimage-content-body-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -19px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content-body-author {
    margin-top: 0;
  }
}
.m3--hero-l3-vimage-content-body-author img,
.m3--hero-l3-vimage-content-body-author svg {
  margin-right: 16px;
}
.m3--hero-l3-vimage-content-body-author span {
  font-size: 2.6rem;
  line-height: 30px;
  color: #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimage-content-body-author span {
    font-size: 1.8rem;
    line-height: 24px;
  }
}
.m3--hero-l3-vimage-content-body-author span:first-child:after {
  content: "·";
  padding: 0 5px;
}
.m3--hero-l3-vimage-content-body .text-large {
  padding-bottom: 20px;
}
.m3--hero-l3-vimage-content-body p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m3--hero-l3-vimage-image {
  text-align: center;
}
.m3--hero-l3-vimage-image-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 300px;
  z-index: -1;
}
@media (min-width: 991px) {
  .m3--hero-l3-vimage-image-bg {
    display: none;
  }
}
.m3--hero-l3-vimage-image img {
  margin-top: 34px;
}
.m3--hero-l3-vimagebg > .container > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg > .container > .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.m3--hero-l3-vimagebg-bg {
  position: absolute;
  right: 0;
  top: 50px;
  width: 50%;
  height: calc(100% - 100px);
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-bg {
    display: none;
  }
}
.m3--hero-l3-vimagebg-content {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-right: -16.6666666%;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content {
    padding-top: 0;
    padding-bottom: 54px;
  }
}
.m3--hero-l3-vimagebg-content-image {
  padding-bottom: 47px;
  margin-top: -34px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content-image {
    padding-bottom: 20px;
    margin-top: 0;
  }
}
.m3--hero-l3-vimagebg-content h1 {
  padding-bottom: 56px;
  word-wrap: break-word;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content h1 {
    padding-bottom: 20px;
  }
}
.m3--hero-l3-vimagebg-content-body {
  padding: 0;
}
.m3--hero-l3-vimagebg-content-body:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content-body:after {
    display: none;
  }
}
.m3--hero-l3-vimagebg-content-body-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -19px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content-body-author {
    margin-top: 0;
  }
}
.m3--hero-l3-vimagebg-content-body-author img {
  margin-right: 16px;
}
.m3--hero-l3-vimagebg-content-body-author span {
  font-size: 2.6rem;
  line-height: 30px;
  color: #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-content-body-author span {
    font-size: 1.8rem;
    line-height: 24px;
  }
}
.m3--hero-l3-vimagebg-content-body-author span:first-child:after {
  content: "·";
  padding: 0 5px;
}
.m3--hero-l3-vimagebg-content-body .text-large {
  padding-bottom: 20px;
}
.m3--hero-l3-vimagebg-content-body p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m3--hero-l3-vimagebg-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: normal;
      align-self: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .m3--hero-l3-vimagebg-image {
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 1% 100%);
            clip-path: polygon(11% 0, 100% 0, 100% 100%, 1% 100%);
    padding-left: 0;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .m3--hero-l3-vimagebg-image {
    -webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%);
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-image {
    margin: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.m3--hero-l3-vimagebg-image > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  height: 100%;
  padding: 50px 50px 50px 0;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-image > div img {
    margin-top: 34px;
    margin-bottom: 34px;
    width: 100%;
    padding: 0;
  }
}
.m3--hero-l3-vimagebg-image-icon {
  position: absolute;
  right: 30px;
  bottom: 0;
}
@media (max-width: 991px) {
  .m3--hero-l3-vimagebg-image-icon {
    bottom: 34px;
    right: 0;
  }
}
.m3--hero-l3-vnoimage-bg {
  position: absolute;
  right: 0;
  top: 50px;
  width: 41%;
  height: calc(100% - 100px);
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-bg {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    padding: 100px 15px 15px;
    -webkit-clip-path: none;
            clip-path: none;
    margin-top: -50px;
  }
  .m3--hero-l3-vnoimage-bg h1 {
    display: block !important;
  }
}
.m3--hero-l3-vnoimage-bg h1 {
  display: none;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content {
    padding-top: 30px;
  }
}
.m3--hero-l3-vnoimage-content-image {
  padding-bottom: 47px;
  margin-top: -34px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content-image {
    padding-bottom: 20px;
    margin-top: 0;
  }
}
.m3--hero-l3-vnoimage-content h1 {
  padding-bottom: 56px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content h1 {
    padding-bottom: 20px;
  }
}
.m3--hero-l3-vnoimage-content-body {
  padding: 0;
}
.m3--hero-l3-vnoimage-content-body:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content-body:after {
    display: none;
  }
}
.m3--hero-l3-vnoimage-content-body-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -19px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content-body-author {
    margin-top: 0;
  }
}
.m3--hero-l3-vnoimage-content-body-author img,
.m3--hero-l3-vnoimage-content-body-author svg {
  margin-right: 16px;
}
.m3--hero-l3-vnoimage-content-body-author span {
  font-size: 2.6rem;
  line-height: 30px;
  color: #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vnoimage-content-body-author span {
    font-size: 1.8rem;
    line-height: 24px;
  }
}
.m3--hero-l3-vnoimage-content-body-author span:first-child:after {
  content: "·";
  padding: 0 5px;
}
.m3--hero-l3-vnoimage-content-body .text-large {
  padding-bottom: 20px;
}
.m3--hero-l3-vnoimage-content-body p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m3--hero-l3-vcontent-right-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-title h1 {
    padding-bottom: 0;
  }
}
.m3--hero-l3-vcontent-right-title-image {
  padding-bottom: 47px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-title-image {
    padding-bottom: 20px;
  }
}
.m3--hero-l3-vcontent-right-content {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 102.3333333333px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-content {
    padding-left: 15px;
    padding-bottom: 0;
  }
}
.m3--hero-l3-vcontent-right-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-content:before {
    display: none;
  }
}
.m3--hero-l3-vcontent-right-content-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -19px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-content-author {
    margin-top: 0;
  }
}
.m3--hero-l3-vcontent-right-content-author img,
.m3--hero-l3-vcontent-right-content-author svg {
  margin-right: 16px;
}
.m3--hero-l3-vcontent-right-content-author span {
  font-size: 2.6rem;
  line-height: 30px;
  color: #111111;
}
@media (max-width: 991px) {
  .m3--hero-l3-vcontent-right-content-author span {
    font-size: 1.8rem;
    line-height: 24px;
  }
}
.m3--hero-l3-vcontent-right-content-author span:first-child:after {
  content: "·";
  padding: 0 5px;
}
.m3--hero-l3-vcontent-right-content .text-large {
  padding-bottom: 20px;
}
.m3--hero-l3-vcontent-right-content .text-large p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m3--hero-l3-cta form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 5%;
}
@media (max-width: 991px) {
  .m3--hero-l3-cta form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.m3--hero-l3-cta form .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .m3--hero-l3-cta form .form-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    margin-bottom: 20px;
  }
}
.m3--hero-l3-cta form input[type=email] {
  height: 42px;
  border: none;
  border-bottom: 0.75px solid #111111;
  background: none;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 16px;
  outline: none;
  width: calc(100% - 31px);
}
.m3--hero-l3 .wistia_embed {
  margin-left: auto;
  max-width: 85%;
  max-height: 75%;
  width: 500px;
  height: 350px;
}
@media (max-width: 991px) {
  .m3--hero-l3 .wistia_embed {
    margin: 0 auto;
  }
}

/**
 * Component: M53 Hero L4
 * 
 */
.m53--hero-l4 {
  padding-top: 100px;
  padding-bottom: 100px;
  /**
   * Variant - Content on Right
   * 
   */
}
@media (max-width: 991px) {
  .m53--hero-l4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m53--hero-l4 .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m53--hero-l4-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .m53--hero-l4-title h1 {
    padding-bottom: 0;
  }
}
.m53--hero-l4-title-image {
  padding-bottom: 47px;
}
@media (max-width: 991px) {
  .m53--hero-l4-title-image {
    padding-bottom: 20px;
  }
}
.m53--hero-l4-content {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 102.3333333333px;
}
@media (max-width: 991px) {
  .m53--hero-l4-content {
    padding-left: 15px;
    padding-bottom: 0;
  }
}
.m53--hero-l4-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m53--hero-l4-content:before {
    display: none;
  }
}
.m53--hero-l4-content .text-large {
  padding-bottom: 20px;
}
.m53--hero-l4-content .text-large p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.m53--hero-l4-image {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .m53--hero-l4-image {
    padding-top: 50px;
  }
}

/**
 * Component: M1 Hero L2
 * 
 */
.m4--manifesto {
  padding: 0;
}
.m4--manifesto .container {
  max-width: 100%;
}
.m4--manifesto-body {
  padding: 150px 0;
  color: #FFFFFF;
  margin-top: -1px;
}
@media (max-width: 991px) {
  .m4--manifesto-body {
    padding: 75px 15px;
    margin-top: -1px;
  }
}
.m4--manifesto-body.alignment-left {
  -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
}
@media (min-width: 991px) {
  .m4--manifesto-body.alignment-left {
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
    padding-left: calc(( 100vw - 1228px ) / 2);
    margin-right: calc((100vw - 1125.6666666667px) / 2);
  }
}
.m4--manifesto-body.alignment-right {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
}
@media (min-width: 991px) {
  .m4--manifesto-body.alignment-right {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    padding-right: calc(( 100vw - 1228px ) / 2);
    margin-left: calc((100vw - 1125.6666666667px) / 2);
    padding-left: 8.333333%;
  }
}
.m4--manifesto-body.alignment-right_top {
  -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
}
@media (min-width: 991px) {
  .m4--manifesto-body.alignment-right_top {
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
    padding-right: calc(( 100vw - 1228px ) / 2);
    margin-left: calc((100vw - 1125.6666666667px) / 2);
    padding-left: 8.333333%;
  }
}
.m4--manifesto-body-content {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 991px) {
  .m4--manifesto-body-content {
    padding-left: 8.333333%;
    padding-right: 8.333333%;
  }
}
.m4--manifesto-body-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #FFFFFF;
}
@media (max-width: 991px) {
  .m4--manifesto-body-content:before {
    display: none;
  }
}
.m4--manifesto-body-content-eyebrow {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 20px;
  letter-spacing: -0.0971357px;
  text-transform: uppercase;
  padding: 0 0 6px;
  z-index: 1;
}
.m4--manifesto-body-content h1 span,
.m4--manifesto-body-content h2 span {
  color: #B312FF;
}

/**
 * Component: M5 - Icons
 * 
 */
.m5--icons {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m5--icons {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m5--icons .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m5--icons-intro {
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .m5--icons-intro {
    padding-bottom: 44px;
  }
}
.m5--icons-intro h2 {
  padding: 0 0 30px;
}
@media (max-width: 991px) {
  .m5--icons-intro h2 {
    padding-bottom: 0;
  }
}
.m5--icons-main-item {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .m5--icons-main-item {
    padding: 0 15px 35px;
    margin-bottom: 0;
  }
}
@media (min-width: 991px) {
  .m5--icons-main-item.icon-position-top, .m5--icons-main-item.icon-position-side {
    padding-left: 5%;
  }
}
.m5--icons-main-item.icon-position-top:before, .m5--icons-main-item.icon-position-side:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m5--icons-main-item.icon-position-top:before, .m5--icons-main-item.icon-position-side:before {
    display: none;
  }
}
@media (min-width: 991px) {
  .m5--icons-main-item.icon-position-side, .m5--icons-main-item.icon-position-outside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .m5--icons-main-item.icon-position-side .m5--icons-main-item-image, .m5--icons-main-item.icon-position-outside .m5--icons-main-item-image {
    padding-right: 40px;
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .m5--icons-main-item.icon-position-side .m5--icons-main-item-image img, .m5--icons-main-item.icon-position-outside .m5--icons-main-item-image img {
    height: auto;
    width: 100%;
  }
}
@media (min-width: 991px) {
  .m5--icons-main-item.icon-position-outside {
    padding-top: 0;
  }
  .m5--icons-main-item.icon-position-outside .m5--icons-main-item-image {
    margin-top: 25px;
  }
  .m5--icons-main-item.icon-position-outside .m5--icons-main-item-content {
    padding-left: 8.3333%;
    padding-top: 15px;
  }
  .m5--icons-main-item.icon-position-outside .m5--icons-main-item-content:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    width: 10px;
    height: calc(100% + 20px);
    -webkit-transform: skew(-6deg);
         -o-transform: skew(-6deg);
            transform: skew(-6deg);
    border-left: 0.75px solid #111111;
  }
}
@media (min-width: 991px) and (max-width: 991px) {
  .m5--icons-main-item.icon-position-outside .m5--icons-main-item-content:before {
    display: none;
  }
}
.m5--icons-main-item-image {
  height: 100px;
  width: auto;
  padding-bottom: 28px;
}
@media (max-width: 991px) {
  .m5--icons-main-item-image {
    padding-bottom: 20px;
    height: 70px;
  }
}
.m5--icons-main-item-image img {
  height: 100%;
}
@media (max-width: 991px) {
  .m5--icons-main-item-image img {
    height: auto;
    width: auto;
    max-height: 60px;
  }
}
.m5--icons-main-item-content-title {
  padding-bottom: 10px;
}
@media (min-width: 991px) {
  .m5--icons-main-item-content-body {
    padding-right: 15%;
  }
}
.m5--icons-main-item .cta-links-wrapper > a,
.m5--icons-main-item .cta-links-wrapper > span.wistia_embed {
  margin-bottom: 10px;
}

/**
 * Component: M6 - Text Bullets
 * 
 */
.m6--text-bullets {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m6--text-bullets {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m6--text-bullets .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m6--text-bullets.bg-black .m6--text-bullets-main-item {
  border-top: 0.75px solid #FFFFFF;
  border-bottom: 0.75px solid #FFFFFF;
}
.m6--text-bullets.bg-black .m6--text-bullets-main-item-count:before {
  border-left: 6px solid #FFFFFF;
}
.m6--text-bullets-intro {
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .m6--text-bullets-intro {
    padding-bottom: 42px;
  }
}
.m6--text-bullets-intro h2 {
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .m6--text-bullets-intro h2 {
    padding-bottom: 13px;
  }
}
.m6--text-bullets-main-item {
  border-top: 0.75px solid #111111;
  padding-top: 27px;
  padding-bottom: 27px;
}
.m6--text-bullets-main-item:last-child {
  border-bottom: 0.75px solid #111111;
}
.m6--text-bullets-main-item .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m6--text-bullets-main-item-count {
  font-style: normal;
  font-weight: bold;
  font-size: 8.4rem;
  line-height: 78px;
  text-align: center;
}
@media (max-width: 1200px) {
  .m6--text-bullets-main-item-count {
    padding-left: 35px;
  }
}
@media (max-width: 991px) {
  .m6--text-bullets-main-item-count {
    font-size: 5.4rem;
    line-height: 52px;
    letter-spacing: -0.785714px;
    text-align: left;
    margin-bottom: 12px;
  }
}
.m6--text-bullets-main-item-count:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 5px;
  width: 6px;
  height: calc(100% - 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 6px solid #111111;
}
@media (max-width: 991px) {
  .m6--text-bullets-main-item-count:before {
    width: 2.5px;
    border-left: 2.5px solid #111111;
  }
}
.m6--text-bullets-main-item-body p {
  padding: 0;
}
.m6--text-bullets-main-item-body .cta-links-wrapper {
  padding-top: 15px;
}

/**
 * Component: M7 - Text Wide
 * 
 */
.m7--text-wide {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m7--text-wide {
    padding-top: 0;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m7--text-wide .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m7--text-wide-brand-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .m7--text-wide-brand-icon {
    max-width: 35%;
  }
}
.m7--text-wide-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
.content-right .m7--text-wide-bg {
  width: 55vw;
}
.content-bottom .m7--text-wide-bg {
  width: 40vw;
}
@media (max-width: 991px) {
  .m7--text-wide-bg {
    display: none;
  }
}
.m7--text-wide-content {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m7--text-wide-content {
    padding-bottom: 30px;
  }
}
.m7--text-wide-content.content-right .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m7--text-wide-content.content-right .m7--text-wide-content-body {
  padding-left: 45px;
  padding-top: 10px;
}
.m7--text-wide-content.content-right .m7--text-wide-content-body > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m7--text-wide-content.content-right .m7--text-wide-content-body > div > div:last-child p {
  padding: 0;
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-right .m7--text-wide-content-body {
    padding-left: 15px;
  }
}
.m7--text-wide-content.content-right .m7--text-wide-content-body:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-right .m7--text-wide-content-body:before {
    display: none;
  }
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-bottom .m7--text-wide-content-wrapper {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-bottom .m7--text-wide-content-wrapper .m7--text-wide-content-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m7--text-wide-content.content-bottom .m7--text-wide-content-wrapper:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  width: 10px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-bottom .m7--text-wide-content-wrapper:after {
    display: none;
  }
}
.m7--text-wide-content.content-bottom .m7--text-wide-content-body {
  padding-left: 0;
}
@media (max-width: 991px) {
  .m7--text-wide-content.content-bottom .m7--text-wide-content-body {
    padding-left: 15px;
  }
}
.m7--text-wide-content.content-bottom .m7--text-wide-content-body > div > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
}
.m7--text-wide-content-title {
  position: relative;
}
.m7--text-wide-content-title-bg {
  display: none;
  width: 100%;
  height: calc(100% + 35px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .m7--text-wide-content-title-bg {
    display: block;
  }
}
@media (max-width: 991px) {
  .m7--text-wide-content-title {
    border-bottom: 0.75px solid #111111;
    padding-top: 100px;
    margin-bottom: 50px;
  }
}
.m7--text-wide-content-title h2 {
  text-transform: uppercase;
  padding-bottom: 30px;
}
.m7--text-wide-content-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m7--text-wide-content-body > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m7--text-wide-content-body > div > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m7--text-wide-content-body a.button {
  margin-top: 16px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 991px) {
  .m7--text-wide-image .container {
    padding: 0;
  }
}
.m7--text-wide-image-wrapper {
  padding: 5px;
  background-repeat: no-repeat;
  background-size: cover;
}
.m7--text-wide-image-wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation-delay: 0.75s;
       -o-animation-delay: 0.75s;
          animation-delay: 0.75s;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .m7--text-wide-image-wrapper.bg-image {
    padding: 15px;
  }
}
.m7--text-wide-image-wrapper-image {
  position: relative;
  -webkit-animation-delay: 0.75s;
       -o-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
@media (min-width: 991px) {
  .bg-image .m7--text-wide-image-wrapper-image {
    margin: 25px 75px;
  }
}
.m7--text-wide .wistia_embed {
  margin: 0 auto;
  max-width: 100%;
  min-height: 500px;
  width: 100%;
  height: 500px;
}
@media (max-width: 991px) {
  .m7--text-wide .wistia_embed {
    min-height: 0;
  }
}

/**
 * Component: M8 - Text Alternating with Image
 * 
 */
.m8--text-image {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m8--text-image {
    padding-top: 0;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m8--text-image .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.m8--text-image-bg {
  position: absolute;
  top: 0;
  z-index: -1;
  height: calc(85% - 75px);
}
.m8--text-image-bg.bg-on-left {
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
  left: 0;
}
.m8--text-image-bg.bg-on-right {
  -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
  right: 0;
}
.m8--text-image-bg:not(.content-smaller) {
  width: 50vw;
}
.m8--text-image-bg.content-smaller {
  width: 48vw;
}
@media (max-width: 991px) {
  .m8--text-image-bg {
    display: none;
  }
}
.m8--text-image > .container > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m8--text-image > .container > .row.content-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.m8--text-image-content-top {
  position: relative;
}
@media (max-width: 991px) {
  .m8--text-image-content-top {
    padding: 100px 0 35px;
  }
}
@media (max-width: 991px) {
  .m8--text-image-content-top .eyebrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m8--text-image-content-top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 991px) {
  .m8--text-image-content-top-bg {
    display: none;
  }
}
.m8--text-image-content-title {
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m8--text-image-content-title {
    border-bottom: 0.75px solid #111111;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m8--text-image-content-title:after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  width: 10px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m8--text-image-content-title:after {
    display: none;
  }
}
.m8--text-image-content-body {
  padding: 0;
}
@media (max-width: 991px) {
  .m8--text-image-content-body {
    padding: 32px 15px;
  }
}
.m8--text-image-image {
  min-height: 350px;
  text-align: center;
}
@media (max-width: 991px) {
  .m8--text-image-image {
    text-align: center;
    min-height: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 30px);
            flex: 0 0 calc(100% - 30px);
    margin: 0 auto;
  }
}
.m8--text-image-image .wistia_embed {
  margin: 0 auto;
  max-width: 95%;
  max-height: 75%;
  width: 500px;
  height: 350px;
}
@media (max-width: 991px) {
  .m8--text-image-image .wistia_embed {
    width: 100% !important;
    max-width: 100%;
  }
}

/**
 * Component: M9 - Text Three Column
 * 
 */
.m9--text-three-column {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m9--text-three-column {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m9--text-three-column .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m9--text-three-column-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
@media (max-width: 991px) {
  .m9--text-three-column-bg {
    display: none;
  }
}
.m9--text-three-column-item h4 {
  text-transform: uppercase;
  padding-bottom: 18px;
}
@media (max-width: 991px) {
  .m9--text-three-column-item .cta-links-wrapper {
    margin-bottom: 10px;
  }
}
.m9--text-three-column-image {
  position: relative;
  margin-top: calc(60px - 3rem);
}
@media (max-width: 991px) {
  .m9--text-three-column-image {
    padding: 0 15px 75px;
  }
}
.m9--text-three-column-image-bg {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 40%;
  left: 0;
  display: none;
}
@media (max-width: 991px) {
  .m9--text-three-column-image-bg {
    display: block;
  }
}
@media (max-width: 991px) {
  .m9--text-three-column-image .container {
    padding: 0;
  }
}
.m9--text-three-column-image-wrapper {
  padding: 5px;
  background-repeat: no-repeat;
  background-size: cover;
}
.m9--text-three-column-image-wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation-delay: 0.75s;
       -o-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
@media (max-width: 991px) {
  .m9--text-three-column-image-wrapper.bg-image {
    padding: 15px;
  }
}
.m9--text-three-column-image-wrapper-image {
  position: relative;
  -webkit-animation-delay: 0.75s;
       -o-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
@media (min-width: 991px) {
  .bg-image .m9--text-three-column-image-wrapper-image {
    margin: 25px 75px;
  }
}
.m9--text-three-column-image-wrapper-image .wistia_embed {
  margin: 0 auto;
  max-width: 100%;
  min-height: 500px;
  width: 100%;
  height: 500px;
}
/**
 * Component: M10 Text Only
 * 
 */
.m10--text-only {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m10--text-only {
    padding-top: 0;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m10--text-only .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m10--text-only-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 42vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
@media (max-width: 991px) {
  .m10--text-only-bg {
    display: none;
  }
}
.m10--text-only-title {
  position: relative;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .m10--text-only-title {
    padding-top: 100px;
    padding-bottom: 35px;
    margin-bottom: 70px;
    border-bottom: 0.75px solid #111111;
  }
}
.m10--text-only-title-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: calc(100% + 35px);
  width: 100%;
  display: none;
}
@media (max-width: 991px) {
  .m10--text-only-title-bg {
    display: block;
  }
}
.m10--text-only-title h2 {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m10--text-only-title h2 {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .m10--text-only-item:not(:last-child) {
    padding-bottom: 25px;
  }
}

/**
 * Component: M11 Text with Photo
 * 
 */
.m11--text-photo {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m11--text-photo.content-right {
    padding: 50px 0 0;
  }
  .m11--text-photo.content-right .container > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .m11--text-photo.content-left {
    padding: 0 0 50px;
  }
  .m11--text-photo.content-left .container > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.m11--text-photo .container .row {
  position: relative;
}
@media (min-width: 991px) {
  .m11--text-photo .container .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 991px) {
  .m11--text-photo .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m11--text-photo-image {
  position: absolute;
  width: 50%;
  height: 100%;
  max-height: 100%;
}
@media (max-width: 991px) {
  .m11--text-photo-image {
    position: relative;
    width: 100% !important;
  }
}
.content-right .m11--text-photo-image {
  width: 50%;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .content-right .m11--text-photo-image {
    -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
  }
}
.content-left .m11--text-photo-image {
  width: 55%;
  right: 0;
  -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .content-left .m11--text-photo-image {
    -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.m11--text-photo-image-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.m11--text-photo-image-wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.m11--text-photo-image-wrapper-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .m11--text-photo-image-wrapper-image {
    margin: 0 !important;
  }
}
.content-right .m11--text-photo-image-wrapper-image {
  padding: 45px 0 45px 45px;
}
@media (max-width: 991px) {
  .content-right .m11--text-photo-image-wrapper-image {
    padding: 25px 0 25px 25px;
  }
}
.content-left .m11--text-photo-image-wrapper-image {
  padding: 45px 45px 45px 0;
}
@media (max-width: 991px) {
  .content-left .m11--text-photo-image-wrapper-image {
    padding: 25px 25px 0 25px;
  }
}
.m11--text-photo-image-wrapper-image img {
  max-height: 100%;
  height: 100%;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-right .m11--text-photo-image-wrapper-image img {
  -o-object-position: left;
     object-position: left;
}
.content-left .m11--text-photo-image-wrapper-image img {
  -o-object-position: right;
     object-position: right;
}
@media (max-width: 991px) {
  .m11--text-photo-image-wrapper-image img {
    max-width: 95%;
  }
}
.m11--text-photo-image-wrapper-image-brand-icon {
  position: absolute;
  bottom: 50px;
}
.content-right .m11--text-photo-image-wrapper-image-brand-icon {
  right: 38px;
}
.content-left .m11--text-photo-image-wrapper-image-brand-icon {
  left: 0;
}
@media (max-width: 991px) {
  .m11--text-photo-image-wrapper-image-brand-icon {
    display: none;
  }
}
.m11--text-photo-image .wistia_embed {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100% - 75px);
  min-height: 500px;
  width: 100%;
  height: 500px;
}
@media (max-width: 991px) {
  .m11--text-photo-image .wistia_embed {
    max-width: 95%;
    min-height: 0;
  }
}
.m11--text-photo-content {
  padding: 125px 0;
}
@media (max-width: 991px) {
  .m11--text-photo-content {
    padding: 55px 15px 50px;
  }
}
.m11--text-photo-content h2 {
  text-transform: uppercase;
  padding-bottom: 72px;
}
@media (max-width: 991px) {
  .m11--text-photo-content h2 {
    text-align: left !important;
    padding-bottom: 20px;
  }
}
.content-left .m11--text-photo-content h2 {
  text-align: left;
}
@media (max-width: 991px) {
  .m11--text-photo-content-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.m11--text-photo-content-body.content-right {
  padding-left: 8.33333%;
}
.m11--text-photo-content-body.content-left {
  padding-left: 0;
  padding-right: 8.33333%;
}
.m11--text-photo-content-body:before {
  content: "";
  position: absolute;
  top: -25px;
  width: 10px;
  height: calc(100% + 50px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m11--text-photo-content-body:before {
    display: none;
  }
}
.content-right .m11--text-photo-content-body:before {
  left: 5%;
}
.content-left .m11--text-photo-content-body:before {
  right: 5%;
}

/**
 * Component: M12 CTA
 * 
 */
.m12--cta {
  position: relative;
}
.m12--cta:not(.use-narrow-layout) {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m12--cta:not(.use-narrow-layout) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m12--cta .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m12--cta-content {
  position: relative;
}
.content-left .m12--cta-content {
  padding-left: 8.33333%;
}
@media (max-width: 991px) {
  .content-left .m12--cta-content {
    padding-left: 15px;
  }
}
.content-left .m12--cta-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
.bg-black .content-left .m12--cta-content:before, .bg-charcoal .content-left .m12--cta-content:before, .bg-indigo .content-left .m12--cta-content:before {
  border-left: 0.75px solid #FFFFFF !important;
}
@media (max-width: 991px) {
  .content-left .m12--cta-content:before {
    display: none;
  }
}
.narrow-layout .m12--cta-content {
  padding: 100px 8.333333%;
}
@media (max-width: 991px) {
  .narrow-layout .m12--cta-content {
    padding: 50px 15px;
  }
}
.narrow-layout .m12--cta-content.bg-black .m12--cta-content-wrapper:before, .narrow-layout .m12--cta-content.bg-charcoal .m12--cta-content-wrapper:before, .narrow-layout .m12--cta-content.bg-indigo .m12--cta-content-wrapper:before {
  border-left: 0.75px solid #FFFFFF !important;
}
.narrow-layout .m12--cta-content-wrapper {
  position: relative;
}
.narrow-layout .m12--cta-content-wrapper:before {
  content: "";
  position: absolute;
  left: -45px;
  top: -10px;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .narrow-layout .m12--cta-content-wrapper:before {
    display: none;
  }
}
.m12--cta-content-logo {
  padding-bottom: 20px;
}
.m12--cta-body.no-body-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-right .m12--cta-body {
  padding-left: 4%;
}
@media (max-width: 991px) {
  .content-right .m12--cta-body {
    padding-left: 15px;
  }
}
.content-right .m12--cta-body:before {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 10px;
  height: calc(100% + 20px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
.bg-black .content-right .m12--cta-body:before, .bg-charcoal .content-right .m12--cta-body:before, .bg-indigo .content-right .m12--cta-body:before {
  border-left: 0.75px solid #FFFFFF !important;
}
@media (max-width: 991px) {
  .content-right .m12--cta-body:before {
    display: none;
  }
}
.m12--cta h2 {
  text-transform: uppercase;
}
.m12--cta-cta {
  padding-left: 0;
}
@media (max-width: 991px) {
  .m12--cta-cta {
    padding: 0;
    margin-top: 0 !important;
  }
}
.m12--cta-cta form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 5%;
}
@media (max-width: 991px) {
  .m12--cta-cta form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 0;
  }
}
.m12--cta-cta form .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .m12--cta-cta form .form-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    margin-bottom: 20px;
  }
}
.m12--cta-cta form input[type=email] {
  height: 42px;
  border: none;
  border-bottom: 0.75px solid #111111;
  background: none;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 16px;
  outline: none;
  width: calc(100% - 31px);
}
.bg-black .m12--cta-cta form input[type=email], .bg-charcoal .m12--cta-cta form input[type=email], .bg-indigo .m12--cta-cta form input[type=email] {
  border-bottom: 0.75px solid #FFFFFF !important;
}
.bg-black .m12--cta-cta form input[type=email]::-webkit-input-placeholder, .bg-charcoal .m12--cta-cta form input[type=email]::-webkit-input-placeholder, .bg-indigo .m12--cta-cta form input[type=email]::-webkit-input-placeholder {
  color: #FFFFFF;
}
.bg-black .m12--cta-cta form input[type=email]::-moz-placeholder, .bg-charcoal .m12--cta-cta form input[type=email]::-moz-placeholder, .bg-indigo .m12--cta-cta form input[type=email]::-moz-placeholder {
  color: #FFFFFF;
}
.bg-black .m12--cta-cta form input[type=email]:-ms-input-placeholder, .bg-charcoal .m12--cta-cta form input[type=email]:-ms-input-placeholder, .bg-indigo .m12--cta-cta form input[type=email]:-ms-input-placeholder {
  color: #FFFFFF;
}
.bg-black .m12--cta-cta form input[type=email]::-ms-input-placeholder, .bg-charcoal .m12--cta-cta form input[type=email]::-ms-input-placeholder, .bg-indigo .m12--cta-cta form input[type=email]::-ms-input-placeholder {
  color: #FFFFFF;
}
.bg-black .m12--cta-cta form input[type=email]::placeholder, .bg-charcoal .m12--cta-cta form input[type=email]::placeholder, .bg-indigo .m12--cta-cta form input[type=email]::placeholder {
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .m12--cta-cta form input[type=email] {
    width: 100%;
  }
}

/**
 * Component: M13 Alert Bar
 * 
 */
.m13--alert {
  position: relative;
  padding: 12px 0;
  text-align: center;
  opacity: 0;
  display: none;
}
.m13--alert.active {
  display: block;
  opacity: 1;
}
@media (max-width: 991px) {
  .m13--alert {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .m13--alert .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m13--alert-close {
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
  cursor: pointer;
}
@media (max-width: 991px) {
  .m13--alert-close {
    top: 20px;
  }
}
.bg-black .m13--alert-close svg path, .bg-charcoal .m13--alert-close svg path, .bg-indigo .m13--alert-close svg path {
  fill: #FFFFFF;
}
.m13--alert p {
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
}
.m13--alert a {
  color: #111111 !important;
}
.m13--alert span {
  display: inline-block;
  font-weight: 600;
  padding: 0 5px;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
}
.m13--alert.highlight-black span {
  background-color: #111111;
  color: #FFFFFF;
}
.m13--alert.highlight-white span {
  background-color: #FFFFFF;
  color: #111111;
}
.m13--alert.highlight-cyan span {
  background-color: #2CFFFF;
  color: #111111;
}
.m13--alert.highlight-magenta span {
  background-color: #FF5AE5;
  color: #111111;
}
.m13--alert.highlight-yellow span {
  background-color: #FFFF05;
  color: #111111;
}
.m13--alert.highlight-charcoal span {
  background-color: #333333;
  color: #FFFFFF;
}
.m13--alert.highlight-light-grey span {
  background-color: #F5F8FA;
  color: #111111;
}
.m13--alert.highlight-lime span {
  background-color: #C8FF00;
  color: #111111;
}
.m13--alert.highlight-violet span {
  background-color: #B312FF;
  color: #111111;
}
.m13--alert.highlight-mid-grey span {
  background-color: #BABCBE;
  color: #111111;
}
.m13--alert.highlight-green span {
  background-color: #00DA71;
  color: #111111;
}
.m13--alert.highlight-indigo span {
  background-color: #3F0FFF;
  color: #FFFFFF;
}
.m13--alert.highlight-orange span {
  background-color: #FF8329;
  color: #111111;
}

/**
 * Component: M14 Logos
 * 
 */
.m14--logos {
  position: relative;
}
@media (max-width: 991px) {
  .m14--logos .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m14--logos-intro {
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m14--logos-intro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m14--logos-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m14--logos-intro-content {
    padding-left: 15px;
  }
}
.m14--logos-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m14--logos-intro-content:before {
    display: none;
  }
}
.m14--logos-intro-content > div {
  -ms-flex-item-align: center;
      align-self: center;
}
.m14--logos-main {
  position: relative;
}
@media (max-width: 991px) {
  .m14--logos-main {
    padding: 32px 0 50px !important;
  }
}
.m14--logos-main.slanted-center {
  padding: 80px 0;
}
.m14--logos-main.slanted-bottom {
  padding: 80px 0 150px;
}
.m14--logos-main-slant {
  position: absolute;
}
.slanted-center .m14--logos-main-slant {
  width: 55%;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
.slanted-bottom .m14--logos-main-slant {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
@media (max-width: 991px) {
  .m14--logos-main-slant {
    width: 100% !important;
    height: 100% !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%) !important;
            clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%) !important;
  }
}
.m14--logos-main .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m14--logos-main .col-4 {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m14--logos-main .col-4 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
.m14--logos-main .col-4:nth-child(1) {
  -webkit-animation-delay: 0.03s;
       -o-animation-delay: 0.03s;
          animation-delay: 0.03s;
}
.m14--logos-main .col-4:nth-child(2) {
  -webkit-animation-delay: 0.06s;
       -o-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
.m14--logos-main .col-4:nth-child(3) {
  -webkit-animation-delay: 0.09s;
       -o-animation-delay: 0.09s;
          animation-delay: 0.09s;
}
.m14--logos-main .col-4:nth-child(4) {
  -webkit-animation-delay: 0.12s;
       -o-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.m14--logos-main .col-4:nth-child(5) {
  -webkit-animation-delay: 0.15s;
       -o-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.m14--logos-main .col-4:nth-child(6) {
  -webkit-animation-delay: 0.18s;
       -o-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.m14--logos-main .col-4:nth-child(7) {
  -webkit-animation-delay: 0.21s;
       -o-animation-delay: 0.21s;
          animation-delay: 0.21s;
}
.m14--logos-main .col-4:nth-child(8) {
  -webkit-animation-delay: 0.24s;
       -o-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
.m14--logos-main .col-4:nth-child(9) {
  -webkit-animation-delay: 0.27s;
       -o-animation-delay: 0.27s;
          animation-delay: 0.27s;
}
.m14--logos-main .col-4:nth-child(10) {
  -webkit-animation-delay: 0.3s;
       -o-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.m14--logos-main .col-4:nth-child(11) {
  -webkit-animation-delay: 0.33s;
       -o-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
.m14--logos-main .col-4:nth-child(12) {
  -webkit-animation-delay: 0.36s;
       -o-animation-delay: 0.36s;
          animation-delay: 0.36s;
}
.m14--logos-main .col-4:nth-child(13) {
  -webkit-animation-delay: 0.39s;
       -o-animation-delay: 0.39s;
          animation-delay: 0.39s;
}
.m14--logos-main .col-4:nth-child(14) {
  -webkit-animation-delay: 0.42s;
       -o-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.m14--logos-main .col-4:nth-child(15) {
  -webkit-animation-delay: 0.45s;
       -o-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.m14--logos-main .col-4:nth-child(16) {
  -webkit-animation-delay: 0.48s;
       -o-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.m14--logos-main .col-4:nth-child(17) {
  -webkit-animation-delay: 0.51s;
       -o-animation-delay: 0.51s;
          animation-delay: 0.51s;
}
.m14--logos-main .col-4:nth-child(18) {
  -webkit-animation-delay: 0.54s;
       -o-animation-delay: 0.54s;
          animation-delay: 0.54s;
}
.m14--logos-main .col-4:nth-child(19) {
  -webkit-animation-delay: 0.57s;
       -o-animation-delay: 0.57s;
          animation-delay: 0.57s;
}
.m14--logos-main .col-4:nth-child(20) {
  -webkit-animation-delay: 0.6s;
       -o-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.m14--logos-main .col-4:nth-child(21) {
  -webkit-animation-delay: 0.63s;
       -o-animation-delay: 0.63s;
          animation-delay: 0.63s;
}
.m14--logos-main .col-4:nth-child(22) {
  -webkit-animation-delay: 0.66s;
       -o-animation-delay: 0.66s;
          animation-delay: 0.66s;
}
.m14--logos-main .col-4:nth-child(23) {
  -webkit-animation-delay: 0.69s;
       -o-animation-delay: 0.69s;
          animation-delay: 0.69s;
}
.m14--logos-main .col-4:nth-child(24) {
  -webkit-animation-delay: 0.72s;
       -o-animation-delay: 0.72s;
          animation-delay: 0.72s;
}
.m14--logos-main .col-4:nth-child(25) {
  -webkit-animation-delay: 0.75s;
       -o-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.m14--logos-main .col-4:nth-child(26) {
  -webkit-animation-delay: 0.78s;
       -o-animation-delay: 0.78s;
          animation-delay: 0.78s;
}
.m14--logos-main .col-4:nth-child(27) {
  -webkit-animation-delay: 0.81s;
       -o-animation-delay: 0.81s;
          animation-delay: 0.81s;
}
.m14--logos-main .col-4:nth-child(28) {
  -webkit-animation-delay: 0.84s;
       -o-animation-delay: 0.84s;
          animation-delay: 0.84s;
}
.m14--logos-main .col-4:nth-child(29) {
  -webkit-animation-delay: 0.87s;
       -o-animation-delay: 0.87s;
          animation-delay: 0.87s;
}
.m14--logos-main .col-4:nth-child(30) {
  -webkit-animation-delay: 0.9s;
       -o-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.m14--logos-main .col-4:nth-child(31) {
  -webkit-animation-delay: 0.93s;
       -o-animation-delay: 0.93s;
          animation-delay: 0.93s;
}
.m14--logos-main .col-4:nth-child(32) {
  -webkit-animation-delay: 0.96s;
       -o-animation-delay: 0.96s;
          animation-delay: 0.96s;
}
.m14--logos-main .col-4:nth-child(33) {
  -webkit-animation-delay: 0.99s;
       -o-animation-delay: 0.99s;
          animation-delay: 0.99s;
}
.m14--logos-main .col-4:nth-child(34) {
  -webkit-animation-delay: 1.02s;
       -o-animation-delay: 1.02s;
          animation-delay: 1.02s;
}
.m14--logos-main .col-4:nth-child(35) {
  -webkit-animation-delay: 1.05s;
       -o-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.m14--logos-main .col-4:nth-child(36) {
  -webkit-animation-delay: 1.08s;
       -o-animation-delay: 1.08s;
          animation-delay: 1.08s;
}
.m14--logos-main .col-4:nth-child(37) {
  -webkit-animation-delay: 1.11s;
       -o-animation-delay: 1.11s;
          animation-delay: 1.11s;
}
.m14--logos-main .col-4:nth-child(38) {
  -webkit-animation-delay: 1.14s;
       -o-animation-delay: 1.14s;
          animation-delay: 1.14s;
}
.m14--logos-main .col-4:nth-child(39) {
  -webkit-animation-delay: 1.17s;
       -o-animation-delay: 1.17s;
          animation-delay: 1.17s;
}
.m14--logos-main .col-4:nth-child(40) {
  -webkit-animation-delay: 1.2s;
       -o-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.m14--logos-main .col-4:nth-child(41) {
  -webkit-animation-delay: 1.23s;
       -o-animation-delay: 1.23s;
          animation-delay: 1.23s;
}
.m14--logos-main .col-4:nth-child(42) {
  -webkit-animation-delay: 1.26s;
       -o-animation-delay: 1.26s;
          animation-delay: 1.26s;
}
.m14--logos-main .col-4:nth-child(43) {
  -webkit-animation-delay: 1.29s;
       -o-animation-delay: 1.29s;
          animation-delay: 1.29s;
}
.m14--logos-main .col-4:nth-child(44) {
  -webkit-animation-delay: 1.32s;
       -o-animation-delay: 1.32s;
          animation-delay: 1.32s;
}
.m14--logos-main .col-4:nth-child(45) {
  -webkit-animation-delay: 1.35s;
       -o-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.m14--logos-main .col-4:nth-child(46) {
  -webkit-animation-delay: 1.38s;
       -o-animation-delay: 1.38s;
          animation-delay: 1.38s;
}
.m14--logos-main .col-4:nth-child(47) {
  -webkit-animation-delay: 1.41s;
       -o-animation-delay: 1.41s;
          animation-delay: 1.41s;
}
.m14--logos-main .col-4:nth-child(48) {
  -webkit-animation-delay: 1.44s;
       -o-animation-delay: 1.44s;
          animation-delay: 1.44s;
}
.m14--logos-main .col-4:nth-child(49) {
  -webkit-animation-delay: 1.47s;
       -o-animation-delay: 1.47s;
          animation-delay: 1.47s;
}
.m14--logos-main .col-4:nth-child(50) {
  -webkit-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.m14--logos-main img {
  max-height: 60px;
  max-width: 90%;
}
@media (max-width: 991px) {
  .m14--logos-main img {
    height: 50px;
    max-width: 75%;
  }
}

/**
 * Component: M15 Related Content
 * 
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.m15--related {
  position: relative;
  padding-top: 100px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .m15--related {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m15--related .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m15--related-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m15--related-intro {
    padding: 0 0 50px;
  }
}
.m15--related-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
.m15--related-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m15--related-intro-content {
    padding-left: 15px;
  }
}
.m15--related-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m15--related-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m15--related-intro-content:before {
    display: none;
  }
}
.m15--related-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m15--related-intro-content a.button {
  margin-top: 15px;
}
.m15--related-intro-content .cta-links-wrapper {
  padding-top: 15px;
}
.m15--related-main-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, calc(33.33333% - 15px));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m15--related-main-item {
  padding: 0 0 85px;
}
@media (max-width: 991px) {
  .m15--related-main-item {
    padding-bottom: 0;
  }
}
.m15--related-main-item > div {
  border-top: 6px solid #111111;
}
.m15--related-main-item-image {
  position: relative;
  padding: 17px 0;
  /** &.use-images {
    height: 185px;
    max-height: 185px;
  } **/
}
.m15--related-main-item-image:not(.use-images) {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .m15--related-main-item-image:not(.use-images) {
    padding-left: 0;
  }
}
.m15--related-main-item-image:not(.use-images):before {
  content: "";
  position: absolute;
  left: 10px;
  top: 30px;
  width: 10px;
  height: calc(100% - 50px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 6px solid #111111;
}
@media (max-width: 991px) {
  .m15--related-main-item-image:not(.use-images):before {
    display: none;
  }
}
.m15--related-main-item-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.m15--related-main-item-image span {
  font-size: 84px;
  font-weight: bold;
  line-height: 78px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
}
.m15--related-main-item-body-top {
  position: relative;
}
.m15--related-main-item-body-top.add-slant {
  padding-right: 25px;
}
.m15--related-main-item-body-top.add-slant:after {
  content: "";
  position: absolute;
  right: -5px;
  top: 0;
  width: 10px;
  height: calc(100% - 18px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m15--related-main-item-body-top.add-slant:after {
    display: none;
  }
}
.m15--related-main-item-body-subhead {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  padding: 0 0 10px;
}
.m15--related-main-item-body-title {
  padding: 0 0 18px;
}
.m15--related-main-item-body-title a {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #111111;
}
@media (max-width: 991px) {
  .m15--related-main-item-body-title a {
    font-size: 2.4rem;
  }
}
.m15--related-main-item-body a.link {
  margin-left: 0;
}
.m15--related-main .slick-slide {
  padding: 0 15px;
}
.m15--related-main .slick-list {
  margin: 0 -15px;
}
.m15--related-main-nav {
  display: none;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m15--related-main-nav {
    display: block;
  }
}
.m15--related-main-nav-prev svg path, .m15--related-main-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m15--related-main-nav-prev.slick-disabled svg path, .m15--related-main-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m15--related-main-nav-prev {
  margin-right: 16px;
}
.m15--related-main-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Component: M16 Chatbot Examples
 * 
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.m16--chatbot {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m16--chatbot {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m16--chatbot-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m16--chatbot-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m16--chatbot .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m16--chatbot-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m16--chatbot-intro {
    padding: 0 0 50px;
  }
}
.m16--chatbot-intro h2 {
  text-transform: uppercase;
}
.m16--chatbot-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m16--chatbot-intro-content {
    padding-left: 15px;
  }
}
.m16--chatbot-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m16--chatbot-intro-content:before {
    display: none;
  }
}
.m16--chatbot-main-item > div {
  border-top: 6px solid #111111;
}
.m16--chatbot-main-item-image {
  padding: 0 0 20px;
  height: 484px;
  max-height: 484px;
}
@media (max-width: 1200px) {
  .m16--chatbot-main-item-image {
    height: 335px;
    max-height: 335px;
  }
}
@media (max-width: 991px) {
  .m16--chatbot-main-item-image {
    height: 185px;
    max-height: 185px;
  }
}
.m16--chatbot-main-item-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-left: 1px solid #BABCBE;
  border-right: 1px solid #BABCBE;
  border-bottom: 1px solid #BABCBE;
}
.m16--chatbot-main-item-body-subhead {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  padding: 0 0 10px;
}
@media (max-width: 991px) {
  .m16--chatbot-main-item-body-subhead {
    padding: 0 0 5px;
  }
}
.m16--chatbot-main-item-body-title {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  padding: 0 0 18px;
}
@media (max-width: 991px) {
  .m16--chatbot-main-item-body-title {
    font-size: 2.4rem;
    padding: 0 0 15px;
  }
}
.m16--chatbot-main .slick-slide {
  padding: 0 15px;
}
.m16--chatbot-main .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.m16--chatbot-main-nav {
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m16--chatbot-main-nav {
    padding-bottom: 12px;
  }
}
.m16--chatbot-main-nav-prev svg path, .m16--chatbot-main-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m16--chatbot-main-nav-prev.slick-disabled svg path, .m16--chatbot-main-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m16--chatbot-main-nav-prev {
  margin-right: 16px;
}
.m16--chatbot-main-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Component: M17 Tweets
 * 
 */
.m17--tweets {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m17--tweets {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m17--tweets-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m17--tweets-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m17--tweets .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m17--tweets-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m17--tweets-intro {
    padding: 0 0 40px;
  }
}
.m17--tweets-intro h2 {
  text-transform: uppercase;
}
.m17--tweets-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m17--tweets-intro-content {
    padding-left: 15px;
  }
}
.m17--tweets-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m17--tweets-intro-content:before {
    display: none;
  }
}
@media (max-width: 991px) {
  .m17--tweets-main-default {
    display: none;
  }
}
.m17--tweets-main-mobile {
  display: none;
}
@media (max-width: 991px) {
  .m17--tweets-main-mobile {
    display: block;
  }
}
.m17--tweets-main-mobile-nav {
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m17--tweets-main-mobile-nav {
    padding-bottom: 12px;
  }
}
.m17--tweets-main-mobile-nav-prev svg path, .m17--tweets-main-mobile-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m17--tweets-main-mobile-nav-prev.slick-disabled svg path, .m17--tweets-main-mobile-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m17--tweets-main-mobile-nav-prev {
  margin-right: 16px;
}
.m17--tweets-main-mobile-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m17--tweets-main .row.tweet-top-border .twitter-tweet {
  border-top: 6px solid #2CFFFF;
}
.m17--tweets-main .twitter-tweet {
  margin-bottom: 33px !important;
}

/**
 * Component: M18 Stats
 * 
 */
.m18--stats {
  position: relative;
  padding-top: 100px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .m18--stats {
    padding-top: 50px;
    padding-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .m18--stats .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m18--stats-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m18--stats-intro {
    padding: 0 0 25px;
  }
}
.m18--stats-intro h2 {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m18--stats-intro h2 {
    padding-bottom: 7px;
  }
}
.m18--stats-intro-content.content-on-right {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m18--stats-intro-content.content-on-right {
    padding-left: 15px;
  }
}
.m18--stats-intro-content.content-on-right:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m18--stats-intro-content.content-on-right:before {
    display: none;
  }
}
.m18--stats-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .m18--stats-intro-content.align-vertically {
    padding-top: 20px;
  }
}
.m18--stats-main-item {
  margin-bottom: 90px;
}
@media (max-width: 991px) {
  .m18--stats-main-item {
    margin-bottom: 45px;
  }
}
.m18--stats-main-item-icon {
  padding-bottom: 22px;
}
.m18--stats-main-item-icon img {
  width: auto;
  height: 58px;
}
@media (max-width: 991px) {
  .m18--stats-main-item-icon {
    padding-bottom: 12px;
  }
}
.m18--stats-main-item.use-top-border .m18--stats-main-item-content {
  padding-top: 28px;
  border-top: 6px solid #111111;
}
@media (max-width: 991px) {
  .m18--stats-main-item.use-top-border .m18--stats-main-item-content {
    padding-top: 0;
    border-top: 0;
  }
}
.m18--stats-main-item:not(.use-top-border) {
  padding-left: 75px;
}
@media (max-width: 991px) {
  .m18--stats-main-item:not(.use-top-border) {
    padding-left: 15px;
  }
}
.m18--stats-main-item:not(.use-top-border):before {
  content: "";
  position: absolute;
  left: 25px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m18--stats-main-item:not(.use-top-border):before {
    display: none;
  }
}
.m18--stats-main-item.use-smaller-font .m18--stats-main-item-content-body * {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.m18--stats-main-item-stat {
  font-style: normal;
  font-weight: bold;
  font-size: 8.4rem;
  line-height: 78px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  padding: 0 0 16px;
}
.is-smaller .m18--stats-main-item-stat {
  font-weight: 700;
  font-size: 6.8rem;
  line-height: 6.2rem;
}
@media (max-width: 991px) {
  .is-smaller .m18--stats-main-item-stat {
    font-size: 5.4rem;
    line-height: 5.2rem;
    padding: 0 0 12px;
  }
}
.is-larger .m18--stats-main-item-stat {
  font-size: 12.6rem;
  line-height: 110px;
  letter-spacing: -1.3px;
}
@media (max-width: 991px) {
  .is-larger .m18--stats-main-item-stat {
    font-size: 5.4rem;
    line-height: 52px;
    letter-spacing: -0.785714px;
  }
}
@media (max-width: 991px) {
  .m18--stats-main-item-stat {
    font-size: 5.4rem;
    line-height: 52px;
    letter-spacing: -0.785714px;
  }
}
.m18--stats-main-item .cta-links-wrapper {
  margin-top: 15px;
}

/**
 * Component: M19 - Text Basic
 * 
 */
.m19--text-basic {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m19--text-basic {
    padding: 50px 15px;
  }
}
.m19--text-basic h2.title {
  text-transform: uppercase;
  padding-bottom: 35px;
}
.m19--text-basic h6 {
  font-size: 2.6rem;
  line-height: 30px;
}
.m19--text-basic ol,
.m19--text-basic ul {
  padding: 0 0 3rem 2rem;
}
@media (max-width: 991px) {
  .m19--text-basic ol,
  .m19--text-basic ul {
    padding: 0 0 1rem 2rem;
  }
}
.m19--text-basic ol li,
.m19--text-basic ul li {
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .m19--text-basic ol li,
  .m19--text-basic ul li {
    padding-bottom: 1rem;
  }
}
.m19--text-basic ol li::marker {
  color: #B312FF;
  font-weight: 600;
}
/**
 * Component: M20 - Quote Photo
 * 
 */
.m20--quote-photo {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .m20--quote-photo .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m20--quote-photo .container .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.m20--quote-photo-main {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m20--quote-photo-main {
    padding: 30px 15px;
  }
}
.m20--quote-photo-main-bg {
  padding: 35px 70px 130px 35px;
  margin-right: -8.333333%;
  -webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
  height: 100%;
}
@media (max-width: 991px) {
  .m20--quote-photo-main-bg {
    -webkit-clip-path: none;
            clip-path: none;
    margin-right: 0;
    padding: 30px 15px;
    height: auto;
  }
}
.m20--quote-photo-main > div.ready:after {
  opacity: 1;
}
.m20--quote-photo-main > div:after {
  opacity: 0;
  content: "";
  width: 6px;
  height: 100%;
  background-color: #111111;
  -webkit-transform: skew(-6.5deg);
       -o-transform: skew(-6.5deg);
          transform: skew(-6.5deg);
  position: absolute;
  right: -3.5%;
  top: 0;
}
@media (max-width: 1200px) {
  .m20--quote-photo-main > div:after {
    -webkit-transform: skew(-5deg);
         -o-transform: skew(-5deg);
            transform: skew(-5deg);
  }
}
@media (max-width: 991px) {
  .m20--quote-photo-main > div:after {
    display: none !important;
  }
}
.m20--quote-photo-main > div.slant-2:after {
  -webkit-transform: skew(-6.5deg);
       -o-transform: skew(-6.5deg);
          transform: skew(-6.5deg);
}
@media (max-width: 1200px) {
  .m20--quote-photo-main > div.slant-2:after {
    -webkit-transform: skew(-5.25deg);
         -o-transform: skew(-5.25deg);
            transform: skew(-5.25deg);
  }
}
.m20--quote-photo-main > div.slant-3:after {
  -webkit-transform: skew(-5.5deg);
       -o-transform: skew(-5.5deg);
          transform: skew(-5.5deg);
}
.m20--quote-photo-main > div.slant-4:after {
  -webkit-transform: skew(-3.5deg);
       -o-transform: skew(-3.5deg);
          transform: skew(-3.5deg);
}
.m20--quote-photo-main > div.slant-6:after {
  -webkit-transform: skew(-4.5deg);
       -o-transform: skew(-4.5deg);
          transform: skew(-4.5deg);
}
.m20--quote-photo-main > div.slant-5:after {
  -webkit-transform: skew(-2.85deg);
       -o-transform: skew(-2.85deg);
          transform: skew(-2.85deg);
}
.m20--quote-photo-main-icon {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 8.4rem;
  line-height: 84px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #111111;
}
@media (max-width: 991px) {
  .m20--quote-photo-main-icon {
    line-height: 64px;
  }
}
.m20--quote-photo-main-content {
  font-style: normal;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 49px;
  color: #111111;
  padding: 0 0 50px;
}
.m20--quote-photo-main-content.use-small-font {
  font-size: 2.6rem;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .m20--quote-photo-main-content {
    font-size: 2.6rem;
    line-height: 32px;
    padding: 0 0 30px;
  }
}
.m20--quote-photo-main-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 991px) {
  .m20--quote-photo-main-details {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.m20--quote-photo-main-details-name h2 {
  padding: 0;
}
.m20--quote-photo-main-details-name-title {
  font-style: italic;
  font-weight: 500;
}
.m20--quote-photo-main-details .cta-links-wrapper {
  padding-top: 25px;
}
.m20--quote-photo-image {
  margin: 50px 0;
  background-size: cover;
  background-repeat: no-repeat;
  /**
   * Image within container
   * 
   */
}
@media (max-width: 991px) {
  .m20--quote-photo-image {
    display: none;
  }
}
.m20--quote-photo-image > div {
  height: calc(100% - 100px);
  width: calc(100% - 20px);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 50px;
  margin-left: -15px;
}

/**
 * Component: M21 - Quote
 * 
 */
.m21--quote {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .m21--quote {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m21--quote .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m21--quote-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 50vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m21--quote-bg {
    width: 100%;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.m21--quote-icon {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 8.4rem;
  line-height: 84px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #111111;
}
@media (max-width: 991px) {
  .m21--quote-icon {
    line-height: 64px;
  }
}
.m21--quote-content {
  padding: 0 0 50px;
}
.m21--quote-content,
.m21--quote-content * {
  font-style: normal;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 49px;
  color: #111111;
}
.m21--quote-content a {
  color: #3F0FFF !important;
  font-weight: 500 !important;
}
.m21--quote-content p {
  padding: 0;
}
@media (max-width: 991px) {
  .m21--quote-content {
    padding: 0 0 30px;
  }
  .m21--quote-content,
  .m21--quote-content * {
    font-size: 2.6rem;
    line-height: 32px;
  }
}
.m21--quote-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 991px) {
  .m21--quote-details {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.m21--quote-details.no-headshot-image:not(.no-slash) {
  padding-left: 4.5%;
}
.m21--quote-details.no-headshot-image:not(.no-slash):before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 6px solid #111111;
}
@media (max-width: 991px) {
  .m21--quote-details.no-headshot-image:not(.no-slash):before {
    left: -5px;
  }
}
.m21--quote-details-image img {
  margin-right: 32px;
}
@media (max-width: 991px) {
  .m21--quote-details-image img {
    margin-right: 25px;
    max-width: 48px;
  }
}
.m21--quote-details-name a {
  color: inherit;
}
.m21--quote-details-name h2 {
  padding: 0;
}
.m21--quote-details-name h4 {
  padding: 0 0 0.5rem;
}
.m21--quote-details-name-title {
  font-style: italic;
  font-weight: 500;
}
.m21--quote-details-name-title > a {
  text-decoration: underline;
}
.m21--quote-details-name a.button {
  margin-top: 17px;
}
.m21--quote-details .cta-links-wrapper {
  padding-top: 10px;
}

/**
 * Component: M22 - Video Carousel
 * 
 */
.m22--video-carousel {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m22--video-carousel {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m22--video-carousel .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m22--video-carousel-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m22--video-carousel-bg {
    display: none;
  }
}
.m22--video-carousel-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m22--video-carousel-intro {
    padding: 0 0 50px;
  }
}
.m22--video-carousel-intro-title, .m22--video-carousel-intro-content {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m22--video-carousel-intro-title, .m22--video-carousel-intro-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m22--video-carousel-intro-title {
    padding-bottom: 20px;
  }
}
.m22--video-carousel-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
.m22--video-carousel-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m22--video-carousel-intro-content {
    padding-left: 15px;
  }
}
.m22--video-carousel-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m22--video-carousel-intro-content:before {
    display: none;
  }
}
.m22--video-carousel-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m22--video-carousel-intro-content a.button {
  margin-top: 15px;
}
.m22--video-carousel-main-item > div {
  border-top: 6px solid #111111;
}
.m22--video-carousel-main-item-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.m22--video-carousel-main-item-container iframe,
.m22--video-carousel-main-item-container object,
.m22--video-carousel-main-item-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m22--video-carousel-main .slick-slide {
  padding: 0 15px;
}
.m22--video-carousel-main .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.m22--video-carousel-main-nav {
  padding-bottom: 25px;
}
.m22--video-carousel-main-nav-prev svg path, .m22--video-carousel-main-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m22--video-carousel-main-nav-prev:hover svg path, .m22--video-carousel-main-nav-next:hover svg path {
  fill: #2CFFFF !important;
}
.m22--video-carousel-main-nav-prev.slick-disabled svg path, .m22--video-carousel-main-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m22--video-carousel-main-nav-prev {
  margin-right: 16px;
}
.m22--video-carousel-main-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Component: M23 - Video
 * 
 */
.m23--video {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m23--video {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m23--video .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m23--video-bg {
  position: absolute;
  z-index: -1;
  height: 70%;
}
.m23--video-bg.bg-position-top {
  top: 0;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}
.m23--video-bg.bg-position-top:not(.align-content-right) {
  left: 0;
}
.m23--video-bg.bg-position-bottom {
  bottom: -1px;
  left: 0;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
}
.m23--video-bg.align-content-right {
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}
@media (min-width: 991px) {
  .m23--video-bg.align-content-right {
    width: calc((100vw - 1228px) / 2 + 921px);
  }
}
.m23--video-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m23--video-intro {
    padding: 0 0 50px;
  }
}
.m23--video-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
.has-dark-bg .m23--video-intro h2 {
  color: #FFFFFF;
}
.m23--video-right-intro > div {
  padding-right: 25px;
}
@media (max-width: 991px) {
  .m23--video-right-intro > div {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .m23--video-right-intro a.button {
    margin-bottom: 20px;
  }
}
.m23--video-main-item {
  margin-bottom: 30px;
}
.m23--video-main-item .with-cyan-border {
  border: 5px solid #2CFFFF;
}
.m23--video-main-item-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.m23--video-main-item-container iframe,
.m23--video-main-item-container object,
.m23--video-main-item-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m23--video-main-right {
  position: relative;
}
.bg-black .m23--video-main-right:before, .bg-charcoal .m23--video-main-right:before, .bg-indigo .m23--video-main-right:before {
  border-left: 0.75px solid #FFFFFF;
}
.m23--video-main-right:before {
  content: "";
  position: absolute;
  left: -5%;
  top: 0;
  width: 6px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 1200px) {
  .m23--video-main-right:before {
    left: -2%;
  }
}
@media (max-width: 991px) {
  .m23--video-main-right:before {
    display: none;
  }
}

/**
 * Component: M24 - Presenters
 * 
 */
.m24--presenters {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m24--presenters {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m24--presenters .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m24--presenters-intro {
  padding: 0 0 100px;
}
@media (max-width: 991px) {
  .m24--presenters-intro {
    padding: 0 0 50px;
  }
}
.m24--presenters-intro-title, .m24--presenters-intro-content {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m24--presenters-intro-title, .m24--presenters-intro-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m24--presenters-intro-title {
    padding-bottom: 20px;
  }
}
.m24--presenters-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
.m24--presenters-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m24--presenters-intro-content {
    padding-left: 15px;
  }
}
.m24--presenters-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m24--presenters-intro-content:before {
    display: none;
  }
}
.m24--presenters-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m24--presenters-main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .m24--presenters-main-item {
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .m24--presenters-main-item {
    display: block;
  }
}
.m24--presenters-main-item-image {
  padding: 0 30px 0 0;
}
@media (max-width: 768px) {
  .m24--presenters-main-item-image {
    padding-left: 0;
    padding-right: 0;
  }
}
.m24--presenters-main-item-image img {
  width: 100%;
  height: 100%;
}
.m24--presenters-main-item-content {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 15px 0;
}
@media (max-width: 768px) {
  .m24--presenters-main-item-content {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.m24--presenters-main-item-content h3 {
  padding: 0 0 10px;
}
.m24--presenters-main-item-content-title {
  font-weight: 500;
  letter-spacing: -0.140307px;
  line-height: 28px;
}

/**
 * Component: M25 - Agenda
 * 
 */
.m25--agenda {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m25--agenda {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m25--agenda .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m25--agenda-intro {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .m25--agenda-intro {
    padding: 0 0 50px;
  }
}
.m25--agenda-intro h2 {
  padding: 0;
}
.m25--agenda-main-item {
  padding: 55px 0;
  border-bottom: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m25--agenda-main-item {
    padding: 35px 0 25px;
  }
}
.m25--agenda-main-item:first-child {
  border-top: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-time h3 {
    padding: 0 0 5px;
  }
}
.m25--agenda-main-item-time-subtitle {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #B312FF;
  padding: 0 0 40px;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-time-subtitle {
    display: none;
  }
}
.m25--agenda-main-item-time-subtitle-responsive {
  display: none;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #B312FF;
  padding: 0 0 10px;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-time-subtitle-responsive {
    display: block;
  }
}
@media (max-width: 991px) {
  .m25--agenda-main-item-time-cta {
    display: none;
  }
}
.m25--agenda-main-item-content-body {
  padding: 0 0 calc(40px - 2rem);
}
.m25--agenda-main-item-content-body-cta-responsive {
  display: none;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-content-body-cta-responsive {
    display: block;
  }
}
.m25--agenda-main-item-content-speakers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-content-speakers {
    padding-top: 50px;
  }
}
.m25--agenda-main-item-content-speakers-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  padding: 0 33px 19px 0;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-content-speakers-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
.m25--agenda-main-item-content-speakers-item img {
  margin: 0 0 17px;
  max-width: 120px;
  width: auto;
  height: auto;
}
.m25--agenda-main-item-content-speakers-item h4 {
  font-size: 2.2rem;
  line-height: 20px;
  letter-spacing: -0.5px;
  padding: 0 0 1rem;
}
.m25--agenda-main-item-content-speakers-item span {
  font-size: 1.8rem;
  line-height: 24px;
}
@media (max-width: 991px) {
  .m25--agenda-main-item-content-speakers-item span {
    display: block;
    font-size: 1.6rem;
    line-height: 22px;
    letter-spacing: -0.0863429px;
  }
}
@media (min-width: 991px) {
  .m25--agenda-main-item-content-speakers-item span:not(:last-child):after {
    content: "|";
    padding: 0 10px;
  }
}

/**
 * Component: M26 - Timer
 * 
 */
.m26--timer {
  position: relative;
  padding-top: 100px;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .m26--timer {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .m26--timer .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m26--timer-intro {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .m26--timer-intro {
    padding: 0 0 40px;
  }
}
.m26--timer-intro h2 {
  padding: 0;
}
@media (max-width: 991px) {
  .m26--timer-main .container {
    padding: 0;
  }
}
.m26--timer-main .clockdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: #2CFFFF;
  padding: 21px 48px;
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 0;
  }
}
.m26--timer-main .clockdiv .clock-element {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  font-weight: 600;
  color: #111111;
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv .clock-element {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px 15px;
  }
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv .clock-element:first-child, .m26--timer-main .clockdiv .clock-element:nth-child(2) {
    border-bottom: 0.75px solid #111111;
  }
}
.m26--timer-main .clockdiv .clock-element:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: -5px;
  width: 3px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 2.5px solid #111111;
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv .clock-element:not(:last-child):after {
    display: none;
  }
}
.m26--timer-main .clockdiv .clock-element .clock-element__time {
  font-size: 5.2rem;
  line-height: 48px;
  letter-spacing: -0.928571px;
  padding-right: 14px;
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv .clock-element .clock-element__time {
    font-size: 3.4rem;
    line-height: 34px;
    letter-spacing: -0.785714px;
  }
}
.m26--timer-main .clockdiv .clock-element .clock-element__label {
  font-size: 2.6rem;
  line-height: 30px;
}
@media (max-width: 991px) {
  .m26--timer-main .clockdiv .clock-element .clock-element__label {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

/**
 * Component: M27 - Vs Cards
 * 
 */
.m27--vs-cards {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m27--vs-cards {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m27--vs-cards .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m27--vs-cards-intro {
  padding: 0 0 115px;
}
@media (max-width: 991px) {
  .m27--vs-cards-intro {
    padding: 0 0 40px;
  }
}
.m27--vs-cards-intro h2 {
  padding: 0;
}
@media (max-width: 768px) {
  .m27--vs-cards-main-item.is-drift {
    margin-bottom: 20px;
  }
}
.m27--vs-cards-main-item.is-drift > div {
  background-color: #333333;
}
.m27--vs-cards-main-item.is-drift > div * {
  color: #FFFFFF;
}
.m27--vs-cards-main-item.is-drift > div ul li:before,
.m27--vs-cards-main-item.is-drift > div ol li:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  background-image: url(../images/v2/checkmark.png);
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 1px;
}
.m27--vs-cards-main-item.is-competitor > div {
  background-color: #F5F8FA;
}
.m27--vs-cards-main-item.is-competitor > div ul li:before,
.m27--vs-cards-main-item.is-competitor > div ol li:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  background-image: url(../images/v2/close.svg);
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 1px;
}
.m27--vs-cards-main-item > div {
  padding: 50px;
  height: 100%;
}
@media (max-width: 991px) {
  .m27--vs-cards-main-item > div {
    padding: 25px;
  }
}
.m27--vs-cards-main-item > div .m27--vs-cards-main-item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 33px;
  max-height: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  .m27--vs-cards-main-item > div .m27--vs-cards-main-item-image {
    height: 40px;
    max-height: 40px;
    margin: 0 0 25px;
  }
}
.m27--vs-cards-main-item > div .m27--vs-cards-main-item-image img,
.m27--vs-cards-main-item > div .m27--vs-cards-main-item-image svg {
  max-height: 100%;
  width: auto;
}
.m27--vs-cards-main-item > div ul,
.m27--vs-cards-main-item > div ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.m27--vs-cards-main-item > div ul li,
.m27--vs-cards-main-item > div ol li {
  position: relative;
  padding: 0 0 15px 45px;
}
.m27--vs-cards-main-item > div p {
  padding: 0 0 15px;
}

/**
 * Component: M28 - Calculator
 * 
 */
.m28--calculator {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m28--calculator {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m28--calculator-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 50vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}
@media (max-width: 991px) {
  .m28--calculator-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m28--calculator .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m28--calculator-intro {
  padding: 0 0 60px;
}
@media (min-width: 991px) {
  .m28--calculator-intro {
    background-color: transparent !important;
  }
}
@media (max-width: 991px) {
  .m28--calculator-intro {
    padding: 60px 0 40px;
  }
}
.m28--calculator-intro h2 {
  padding: 0;
}
.m28--calculator-main .cost-field-row {
  padding-bottom: 50px;
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}
@media (max-width: 991px) {
  .m28--calculator-main .cost-field-row {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.m28--calculator-main .cost-field-row label {
  font-style: normal;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 30px;
  color: #111111;
}
.m28--calculator-main .cost-field-row .description {
  font-size: 1.8rem;
  line-height: 24px;
  padding: 0 0 15px;
}
@media (max-width: 991px) {
  .m28--calculator-main .cost-field-row .description {
    padding: 0 0 10px;
  }
}
.m28--calculator-main .cost-field-row .cost-output-label {
  font-style: normal;
  font-weight: 600;
  font-size: 4.4rem;
  line-height: 40px;
  letter-spacing: -0.785714px;
  text-transform: uppercase;
  padding: 0 0 10px;
}
.m28--calculator-main .cost-field-row .range-min-max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 22px;
  text-align: right;
  letter-spacing: -0.0863429px;
}
.m28--calculator-main .cost-field-row input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: #BABCBE;
  position: relative;
  margin-top: 1rem;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.m28--calculator-main .cost-field-row input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.m28--calculator-main .cost-field-row input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: #BABCBE;
  border-color: #BABCBE;
  color: #BABCBE;
}
.m28--calculator-main .cost-field-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #3F0FFF;
  border: 2px solid #3F0FFF;
  border-radius: 4px;
  height: 30px;
  width: 8px;
  cursor: pointer;
  margin-top: -10px;
}
.m28--calculator-main .cost-field-row input[type=range]::-moz-range-thumb {
  background: #3F0FFF;
  border: 2px solid #3F0FFF;
  border-radius: 4px;
  height: 34px;
  width: 10px;
  cursor: pointer;
}
.m28--calculator-main .cost-field-row input[type=range]::-ms-thumb {
  background: #3F0FFF;
  border: 2px solid #3F0FFF;
  border-radius: 4px;
  height: 34px;
  width: 10px;
  cursor: pointer;
}
.m28--calculator-main .cost-field-row input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #BABCBE;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #BABCBE;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #BABCBE;
  border-color: #BABCBE;
  border-width: 16px 0;
  color: #BABCBE;
}
.m28--calculator-main .cost-field-row input[type=range]::-ms-fill-lower {
  background: #3F0FFF;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]:focus::-ms-fill-lower {
  background: #3F0FFF;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]::-ms-fill-upper {
  background: #BABCBE;
  border-radius: 12.5px;
}
.m28--calculator-main .cost-field-row input[type=range]:focus::-ms-fill-upper {
  background: #BABCBE;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary {
    padding-top: 25px;
  }
}
.m28--calculator-main .calculator-summary > div {
  border: 6px solid #111111;
  padding: 43px 38px;
  background-color: #FFFFFF;
  overflow: hidden;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary > div {
    padding: 38px 32px;
  }
}
.m28--calculator-main .calculator-summary-title {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  padding: 0 0 23px;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary-title {
    font-size: 2.4rem;
    padding: 0 0 34px;
  }
}
.m28--calculator-main .calculator-summary-subtitle {
  font-style: normal;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 30px;
  padding: 0 0 7px;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary-subtitle {
    padding: 0 0 15px;
  }
}
.m28--calculator-main .calculator-summary-total {
  font-style: normal;
  font-weight: bold;
  font-size: 8.4rem;
  line-height: 78px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary-total {
    padding: 0 0 40px;
  }
}
.m28--calculator-main .calculator-summary-subtotal {
  font-style: normal;
  font-weight: 600;
  font-size: 3.8rem;
  line-height: 34px;
  letter-spacing: -0.678571px;
  text-transform: uppercase;
  padding: 0 0 23px;
}
.m28--calculator-main .calculator-summary .blur-out {
  opacity: 0.8;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.m28--calculator-main .calculator-summary a.button {
  margin: 33px 0 24px;
}
@media (max-width: 991px) {
  .m28--calculator-main .calculator-summary a.button {
    margin: 26px 0 24px;
  }
}
.m28--calculator-main .calculator-summary-note {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 16px;
  letter-spacing: -0.0863429px;
  color: #BABCBE;
}
.m28--calculator-main .cost-calculator form input[type=email] {
  width: 100%;
  height: 50px;
  padding: 10px;
}
.m28--calculator-main .cost-calculator form button[type=submit] {
  margin: 15px 0 24px;
}
/**
 * Component: M29 - Customer Story
 * 
 */
.m29--customer-story {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m29--customer-story {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m29--customer-story .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m29--customer-story-intro {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .m29--customer-story-intro {
    padding: 0 0 40px;
  }
}
.m29--customer-story-intro h1 {
  padding: 0;
}
.m29--customer-story-main {
  background-size: cover;
  background-repeat: no-repeat;
}
.m29--customer-story-main > .container > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: 75px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m29--customer-story-main > .container > .row {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 991px) {
  .m29--customer-story-main-content {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .m29--customer-story-main-content {
    padding: 0;
    margin-top: -2px;
  }
}
.m29--customer-story-main-content > div {
  padding: 45px 100px 45px 38px;
  height: 100%;
}
@media (max-width: 991px) {
  .m29--customer-story-main-content > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 25px 15px;
  }
}
.m29--customer-story-main-content-item {
  padding: 0 0 calc(50px - 3rem);
}
@media (max-width: 991px) {
  .m29--customer-story-main-content-item {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333333% - 20px);
            flex: 0 0 calc(33.3333333% - 20px);
  }
  .m29--customer-story-main-content-item p {
    padding: 0;
  }
}
.m29--customer-story-main-content-item h3 {
  padding: 0 0 5px;
}
.m29--customer-story-main-image {
  position: relative;
  margin-left: -8.333334%;
}
@media (max-width: 991px) {
  .m29--customer-story-main-image {
    margin-left: 0;
    padding: 0;
  }
}
@media (min-width: 991px) {
  .m29--customer-story-main-image {
    padding-left: 0;
  }
}
.m29--customer-story-main-image-body {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .m29--customer-story-main-image-body {
    padding: 25px;
  }
}
.m29--customer-story-main-image-body > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .m29--customer-story-main-image-body > img {
    padding: 0;
    width: calc(100% + 15px);
    max-width: none;
    margin-left: -15px;
  }
}
.m29--customer-story-main-image-body-line {
  position: absolute;
  z-index: 2;
  top: -25px;
  left: 24px;
  width: 100%;
  height: 120%;
  -webkit-transform: skew(-6deg, 0);
       -o-transform: skew(-6deg, 0);
          transform: skew(-6deg, 0);
  border-left: 0.75px solid #000000;
}
@media (max-width: 1200px) {
  .m29--customer-story-main-image-body-line {
    left: 25px;
  }
}
@media (max-width: 768px) {
  .m29--customer-story-main-image-body-line {
    top: 0;
    left: 23px;
    height: 100%;
  }
}
.m29--customer-story-main-image-body-logo {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #2CFFFF;
  padding: 8px 20px 5px;
  -webkit-clip-path: polygon(2% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(2% 0, 100% 0, 100% 100%, 0% 100%);
}
.m29--customer-story-main-image-body-logo img {
  max-width: 160px;
}
@media (max-width: 768px) {
  .m29--customer-story-main-image-body-logo {
    top: 25px;
    right: 25px;
  }
}

/**
 * Component: M30 - Icons - Compete
 * 
 */
.m30--icons-compete {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m30--icons-compete {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m30--icons-compete .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m30--icons-compete-intro {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .m30--icons-compete-intro {
    padding-bottom: 30px;
  }
}
.m30--icons-compete-intro-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 45px;
}
.m30--icons-compete-intro-body > div {
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 991px) {
  .m30--icons-compete-intro-body {
    padding-left: 15px;
  }
}
.m30--icons-compete-intro-body:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m30--icons-compete-intro-body:before {
    display: none;
  }
}
.m30--icons-compete-main-item {
  padding-top: 15px;
  padding-bottom: 25px;
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .m30--icons-compete-main-item {
    padding: 0 15px 50px;
    margin-bottom: 0;
  }
}
.m30--icons-compete-main-item-image {
  height: 100px;
  width: auto;
  padding-bottom: 28px;
}
@media (max-width: 991px) {
  .m30--icons-compete-main-item-image {
    padding-bottom: 20px;
    height: 70px;
  }
}
.m30--icons-compete-main-item-image img {
  height: 100%;
}
@media (max-width: 991px) {
  .m30--icons-compete-main-item-image img {
    height: auto;
    width: auto;
    max-height: 60px;
  }
}
.m30--icons-compete-main-item-content-title {
  padding-bottom: 25px;
}
@media (min-width: 991px) {
  .m30--icons-compete-main-item-content-body {
    padding-right: 15%;
  }
}

/**
 * Component: Job Openings - Greenhouse
 * 
 */
.m31--job-openings {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m31--job-openings {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m31--job-openings .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m31--job-openings-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 50vw;
  height: 600px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
@media (max-width: 991px) {
  .m31--job-openings-bg {
    display: none;
  }
}
.m31--job-openings-intro {
  border-bottom: 0.75px solid #111111;
}
.m31--job-openings-intro h2 {
  padding: 0 0 9px;
}
.m31--job-openings-main {
  padding-top: 15px;
}
.m31--job-openings-main-filter {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m31--job-openings-main-filter-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: 75px;
}
@media (max-width: 991px) {
  .m31--job-openings-main-filter-item {
    margin-right: 25px;
  }
}
@media (max-width: 768px) {
  .m31--job-openings-main-filter-item {
    width: 100%;
    margin: 0 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.m31--job-openings-main-filter-item-arrow {
  position: absolute;
  right: 0;
  top: 9px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3334 1L7.66671 9L1.00004 0.999999' stroke='%23111111' stroke-width='1.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.m31--job-openings-main-filter-item select.job-filter {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 24px;
  width: 100%;
}
.m31--job-openings-main #jobs-container {
  padding-top: calc(73px - 3rem);
  background: none;
}
.m31--job-openings-main #jobs-container .department-row-list {
  padding-bottom: 20px;
  background: none;
}
.m31--job-openings-main #jobs-container .department-row-list .header-col {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .m31--job-openings-main #jobs-container .department-row-list .header-col {
    margin-bottom: 20px;
  }
}
.m31--job-openings-main #jobs-container .department-row-list .header-col > div {
  border-bottom: 6px solid #111111;
}
.m31--job-openings-main #jobs-container .department-row-list .header-col h4 {
  padding: 0 0 15px;
}
.m31--job-openings-main #jobs-container .department-row-list .job-list {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .m31--job-openings-main #jobs-container .department-row-list .job-list {
    margin-bottom: 20px;
  }
}
.m31--job-openings-main #jobs-container .department-row-list .job-list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 15px;
  height: 100%;
  border: 1px solid #111111;
  background-color: #FFFFFF;
}
.m31--job-openings-main #jobs-container .department-row-list .job-list > a .job-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 24px;
  color: #3F0FFF;
  padding: 0 0 17px;
}
.m31--job-openings-main #jobs-container .department-row-list .job-list > a .job-location {
  color: #111111;
}

/**
 * Component: M32 Pricing Plans
 * 
 */
.m32--pricing {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m32--pricing {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m32--pricing .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m32--pricing-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m32--pricing-intro {
    padding: 0 0 50px;
  }
}
.m32--pricing-intro h1 {
  padding: 0;
}
@media (max-width: 991px) {
  .m32--pricing-intro h1 {
    padding: 0 0 20px;
  }
}
.m32--pricing-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m32--pricing-intro-content {
    padding-left: 15px;
  }
}
.m32--pricing-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m32--pricing-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m32--pricing-intro-content:before {
    display: none;
  }
}
.m32--pricing-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m32--pricing-intro-content a.button {
  margin-top: 15px;
}
.m32--pricing-main {
  position: relative;
  padding: 66px 0;
}
@media (max-width: 991px) {
  .m32--pricing-main {
    padding: 0 0 25px;
  }
}
.m32--pricing-main-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 70vw;
  height: 75%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}
@media (max-width: 991px) {
  .m32--pricing-main-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m32--pricing-main-plan {
    margin-bottom: 25px;
  }
}
.m32--pricing-main-plan > div {
  border-top: 6px solid #111111;
  border-right: 0.75px solid #111111;
  border-bottom: 0.75px solid #111111;
  border-left: 0.75px solid #111111;
  background-color: #FFFFFF;
  height: 100%;
  padding: 30px 25px 30px 20px;
  overflow: hidden;
}
.m32--pricing-main-plan h2 {
  padding: 0 0 12px;
}
@media (max-width: 1200px) {
  .m32--pricing-main-plan h2 {
    font-size: 3rem;
  }
}
.m32--pricing-main-plan-features {
  font-size: 1.6rem;
  padding-top: 32px;
}
.m32--pricing-main-plan-features .italic {
  border-bottom: 0.75px solid #BABCBE;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.m32--pricing-main-plan-features-items > div {
  font-weight: 600;
}
.m32--pricing-main-plan-features-items > div:not(:last-child) {
  padding-bottom: 20px;
}
.m32--pricing-main-plan-features-items > div span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.m32--pricing-footer-intro {
  padding-bottom: calc(40px - 3rem);
}
.m32--pricing-footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m32--pricing-footer-item svg {
  width: 21px;
  max-width: none;
  -webkit-transform: translate(0, 5px);
       -o-transform: translate(0, 5px);
          transform: translate(0, 5px);
  margin-right: 10px;
}

/**
 * Component: M33 Logo Scroll
 * 
 */
.m33--logos-scroll {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m33--logos-scroll {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m33--logos-scroll .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m33--logos-scroll h2 {
  padding: 0 0 100px;
}
@media (max-width: 991px) {
  .m33--logos-scroll h2 {
    padding: 0 0 50px;
  }
}
.m33--logos-scroll h2 span {
  color: #FF5AE5;
  font-style: italic;
}
.m33--logos-scroll-main .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m33--logos-scroll-main .slick-track .slick-slide {
  width: 250px;
}
.m33--logos-scroll-main .slick-track .slick-slide > div {
  padding: 0 50px;
}

/**
 * Component: M34 Featured Customer Stories
 * 
 */
.m34--featured-customer-stories {
  margin: 90px 0;
}
.m34--featured-customer-stories .container {
  padding-left: 15px;
  padding-right: 15px;
}
.m34--featured-customer-stories h3 {
  font-family: Balto;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #111111;
}
.m34--featured-customer-stories h2 {
  font-family: Balto;
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 48px;
  letter-spacing: -0.928571px;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 75px;
}
.m34--featured-customer-stories-story {
  border-top: 0.75px solid #111111;
}
.m34--featured-customer-stories-story h4 {
  font-family: Balto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #111111;
  margin-top: 10px;
  padding-bottom: 6px;
}
.m34--featured-customer-stories-story h2 {
  font-family: Balto;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 38px;
}
.m34--featured-customer-stories-story-image {
  height: 183px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}
.m34--featured-customer-stories-story-image a {
  -ms-flex-item-align: center;
      align-self: center;
}

/**
 * Component: M35 Company Listing
 * 
 */
.m35--company-listing {
  border-top: 6px solid #111111;
  border-bottom: 6px solid #111111;
  padding-top: 41px;
  padding-bottom: 110px;
}
.m35--company-listing .container {
  padding-left: 15px;
  padding-right: 15px;
}
.m35--company-listing-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m35--company-listing-filters > div:first-child {
  margin-right: 75px;
}
.m35--company-listing-filters-filter {
  position: relative;
  font-family: "Balto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.m35--company-listing-filters-filter > div {
  position: relative;
  padding-right: 25px;
}
.m35--company-listing-filters-filter > div:before, .m35--company-listing-filters-filter > div:after {
  position: absolute;
  content: "";
  background-color: #111111;
  width: 10px;
  height: 1px;
  right: 0;
  top: 50%;
}
.m35--company-listing-filters-filter > div:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 7px;
}
.m35--company-listing-filters-filter > div:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.m35--company-listing-filters-filter ul {
  display: none;
  position: absolute;
  background-color: #ffffff;
  border: solid 1px #111111;
  padding: 22px 15px;
  z-index: 50;
}
.m35--company-listing-filters-filter ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  padding-right: 10px;
  position: relative;
  padding-left: 20px;
}
.m35--company-listing-filters-filter ul li:before {
  position: absolute;
  content: "";
  border: solid 1px #111111;
  width: 13px;
  height: 13px;
  background-color: #ffffff;
}
.m35--company-listing-filters-filter ul li.checked:before {
  background-color: #3f0fff;
}
.m35--company-listing-filters-filter ul li:hover {
  cursor: pointer;
}
.m35--company-listing-filters-filter ul li input {
  margin-right: 12px;
}
.m35--company-listing-filters-filter ul li label {
  font-family: "Balto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  margin-left: 25px;
}
.m35--company-listing-filters-filter ul li input:hover,
.m35--company-listing-filters-filter ul li label:hover {
  cursor: pointer;
}
.m35--company-listing-filters-filter:hover > div {
  cursor: pointer;
  color: #3f0fff;
}
.m35--company-listing-filters-filter:hover > div:before, .m35--company-listing-filters-filter:hover > div:after {
  background-color: #3f0fff;
}
.m35--company-listing-filters-filter:hover ul {
  display: block;
}
.m35--company-listing-content {
  margin-top: 96px;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study {
  border-top: 0.75px solid #111111;
  padding: 9px 0 75px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study-personas {
  font-family: "Balto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study h3 {
  font-family: "Balto";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #111111;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study img {
  margin: 38px 0 29px;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study a:not(.link.video) {
  color: #111111;
}
.m35--company-listing-content [class^=col-] .m35--company-listing-content-case-study .cta-links-wrapper {
  padding-left: 15px;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.m35--company-listing-content [class^=col-]:nth-child(2) .m35--company-listing-content-case-study {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/**
 * Component: M36 - Breadcrumb
 * 
 */
.m36--breadcrumb {
  padding: 50px 0 0;
  margin-bottom: -50px;
}
@media (max-width: 991px) {
  .m36--breadcrumb {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m36--breadcrumb .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m36--breadcrumb a {
  font-size: 1.4rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #333333;
  text-transform: uppercase;
}
.m36--breadcrumb a:not(:last-child) {
  margin-right: 11px;
}
.m36--breadcrumb a:not(:last-child):after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='20' viewBox='0 0 4 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.113 19.95 3.16.113' stroke='%23BABCBE' stroke-width='.75'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 5px;
  height: 20px;
  -webkit-transform: translate(0, 5px);
       -o-transform: translate(0, 5px);
          transform: translate(0, 5px);
  margin-left: 11px;
}
.m36--breadcrumb a.active {
  color: #111111;
  font-weight: 500;
}
.m36--breadcrumb a:hover {
  font-style: italic;
}

/**
 * Component: M37 WYSIWYG
 * 
 */
.m37--wysiwyg {
  position: relative;
}
@media (max-width: 991px) {
  .m37--wysiwyg .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m37--wysiwyg .subheader {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FF5AE5;
  padding: 0 0 5px;
}

/**
 * Component: M37 WYSIWYG
 * 
 */
.m38--expandable-items {
  position: relative;
}
@media (max-width: 991px) {
  .m38--expandable-items .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m38--expandable-items .expandable-items {
  padding-top: 40px;
}
.m38--expandable-items .expandable-item {
  border-bottom: 1px solid #111;
  padding-top: 24px;
  padding-bottom: 12px;
  position: relative;
  margin-left: 0;
  cursor: pointer;
}
.m38--expandable-items .expandable-item:first-of-type {
  border-top: 1px solid #111;
}
@media (max-width: 768px) {
  .m38--expandable-items .expandable-mobile-border:first-of-type {
    border-top: 0;
  }
}
.m38--expandable-items .expandable-item__opened:before {
  position: absolute;
  left: 0;
  content: "−";
  display: block;
  font-weight: bold;
  font-size: 24px;
}
.m38--expandable-items .expandable-item__closed:before {
  position: absolute;
  left: 0;
  content: "+";
  display: block;
  font-weight: bold;
  font-size: 24px;
}
.m38--expandable-items .expandable-item-title {
  padding-left: 32px;
  font-weight: 800;
  font-size: 2.6rem;
  line-height: 30px;
}
@media (max-width: 991px) {
  .m38--expandable-items .expandable-item-title {
    font-size: 1.8rem;
    line-height: 24px;
  }
}
.m38--expandable-items .expandable-item-body {
  margin-top: 12px;
  cursor: text;
  padding-left: 32px;
}
.m38--expandable-items .expandable-item .expandable-item-body {
  -webkit-transition: height 250ms ease-in-out;
  -o-transition: height 250ms ease-in-out;
  transition: height 250ms ease-in-out;
  height: auto;
}
.m38--expandable-items .expandable-item.expandable-item__closed .expandable-item-body {
  height: 0;
  overflow: hidden;
}

/**
 * Component: M39 Pricing
 * 
 */
.m39--pricing {
  position: relative;
  padding-top: 85px;
}
@media (max-width: 991px) {
  .m39--pricing {
    padding-top: 63px;
  }
}
@media (max-width: 991px) {
  .m39--pricing .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m39--pricing-intro {
  padding: 0 0 100px;
}
@media (max-width: 991px) {
  .m39--pricing-intro {
    padding: 0 0 40px;
  }
}
.m39--pricing-intro h1 {
  padding: 0;
}
@media (max-width: 991px) {
  .m39--pricing-intro h1 {
    padding: 0 0 20px;
  }
}
.m39--pricing-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m39--pricing-intro-content {
    padding-left: 15px;
  }
}
.m39--pricing-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m39--pricing-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m39--pricing-intro-content:before {
    display: none;
  }
}
.m39--pricing-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m39--pricing-intro-content a.button {
  margin-top: 15px;
}
.m39--pricing-bar {
  background-color: #FFFF05;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .m39--pricing-bar {
    padding-top: 21px;
  }
}
.m39--pricing-bar-title {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  margin-right: 50px;
}
.m39--pricing-bar-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .m39--pricing-bar-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px 15px 0;
  }
}
.m39--pricing-bar-item {
  margin-right: 50px;
}
@media (max-width: 991px) {
  .m39--pricing-bar-item {
    padding-bottom: 19px;
  }
}
.m39--pricing-bar-item,
.m39--pricing-bar-item * {
  font-family: "Balto";
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  color: #000000;
}
.m39--pricing-bar-item svg {
  margin-right: 13px;
}
.m39--pricing-bar-item span:hover {
  text-decoration: none !important;
  font-style: normal !important;
  color: #000000;
}
.m39--pricing-bar-item span img {
  -webkit-transform: translate(0, 1px);
       -o-transform: translate(0, 1px);
          transform: translate(0, 1px);
}
.m39--pricing-tables {
  position: relative;
  padding-top: 50px;
  padding-bottom: 90px;
}
@media (max-width: 991px) {
  .m39--pricing-tables {
    padding-top: 35px;
  }
}
.m39--pricing-tables-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 70vw;
  height: 615px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}
@media (max-width: 991px) {
  .m39--pricing-tables-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m39--pricing-tables-column {
    margin-bottom: 25px;
  }
}
.m39--pricing-tables-column > div {
  border-top: 6px solid #000000;
  border-right: 0.75px solid #000000;
  border-bottom: 0.75px solid #000000;
  border-left: 0.75px solid #000000;
  background-color: #FFFFFF;
  padding: 24px 20px;
}
.m39--pricing-tables-column h5 {
  text-transform: uppercase;
  color: #000000;
  padding: 0 0 7px;
}
.m39--pricing-tables-column-label {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  text-transform: uppercase;
  color: #FF5AE5;
}
.m39--pricing-tables-column-body, .m39--pricing-tables-column-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #000000;
}
.m39--pricing-tables-column-pricing-eyebrow, .m39--pricing-tables-column-pricing-subhead {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #000000;
}
.m39--pricing-tables-column-pricing-title {
  font-style: normal;
  font-weight: 600;
  font-size: 5.2rem;
  line-height: 48px;
  letter-spacing: -0.928571px;
  color: #000000;
  padding-bottom: 5px;
}
.m39--pricing-tables-column-pricing-title.smaller {
  font-size: 4rem;
  line-height: 48px;
}
.m39--pricing-tables-column-pricing-title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.8rem;
  line-height: 22px;
  letter-spacing: -0.93px;
}
@media (max-width: 991px) {
  .m39--pricing-tables-column-pricing-title span {
    -webkit-transform: translate(0, -2px);
         -o-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
}
.m39--pricing-tables-column-pricing-ctas {
  margin-top: 16px;
}
.m39--pricing-tables-column-features {
  padding-top: 55px;
}
.m39--pricing-tables-column-features-title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #333333;
  border-bottom: 0.75px solid #BABCBE;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.m39--pricing-tables-column-features-main span {
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  color: #000000;
  padding: 0 0 18px;
}
.m39--pricing-tables-column-features-main span img {
  -webkit-transform: translate(0, 2px);
       -o-transform: translate(0, 2px);
          transform: translate(0, 2px);
}
.m39--pricing-tables-column-services {
  padding-top: 25px;
}
.m39--pricing-tables-column-services-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: -0.0863429px;
  color: #333333;
  padding-bottom: 5px;
  margin-bottom: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .m39--pricing-tables-column-services-title {
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.m39--pricing-tables-column-services-title:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4.38199L8.44329 0.250049L10 1.54731L5.77836 6.61328L4.22164 6.61328L4.42881e-07 1.54731L1.55671 0.250048L5 4.38199Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 7px;
  margin-left: 5px;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m39--pricing-tables-column-services-title[aria-expanded=true] {
  margin-bottom: 20px;
  border-bottom: 0.75px solid #BABCBE;
}
.m39--pricing-tables-column-services-title[aria-expanded=true]:after {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m39--pricing-tables-column-services-main span {
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 24px;
  color: #000000;
  padding: 0 0 18px;
}
.m39--pricing-tables-column-services-main span img {
  -webkit-transform: translate(0, 2px);
       -o-transform: translate(0, 2px);
          transform: translate(0, 2px);
}
.m39--pricing-compare-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #3F0FFF;
  cursor: pointer;
  padding-bottom: 20px;
  border-bottom: 0.75px solid #000000;
}
.m39--pricing-compare-toggle:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00001 5.45831L10.132 0.499984L12 2.0567L6.93404 8.13586L5.06598 8.13586L8.16085e-06 2.0567L1.86807 0.499983L6.00001 5.45831Z' fill='%233F0FFF'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 8px;
  margin-left: 5px;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m39--pricing-compare-toggle[aria-expanded=true]:after {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m39--pricing-compare-main {
  padding-top: 100px;
}
.m39--pricing-compare-main table {
  width: 100%;
  border-collapse: collapse;
}
.m39--pricing-compare-main table thead th {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.535714px;
  text-transform: uppercase;
  color: #000000;
}
.m39--pricing-compare-main table thead th.spacer {
  width: 30px;
}
.m39--pricing-compare-main table thead th.column {
  background-color: #F5F8FA;
  width: 20%;
  padding: 18px 0 26px;
}
.m39--pricing-compare-main table tbody tr.group-header {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  color: #000000;
}
.m39--pricing-compare-main table tbody tr.group-header td {
  padding-bottom: 16px;
  border-bottom: 6px solid #000000;
}
.m39--pricing-compare-main table tbody tr.group-header td.blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  border-bottom: 6px solid rgba(186, 188, 190, 0.6);
}
.m39--pricing-compare-main table tbody tr.vertical-spacer {
  height: 64px;
}
.m39--pricing-compare-main table tbody tr.vertical-spacer td {
  border: none !important;
}
.m39--pricing-compare-main table tbody tr:not(.group-header) td {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 20px;
  color: #000000;
  padding: 14px 0;
  border-bottom: 1px solid #000000;
}
.m39--pricing-compare-main table tbody tr td.column {
  position: relative;
  background-color: #F5F8FA;
  text-align: center;
}
.m39--pricing-compare-main table tbody tr td.blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  border-bottom: 1px solid #BABCBE;
}
.m39--pricing-compare-main table tbody tr td span {
  color: #3F0FFF;
  font-weight: 500;
}
.m39--pricing-compare-main table tbody tr td.has-custom-plan {
  border-bottom: 6px solid rgba(186, 188, 190, 0.6);
}
.m39--pricing-compare-main table tbody tr td .custom-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 165px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.m39--pricing-compare-main table tbody tr td .custom-plan > div {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  padding: 0 0 13px;
}
.m39--pricing-compare-cta {
  padding-top: 100px;
  padding-bottom: 100px;
}
.m39--pricing-compare-cta h5 {
  padding: 0 0 32px;
}

/**
 * Component: M40 Content Carousel
 * 
 */
.m40--content-carousel {
  position: relative;
  padding-top: 85px;
}
@media (max-width: 991px) {
  .m40--content-carousel {
    padding-top: 63px;
  }
}
.m40--content-carousel-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 50vw;
  height: 75%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}
@media (max-width: 991px) {
  .m40--content-carousel-bg {
    display: none;
  }
}
@media (max-width: 991px) {
  .m40--content-carousel .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m40--content-carousel-intro {
  padding: 0 0 100px;
}
@media (max-width: 991px) {
  .m40--content-carousel-intro {
    padding: 0 0 40px;
  }
}
.m40--content-carousel-intro h1 {
  padding: 0;
}
@media (max-width: 991px) {
  .m40--content-carousel-intro h1 {
    padding: 0 0 20px;
  }
}
.m40--content-carousel-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m40--content-carousel-intro-content {
    padding-left: 15px;
  }
}
.m40--content-carousel-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m40--content-carousel-intro-content:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m40--content-carousel-intro-content:before {
    display: none;
  }
}
.m40--content-carousel-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m40--content-carousel-intro-content a.button {
  margin-top: 15px;
}
.m40--content-carousel-main-item {
  border: 0.75px solid #111111;
  border-top: 6px solid #111111;
  background-color: #FFFFFF;
  height: 100%;
}
@media (max-width: 991px) {
  .m40--content-carousel-main-item {
    min-height: 215px;
  }
}
.m40--content-carousel-main-item > div {
  padding: 20px;
  height: 100%;
}
.m40--content-carousel-main-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-bottom: 16px;
}
.m40--content-carousel-main .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.m40--content-carousel-main .slick-slide {
  padding: 0 15px;
  height: inherit !important;
}
.m40--content-carousel-main .slick-slide > div {
  height: 100%;
}
.m40--content-carousel-main .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.m40--content-carousel-main-nav {
  padding-bottom: 25px;
}
.m40--content-carousel-main-nav-prev svg path, .m40--content-carousel-main-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m40--content-carousel-main-nav-prev:hover svg path, .m40--content-carousel-main-nav-next:hover svg path {
  fill: #2CFFFF !important;
}
.m40--content-carousel-main-nav-prev.slick-disabled svg path, .m40--content-carousel-main-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m40--content-carousel-main-nav-prev {
  margin-right: 16px;
}
.m40--content-carousel-main-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Component: M41 Donut Charts
 * 
 */
.m41--donuts {
  position: relative;
  padding-top: 65px;
}
@media (max-width: 991px) {
  .m41--donuts .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m41--donuts-intro {
  padding: 0 0 45px;
}
@media (max-width: 991px) {
  .m41--donuts-intro {
    padding: 0 0 40px;
  }
}
@media (min-width: 991px) {
  .m41--donuts-intro-title {
    padding-right: 50px;
  }
}
.m41--donuts-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m41--donuts-intro-content {
    padding-left: 15px;
  }
}
.m41--donuts-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m41--donuts-intro-content:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m41--donuts-intro-content:before {
    display: none;
  }
}
.m41--donuts-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m41--donuts-intro-content a.button {
  margin-top: 15px;
}
.m41--donuts-main .row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.m41--donuts-main p {
  padding: 0;
}
@media (max-width: 991px) {
  .m41--donuts-main-content {
    padding-bottom: 40px;
  }
}

/**
 * Component: M42 Two Columns: Small
 * 
 */
.m42--two-col-small {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m42--two-col-small {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m42--two-col-small .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .m42--two-col-small-column:first-child {
    padding-bottom: 40px;
  }
}

/**
 * Component: M43 Icons and Text
 * 
 */
.m43--icons-text-item {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #111111;
  padding-bottom: 43px;
}
.m43--icons-text-item img {
  margin-right: 15px;
}

/**
 * Component: M44 Books: WYSIWYG Intro
 * 
 */
@media (max-width: 991px) {
  .m44--books-wysiwyg-intro-cta {
    padding-bottom: 55px;
  }
}

/**
 * Compnent: M45 Two Columns Text
 * 
 */
.m45--two-col-text.bg-black {
  padding-top: 165px;
  padding-bottom: calc(145px - 3rem);
}
@media (max-width: 991px) {
  .m45--two-col-text.bg-black {
    padding: 45px 0;
  }
}
@media (max-width: 991px) {
  .m45--two-col-text .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m45--two-col-text h2 {
  padding: 0 0 3rem;
}
@media (max-width: 991px) {
  .m45--two-col-text h2 br {
    display: none;
  }
}
.m45--two-col-text h2 span {
  color: #FF5AE5;
  font-style: italic;
}
.m45--two-col-text-column-title {
  position: relative;
}
.m45--two-col-text-column-title img {
  position: absolute;
  right: 0;
  top: 15px;
  width: 22px;
  height: auto;
}
@media (max-width: 991px) {
  .m45--two-col-text-column-title img {
    display: none;
  }
}

/**
 * Component: M47 Bar Chart
 * 
 */
.m47--bar {
  position: relative;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .m47--bar .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m47--bar .subheader {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FF5AE5;
  padding: 0 0 5px;
}
.m47--bar-main-row:not(:last-child) {
  border-bottom: 0.5px solid #BABCBE;
}
.m47--bar-main-row:last-child .m47--bar-main-row-bar {
  border-bottom: 2px solid #111111;
  padding-bottom: 15px;
}
.m47--bar-main-row-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.0863429px;
  padding: 15px 11px 10px 0;
  width: 142px;
  -webkit-font-smoothing: auto;
  border-right: 2px solid #111111;
}
@media (max-width: 991px) {
  .m47--bar-main-row-title {
    font-size: 10.3559px;
    line-height: 12px;
    letter-spacing: -0.0638686px;
    width: 100px;
  }
}
.m47--bar-main-row:nth-child(1) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.m47--bar-main-row:nth-child(2) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.m47--bar-main-row:nth-child(3) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.m47--bar-main-row:nth-child(4) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.m47--bar-main-row:nth-child(5) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.m47--bar-main-row:nth-child(6) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.m47--bar-main-row:nth-child(7) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.m47--bar-main-row:nth-child(8) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.m47--bar-main-row:nth-child(9) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 0.9s;
       -o-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.m47--bar-main-row:nth-child(10) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.m47--bar-main-row:nth-child(11) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.m47--bar-main-row:nth-child(12) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.2s;
       -o-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.m47--bar-main-row:nth-child(13) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.3s;
       -o-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.m47--bar-main-row:nth-child(14) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.4s;
       -o-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.m47--bar-main-row:nth-child(15) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.m47--bar-main-row:nth-child(16) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.6s;
       -o-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.m47--bar-main-row:nth-child(17) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.7s;
       -o-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.m47--bar-main-row:nth-child(18) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.m47--bar-main-row:nth-child(19) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 1.9s;
       -o-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.m47--bar-main-row:nth-child(20) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}
.m47--bar-main-row:nth-child(21) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.1s;
       -o-transition-delay: 2.1s;
          transition-delay: 2.1s;
}
.m47--bar-main-row:nth-child(22) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.2s;
       -o-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.m47--bar-main-row:nth-child(23) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.3s;
       -o-transition-delay: 2.3s;
          transition-delay: 2.3s;
}
.m47--bar-main-row:nth-child(24) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.4s;
       -o-transition-delay: 2.4s;
          transition-delay: 2.4s;
}
.m47--bar-main-row:nth-child(25) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.5s;
       -o-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
.m47--bar-main-row:nth-child(26) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.6s;
       -o-transition-delay: 2.6s;
          transition-delay: 2.6s;
}
.m47--bar-main-row:nth-child(27) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.7s;
       -o-transition-delay: 2.7s;
          transition-delay: 2.7s;
}
.m47--bar-main-row:nth-child(28) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.8s;
       -o-transition-delay: 2.8s;
          transition-delay: 2.8s;
}
.m47--bar-main-row:nth-child(29) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 2.9s;
       -o-transition-delay: 2.9s;
          transition-delay: 2.9s;
}
.m47--bar-main-row:nth-child(30) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3s;
       -o-transition-delay: 3s;
          transition-delay: 3s;
}
.m47--bar-main-row:nth-child(31) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.1s;
       -o-transition-delay: 3.1s;
          transition-delay: 3.1s;
}
.m47--bar-main-row:nth-child(32) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.2s;
       -o-transition-delay: 3.2s;
          transition-delay: 3.2s;
}
.m47--bar-main-row:nth-child(33) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.3s;
       -o-transition-delay: 3.3s;
          transition-delay: 3.3s;
}
.m47--bar-main-row:nth-child(34) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.4s;
       -o-transition-delay: 3.4s;
          transition-delay: 3.4s;
}
.m47--bar-main-row:nth-child(35) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.5s;
       -o-transition-delay: 3.5s;
          transition-delay: 3.5s;
}
.m47--bar-main-row:nth-child(36) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.6s;
       -o-transition-delay: 3.6s;
          transition-delay: 3.6s;
}
.m47--bar-main-row:nth-child(37) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.7s;
       -o-transition-delay: 3.7s;
          transition-delay: 3.7s;
}
.m47--bar-main-row:nth-child(38) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.8s;
       -o-transition-delay: 3.8s;
          transition-delay: 3.8s;
}
.m47--bar-main-row:nth-child(39) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 3.9s;
       -o-transition-delay: 3.9s;
          transition-delay: 3.9s;
}
.m47--bar-main-row:nth-child(40) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4s;
       -o-transition-delay: 4s;
          transition-delay: 4s;
}
.m47--bar-main-row:nth-child(41) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.1s;
       -o-transition-delay: 4.1s;
          transition-delay: 4.1s;
}
.m47--bar-main-row:nth-child(42) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.2s;
       -o-transition-delay: 4.2s;
          transition-delay: 4.2s;
}
.m47--bar-main-row:nth-child(43) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.3s;
       -o-transition-delay: 4.3s;
          transition-delay: 4.3s;
}
.m47--bar-main-row:nth-child(44) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.4s;
       -o-transition-delay: 4.4s;
          transition-delay: 4.4s;
}
.m47--bar-main-row:nth-child(45) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.5s;
       -o-transition-delay: 4.5s;
          transition-delay: 4.5s;
}
.m47--bar-main-row:nth-child(46) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.6s;
       -o-transition-delay: 4.6s;
          transition-delay: 4.6s;
}
.m47--bar-main-row:nth-child(47) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.7s;
       -o-transition-delay: 4.7s;
          transition-delay: 4.7s;
}
.m47--bar-main-row:nth-child(48) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.8s;
       -o-transition-delay: 4.8s;
          transition-delay: 4.8s;
}
.m47--bar-main-row:nth-child(49) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 4.9s;
       -o-transition-delay: 4.9s;
          transition-delay: 4.9s;
}
.m47--bar-main-row:nth-child(50) .m47--bar-main-row-bar span {
  -webkit-transition-delay: 5s;
       -o-transition-delay: 5s;
          transition-delay: 5s;
}
.m47--bar-main-row-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 10px 0;
}
.m47--bar-main-row-bar span.bar {
  height: 34px;
  background-color: #2CFFFF;
  margin-right: 9px;
  width: 0;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
@media (max-width: 991px) {
  .m47--bar-main-row-bar span.bar {
    height: 25px;
  }
}
.m47--bar-main-row-bar span.percent {
  font-weight: 700;
  font-size: 38px;
  line-height: 34px;
  letter-spacing: -0.678571px;
  text-transform: uppercase;
  color: #111111;
}
@media (max-width: 991px) {
  .m47--bar-main-row-bar span.percent {
    font-size: 28.109px;
    line-height: 25px;
    letter-spacing: -0.501946px;
  }
}

/**
 * Compnent: M48 Two Columns Table
 * 
 */
.m48--two-col-table {
  padding: 115px 0;
}
@media (max-width: 991px) {
  .m48--two-col-table {
    padding: 45px 0;
  }
}
@media (max-width: 991px) {
  .m48--two-col-table .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m48--two-col-table-intro {
  padding: 0 0 calc(60px - 3rem);
}
@media (max-width: 991px) {
  .m48--two-col-table-intro {
    padding: 0 0 6px;
  }
}
.m48--two-col-table-intro h2 {
  padding: 0 0 30px;
}
@media (max-width: 991px) {
  .m48--two-col-table-intro h2 {
    padding: 0 0 20px;
  }
}
@media (max-width: 991px) {
  .m48--two-col-table-intro .text-large,
  .m48--two-col-table-intro .text-large * {
    font-size: 1.6rem;
  }
}
.m48--two-col-table-main-item {
  padding-top: 30px;
  padding-bottom: calc(45px - 3rem);
  border-top: 1.82px solid #111111;
}
@media (max-width: 991px) {
  .m48--two-col-table-main-item {
    padding-bottom: calc(30px - 2rem);
  }
}
.m48--two-col-table-main-item:last-child {
  border-bottom: 1.82px solid #111111;
}
.m48--two-col-table-main-item h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.54184rem;
  line-height: 2.4rem;
  letter-spacing: -0.4539px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m48--two-col-table-main-item h3 {
    font-size: 2.8rem;
    line-height: 3rem;
    letter-spacing: -0.785714px;
  }
}
.m48--two-col-table-main-item-content {
  font-style: normal;
  font-weight: 400;
  font-size: 1.35565rem;
  line-height: 1.9rem;
  letter-spacing: -0.0731566px;
}
@media (max-width: 991px) {
  .m48--two-col-table-main-item-content {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: -0.0863429px;
  }
}

/**
 * Compnent: M49 Three Column Cards
 * 
 */
.m49--three-col-cards {
  position: relative;
  padding: 115px 0;
}
@media (max-width: 991px) {
  .m49--three-col-cards {
    padding: 45px 0;
  }
}
@media (max-width: 991px) {
  .m49--three-col-cards .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m49--three-col-cards-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m49--three-col-cards-bg {
    display: none;
  }
}
.m49--three-col-cards-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m49--three-col-cards-intro {
    padding: 0 0 50px;
  }
}
.m49--three-col-cards-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
@media (max-width: 991px) {
  .m49--three-col-cards-intro h2 {
    padding: 0 0 20px;
  }
}
.m49--three-col-cards-intro-content {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m49--three-col-cards-intro-content {
    padding-left: 15px;
  }
}
.m49--three-col-cards-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m49--three-col-cards-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m49--three-col-cards-intro-content:before {
    display: none;
  }
}
.m49--three-col-cards-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m49--three-col-cards-intro-content a.button {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .m49--three-col-cards-main-item {
    margin-bottom: 30px;
  }
}
.m49--three-col-cards-main-item > div {
  height: 100%;
  background-color: #FFFFFF;
  border-top: 5px solid #111111;
  border-right: 1.69px solid #111111;
  border-bottom: 1.69px solid #111111;
  border-left: 1.69px solid #111111;
}
.m49--three-col-cards-main-item-image img {
  width: 100%;
}
.m49--three-col-cards-main-item-body {
  padding: 25px;
}
.m49--three-col-cards-main-item-body h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.5412rem;
  line-height: 2.4rem;
  letter-spacing: -0.453785px;
  text-transform: uppercase;
  padding: 0 0 25px;
}
@media (max-width: 991px) {
  .m49--three-col-cards-main-item-body h3 {
    font-size: 2.4702rem;
    line-height: 2.3rem;
    letter-spacing: -0.441107px;
  }
}
.m49--three-col-cards-main-item-body-subcards-item h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 0 0 8px;
  border-bottom: 1.8187px solid #111111;
}
@media (max-width: 991px) {
  .m49--three-col-cards-main-item-body-subcards-item h5 {
    font-size: 1.5911rem;
    line-height: 2.1rem;
  }
}
.m49--three-col-cards-main-item-body-subcards-item > p {
  padding: 17px 0 25px;
}
.m49--three-col-cards-main-item-body a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m49--three-col-cards-main-item-body .cta-links-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m49--three-col-cards-main-item-body .cta-links-wrapper a.button {
  margin-right: 0;
}
.m49--three-col-cards-main-item-body .cta-links-wrapper a.button:not(:last-child) {
  margin-bottom: 15px;
}

/**
 * Component: M51 Stats with Lottie
 * 
 */
.m51--stats-lottie {
  position: relative;
  padding-top: 100px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .m51--stats-lottie {
    padding-top: 50px;
    padding-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .m51--stats-lottie .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m51--stats-lottie-intro {
  padding: 0 0 70px;
}
@media (max-width: 991px) {
  .m51--stats-lottie-intro {
    padding: 0 0 25px;
  }
}
.m51--stats-lottie-intro h2 {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .m51--stats-lottie-intro h2 {
    padding-bottom: 7px;
  }
}
.m51--stats-lottie-intro-content.content-on-right {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m51--stats-lottie-intro-content.content-on-right {
    padding-left: 15px;
  }
}
.m51--stats-lottie-intro-content.align-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .m51--stats-lottie-intro-content.align-vertically {
    padding-top: 20px;
  }
}
.m51--stats-lottie-main-item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 65px;
}
.m51--stats-lottie-main-item dotlottie-player {
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m51--stats-lottie-main-item dotlottie-player {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .m51--stats-lottie-main-item h2 {
    padding: 0 0 15px;
  }
}
.m51--stats-lottie-main-item-source {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

/**
 * Component: M52 - Carousel - Case Study
 * 
 */
.m52--carousel-cs {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m52--carousel-cs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .m52--carousel-cs .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m52--carousel-cs-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 50%;
  width: 55vw;
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .m52--carousel-cs-bg {
    display: none;
  }
}
.m52--carousel-cs-intro {
  padding: 0 0 32px;
}
.m52--carousel-cs-intro-title, .m52--carousel-cs-intro-content {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .m52--carousel-cs-intro-title, .m52--carousel-cs-intro-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m52--carousel-cs-intro-title {
    padding-bottom: 20px;
  }
  .m52--carousel-cs-intro-title:after {
    display: none;
  }
}
.m52--carousel-cs-intro-title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
.m52--carousel-cs-intro h2 {
  text-transform: uppercase;
  padding: 0;
}
.m52--carousel-cs-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m52--carousel-cs-intro-content {
    padding-left: 15px;
  }
}
.m52--carousel-cs-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m52--carousel-cs-intro-content:before {
    display: none;
  }
}
.m52--carousel-cs-intro-content > div p:last-child {
  padding-bottom: 0;
}
.m52--carousel-cs-intro-content a.button {
  margin-top: 15px;
}
.m52--carousel-cs-main-item {
  height: 100%;
}
.m52--carousel-cs-main-item > div {
  border-top: 6px solid #111111;
  border-right: 0.75px solid #111111;
  border-bottom: 0.75px solid #111111;
  border-left: 0.75px solid #111111;
  height: 100%;
  padding: 42px 40px;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item > div {
    padding: 30px 20px;
  }
}
.m52--carousel-cs-main-item-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.m52--carousel-cs-main-item img {
  margin-bottom: 3.5rem;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item img {
    margin-bottom: 18px;
  }
}
.m52--carousel-cs-main-item-quote {
  padding: 0 0 3.2rem;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item-quote {
    padding: 0 0 2rem;
  }
}
.m52--carousel-cs-main-item-details {
  position: relative;
  padding: 0 0 3.2rem 1.5rem;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item-details {
    padding: 0 0 2.6rem 1.5rem;
  }
}
.m52--carousel-cs-main-item-details:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5px;
  height: calc(100% - 3.2rem);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 2.5px solid #000;
}
.m52--carousel-cs-main-item-details p {
  padding: 0;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item-details p {
    font-size: 1.8rem;
  }
}
.m52--carousel-cs-main-item ul {
  padding: 0 0 3.6rem 2rem;
}
@media (max-width: 991px) {
  .m52--carousel-cs-main-item ul {
    padding: 0 0 3.2rem 1.5rem;
  }
}
.m52--carousel-cs-main-item ul li span {
  color: #FF5AE5;
  font-weight: 600;
}
.m52--carousel-cs-main-item a.link {
  margin: 0;
}
.m52--carousel-cs-main .slick-list,
.m52--carousel-cs-main .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m52--carousel-cs-main .slick-slide {
  padding: 0 15px;
}
.m52--carousel-cs-main .slick-slide > div {
  height: 100%;
}
.m52--carousel-cs-main .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.m52--carousel-cs-main-nav {
  padding-bottom: 25px;
}
.m52--carousel-cs-main-nav-prev svg path, .m52--carousel-cs-main-nav-next svg path {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.m52--carousel-cs-main-nav-prev:hover svg path, .m52--carousel-cs-main-nav-next:hover svg path {
  fill: #2CFFFF !important;
}
.m52--carousel-cs-main-nav-prev.slick-disabled svg path, .m52--carousel-cs-main-nav-next.slick-disabled svg path {
  fill: #BABCBE;
}
.m52--carousel-cs-main-nav-prev {
  margin-right: 16px;
}
.m52--carousel-cs-main-nav-prev svg {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
 * Component: M54 Accordion
 * 
 */
@-webkit-keyframes start_timer {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@-o-keyframes start_timer {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes start_timer {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.m54--accordion {
  position: relative;
  overflow: hidden;
  padding-top: 115px;
  padding-bottom: 115px;
}
@media (max-width: 991px) {
  .m54--accordion {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m54--accordion .container {
  position: relative;
}
@media (max-width: 991px) {
  .m54--accordion .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m54--accordion-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 50vw;
  height: 600px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
@media (max-width: 768px) {
  .m54--accordion-bg {
    display: none;
  }
}
.m54--accordion-bg.image-on-left {
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.m54--accordion-item {
  position: relative;
}
.m54--accordion-item > .row.image-on-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (min-width: 991px) {
  .m54--accordion-item:last-child .m54--accordion-item-content {
    border-bottom: 0.75px solid #111111;
  }
}
.m54--accordion-item-timer {
  position: absolute;
  top: 0;
  left: -15px;
  height: 0;
  width: 3px;
  background-color: #111111;
  z-index: 1;
  -webkit-transition: height 1s linear;
  -o-transition: height 1s linear;
  transition: height 1s linear;
}
.m54--accordion-item-timer.active {
  -webkit-animation: 7s start_timer forwards;
       -o-animation: 7s start_timer forwards;
          animation: 7s start_timer forwards;
}
@media (max-width: 768px) {
  .m54--accordion-item-timer {
    display: none;
  }
}
.m54--accordion-item-content {
  border-top: 0.75px solid #111111;
  padding-top: 33px;
  background-color: #FFFFFF;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 991px) {
  .m54--accordion-item-content {
    padding-left: 25px;
  }
}
@media (max-width: 991px) {
  .m54--accordion-item-content > .row {
    margin: 0;
  }
}
.m54--accordion-item-content img.accordion-icon {
  cursor: pointer;
  -webkit-transform: translate(0, -15px);
       -o-transform: translate(0, -15px);
          transform: translate(0, -15px);
}
.m54--accordion-item-content:not(.show):hover {
  background-color: #F5F8FA;
}
.m54--accordion-item-content-wrapper {
  padding: 0;
}
.m54--accordion-item-content-wrapper[aria-expanded=false] h5:after {
  -webkit-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m54--accordion-item-content h5 {
  position: relative;
  padding-right: 30%;
  padding-bottom: 30px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .m54--accordion-item-content h5 {
    font-size: 22px;
    line-height: 20px;
    letter-spacing: -0.5px;
    padding-right: 15%;
  }
}
.m54--accordion-item-content h5:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L11.5 1L22 11.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 23px;
  height: 13px;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.m54--accordion-item-content ol {
  padding-left: 2rem;
}
.m54--accordion-item-content ul {
  padding-left: 1.75rem;
}
.m54--accordion-item-content ul li::marker {
  font-size: 2rem;
}
.m54--accordion-item-content ol li,
.m54--accordion-item-content ul li {
  padding: 0 0 1.5rem;
}
.m54--accordion-item-content ol li::marker,
.m54--accordion-item-content ul li::marker {
  color: #FF5AE5;
  font-weight: 600;
}
.m54--accordion-item-content .cta-links-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 991px) {
  .m54--accordion-item-image {
    padding-left: 50px;
  }
}
@media (max-width: 768px) {
  .m54--accordion-item-image > .show {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.m54--accordion-item-image > div {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.m54--accordion-item-image > div.show {
  opacity: 1;
  visibility: visible;
  height: auto;
}

/**
 * Component: M55 ROI Calculator
 * 
 */
.m55--roi-calc {
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .m55--roi-calc {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
.m55--roi-calc .container {
  position: relative;
}
@media (max-width: 991px) {
  .m55--roi-calc .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m55--roi-calc-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 50%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%);
}
@media (max-width: 991px) {
  .m55--roi-calc-bg {
    display: none;
  }
}
.m55--roi-calc-intro {
  padding-bottom: calc(68px - 3rem);
}
@media (max-width: 991px) {
  .m55--roi-calc-intro {
    padding: 25px 25px 0;
  }
}
.m55--roi-calc-intro h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 8.2rem;
  line-height: 8.2rem;
  color: #111111;
  padding: 0 0 12px;
}
@media (max-width: 991px) {
  .m55--roi-calc-intro h2 {
    font-size: 5.7rem;
    line-height: 5.7rem;
  }
}
.m55--roi-calc-intro p {
  font-size: 1.8rem;
  line-height: 24px;
  padding: 0 0 3rem;
}
@media (max-width: 991px) {
  .m55--roi-calc-intro p {
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
}
.m55--roi-calc-intro-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 95%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
@media (min-width: 991px) {
  .m55--roi-calc-intro-bg {
    display: none;
  }
}
.m55--roi-calc-main {
  padding: 57px 57px 64px 65px;
  margin: 0;
  background-color: #FFFFFF;
  border: 4px solid #111111;
}
@media (max-width: 991px) {
  .m55--roi-calc-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    border: none;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}
.m55--roi-calc-main h5 {
  font-weight: 700;
  padding: 0 0 46px;
}
@media (max-width: 991px) {
  .m55--roi-calc-main h5 {
    display: none;
  }
}
@media (min-width: 991px) {
  .m55--roi-calc-main h5 {
    padding: 0 30% 43px 0;
  }
}
@media (max-width: 991px) {
  .m55--roi-calc-main-form {
    padding: 25px;
  }
}
.m55--roi-calc-main-form form .form-group {
  padding: 0 0 53px;
}
.m55--roi-calc-main-form form .form-group label {
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2rem;
  padding: 0 0 11px;
  color: #A1A1A1;
}
.m55--roi-calc-main-form form .form-group input[type=range] {
  margin: 30px 0 4px;
  height: 21px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
.m55--roi-calc-main-form form .form-group input[type=range]:focus {
  outline: none;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  -webkit-box-shadow: 0px 0px 0px #000000;
          box-shadow: 0px 0px 0px #000000;
  background: #BABCBE;
  border-radius: 0px;
  border: 0px solid #000000;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-webkit-slider-thumb {
  -webkit-box-shadow: 0px 0px 0px #000000;
          box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #FF5AE5;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.5px;
}
.m55--roi-calc-main-form form .form-group input[type=range]:focus::-webkit-slider-runnable-track {
  background: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #BABCBE;
  border-radius: 0px;
  border: 0px solid #000000;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #FF5AE5;
  cursor: pointer;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-ms-fill-lower {
  background: #BABCBE;
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-ms-fill-upper {
  background: #BABCBE;
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
.m55--roi-calc-main-form form .form-group input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #FF5AE5;
  cursor: pointer;
}
.m55--roi-calc-main-form form .form-group input[type=range]:focus::-ms-fill-lower {
  background: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=range]:focus::-ms-fill-upper {
  background: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=email],
.m55--roi-calc-main-form form .form-group input[type=number],
.m55--roi-calc-main-form form .form-group input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3rem;
  background-color: #FFFFFF;
  border: 2px solid #BABCBE;
  padding: 8px 18px;
  width: calc(100% - 16px);
  border-radius: 5px;
}
.m55--roi-calc-main-form form .form-group input[type=email].has-prepend,
.m55--roi-calc-main-form form .form-group input[type=number].has-prepend,
.m55--roi-calc-main-form form .form-group input[type=text].has-prepend {
  border-radius: 0 5px 5px 0;
}
.m55--roi-calc-main-form form .form-group input[type=email].has-append,
.m55--roi-calc-main-form form .form-group input[type=number].has-append,
.m55--roi-calc-main-form form .form-group input[type=text].has-append {
  border-radius: 5px 0 0 5px;
  text-align: right;
}
.m55--roi-calc-main-form form .form-group input[type=email]::-webkit-input-placeholder {
  font-size: 2rem;
  -webkit-transform: translate(0, -3px);
          transform: translate(0, -3px);
  color: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=email]::-moz-placeholder {
  font-size: 2rem;
  transform: translate(0, -3px);
  color: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=email]:-ms-input-placeholder {
  font-size: 2rem;
  transform: translate(0, -3px);
  color: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=email]::-ms-input-placeholder {
  font-size: 2rem;
  transform: translate(0, -3px);
  color: #BABCBE;
}
.m55--roi-calc-main-form form .form-group input[type=email]::placeholder {
  font-size: 2rem;
  -webkit-transform: translate(0, -3px);
       -o-transform: translate(0, -3px);
          transform: translate(0, -3px);
  color: #BABCBE;
}
.m55--roi-calc-main-form form .form-group .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
.m55--roi-calc-main-form form .form-group .input-group .input-group-prepend,
.m55--roi-calc-main-form form .form-group .input-group .input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3rem;
  color: #111111;
  background-color: #BABCBE;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
}
.m55--roi-calc-main-form form .form-group .input-group .input-group-prepend .input-group-text,
.m55--roi-calc-main-form form .form-group .input-group .input-group-append .input-group-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m55--roi-calc-main-form form .form-group .range-min-max {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #BABCBE;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-form form .button-group {
    padding-bottom: 15px;
  }
}
.m55--roi-calc-main-form form .button-group .cta-links-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.m55--roi-calc-main-form form .button-group .cta-links-wrapper button,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button {
  margin-right: 25px;
  cursor: pointer;
}
.m55--roi-calc-main-form form .button-group .cta-links-wrapper button,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #111111;
  text-transform: none;
}
.m55--roi-calc-main-form form .button-group .cta-links-wrapper button.hide, .m55--roi-calc-main-form form .button-group .cta-links-wrapper button:before, .m55--roi-calc-main-form form .button-group .cta-links-wrapper button:after,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link.hide,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link:before,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link:after,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button.hide,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button:before,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button:after {
  display: none;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-form form .button-group .cta-links-wrapper button,
  .m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link,
  .m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button {
    margin-top: 0;
  }
}
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.button,
.m55--roi-calc-main-form form .button-group .cta-links-wrapper a.link {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results {
    padding: 0;
    border-bottom: 5px solid #111111;
  }
}
.m55--roi-calc-main-results > div {
  border: 4px solid #111111;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results > div {
    border: none;
  }
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results > div .bg-black {
    padding: 40px 25px;
  }
}
.m55--roi-calc-main-results > div .bg-black *, .m55--roi-calc-main-results > div .bg-black {
  color: #FFFFFF;
}
.m55--roi-calc-main-results > div .eyebrow {
  font-style: normal;
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 2.1rem;
  color: #9C9C9C !important;
  text-transform: capitalize;
}
.m55--roi-calc-main-results > div h3.title {
  padding: 0 0 57px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results > div h3.title {
    font-size: 4.9rem;
    line-height: 4.9rem;
    padding: 0 0 68px;
  }
}
.m55--roi-calc-main-results > div > div {
  padding: 47px 57px;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results > div > div {
    padding: 40px 25px;
  }
}
.m55--roi-calc-main-results-leads, .m55--roi-calc-main-results-deals, .m55--roi-calc-main-results-revenue, .m55--roi-calc-main-results-pipeline {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 61px;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results-leads, .m55--roi-calc-main-results-deals, .m55--roi-calc-main-results-revenue, .m55--roi-calc-main-results-pipeline {
    margin: 0 0 68px;
  }
}
.m55--roi-calc-main-results-leads:before, .m55--roi-calc-main-results-deals:before, .m55--roi-calc-main-results-revenue:before, .m55--roi-calc-main-results-pipeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 2.5px solid #111111;
  -webkit-transform: rotate(8deg);
       -o-transform: rotate(8deg);
          transform: rotate(8deg);
}
.bg-black .m55--roi-calc-main-results-leads:before, .bg-black .m55--roi-calc-main-results-deals:before, .bg-black .m55--roi-calc-main-results-revenue:before, .bg-black .m55--roi-calc-main-results-pipeline:before {
  border-left: 2.5px solid #FFFFFF;
}
.m55--roi-calc-main-results-leads h3, .m55--roi-calc-main-results-deals h3, .m55--roi-calc-main-results-revenue h3, .m55--roi-calc-main-results-pipeline h3 {
  font-weight: 700;
  padding: 0 0 3px;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results-leads h3, .m55--roi-calc-main-results-deals h3, .m55--roi-calc-main-results-revenue h3, .m55--roi-calc-main-results-pipeline h3 {
    font-size: 5.1rem;
    line-height: 5.1rem;
  }
}
.m55--roi-calc-main-results-title {
  font-style: normal;
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 2.1rem;
  color: #111111;
}
.m55--roi-calc-main-results-title.text-gray {
  color: #9C9C9C !important;
}
@media (max-width: 991px) {
  .m55--roi-calc-main-results-title {
    font-size: 2.3rem;
    line-height: 2.4rem;
  }
}
.m55--roi-calc-main-results-revenue, .m55--roi-calc-main-results-pipeline {
  margin-bottom: 0;
}

.m56--leadership {
  position: relative;
  overflow: hidden;
  padding-top: 115px;
  padding-bottom: 115px;
}
@media (max-width: 991px) {
  .m56--leadership {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m56--leadership .container {
  position: relative;
}
@media (max-width: 991px) {
  .m56--leadership .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m56--leadership-intro {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .m56--leadership-intro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m56--leadership-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .m56--leadership-intro-content {
    padding-left: 15px;
  }
}
.m56--leadership-intro-content:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: calc(100% + 10px);
  -webkit-transform: skew(-6deg);
       -o-transform: skew(-6deg);
          transform: skew(-6deg);
  border-left: 0.75px solid #111111;
}
@media (max-width: 991px) {
  .m56--leadership-intro-content:before {
    display: none;
  }
}
.m56--leadership-intro-content > div {
  -ms-flex-item-align: center;
      align-self: center;
}
.m56--leadership .leadership-name {
  font-weight: 900;
  line-height: 1.22;
  font-size: 48px;
}
@media (max-width: 991px) {
  .m56--leadership .leadership-name {
    font-size: 36px;
  }
}
.m56--leadership .font-16 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .m56--leadership .leadership-item {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .m56--leadership .marketing-functions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: column;
  }
  .m56--leadership .functions-grid-box-1, .m56--leadership .functions-grid-box-2 {
    border-right: 1px dotted #A1A1A1;
    padding-right: 30px !important;
  }
  .m56--leadership .functions-grid-box-3, .m56--leadership .functions-grid-box-4 {
    padding-left: 30px !important;
  }
  .m56--leadership .functions-grid-box-1, .m56--leadership .functions-grid-box-3 {
    padding-top: 20px;
  }
  .m56--leadership .functions-grid-box-2, .m56--leadership .functions-grid-box-4 {
    padding-bottom: 20px;
  }
}
.m56--leadership .functions-grid-box-3 {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .m56--leadership .functions-grid-box-3 {
    margin-top: 0;
  }
}
.m56--leadership .function-box {
  padding: 2rem;
  background-color: #F5F8FA;
  border-radius: 5px;
}
.m56--leadership .function-box .function-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.m56--leadership .function-box .function-emoji {
  font-size: 28px;
  margin-right: 12px;
}
.m56--leadership .function-box.function-box-white {
  background-color: #ffffff;
}
.m56--leadership .leadership-underline {
  display: inline-block;
  border-bottom: 5px solid #00DA71;
}
.m56--leadership .leadership-name {
  font-weight: 900;
  line-height: 1.22;
}
@media (min-width: 768px) {
  .m56--leadership .marketing-functions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: column;
  }
  .m56--leadership .functions-grid-box-1, .m56--leadership .functions-grid-box-2 {
    border-right: 1px dotted #A1A1A1;
    padding-right: 30px !important;
  }
  .m56--leadership .functions-grid-box-3, .m56--leadership .functions-grid-box-4 {
    padding-left: 30px !important;
  }
  .m56--leadership .functions-grid-box-1, .m56--leadership .functions-grid-box-3 {
    padding-top: 20px;
  }
  .m56--leadership .functions-grid-box-2, .m56--leadership .functions-grid-box-4 {
    padding-bottom: 20px;
  }
}
.m56--leadership .functions-grid-box-3 {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .m56--leadership .functions-grid-box-3 {
    margin-top: 0;
  }
}
.m56--leadership .function-box {
  padding: 2rem;
  background-color: #F5F8FA;
  border-radius: 5px;
}
.m56--leadership .function-box .function-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.m56--leadership .function-box .function-emoji {
  font-size: 28px;
  margin-right: 12px;
}
.m56--leadership .function-box.function-box-white {
  background-color: #ffffff;
}
.m56--leadership .leadership-underline {
  display: inline-block;
  border-bottom: 5px solid #00DA71;
}
.m56--leadership .leadership-sub {
  font-weight: 500;
}
.m56--leadership .leadership-sub span {
  margin: 0 5px;
}
.m56--leadership .leadership-more {
  cursor: pointer;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.m56--leadership .leadership-more:hover {
  font-style: italic;
}

/**
 * Social share
 * 
 */
.social-share ul {
  list-style: none;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.social-share ul.is-horizontal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-share ul.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.social-share ul li:not(:last-child) {
  padding-right: 14px;
}

/**
 * Misc legacy styles
 * 
 */
#test-drive-iframe {
  width: 100%;
  height: 800px;
  border: 2px solid #f4f4f4;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  margin-top: 2rem;
}

/*# sourceMappingURL=main-v2.css.map*/