section.slider {
    position: relative;
}

section.slider .swiper {
    width: 100%;
    box-sizing: border-box;
}

section.slider .swiper .maincontainer {
    position: relative;
}

section.slider .swiper .swiper-wrapper {
    height: inherit !important;
}

section.slider .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    align-self: center;
    text-align: center;
}

section.slider .swiper.slidesPerViewAuto .swiper-slide {
    width: auto;
}

section.slider .swiper .swiper-slide img {
    display: block;
    margin: auto;
}

section.slider .text-wrapper {
    max-width: 600px;
    margin: auto;
    color: #fff;
    text-shadow: 0 0 2px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100%;
    padding: 0 20px;
    text-align: center;
}

section.slider .text-wrapper.absolute {
    position: absolute;
    width: 100%;
    margin: auto;
    padding: 0;
    max-width: none;
}

section.slider .text-wrapper.spaced-texts {
    justify-content: space-between;
}

section.slider .text-wrapper .title {
    font-size: 2.5em;
    font-weight: 600;
}

section.slider .text-wrapper.spaced-texts .top {
    margin-top: 40px;
}

section.slider .text-wrapper.spaced-texts .bottom {
    margin-bottom: 40px;
}

section.slider .text-wrapper .description {
    margin: 1em;
    text-align: center;
    font-size: 1.1em;
    max-width: 600px;
    min-width: 100px;
}

section.slider .text-wrapper .button {
    text-shadow: none;
}

section.slider .static-wrapper .description > .wrapper,
section.slider .text-wrapper .description > .wrapper {
    /*background-color: rgba(255, 255, 255, 0.75);*/
    color: #fff;
    padding: 0.2em 0.5em;
    /*border-radius: 5px;*/
    text-shadow: 0 0 2px #000;
}

section.slider .crumbs-wrapper {
    position: absolute;
    top: 0;
    color: #fff;
    text-shadow: 0 0 1px #000;
    z-index: 3;
    /*background-color: rgb(251, 242, 245);*/
    text-align: center;
    width: 100%;
}

section.slider .crumbs-wrapper .breadcrumbs {
    text-align: left;
    /*background-color: rgba(0,0,0,0.4);*/
    /*color: #000;*/
    color: #fff;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    /*text-shadow: 0px 0px 5px #000;*/

    padding: 0.3em 0.5em;
    margin: 0.2em 1em;
}

section.slider .crumbs-wrapper .breadcrumbs a {
    color: #fff;
    /*color: #000;*/
}

section.slider .static-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 0 50px;

}

section.slider .static-wrapper .title > div.wrapper {
    font-size: 2.5em;
    font-weight: 600;
    text-align: center;
}

section.slider .static-wrapper .description {
    margin: 2em 0;
    text-align: center;
    font-size: 1.1em;
    width: 600px;
    max-width: 100%;
}

section.slider .static-wrapper .x-separator {
    background-color: #fff;
}

@media screen and (max-width: 900px) {
    section.slider .swiper-button-next,
    section.slider .swiper-button-prev {
        display: none;
    }

    section.slider .text-wrapper .title {
        font-size: 2em;
    }
}

@media screen and (max-width: 500px) {
    section.slider .text-wrapper .title {
        font-size: 1.5em;
    }

    section.slider .text-wrapper .description {
        font-size: 0.9em;
        margin: 1em;
    }

}

@media screen and (max-width: 400px) {
    section.slider .text-wrapper .title {
        font-size: 1.2em;
    }

    section.slider .text-wrapper .description {
        font-size: 0.9em;
        margin: 0.5em;
    }

}

.swiper-button-next,
.swiper-button-prev {
}

.swiper-button-disabled {
}

section.slider .swiper-pagination {
    bottom: 0;
    position: relative;
    margin: 0.5em 0 1em;
}

:root {
    --swiper-pagination-bullet-inactive-color: #dedede;
    --swiper-pagination-color: #007aff;
    --swiper-pagination-bullet-inactive-opacity: 0.8;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-navigation-color: #444;
}

section.slider .swiper-slide .swiper-lazy ~ .swiper-slide-shadow-left,
section.slider .swiper-slide .swiper-lazy ~ .swiper-slide-shadow-right {
    display: none;
}

section.slider .swiper-slide .swiper-lazy.swiper-lazy-loaded ~ .swiper-slide-shadow-left,
section.slider .swiper-slide .swiper-lazy.swiper-lazy-loaded ~ .swiper-slide-shadow-right {
    /*display: block;*/
}

section.slider .swiper-slide .swiper-lazy-preloader {
    display: none;
}

section.slider .swiper-slide .swiper-lazy {
    opacity: 1;
    transition: opacity .2s;
}

section.slider .swiper-slide .swiper-lazy-preloader + .swiper-lazy {
    opacity: 0;
}

section.slider .swiper-slide:not(.swiper-slide-active) * {
    /*иначе вылезают в сафари на 3д эффектах*/
    z-index: 0 !important;
    animation: none !important;
}