/* Minification failed. Returning unminified contents.
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(31,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(44,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(45,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(51,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(52,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(58,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(59,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(65,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(66,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(72,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(73,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(79,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(80,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(86,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(87,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(93,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(94,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(100,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(101,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(107,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(108,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(114,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(115,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(121,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(122,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(860,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(861,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1309,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1310,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1648,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1649,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2884,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2885,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2933,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2934,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3502,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3503,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4604,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@charset "UTF-8"; /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://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;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-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;
        animation-iteration-count: 3;
        -webkit-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;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.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(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.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(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.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;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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;
    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)
    }
}

@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)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.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(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        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(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        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(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.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(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.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;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.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(.9);
        transform: translate3d(20px,0,0) scaleX(.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;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.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(.9);
        transform: translate3d(-20px,0,0) scaleX(.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;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.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(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.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;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-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;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-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;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        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;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        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;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(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
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(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
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.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)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

span.multiselect-native-select {
    position: relative
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container .multiselect-reset .input-group {
        width: 93%
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a {
            padding: 0
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 20px 3px 40px
            }

                .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

.cookie-consent {
    background-color: #000000;
    min-height: 26px;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    color: #fff;
    padding: 30px;
    position: fixed;
    bottom: 0;
    display: block;
    z-index: 1000;

}

.cookie-settings-modal {
    z-index: 10000;
}

.cookie-settings-modal .modal-dialog .modal-content {
    background: #FFFFFF;
    box-shadow: 2px 2px 20px 1px;
    overflow-x: auto;
    display: block;
    position: relative;
    padding: 45px 30px 15px 20px;
    max-height: 70vh;
    max-height: calc(var(--vh, 1vh) * 85);
    border: none;
    border-radius: 0;
    margin: 0 auto;
}

.cookie-settings-modal .close {
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 20px;
    clear: both;
    width: 20px;
    height: 20px;
    padding: 20px;
    z-index: 1;
    min-width: 20px;
}

.cookie-button-group {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}

.cookie-consent.hide{
    display:none;
}

.cookie-consent.show {
    display: block;
}

.cookie-settings-header {
    font-family: Tungsten;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2px;
    color: #000000;
    margin-bottom:1rem;
}

.cookie-settings-cookie-name {
    font-family: Forza;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
    cursor: pointer;
}
.cookie-settings-cookie-value-label {
    font-family: Tungsten;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #228B22;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
}

.cookie-control-label{
    position:initial;
}

.cookie-settings-cookie-description {
    font-family: Forza;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #000;
    text-align: left;
}

.cookie-settings-cookie-description a{
    font-family: Forza;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #000;
    text-align: left;
}

.cookie-settings-name-wrapper{
    display:flex;
    justify-content:space-between;
}

.cookie-settings-button-group {
    display: flex;
    width:100%;
    justify-content: space-between;
}

.cookie-settings-switch {
}

    .cookie-settings-switch:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #228B22;
        background-color: #228B22;
    }

.cookie-settings-accept-button {
    font-family: Tungsten;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.6px;
    position: relative;
    border-radius: 100px;
    color: #fff;
    max-height: 38px;
    margin-right: 10px;
    margin-bottom: 0.9rem;
    background-color: #D12421;
    text-decoration: none;
    padding: 6px 1em;
    white-space: nowrap;
}

    .cookie-settings-accept-button:hover {
        background-color: #880c01;
        color: #fff;
    }

.cookie-consent p {
    font-family: Forza;
    font-size: 12px;
    color: #fff;
    text-align: justify;
} .cookie-consent p a{
        font-family: Forza;
        font-size: 12px;
        color: #fff;
        text-align: justify;
    }

    .cookie-consent .close {
        background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 20px;
        clear: both;
        width: 20px;
        height: 20px;
        padding: 20px;
        z-index: 2;
        min-width: 20px;
    }

@media(max-width:992px){
    div#close-cookie-consent {
        top: 4px;
        right: 30px;
    }

    .cookie-settings-header {
        font-size: 40px;
    }

    .cookie-settings-cookie-name {
        font-size: 16px;
    }

    .cookie-settings-cookie-value-label {
        font-size: 20px;
    }

    .cookie-settings-button-group button:first-child {
        margin-right: 5px;
    }

    .cookie-content {
        margin-top: 20px;
    }

    .cookie-settings-accept-button {
        font-family: Tungsten;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        min-width: 130px;
        text-align: center;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 1.6px;
        padding-top: 6px;
        padding-bottom: 6px;
        position: relative;
        border-radius: 100px;
        color: #fff;
        background: #000;
        background-color: #D12421;
        max-height: 38px;
        -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    }

        
}
.dropdown-toggle::after {
    content: none;
}

/*.fixed-top{
    z-index: 999999;
}*/

/*.navbar-light .navbar-nav .nav-link {
     color: #000000;
}*/
.bg-white {
    background-color: #fff !important;
}

.black-toggler.navbar-toggler {
    border-color: #000000;
}

/*  Popover Class Update */

.popover {
    background-color: #fff;
    opacity:95%;
    z-index:16;
}

.popover-body {
    background-color: #fff;
    color: #000;
    padding: 15px 30px 0px 30px;
    font-family: Forza;
}

    .popover-body p {
        font-family: Forza;
        font-size: 14px;
        line-height: normal;
    }

.popover-header {
    background-color: #fff;
    font-family: Tungsten;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #afb0b0;
    font-weight: 500;
    font-stretch: normal;
    font-size: 24px;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: 2.3px;
    text-align: center;
    margin: 0px 25px;
    text-transform:uppercase;
}

.bs-popover-bottom > .arrow:after {
    /*border-right-color: #000000;*/
    border-bottom-color: #000000;
}


/*  Carousel Class Update */

/*.carousel-control-next-icon {
    fill: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    transform: rotate(-90deg);
}

.carousel-control-prev-icon {
    fill: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    transform: rotate(90deg);
}*/

/*.carousel-caption {
    position: absolute;
    top: 30%;
    right: 60%;
    width: 50%;
    left: 5%;
    bottom: 20px;
    z-index: 10;
    color: #fff;
    text-align: center;
}

    .carousel-caption h1 {
        text-transform: uppercase;
        font-family: Tungsten;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.87;
        letter-spacing: 3px;
        color: #ffffff;
    }

    .carousel-caption p {
        font-family: Vitesse;
        font-size: 18px;
        font-size:1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.71px;
        color: #f2f2f2;
    }

.carousel-indicators li {
    height: 7px;
    width: 40px;
    border-radius:8px;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: none;
    border-bottom: none;
    opacity: .5;
    transition: opacity 0.6s ease;
}

.carousel .carousel-control-prev {
    visibility: hidden;
}
.carousel .carousel-control-next {
    visibility: hidden;
}

.carousel:hover .carousel-control-prev {
    visibility: visible;
}
.carousel:hover .carousel-control-next {
    visibility: visible;
}*/



/*------------------------------- vertical carousel indicators ------------------------------*/
 

.card{
    border:none;
}


/*uncomment to stop page scroll reset on modal load*/ 
body.modal-open {
    overflow: visible;
}

   


/* Timeline Wrapper */

.timeline-wrapper {
}

    .timeline-wrapper .timeline-title {
        font-family: Tungsten;
        font-size: 22px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.27;
        letter-spacing: 2px;
        color: #000000;
        text-transform: uppercase;
    }

.timeline-slider-wrapper {
}

    .timeline-slider-wrapper .year-list-wrapper .years {
        list-style: none;
        margin: 0;
        padding: 0;
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
    }

        .timeline-slider-wrapper .year-list-wrapper .years li {
            font-family: Tungsten;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.17;
            letter-spacing: 0.71px;
            text-align: center;
            color: #000000;
            position: relative;
            padding: 3px 10px;
            border-bottom: solid 1px #e0e0e0;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .timeline-slider-wrapper .year-list-wrapper .years li.active {
                color: #D12421;
            }

                .timeline-slider-wrapper .year-list-wrapper .years li.active button {
                    color: #D12421;
                    -webkit-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

        .timeline-slider-wrapper .year-list-wrapper .years li:first-child {
            padding-left:0px;
        }

            .timeline-slider-wrapper .year-list-wrapper .years li button {
                padding: 0px;
            }

            .timeline-slider-wrapper .year-list-wrapper .years li:last-child::before {
                width: 0px;
            }

            .timeline-slider-wrapper .year-list-wrapper .years li::before {
                content: "";
                display: inline-block;
                position: absolute;
                left: 100%;
                top:50%;
                width: 1px;
                height: 70%;
                background: #e0e0e0;
                transform: translateY(-50%) skew(-20deg);
            }

            .timeline-slider-wrapper .year-list-wrapper .years li:hover, .timeline-slider-wrapper .year-list-wrapper .years li:hover button {
                color: #9a9a9a;
            }

.timeline-carousel {
   
    margin:40px 0px;
}
    .timeline-carousel .t-carousel-item {
        background-color: #f4f4f4;
        
    }
    .timeline-carousel .timeline-content {
        padding: 25px 28px;
        width: 40%;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        min-height:525px;
    }
                .timeline-carousel .timeline-content .c-title {
                    position: relative;
                    font-family: Vitesse;
                    font-size: 18px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.71px;
                    color: #000000;
                    padding: 0 0 8px;
                    text-transform:uppercase;
                }
                .timeline-carousel .timeline-content .c-title::after {
                    background: #000;
                    bottom: 0;
                    content: "";
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 51px;
                }

                .timeline-carousel .timeline-content .c-content {
                    font-family: Forza;
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color: #000000;
                }
                    .timeline-carousel .timeline-content .year-stroked{

                    }

                        .timeline-carousel .timeline-content .year-stroked h2 {
                            font-size: 70px;
                            -webkit-text-stroke: 1px #a6a6a6;
                            -webkit-text-fill-color: white;
                            opacity: 0.5;
                            margin-bottom:0;
                        }

                    .timeline-carousel .timeline-imagewrap {
                        width:60%;
                    }
                        .timeline-carousel .timeline-imagewrap img {
                            min-height:500px;
                            height:100%;
                        }


/*Imported styles*/


.owl-theme .owl-nav {
    /*default owl-theme theme reset .disabled:hover links */
}
    .owl-theme .owl-nav [class*=owl-]:hover{
        background:initial;
    }

    .owl-theme .owl-nav [class*="owl-"]:hover svg path {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        stroke: #D12421 !important
    }

        .owl-theme .owl-nav [class*="owl-"].disabled {
           display:none;
        }

      

.timeline-carousel.owl-theme {
    position: relative;
}

    .timeline-carousel.owl-theme .owl-next,
    .timeline-carousel.owl-theme .owl-prev {
        width: 10px;
        height: 19px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
    }

    .timeline-carousel.owl-theme .owl-prev {
        left: -40px;
    }

    .timeline-carousel.owl-theme .owl-next {
        right: -40px;
    }

    .timeline-carousel.owl-theme .owl-prev svg {
        float: left;
        width: auto;
    }

    .timeline-carousel.owl-theme .owl-next svg {
        float: right;
        width: auto;
    }

.timeline-slider-wrapper select {
    height: 40px;
    width: 70%;
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 244px;
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right;
    opacity: 0.5;
    line-height: 1.5;
    letter-spacing: 0.7px;
    display:none;
}


@media(max-width:992px) {
    .timeline-wrapper .timeline-title {
        text-align: center;
        font-size: 33px;
    }

    .timeline-slider-wrapper .year-list-wrapper .years {
        display: none;
    }

    .t-carousel-item {
        flex-direction: column;
    }

    .timeline-carousel .timeline-imagewrap {
        width: 100%;
        order: 1;
    }

        .timeline-carousel .timeline-imagewrap img {
            min-height: 0;
        }

    .timeline-carousel .timeline-content {
        width: 100%;
        order: 2;
    }

        .timeline-carousel .timeline-content .c-title {
            font-size: 16px;
            letter-spacing: 0.63px;
            text-align: center;
            text-transform: uppercase;
        }

            .timeline-carousel .timeline-content .c-title::after {
                transform: translateX(-50%);
                left: 50%;
            }

        .timeline-carousel .timeline-content .c-content {
            font-size: 12px;
            line-height: 1.25;
            letter-spacing: 0.4px;
            text-align: center;
            color: #000000;
        }

            .timeline-carousel .timeline-content .c-content p {
                font-size: 12px;
                line-height: 1.25;
                letter-spacing: 0.4px;
                text-align: center;
                color: #000000;
            }

        .timeline-carousel .timeline-content .year-stroked h2 {
            font-size: 55px;
            text-align: center;
        }

    .timeline-slider-wrapper select {
        display: block;
    }
}
.modal.fade {
    opacity: 1;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}

.see-more-img-wrapper .image-container {
    cursor:pointer;
}

.see-more-img-wrapper .image-container::before {
    content: '';
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}



.see-more-img-wrapper .see-more-content {
    z-index: 1
}


.see-more-img-wrapper .see-more-content h1 {
    color: #fff;
    text-transform: uppercase;
}
    .see-more-img-wrapper .see-more-content .see-more-subheading {
        font-family: Vitesse;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.71px;
        text-align: center;
        color: #f2f2f2;
        text-transform: uppercase;
    }

.see-more-img-wrapper .full-screen-icon {
    position: absolute;
    bottom: 46px;
    right: 60px;
    cursor:pointer;
    z-index:1040
}

/*Light box */
.modal-open .gallery-lightbox-modal.modal {
    overflow: hidden;
}
.gallery-lightbox-modal.show .modal-dialog {
    min-width: 95vw;
}

.gallery-lightbox-modal .modal-content {
    box-shadow: 2px 2px 20px 1px;
    display: block;
    position: relative;
    border-radius: 0;
    max-height:95vh;
}

.gallery-lightbox-modal .close {
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 20px;
    clear: both;
    width: 20px;
    height: 20px;
    padding: 20px;
    z-index:2;
    min-width:20px;
}
.gallery-lightbox-modal .modal-body{
    padding:0;
}
.gallery {
    max-width: 100%;
    background: #000;
}

.galleryimgsync{
    position:relative;
}
/* owl styling */
.owl-stage-outer {
    overflow: hidden;
}

.owl-stage {
    display: -webkit-box;
    display: flex;
}

.disabled {
    display: none;
}

.galleryimgthumbnail {
   background:#fff;
}


.galleryimgthumbnail .owl-item {
   
    margin: 5px 5px 0px 0px;
}

.galleryimgsync .owl-nav [class*=owl-]:hover {
    background: initial;
}

.galleryimgsync .owl-next,
.galleryimgsync .owl-prev {
    width: 10px;
    height: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    min-width:65px;
    background:transparent;
}

.galleryimgsync .owl-prev {
    left: 20px;
}

.galleryimgsync .owl-next {
    right: 20px;
}

.galleryimgsync .owl-nav [class*="owl-"].disabled {
    display: none;
}

.galleryimgthumbnail .thumb {
    border-radius: 0;
    padding: 0;
    min-width:auto;
    position:relative;
}

    .galleryimgthumbnail .thumb:hover{
        background-color:#000;
    }

    .galleryimgthumbnail .thumb .thumb-overlay-centered {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.5s;
        font-family: Vitesse;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.71px;
        text-align: center;
        color: #f2f2f2;
        background: rgba(0,0,0,0.6);
        word-break: break-word;
        max-width: 400px;
        white-space: pre-wrap;
    }

    .galleryimgthumbnail .thumb:hover .thumb-overlay-centered {
        opacity: 1;
        color: #f2f2f2;
       
    }


.galleryimgthumbnail .thumb img.img-fluid {
    width: 100%;
    height: auto;
}

.owl-nav [class*="owl-"]:hover svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    stroke: #D12421 !important
}

