.main-slider, .slick-slide, .slick-slide iframe, .slick-slide video {
    position: relative
}

    .caption, .slick-slide.slick-active {
        z-index: 1
    }

    .slick-slide iframe, .slick-slide.dragging img {
        pointer-events: none
    }

    .caption, .slick-slide, .slick-slide::before {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.main-slider {
    width: 100%;
    min-height: 8vw;
    opacity: 0;
    visibility: hidden;
    transition: 1.2s
}

    .main-slider.slick-initialized {
        opacity: 1;
        visibility: visible
    }

.slick-slide {
    height: 38vw
}

    .slick-slide::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #000;
        opacity: .3;
        z-index: 1
    }

    .slick-slide video {
        display: block;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .slick-slide figure {
        position: relative;
        height: 100%
    }

    .slick-slide .slide-image {
        opacity: 0;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: .8s
    }

        .slick-dots li button:hover, .slick-slide .slide-image.show {
            opacity: 1
        }

    .slick-slide .image-entity {
        width: 100%;
        opacity: 0;
        visibility: hidden
    }

    .slick-slide .loading {
        position: absolute;
        top: 44%;
        left: 0;
        width: 100%
    }

    .slick-slide .slide-media {
        -webkit-animation: .4s cubic-bezier(.4,.29,.01,1) slideOut;
        animation: .4s cubic-bezier(.4,.29,.01,1) slideOut
    }

    .slick-slide.slick-active .slide-media {
        -webkit-animation: 2.4s cubic-bezier(.4,.29,.01,1) slideIn;
        animation: 2.4s cubic-bezier(.4,.29,.01,1) slideIn
    }

    .slick-slide.slick-active .caption {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: .7s cubic-bezier(.32,.34,0,1.62) .6s
    }

.caption {
    position: absolute;
    top: 44%;
    left: 5%;
    text-align: center;
    padding: 20px;
    border: 3px solid;
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .02em;
    opacity: 0;
    transition: .3s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.slick-dots {
    text-align: center;
    padding-top: 15px
}

    .slick-dots li {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px
    }

        .slick-dots li button {
            width: 16px;
            height: 16px;
            border: 2px solid #fff;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: 0 0 0 0 transparent;
            vertical-align: middle;
            color: #fff;
            background-color: #fff;
            transition: .3s;
            opacity: .4
        }

            .slick-dots li button:focus, .slick-list:focus {
                outline: 0
            }

        .slick-dots li.slick-active button {
            border-color: #2d3042;
            box-shadow: 0 0 0 2px #fff;
            opacity: 1
        }

@-webkit-keyframes slideIn {
    from {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes slideIn {
    from {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes slideOut {
    from {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    to {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }
}

@keyframes slideOut {
    from {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    to {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

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

.slick-track {
    top: 0;
    left: 0
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide, .slick-slide img {
    display: block
}

.slick-arrow.slick-hidden, .slick-slide.slick-loading img {
    display: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@media (pointer:coarse) {
    .item-videoHtml5 {
        min-height: 333px !important
    }

    .slide-media-html5video {
        height: 100% !important
    }
}

.slick-slide {
    height: none !important
}