.ec {
  position: relative
}
.ec .ec__holder {
  overflow: hidden
}
.ec .ec__track {
  will-change: transform
}
.ec .ec__track:after {
  content: '';
  display: table;
  clear: both
}
.ec .ec__item {
  float: left;
  overflow: hidden
}
.ec .ec__pagination {
  text-align: center;
  margin-top: 10px
}
.ec .ec__pagination .pagination__dot {
  width: 8px;
  height: 8px;
  background-color: transparent;
  display: inline-block;
  border: 1px solid #000;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer
}
.ec .ec__pagination .pagination__dot--active {
  background-color: #000
}
.ec .ec__nav {
  position: absolute;
  bottom: 6em;
  width: 46px;
  height: 46px;
  cursor: pointer;
content: url("../img/arrow-circle.svg");
}
.ec .ec__nav:hover {
content: url("../img/arrow-circle-hover.svg");
}


.ec .ec__nav:before {
  content: ''
}
.ec .ec__nav--prev {
transform: rotate(180deg);
  right: 10em;
   user-select: none;
}
.ec .ec__nav--next {
    right: 6em;
	 user-select: none;
}