#slider, #m_slider{
    min-height: 45vw!important;
}
@media (max-width: 767.98px) {
    #slider, #m_slider{
        min-height: 100vw!important;
    }
}

.slider-element {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slider-parallax {
    position: relative;
}

.slider-parallax,
.slider-parallax .swiper {
    visibility: visible;
    -webkit-backface-visibility: hidden;
}

.slider-inner {
    position: absolute;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-parallax .slider-inner {
    position: fixed;
}

.h-auto:not(.slider-parallax) .slider-inner,
.h-auto .swiper,
.min-vh-0:not(.slider-parallax) .slider-inner,
.min-vh-0 .swiper {
    position: relative !important;
    height: auto !important;
}

.slider-parallax-invisible .slider-inner {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 992px) {
    .h-auto .swiper-wrapper,
    .min-vh-0 .swiper-wrapper {
        height: 75vh;
    }
}
.slider-inner.slider-inner-relative {
    position: relative !important;
    height: auto !important;
}

.device-touch .slider-parallax .slider-inner {
    position: relative;
}

body:not(.side-header) .slider-parallax .slider-inner {
    left: 0;
}

body:not(.stretched) .slider-parallax .slider-inner {
    left: auto;
}

.slider-parallax .slider-inner,
.slider-parallax .slider-caption {
    will-change: transform;
    backface-visibility: hidden;
    transition: transform 0s cubic-bezier(0.14, 0.15, 0.13, 0.99);
}
@media (prefers-reduced-motion: reduce) {
    .slider-parallax .slider-inner,
    .slider-parallax .slider-caption {
        transition: none;
    }
}

.scroll-detect .slider-inner {
    transform: translate3d(0px, calc(400px), 0px);
    backface-visibility: hidden;
    will-change: transform;
}

.scroll-detect .slider-caption {
    transform: translate3d(0px, calc(100px), 0px);
    backface-visibility: hidden;
    opacity: calc(1);
    will-change: transform;
}

@media (max-width: 991.98px) {
    #slider, #m_slider {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #slider .slider-inner , #m_slider .slider-inner{
        position: relative;
        display: flex;
        flex-grow: 1;
        align-items: center;
    }
}

.swiper_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.full-screen .swiper_wrapper {
    height: auto;
}
.swiper_wrapper .swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}
.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    overflow: hidden;
}
.swiper_wrapper .swiper-slide [data-caption-animate] {
    -webkit-backface-visibility: hidden;
}

.swiper-slide-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-element .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player,
.swiper-slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.yt-bg-player .inlinePlayButton,
.yt-bg-player .loading {
    display: none !important;
}

.slider-element .container,
.slider-element .container-fluid,
.slider-element .container-sm,
.slider-element .container-md,
.slider-element .container-lg,
.slider-element .container-xl,
.slider-element .container-xxl {
    position: relative;
    height: 100%;
}

.slider-element.canvas-slider .swiper-slide img {
    width: 100%;
}

.slider-element.canvas-slider a {
    display: block;
    height: 100%;
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: var(--cnvs-swiper-dots-position-bottom) !important;
    text-align: center;
    line-height: 1;
}
.swiper-pagination span {
    display: inline-block;
    cursor: pointer;
    width: var(--cnvs-canvas-slider-dots-size);
    height: var(--cnvs-canvas-slider-dots-size);
    margin: 0 var(--cnvs-slider-pagination-gutters);
    opacity: 1;
    background-color: transparent;
    border: 1px solid var(--cnvs-slider-arrow-color);
    border-radius: var(--cnvs-slider-pagination-rounded);
    transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
    .swiper-pagination span {
        transition: none;
    }
}
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--cnvs-slider-arrow-color) !important;
}

/* Video Overlay
-----------------------------------------------------------------*/
.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.video-wrap video {
    position: relative;
    z-index: 1;
    opacity: 1;
    width: 100%;
    transition: opacity 0.3s 1s ease;
}
@media (prefers-reduced-motion: reduce) {
    .video-wrap video {
        transition: none;
    }
}
body:not(.has-plugin-html5video) .video-wrap video {
    opacity: 0;
}

