/* slajder */
.slajder-kontener, .slajder-kontener * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.section > .slajder-kontener {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    padding: 5.2vh;
    padding-left: calc(567px + 5.2vh); 
    top: 0;
    left: 0;
    margin: 0;
}
body:not(.disable) .section:not(#sectionTest) > .slajder-kontener {
    transition: all 650ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.slajder-kontener .slajder.animuj > .swiper-wrapper, .slajder-kontener .slajder.animuj > .swiper-wrapper .swiper-slide{
    transition: all 650ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.section.show-more > .slajder-kontener {
    padding-left: calc(1037px + 5.2vh);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    overflow: hidden;
}
#section1 .slajder.inne {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
}

.background-img, .film_video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
}

.nav-baner {
    width: 100%;
    height: 100%;
    height: 8px;
    bottom: 5.2vh;
    z-index: 10;
    position: absolute;
}

.nav-baner span {
    height: 8px;
    width: 8px;
    cursor: pointer;
    display: block;
    float: left;
    background-color: black;
    margin-right: 8px;
    transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    outline: none;
}

.nav-baner span.swiper-pagination-bullet-active {
    width: 38px; background-color: #FFBFB3;
}

.promoBox {position: absolute; right: 0; top: 5vh; background-color: white; padding: 20px ; margin: 0; width: 300px; z-index: 10;}
.promoBox * {margin: 0; display: block; text-align: center; font-size: 16px;}
.promoBox h3, .promoBox h4 {font-family: 'mob'; text-transform: uppercase; letter-spacing: 2px;}
.promoBox h4 {color: #ffbfb3;}
.promoBox p {font-family: 'FuturaPT-BookObl'; padding: 0 5px; margin: 10px 0 0;}

@media screen and (max-width: 1600px) and (min-width: 1400px){
    .section > .slajder-kontener {padding-left: calc(487px + 5.2vh);}
    .section.show-more > .slajder-kontener {padding-left: calc(957px + 5.2vh);}
        
    .promoBox {padding: 18px;width: 280px;}
    .promoBox * {font-size: 15px;}
    .promoBox p {margin: 9px 0 0;}
}

@media screen and (max-width: 1400px) and (min-width: 980px) {
    .section > .slajder-kontener {padding-left: calc(345px + 5.2vh);}
    .section.show-more > .slajder-kontener {padding-left: calc(690px + 5.2vh);}
    .nav-baner span {width: 7px; height: 7px; margin-right: 7px;}
    .promoBox {padding: 17px;width: 260px;}
    .promoBox * {font-size: 14px;}
    .promoBox h3, .promoBox h4 {letter-spacing: 1px;}
    .promoBox p {padding: 0 4px; margin: 9px 0 0;}
}
@media screen and (max-width: 1200px) and (min-width: 980px) {
    .promoBox {padding: 14px; width: 200px;}
    .promoBox * {font-size: 12px;}
    .promoBox h3, .promoBox h4 {letter-spacing: 0.5px;}
    .promoBox p {padding: 0; margin: 7px 0 0;}  
}

/* mobile */
@media screen and (max-width: 980px) {
    .section > .slajder-kontener {position: relative; z-index: 1; width: 100%; padding: 0; height: 72vw; min-height: 280px;}
    .nav-baner {position: relative; top: 0; display: table; width: auto !important; float: right; margin: 10px 0 0;}

    /* promo box */
    .promoBox {width: 120px; padding: 12px;}
    .promoBox h3, .promoBox h4 {letter-spacing: 1px; font-size: 13px;}
    .promoBox p {display: none;}

    /* more */
    .section.show-more > .slajder-kontener {padding-left: 0;}
    
}