@media(min-width:992px){

    .galleryimgsync .img {
        height: calc(100vh - 220px);
        margin-left:3px;
    }


    .galleryimgsync img.img-fluid {
        display: block;
       margin: 0 auto;
       height: 100%;
       object-fit: cover;
       width:auto;  
    }

    .see-more-img-wrapper .see-more-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    
}

/*Mobile Modifications*/

@media(max-width:992px){
    .galleryimgthumbnail .owl-stage-outer {
        margin-left: -15px;
        margin-right: -15px;
    }

    .see-more-img-wrapper .see-more-content h1 {
        color:#000;
        font-size:35px;
        font-weight:500;
        margin-bottom:auto;
    }

    .galleryimgsync img.img-fluid {
        display: block;
        margin: 0 auto;
        object-fit: contain;
    }

    .see-more-img-wrapper .see-more-content .see-more-subheading {
        color: #000;
        font-size: 14px;
        margin-bottom:15px;
        text-transform:capitalize;
    }

    .galleryimgsync .owl-next, .galleryimgsync .owl-prev{
        height:40px;
        top:47%;
        background:transparent;
    }


    .galleryimgsync .owl-prev {
        left: 10px;
    }

    .galleryimgsync .owl-next {
        right: 10px;
    }

    .galleryimgthumbnail .thumb .thumb-overlay-centered{
        font-size:9px;
    }

}
/********************************/
/****** Boat Model Page *********/
/********************************/
.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
}

/*.owl-carousel {
    touch-action: manipulation;
}*/

.grid-media-carousel-outer .owl-nav button.owl-next, .grid-media-carousel-outer .owl-nav button.owl-prev, .grid-media-carousel-outer button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}



.grid-media-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding:inherit;
}



.boat-model-display-wrapper {
   position:relative;
}

.boat-model-display-wrapper.gradient-part {

}

