/**
  * 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)
  */


/* стили для корневого элемента слайдера */

.slider {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.slider:hover .slider__control,
.slider:focus .slider__control {
    transform: translateX(0);
    opacity: 0.82;
}


/* стили для wrapper */

.slider__wrapper {
    position: relative;
    overflow: hidden;
}


/* стили для элемента, в котором непосредственно расположены элементы (слайды) */

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

@media only screen and (min-width: 1365.98px) {
    #slider-news .slider__items {
        flex-direction: column;
    }
}


/* класс для отключения transition */

.transition-none {
    transition: none;
}


/* стили для элементов */

.slider__item {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}


/* кнопки Prev и Next */

.slider__indicators {
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none;
    z-index: 4;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 20px;
}

#slider-main .slider__indicators {
    position: absolute;
    bottom: 25px;
    padding-top: 0;
}

.slider__indicator {
    transition: all 0.3s ease 0s;
    flex: 0 0 7px;
    height: 7px;
    width: 7px;
    border-radius: 3.5px;
    background-color: #edeee9;
    margin: 0 3.5px;
    cursor: pointer;
}

@media only screen and (min-width: 767.98px) {
    .slider__indicator {
        flex: 0 0 9px;
        height: 9px;
        width: 9px;
        border-radius: 4.5px;
    }
}

@media only screen and (min-width: 1023.98px) {
    #slider-main .slider__indicator {
        bottom: 36px;
    }
}

@media only screen and (min-width: 1365.98px) {
    #slider-main .slider__indicator {
        bottom: 31px;
    }
}

.slider__indicator_active {
    flex: 0 0 32.2px;
    background-color: var(--mainColor);
}

@media only screen and (min-width: 767.98px) {
    .slider__indicator_active {
        flex: 0 0 41.4px;
    }
}


/* кнопки Prev и Next */

.slider__control {
    display: none;
}


@media only screen and (min-width: 1023.98px) {
    .slider__controls {
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        max-width: 1840px;
        padding: 0 40px;
        width: 100%;
        position: absolute;
        z-index: 4;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .slider__control {
        position: relative;
        width: 43px;
        height: 43px;
        background-color: #fff;
        opacity: 0;
        border-radius: 50%;
        transition: all 0.3s ease 0s;
        pointer-events: visible;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        user-select: none;
    }
    .slider__control_show {
        display: flex;
    }
    .slider__control_prev {
        transform: translateX(-100px);
    }
    .slider__control_next {
        transform: translateX(100px);
    }
    .slider__control::before {
        font-size: 15px;
        color: #93989E;
    }
}

@media only screen and (min-width: 1365.98px) {
    .slider__control {
        width: 50px;
        height: 50px;
    }
    .slider__control::before {
        font-size: 17.5px;
    }
}

@media only screen and (min-width: 1919.98px) {
    .slider__control {
        width: 60px;
        height: 60px;
    }
    .slider__control::before {
        font-size: 21px;
    }
}



.slider__controls {
    display: none;
}