@charset "UTF-8";

/*
Исправление вертикального позиционирования
стрелок перемотки слайдера.
Точечный селектор, именно для стрелок перемотки слайдера:
.flex-direction-nav a:before
Вместо него здесь задан более универсальный селектор, сразу
для всех элементов слайдера.
Если для каких либо элементов необходим особый 'line-height'
то для них необходимо задавать его индивидуально
*/
.flex-direction-nav * {
  line-height: 1;
}

.flexslider {
  /* Удалить внешнюю, белую обводку у слайдера */
  border: none;

  background: none;

  /*
  Обнуление дефолтного 'margin-bottom' у главного контейнера слайдера
  (по видимому, этот 'margin' нужен для размещения 'точек'
  перемотки слайдов)
  */
  margin-bottom: 0;
}

.flexslider * {
  height: 100%;
}

.flexslider .slides img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top; /* center */
}

/*
Отображать стрелки перемотки слайдов постоянно.
По умолчанию, они появляются только при наведении
курсора на слайдер
*/

.flexslider .flex-direction-nav .flex-nav-prev .flex-prev {
  left: 10px;
  opacity: 0.5;
}

.flexslider .flex-direction-nav .flex-nav-next .flex-next {
  right: 10px;
  opacity: 0.5;
}
