.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);
}
.swiper-text{
    position: absolute;
    width: 49.3vw;
    top: 50%;
    left: 50%;
    transform: -webkit-translate(-50%,-50%);
    transform: -moz-translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    color:#fff;
    text-align: center;
    max-width: 710px;
    opacity: 0;
	transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
}
.swiper-slide-duplicate-active .swiper-text,
.swiper-slide-active .swiper-text{
    opacity: 1;
	transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
}

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

.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;
}

.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%;
}

.slide-caption{
    margin:0 5px;
}
.slide-caption:after{
    width: 0% !important;
}
.slide-caption:hover:after{
    width: 100% !important;
}

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

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

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

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

    }