/*
*
* Owl Carousel
* --------------------------------------------------
*/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    /*
 * 	Owl Carousel - Lazy Load Plugin
 */
    /*
 * 	Owl Carousel - Video Plugin
 */
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .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;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        user-select: none;
    }

    .owl-carousel .owl-loaded {
        display: block;
    }

    .owl-carousel .owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel .owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: right;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

    .owl-carousel .owl-rtl {
        direction: ltr;
    }

        .owl-carousel .owl-rtl .owl-item {
            float: left;
        }

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    right: 50%;
    top: 50%;
    margin-right: -40px;
    margin-top: -40px;
    font: 400 40px/80px 'FontAwesome';
    cursor: pointer;
    z-index: 1;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:before {
        content: '\f144';
    }

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*
 * Owl Navigation
 */
.owl-nav.disabled {
    display: none !important;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font: 400 46px/50px 'FontAwesome';
    color: #ccc;
}

    .owl-prev:hover,
    .owl-next:hover {
        color: #15b095;
    }

.owl-prev {
    right: 0;
}

    .owl-prev::before {
        content: '\f104';
    }

.owl-next {
    left: 0;
}

    .owl-next::before {
        content: '\f105';
    }

/*
 * Owl Pagination
 */
.owl-dots {
    text-align: center;
    margin-top: 10px;
}

.owl-dot {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 50%;
    text-align: center;
    outline: none;
    cursor: pointer;
    background-color: #afafaf;
    transition: .3s ease-out all;
}

    .owl-dot:hover, .owl-dot:focus, .owl-dot.active {
        background-color: #15af94;
        transform: scale(1.5);
    }

.owl-carousel[data-nav-custom] .owl-prev,
.owl-carousel[data-nav-custom] .owl-next {
    display: none;
}

.owl-carousel-inline-outer {
    position: relative;
    padding-right: 60px;
    min-height: 23px;
}

    .owl-carousel-inline-outer .owl-inline-nav {
        position: absolute;
        top: 2px;
        right: 0;
        font-size: 16px;
        line-height: 1.3;
    }

    .owl-carousel-inline-outer .owl-carousel {
        max-width: calc(100% + 60px);
    }

    .owl-carousel-inline-outer .owl-arrow {
        background: none;
        border: none;
        display: inline-block;
        padding: 0;
        outline: none;
        outline-offset: 0;
        cursor: pointer;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        border-radius: 3px;
        color: #fff;
        background: #15b095;
        transition: .2s;
    }

        .owl-carousel-inline-outer .owl-arrow::-moz-focus-inner {
            border: none;
            padding: 0;
        }

        .owl-carousel-inline-outer .owl-arrow::before {
            font-family: 'Material Icons';
        }

        .owl-carousel-inline-outer .owl-arrow:hover {
            color: #151515;
            background: #f05c5c;
        }

    .owl-carousel-inline-outer .owl-arrow-prev::before {
        content: '\e5cb';
    }

    .owl-carousel-inline-outer .owl-arrow-next::before {
        content: '\e5cc';
    }

    .owl-carousel-inline-outer .owl-carousel {
        top: 5px;
    }

    .owl-carousel-inline-outer * + .owl-arrow {
        margin-right: 5px;
    }

.owl-carousel-inline-outer-1 {
    position: relative;
    min-height: 23px;
    max-width: 100%;
    width: 100%;
}

    .owl-carousel-inline-outer-1 .owl-carousel-inline-wrap {
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
    }

    .owl-carousel-inline-outer-1 .owl-inline-nav {
        flex-shrink: 0;
    }

        .owl-carousel-inline-outer-1 .owl-inline-nav > * {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            line-height: 1.3;
        }

    .owl-carousel-inline-outer-1 .owl-carousel {
        top: 7px;
        max-width: calc(100% + 60px);
    }

    .owl-carousel-inline-outer-1 .owl-arrow {
        background: none;
        border: none;
        display: inline-block;
        padding: 0;
        outline: none;
        outline-offset: 0;
        cursor: pointer;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        border-radius: 3px;
        color: #151515;
        background: #f05c5c;
        transition: .2s;
    }

        .owl-carousel-inline-outer-1 .owl-arrow::-moz-focus-inner {
            border: none;
            padding: 0;
        }

        .owl-carousel-inline-outer-1 .owl-arrow::before {
            font-family: 'Material Icons';
        }

        .owl-carousel-inline-outer-1 .owl-arrow:hover {
            color: #fff;
            background: #15b095;
        }

    .owl-carousel-inline-outer-1 .owl-arrow-prev::before {
        content: '\e5cb';
    }

    .owl-carousel-inline-outer-1 .owl-arrow-next::before {
        content: '\e5cc';
    }

    .owl-carousel-inline-outer-1 * + .owl-arrow {
        margin-right: 5px;
    }

    .owl-carousel-inline-outer-1 .owl-carousel {
        margin-right: 10px;
        line-height: 1.3;
    }