.gradient-black {
    background-image: radial-gradient(circle at 67% 103%, #323232, #161617 54%), linear-gradient(to bottom, #323232, #161617);
}

.gradient-red {
    background-image: radial-gradient(circle at 67% 97%, #DC0909, #8D0000 51%), linear-gradient(to bottom, #DC0909, #8D0000);
}

.gradient-blue {
    background-image: radial-gradient(circle at 63% 100%, #0259e1, #003473 53%), linear-gradient(to bottom,#0259e1, #003473);
}

.gradient-orange {
    background-image: radial-gradient(circle at 67% 103%, #FF8843,#c5521c 53%), linear-gradient(to bottom, #FF8843,#c5521c);
}

.gradient-yellow {
    background-image: radial-gradient(circle at 67% 103%, #FFEE5C,#D8BE00 53%), linear-gradient(to bottom, #FFEE5C,#D8BE00);
}
.gradient-teal {
    background-image: radial-gradient(circle at 67% 103%, #4c9fa9, #007580 54%), linear-gradient(to bottom, #4c9fa9, #007580);
}
.gradient-grey {
    background-image: radial-gradient(circle at 53% 100%, rgba(162, 162, 162, 0.93), rgba(186, 179, 179, 0.54) 57%), linear-gradient(to bottom, #232326, #232326);
}
.gradient-ellipseblack {
    /*XT23*/
    background-image: radial-gradient(circle at 67% 103%, #3b3b3b, #111111 53%), linear-gradient(to bottom, #3b3b3b, #111111 );
}
.gradient-navy {
    background-image: radial-gradient(circle at 63% 103%, #2F4b6f, #032441 53%), linear-gradient(to bottom, #2F4b6f, #032441);
}
.gradient-carmine {
    /*x22*/
    background-image: radial-gradient(circle at 67% 97%, #ad0222, #7a0211 52%), linear-gradient(to bottom, #ad0222, #7a0211);
}
.gradient-matterhorn {
    /*x26*/
    background-image: radial-gradient(circle at 67% 103%, #4e4e4e, #242424 53%), linear-gradient(to bottom, #4e4e4e, #242424);
}

.gradient-mixedblue {
    background-image: radial-gradient(circle at 67% 103%, #36abff, #066eb8 53%), linear-gradient(to bottom, #36abff, #36abff);
}

.gradient-nero {
    background-image: radial-gradient(circle at 67% 103%, #5d5d5d, #292929 54%), linear-gradient(to bottom, #5d5d5d, #292929);
}
.gradient-smalt {
    /*prostar*/
    background-image:radial-gradient(circle at 63% 100%, #2b76ea, #014392 53%), linear-gradient(to bottom,#2b76ea, #014392);
}


.gradient-frictionorange { 
    /*NXT22*/
    background-image: radial-gradient(circle at 63% 100%, #F16F33, #B4491A 53%), linear-gradient(to bottom,#F16F33, #B4491A);
}
.gradient-jetstreamblue {
    /*NXT24*/
    background-image: radial-gradient(circle at 63% 100%, #36ABFF, #066EB8 53%), linear-gradient(to bottom,#36ABFF, #066EB8);
}
.gradient-kahunablue {
    /*XT21*/
    background-image: radial-gradient(circle at 63% 100%, #5CBFD6, #088096 53%), linear-gradient(to bottom,#5CBFD6, #088096);
}
.gradient-protourred {
    /*XT25*/
    background-image: radial-gradient(circle at 63% 100%, #9C1F26, #6C0010 53%), linear-gradient(to bottom,#9C1F26, #6C0010);
}
.gradient-navypremium {
    /*X24*/
    background-image: radial-gradient(circle at 63% 100%, #4D5372, #0C1940 53%), linear-gradient(to bottom,#4D5372, #0C1940);
}
.gradient-protourpremium {
    /*XSTAR*/
    background-image: radial-gradient(circle at 63% 100%, #782F30, #36060A 53%), linear-gradient(to bottom,#782F30, #36060A);
}
.gradient-prostarpremium {
    /*PROSTAR*/
    background-image: radial-gradient(circle at 63% 100%, #49699B, #003677 53%), linear-gradient(to bottom,#49699B, #003677);
}

.gradient-xt23-2022 {
    background-image: radial-gradient(circle at 63% 100%,#90344e, #5a162c 53%), linear-gradient(to bottom, #90344e,#5a162c);
}

.gradient-xt24-2022 {
    background-image: radial-gradient(circle at 63% 100%,#ced9e1, #a0c0d0 53%), linear-gradient(to bottom, #ced9e1,#a0c0d0);
}


/*#region Model Year 2022*/
.gradient-nxt20-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#f59451,#ce7242 53%), linear-gradient(to bottom,#f59451, #ce7242);
}

.gradient-nxt22-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#aedbc0,#8fb9a4 53%), linear-gradient(to bottom, #aedbc0,#8fb9a4);
}

.gradient-nxt24-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#c8d5de,#a0c0d0 53%), linear-gradient(to bottom, #c8d5de,#a0c0d0);
}

.gradient-xt20-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#b6b6ba,#838589 53%), linear-gradient(to bottom, #b6b6ba,#838589);
}

.gradient-xt21-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#908d67,#47482e 53%), linear-gradient(to bottom, #908d67,#47482e);
}

.gradient-xt23-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#90344e,#5a162c 53%), linear-gradient(to bottom, #90344e,#5a162c);
}

.gradient-xt24-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#c8d5de,#a0c0d0 53%), linear-gradient(to bottom, #c8d5de,#a0c0d0);
}

.gradient-xt25-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#232423,#4c4c4d 53%), linear-gradient(to bottom, #232423,#4c4c4d);
}

.gradient-x22-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#a4a5a7,#727273 53%), linear-gradient(to bottom, #a4a5a7,#727273);
}

.gradient-x24-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#96d3c8,#6faba7 53%), linear-gradient(to bottom, #96d3c8,#6faba7);
}

.gradient-x26-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#69414a,#47272d 53%), linear-gradient(to bottom, #69414a,#47272d);
}

.gradient-xstar-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#f59451,#ce7242 53%), linear-gradient(to bottom, #f59451,#ce7242);
}

.gradient-xstars-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#96d3c8,#6faba7 53%), linear-gradient(to bottom, #96d3c8,#6faba7);
}

.gradient-prostar-my2022 {
    background-image: radial-gradient(circle at 63% 100%,#9d2024,#771113 53%), linear-gradient(to bottom,#9d2024,#771113);
}



/*#endregion Model Year 2022*/







.bmodel-price-card-wrapper {
    display: inline-block;
   
    margin-top: 57px;
}


.bmodel-price-card-cover {
    display: inline-block;
    box-shadow: 5px 5px 35px 0 rgba(0, 0, 0, 0.09);
    background-image: linear-gradient(181deg, rgba(66, 66, 66, 0.23) 130%, rgba(0, 0, 0, 0) -39%);
    position: absolute;
    top: 25px;
}
    

.bmodel-price-card{
    padding-right:20px;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:15px;
    position:relative;
    
}

.bmodel-price-card:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 1.5px;
    height: 65%;
    background: #b8b8b8;
    transform: translateY(-50%);
}

.bmodel-price-card:last-child:after {
    width:0;
}

.bmodel-price-card .price-label {
    font-family: Vitesse;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.02px;
    color: #b8b8b8;
    margin-bottom: 2px;
    text-transform:uppercase;
}

.bmodel-price-card .price-tag {
    font-family: Tungsten;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: 1.1px;
    text-align: center;
    color: #ffffff;
}

.dark-gradient-theme .bmodel-price-card .price-label {
    color: #000;
}

.dark-gradient-theme .bmodel-price-card .price-tag {
    color: #000;
}

.bmodel-price-card-wrapper.dark .bmodel-price-card .price-tag {
    color: #000000;
}

.price-tag-new {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #000000 !important;
}

.horizontal-line {
    height: 2px;
    opacity: 0.2;
    border: solid 1px #000000;
    width:10%;
    margin:auto;
}


.bmodel-header {
  /*  margin-top: 50px;
    margin-bottom: 15px;*/
    margin-top: 150px;
    margin-bottom: 15px;
    display: inline-block;
}

.bmodel-header .brand-name {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 2.77px;
    color: #fff;
    text-transform: uppercase;
}

.dark-gradient-theme .bmodel-header .brand-name {
    color: #fff;
}

    .bmodel-header.dark .brand-name {
        color: #fff;
    }

.bmodel-header .bmodel-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 148px;
    font-weight: 600;
    letter-spacing: 5.83px;
}

.dark-gradient-theme .bmodel-header .bmodel-title {
    color: #fff;
}
    .bmodel-header.dark .bmodel-title {
        color: #fff;
    }

.bmodel-btn-wrapper{
    margin-top:50px;
}

.btn-blackfilled {
    font-family: Tungsten;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.6px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    border-radius: 100px;
    color: #fff;
    background: #000;
    max-height: 38px;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn-learnmore {
    background-color: transparent;
    border-color: #000000;
    color: #000000;
    font-family: Tungsten;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 1.6px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    border-radius: 100px;
    text-decoration: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .btn-blackfilled:hover, .button-black:hover, .button:hover {
        background-color: #D12421 !important;
        color: #fff !important;
        text-decoration:none;
    }
   

.button-red:hover, .mc-header .dab-btn:hover {
    background-color: #880c01;
    color: #fff;
}

.dab-btn:hover {
    background-color: #880c01;
    color: #fff;
}



.btn-blackfilled.btn-big {
    line-height: 2.95em !important;
}

.specs-section-wrapper .btn-blackfilled.btn-big {
    height: 38px !important;
    padding: 6px 0px !important;
    line-height: 1.5 !important;
}

.btn-learnmore.btn-big {
    line-height: 2.95em;
}


.btn-outline-primary {
    background-color: transparent;
    border-color: #000000;
    color: #000000;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active, .button-blackwithwhiteborder:hover, .button-white:hover, .btn-learnmore:hover {
        border-color: #000 !important;
        color: #fff !important;
        background-color: #000 !important;
        text-decoration:none;
    }


/*#bmodel-maincarousel {
    transition: 1s ease-in-out;
}*/

.bmodel-btn-wrapper{
    margin-bottom:100px;
}

.boat-model-thumb .owl-item {
    max-width: 160px;
    max-height: 98px;
    object-fit: contain;
    margin-right: 2%;
    position: relative;
    display: flex;
    align-items: center;
}

.boat-model-thumb .item {
   background:transparent;
}

.boat-model-thumb .owl-item:after {
    content: '';
    width: 1px;
    background: #979797;
    position: absolute;
    top: 0;
    right: -22px;
    height: 100%;
    transform: rotate(30deg);
}
.boat-model-thumb .owl-item:last-child::after {
    width:0;
}
.boat-model-thumb.owl-carousel .owl-stage {
    justify-content: center;
}

.mob-boat-model-halfwhite {
    background:white;
    display:flex;
}

/*Most Popular section*/
.popular-reason-header .header-title {
    font-weight:500;
    line-height:0.97;
    letter-spacing:2.36px;
}

.header-intro-text{
    padding: 0 50px;
    text-align:initial;
}
/*Specs Section*/
.specs-section-wrapper .header-title, .bmodel-features-wrapper .header-title {
    font-weight: 500;
    line-height: 0.88;
    letter-spacing: 2.86px;
}

.specs-main-card {
    border: 1.5px solid #8c8c8c;
    border-top: none;
    border-left: none;
    padding: 14px 0px;
}



.specs-main-card .spec-main-title {
    font-family: Vitesse;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.31px;
    text-align: center;
    color: #000000;
    margin-bottom:20px;
}

    .specs-main-card .spec-main-value-text {
        font-family: Tungsten;
        font-size: 59px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.69;
        letter-spacing: 1.13px;
        text-align: center;
        color: #979494;
    }
.spec-modal-view-all {
    z-index: 9999999;
}
    .spec-modal-view-all .close {
        background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 20px;
        clear: both;
        width: 20px;
        height: 20px;
        padding: 20px;
        z-index: 1;
        min-width: 20px;
    }
.spec-modal-view-all .modal-header {
  border:none;
}

.spec-modal-view-all .modal-header h1 {
    font-family: Tungsten;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #000000;
    margin:auto;
}

.spec-modal-view-all .modal-dialog {
    background: #FFFFFF;
    box-shadow: 2px 2px 20px 1px;
    padding: 45px 30px;
    max-width: 95vw;
}

.spec-modal-view-all .modal-content{
    border:none;
}

.specs-content {
    justify-content: space-between;
    padding: 5px 5px;
    border-top: solid 2px #8c8c8c;
    align-items: center;
}

.specs-content:first-child {
    border-top: none;
}

    .specs-content .label {
        text-align: left;
        width: 50%;
        font-family: Vitesse;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.63;
        letter-spacing: 0.63px;
        color: #8c8c8c;
        text-transform:uppercase;
    }

    .specs-content .value {
        text-align: right;
        width: 50%;
        font-family: Forza;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: 0.63px;
        color: #000000;
    }

.spec-notes p {
    line-height: 1.13;
    letter-spacing: 0.63px;
    color: #8c8c8c;
    margin-bottom: 5px;
    font-size:11px;
}


/*Boat Model Feature Slider Styling part*/
.bmodel-feature-carousel.owl-theme .owl-next,
.bmodel-feature-carousel.owl-theme .owl-prev {
    width: 10px;
    height: 19px;
    margin-top: -20px;
    position: absolute;
    top: 45%;
    min-width:30px;
}

.bmodel-feature-carousel.owl-theme .owl-nav [class*="owl-"] svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    stroke: #fff !important
}

.bmodel-feature-carousel.owl-theme .owl-prev {
    left: 20px;
}

.bmodel-feature-carousel.owl-theme .owl-next {
    right: 20px;
}

.bmodel-feature-carousel.owl-theme .owl-prev svg {
    float: left;
    width: auto;
}

.bmodel-feature-carousel.owl-theme .owl-next svg {
    float: right;
    width: auto;
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-next,
.bmodel-limitededition-feature-carousel.owl-theme .owl-prev {
    width: 10px;
    height: 19px;
    margin-top: -20px;
    position: absolute;
    top: 45%;
    min-width: 30px;
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-nav [class*="owl-"] svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    stroke: #000 !important
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-prev {
    left: -20px;
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-next {
    right: -20px;
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-prev svg {
    float: left;
    width: auto;
}

.bmodel-limitededition-feature-carousel.owl-theme .owl-next svg {
    float: right;
    width: auto;
}




.bmodel-cta-card img {
    max-height: 70px;
    min-height: 70px;
    }

.bmodel-cta-card img:hover {
    filter: brightness(0) saturate(100%) invert(9%) sepia(97%) saturate(4357%) hue-rotate(10deg) brightness(101%) contrast(108%);
}

.bmodel-cta-card .bmodel-cta-title {
    font-size: 30px;
    line-height: 0.93;
    letter-spacing: 2.73px;
    color: #000;
    margin-top: 15px;
}

.bmodel-cta-card .bmodel-cta-subheading a{
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 202px;
    margin: auto;
    font-family: Forza;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    display:block;
}

.bmodel-cta-card {
    margin-top: 25px;
    margin-bottom: 25px;
}

.bmodel-cta-card .img-wrapper{
  height:100px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.bmodel-limitededition-mob-content-feature{
    padding:5%;
}


@media(max-width:576px) {
    #bmodel-maincarousel.X22 {
        margin-top: -4px;
    }

    #bmodel-maincarousel.XT25 {
        margin-top: 14px;
    }

    #bmodel-maincarousel.XT20 {
        margin-top: 24px
    }

    #bmodel-maincarousel.PROSTAR {
        margin-top: -7px;
    }

    #bmodel-maincarousel.X24 {
        margin-top: -3px;
    }

    #bmodel-maincarousel.X26 {
        margin-top: -4px;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top:2px;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
        margin-top:-16px;
    }


    .bmodel-limitededition-mob-content-feature {
        padding: 0;
    }
}

@media(max-width: 992px) and (min-width: 577px) {
    #bmodel-maincarousel.X22 {
        margin-top: -17px;
    }
    #bmodel-maincarousel.XT25 {
        margin-top: 18px;
    }

    #bmodel-maincarousel.XT20 {
       margin-top:50px
    }

    #bmodel-maincarousel.X26 {
        margin-top: -16px
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top: 14px;
    }

    #bmodel-maincarousel.X24 {
        margin-top: -17px;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
        margin-top: -20px;
    }

    .bmodel-limitededition-mob-content-feature {
        padding: 0;
    }
}



    /*Boat Main carousel header images fix*/
    .bmodel-mainheadercarousel .item {
        max-height: 377px;
        height: 100%;
        width: 100%;
    }

        .bmodel-mainheadercarousel .item img {
            width: 100%;
            object-fit: contain;
            height: 100%;
        }

    /*Grid Media Carousel in intro section*/

    .grid-media-card {
        padding-left: 0;
        padding-right: 0;
        padding: 5px;
        cursor: pointer;
        overflow: hidden;
        position:relative;
    }

    .video-grid-card {
        position: relative;
    }

        .video-grid-card .play-video-btn-grid {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 20;
        }

.grid-media-card .play-video-btn-grid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
}

    .grid-media-card .full-screen-grid {
        position: absolute;
        bottom: 30px;
        right: 50px;
        cursor: pointer;
        z-index: 1040;
    }

    .video-grid-card .full-screen-grid {
        position: absolute;
        bottom: 30px;
        right: 50px;
        cursor: pointer;
        z-index: 1040;
    }

    .grid-media-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .grid-media-carousel .grid-media-item .video-intro {
        width: 100%;
        position: relative;
        height: 100%;
    }

        .grid-media-carousel .grid-media-item .video-intro .video-thumb-image {
            position: inherit;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 20;
        }

            .grid-media-carousel .grid-media-item .video-intro .video-thumb-image .video-btn-play img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .grid-media-carousel .grid-media-item .video-intro .play-button-icon.play-video img {
            width: auto;
        }

    .grid-media-carousel .image-intro {
        height: 100%;
    }

        .grid-media-carousel .image-intro img {
            object-fit: contain;
            height: 100%;
            width:100%;
        }


    .grid-media-carousel .grid-media-item .play-button-icon {
        position: absolute;
        width: 140px;
        height: 140px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }


        .grid-media-carousel .grid-media-item .play-button-icon img {
            width: auto;
            max-width: 100%;
            height: auto;
        }

    .gridimgthumbnail .grid-media-item-thumb .play-button-icon {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }

    .gridimgthumbnail .grid-media-item-thumb .play-video-thumb img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .gridimgthumbnail .grid-media-item-thumb .play-video-thumb {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }

    .grid-media-carousel-modal .modal-content {
        overflow: hidden;
    }

    /*Light box */
    .modal-open .grid-media-carousel-modal.modal {
        overflow: hidden;
    }

    .grid-media-carousel-modal.show .modal-dialog {
        min-width: 95vw;
    }

    .grid-media-carousel-modal .modal-content {
        box-shadow: 2px 2px 20px 1px;
        display: block;
        position: relative;
        border-radius: 0;
        max-height: 95vh;
    }

.row-media-carousel-modal .modal-content {
    box-shadow: 2px 2px 20px 1px;
    display: block;
    position: relative;
    border-radius: 0;
    max-height: 100vh;
}

    .grid-media-carousel-modal .close {
        background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 20px;
        clear: both;
        width: 20px;
        height: 20px;
        padding: 20px;
        z-index: 2;
        min-width: 20px;
    }

    .grid-media-carousel-modal .modal-body {
        padding: 0;
    }

    .grid-gallery {
        max-width: 100%;
        background: #000;
    }

    .grid-media-carousel {
        position: relative;
    }

    .gridimgthumbnail {
        background: #000000;
    }


        .gridimgthumbnail .owl-item {
            margin: 5px 5px 0px 0px;
        }

    .grid-media-carousel .owl-nav [class*=owl-]:hover {
        background: initial;
    }

    .grid-media-carousel .owl-next,
    .grid-media-carousel .owl-prev {
        width: 10px;
        height: 30px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        min-width: 65px;
        background: transparent;
    }

.grid-media-carousel .owl-prev {
    left: 20px;
}

.grid-media-carousel .owl-next {
    right: 20px;
}

.grid-media-carousel-outer .owl-next,
.grid-media-carousel-outer .owl-prev {
    width: 10px;
    height: 20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    min-width: 65px;
    background: transparent;
    margin: -25px -80px !important; 
}

.grid-media-carousel-outer .owl-prev {
    left: 20px;
}

.grid-media-carousel-outer .owl-next {
    right: 20px;
}
  

    .grid-media-carousel .owl-nav [class*="owl-"].disabled {
        display: none;
    }

    .gridimgthumbnail .video-intro, .gridimgthumbnail .image-intro {
        border-radius: 0;
        padding: 0;
        min-width: auto;
        position: relative;
    }

        .gridimgthumbnail .video-intro:hover, .gridimgthumbnail .image-intro:hover {
            background-color: #000;
        }


        .gridimgthumbnail .video-intro img.img-fluid, .gridimgthumbnail .image-intro img.img-fluid {
            width: 100%;
            height: auto;
            max-height: 113px;
        }

.grid-lb-video-wrapper, .grid-lb-video-wrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 470px;
}

    .owl-item .item {
        margin-left: 4px !important;
    }

    .gradient-yellow .bmodel-price-card .price-label, .gradient-orange .bmodel-price-card .price-label {
        color: #212529;
    }

    .gradient-yellow .bmodel-price-card .price-tag, .gradient-orange .bmodel-price-card .price-tag {
        color: #000;
    }

    .gradient-yellow .bmodel-header .bmodel-title{
        color: #000;
    }

.gradient-orange .bmodel-header .bmodel-title {
    color: #fff;
}

    .gradient-yellow .bmodel-header .brand-name, .gradient-orange .bmodel-header .brand-name {
        color: #fff;
    }

    .mob-bmodel-btn-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

        .mob-bmodel-btn-wrapper a {
            z-index: 9;
            margin-bottom: 15px;
            min-width: 150px;
            margin-right: 0 !important;
        }

    .disclaimer-text, .disclaimer-text p {
        font-family: Forza;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #000000;
    }



    /*Mobile Devices*/
    @media(max-width:576px) {
        .bmodel-price-card .price-label {
            font-size: 12px;
            text-align: center;
        }

        .bmodel-price-card .price-tag {
            font-size: 20px;
        }


        .spec-modal-view-all .modal-dialog {
            padding: 15px;
            min-width: 95vw;
            margin: 5px;
        }

        .specs-content .label, .specs-content .value {
            font-size: 11px;
        }

        .bmodel-price-card-wrapper {
            width: 100%;
        }

        .bmodel-price-card-cover {
            justify-content: center;
        }

        .video-grid-card .full-screen-grid {
            position: absolute;
            bottom: 20px;
            right: 25px;
            cursor: pointer;
            z-index: 1040;
        }

        .grid-media-card .full-screen-grid {
            position: absolute;
            bottom: 15px;
            right: 20px;
            cursor: pointer;
            z-index: 1040;
        }

        .play-video-btn-grid img {
            width: 50%;
            height: 50%;
        }

        .boat-model-thumb.owl-carousel {
            overflow:hidden;
        }

        .boat-model-thumb.owl-carousel .owl-stage {
            justify-content: initial;
        }

        .mob-boat-model-halfwhite:before {
            content: '';
            width: 100vw;
            height: 73.5%;
            background: white;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

        .mob-boat-model-halfwhite.mob-NXT20::before {
            height: 72%;
        }

        .mob-boat-model-halfwhite.mob-NXT22::before {
            height: 73.5%;
        }

        .mob-boat-model-halfwhite.mob-NXT24::before {
            height: 74%;
        }

        .mob-boat-model-halfwhite.mob-XT20::before {
            height: 69.5%;
        }

        .mob-boat-model-halfwhite.mob-XT21::before {
            height: 69.5%;
        }

        .mob-boat-model-halfwhite.mob-XT22::before {
            height: 74%;
        }

        .mob-boat-model-halfwhite.mob-XT23::before {
            height: 73.5%;
        }

        .mob-boat-model-halfwhite.mob-XT25::before {
            height: 70%;
        }

        .mob-boat-model-halfwhite.mob-X22::before {
            height: 76%;
        }

        .mob-boat-model-halfwhite.mob-X24::before {
            height: 75.5%;
        }

        .mob-boat-model-halfwhite.mob-X26::before {
            height: 76%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR:before {
            height: 77.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR:before {
            height: 74%;
        }
    }

/* For Mobile S(Iphone 5 and less) */
@media(max-width:320px) {
    .mob-boat-model-halfwhite:before {
        content: '';
        width: 100vw;
        height: 73.5%;
        background: white;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .mob-boat-model-halfwhite.mob-NXT20::before {
        height: 74%;
    }

    .mob-boat-model-halfwhite.mob-NXT22::before {
        height: 75.5%;
    }

    .mob-boat-model-halfwhite.mob-NXT24::before {
        height: 76%;
    }

    .mob-boat-model-halfwhite.mob-XT20::before {
        height: 71.5%;
    }

    .mob-boat-model-halfwhite.mob-XT21::before {
        height: 71.5%;
    }

    .mob-boat-model-halfwhite.mob-XT22::before {
        height: 74%;
    }

    .mob-boat-model-halfwhite.mob-XT23::before {
        height: 75.5%;
    }

    .mob-boat-model-halfwhite.mob-XT25::before {
        height: 72%;
    }

    .mob-boat-model-halfwhite.mob-X22::before {
        height: 78%;
    }

    .mob-boat-model-halfwhite.mob-X24::before {
        height: 77.5%;
    }

    .mob-boat-model-halfwhite.mob-X26::before {
        height: 78%;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR:before {
        height: 79.5%;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR:before {
        height: 76%;
    }
}

/* For Mobile L(Iphone 5 and less) */
/*@media (max-width: 440px) and (min-width: 380px)) {
    .mob-boat-model-halfwhite:before {
        content: '';
        width: 100vw;
        height: 73.5%;
        background: white;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .mob-boat-model-halfwhite.mob-NXT20::before {
        height: 74%;
    }

    .mob-boat-model-halfwhite.mob-NXT22::before {
        height: 75.5%;
    }

    .mob-boat-model-halfwhite.mob-NXT24::before {
        height: 76%;
    }

    .mob-boat-model-halfwhite.mob-XT20::before {
        height: 71.5%;
    }

    .mob-boat-model-halfwhite.mob-XT21::before {
        height: 71.5%;
    }

    .mob-boat-model-halfwhite.mob-XT22::before {
        height: 74%;
    }

    .mob-boat-model-halfwhite.mob-XT23::before {
        height: 75.5%;
    }

    .mob-boat-model-halfwhite.mob-XT25::before {
        height: 72%;
    }

    .mob-boat-model-halfwhite.mob-X22::before {
        height: 78%;
    }

    .mob-boat-model-halfwhite.mob-X24::before {
        height: 77.5%;
    }

    .mob-boat-model-halfwhite.mob-X26::before {
        height: 78%;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR:before {
        height: 79.5%;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR:before {
        height: 76%;
    }
}*/


    @media(max-width:367px) {
        .mob-boat-model-halfwhite {
            padding-bottom: 2px;
        }
        .bmodel-price-card .price-label {
            font-size: 10px;
            text-align: center;
        }

        .bmodel-price-card .price-tag {
            font-size: 18px;
        }

        .bmodel-feature-carousel .owl-dots {
            position: absolute;
            top: 39% !important;
            width: 100%;
        }

        .boat-model-thumb .owl-item {
            max-width: 100px;
            margin-right: 2%;
        }

            .boat-model-thumb .owl-item .item {
                min-width: initial;
                padding: 0px 9px;
            }

            .boat-model-thumb .owl-item::after {
                right: -9px;
            }

        .mob-boat-model-halfwhite.mob-X22::before, .mob-boat-model-halfwhite.mob-X24::before, .mob-boat-model-halfwhite.mob-X26::before {
            height: 72.5%;
        }

        .mob-boat-model-halfwhite.mob-XT20::before, .mob-boat-model-halfwhite.mob-XT21::before, .mob-boat-model-halfwhite.mob-XT25::before {
            height: 70%;
        }

        .mob-boat-model-halfwhite:before {
            height: 71.5%;
        }
    }

    @media(max-width:380px) {
        .bmodel-feature-carousel .owl-dots {
            position: absolute;
            top: 48% !important;
            width: 100%;
        }
        .mob-boat-model-halfwhite {
            padding-bottom:1px;
        }

        .p-star-feature .owl-dots {
            top: 38% !important;
        }
    }

    @media(max-width:992px) {
        .specs-main-card {
            border: 1.5px solid #8c8c8c;
            border-top: none;
            border-left: none;
            padding: 10px 0px 0px 0px;
        }


        .grid-media-card {
            padding-left: 15px;
            padding-right: 15px;
        }

        .col-lg-4.col-6.grid-media-card {
            padding-right: 5px;
        }

        .grid-media-carousel .owl-next {
            right: 10px;
        }

        .grid-media-carousel .owl-prev {
            left: 10px;
        }


        .col-lg-6.col-6.grid-media-card.order-3.order-lg-4 {
            padding-left: 5px;
        }

        .spec-main-mob-grid {
            width: 80%;
        }

        .bmodel-price-card-wrapper {
            display: inline-block;
            margin-top: 25px;
            position: relative;
            left: 0;
        }

        .boat-model-thumb .owl-item {
            max-width: 100px;
        }

        .boat-model-thumb .owl-nav  {
           width:25%;
        }

        .boat-model-thumb .owl-nav button {
           height:12px;
        }

        .bmodel-price-card {
            padding-right: 18px;
            padding-left: 18px;
        }

        .bmodel-header .bmodel-title {
            font-size: 82px;
        }

        .mob-boat-model-halfwhite {
            position: relative;
            background: transparent;
        }

         /*   .mob-boat-model-halfwhite:before {
                content: '';
                width: 100vw;
                height: 73.5%;
                background: white;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
            }

            .mob-boat-model-halfwhite.mob-NXT20::before {
                height: 72%;
            }

            .mob-boat-model-halfwhite.mob-NXT22::before {
                height: 73.5%;
            }

            .mob-boat-model-halfwhite.mob-NXT24::before {
                height: 74%;
            }

            .mob-boat-model-halfwhite.mob-XT20::before {
                height: 69.5%;
            }

            .mob-boat-model-halfwhite.mob-XT21::before {
                height: 69.5%;
            }

            .mob-boat-model-halfwhite.mob-XT22::before {
                height: 72%;
            }

            .mob-boat-model-halfwhite.mob-XT23::before {
                height: 73.5%;
            }

            .mob-boat-model-halfwhite.mob-XT25::before {
                height: 70%;
            }

            .mob-boat-model-halfwhite.mob-X22::before {
                height: 76%;
            }

            .mob-boat-model-halfwhite.mob-X24::before {
                height: 75.5%;
            }

            .mob-boat-model-halfwhite.mob-X26::before {
                height: 76%;
            }

        .spcl-mob-boat-model-halfwhite.XSTAR:before {
            height: 77.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR:before {
            height: 74%;
        }*/

        .popular-reason-header .header-title, .specs-section-wrapper .header-title, .spec-modal-view-all .modal-header h1, .bmodel-features-wrapper .header-title {
            font-weight: 500;
            line-height: 1.93;
            letter-spacing: 1.18px;
            font-size: 30px;
        }

        .popular-reason-header .header-intro-text {
            text-align: initial;
        }


        .specs-main-card {
            border: none;
            border-bottom: 1.5px solid #8c8c8c;
        }

            .specs-main-card:last-child {
                border: none;
            }

            .specs-main-card .spec-main-value-text {
                font-family: Tungsten;
                font-size: 34px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 1.31px;
                text-align: center;
                color: #6b6b6b;
            }

            .specs-main-card .spec-main-title {
                font-family: Vitesse;
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.69;
                letter-spacing: 1.13px;
                text-align: center;
                color: #000000;
                margin-bottom: 10px;
            }

        .bmodel-feature-slider-wrapper {
            margin-left: -15px;
            margin-right: -15px;
        }

        .owl-theme .owl-dots .owl-dot {
            min-width: initial;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 35px;
                height: 5px;
                margin: 5px 6px;
                background: rgba(179, 179, 179, 0.4);
                -webkit-backface-visibility: visible;
                transition: opacity .2s ease;
                border-radius: 7px;
            }

            .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
                background: #383838;
            }



        .bmodel-cta-card {
            margin-top: 25px;
        }

        .bmodel-mob-content-feature {
            margin-top: 88px;
            margin-bottom: 20px;
        }

            .bmodel-mob-content-feature p {
                text-align: initial;
                padding: 0px 10px;
            }

        .bmodel-feature-carousel .owl-dots {
            position: absolute;
            top: 46%;
            width: 100%;
        }

        .p-star-feature .owl-dots {
            top: 59%;
        }

        .bmodel-cta-card .bmodel-cta-subheading {
            margin-top: 15px;
        }

        .bmodel-feature-title {
            position: relative;
            font-family: Vitesse;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: 0.55px;
            text-transform: uppercase;
            color: #000000;
            line-height: 2;
        }

            .bmodel-feature-title:before {
                content: "";
                position: absolute;
                width: 30%;
                height: 1.5px;
                bottom: -5px;
                left: 50%;
                border-bottom: 1.5px solid #4a4a4a;
                transform: translateX(-50%);
            }

        .grid-media-carousel-modal.show .modal-dialog {
            margin-top: 50px;
        }

        .grid-media-carousel .grid-media-item .play-button-icon, .gridimgthumbnail .grid-media-item-thumb .play-video-thumb {
            width: 38px;
            height: 38px;
        }

        .grid-media-item {
            width: 100%;
            height: 100%;
        }

        .grid-media-carousel-modal .close {
            top: 10px;
            right: 10px;
            width: 25px;
            height: 25px;
        }

        .bmodel-features-bg {
            background: #ededed;
        }

        .bmodel-feature-slider-wrapper.p-star-feature {
            margin: 0;
        }
    }

    @media (max-width: 480px) and (min-width: 320px) {
        .bmodel-mob-content-feature {
            margin-top: 55px;
            margin-bottom: 20px;
        }

        .bmodel-feature-carousel .owl-dots {
            position: absolute;
            top: 53%;
            width: 100%;
            margin-top: 18px !important;
        }

        .p-star-feature .owl-dots {
            top: 42%;
        }

        .header-intro-text {
            padding: 0px;
        }
    }

    @media(min-width:576px) and (max-width:768px) {

           .mob-boat-model-halfwhite:before {
                content: '';
                width: 100vw;
                height: 64.5%;
                background: white;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
            }

            .mob-boat-model-halfwhite.mob-NXT20::before {
                height: 63%;
            }

            .mob-boat-model-halfwhite.mob-NXT22::before {
                height: 65%;
            }

            .mob-boat-model-halfwhite.mob-NXT24::before {
                height: 66%;
            }

            .mob-boat-model-halfwhite.mob-XT20::before {
                height: 61.5%;
            }

            .mob-boat-model-halfwhite.mob-XT21::before {
                height: 61.5%;
            }

            .mob-boat-model-halfwhite.mob-XT22::before {
                height: 67%;
            }

            .mob-boat-model-halfwhite.mob-XT23::before {
                height: 64.5%;
            }

            .mob-boat-model-halfwhite.mob-XT25::before {
                height: 61%;
            }

            .mob-boat-model-halfwhite.mob-X22::before {
                height: 69%;
            }

            .mob-boat-model-halfwhite.mob-X24::before {
                height: 68.5%;
            }

            .mob-boat-model-halfwhite.mob-X26::before {
                height: 68.5%;
            }

        .spcl-mob-boat-model-halfwhite.XSTAR:before {
            height: 70%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR:before {
            height: 64%;
        }
        
    }

    @media(min-width:769px) and (max-width:992px) {
        .mob-boat-model-halfwhite:before {
            content: '';
            width: 100vw;
            height: 64.5%;
            background: white;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

        .mob-boat-model-halfwhite.mob-NXT20::before {
            height: 63%;
        }

        .mob-boat-model-halfwhite.mob-NXT22::before {
            height: 64.5%;
        }

        .mob-boat-model-halfwhite.mob-NXT24::before {
            height: 65%;
        }

        .mob-boat-model-halfwhite.mob-XT20::before {
            height: 69.5%;
        }

        .mob-boat-model-halfwhite.mob-XT21::before {
            height: 69.5%;
        }

        .mob-boat-model-halfwhite.mob-XT22::before {
            height: 72%;
        }

        .mob-boat-model-halfwhite.mob-XT23::before {
            height: 73.5%;
        }

        .mob-boat-model-halfwhite.mob-XT25::before {
            height: 70%;
        }

        .mob-boat-model-halfwhite.mob-X22::before {
            height: 76%;
        }

        .mob-boat-model-halfwhite.mob-X24::before {
            height: 75.5%;
        }

        .mob-boat-model-halfwhite.mob-X26::before {
            height: 76%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR:before {
            height: 77.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR:before {
            height: 74%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR:before {
            height: 60%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR:before {
            height: 64%;
        }
    }

    @media(min-width:992px) {
        .specs-main-card:nth-child(3n+1) {
            border-right: 1.5px solid #8c8c8c;
        }

        .specs-main-card:nth-child(3n+3) {
            border-right: none;
        }

        .specs-main-card:nth-child(4), .specs-main-card:nth-child(5), .specs-main-card:nth-child(6) {
            border-bottom: none;
        }

        .bmodel-feature-indicator .bmodel-c-indicator {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #000;
            align-items: flex-end;
        }

            .bmodel-feature-indicator .bmodel-c-indicator li {
                font-family: Forza;
                font-size: 18px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.71px;
                text-align: center;
                color: #000000;
                padding: 6px 4px;
                transition: all 0.6s ease;
                border-bottom: 1px solid transparent;
            }

                .bmodel-feature-indicator .bmodel-c-indicator li.active {
                    font-weight: 600;
                    border-bottom: 1.3px solid #D12421;
                }

                    .bmodel-feature-indicator .bmodel-c-indicator li.active button {
                        font-weight: 700;
                    }

        .bmodel-c-indicator li button {
            max-width: 250px;
            word-break: break-word;
            white-space: pre-wrap;
            align-items: center;
        }

        .bmodel-c-indicator li button {
            min-width: auto;
            font-family: Forza;
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.71px;
            text-align: center;
            color: #000000;
            padding: 6px 4px;
            transition: all 0.6s ease;
            border-bottom: 1px solid transparent;
        }

        .grid-media-item {
            /*height: calc(98vh - 190px);
        height: calc(var(--vh, 1vh) * 98 - 190px);*/
            max-height: 470px;
            height: 100%;
        }

        .gridimgthumbnail .video-intro img.img-fluid, .gridimgthumbnail .image-intro img.img-fluid {
            min-height: 110px;
        }
    }

    @media(max-width:1024px) and (min-width:767px) {
        .bmodel-feature-carousel .owl-dots {
            top: 68.5%;
        }
    }

    @media (min-width: 1200px) {
        .specs-content-wrapper {
            width: 70%;
            margin: 0px auto;
        }
    }

    /*Laptop Devices*/
    @media(min-width:992px) and (max-width:1024px) {
        #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 57%;
            right: 3%;
            transform: translateY(-50%);
        }

       .global #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 50%;
            right: 3%;
            transform: translateY(-50%);
        }

        #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
            top: 59%;
        }

        #bmodel-maincarousel.NXT22, .global #bmodel-maincarousel.NXT22 {
            top: 59.5%;
        }

        #bmodel-maincarousel.NXT24, .global #bmodel-maincarousel.NXT24 {
            top: 59%;
        }

        #bmodel-maincarousel.XT20, .global #bmodel-maincarousel.XT20 {
            top: 58.5%;
        }

        #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
            top:59%;
        }

        #bmodel-maincarousel.XT22, .global #bmodel-maincarousel.XT22 {
            top: 57%;
        }

        #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
            top: 59%;
        }

        #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
            top: 59%;
        }

        #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
            top: 58.5%;
        }

        #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
            top: 59%;
        }

        #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
            top: 59%;
        }

        #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
            top: 57%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel, .spcl-mob-boat-model-halfwhite.global.XSTAR #bmodel-maincarousel {
            top: 56%;
        }

        #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.XSTAR, #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.XSTAR.S {
            top: 57.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel, .spcl-mob-boat-model-halfwhite.global.PROSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.XSTAR, #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.XSTAR.S {
            top: 57.5%;
        }

        #bmodel-maincarousel.PROSTAR .owl-stage-outer .owl-stage .owl-item .item {
            margin-left: 1px !important;
        }

        .specs-main-card .spec-main-value-text {
            font-size: 40px;
        }
    }

    @media(min-width:1025px) and (max-width:1200px) {
        #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 57%;
            right: 3%;
            transform: translateY(-50%);
        }

        .global #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 50%;
            right: 3%;
            transform: translateY(-50%);
        }

            #bmodel-maincarousel.XT25 {
                top: 54%;
            }

            .global #bmodel-maincarousel.XT25 {
                top: 50%;
            }

            #bmodel-maincarousel.XT21, #bmodel-maincarousel.XT20 {
                top: 53%;
            }

        .global #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT20 {
            top: 47%;
        }

            #bmodel-maincarousel.X22, #bmodel-maincarousel.X24, #bmodel-maincarousel.X26 {
                top: 57%;
            }

        .global #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X26 {
            top: 50%;
        }

        .specs-main-card .spec-main-value-text {
            font-size: 40px;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
            top: 50%;
        }

        .spcl-mob-boat-model-halfwhite.global.PROSTAR #bmodel-maincarousel {
            top: 48%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
            top: 54%;
        }
        .spcl-mob-boat-model-halfwhite.global.XSTAR #bmodel-maincarousel {
            top: 48%;
        }
    }


