/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.slider-wrapper {
    position: relative
}

.slider>.img,.flickity-slider>.img,.slider-wrapper:last-child {
    margin-bottom: 0
}

.slider,.row-slider {
    position: relative;
    scrollbar-width: none
}

.slider-full .flickity-slider>.col {
    padding: 0 !important
}

.slider-load-first {
    transition: max-height 2s;
    max-height: 999px
}

.slider-load-first:not(.flickity-enabled) {
    max-height: 500px
}

.slider-load-first:not(.flickity-enabled)>div {
    opacity: 0
}

.slider:not(.flickity-enabled) {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    width: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.slider::-webkit-scrollbar,.row-slider::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important
}

.row-slider:not(.flickity-enabled) {
    display: block !important
}

.slider:not(.flickity-enabled)>* {
    display: inline-block !important;
    white-space: normal !important;
    vertical-align: top
}

.slider:not(.flickity-enabled)>a {
    width: 100%
}

.slider>div:not(.col),.slider>a,.slider>p,.slider>a>img,.slider>img {
    width: 100%
}

.flickity-slider>div:not(.col),.flickity-slider>a,.flickity-slider>p,.flickity-slider>a>img,.flickity-slider>img,.flickity-slider>figure {
    width: 100% !important;
    padding: 0;
    margin: 0;
    transition: transform .6s, opacity .6s, box-shadow 0.6s
}

.flickity-slider>.row:not(.is-selected) {
    opacity: 0
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.slider-has-parallax .bg {
    transition: opacity 0.3s !important
}

.is-dragging .flickity-viewport .flickity-slider {
    pointer-events: none
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 40%;
    bottom: 40%;
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: 36px;
    color: var(--primary-color);
    border: none;
    cursor: pointer;
    opacity: 0;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
}

.flickity-prev-next-button.next {
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
    right: 2%
}

.flickity-prev-next-button.previous {
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    left: 2%
}

.slider-show-nav .flickity-prev-next-button,.slider:hover .flickity-prev-next-button {
    opacity: 0.7;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.slider .flickity-prev-next-button:hover {
    box-shadow: none;
    opacity: 1
}

.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow {
    fill: var(--primary-color)
}

@media (min-width: 850px) {
    .slider-nav-outside .flickity-prev-next-button.next {
        right:auto;
        left: 100%
    }

    .slider-nav-outside .flickity-prev-next-button.previous {
        left: auto;
        right: 100%
    }
}

.flickity-prev-next-button:disabled,button.flickity-prev-next-button[disabled] {
    opacity: 0 !important;
    background: none !important;
    cursor: auto;
    box-shadow: none !important;
    pointer-events: none
}

.flickity-prev-next-button svg {
    position: absolute;
    padding: 5px;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 100%;
    padding: 20%;
    max-height: 100%;
    height: auto;
    transition: all 0.3s;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -10%
}

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    margin-top: -40px
}

.flickity-prev-next-button svg,.flickity-prev-next-button .arrow {
    border-color: currentColor;
    fill: currentColor;
    transition: all 0.3s
}

.slider-auto-height,.animate-height {
    transition: height .2s
}

.flickity-prev-next-button.no-svg {
    color: #111;
    font-size: 26px
}

.slider-no-arrows .flickity-prev-next-button {
    display: none !important
}

.slider-type-fade .flickity-slider {
    -ms-transform: none !important;
    transform: none !important
}

.slider-type-fade .flickity-slider>* {
    opacity: 0.0;
    z-index: 1;
    left: 0 !important
}

.slider-type-fade .flickity-slider>*.is-selected {
    opacity: 1.0;
    z-index: 2
}

.slider-type-fade .flickity-prev-next-button,.slider-type-fade .flickity-page-dots {
    z-index: 3
}

.flickity-page-dots {
    position: absolute;
    bottom: 15px;
    left: 20%;
    right: 20%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.slider-nav-outside .flickity-page-dots,.row-slider .flickity-page-dots {
    bottom: 0
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 3px solid #111;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .3s
}

.nav-dots-small .flickity-page-dots .dot,.row-slider .flickity-page-dots .dot {
    opacity: 0.2;
    width: 10px;
    height: 10px;
    border: 0;
    background-color: #111
}

.flickity-page-dots .dot:hover {
    opacity: 0.7
}

.flickity-page-dots .dot.is-selected {
    background-color: #111;
    opacity: 1 !important
}

.slider-nav-dots-dashes .flickity-page-dots .dot {
    height: 4px;
    width: 40px;
    margin: 0;
    border-radius: 0
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
    height: 4px;
    width: 40px;
    border-radius: 0
}

.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #111
}

.slider-nav-dots-square .flickity-page-dots .dot {
    border-radius: 0
}

.slider-nav-circle .flickity-prev-next-button svg,.slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 100%;
    border: 2px solid currentColor
}