.owl-carousel-arrows-outline .owl-arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 1px;
    font: 400 20px/21px 'FontAwesome';
    color: #111;
    background: transparent;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    cursor: pointer;
    transition: .33s;
}

    .owl-carousel-arrows-outline .owl-arrow:hover {
        color: #fff;
        background: #15b095;
        border-color: #15b095;
    }

.owl-carousel-arrows-outline .owl-arrow-prev::before {
    margin-right: -1px;
   
    content: '\f105';
}

.owl-carousel-arrows-outline .owl-arrow-next::before {
    margin-left: -1px;
    content: '\f104';
}

.owl-carousel-arrows-outline .button {
    top: 1px;
}

html.firefox .owl-carousel-arrows-outline .owl-arrow::before {
    position: relative;
    top: -1px;
}

html.firefox .owl-carousel-arrows-outline .button {
    top: 0;
}

.ie-10 .owl-carousel-arrows-outline .button, .ie-11 .owl-carousel-arrows-outline .button {
    top: 0;
}

.owl-carousel-dots-modern img {
    width: 100%;
    max-width: inherit;
}

.owl-carousel-dots-modern .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    z-index: 2;
}

.owl-carousel-dots-modern .owl-dot {
    margin-right: 7px;
    margin-left: 7px;
    vertical-align: middle;
    background: #fff;
    border: none;
}

    .owl-carousel-dots-modern .owl-dot::before {
        position: absolute;
        top: 50%;
        right: 50%;
        width: 0;
        height: 0;
        content: '';
        background: #f05c5c;
        border-radius: 50%;
        transform: translate(50%, -50%);
        transition: all .4s;
    }

    .owl-carousel-dots-modern .owl-dot.active, .owl-carousel-dots-modern .owl-dot:hover {
        transform: scale(1);
    }

        .owl-carousel-dots-modern .owl-dot.active::before, .owl-carousel-dots-modern .owl-dot:hover::before {
            width: 15px;
            height: 15px;
        }

@media (min-width: 576px) {
    .owl-carousel-dots-modern .owl-dots {
        bottom: 50px;
    }
}

.owl-carousel-creative .owl-nav.disabled {
    display: block !important;
}

.owl-carousel-creative .owl-prev,
.owl-carousel-creative .owl-next {
    display: block;
    width: 50px;
    height: 55px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    transition: .22s;
    text-align: center;
    background: rgba(21, 21, 21, 0.4);
}

    .owl-carousel-creative .owl-prev::before, .owl-carousel-creative .owl-prev::after,
    .owl-carousel-creative .owl-next::before,
    .owl-carousel-creative .owl-next::after {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        transition: .4s;
    }

    .owl-carousel-creative .owl-prev:hover,
    .owl-carousel-creative .owl-next:hover {
        color: #fff;
        border-color: #d7d7d7;
        background: rgba(21, 176, 149, 0.7);
    }

    .owl-carousel-creative .owl-prev::before,
    .owl-carousel-creative .owl-next::after {
        top: -2px;
        font-family: 'Material Icons';
        font-size: 22px;
        line-height: 1;
    }

    .owl-carousel-creative .owl-prev::before {
        content: '\e5cc';
    }

    .owl-carousel-creative .owl-next::after {
       
        content: '\e5cb';
    }

@media (min-width: 576px) {
    .owl-carousel-creative {
        padding: 0 20px;
    }
}

