/* ! SLIDER */
.swiper{
    width: 100%;
    height: 100%;

}

.swiper-pointer-events{

padding-top: 10px !important;
margin-bottom:40px !important;
overflow: hidden;
	}

.swiper-scrollbar{background:rgba(255, 255, 255, 0.2) !important;}

.swiper-css-mode > .swiper-wrapper{border-radius:12px;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:13px !important}
.swiper-horizontal > .swiper-scrollbar{bottom:6px !important;}

.page-product .swiper-horizontal.swiper-css-mode > .swiper-wrapper{padding-bottom: 30px;}


.swiper.image_as_bg .swiper-slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.swiper.image_as_bg.as_cover .swiper-slide{
    background-size: cover !important;
}
.swiper.image_as_bg.as_contain .swiper-slide{
    background-size: contain !important;
}
.swiper.image_as_bg.as_auto .swiper-slide{
    background-size: auto !important;
}


.swiper .content-layout{
    height: 100%;
    text-align: center;
    margin: auto;
    padding: 0;

}
.swiper .content-center{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: left;
}

.swiper .info_content{
    position: absolute;
    top: 0;
    height: 100%;
    width: 70%;
    max-width: 1000px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 !important;
}
.swiper .info_content > div{
    margin-left: 70px;
    margin-bottom: 20px;
}

.swiper .content-center img{
    width: 100%;
    height: auto;
}

.swiper .content-center > div {
    margin: 10px 0px;
}
.swiper .title{
	font-family:"open_sansbold";
    font-size: 3.5rem;
    /*color: var(--slider-title);*/
    text-transform: uppercase;
    width: 50%;
    line-height: 3.7rem;

}
.swiper .descr{
    /*color: var(--slider-descr);*/
    width: 67%;
}



/* ! Responsive slider backgroud: mobile => contain */

@media (max-width: 990px){
    .swiper.image_as_bg .swiper-slide{
        background-size: contain !important;
    }
    .swiper.image_as_bg.as_cover .swiper-slide{
        background-size: contain !important;
    }
}


.swiper-button-next::after, .swiper-button-prev::after {font-size:27px !important;}
.swiper-button-next, .swiper-button-prev{color:#fff !important; background-color: var(--primary);}

@media only screen and (max-width: 767px){
	.swiper .title{font-size: 1.6rem !important; max-width:80%;    line-height: 2rem !important; width:100%;}
	.swiper .descr{width:100%; display:none;}
  .swiper{margin:20px 0}
  .swiper .info_content > div{
    margin-left: 50px;
  }

	}