.video-overlay,
.video-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    /*background: transparent url("images/grid.png") repeat;*/
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.video-placeholder {
    z-index: 4;
    background-repeat: no-repeat !important;
}


/* Slider Arrows
-----------------------------------------------------------------*/
.slider-element .owl-carousel {
    margin: 0;
}

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 0 0.25rem 0.25rem 0;
    transform: translateY(-50%);
    transition: background-color 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .slider-arrow-left,
    .slider-arrow-right,
    .flex-prev,
    .flex-next,
    .slider-arrow-top-sm,
    .slider-arrow-bottom-sm {
        transition: none;
    }
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    top: auto;
    bottom: 57px;
    left: auto;
    right: var(--cnvs-slider-arrow-sm-offset);
    margin: 0;
    width: var(--cnvs-slider-arrows-sm-size);
    height: var(--cnvs-slider-arrows-sm-size);
    border-radius: var(--cnvs-slider-arrows-border-radius) var(--cnvs-slider-arrows-border-radius) 0 0;
}

.slider-arrow-bottom-sm {
    bottom: var(--cnvs-slider-arrow-sm-offset);
    border-radius: 0 0 var(--cnvs-slider-arrows-border-radius) var(--cnvs-slider-arrows-border-radius);
}

.fslider[data-thumbs=true] .flex-prev,
.fslider[data-thumbs=true] .flex-next {
    margin-top: calc(-1 * var(--cnvs-slider-arrow-sm-offset));
}

.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
    left: auto;
    right: 0;
    border-radius: 0.25rem 0 0 0.25rem;
}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    line-height: 52px;
    width: 100%;
    height: 100%;
    color: #f8f9fa;
    font-size: calc(52px / 1.75);
    text-align: center;
    transition: color 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .slider-arrow-left i,
    .slider-arrow-right i,
    .flex-prev i,
    .flex-next i,
    .slider-arrow-top-sm i,
    .slider-arrow-bottom-sm i {
        transition: none;
    }
}

.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    width: var(--cnvs-slider-arrows-sm-size);
    height: var(--cnvs-slider-arrows-sm-size);
    margin: 0;
    line-height: calc(var(--cnvs-slider-arrows-sm-size) - 2px);
    font-size: 18px;
    color: var(--cnvs-owl-dots-slider-color);
}

.slider-element .owl-prev i {
    margin-left: 0;
}

.slider-element .owl-next i {
    margin-right: 4px;
}

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover {
    background-color: var(--cnvs-slider-arrows-bg-hover-color) !important;
}


/* Slide Number
-----------------------------------------------------------------*/
.slide-number {
    position: absolute;
    opacity: 0;
    top: auto;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    width: 36px;
    height: 40px;
    text-align: center;
    color: rgba(var(--cnvs-invert-contrast-rgb), 0.8);
    font-size: 1.125rem;
    font-weight: 300;
    transition: all 0.3s linear;
}
@media (prefers-reduced-motion: reduce) {
    .slide-number {
        transition: none;
    }
}

.slider-element:hover .slide-number {
    opacity: 1;
}

.slide-number-current,
.slide-number-total {
    position: absolute;
    line-height: 1;
    top: 5px;
    left: 0;
}

.slide-number-total {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 0;
}

.slide-number span {
    display: block;
    font-size: 32px;
    line-height: 40px;
}

/* Pagination
-----------------------------------------------------------------*/
.slider-element .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px;
}

.slider-element .owl-dots button {
    width: var(--cnvs-canvas-slider-dots-size);
    height: var(--cnvs-canvas-slider-dots-size);
    margin: 0 var(--cnvs-slider-pagination-gutters);
    opacity: 1 !important;
    background-color: transparent !important;
    border: var(--cnvs-owl-nav-border) !important;
}

.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {
    background-color: var(--cnvs-owl-nav-background) !important;
}
