.block-slider .swiper-pagination{
    text-align: right !important;
    padding-right: 35px;
    bottom: 30px !important;
    color:#fff;
}
.swiper-slide{
    position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.block-slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    display: block;
}
/*.block-slider.hero picture{
    width: 100%;
    height: 100vh;
}
.block-slider.hero picture img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}*/
.block-slider picture{
    width: 100%;
    height: 100vh;
}
.block-slider picture img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.swiper-container .slider-button{
    position:absolute;
    top:0px;
    height:100%;
    z-index:10;
    cursor:pointer;
}

.swiper-container .button-next{
    left:60%;
    width:40%;
    cursor: none !important;
}
.swiper-container .button-prev{
    left:0px;
    width:40%;
    cursor: none !important;
}

.block-slider a:after {
    width: 100%;
}
.block-slider a:hover:after{
    width: 0%;
}

.text-wrapper{
    position: absolute;
    z-index: 2;
    width: 49.3vw;
    max-width: 710px;
    top: 50%;
    left: 50%;
    transform: -webkit-translate(-50%,-50%);
    transform: -moz-translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color:#fff;
    text-align: center;
}

.text-wrapper .text{
    width: 100%;
    max-width: 650px;
    margin:0 auto;
    margin-top:49px;
}


    @media only screen and (max-width: 1024px) {
                    
        .block-slider .inner-block{
            width: 100%;
        } 
        
        .block-slider picture{
            height: 100vh;
        }

        .block-slider img{
            height: 100vh;
        }
        
        .text-wrapper{
            width: 100%;
            max-width: 650px;
        }

    }
    @media only screen and (max-width: 740px) {
        
        .text-wrapper{
            max-width: 490px;
        }

    }
    @media only screen and (max-width: 550px) {
        
        .text-wrapper{
            max-width: 280px;
        }

    }