@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600&display=swap");
html, body {
  color: #323232;
  font-family: "Raleway", sans-serif;
}

h1 {
  font-weight: 600;
}

.show-neighbors {
  overflow: hidden;
}
.show-neighbors .carousel-indicators {
  margin-right: 50%;
  margin-left: 50%;
}
.show-neighbors .carousel-control-prev,
.show-neighbors .carousel-control-next {
	width: 20%;
	z-index: 11;
}
.show-neighbors .carousel-inner {
  width: 240%;
  left: -75%;
}
.show-neighbors .carousel-item-next:not(.carousel-item-left),
.show-neighbors .carousel-item-right.active {
  -webkit-transform: translate3d(33%, 0, 0);
  transform: translate3d(33%, 0, 0);
}
.show-neighbors .carousel-item-prev:not(.carousel-item-right),
.show-neighbors .carousel-item-left.active {
  -webkit-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}
.show-neighbors .item__third {
  float: left;
  position: relative;
  width: 33.33333333%;
}
.show-neighbors .item__third img {
  border-left: 4rem solid #fff;
}

.carousel-nav-icon {
  height: 38px;
  width: 38px;
}
.carousel-nav-icon svg {
  fill: #333;
}