/*!
* chiefSlider
*   site: https://itchief.ru/javascript/slider
*   github: https://github.com/itchief/ui-components
*
* Copyright 2018-2021 Alexander Maltsev
* Licensed under MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
*/

.slider {
  position: relative;
}

.slider__container {
  overflow: hidden;
}

.slider__wrapper {
  /*overflow: hidden;*/
}

.slider__items {
  display: flex;
  transition: transform 0.5s ease;
}

.slider_disable-transition {
  transition: none;
}

.slider__item {
  flex: 0 0 100%;
  max-width: 100%;
  user-select: none;
}

.slider__img {
  position: relative;
  width: 465px;
  height: 651px;
  overflow: hidden;
}

.slider__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* кнопки влево и вправо */

.slider__control {
  display: inline-flex;
  border: 1px solid #FFFFFF;
  border-radius: 5px;

}

.slider__news-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
}

.slider__control_hide {
  opacity: .3;
  cursor: default;
}

.slider__control[data-slide='prev'] {
  margin-right: 16px;
}

.slider__control[data-slide='next'] {
  margin-left: 16px;
}

.slider__control:hover,
.slider__control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background: rgba(0, 0, 0, 0.3);
}

.slider__control::before {
  content: '';
  display: inline-block;
  width: 48px;
  height: 48px;
  background: transparent no-repeat center center;
  background-size: 50% 50%;
}

.slider__control[data-slide='prev']::before {
  background-image: url('../img/svg/arrow_next.svg');
  transform: rotate(180deg);
}

.slider__control[data-slide='next']::before {
  background-image: url('../img/svg/arrow_next.svg');
}

/* индикаторы */

.slider__indicators {
  /* position: absolute; */
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  /* justify-content: center; */
  /* padding-left: 0; */
  /* margin-right: 15%; */
  /* margin-left: 15%; */
  list-style: none;
  /* margin-top: 0; */
  /* margin-bottom: 0; */
}

.slider__indicators li {
  box-sizing: content-box;
  /* flex: 0 1 auto; */
  width: 131px;
  height: 1px;
  /* margin-right: 3px;
  margin-left: 3px; */
  text-indent: -999px;
  cursor: pointer;
  background-color: #3D3F53;
  background-clip: padding-box;
  /* border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; */
}

.slider__indicators li.active {
  background-color: #006EFF;
}

.slider__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 84px;
}

.slider__bottom-text {
  font-weight: 500;
  font-size: 16px;
  color: #A1A3C2;
}

.slider__bottom-text b {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}