.slider-nav-circle .flickity-prev-next-button:hover svg,.slider-nav-circle .flickity-prev-next-button:hover .arrow {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    fill: #fff !important
}

.slider-nav-outside.slider-nav-circle .next {
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.slider-nav-outside.slider-nav-circle .previous {
    -ms-transform: translateX(50%) !important;
    transform: translateX(50%) !important
}

.slider-nav-reveal {
    padding-top: 0;
    overflow: hidden
}

.slider-nav-reveal .flickity-prev-next-button:hover,.slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0.3);
    margin: 0 !important
}

.dark .slider-nav-reveal .flickity-prev-next-button {
    border-radius: 99px;
    background-color: rgba(0,0,0,0.3);
    color: #FFF
}

.slider-nav-reveal .flickity-prev-next-button.next {
    -ms-transform: translateX(10%);
    transform: translateX(10%);
    left: auto !important;
    right: -1px !important
}

.slider-nav-reveal .flickity-prev-next-button.previous {
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    transform: translateX(-10%);
    right: auto !important;
    left: -1px !important
}

.slider-nav-light .flickity-prev-next-button {
    color: #fff
}

.slider-nav-light .flickity-prev-next-button svg,.slider-nav-light .flickity-prev-next-button .arrow {
    fill: #fff
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: #fff
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #fff
}

.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #fff
}

.slider-style-container .flickity-slider>*,.slider-style-shadow .flickity-slider>*,.slider-style-focus .flickity-slider>* {
    max-width: 1080px;
    margin: 0 auto
}

.slider-style-container:not(.flickity-enabled) .poka_banner,.slider-style-shadow:not(.flickity-enabled) .poka_banner,.slider-style-focus:not(.flickity-enabled) .poka_banner {
    opacity: 0 !important
}

.slider-style-container .poka_banner,.slider-style-shadow .poka_banner,.slider-style-focus .poka_banner {
    opacity: 1
}

.slider-style-container .flickity-slider>*:not(.is-selected),.slider-style-shadow .flickity-slider>*:not(.is-selected),.slider-style-focus .flickity-slider>*:not(.is-selected) {
    opacity: 0.5
}

.slider-style-shadow {
    padding: 15px 0 25px
}

.slider-style-shadow .flickity-slider>*:before {
    content: "";
    position: absolute;
    bottom: -6px;
    height: 100px;
    left: -10%;
    right: -10%;
    background-size: 100% 100%;
    z-index: -2;
    /*background-image: url("../../img/shadow@2x.png")*/
}

.slider-style-shadow .flickity-slider>*:not(.is-selected) {
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    z-index: -1;
    opacity: 1
}

.slider-style-shadow .flickity-slider>*:not(.is-selected):before {
    height: 200px;
    opacity: .5
}

.slider-style-shadow .flickity-slider>.is-selected {
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.slider-style-focus {
    background-color: transparent;
    padding: 30px 0
}

.slider-style-focus .flickity-page-dots {
    bottom: 6px
}

.slider-style-focus .flickity-slider>* {
    max-width: 1050px
}

.slider-style-focus .flickity-slider>*:not(.is-selected) {
    -ms-transform: scale(0.93);
    transform: scale(0.93)
}

@media screen and (max-width: 549px) {
    .slider-wrapper .flickity-prev-next-button {
        display:none
    }

    .row-slider .flickity-prev-next-button {
        width: 20px !important;
        opacity: 0.8;
        background-color: transparent !important;
        box-shadow: none !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .row-slider .flickity-prev-next-button svg {
        padding: 3px !important;
        border: 0 !important
    }

    .flickity-page-dots {
        pointer-events: none
    }

    .flickity-slider .banner-layers {
        overflow: hidden
    }
}