/* Slider */
.slick-loading .slick-list {
        background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.epl-slick-carousel .slick-prev,
.epl-slick-carousel .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
}
.epl-slick-carousel .slick-prev:hover,
.epl-slick-carousel .slick-prev:focus,
.epl-slick-carousel .slick-next:hover,
.epl-slick-carousel .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
        border: none;
}
.epl-slick-carousel .slick-prev:hover::before,
.epl-slick-carousel .slick-prev:focus::before,
.epl-slick-carousel .slick-next:hover::before,
.epl-slick-carousel .slick-next:focus::before {
        opacity: 1;
}
.epl-slick-carousel .slick-prev.slick-disabled::before,
.epl-slick-carousel .slick-next.slick-disabled::before {
        /* opacity: 0.25; */
}

.epl-slick-carousel .slick-prev::before,
.epl-slick-carousel .slick-next::before {
        font-family: 'epl-carousels';
        font-size: 20px;
        line-height: 1;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.epl-slick-carousel .slick-prev {
        left: -25px;
}
[dir='rtl'] .epl-slick-carousel .slick-prev {
        right: -25px;
        left: auto;
}

.epl-slick-carousel .slick-next {
        right: -25px;
}
[dir='rtl'] .epl-slick-carousel .slick-next {
        right: auto;
        left: -25px;
}

/* Dots */
.epl-slick-carousel .slick-dotted.slick-slider {
        margin-bottom: 30px;
}

.epl-slick-carousel .slick-dots {
        position: absolute;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        left: 0;
}
.epl-slick-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer;
}
.epl-slick-carousel .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
}
.epl-slick-carousel .slick-dots li button:hover,
.epl-slick-carousel .slick-dots li button:focus {
        outline: none;
}
.epl-slick-carousel .slick-dots li button:hover::after,
.epl-slick-carousel .slick-dots li button:focus::after {
}
.epl-slick-carousel .slick-dots li button::after {
        font-family: 'epl-carousels';
        font-size: 15px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '\f111';
        text-align: center;
        /* opacity: 0.5; */
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.epl-slick-carousel .slick-dots li.slick-active button::after {
        /* opacity: 0.75; */
        color: black;
}
.epl-slick-item .epl-slider-content-box {
        display: block;
}
.slick-current.epl-slick-item .epl-slider-content-box {
        display: block;
}
.slick-slide.epl-slider-current-slide {
        overflow: hidden;
        position: relative;
}
.slick-slide.epl-slider-current-slide img {
        position: relative;
        max-width: 100%;
}
.epl-caro-embed {
        position: relative;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        margin: 0;
        width: 100%;
}

.epl-caro-embed iframe,
.epl-caro-embed object,
.epl-caro-embed embed {
        width: 100% !important;
        height: 100% !important;
}

/**
 * Animations
 */

@keyframes scale-in-center {
        0% {
                transform: scale(0);
                opacity: 1;
        }
        100% {
                transform: scale(1);
                opacity: 1;
        }
}
@keyframes scale-in-hor-center {
        0% {
                transform: scaleX(0);
                opacity: 1;
        }
        100% {
                transform: scaleX(1);
                opacity: 1;
        }
}
@keyframes flip-in-hor-bottom {
        0% {
                transform: rotateX(80deg);
                opacity: 0;
        }
        100% {
                transform: rotateX(0);
                opacity: 1;
        }
}

@keyframes slide-in-top {
        0% {
                transform: translateY(-1000px);
                opacity: 0;
        }
        100% {
                transform: translateY(0);
                opacity: 1;
        }
}

@keyframes slide-in-right {
        0% {
                transform: translateX(1000px);
                opacity: 0;
        }
        100% {
                transform: translateX(0);
                opacity: 1;
        }
}

@keyframes slide-in-bottom {
        0% {
                transform: translateY(1000px);
                opacity: 0;
        }
        100% {
                transform: translateY(0);
                opacity: 1;
        }
}
@keyframes slide-in-left {
        0% {
                transform: translateX(-1000px);
                opacity: 0;
        }
        100% {
                transform: translateX(0);
                opacity: 1;
        }
}

@keyframes slide-in-fwd-center {
        0% {
                transform: translateZ(-1400px);
                opacity: 0;
        }
        100% {
                transform: translateZ(0);
                opacity: 1;
        }
}
@keyframes bounce-in-top {
        0% {
                transform: translateY(-500px);
                animation-timing-function: ease-in;
                opacity: 0;
        }
        38% {
                transform: translateY(0);
                animation-timing-function: ease-out;
                opacity: 1;
        }
        55% {
                transform: translateY(-65px);
                animation-timing-function: ease-in;
        }
        72% {
                transform: translateY(0);
                animation-timing-function: ease-out;
        }
        81% {
                transform: translateY(-28px);
                animation-timing-function: ease-in;
        }
        90% {
                transform: translateY(0);
                animation-timing-function: ease-out;
        }
        95% {
                transform: translateY(-8px);
                animation-timing-function: ease-in;
        }
        100% {
                transform: translateY(0);
                animation-timing-function: ease-out;
        }
}
@keyframes bounce-in-right {
        0% {
                transform: translateX(600px);
                animation-timing-function: ease-in;
                opacity: 0;
        }
        38% {
                transform: translateX(0);
                animation-timing-function: ease-out;
                opacity: 1;
        }
        55% {
                transform: translateX(68px);
                animation-timing-function: ease-in;
        }
        72% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
        81% {
                transform: translateX(32px);
                animation-timing-function: ease-in;
        }
        90% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
        95% {
                transform: translateX(8px);
                animation-timing-function: ease-in;
        }
        100% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
}
@keyframes bounce-in-left {
        0% {
                transform: translateX(-600px);
                animation-timing-function: ease-in;
                opacity: 0;
        }
        38% {
                transform: translateX(0);
                animation-timing-function: ease-out;
                opacity: 1;
        }
        55% {
                transform: translateX(-68px);
                animation-timing-function: ease-in;
        }
        72% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
        81% {
                transform: translateX(-28px);
                animation-timing-function: ease-in;
        }
        90% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
        95% {
                transform: translateX(-8px);
                animation-timing-function: ease-in;
        }
        100% {
                transform: translateX(0);
                animation-timing-function: ease-out;
        }
}
@keyframes fade-in {
        0% {
                opacity: 0;
        }
        100% {
                opacity: 1;
        }
}
@keyframes fade-in-fwd {
        0% {
                transform: translateZ(-80px);
                opacity: 0;
        }
        100% {
                transform: translateZ(0);
                opacity: 1;
        }
}
@keyframes puff-in-center {
        0% {
                transform: scale(2);
                filter: blur(4px);
                opacity: 0;
        }
        100% {
                transform: scale(1);
                filter: blur(0);
                opacity: 1;
        }
}

@keyframes tracking-in-expand {
        0% {
                letter-spacing: -0.5em;
                opacity: 0;
        }
        40% {
                opacity: 0.6;
        }
        100% {
                opacity: 1;
        }
}
@keyframes tracking-in-contract-bck {
        0% {
                letter-spacing: 1em;
                transform: translateZ(400px);
                opacity: 0;
        }
        40% {
                opacity: 0.6;
        }
        100% {
                transform: translateZ(0);
                opacity: 1;
        }
}

@keyframes focus-in-contract {
        0% {
                letter-spacing: 1em;
                filter: blur(12px);
                opacity: 0;
        }
        100% {
                filter: blur(0px);
                opacity: 1;
        }
}
@keyframes focus-in-expand {
        0% {
                letter-spacing: -0.5em;
                filter: blur(12px);
                opacity: 0;
        }
        100% {
                filter: blur(0);
                opacity: 1;
        }
}
@keyframes fade-in-top {
        0% {
                transform: translateY(-50px);
                opacity: 0;
        }
        100% {
                transform: translateY(0);
                opacity: 1;
        }
}
@keyframes fade-in-bottom {
        0% {
                transform: translateY(50px);
                opacity: 0;
        }
        100% {
                transform: translateY(0);
                opacity: 1;
        }
}
@keyframes fade-in-left {
        0% {
                transform: translateX(-50px);
                opacity: 0;
        }
        100% {
                transform: translateX(0);
                opacity: 1;
        }
}
@keyframes fade-in-right {
        0% {
                transform: translateX(50px);
                opacity: 0;
        }
        100% {
                transform: translateX(0);
                opacity: 1;
        }
}

.slick-active .epl-carousel-scale-in-center {
        animation: scale-in-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-scale-in-hor-center {
        animation: scale-in-hor-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-flip-in-hor-bottom {
        animation: flip-in-hor-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-slide-in-top {
        animation: slide-in-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-slide-in-right {
        animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-slide-in-bottom {
        animation: slide-in-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-slide-in-left {
        animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-slide-in-fwd-center {
        animation: slide-in-fwd-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-bounce-in-top {
        animation: bounce-in-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-bounce-in-left {
        animation: bounce-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-bounce-in-right {
        animation: bounce-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-fade-in {
        animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-fade-in-fwd {
        animation: fade-in-fwd 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-puff-in-center {
        animation: puff-in-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-tracking-in-expand {
        animation: tracking-in-expand 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both;
}
.slick-active .epl-carousel-tracking-in-contract-bck {
        animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both;
}
.slick-active .epl-carousel-focus-in-contract {
        animation: focus-in-contract 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-focus-in-expand {
        animation: focus-in-expand 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.slick-active .epl-carousel-fade-in-top {
        animation: fade-in-top 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.slick-active .epl-carousel-fade-in-bottom {
        animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.slick-active .epl-carousel-fade-in-left {
        animation: fade-in-left 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.slick-active .epl-carousel-fade-in-right {
        animation: fade-in-right 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}

.epl-slick-carousel .slick-arrow {
        transition: unset;
}
.epl-carousel-slide-content-box {
        position: absolute;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        flex-direction: column;
        padding: 2em;
}
.epl-carousel-slide-content:empty {
        display: none;
}
.epl-carousel-slide-caption {
        font-size: 1.5em;
}
.epl-carousel-slide-caption.epl-carousel-thumb-caption {
        font-size: 0.8em;
}
.epl-carousel-slide-caption.epl-carousel-single-slide-caption {
        position: absolute;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: 2%;
}
.epl-carousel-layout-thumbs-vertical {
        display: flex;
        max-width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
}
.epl-carousel-layout-thumbs-vertical .epl-slick-carousel-main-wrapper {
        max-width: 80%;
        align-self: flex-start;
        flex: 1;
}
.epl-carousel-layout-thumbs-vertical .epl-slick-carousel-thumb-wrapper {
        max-width: 20%;
        align-self: flex-end;
        flex: 1;
}

@media screen and (max-width: 650px) {
        .epl-carousel-layout-thumbs-vertical .epl-slick-carousel-main-wrapper {
                max-width: 100%;
        }
        .epl-carousel-layout-thumbs-vertical .epl-slick-carousel-thumb-wrapper {
                display: none;
        }
}
.epl-slider-content-box {
        position: absolute;
        top: 5%;
        left: 5%;
        z-index: 9;
}
/** Default for slider **/
.slick-slider {
        display: block;
}

/** Smooth entrance for slick **/
.epl-slick-carousel {
        opacity: 0;
}
.epl-slick-carousel.slick-initialized {
        opacity: 1;
}

.epl-caro-hidden {
        display: none;
}
.epl-caro-play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
}
.epl-slick-carousel-inner-wrapper {
        position: relative;
}
.epl-carousel-buttons-wrap {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
}
.epl-carousel-buttons-wrap-top {
        top: 5%;
}
.epl-carousel-buttons-wrap-bottom {
        bottom: 5%;
}
