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

.itc_slider{position:relative}.slider__container{overflow:hidden}.slider__items{display:flex;transition:transform .5s ease}.slider_disable-transition{transition:none}.slider__item{flex:0 0 100%;max-width:100%;user-select:none}.slider__control{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;width:40px;height:50px;color:#fff;text-align:center;background:rgb(0 0 0 / 20%);border:none;transform:translateY(-50%);cursor:pointer}.slider__control_hide{display:none}.slider__control[data-slide=prev]{left:0}.slider__control[data-slide=next]{right:0}.slider__control:focus,.slider__control:hover{color:#fff;text-decoration:none;background:rgb(0 0 0 / 30%);outline:0}.slider__control::before{content:"";display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.slider__control[data-slide=prev]::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.slider__control[data-slide=next]::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.slider__indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;margin-top:0;margin-right:15%;margin-bottom:0;margin-left:15%;padding-left:0;list-style:none}.slider__indicators li{flex:0 1 auto;box-sizing:content-box;margin-right:1px;margin-left:1px;text-indent:-999px;background-color:rgb(255 255 255 / 50%);background-clip:padding-box;border-top:15px solid transparent;border-bottom:15px solid transparent;cursor:pointer}.slider__indicators li.active{background-color:rgb(255 255 255 / 90%)}


.slider__wrapper {
    overflow: hidden;
}

.slider__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    counter-increment: slide;
    height: 270px;
    position: relative;
}

.slider__item_img {
    max-width: 100%;
    height: 240px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slider__item a {
    text-align: center;
    color: #333333;
    display: block;
    margin: 0px 5px;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    border-bottom: none;
}

.slider__indicators li {
    width: 8px!important;
    border-radius: 50%;
    height: 8px!important;
    margin-top: 7px;
    padding: 0;
    background-color: rgb(255 255 255 / 50%);
    border: 1px solid #cacaca;
}

.slider__indicators {
    position: initial;
}

.slider__indicators li.active {
    background-color: #707070;
    border: 1px solid #707070;
}

.slider__control[data-slide=next]::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.slider__control[data-slide=prev]::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

slider__control:focus, .slider__control:hover {
    color: initial;
    background: transparent;
}
.slider__control:focus, .slider__control:hover {
    background: transparent;
}

.slider__control {
    background: transparent;
}

.strelka-left-3,
.strelka-right-3 {
    margin: 20px 8px;
    width: 80px;
    height: 80px;
    cursor: pointer;
}
.strelka-left-3 path,
.strelka-right-3 path {
    fill: #337AB7;
    transition: fill 0.5s ease-out;
}
.strelka-left-3 {
    transform: rotate(180deg);
}
.strelka-left-3:hover path,
.strelka-right-3:hover path {
    fill: #000;
}