.horizontal-scroll {
  max-width: 1260px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.horizontal-scroll__inner {
  height: 330px;
  background: url(../images/horizontal-scroll.jpg) no-repeat center center;
  overflow: hidden;
  position: relative;
  background-size: cover;
}
.horizontal-scroll__list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 330px;
}
.horizontal-scroll__list:before,
.horizontal-scroll__list:after {
  content: " ";
  display: table;
}
.horizontal-scroll__list:after {
  clear: both;
}
.horizontal-scroll__item {
  float: left;
  width: 100%;
}
.horizontal-scroll__prev,
.horizontal-scroll__next {
  width: 31px;
  height: 56px;
  background: url(../images/arrow.png) no-repeat;
  left: 35px;
  top: 50%;
  position: absolute;
  margin-top: -28px;
  cursor: pointer;
  opacity: .33;
  transition: opacity 300ms;
}
.horizontal-scroll__prev {
  left: auto;
  right: 35px;
  background-position: right top;
}
.horizontal-scroll__prev:hover,
.horizontal-scroll__next:hover {
  opacity: 1;
}
.horizontal-scroll__nav {
  position: relative;
  height: 0;
}
.horizontal-scroll__nav-inner {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 45px;
  padding-left: 50px;
}
.horizontal-scroll__nav-item {
  width: 38px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 4px;
  position: relative;
}
.horizontal-scroll__nav-item:after {
  width: 38px;
  height: 4px;
  opacity: .33;
  background-color: #baee61;
  content: '';
  display: block;
}
.horizontal-scroll__nav-item:hover:after,
.horizontal-scroll__nav-item.active:after {
  background: #baee61;
  opacity: 1;
}
/*# sourceMappingURL=style.css.map */