.wrapper__slider{position:relative; z-index:1; background:url(/templates/kosmetolog/images/slider.jpg) no-repeat left center; }
.wrapper__main-banner .wrapper__slider{background:url(/templates/kosmetolog/images/mainbanner.jpg) no-repeat bottom center; }
.wrapper__breadcrumbs{margin-bottom:0}
.wrapper__slider .container{position:relative}
.wrapper__main-banner .wrapper__slider{height:500px; background-size:cover}
.wrapper__main-banner .wrapper__slider .container{position:relative; height:500px}
.wrapper__slider .slide__info{width: calc(100% - 400px);padding-right: 30px;}
.wrapper__main-banner .wrapper__slider  .slide__info{width: calc(100% - 500px);padding-right: 30px;}
.wrapper__main-banner .slide__block.slick-slide{position:relative}
.wrapper__main-banner .slide__block.slick-slide::after{position:absolute; content:""; top:-100%; left:0; bottom:-100%; right:-40%; opacity: 0.6; background: url(/templates/kosmetolog/images/black-uzor.png) repeat top center;}
.wrapper__main-banner .slide__content-slider{position:relative; z-index:1}
.slide__title, h1.slide__title{color: #42403d;background: none; -webkit-background-clip: none;-webkit-text-fill-color: inherit; margin-bottom: 20px !important;}
.slide__text{font-size: 18px;line-height: 28px;font-family: 'Merriweather';font-style: italic;color:#42403d}
.servise-slide__info{width:calc(100% - 500px); min-width:calc(100% - 500px)}
.slide__button{max-width: 180px;font-size:18px;line-height:46px;margin: 25px 0 0;}
.slide__info-img{height:400px;position:relative;width: 400px;padding-left: 0;}
.wrapper__main-banner  .slide__info-img{height:500px;position:relative;width: 500px;padding-left: 0;}
.slide__info-img img{position:absolute; bottom:0; width: 100%;}
.wrapper__slider .slick-dots{width:100%; padding:0; margin:0; display:flex; align-items:center; justify-content:flex-start; max-width: 1170px; transform:translateX(-50%); left:50%; justify-content:flex-start; position:absolute; bottom:15px}
.wrapper__slider .slick-dots li{pointer-events: auto;padding: 0 10px 0 0;margin:0;list-style:none}
.wrapper__slider .slick-dots li button {opacity: 1;background: transparent;border-radius: 50%;width: 12px;height: 12px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;border:1px solid #f7c972 ;padding:0;text-indent:-9999px}
.wrapper__slider .slick-dots li.slick-active button{-webkit-transform: none;transform: none;width: 36px;border-radius: 8px;background: #f7c972}
.slide__block.slick-slide.slick-current.slick-active .slide__title{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.slide__block.slick-slide.slick-current.slick-active .slide__text{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.slide__block.slick-slide.slick-current.slick-active .slide__button{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
@keyframes fadeInLeft{0%{-webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0)}to{-webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0)}}
.banner-slider__wrapper{position:relative}
.banner-slider__wrapper::after{content:""; position:absolute; background:url(/templates/kosmetolog/images/after.png) no-repeat left center; top:0; bottom:0; left:0; right:0}
.banner-slider__wrapper .slide__info{position:relative;z-index:10;padding-right: 15px;padding-top: 30px;padding-bottom: 30px;}
.banner-slider__servise{width:1200px; min-width:1200px}
.slider-car__banner {width: 100%;overflow: hidden;height: 100%; max-height:500px; position: relative}
.slider-car__track {display: flex;animation: slideLoop 20s linear infinite;width: max-content;height: 100%;}
.slider-car__banner-block {flex-shrink: 0;width: 400px}
.slider-car__banner-block img {width: 400px;object-fit: cover;display: block;height: 100%;
}

@keyframes slideLoop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.slider-car__banner:hover .slider-car__track {animation-play-state: paused}
.banner-slider__second-image{}
.banner-slider__second-image .slide__info-img{height:auto}
.banner-slider__second-image .slide__info-img img{position:static; border-radius:5px;}
.banner__main .slide__title{font:italic 36px/42px 'Merriweather'; color:#fff}
.banner__main .slide__text {color:#fff; font-size: 22px; line-height: 36px;}
.wrapper__main-banner{position:relative; padding:3px 0; background:rgba(49, 47, 43,0.8)}
.banner__main{position:relative}
.banner__main::before, .wrapper__main-banner::before{position:absolute; height:3px; content:""; left:0; right:0; top:-4px; background:linear-gradient(to right, #c78f43 0%,#f7c972 12%,#c78f43 26%,#d6b05b 74%,#f7c972 88%,#c78f43 99%)}
.banner__main::after, .wrapper__main-banner::after{position:absolute; height:3px; content:""; left:0; right:0; bottom:-4px; background:linear-gradient(to right, #c78f43 0%,#f7c972 12%,#c78f43 26%,#d6b05b 74%,#f7c972 88%,#c78f43 99%)}
.wrapper__main-banner::before{top:2px}
.wrapper__main-banner::after{bottom:2px }
@media(min-width:768px){
	.banner-slider__second-image{padding:30px 0}
}
@media(max-width:1750px){
	.banner-slider__wrapper::after{left:-5vw}
}
@media(max-width:1500px){
	.banner-slider__wrapper::after{left:-14vw}
}
@media(max-width:1350px){
	.banner-slider__wrapper::after{left:-22vw}
}
@media(max-width:1259px){
	.wrapper__slider  .slide__info{width: calc(100% - 350px);padding-right: 20px;}
	.slide__info-img{height:350px; width: 350px}
	.wrapper__slider .slick-dots{max-width: 910px}
	.slide__title, h1.slide__title{ margin-bottom: 15px !important}
	.slide__text{font-size: 16px; line-height: 26px}
	.slide__button{max-width: 160px;font-size: 16px;line-height: 42px;margin: 20px 0 0}
	.slider-car__banner-block,
	.slider-car__banner-block img {width: 350px;object-fit: cover}
	.servise-slide__info{width:calc(100% - 400px); min-width:calc(100% - 400px)}
	.banner-slider__servise{width:1050px; min-width:1050px}
	.banner-slider__wrapper::after{left:-28vw}
	.wrapper__main-banner .wrapper__slider{background-size:100% 400px}
	.wrapper__main-banner .wrapper__slider{height:400px}
	.wrapper__main-banner .wrapper__slider .container{height:400px}
	.wrapper__main-banner  .wrapper__slider  .slide__info{width: calc(100% - 400px);padding-right: 0;}
	.wrapper__main-banner  .slide__info-img{height:400px; width: 400px}
	.banner__main .slide__title{font: 32px/40px 'Merriweather';}
	.banner__main .slide__text {font-size: 20px; line-height: 32px;}
}
@media(max-width:1100px){
	.banner-slider__wrapper::after{left:-40vw}
}
@media(max-width:991px){
	.wrapper__slider  .slide__info{width: 100%}
	.slide__info-img{display:none}
	.wrapper__slider .slick-dots{bottom:0; max-width:690px}
	.wrapper__slider .slick-dots li button {width: 10px;height: 10px;}
	.wrapper__slider .slick-dots li.slick-active button{width: 30px}
	.slider-car__banner-block, .slider-car__banner-block img{width: 350px;height: 100%}	
	.servise-slide__info{width:calc(100% - 200px); min-width:calc(100% - 200px)}
	.banner-slider__servise{width:700px; min-width:700px}
	.wrapper__slider .banner-slider__second-image .slide__info{width: calc(100% - 350px);padding-right: 15px;}
	.wrapper__slider .banner-slider__second-image .slide__info-img{width: 350px; display:block}
	.wrapper__slider .banner-slider__second-image .container{padding-bottom:0}
	.wrapper__main-banner .slide__title{font: 38px/38px 'AllegroScript'}
	.wrapper__main-banner .slide__text {font-size: 15px;line-height: 25px}
	.wrapper__main-banner .wrapper__slider{background-size:100% 350px}
	.wrapper__main-banner .wrapper__slider{height:350px}
	.wrapper__main-banner .wrapper__slider .container{height:350px}
	.wrapper__main-banner  .wrapper__slider  .slide__info{width: calc(100% - 300px)}
	.wrapper__main-banner  .slide__info-img{width: 300px; height:350px; display:block}
	.banner__main .slide__title{font: 28px/36px 'Merriweather';}
	.banner__main .slide__text {font-size: 18px; line-height:28px;}
}
@media(max-width:930px){
	.banner-slider__wrapper::after{left:-48vw}
}
@media(max-width:850px){
	.banner-slider__wrapper::after{left:-57vw}
}
@media(max-width:767px){
	.wrapper__slider .slick-dots{max-width:510px}
	.slide__title, h1.slide__title, .wrapper__main-banner .slide__title{margin-bottom: 10px !important;}
	.slide__text, .wrapper__main-banner .slide__text{font-size: 14px;line-height: 24px;}
	.slide__button{max-width: 150px;font-size: 14px;line-height: 38px;margin: 15px 0 0;}
	.slider-car__banner-block, .slider-car__banner-block img {width: 300px}
	.banner-slider__servise{width:600px;min-width:600px}
	.slider-car__banner{max-height:none}
	.banner-slider__wrapper::after{left:-80vw}
	.wrapper__slider .banner-slider__second-image .slide__info{width: 100%;padding-right: 0}
	.wrapper__slider .banner-slider__second-image .slide__info-img{margin:20px auto 0}
	.wrapper__slider .banner-slider__second-image .container{height:auto;  padding-bottom:50px; text-align:center}
	.wrapper__main-banner .slide__text {font-size: 15px;line-height: 25px}
	.wrapper__main-banner .wrapper__slider{background-size:cover}
	.wrapper__main-banner .wrapper__slider{height:auto}
	.wrapper__main-banner .wrapper__slider .container{height:auto; text-align:center; padding-top:30px; padding-bottom:0}
	.wrapper__main-banner  .wrapper__slider  .slide__info{width:100%; min-height:130px; margin-bottom:20px}
	.wrapper__main-banner  .slide__info-img{width: 250px; height:250px; display:block; margin:0 auto}
	.wrapper__main-banner .slick-dots{justify-content:center}
	.banner__main .slide__text {font-size: 16px; line-height:26px;}
}
@media(max-width:685px){
	.banner-slider__wrapper::after{left:-95vw}
}
@media(max-width:575px){
	.wrapper__slider  .slide__info{padding-right: 0;}
	.wrapper__slider .container{text-align:center; height:auto; padding:50px 15px 85px}
	.slide__button{max-width: 140px;font-size: 14px;line-height: 35px;margin: 15px auto 0}
	.wrapper__slider .slick-dots{bottom:0; justify-content:center; max-width:100%}
	.servise-slide__info{width: 100%;min-width: 100%;}
	.banner-slider__servise{display:none}
	.banner-slider__wrapper .container{padding:60px 15px}
	.slider-car__banner {display: none;}
}
@media(max-width:420px){
	.wrapper__slider .container{padding:30px 15px 55px}
	.banner-slider__wrapper .container{padding:50px 15px}
	.wrapper__main-banner  .wrapper__slider  .slide__info{min-height:220px}
}
@media(max-width:375px){
	.wrapper__main-banner  .wrapper__slider  .slide__info{min-height:190px}
}
@media(max-width:360px){
	.wrapper__main-banner  .wrapper__slider  .slide__info{min-height:190px}
}