/**
  * SimpleAdaptiveSlider by Itchief v2.0.0 (https://github.com/itchief/ui-components/tree/master/simple-adaptive-slider)
  * Copyright 2020 - 2021 Alexander Maltsev
  * Licensed under MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
  */

/* стили для корневого элемента слайдера */
.itcss{position: relative;overflow: hidden;max-width: 100%;margin-left: auto;margin-right: auto;height: 100%}
/* стили для wrapper */
.itcss__wrapper{position: relative;overflow: hidden;background-color: #eee;height: 100%}
/* стили для элемента, в котором непосредственно расположены элементы (слайды) */
.itcss__items{display: flex;transition: transform 0.5s ease}
/* класс для отключения transition */
.transition-none{transition: none;}
/* стили для элементов */
.itcss__item{flex: 0 0 100%;max-width: 100%;position: relative}
/* кнопки Prev и Next */
.itcss__control{position: absolute;top: 50%;width: 78px;height: 156px;transform: translateY(-50%);display: none;align-items: center;justify-content: center;color: #00A13D;background: white;user-select: none}
.itcss__control_show{display: flex}
.itcss__control:hover,.itcss__control:focus {color: #00A13D;text-decoration: none;opacity: 0.7}
.itcss__control_prev{left: 0;border-radius: 0 100px 100px 0}
.itcss__control_next{right: 0;border-radius: 100px 0 0 100px}
.itcss__control::before{content: '';display: inline-block;background: transparent no-repeat center center;background-size: 100% 100%}
.itcss__control_prev::before{font-family: 'fontello';content: '\e810';color: #00A13D;margin-left: 120px}
.itcss__control_next::before{font-family: 'fontello';content: '\e80b';color: #00A13D;margin-right: 120px}
/* Индикаторы */
.itcss__indicators{position: absolute;left: 0;right: 0;bottom: 90px;display: flex;justify-content: center;padding-left: 0;margin: 0 15%;list-style: none;user-select: none}
.itcss__indicator{flex: 0 1 auto;width: 16px;height: 16px;margin-right: 10px;margin-left: 10px;background-color: white;background-clip: padding-box;border-radius: 30px; cursor: pointer;border: 4px solid transparent}
.itcss__indicator_active{background-color: #00A13D;position: relative}
.itcss__indicator_active:after{content: '';border: 3px solid white;border-radius: 50px;width: 27px;height: 27px;position: absolute;left: -8px;top: -8px}

.slider{position: relative;overflow: hidden;max-width: 100%;margin-left: auto;margin-right: auto;height: 100%;display: flex; flex-direction: column;}
.slider__wrapper {order:2;position: relative;overflow: hidden;height: 100%}
.slider__items{display: flex;transition: transform 0.5s ease}
.transition-none{transition: none}
.slider__item{flex: 0 0 100%;max-width: 100%;position: relative;}
/* кнопки Prev и Next */
.slider__control{transform: translateY(-50%);display: none;align-items: center;justify-content: center;color: #00A13D;user-select: none;font-weight: 700}
.slider__control_show{display: flex}
.slider__control:hover,.slider__control:focus{color: #00A13D;text-decoration: none;opacity: 0.7}
.slider__control_prev i{font-size: 12px}
.slider__control_next i{font-size: 12px}
.slider__indicators{order: 1;display: flex;justify-content: flex-start;padding-left: 0;margin: 20px 0;list-style: none;user-select: none}
.slider__indicator{flex: 0 1 auto;width: 92px;height: 90px;margin-right: 50px;margin-left: 3px;background-color: rgba(255, 255, 255, 0.5);background-clip: padding-box;cursor: pointer}
.slider__indicator{color: #00A13D;font-weight: 500;counter-increment: slide;text-align: center;background: transparent;list-style: none}
.slider__indicator:before{display: none}
.slider__indicator span{pointer-events: none;position: relative;border-bottom: 7px solid #00A13D;height: 53px;width: 72px;display: block;margin: 0 auto}
.slider__indicator span:after{content: counter(slide);top: 10px;color: black;font-size: 45px;font-weight: 800;position: relative}
.slider__indicator_active span:after{content: counter(slide);top: 0;color: black;font-size: 55px;font-weight: 800}
.slider__indicator_active{background-color: #EAE9EC}