

/* Start:/local/templates/spiritfit-v3/components/bitrix/news.list/utp.main/style.css?17522285271258*/

.utp-item__image {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.utp-item__text {
    text-align: center;
    padding: 20px 30px;
    background: #F5F5F4;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
a.button.utp {
    padding: 15px 35px;
    margin: 20px;
}
.utp-main__item {
    margin: 20px;
}
.utp-main__items {
    margin: 0 -20px;
}
section.utp-main {
    margin-top: 50px;
}

@media screen and (max-width: 1440px) {
    .utp-main__items .b-cards-slider__arrow-wrapper--left {
        left: 50px;
    }

    .utp-main__items .b-cards-slider__arrow-wrapper--right {
        right: 55px;
    }
    .utp-main__items:hover .b-cards-slider__arrow-wrapper{
        opacity: 1;
    }
    /*.utp-main__items .b-cards-slider__arrow-wrapper{*/
    /*    opacity: 0;*/
    /*    transition:0.3s;*/
    /*}*/

    .utp-main__items .b-cards-slider__arrow.b-cards-slider__arrow--left {
        right: -5px;
    }
}

.utp-main__item{
    opacity: 0;
    display: none;
    transition:opacity .3s ease-out;
}
.slick-initialized .utp-main__item{
    display: block;
    opacity:1;
}
/* End */


/* Start:/local/templates/spiritfit-v3/css/slick.css?17522285274063*/
.b-cards-slider__arrow.b-cards-slider__arrow--right::before, .b-cards-slider__arrow.b-cards-slider__arrow--right::after {
    background: linear-gradient(45deg, #E43932 3.26%, #7827F6 98.07%);
}
.b-cards-slider__arrow.b-cards-slider__arrow--right::before, .b-cards-slider__arrow.b-cards-slider__arrow--right::after {
    background: linear-gradient(45deg, #E43932 3.26%, #7827F6 98.07%);
}
.b-cards-slider__arrow-wrapper--right {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 100%);
}
.b-cards-slider__arrow-wrapper {
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    width: 100%;
    /* transform: translateY(-50%); */
    z-index: 100;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color .3s;
}
.b-cards-slider__arrow-wrapper--right {
    right: -20px;
    transform: translate(100%, -50%);
    align-items: flex-start;
}

.b-cards-slider__arrow {
    height: 45px;
    width: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.b-cards-slider__arrow::before, .b-cards-slider__arrow::after {
    content: '';
    height: 6px;
    width: 30px;
    position: absolute;
}
.b-cards-slider__arrow--right::before {
    transform: rotate(45deg);
    right: 10px;
}
.b-cards-slider__arrow--right::after {
    transform: rotate(-45deg);
    right: 10px;
}
.b-cards-slider__arrow::before {
    top: 10px;
}
.b-cards-slider__arrow::after {
    bottom: 11px;
}

.b-cards-slider__arrow-wrapper--left {
    left: -20px;
    transform: translate(-100%, -50%);
    align-items: flex-end;
}

.b-cards-slider__arrow--left::before {
    transform: rotate(-45deg);
    left: 10px;
}
.b-cards-slider__arrow::before {
    top: 10px;
}
.b-cards-slider__arrow--left::after {
    transform: rotate(45deg);
    left: 10px;
}
.b-cards-slider__arrow::after {
    bottom: 11px;
}
.b-cards-slider__arrow.b-cards-slider__arrow--left::before, .b-cards-slider__arrow.b-cards-slider__arrow--left::after {
    background: linear-gradient(45deg, #E43932 3.26%, #7827F6 98.07%);
}

.slick-disabled{
    display: none!important;
}
.b-cards-slider__arrow.b-cards-slider__arrow--left{
    right: 0;
}

@media screen and (max-width: 1440px) {
    .b-cards-slider__arrow-wrapper--left {
        left: 50px;
        box-shadow: unset;
        width: 100px;
        background: transparent;
    }
    .b-cards-slider__arrow-wrapper--right {
        right: 50px;
        box-shadow: unset;
        width: 100px;
        background: transparent;
    }
    .b-cards-slider__arrow {
        border-radius: 50%;
        background: #000000c9;
    }
    .b-cards-slider__arrow::before, .b-cards-slider__arrow::after {
        height: 4px;
        width: 19px;
    }
    .b-cards-slider__arrow::before {
        top: 15px;
    }
    .b-cards-slider__arrow::after {
        bottom: 15px;
    }
}
@media screen and (max-width: 956px) {
    .b-cards-slider__arrow-wrapper--left, .b-cards-slider__arrow-wrapper--right{
        box-shadow: unset;
        width: 40px;
        background: transparent;
    }
    .b-cards-slider__arrow::before, .b-cards-slider__arrow::after {
        height: 3px;
        width: 15px;
    }
    .b-cards-slider__arrow {
        border-radius: 50%;
        background: #000000c9;
    }
    .b-cards-slider__arrow::before {
        top: 17px;
    }
    .b-cards-slider__arrow--left::before {
        transform: rotate(-45deg);
        left: 13px;
    }
    .b-cards-slider__arrow::after {
        bottom: 16px;
    }
    .b-cards-slider__arrow--left::after {
        transform: rotate(45deg);
        left: 13px;
    }
    .b-cards-slider__arrow-wrapper--left{
        left: 60px;
    }
    .b-cards-slider__arrow-wrapper--right{
        right: 60px;
    }
    .b-cards-slider__arrow--right::before{
        right: 13px;
    }
    .b-cards-slider__arrow--right::after{
        right: 13px;
    }
}

.slick-track {
    margin-left: 0!important;
}


/* End */
/* /local/templates/spiritfit-v3/components/bitrix/news.list/utp.main/style.css?17522285271258 */
/* /local/templates/spiritfit-v3/css/slick.css?17522285274063 */