@media(min-width:768px) and (max-width:991px) {

    #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
        margin-top: 40px;
    }

    #bmodel-maincarousel.NXT22, .global #bmodel-maincarousel.NXT22 {
        margin-top: 22px;
    }

}


    @media(min-width:1200px) and (max-width:1599px) {
        #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 56%;
            right: 5%;
            transform: translateY(-50%);
        }

        .global #bmodel-maincarousel {
            position: absolute;
            width: 50%;
            top: 49.4%;
            right: 5%;
            transform: translateY(-50%);
        }

            #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
                top: 57.5%;
            }

            #bmodel-maincarousel.NXT22, .global #bmodel-maincarousel.NXT22 {
                top: 57.5%;
            }

            #bmodel-maincarousel.NXT24, .global #bmodel-maincarousel.NXT24 {
                top: 57.5%;
            }

            #bmodel-maincarousel.XT20, .global #bmodel-maincarousel.XT20 {
                top: 56.5%;
            }

            #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
                top: 58%;
            }

            #bmodel-maincarousel.XT22, .global #bmodel-maincarousel.XT22 {
                top: 57%;
            }

            #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
                top: 57.5%;
            }

            #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
                top: 57.5%;
            }

            #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
                top: 57.5%;
            }

            #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
                top: 57.5%;
            }

            #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
                top: 57.5%;
            }

            #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
                top: 57%;
            }

            #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.XSTAR, #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.XSTAR.S {
                top: 57.5%;
            }

        .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel, .spcl-mob-boat-model-halfwhite.global.XSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel, .spcl-mob-boat-model-halfwhite.global.PROSTAR #bmodel-maincarousel {
            top: 54.5%;
        }

        #bmodel-maincarousel.NXT22 .owl-stage-outer .owl-stage .owl-item .item {
            margin-left: 0px !important;
        }
    }

    @media(min-width:1600px) and (max-width:1980px) {
        #bmodel-maincarousel {
            position: absolute;
            width: 35%;
            top: 51%;
            right: 20%;
            transform: translateY(-50%);
        }

        .global #bmodel-maincarousel {
            position: absolute;
            width: 35%;
            top: 51%;
            right: 20%;
            transform: translateY(-50%);
        }

        #bmodel-maincarousel.NXT20 {
            top: 58%;
        }
        .global #bmodel-maincarousel.NXT20 {
            top: 58%;
        }

        #bmodel-maincarousel.NXT22 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.NXT22 {
            top: 57.5%;
        }

        #bmodel-maincarousel.NXT24 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.NXT22 {
            top: 54%;
        }

        #bmodel-maincarousel.XT20 {
            top: 57%;
        }
        .global #bmodel-maincarousel.XT20 {
            top: 52%;
        }

        #bmodel-maincarousel.XT21 {
            top: 58%;
        }
        .global #bmodel-maincarousel.XT21 {
            top: 49%;
        }

        #bmodel-maincarousel.XT22 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.XT22 {
            top: 57.5%;
        }

        #bmodel-maincarousel.XT23 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.XT23 {
            top: 52.5%;
        }

        #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
            top: 57.5%;
        }

        #bmodel-maincarousel.XT25 {
            top: 57%;
        }
        .global #bmodel-maincarousel.XT25 {
            top: 51%;
        }

        #bmodel-maincarousel.X22 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.X22 {
            top: 57.5%;
        }

        #bmodel-maincarousel.X24 {
            top: 57.5%;
        }
        .global #bmodel-maincarousel.X24 {
            top: 57.5%;
        }

            #bmodel-maincarousel.X26 {
                top: 57%;
            }
        .global #bmodel-maincarousel.X26 {
            top: 57%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        .spcl-mob-boat-model-halfwhite.global.XSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
            top: 54.5%;
        }

        .spcl-mob-boat-model-halfwhite.global.PROSTAR #bmodel-maincarousel {
            top: 54.5%;
        }

        #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.X24 {
            top: 57.5%;
        }

            #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.X24 {
                top: 57.5%;
            }
    }

    @media(min-width:1981px) {
        #bmodel-maincarousel {
            position: absolute;
            width: 35%;
            top: 51%;
            right: 20%;
            transform: translateY(-50%);
        }

        .global #bmodel-maincarousel {
            position: absolute;
            width: 35%;
            top: 51%;
            right: 20%;
            transform: translateY(-50%);
        }

        #bmodel-maincarousel.NXT20 {
            top: 57.5%;
        }

        .global #bmodel-maincarousel.NXT20 {
            top: 51%;
        }

        #bmodel-maincarousel.NXT22 {
            top: 58%;
        }

        .global #bmodel-maincarousel.NXT22 {
            top: 53%;
        }

        #bmodel-maincarousel.NXT24 {
            top: 57%;
        }

        .global #bmodel-maincarousel.NXT22 {
            top: 54%;
        }

        #bmodel-maincarousel.XT20 {
            top: 57%;
        }

        .global #bmodel-maincarousel.XT20 {
            top: 52%;
        }

        #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
            top: 58%;
        }

        .global #bmodel-maincarousel.XT21 {
            top: 49%;
        }

        #bmodel-maincarousel.XT22 {
            top: 57.5%;
        }

        .global #bmodel-maincarousel.XT22 {
            top: 57.5%;
        }

        #bmodel-maincarousel.XT23 {
            top: 57.5%;
        }

        .global #bmodel-maincarousel.XT23 {
            top: 52.5%;
        }

        #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
            top: 57.5%;
        }

        #bmodel-maincarousel.XT25 {
            top: 57%;
        }

        .global #bmodel-maincarousel.XT25 {
            top: 51%;
        }

        #bmodel-maincarousel.X22 {
            top: 57.5%;
        }

        .global #bmodel-maincarousel.X22 {
            top: 57.5%;
        }

        #bmodel-maincarousel.X24 {
            top: 57.5%;
        }

        .global #bmodel-maincarousel.X24 {
            top: 57.5%;
        }

        #bmodel-maincarousel.X26 {
            top: 57%;
        }

        .global #bmodel-maincarousel.X26 {
            top: 57%;
        }

        .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        .spcl-mob-boat-model-halfwhite.global.XSTAR #bmodel-maincarousel {
            top: 55.5%;
        }

        .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
            top: 54.5%;
        }

        .spcl-mob-boat-model-halfwhite.global.PROSTAR #bmodel-maincarousel {
            top: 54.5%;
        }

        #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.XSTAR, #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.XSTAR.S {
            top: 57.5%;
        }



    }


