.slider-container {
  position: relative;
  height: 800px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
  width: 100%;
    overflow: hidden;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 3rem;
  height: 0.3rem;
  margin: 0 0.2rem;
  /*border-radius: 50%;*/
  border: 1px solid #F2F2F2;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3rem;
  height: 0.3rem;
  background: #FFF;
/*  border-radius: 50%;*/
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden;}
.slide.active .slide__overlay,
.slide.active .slide__text {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.slide__bg {position: absolute;top: 0;left: -50%;width: 100%;height: 100%;background-size: cover;will-change: transform;}
.slide:nth-child(1) {left: 0;}
.slide:nth-child(1) .slide__bg {left: 0;background:#dddddd;}
.slide:nth-child(1) .slide__overlay-path {fill: #e99c7e;}
.slide-0 .img_left img{width: 700px;/*margin-top: 200px;*/vertical-align: bottom;}
.slide-0 .slide__text{width: 415px;margin-top: 260px;}
.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide__bg {left: -50%;background: #821a1f;}
.slide-1 .img_right img{width: 680px;margin-top: 160px;}
.slide-1 .slide__text{width: 435px;margin-top: 240px;}
.slide-1 .slide__text img{width: 300px;margin-top: 20px;}
.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide__bg {left: -100%;background: #e9e9e9;}
.slide-2 .img_left img{width: 460px;margin-top: 150px;margin-left: 60px;}
.slide-2 .slide__text img{width: 200px;margin-top: 40px;}
.slide-2 .slide__text{width: 415px;margin-top: 230px;}
.slide:nth-child(4) {left: 300%;}
.slide:nth-child(4) .slide__bg {left: -150%;background: #ccc;}
.slide-3 .img_right img{width: 700px;margin-top: 180px;}
.slide-3 .slide__text{width: 500px;margin-top: 280px;}
.slide-3 .slide__text img{width: 370px;margin-top: 40px;}
.slide__content {position: relative;top: 0;left: 0;width: 1200px;height: 100%;margin: 0 auto;}
.slide__text {
  position: absolute;
  width: 25%;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}
.right{right:0;}
.left{left:0}
.black{color:#000}
.slide.active .img_left {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.img_left{
	-webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
}
.slide.active .img_right {opacity: 1;-webkit-transform: translateX(50%);transform: translateX(50%);}
.img_right{
	-webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
      
.slide__text-heading {font-size: 28px;}
.line{width: 30px;height: 0px;background: #000;margin: 1.5em 0;}
.bg_white{background: #fff;}
.slide__text-desc {font-size:16px;line-height: 1.6;margin-bottom: 1rem;}

@media (max-width: 1024px) {
	.slider-container {height: 550px;}
	.slide__text-heading {font-size: 16px;line-height: 1.6;text-align: left;}
	.slide {padding: 0 20px;width: 100%;}
	.slide__content {width: 100%;height: 100%;margin: 0 auto;}
	.img_left img {width: 100%;}
	.slide__text-desc {font-size: 13px;line-height: 1.6;margin-bottom: 0.5rem;}
	.slide-0 .slide__text{margin-top: 0;width: 340px;}
	.slide-0 .img_left img{width: 48%;margin-top: 180px;}
	.slide-1 .slide__text{width: 40%;margin-top: 180px;}
	.slide-1 .img_right img {width: 51%;}
	.slide-1 .slide__text img {width: 130px;margin-top: 15px;}
	.slide-2 .img_left img { width: 260px;margin-top: 140px; margin-left: 30px;}
	.slide-2 .slide__text{margin-top: 150px;width: 50%;}
	.slide-2 .slide__text img{width:160px}
	.slide-3 .img_right img {width: 50%;margin-top: 160px;}
	.slide-3 .slide__text {width: 40%;margin-top: 180px;}
	.slide-3 .slide__text img { width: 80%;margin-top: 60px;}
}
@media (max-width: 750px) {
	.slide.active .img_left{    text-align: center;}
	.slider-container {height: 650px;}
	.slide__text {left: 0;bottom: 0;width: 100%;height:280px;font-size: 13px; }
	.slide-0 .slide__text {margin-top:0;width: 100%;height:410px;}
	.slide-0 .img_left img{margin-top:120px;width: 100%;}
	.slide-1 .slide__text{width: 100%;margin-top: 20px;}
	.slide-1 .slide__text img {width: 240px;margin-top: 15px;}
	.slide-1 .img_right img{width: 100%;margin-top: 80px; }
	.slide-2 .img_left img{width: 90%;margin-top: 30px; margin-left: 0;}
	.slide-2 .slide__text{width: 100%;    height: 280px;}
	.slide-2 .slide__text img{width:160px;margin-top: 10px;}
	.slide-3 .img_right img{margin-top: 130px;width: 100%;}
	.slide-3 .slide__text {width: 100%;height: 240px;}
	.slide.active .img_right {-webkit-transform: translateX(0%);transform: translateX(0%);}	
  .slider-pagi__elem {width: 1.5rem;height: 0.3rem;}
	.slider-pagi__elem:before {width: 1.5rem;}
}