.slider {
  position: relative
}
.slider__container {
  overflow: hidden
}
.hero {
  position: relative
}
.hero .slide {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.slider-hero{margin-bottom:90px}
@media(max-width:840px){.slider-hero{margin-bottom:22px}}
.slider__items {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  transition: transform .5s ease
}
.slider_disable-transition {
  transition: none
}
.slider__item {
  flex: 0 0 100%;
  max-width: 100%;
  user-select: none
}
.slider__control {
  position: absolute;
  width: 50px;
  z-index: 20;
  cursor: pointer;
  height: 50px;
  top: calc(50% - 102px);
  margin-top: -25px;
  background: #fff;
  border: 0;
  -webkit-box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  -moz-box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  -ms-box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  -o-box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  -khtml-box-shadow: 2px 4px 4px 0 rgb(34 60 80 / 20%);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px
}
.hero .slider__control{
    display: none;
    top: calc(50% - 25px);
}
.slider__control svg {
  fill: #858878;
  width: 22px;
  height: 20px;
  display: table;
  margin: 0 auto;
  pointer-events: none
}
.slider__control_hide {
  display: none
}
.slider__control[data-slide=prev] {
  left: -100px
}
.slider__control[data-slide=next] {
  right: -100px
}
.slider__control:focus, .slider__control:hover {
  opacity: .7
}
.slider__indicators {
  display: none;
  z-index: 15;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0
}
@media(max-width:1580px) {
  .slider__control[data-slide=prev] {
    left: 0
  }
  .slider__control[data-slide=next] {
    right: 0
  }
}
@media(max-width:840px) {
  .slider__indicators {
    margin-top: 2px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
  }
  .slider__control {
    display: none
  }
}
.slider__indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 2px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #e5e6e2;
  background-clip: padding-box;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent
}
.slider__indicators li.active {
  background-color: #84754d
}
.hero .slider__indicators {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: relative;
  margin-top: -40px;
  z-index: 1111;
}
@media(min-width:840px) {
  .hero:hover .slider__control[data-slide=prev] {
    left: 130px;
    display: table;
  }
  .hero:hover .slider__control[data-slide=next] {
    right: 130px;
    display: table;
  }
}