@media (min-width: 1200px) {
    .owl-carousel-creative {
        padding: 0 50px;
    }

        .owl-carousel-creative .owl-prev, .owl-carousel-creative .owl-prev:hover,
        .owl-carousel-creative .owl-next,
        .owl-carousel-creative .owl-next:hover {
            /* color: #151515; */
            color: #E7E8E9;
            background-color: transparent;
        }

            .owl-carousel-creative .owl-prev::before,
            .owl-carousel-creative .owl-next::after {
                top: -1px;
            }

            .owl-carousel-creative .owl-prev::after,
            .owl-carousel-creative .owl-next::before {
                font-size: 0;
                line-height: 0;
                width: 20px;
                border-bottom: 2px solid;
            }

        .owl-carousel-creative .owl-prev {
            padding-left: 5px;
            border-left: 9px solid #e1e1e1;
        }

            .owl-carousel-creative .owl-prev::before {
                margin-left: -6px;
            }

            .owl-carousel-creative .owl-prev:hover::before, .owl-carousel-creative .owl-prev:hover::after {
                transform: translateX(5px);
            }

        .owl-carousel-creative .owl-next {
            padding-right: 5px;
            border-right: 9px solid #e1e1e1;
        }

            .owl-carousel-creative .owl-next::after {
                margin-right: -6px;
            }

            .owl-carousel-creative .owl-next:hover::before, .owl-carousel-creative .owl-next:hover::after {
                transform: translateX(-5px);
            }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .owl-carousel-creative .owl-prev {
        right: -10px;
    }

    .owl-carousel-creative .owl-next {
        left: -10px;
    }
}

@media (min-width: 1600px) {
    .owl-carousel-creative {
        padding: 0 70px;
    }
}

.owl-carousel-mystic {
    padding: 0 15px;
}

    .owl-carousel-mystic .owl-nav.disabled {
        display: block !important;
    }

    .owl-carousel-mystic .owl-prev,
    .owl-carousel-mystic .owl-next {
        position: absolute;
        top: 50%;
        height: 50px;
        width: 66px;
        overflow: hidden;
        transform: translate3d(0, -50%, 0);
        color: #fff;
        font-size: 27px;
        line-height: 1;
        cursor: pointer;
    }

        .owl-carousel-mystic .owl-prev::before,
        .owl-carousel-mystic .owl-next::before {
            position: absolute;
            top: 50%;
            right: 50%;
            transform: translate3d(50%, -50%, 0);
            font-family: 'Material Icons';
        }

        .owl-carousel-mystic .owl-prev::after,
        .owl-carousel-mystic .owl-next::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
            background: rgba(0, 0, 0, 0.19);
            pointer-events: none;
            transition: .33s;
            outline: 1px solid transparent;
        }

        .owl-carousel-mystic .owl-prev:hover,
        .owl-carousel-mystic .owl-next:hover {
            color: #fff;
        }

            .owl-carousel-mystic .owl-prev:hover::after,
            .owl-carousel-mystic .owl-next:hover::after {
                background: #15b095;
            }

    .owl-carousel-mystic .owl-prev {
        right: 0;
    }

        .owl-carousel-mystic .owl-prev::before {
            content: '\e5cb';
            margin-right: -3px;
        }

        .owl-carousel-mystic .owl-prev::after {
            transform-origin: 0% 100%;
            transform: skew(-10deg);
        }

    .owl-carousel-mystic .owl-next {
        left: 0;
    }

        .owl-carousel-mystic .owl-next::before {
            content: '\e5cc';
            margin-left: -3px;
        }

        .owl-carousel-mystic .owl-next::after {
            transform-origin: 0% 100%;
            transform: skew(10deg);
        }

@media (min-width: 768px) {
    .owl-carousel-mystic {
        padding: 0 80px;
    }
}

.owl-item {
    /* padding: 0 1px; */
}

.owl-spacing-1 .owl-stage-outer {
    margin: -30px;
    padding: 30px;
}


.owl-carousel-arrows-outline .owl-arrow {
    background-color: #E0001A;
    border: 1px solid #E52B41;
    color: white;
}