@media(max-width:325px) {

    #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
       margin-top:9px;
    }

    #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
        margin-top: 30px;
    }

    #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
        margin-top: 0px;
    }

    #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
        margin-top: 25px;
    }

    #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
        margin-top: 29px;
    }

    #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
        margin-top: 15px;
    }

    #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
        margin-top: 15px;
    }

    #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
        margin-top: 15px;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top: 2px;
    }

    #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.X24 {
        margin-top: 22px;
    }

        #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.X24 {
            margin-top: 22px;
        }

}

@media(min-width:326px) and (max-width:376px) {

    #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
        margin-top: 11px;
    }

    #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
        margin-top: 30px;
    }

    #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
        margin-top: 0px;
    }

    #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
        margin-top: 3px;
    }

    #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
        margin-top: 24px;
    }

    #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
        margin-top: -12px;
    }

    #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
        margin-top: -8px;
    }

    #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
        margin-top: -11px;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
        margin-top: -16px;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top: 2px;
    }

    #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.X24 {
        margin-top: 4px;
    }

        #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.X24 {
            margin-top: 4px;
        }
}

@media(min-width:377px) and (max-width:767px) {

    #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
        margin-top: 4px;
    }

    #bmodel-maincarousel.NXT22, .global #bmodel-maincarousel.NXT22 {
        margin-top: -6px;
    }

    #bmodel-maincarousel.NXT24, .global #bmodel-maincarousel.NXT24 {
        margin-top: -9px;
    }

    #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
        margin-top: 20px;
    }

    #bmodel-maincarousel.XT22, .global #bmodel-maincarousel.XT22 {
        margin-top: -11px;
    }

    #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
        margin-top: -5px;
    }

    #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
        margin-top: -6px;
    }

    #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
        margin-top: 14px;
    }

    #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
        margin-top: -22px;
    }

    #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
        margin-top: -18px;
    }

    #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
        margin-top: -22px;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
        margin-top: -27px;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top: -8px;
    }

    #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.X24 {
        margin-top: -6px;
    }

        #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.X24 {
            margin-top: -6px;
        }
}

@media(min-width:768px) and (max-width:991px) {

    #bmodel-maincarousel.NXT20, .global #bmodel-maincarousel.NXT20 {
        margin-top: 40px;
    }

    #bmodel-maincarousel.NXT22, .global #bmodel-maincarousel.NXT22 {
        margin-top: 22px;
    }
    #bmodel-maincarousel.NXT24, .global #bmodel-maincarousel.NXT24 {
        margin-top: 12px;
    }

    #bmodel-maincarousel.XT21, .global #bmodel-maincarousel.XT21 {
        margin-top: 57px;
    }

    #bmodel-maincarousel.XT23, .global #bmodel-maincarousel.XT23 {
        margin-top: 25px;
    }

    #bmodel-maincarousel.XT24, .global #bmodel-maincarousel.XT24 {
        margin-top: 26px;
    }

    #bmodel-maincarousel.XT25, .global #bmodel-maincarousel.XT25 {
        margin-top: 57px;
    }

    #bmodel-maincarousel.X22, .global #bmodel-maincarousel.X22 {
        margin-top: -14px;
    }

    #bmodel-maincarousel.X24, .global #bmodel-maincarousel.X24 {
        margin-top: -11px;
    }

    #bmodel-maincarousel.X26, .global #bmodel-maincarousel.X26 {
        margin-top: -11px;
    }

    .spcl-mob-boat-model-halfwhite.XSTAR #bmodel-maincarousel {
        margin-top: -16px;
    }

    .spcl-mob-boat-model-halfwhite.PROSTAR #bmodel-maincarousel {
        margin-top: 14px;
    }

    #bmodel-maincarousel.XSTAR, .global #bmodel-maincarousel.X24 {
        margin-top: 26px;
    }

        #bmodel-maincarousel.XSTAR.S, .global #bmodel-maincarousel.X24 {
            margin-top: 26px;
        }
}


.series-welcome-background,.series-page-carousel-bg {
    background: #f5f5f5;
    
}

.series-welcome-title h1{
    opacity: 0.28;
    font-family: Forza;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.49px;
    text-align: center;
    color: #000000;
    padding-top:50px;
    padding-bottom:0px;
    text-transform:uppercase;
    margin-bottom:0;
}


.series-welcome-content-desc{
    width:80%;
    margin:auto;
    padding-top:25px;
}
   
.series-welcome-content-desc, .series-welcome-content-desc p {
    font-family: Forza;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

   
.series-welcome-content-wrapper{
    text-align:center;
    padding-bottom:45px;
}
.series-welcome-content-wrapper .price-label, .series-welcome-content-wrapper .price-label * {
    font-family: Forza;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-top: 25px;
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.series-welcome-content-wrapper .price-label:before {
    content: "";
    position: absolute;
    width: 35%;
    height: 2px;
    left: 50%;
    opacity:0.2;
   
    border-bottom: 2px solid #000;
    transform: translateX(-50%);
}

.series-comparison-wrapper{
    padding-top:82px;
    padding-bottom:82px;
}

    .series-comparison-wrapper .carousel-model-content{
        padding:30px;
    }

    .series-comparison-title {
        font-family: Tungsten;
        font-size: 50px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.88;
        letter-spacing: 2.86px;
        text-align: center;
        color: #000000;
        margin-bottom: 30px;
    }

.series-comparison-carousel .carousel-model-content .carousel-model-header {
    font-family: Tungsten;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #000000;
    text-transform:uppercase;
   
}
.series-comparison-carousel .carousel-model-content .carousel-sc-spec-item  {
   padding-top:15px;
   padding-bottom:15px;
   border-bottom:1px solid #000
}
.series-comparison-carousel .carousel-model-content .carousel-sc-spec-item:nth-child(6) {
    border-bottom: none;
}
.series-comparison-carousel .carousel-model-content .carousel-sc-spec-item .h6 {
    font-family: Vitesse;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.87px;
    text-align: center;
    color: #000000;
    margin-bottom:3px;
    text-transform: uppercase;
}
    .series-comparison-carousel .carousel-model-content .carousel-sc-spec-item .sc-spec-value {
        font-family: Tungsten;
        font-size: 27px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #979494;
        text-transform: uppercase;
    }

.series-comparison-carousel button.show-specs.btn.btn-transparent {
    font-family: Forza;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #000000;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    border-radius:0;
    padding:1px;
    text-transform:capitalize;
}

.carousel-model-content .carousel-sc-cta {
    font-family: Forza;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #000000;
}

.series-comparison-carousel .carousel-img img {
    min-height:605px;
    max-height:605px;
    object-fit:contain;
}

.series-family-carousel .carousel-img img {
    min-height: 605px;
    max-height: 605px;
    object-fit: contain;
}

.series-comparison-carousel .owl-item {
    border-right: 1.5px solid #00000020
}
.series-comparison-carousel .owl-item:last-child {
    border-right: none;
}
.series-comparison-carousel .item {
   padding:25px;
}

.series-page-carousel-title {
    opacity: 0.28;
    font-family: Forza;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.49px;
    text-align: center;
    color: #000000;
    padding-top:80px;
    text-transform:uppercase;
    margin-bottom:0;
}



.series-page-carousel-img-wrapper .top-part {
    /*max-width: 617px;
    max-height: 256px;*/
    margin: auto;
}

.series-page-carousel-img-wrapper .bottom-part {
    max-width: 485px;
    margin: auto;
    margin-top:-4%;
}

.series-page-carousel.owl-theme .owl-next, .series-page-carousel.owl-theme .owl-prev,
.series-comparison-carousel.owl-theme .owl-next, .series-comparison-carousel.owl-theme .owl-prev,
.series-media-carousel.owl-theme .owl-prev, .series-media-carousel.owl-theme .owl-next,
.series-family-carousel.owl-theme .owl-prev, .series-family-carousel.owl-theme .owl-next {
    width: 10px;
    height: 19px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    min-width: 30px;
}

.series-page-carousel.owl-theme .owl-nav [class*="owl-"] svg path, .series-comparison-carousel.owl-theme .owl-nav [class*="owl-"] svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    stroke: #000 !important
}
.series-media-carousel.owl-theme .owl-nav [class*="owl-"] svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    stroke: #fff !important
}

