.wrapper__banner-main{position:relative; height:675px}
.wrapper__banner-main::after{pointer-events:none; position:absolute;bottom: 0; left:0; right:0; height:30px; background:url(/templates/catamaran/images/slider-bottom.png) no-repeat top right / cover; content:""; z-index:10}
.wrapper__slider img{width:100%; object-fit:cover; height:675px}
.wrapper__slider .slick-slide{transition:all 0.3s linear 0s; position:relative; opacity:0.2}
.wrapper__slider .slick-slide.slick-active{opacity:1}
.slider__text{padding:0; background:rgba(27,27,27,0.5); position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; padding-bottom:30px}
.slide__h1{font: 400 26px/30px "Roboto"; color: #fff; margin:0 0 15px}
.slide__title{font: 400 64px/61px "headfont"; color:#fff}
.slide__text{font-size: 26px; color:#fff;line-height: 30px; font-weight:300}
.slide__text p{margin:0}
.slide__text .h3{color:#fff; font: 700 24px/38px "Play"; margin: 25px 0 0;}
.slide__text .h3 span{color:#FFD100}
.slider__text .btn-gen{margin-top: 55px;}
.banner__sale{background:url(/templates/catamaran/images/action-shild.svg) no-repeat 0 0 / contain; width:494px; height:118px}
.sale__left{width: 48%;padding-left: 40px;}
.sale__small-title{font:700 16px/16px "Play";font-style: normal;letter-spacing: 0.1em;color: #FFD100; padding-bottom:8px}
.sale__middle-title{font-weight: 600;font-size: 30px;line-height: 30px;letter-spacing: 0.04em;color: #FFFFFF}
.sale__right{margin-top: -10px;}
.sale__small-title-sale{font:700 14px/20px "Play"; letter-spacing: 0.04em; color: #1D1D1B;padding-left: 10px;}
.sale__small-title-num{font:700 48px/38px "Play"; letter-spacing: 0.04em; color: #1D1D1B}
@media(max-width:1259px){
	.wrapper__banner-main, .wrapper__slider img{height:500px}
	.banner__sale{width:420px; height:100px;margin: 0 0 -30px 0;}
	.sale__left{width: 48%;padding-left: 18px;}
	.sale__small-title{font:700 14px/14px "Play";  padding-bottom:5px;}
	.sale__middle-title{font-size: 28px;line-height: 28px;}
	.sale__right{margin-top: -10px;}
	.sale__small-title-sale{font:700 12px/18px "Play"; padding-left: 10px;}
	.sale__small-title-num{font:700 42px/30px "Play";}
}
@media(max-width:991px){
	.wrapper__banner-main, .wrapper__slider img{height:400px}
	.slide__h1 {font: 400 24px/28px "Roboto"; margin: 0 0 10px}
	.slide__title{font: 400 54px/51px "headfont";}
	.slide__text{font-size:22px;line-height: 26px;}
	.slider__text .btn-gen{margin-top: 30px;}	
	.slide__text .h3{font: 700 24px/38px "Play"; margin: 25px 0 15px;}
	.banner__sale{width:375px; height:90px;margin: 0 0 -25px 0;}
	.sale__left{width: 48%;padding-left: 15px;}
	.sale__small-title{font:700 13px/13px "Play";  padding-bottom:5px;}
	.sale__middle-title{font-size: 24px;line-height: 24px;}
	.sale__right{margin-top: -10px;}
	.sale__small-title-sale{font:700 12px/18px "Play"; padding-left: 10px;}
	.sale__small-title-num{font:700 36px/26px "Play";}
}
@media(max-width:767px){
	.wrapper__banner-main, .wrapper__slider img{height:320px}
	.slide__h1 {font: 400 20px/24px "Roboto"}
	.slide__text{font-size: 20px;line-height: 24px;}
	.slider__text{background:rgba(27,27,27,0.7); padding-bottom:20px}
	.wrapper__banner-main::after{height:20px}
	.slider__text .btn-gen{margin-top: 15px;}
	.slide__text .h3{font: 700 24px/32px "Play"; margin: 25px 0 15px;}
	.banner__sale{width:265px; height:65px;margin: 0 0 -15px 0;}
	.sale__left{width: 46%;padding-left: 10px;}
	.sale__small-title{font:700 12px/12px "Play";  padding-bottom:3px;}
	.sale__middle-title{font-size: 20px;line-height: 20px;}
	.sale__right{margin-top: -5px;}
	.sale__small-title-sale{font:700 12px/16px "Play"; padding-left: 10px;}
	.sale__small-title-num{font:700 32px/20px "Play";}
}
@media(max-width:575px){ 
	.wrapper__banner-main, .wrapper__slider img{height:420px}
	.slide__h1 {font: 400 20px/24px "Roboto"; margin: 0 0 20px; text-align:center}
	.slider__text-in{align-items:center}
	.slide__title{font: 400 36px/34px "headfont"; margin: 0 0 10px}
	.slide__text .h3{font: 700 16px/26px "Play"; margin: 0; text-align:center}
	.slide__btn{flex-wrap:wrap}
	.slide__btn .btn-gen{order:2; margin:0 auto}
	.slide__btn .banner__sale{order:1}
	.banner__sale{width: 330px;height: 79px;margin: 25px auto 35px;}
	.sale__left {width: 48%;padding-left: 25px;}
	.sale__small-title {font: 700 11px/11px "Play";padding-bottom: 5px;letter-spacing: 0.1em;}
	.sale__middle-title {font-size: 20px;line-height: 20px;}
	.sale__right{margin-top: -5px;}
	.sale__small-title-sale {font: 700 10px/12px "Play";padding-left: 10px;}
	.sale__small-title-num{font:700 30px/24px "Play";}
	.wrapper__banner-main::after{height:10px}
}