.wrapper__slider{overflow:hidden;position:relative;}
.wrapper__slider-in{padding:50px 0 20px; position:relative}
.wrapper__slider-in::after{content:"";position:absolute;bottom:0;left:0;right:0;height: 500px;background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(251,251,251,0.25) 25%,rgba(251,251,251,0.5) 50%,rgba(251,251,251,0.75) 75%,rgba(251,251,251,1) 100%);z-index: 2;}
.wrapper__slider .slick-dots{bottom:-10px}
.wrapper__slider .slick-list{overflow:visible}
.banner-slider{z-index: 3;padding: 30px;}
.wrapper__slider img{width:100%; object-fit:cover; height:450px}
.wrapper__slider .slick-slide{transition:all 0.3s linear 0s; position:relative; opacity:0.2}
.wrapper__slider .slick-slide.slick-active{opacity:1}
.wrapper__slider .slide__block {overflow:hidden;border-radius:30px;box-shadow: 0 0 40px -10px rgba(36,6,70,0.5);border: 5px solid rgba(255,255,255,0.4);margin: -30px -30px 0;border-top-width: 2px;}

.wrapper__slider::before {
    background: linear-gradient(135deg, rgba(101,172,40,1) 0%,rgba(92,49,156,0.69) 31%,rgba(255,255,255,0.46) 54%,rgba(255,255,255,0) 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
}
.wrapper__slider::after {
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/templates/myata/images/leaf-screen.png) repeat 0 0;
    pointer-events: none;
    opacity: 0.05;
}
/*.wrapper__slider .slick-slide .slide__info{position:absolute;top:0;bottom:0;left:0;right:0;background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);background: linear-gradient(45deg,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);padding: 0 0 0 50px;}
.slide__title{max-width:550px;font-size: 42px;font-weight: 700;color: #4f2d5c;text-shadow: 1px 1px 1px #fff;padding-bottom: 20px;line-height: 42px;}
.slide__text{max-width:550px;font-size: 20px;line-height: 28px;color: #333}
.slide__button{max-width: 170px;display: block;font-size: 16px;background: #4f2d5c;border-radius: 15px;line-height: 45px;margin-top: 30px;border: 1px solid #fff;box-shadow: 0px 3px 0 0px #3f234a;color: #fff !important;text-transform: uppercase;text-decoration: none !important;text-align: center;transition:all 0.1s linear 0s}
.slide__button:hover {box-shadow: 0 3px 0 0 #3f234a;background: #3f234a}
.slide__button:focus {box-shadow: 0 0 0 0 #3f234a;transform: translateY(3px)}*/
.mobile-banner{display:none !important}
@media(max-width:1229px){
	.wrapper__slider img{height:370px}
	/*.wrapper__slider .slick-slide .slide__info{padding: 0 0 0 30px;}
	.slide__title{max-width: 450px;font-size: 36px;padding-bottom: 15px;line-height: 36px;}
	.slide__text{max-width: 450px;font-size: 18px;line-height: 26px;}
	.slide__button{max-width: 150px;font-size: 14px;line-height: 42px;margin-top: 20px;}*/
}
@media(max-width:991px){
	.wrapper__slider-in{padding:40px 0 20px}
	.wrapper__slider img{height: 270px;}
	/*.wrapper__slider .slick-slide .slide__info{padding: 0px 0 0 30px;}
	.slide__title{max-width: 360px;font-size: 28px;padding-bottom: 10px;line-height: 36px;}
	.slide__text{max-width: 360px;font-size: 15px;line-height: 22px;}
	.slide__button{max-width: 140px;font-size: 14px;line-height: 40px;margin-top: 15px;}*/
}
@media(max-width:767px){
	.wrapper__slider img{height: 200px}
	/*.wrapper__slider .slick-slide .slide__info{background:rgba(0,0,0,0.1)}
	.wrapper__slider .slick-slide .slide__info{padding: 0 15px 20px}
	.slide__title{max-width: 100%;font-size: 24px; text-align:center; line-height: 32px;}
	.slide__text{max-width: 100%;font-size: 14px; text-align:center; line-height: 20px;}
	.slide__button{width: 100%; margin:15px auto 0;}*/
}
@media(max-width:575px){
	.wrapper__slider-in{padding:30px 0 15px}
	.wrapper__slider img{height: 36vw}
	.wrapper__slider::before {right:0; width:auto}
	/*.wrapper__slider .container{padding:0}
	.wrapper__slider img {object-position: right center; min-height: 260px; height: 330px}*/
}
@media(max-width:420px){
	.wrapper__slider img{height: 80vw}
	.dextop-banner{display:none !important}
	.mobile-banner{display:block !important}
}