.series-page-carousel.owl-theme .owl-prev, .series-comparison-carousel.owl-theme .owl-prev, .series-media-carousel.owl-theme .owl-prev, .series-family-carousel.owl-theme .owl-prev {
    left: 35px;
}

.series-page-carousel.owl-theme .owl-next, .series-comparison-carousel.owl-theme .owl-next, .series-media-carousel.owl-theme .owl-next, .series-family-carousel.owl-theme .owl-next {
    right: 35px;
}

.series-page-carousel.owl-theme .owl-prev svg, .series-comparison-carousel.owl-theme .owl-prev svg, .series-media-carousel.owl-theme .owl-prev svg, .series-family-carousel.owl-theme .owl-prev svg {
    float: left;
    width: auto;
}

.series-page-carousel.owl-theme .owl-next svg, .series-comparison-carousel.owl-theme .owl-next svg, .series-media-carousel.owl-theme .owl-next svg, .series-family-carousel.owl-theme .owl-next svg {
    float: right;
    width: auto;
}

.series-page-carousel.owl-theme .owl-dots .owl-dot, .series-media-carousel.owl-theme .owl-dots .owl-dot {
    min-width: initial;
    margin-bottom: 30px;
}

    .series-page-carousel.owl-theme .owl-dots .owl-dot span, .series-media-carousel.owl-theme .owl-dots .owl-dot span {
        width: 35px;
        height: 8px;
        margin: 5px 6px;
        background: rgba(179, 179, 179, 0.4);
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 7px;
    }

    .series-page-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .series-media-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: #383838;
    }

/*Series Media Carousel*/

.series-media-carousel .series-media-item .video-intro{
    width: 100%;
    position: relative;
}

.series-media-carousel .series-media-item .video-intro .video-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    z-index: 20;
    width:100%;
}

    .series-media-carousel .series-media-item .video-intro .video-thumb-image .video-btn-play img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .series-media-carousel .image-intro {
        max-height:530px;
    }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}

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

.series-media-item .play-button-icon {
    position: absolute;
    width: 140px;
    height: 140px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor:pointer;
}

.series-media-item .play-button-icon img{
   width:auto;
   max-width:100%;
   height:auto;
}

.athlete-quote-name, .athlete-quote {
    color: #8d8d8d
}

.series-comparison-carousel-wrapper{
    position:relative;
    z-index:100;
}

 

@media(max-width:1199px) and (min-width:992px) {
    .series-comparison-carousel .carousel-model-content .carousel-sc-spec-item .sc-spec-value {
        font-size: 19px;
    }
}

/*Mobile Layout*/
@media(max-width:992px) {
    .series-welcome-title h1, .series-page-carousel-title {
        font-size: 16px;
        font-weight: bold;
        line-height:normal;
        letter-spacing: -0.18px;
        padding-bottom: 0px;
       
    }

    .star-title-welcome h1{
        margin-bottom:0px;
    }

    .series-welcome-content-desc, .series-welcome-content-desc p {
        width: 100%;
        text-align: initial;
        color:#464646
    }

    .series-comparison-title {
        font-family: Tungsten;
        font-size: 35px;
        font-weight: 500;
       
    }
    .series-comparison-carousel .carousel-model-content .carousel-model-header {
        font-size: 35px;
    }
    .series-comparison-carousel .owl-item {
        border-right: none;
    }

  
    .series-comparison-carousel .carousel-model-content .carousel-sc-spec-item .sc-spec-value {
        font-family: Tungsten;
        font-size: 34px;
        font-weight: 600;
    }
    .carousel-model-content .carousel-sc-cta {
       display:none;
    }

    .series-page-carousel-bg {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }

    .series-page-carousel-img-wrapper .top-part {
        /*max-width: 460px;
        max-height: 178px;*/
        margin: auto;
    }

    .series-page-carousel-img-wrapper .bottom-part {
        max-width: 376px;
        margin: auto;
        margin-top: -4%;
    }
    .series-page-carousel.owl-theme .owl-prev {
        left: 10px;
    }
    .series-comparison-carousel.owl-theme .owl-prev{
        left:-15px;
    }
    .series-comparison-carousel.owl-theme .owl-next{
        right:-15px;
    }
    .series-family-carousel.owl-theme .owl-prev {
        left: -15px;
    }

    .series-family-carousel.owl-theme .owl-next {
        right: -15px;
    }
    .series-page-carousel.owl-theme .owl-next {
        right: 10px;
    }
    .series-page-carousel.owl-theme .owl-next, .series-page-carousel.owl-theme .owl-prev, .series-comparison-carousel.owl-theme .owl-prev, .series-comparison-carousel.owl-theme .owl-next, .series-family-carousel.owl-theme .owl-prev, .series-family-carousel.owl-theme .owl-next {
        height: 25px;
    }
    .series-comparison-carousel.owl-theme .owl-prev, .series-comparison-carousel.owl-theme .owl-next, .series-family-carousel.owl-theme .owl-prev, .series-family-carousel.owl-theme .owl-next {
        top: 40%;
    }

    .series-call-to-action .action-list-item{
        margin-top:15px;
        margin-bottom:15px;
    }

    .series-media-item .play-button-icon {
       
        width: 70px;
        height: 70px;
       
    }

    .series-media-carousel.owl-theme .owl-prev, .series-media-carousel.owl-theme .owl-next{
        top:40%;
    }

}
@media(max-width:450px){
    .series-comparison-carousel .carousel-img img {
        min-height: auto;
        max-height: auto;
        object-fit: contain;
    }
    .series-comparison-carousel .carousel-model-content .carousel-sc-spec-item{
        padding:7px 2px;
        
    }
    .series-comparison-wrapper .carousel-model-content {
        padding: 3px;
    }
    .series-comparison-carousel .item{
        padding:2px;
    }

    .series-comparison-carousel .carousel-model-content .carousel-sc-spec-item .sc-spec-value {
        font-family: Tungsten;
        font-size: 23px;
        font-weight: 600;
        line-height: normal;
    }
    .series-comparison-wrapper .carousel-model-content {
        padding: 10px;
    }
    .series-page-carousel-img-wrapper .top-part {
        /*max-width:300px;*/
        margin: auto;
    }

    .series-page-carousel-img-wrapper .bottom-part {
        max-width: 230px;
        margin: auto;
        margin-top: -4%;
    }

    .series-boat-welcome img {
        max-width: 256px;
    }

}

@media(min-width:992px){
    .series-comparison-carousel-wrapper:after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 99%;
        top: 0;
        width: 9px;
        height: 100%;
        z-index: 99999;
        background: #fff;
    }
}

@media(min-width:1200px){
    .series-comparison-carousel.owl-theme .owl-next {
        right: -30px;
    }
    .series-comparison-carousel.owl-theme .owl-prev {
        left: -30px;
    }
}
 .compare-headtext {
    font-family: Tungsten;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2px;
    color: #000000;
    text-transform:uppercase;
    margin-top:35px;
}

.compare-table-wrapper{
    display:flex;
    flex-flow:row wrap;
}

.compare-table-column {
   flex-basis:19%;
   flex-grow:1;
   min-width:185px;
   padding:20px;
   position:relative;
}

/*Compare Selection Section Styles*/

.compare-selection-wrapper{
    border-top:1px solid #d8d8d8;
}
/*.compare-selection-wrapper .compare-selection-item {
    padding:20px;
}*/
.compare-selection-wrapper p.cs-desc-text.mt-3 {
    font-family: Forza;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
}
.compare-selection-wrapper .cs-model-title {
    font-family: Forza;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.6);
    text-transform:uppercase;
    margin-bottom:0;
    min-height:45px;
}

.cs-boat-img .csb-img-wrap {
    width: 100%;
    height: 118px;
}

.cs-boat-img .close-btn {
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    clear: both;
    width: 10px;
    height: 10px;
    padding: 8px;
    z-index: 2;
    right: 6px;
    min-width: 5px;
}


.cs-boat-img .csb-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.cs-form select {
    font-family: Forza;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    min-width:100%;
    padding:4px;
}


.cs-form .btn-blackfilled {
    width: 95%;
    color:#fff;
}

.cs-form .btn-link {
    border-bottom: 1px solid #000;
    margin: 0 auto;
    border-radius: 0;
    display: inline-block;
    font-family: Tungsten;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: center;
    color: #000000;
    text-decoration:none;
}

.compare-selection-wrapper .compare-table-column:nth-child(2):after, .compare-selection-wrapper .compare-table-column:nth-child(3):after, .compare-selection-wrapper .compare-table-column:nth-child(4):after {
    content: "";
    content: "";
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 1px;
    height: 55%;
    background: #cbcbcb;
}


/*Compare Overview Wrapper*/

.compare-overview-headline-bg:after {
    background-position-x: 244px;
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right;
    content: "";
    position: absolute;
    right: 15px;
    width: 19px;
    height: 11px;
    top: 19px;
}

.compare-overview-headline-bg.collapsed:after {
    background-position-x: 244px;
    background: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right;
    position: absolute;
    right: 15px;
    width: 19px;
    height: 11px;
    top: 19px;
    transform: rotate(180deg);
}

.compare-overview-headline-bg{
    background:#d8d8d8;
    padding:11px 24px;
    width:100%;
    display:block;
    position:relative;
}

.compare-overview-title {
    font-family: Vitesse;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.87px;
    color: #000000;

}

/*Compare Overview Table Wrapper*/
.compare-table-wrapper.compare-overview-table-wrapper {
    border-top: 1px solid #cbcbcb;
}
.compare-overview-table-wrapper .ct-box {
    padding: 2px 8px;
    font-family: Forza;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.46px;
    color: #000000;
    max-height: 78px;
    min-height: 78px;
    text-align: justify;
    border-left: 1px solid #cbcbcb;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #cbcbcb;
}
.compare-overview-table-wrapper .compare-table-label {
    text-transform: uppercase;
}

.compare-overview-table-wrapper .compare-table-column{
    padding:0;
   /* justify-content:center;*/
}

.compare-overview-table-wrapper .compare-table-content {
    font-weight: normal;
}

.compare-overview-table-wrapper .compare-table-column:first-child .ct-box {
    border-left: none;
}.compare-overview-table-wrapper .compare-table-column:last-child .ct-box {
    border-right: none;
}

/* Only Desktop Styling*/
@media(min-width:992px) {
}


/* Only Mobile Styling*/
@media(max-width:992px){
    .compare-headtext {
        font-size: 35px;
        font-weight: 500;
    }

    .compare-overview-mob-wrapper th:first-child, .compare-overview-mob-wrapper td:first-child {
        position:sticky;
        left:0;
       background:#fff;
    }

    .compare-overview-mob-wrapper th {
        font-family: Vitesse;
        
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.43;
        letter-spacing: 0.46px;
        color: #000000;
        min-width: 200px;
    }
    .compare-overview-mob-wrapper th span {
        font-family: Forza;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.43;
        letter-spacing: 0.46px;
        color: #000000;
    }
    .co-mob-boat-selection {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.24);
        padding: 10px;
    }

    .co-mob-boat-selection .close-btn {
        right: 0;
        width: 20px;
    }

    .co-mob-boat-selection .cs-form select{
        text-transform:uppercase;
    }

    .compare-overview-mob-wrapper th, .compare-overview-mob-wrapper td {
        vertical-align:middle;
    }

    .compare-overview-mob-wrapper tbody td {
        font-family: Forza;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.46px;
        color: #000000;
    }

    .compare-overview-mob-wrapper th {
        border: none;
    }

    .compare-headtext{
        padding-bottom:15px;
        border-bottom:1.5px solid #d8d8d8;
    }
}
.question-no{
    position:relative
}


.q-no-font {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    color: #fff;
    font-family: Tungsten;
    letter-spacing: 2px;
    top: 3px;
    margin-left: 1px;
}
#boatfinderform {
    width: 100%;
    text-align: center;
    position: relative;
    height: 90vh;
    margin-bottom: 10px;
}

    #boatfinderform fieldset {
        background: white;
        border: 0 none;
        box-sizing: border-box;
        width: 100%;
        height: 90vh;
        /*stacking fieldsets above each other*/
        position: relative;
        background: #011023;
    }

        /*Hide all except first fieldset*/
        #boatfinderform fieldset:not(:first-of-type) {
            display: none;
        }

.toast-title {
    font-size: 14px;
    letter-spacing: 0.8px;
    font-family: forza;
}

.toast-close-button {
    width: 25px;
    height: 25px;
    min-width: 25px;
    font-size: 24px;
    border-radius: 0;
}
/*buttons*/
/*headings*/
/*headings*/
/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    bottom: -18px;
    left: 0;
    margin-left: 0;
    padding-left: 0;
}

    #progressbar li {
        list-style-type: none;
        color: white;
        text-transform: uppercase;
        font-size: 9px;
        width: 16.6%;
        float: left;
        position: relative;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 20px;
            line-height: 18px;
            display: block;
            font-size: 10px;
            color: #333;
            background: white;
            visibility: hidden;
            margin: 0 auto 5px auto;
        }

        /*progressbar connectors*/
        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: white;
            position: absolute;
            left: 0%;
            top: 5px;
            z-index: -1;
            /*put it behind the numbers*/
            height: 10px;
        }
        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #D12421;
            transform: skewX(-35.5deg);
            transform-origin: 100% 0%;
        }

        #progressbar li.active:last-child:before {
            background: #D12421;
            visibility: visible;
            transform: initial;
            width: 100%;
            content: "";
            height: 15px;
        }


.next-btn, .previous-btn {
    max-width: 145px;
    margin: auto;
    margin-bottom: 10px;
}

.next-btn, .previous-btn {
    max-width: 145px;
    margin: auto;
    margin-bottom: 10px;
}

button.next-btn {
    color: white;
    border: 1px solid #fff;
}

button.previous-btn {
    color: white;
}

button.next-btn:hover {
    background-color: #fff !important;
    color: #000 !important;
}

button.previous-btn:hover {
    background-color: transparent !important;
    color: #fff;
}

