.ms-slider--overlay { position: absolute; z-index: 0; width: calc(100% + 1pt); height: 100%; top: 0; left: 0; transition: background-color .6s cubic-bezier(.23,1,.32,1); }
.ms-cont__btn, .ms-sc--t { position: relative; z-index: 1; }
.ms-cont__btn { padding: 4pt; transition: all .3s ease; opacity: 0; }
.ms-cont__btn .ms-btn__text { font-size: 22px!important; font-weight: 600; }
.ms-slider .swiper[data-nav=hover] .ms-nav--next, .ms-slider .swiper[data-nav=hover] .ms-nav--prev { visibility: hidden; opacity: 0; transition: all .6s cubic-bezier(.23,1,.32,1); }
.ms-slider .swiper[data-nav=hover]:hover .ms-nav--next, .ms-slider .swiper[data-nav=hover]:hover .ms-nav--prev { visibility: visible; opacity: 1; }
.ms-slider--progress { position: absolute; display: flex; align-items: center; bottom: 3rem; height: 80px; z-index: 3; }
.ms-slider--progress .swiper-pagination-progressbar, .ms-slider--progress .swiper-pagination-progressbar-opposite { position: relative; width: 100%; height: 1px!important; margin-top: 2px; }
.ms-slider--progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 3px; margin-top: -1px; border-radius: 3px; }
.ms-slider--progress .ms-slider--count, .ms-slider--progress .ms-slider--count__total { font-weight: 700; font-size: 20px; }
.ms-slider--progress .ms-slider--count { margin-right: 16pt; }
.ms-slider--progress .ms-slider--count__total { margin-left: 16pt; }
.ms-slider--progress.center { left: 0; right: 0; margin: 0 auto; }
.ms-slider--progress.right { right: 3rem; }
.ms-slider--progress.left { left: 3rem; }

@media only screen and (max-width:975px) {
    .ms-slider .ms-nav--next { right: 1.5rem; }
    .ms-slider .ms-nav--prev { left: 1.5rem; }
    .ms-slider .ms-nav--next, .ms-slider .ms-nav--prev { width: 60px; height: 60px; bottom: 2rem!important; }
    .ms-slider .ms-nav--next .i-arrow, .ms-slider .ms-nav--prev .i-arrow { width: 30px; height: 30px; }
    .ms-slider .ms-slider--progress.center { display: flex; justify-content: center; align-items: center; }
    .ms-slider .ms-slider--progress { height: 60px; bottom: 2rem; }
    .ms-slider .ms-slider--progress .ms-slider--count { margin: 0; }
    .ms-slider .ms-slider--progress .ms-slider--count::after { content: "/"; margin-left: 8pt; }
    .ms-slider .ms-slider--progress .swiper-pagination-progressbar { display: none; }
    .ms-slider .ms-slider--progress .ms-slider--count__total { margin-left: 8pt; }
    .ms-material-label { padding: 20px; }
}

.ms-slider--cont .btn-wrap { margin-top: 1rem; }
.ms-slider--cont .btn-wrap .btn:hover { color: var(--color-primary); }
.ms-slider--cont .btn-wrap .btn:hover .ms-btn--circle .circle-outline { stroke: var(--color-primary); }
.ms-slider--cont .btn-wrap .btn:hover .ms-btn--circle .circle-fill { background-color: var(--color-primary); }
.ms-slider--video iframe { max-width: unset!important; }
.ms-slider--video video { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.swiper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-shrink: 10; min-height: 0; }
.swiper[data-mask*=desktop], .swiper[data-mask*=mobile], .swiper[data-mask*=tablet] { -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); }
.swiper[data-direction=vertical] { -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); }

@media (max-width:767px) { .swiper:not([data-mask*=mobile]) { -webkit-mask-image: none; mask-image: none; } }
@media (min-width:767px) and (max-width:1024px) { .swiper:not([data-mask*=tablet]) { -webkit-mask-image: none; mask-image: none; } }
@media (min-width:1025px) { .swiper:not([data-mask*=desktop]) { -webkit-mask-image: none; mask-image: none; } }

.swiper-material { width: 100%; max-width: 100%; }
.ms-material-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%!important; -o-object-fit: cover; object-fit: cover; display: block; border-radius: var(--swiper-material-slide-border-radius); }
.ms-material-label { position: absolute; font-size: 24px; color: #fff; left: 0; bottom: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 24px; display: flex; flex-direction: column; font-weight: 500; justify-content: flex-end; align-items: center; }
.triple-slider .swiper { width: 90%; max-width: 640px; height: 320px; }
.triple-slider .bg-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.triple-slider { width: calc(100% + 32px); position: relative; overflow: hidden; perspective: 1200px; padding: 32px; }
.triple-slider .triple-slider-main { position: relative; z-index: 10; box-shadow: 0 0 30px rgba(0,0,0,.5); }
.triple-slider .triple-slider-next, .triple-slider .triple-slider-prev { opacity: .25; position: absolute; top: 50%; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; }
.triple-slider .triple-slider-prev { right: 50%; transform: translateY(-50%) scale(.75) rotateY(10deg); }
.triple-slider .triple-slider-next { left: 50%; transform: translateY(-50%) scale(.75) rotateY(-10deg); }
.ms-slider-triple.triple-slider-main .swiper-slide .ms-cont__inner { will-change: opacity; opacity: 0; transition: opacity .6s cubic-bezier(.23,1,.32,1); }
.ms-slider-triple.triple-slider-main .swiper-slide-visible .ms-cont__inner { opacity: 1; }
.ms-slider.default-slider .ms-slider--img { width: 100%; height: 100%; }
.ms-slider.default-slider .ms-slider--img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -o-object-position: center; object-position: center; }
.ms-slider-default[data-spv="0"] .swiper-slide { display: flex; align-items: baseline; }
.ms-slider-default[data-spv="0"] .ms-slider--img { display: flex; }
.ms-slider-default[data-spv="0"] .ms-slider--img img { height: auto; }
.default-slider .swiper-slide .ms-sc--t, .default-slider .swiper-slide img, .default-slider .swiper-slide video { opacity: 0; }