.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;
} .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-none {
transition: none;
} .slider__item {
flex: 0 0 100%;
max-width: 100%;
position: relative;
} .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;
}
} .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;
}