.img-absolute-pos {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.get-started-wrapper-content {
    max-width: 367px;
    position: absolute;
    top: 65%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}

    /*Boat finder styling*/
    .get-started-wrapper-content .find-boat-text {
        font-family: Vitesse;
        font-size: 22px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.87px;
        color: #f2f2f2;
        text-align: left;
    }

    .get-started-wrapper-content .divein-text {
        font-family: Tungsten;
        font-size: 76px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.87;
        letter-spacing: 3px;
        color: #ffffff;
        text-align: left;
        text-transform: uppercase;
    }

    .get-started-wrapper-content p {
        font-family: Forza;
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #ffffff;
        text-align: left;
    }

.get-started-btn {
    position: absolute;
    top: 80%;
    display: flex;
    padding: 0 1.8rem;
}

.btn-redfilled {
    background-color: #D12421;
    font-family: Tungsten;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1.6px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    max-width: 145px;
    margin: auto;
    line-height: 2.6;
    height: 40px;
}

/*Question Section*/

.question-head-wrapper {
    width: 80%;
    margin: auto;
}

.question-head-wrapper {
    width: 80%;
    margin: auto;
    margin-top: 6%;
}

.question-no {
    width: 100%;
    text-align: center;
    display: table;
}

    .question-no:after, .question-no:before {
        border-top: 1px solid #fff;
        content: "";
        display: table-cell;
        position: relative;
        top: .7em;
        width: 45%;
    }

    .question-no:before {
        right: 0%;
    }

    .question-no:after {
        left: 0%;
    }

.question-title {
    font-family: Tungsten;
    font-size: 80px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.83;
    letter-spacing: 3.15px;
    text-align: center;
    color: #ffffff;
    margin-top: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #fff;
}

.question-options-wrapper {
    list-style: none;
    padding: 0px;
    margin: 15px 0px;
    display: flex;
    flex-flow: wrap;
    position: relative;
    justify-content: center;
}

    .question-options-wrapper li {
        padding: 2px 15px;
        text-align: center;
    }

.ques-option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.ques-option label .label-text {
    font-family: Tungsten;
    font-size: 31px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.22px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}

.ques-option.click-all label .label-text {
    font-family: Forza;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.71px;
    text-align: center;
    color: #ffffff;
}

.ques-option label input:disabled + .label-text {
    cursor: not-allowed;
    opacity:0.5;
}

.ques-option label input:checked + .label-text {
    color: #D12421;
}

.ques-icon {
    padding-top: 0;
    padding-bottom: 0;
    min-width: inherit;
    text-transform: lowercase;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    font-size: 13px;
    padding: 2px;
}

.btn.ques-icon .ques-symbol {
    font-family: froza;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: 1.13px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

/*Tooltip*/
.bowtypetooltip .tooltip-inner {
    padding: 0;
    background: #fff;
    border-radius: 0;
}

    .bowtypetooltip .tooltip-inner p {
        font-family: Forza;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #333333;
        padding: 7px 10px;
        margin-bottom: 0;
    }

.bowtypetooltip.show {
    opacity: 1;
}

.bowtypetooltip .arrow:before {
    border-bottom-color: #fff;
}

@media(min-width:992px){
    .ques-icon{
        margin-top:-5px;
    }
}

/*Mobile Styling*/
@media(max-width:992px) {
    button.previous-btn {
        text-decoration: underline;
        text-underline-position: under;
    }
    .get-started-wrapper-content .find-boat-text {
        font-size: 18px;
        letter-spacing: 0.71px;
    }

    .get-started-wrapper-content .divein-text {
        font-size: 50px;
        font-weight: 600;
        line-height: 1.32;
        letter-spacing: 1.97px;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }

    .get-started-wrapper-content p {
        font-family: Vitesse;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: 0.63px;
        text-align: center;
        color: #ffffff;
    }

    .question-title {
        font-family: Tungsten;
        font-size: 46px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.91;
        letter-spacing: 1.81px;
        text-align: center;
        color: #ffffff;
    }

    .ques-option.click-all label .label-text {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-align: center;
        color: #f2f2f2;
    }

    .ques-option label .label-text {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.79px;
        text-align: center;
    }
}

@media(max-width:992px) {
    .get-started-wrapper-content {
        max-width: 74%;
        position: absolute;
        top: 8%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        margin: 0 auto;
        text-align: center;
        width: 100%;
        left: 50%;
    }

        .get-started-wrapper-content .find-boat-text {
            text-align: center;
            text-transform:uppercase;
        }

    .get-started-btn {
        position: absolute;
        top: 80%;
        display: flex;
        left: 50%;
        transform: translateX(-50%);
        padding:0 1.8rem !important;
    }
    .boat-finder-form button.submit.action-button.btn.button-red.btn-redfilled {
        line-height: 1.5;
    }
}

@media(max-width:576px) {
    .question-options-wrapper {
        flex-direction: column;
    }

    .question-no:after, .question-no:before {
        border-top: 1px solid #fff;
        content: "";
        display: table-cell;
        position: relative;
        top: .7em;
        width: 42%;
    }

    .question-no:before {
        right: 0%;
    }

    .question-no:after {
        left: 0%;
    }

    .question-title {
        font-size: 38px;
    }
}

@media(max-width:360px) {
    .question-title {
        font-family: Tungsten;
        font-size: 34px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.91;
        letter-spacing: 1.81px;
        text-align: center;
        color: #ffffff;
    }
}

@media(min-width:1300px) {
    .question-head-wrapper {
        width: 60%;
        margin: auto;
        margin-top: 8%;
    }
}

.pad-55 {
    padding-top: 56px;
    padding-bottom: 36px;
}

.carousel-control-prev, .carousel-control-next {
    outline: transparent;
}

.color-charcoal, .color-charcoal h1 {
    color: #4a4a4a;
}
.textSlider-carousel .owl-item {
    border-right: 1.5px solid #dcdcdc;
}.textSlider-carousel .owl-item:last-child {
    border-right: none;
}

.action-list-description {
    word-break: break-word;
    width: 68%;
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
    text-transform: unset;
    margin-top: 7px;
}
button.btn.btn-transparent.action-list-description {
    padding: 0;
    margin-top: 2px;
}

.action-list-header{
    margin-bottom:0;
    margin-top:15px;
}

.give-go-cta-wrapper .action-list-header {
   letter-spacing:2px;
}

.industry-leader-feature-title * {
    color: #f2f2f2 !important;
}

.homepage-yourwave-features-wrapper .grid-article-button-wrapper a.button {
    font-family: Tungsten;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.6px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    border-radius: 100px;
    color: #fff !important;
    background-color: #000 !important;
    max-height: 38px;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.experience-description-wrapper p {
    font-family: Forza;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.6px;
    text-align: center;
    color: #000000;
}

.switch-epic-wrapper .experience-description-wrapper p {
    font-family: Forza;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.55px;
    text-align: center;
    color: #000000;
}

.engine-carousel-info-wrapper .vertical-line {
    height: 70px;
    align-self: center;
}

.engine-carousel-info-component-value p, .engine-carousel-info-component-value span {
    font-family: Tungsten;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: 1.1px;
    text-align: center;
    color: #ffffff;
}
.homepage-features-wrapper .button-blackwithwhiteborder:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.engine-carousel-info-wrapper {
    padding-bottom: 10px;
}

.engine-carousel-info-component-value p, .engine-carousel-info-component-value span{
    margin-bottom:0;
}

.exp-modal-head {
    font-family: Tungsten;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #000000;
}

@media(min-width:768px) {
    .feature-text-card-section .col-lg-8 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .feature-text-card-section .col-lg-4 {
            padding-bottom: 10px;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }

        .feature-text-card-img {
            padding-right: 25px;
            height: 100%;
        }

        .feature-img-card-section .col-lg-6 {
            padding: 8px;
        }

            .feature-img-card-section .col-lg-6:first-child {
                padding-left: 15px;
            }

            .feature-img-card-section .col-lg-6:last-child {
                padding-right: 15px;
            }

        .trailer-feature-wrapper .padding-md-top {
            padding-top: 6px;
        }

        .trailer-feature-wrapper .col-md-9 {
            padding-right: 6px;
            padding-top:0;
        }

        .trailer-feature-wrapper .left {
            padding-right: 3px;
        }

        .trailer-feature-wrapper .middle {
            padding-left: 3px;
            padding-right: 5px;
        }

        .trailer-feature-wrapper .right {
            padding-left: 0px;
        }


        .features-lightbox-carousel-indicators .active {
            margin-top: -1px;
        }

        .horizontal-black-line-text-slider {
            margin-bottom: 7%;
        }
    }


    @media(min-width:992px) {
        .wave-enclosed-wrapper .col-lg-4 {
            align-self: center;
        }

        .w-lg-80-auto {
            width: 80%;
            margin: auto;
        }

        .image-lg-container {
            position: relative;
            text-align: center;
            overflow: hidden;
            height: 100%;
            width: 100%;
        }

        .float-right-pb-4 {
            float: right !important;
            padding-bottom: 4%;
            padding-right: 7%;
        }

        .industry-leader-feature-description * {
            padding: 0;
            width: 70% !important;
        }

        .text-slider-title {
            min-height: 52px;
            width: 85%;
            margin: auto;
        }

        .switch-epic-wrapper .w-100.padB5percent{
            padding-bottom:1%;
        }
        .drive-left-grid-content {
            padding-left: 45px;
            padding-right: 58px;
        }
        .drive-subtitle-center hr {
            margin-top: 0px !important;
        }
        .drive-subhead-sandwich-content .experience-description-wrapper p {
            width: 86%;
            margin: auto;
        }
        .one-third-customized-grid .col-lg-8 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .one-third-customized-grid .col-lg-4 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }

        .one-third-customized-grid .col-lg-8 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .one-third-customized-grid .col-lg-4 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }

        .ltr-customized-grid .col-lg-8 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .ltr-customized-grid .col-lg-4 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .drive-subtitle-center {
            padding-top: 52px !important;
        }
        .gen2-carousel-info-component-value{
            white-space:nowrap;
        }
        .always-chase-content-wrapper {
            padding-right: 13% !important;
            padding-left: 13% !important;
        }
        .gen2-video-modal-button-wrapper,.gen2-video-modal-content {
            margin: auto;
            width: 80%;
        }
        .gen2-carousel-info-component-value{
            font-size:35px;
        }

        .give-go-banner-image .experience-banner-image-header p {
            font-size: 76px;
            letter-spacing: 0.23px;
        }

        .give-go-banner-image .experience-banner-image-text-wrapper {
            bottom: 30%;
            left:5%;
        }
    }


@media (min-width: 600px) and (max-width: 991px) {
    .give-go-banner-image .experience-banner-image-text-wrapper {
        bottom: 25%;
        left: 45%;
    }

    .give-go-banner-image .experience-banner-image-header p {
       text-align:left;
    }
}

    @media(max-width:576px) {
        .drive-subtitle-center .h4-v, .drive-subtitle-center .h2 {
            text-align: center;
            display: block;
        }

        .action-list-item {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .feature-text-card-section .col-lg-4.col-12 {
            padding-bottom: 18px;
        }


        .feature-img-card-section .col-lg-6.col-12 {
            padding-bottom: 18px;
        }

        .legacy-img-content-text p {
            font-family: Forza;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: 0.45px;
            color: #464646;
            text-align: left;
        }

        .engine-fixed-img-wrapper img {
            margin-top: 36% !important;
        }

        .grid-article-button-wrapper {
            margin-bottom: 45px !important;
        }

            .grid-article-button-wrapper a.button, .grid-article-button-wrapper a.button-black {
                background-color: transparent !important;
                color: #000 !important;
                border: 1px solid #000 !important;
            }

        .experience-title-text {
            font-family: Tungsten;
            font-size: 50px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.96;
            letter-spacing: 4.29px;
            text-align: center;
            color: #000000;
            text-transform: uppercase;
            margin-top: -20px;
            padding: 10px;
        }

        .give-go-title .experience-title-text {
            letter-spacing: 0.2px;
        }

        .experience-description-wrapper {
            padding-top: 17px;
        }

        .give-go-title .experience-description-wrapper p {
            letter-spacing: normal;
        }

        .drive-master-title-wrapper .experience-description-wrapper p {
            width: 94%;
            margin: auto;
            margin-bottom: 15px;
        }

        .your-wave-title .experience-title-text {
            width: 80%;
            margin: auto;
            margin-top: -20px;
        }

        .experience-title-wrapper {
            width: 90%;
            margin: auto;
            display: flex;
            padding-top: 30px;
            padding-bottom: 15px;
        }


        .experience-title-hr-line {
            width: 90%;
            margin: auto;
            position: relative;
            opacity: 0.31;
            border-bottom: 1px solid #000000;
        }

        .experience-description-wrapper p {
            font-family: Forza;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.38;
            letter-spacing: 0.46px;
            text-align: center;
            color: #000000;
        }

        .homepage-features-description p {
            text-align: left;
        }

        .grid-image-caption p {
            margin-bottom: 0;
            padding: 10px;
        }

        .text-slider-title {
            text-transform: uppercase;
        }

        .textSlider-carousel .owl-item .text-slider-content-wrapper {
            opacity: 0.6;
        }

        .textSlider-carousel .owl-item.active .text-slider-content-wrapper {
            opacity: 1;
        }

        .textSlider-carousel .text-slider-description {
            margin-top: 25px;
        }
    }

    @media(max-width:992px) {
        .tour-block h2 {
            margin-top: 20px;
        }

        .legacy-img-boat img {
            width: 80%;
        }

        .features-custom-styling .experience-title-text {
            width: 100%;
            padding-top: 0;
            margin-top: -10px;
        }

        .feature-text-card-section .h2 {
            display: block;
        }

        .grid-article-wrapper {
            margin-top: 5px;
        }

        .engine-fixed-img-wrapper {
            margin: auto;
            text-align: center;
        }

           /* .engine-fixed-img-wrapper img {
                width: 60%;
                margin: 10% 0 0% 0;
            }*/

        .full-homepage-footer-img-card .image-card {
            padding-bottom: 0px;
        }

        .trailer-feature-wrapper .pad-left-mob {
            padding-left: 10px;
        }

        .grid-article-description.text--grid-article {
            margin-bottom: 25px;
        }
        .engine-carousel-main-wrap {
            padding-left: 0;
            padding-right: 0;
        }

        .engine-carousel-info-wrapper {
            margin-left: 0;
            width: 100%;
            margin: auto;
            text-align: center;
            left: 0;
            padding-bottom: 10px;
        }
        .engine-carousel-info-component-value p, .engine-carousel-info-component-value span {
            font-family: Tungsten;
            font-size: 21px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: 0.53px;
            text-align: center;
            color: #ffffff;
            margin-bottom: 0;
        }
        .engine-carousel-description,.engine-carousel-title {
            left: 0;
            padding-left: 15px;
        }
        .engine-carousel-info-component-value br {
            display: block;
        }
        .gen2-carousel-title-wrapper {
            padding-left: 0;
            padding-right: 0;
            margin: auto;
        }
        .gen2-carousel-info-component-value {
            font-family: Tungsten;
            font-size: 30px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.9;
            letter-spacing: 0.24px;
            text-align: center;
            color: #cacaca;
        }
        .gen2-carousel-info-wrapper{
            right:0;
        }
        /*.gen2-carousel-texblock-wrapper {
            padding: 0 0%;
            margin: auto;
        }*/
        .gen2-carousel-info-component{
            margin:1%;
        }
        .gen2-carousel-title{
            font-size:45px;
        }

        .exp-modal-head {
            font-family: Tungsten;
            font-size: 35px;
            font-weight: 600;
            font-stretch: normal;
           
        }
       .industry-leader-feature-description .w-80 {
           text-align:left !important;
            width: 90% !important;
        }
        .industry-leader-feature-description .w-80 span{
           text-align:left !important;
        }
    }

    @media (min-width: 320px) and (max-width: 767px) {
        .mob-home-pg-feature-wrapper {
            margin-right: 0px;
            margin-left: 0px;
            padding-top: 10px;
        }

        .mob-home-pg-feature-left {
            padding-right: 5px;
        }

        .mob-home-pg-feature-right {
            padding-left: 5px;
        }
    }

    @media(min-width:1280px) {
        .modal.show .modal-dialog {
            max-width: 1200px !important;
            min-width: 1200px !important;
        }

        .galleryimgsync img.img-fluid {
            object-fit: contain;
        }

        .industry-leader-feature-description * {
            padding: 0;
            width: 55% !important;
        }
        .gen2-carousel-info-component-value {
            font-size: 50px;

        }

    }

    @media(max-width:768px) and (min-width:480px) {
        .hero-carousel-wrapper {
            position: absolute;
            left: 10%;
            right: 0%;
            width: 50%;
            top: 11%;
        }
    }

    @media(min-width:320px) and (max-width:480px) {
        .athlete-quickview-bio-info-label {
            font-size: 12px;
        }

        .athlete-quickview-bio-info-value {
            font-size: 18px;
        }
    }

    @media(max-width:768px) {
        .athlete-quickview-image img {
            height: 100%;
        }

        .athletes-quickview {
            padding: 0;
        }

        .drive-subtitle-center {
            padding-top: 20px !important;
        }
    }

    @media(max-width:992px) and (min-width:768px) {
        .home-cta-card-wrapper .col-lg-6.col-12 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .action-list-header {
            font-size: 24px;
        }

        .grid-article-description p br{
            display: none;
        }
    }




.tour-block{
    padding-bottom:1em;
    margin-bottom:1.5em;
}
.tour-block h2 {
    font-family: Tungsten;
    font-size: 38px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #000000;
    margin-bottom:15px;
}

.tour-block .row {
    padding-bottom:15px;
    border-bottom:1px solid #f2f2f2;
}

.tour-block p{
    text-align:justify;
}

.tour-block ul {
    font-family: Forza
}


.modal-open .call-to-action-modal.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.call-to-action-modal.show .modal-dialog, .image-card-modal.show .modal-dialog {
    min-width: 95vw;
}
.modal-open .image-card-modal.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.image-card-modal .modal-content, .call-to-action-modal .modal-content {
    box-shadow: none  !important;
    display: block;
    position: relative;
    border-radius: 0;
    max-height: 95vh;
    max-width: 100% !important;
    min-height:100% !important;
    max-height:100% !important;
}

@media(max-width:567px){
    .call-to-action-modal.show .modal-dialog, .image-card-modal.show .modal-dialog {
        min-width: 100vw;
        margin:0;
    }
}
.series-grad-red {
    background-image: radial-gradient(circle at 50% 97%, #c20f00, #860000 51%), linear-gradient(to bottom, #232326, #232326);
}

.series-grad-blue {
    background-image: radial-gradient(circle at 50% 97%, #295cab, #0f3a6e 51%), linear-gradient(to bottom, #232326, #232326);
}

.series-grad-darkgrey {
    background-image: radial-gradient(circle at 50% 97%, #4e4e4e, #242424 51%), linear-gradient(to bottom, #1c1c1c, #1c1c1c);
}
.series-grad-black {
    background-image: radial-gradient(circle at 50% 97%, #3b3b3b, #111 51%), linear-gradient(to bottom, #2F2F2F, #2f2f2f);
}



.series-carousel-wrapper {
    display: block;
    align-items: center;
   
    position: relative;
}

    .series-carousel-wrapper:before {
        content: "";
        display: block;
        width: 78%;
        height: 100%;
        position: absolute;
        transform: skew(-25deg);
        top: 0;
        bottom: 0;
        background: #fff;
        left: 0;
        transform-origin: top
    }

.series-carousel-description-wrapper {
    width:auto;
    padding-left:0;
}


@media (max-width: 767px) {
    .series-carousel-seriesname {
        display: block;
        font-family: Vitesse;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.71px;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .series-carousel-description-wrapper {
        position: relative;
        left: 0%;
        margin: auto;
        position: relative;
        width: 100%;
        padding-left: 3%;
        /* padding-right: 0%; */
        padding-bottom: 15%;
        text-align: left;
    }

    .series-carousel-seriesname {
        display: block;
        font-family: Vitesse;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.71px;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }

    .series-carousel-description p {
        font-family: Forza;
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: 0.55px;
        color: #ffffff;
        padding: 15px 0px;
        padding-left: 8%;
        min-height: 94px;
    }

    .series-carousel-background {
        position: absolute;
        margin-top: 40%;
    }

    .series-carousel-indicators-text {
        display: none;
    }

    .series-carousel-button-wrapper {
        padding: 0;
        text-align: center;
        display: flex;
        flex-flow: column;
        width: 160px;
        justify-content: center;
        margin: auto;
    }

        .series-carousel-button-wrapper .button {
            font-family: Tungsten;
            font-size: 16px;
            font-weight: normal;
            text-transform: uppercase;
            text-align: center;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5 !important;
            letter-spacing: 1.6px;
            padding-top: 6px !important;
            padding-bottom: 6px !important;
            position: relative;
            border-radius: 100px;
            display: inline-block;
            padding: .375rem .75rem;
            height: 38px !important;
            margin-bottom: 15px;
        }

    .series-build-button {
        margin-bottom: 2%;
        color: #000000;
        background-color: #fff !important;
        font-weight: 600;
    }

    .series-learnmore-button {
        color: #fff;
        background-color: transparent;
        border: 1px solid #fff;
    }

    a.button.series-build-button.small {
        border: none;
    }

    .series-carousel-indicators .active {
        background-color: rgba(255, 255, 255, 0.8);
        height: 7px;
    }

    .series-carousel-indicators {
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        right: auto;
        margin: 0;
        padding: 18px;
        top:auto;
    }

        .series-carousel-indicators li {
            height: 7px;
            width: 40px;
            border-radius: 8px;
            margin-right: 5px;
            /* margin-left: 5px; */
            text-indent: 0px !important;
            cursor: pointer;
            background-color: #a6a6a670;
            background-clip: padding-box;
            border-top: none;
            border-bottom: none;
            opacity: 1 !important;
            transition: opacity 0.6s ease;
            border-radius: 20px;
        }


    .series-carousel-indicators-wrapper {
        display: block;
        padding: 0%;
        background-color: transparent;
    }

    .series-carousel-wrapper:before {
        transform: skewY(-17deg);
        height: 40%;
    }

    .series-carousel-boatImage{
        float:right;
        padding-top:20%;
    }


    .series-img-wrap:before {
        content: '';
        width: 100vw;
        height: 33%;
        background: white;
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
    }

    .series-carousel-description p br {
        display: none;
    }

    .series-carousel-title {
        text-transform: uppercase;
        font-family: Tungsten;
        font-size: 35px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: 1.61px;
        text-align: center;
        color: #000000;
        padding-top: 4%;
        top: 1%;
    }

    .athlete-quote{
        font-size:26px;
    }

    .grid-article-header p {
        text-transform: uppercase;
        font-family: Tungsten;
        font-size: 34px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.94;
        letter-spacing: 1px;
        text-align: center;
        color: #000000;
    }

    .grid-article-subtitle * {
        text-align: center;
    }

    .grid-article-description p {
        font-family: Forza;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 0.45px;
        color: #464646;
    }

    .grid-article-button-wrapper {
        text-align: center;
    }

    p br {
        display: none;
    }

    .home-cta-card-wrapper {
        padding-top: 25px !important;
    }

    
    .vertical-carousel-title {
        margin-top: 15px;
    }
    .homepage-features-wrapper{
        margin-top:47px;
        text-align:center;
    }
    .grid-article-button-wrapper{
        margin-bottom:15px;
    }
}


.athlete-series-carousel-wrapper {
    display: block;
    align-items: center;
    position: relative;
}

.athlete-series-carousel-wrapper:before {
    content: "";
    display: block;
    width: 74.5%;
    height: 100%;
    position: absolute;
    transform: skew(-25deg);
    top: 0;
    bottom: 0;
    background: #f5f5f5;
    left: 0;
    transform-origin: top;
}

@media(max-width:768px){
    .athlete-boat-img {
        position: relative;
    }

        .athlete-boat-img:before {
            content: '';
            width: 100vh;
            height: 55%;
            background: #f5f5f5;
            position: absolute;
            bottom: 0;
            left: -23%;
            top: 0;
        }

    
}

@media(max-width:992px){
    .image-card {
        padding-bottom: 25px;
    }
    .athlete-boat-description-wrapper {
        width: 100%;
        padding: 30px 0px;
        left: 0;
    }
    .boat-title-wrapper.athlete-boat-title-wrapper {
        position: relative;
        width: 85%;
        left: 0;
    }

        .boat-title-wrapper.athlete-boat-title-wrapper hr {
            position: absolute;
            height: 2px;
            width: 100%;
            top: 20%;
            left: -15%;
        }

        .boat-athlete-name {
            text-align: left;
            margin-bottom:20px;
        }
    .athlete-boat-MCname {
        text-align: center;
        font-family: Forza;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2.22px;
        color: #000000;
        text-align: left;
    }
    .athlete-boat-title {
        text-transform: uppercase;
        font-family: Tungsten;
        font-size: 80px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: 1.61px;
        text-align: left;
        color: #000000;
        position: inherit;
    }
    .athlete-boat-button-wrapper {
        padding-left: 0%;
        text-align:center;
    }
    .athlete-series-carousel-wrapper:before {
        transform: none;
        height: 54%;
        width: 100%;
    }
    .athlete-boat-button-wrapper .spacing{
        display:block;
        height:10px;
    }
}

@media(min-width:768px) and (max-width:1024px){
    .series-carousel-description p{
        width:50%;
        min-height:120px;
    }
        .series-carousel-description p br {
            display: none;
        }
    .blend-text {
        background-blend-mode: multiply;
        font-size: 8rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 56%;
        bottom: 0;
    }

    .dark-gradient-theme .blend-text {
        color: #ffffff26;
    }

    .blend-text-big {
        background-blend-mode: multiply;
        font-size: 14rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 58%;
        bottom: -60px;
    }

    .dark-gradient-theme .blend-text-big {
        color: #ffffff26;
    }

    .series-carousel-title{
        top:2%;
    }
}

@media(min-width:1024px) and (max-width:1200px){
    .series-carousel-description p {
        width: 70%;
        min-height: 120px;
    }

        .series-carousel-description p br {
            display: none;
        }
    .blend-text {
        background-blend-mode: multiply;
        font-size: 11rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 57%;
        bottom: -27px;
    }

    .blend-text-big {
        background-blend-mode: multiply;
        font-size: 17rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 60%;
        bottom: -76px;
    }

}
@media(min-width:992px){
    .boat-title-wrapper.athlete-boat-title-wrapper{
        left:auto;
    }
    .athlete-boat-boatImage{
        padding-left:30%;
    }
    .series-carousel-indicators li {
        min-width: 117px;
        width: auto;
    }
        .series-carousel-description {
        width: 62%;
    }
        .series-carousel-description p {
            min-height: 72px;
            width:88%;
        }

    .athletes-similar-title {
        margin-top: 4%;
        margin-bottom: 3%;
    }
    .athlete-category-flex .athlete-btn-learnmore{
        padding-right:0;
    }
    .athlete-category-flex{
        margin:-11px auto;
    }
}

@media(min-width:1200px){
    .blend-text {
        background-blend-mode: multiply;
        font-size: 11.5rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 63%;
        bottom: -43px;
    }

    .dark-gradient-theme.blend-text {
        color: #ffffff26;
    }

    .blend-text-big {
        background-blend-mode: color;
        font-size: 20.5rem;
        font-family: Tungsten;
        color: #00000026;
        font-weight: 600;
        white-space: nowrap;
        z-index: 0;
        text-align: right;
        position: absolute;
        left: 66%;
        bottom: -92px;
    }

    .dark-gradient-theme.blend-text.blend-text-big {
        color: #ffffff26;
    }
    .athlete-boat-description-wrapper{
        padding-bottom:5%;
        left:0;
    }

    .athlete-boat-title {
        font-size: 110px;
    }
}

@media(min-width:1500px){
    .series-carousel-wrapper:before{
        width:74%;
    }
}

@media (min-width: 1600px) {
    .series-carousel-wrapper:before {
        width: calc(100vw - 28vw);
    }
    .athlete-series-carousel-wrapper:before {
        width: 66%;
    }

    
}

@media(min-width:2000px) {
    .series-carousel-wrapper:before {
        width: calc(100vw - 34vw);
    }
    .athlete-series-carousel-wrapper:before{
        width:63%;
    }

    .blend-text {
        font-size:19.5rem;
        left: 58%;
        bottom: -94px;
    }

    .blend-text-big {
        font-size:20.5rem;
        left: 58%;
        bottom: -105px;
    }
}

.anti-col{
    padding:0px;
}

.ytplaylist-wrapper{
    width:100%;
    height:100%;
}
.ytplaylist-category-button-wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px 15px;
}

    /*.ytplaylist-category-button-wrapper button.active {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important;
    }*/

.ytplaylist-category-button.active {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.ytplaylist-category-button-wrapper button .btn-outline-primary .active {
    color: #fff;
    background-color: #000 !important;
    border-color: #000;
}

.yt-iframe-container {
    width: 100%;
    position: relative;
    padding:0px;
}

.yt-thumbnail-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 20;
    width: 100%;
}

    .yt-thumbnail-wrapper .play-button-icon {
        position: absolute;
        width: 140px;
        height: 140px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }

    .yt-thumbnail-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .yt-thumbnail-wrapper .play-video-btn-grid {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 20;
    }

    .yt-thumbnail-wrapper .full-screen-grid {
        position: absolute;
        bottom: 30px;
        right: 50px;
        cursor: pointer;
        z-index: 1040;
    }

.ytplaylist-category-wrapper {
    padding-top: 2%;
    padding-bottom: 2%;
}

.ytplaylist-thumbnail-container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding-top: 15px;
}
.ytplaylist-thumbnail-wrapper {
    padding: 10px;
    width: 100%;
    height: 100%;
}

.yt-iframe-wrapper {
    position: relative;
    padding-bottom: 57.25%;
    width: 100%;
}

    .yt-iframe-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
.ytplaylist-thumbnail-img {
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    min-height: 200px;
    height: 100%;
}

.ytplaylist-thumbnail-image-play {
    cursor: pointer;
    opacity:0;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .ytplaylist-thumbnail-image-play:focus {
        opacity: 1;
        animation: fadeIn 0.5s ease-in;
    }

    .ytplaylist-thumbnail-image-play:hover {
        opacity: 1;
        animation: fadeIn 0.5s ease-in;
    }