/* Start:/local/templates/viyar_new/components/bitrix/news.list/slider_main_adaptive/style.css?17676040767435*/
@charset "UTF-8";
/*buttons after sliders*/
.main-actions {
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px 8px;
}
.main-actions__item {
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    padding: 8px;
}
.main-actions__item .button__icon {
    padding: 0;
}
.main-actions__item .button__text {
    padding: 0 6px 0 0;
    line-height: unset;
}

@media (max-width: 1440px) {
    .main-actions__item {
        padding: 8px 4px;
    }
    .main-actions__item .button__text {
        font-size: 12px;
        line-height: 100%;
    }
}
@media (max-width: 1320px) {
    .main-actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .main-actions__item {
        -ms-flex: 1 1 192px;
        flex: 1 1 192px;
    }
}
@media (max-width: 1200px) {
    .main-actions__item {
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    }
    .main-actions__item .button__text {
        font-size: 14px;
    }
}
@media only screen and (max-width: 780px) {
    .main-actions.m680--none {
        display: none;
    }
}

/*sliders*/
.slick-list {
    overflow: hidden;
}
/* Лента слайдов */
.slick-track {
    display: flex;
    gap: 8px;
}
.slick-arrow.slick-disabled {
    opacity: .2;
    pointer-events: none;
}
/* dots */
.slick-dots {
    display: flex;
}
.slick-dots li {
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
}
/*custom main slider*/
.main-slider {
    position: relative;
    margin: 16px 16px 7px;
    height: 592px;
    width: calc(100vw - 362px);
    max-width: 1172px;
    overflow: hidden;
}
.main-slider .main-slider__item {
    width: 100%;
    height: 576px;
    max-width: 384px;
    position: relative;
}
.main-slider .main-slider__item::before {
    content: '';
    background-color: rgba(249,249,249, .5);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.main-slider .main-slider__item img {
    border-radius: 8px;
    color: var(--grayscale-barely);
    font-size: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 center;
    transition: all .25s ease-in-out;
}

/*.main-slider .slick-arrow {
    position: absolute;
    top: 46%;
    margin-top: -15px;
    font-size: 0;
    background-color: rgba(255, 255, 255, .5);
    height: 48px;
    width: 40px;
    transition: .2s;
    z-index: 4;
}
.o-hidden .main-slider .slick-arrow {
    z-index: 0;
}
.main-slider .slick-arrow.slick-prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 1px center;
    border-radius: 0 32px 32px 0;
}
.main-slider .slick-arrow.slick-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23606060'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 4px center;
    border-radius: 32px 0 0 32px;
}

.main-slider .slick-arrow.slick-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23909090'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.main-slider .slick-arrow.slick-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23909090'/%3E%3C/svg%3E%0A");
}
.main-slider .slick-arrow.slick-prev:active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23202020'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.main-slider .slick-arrow.slick-next:active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23202020'/%3E%3C/svg%3E%0A");
}*/

/**/
noscript ~ .main .main-slider__container {
    display: flex;
    gap: 8px;
}
noscript ~ .main .main-slider__item {
    flex: 0 0 384px;
}
/**/

.main-slider .slick-dots {
    width: calc(100% - 28px);
    gap: 2px;
    margin-top: 6px;
    padding: 0 8px 6px;
    animation: load .8s ease-in-out;
}
.main-slider .slick-dots li {
    flex: 1 0 auto;
    background-color: var(--grayscale-faint);
    border-radius: 2px;
    height: 4px;
}
.main-slider .slick-dots li.slick-active {
    background-color: var(--primary-base);
}
.main-slider__counter {
    position: relative;
}
.main-slider__counter span {
    position: absolute;
    right: 0;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: var(--grayscale-base);
    top: -14px;
    padding: 0 4px;
}
.main-slider  * {padding: 0;margin: 0;border: 0;}
.main-slider button {cursor: pointer; background-color: transparent;}
.main-slider button::-moz-focus-inner {padding: 0; border: 0;}
.main-slider ul li {list-style: none;}

@media (max-width: 1600px) {
    .main-slider {
        margin: 16px 12px 8px;
        width: calc(100vw - 372px);
    }
}
@media (max-width: 1366px) {
    .main-slider {
        height: 496px;
    }
    .main-slider .main-slider__item {
        height: 480px;
        max-width: 320px;
    }
}
@media (max-width: 1024px) {
    .main-slider {
        width: calc(100vw - 24px);
        margin: 8px;
    }
}
@media (max-width: 981px) {
    .main-slider {
        width: calc(100vw - 24px);
    }
    @media (any-hover: none) {
        .main-slider {
            width: calc(100vw - 16px);
        }
    }
}
@media (max-width: 780px) {
    .main-slider {
        height: 414px;
    }
    .main-slider .main-slider__item {
        height: 398px;
        max-width: 249px;
    }
}
@media (max-width: 680px) {
    .main-slider .main-slider__item img {
        border-radius: 4px;
    }
    .grid .main-slider .slick-dots {
        width: calc(100% - 32px);
        padding: 0 4px 6px;
    }
    .section-group {
        border: unset;
    }
}
@media (max-width: 500px) {
    .main-slider {
        height: 256px;
    }
    .main-slider .main-slider__item {
        height: 240px;
        max-width: 160px;
    }
}
/* End */


/* Start:/css/main/video.css?17733187526791*/
.loader--mask + .video-box {
    display: none;
}
.main__section-title .button {
    width: auto;
    color: var(--primary-base);
}
.main__section-title .button:hover {
    color: var(--primary-soft);
}
.main__section-title .button:active {
    color: var(--primary-dark);
}
.video-box {
    background-color: var(--grayscale-barely);
    padding: 16px 8px;
    position: relative;
    min-height: 288px;
}
.video-box .slick-list {
    transition: padding-left .25s ease-in-out;
}
@media (max-width: 1600px) {
    .video-box .slick-list {
        width: calc(100vw - 36px);
    }
}
._last--item .slick-list {
    /*padding-left: 172px;*/
}
.offset-first-left .slick-list {
    padding-left: 56px;
}
.video-box__list {
    display: flex;
    gap: 16px;
    overflow: hidden;
}
noscript ~ .main .video-box__list {
    overflow: auto;
    max-width: 1440px;
    width: calc(100vw - 16px);
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}
noscript ~ .main .video-box__item {
    flex: 0 0 320px;
    scroll-snap-align: center;
    background-color: #fff;
}
noscript ~ .main .video-box__cover {
    flex: 0 0 40px;
}
.video-box__list .slick-track {
    gap: 16px;
    transition: all .25s ease-in-out;
}
.video-box._last--item .slick-track {
    margin-left: -180px;
}
.video-box__item {
    display: flex;
    flex-direction: column;
    width: 320px;
    min-height: 256px;
    border-radius: 8px;
    transition: .15s;
}
.video-box__item:hover {
    background-color: #fff;
}
.video-box__cover {
    position: relative;
}
.video-box__img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-box__item:hover .video-box__img,
.video-box__item:hover iframe {
    border-radius: 8px 8px 0 0;
}
.video-box__cover .button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-box__cover .button .icon {
    color: var(--grayscale-faint);
    box-shadow: inset 0 0 20px 4px rgba(32,32,32,.75);
    border-radius: 50%;
    opacity: .5;
}
.video-box__cover .button:hover .icon {
    color: #fff;
}
.video-box__cover iframe {
    border-radius: 8px;
    width: 320px!important;
    height: 180px!important;
}
.video-box__duration {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.video-box__desc {
    gap: 4px;
    padding: 8px 8px 8px 16px;
    height: 100%;
}
.video-box__title {
    min-height: 40px;
    color: var(--grayscale-black);
    font-size: 16px;
    line-height: 20px;
    flex: 1 1 auto;
    text-wrap: pretty;
}

.video-box__meta {
    align-items: center;
    gap: 8px;
}
.video-box__meta > * {
    gap: 4px;
}
.video-box__meta .icon {
    color: var(--grayscale-soft);
}
.video-box__meta .text {
    font-size: 12px;
    color: var(--grayscale-base);
}
/*slider arrow*/
.video-box .slick-arrow {
    position: absolute;
    top: 46%;
    margin-top: -15px;
    font-size: 0;
    background-color: rgba(255, 255, 255, .5);
    border: none;
    cursor: pointer;
    height: 48px;
    width: 48px;
    transition: .2s;
    z-index: 2!important;
}
.video-box .slick-arrow.slick-disabled {
    pointer-events: all;
    cursor: not-allowed;
}
.video-box .slick-arrow.slick-prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 8px center;
    border-radius: 0 32px 32px 0;
}
.video-box .slick-arrow.slick-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23606060'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 8px center;
    border-radius: 32px 0 0 32px;
}
.video-box .slick-arrow.slick-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23909090'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.video-box .slick-arrow.slick-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23909090'/%3E%3C/svg%3E%0A");
}
.video-box .slick-arrow.slick-prev:active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23202020'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.video-box .slick-arrow.slick-next:active {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23202020'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1270px) {
    .offset-first-left .slick-list {
        padding-left: 8px;
    }
}
@media (max-width: 1510px) {
    .video-box._last--item .slick-track {
        margin-left: 0;
    }
}
@media (max-width: 780px) {
    .offset-first-left .slick-list {
        padding-left: 8px;
    }
}
@media (max-width: 680px) {
    .video-box .slick-list {
        width: calc(100vw - 16px);
    }
    @media (hover: hover) {
        .video-box .slick-list {
            width: calc(100vw - 32px);
        }
    }
    .video-box__list .slick-track {
        gap: 8px;
    }
}
@media (max-width: 359px) {
    .video-box {
        min-height: 280px;
    }
    .video-box__item {
        width: 288px;
        min-height: 248px;
    }
}
/* End */


/* Start:/local/templates/viyar_new/components/bitrix/news.list/events_main/style.css?178774916110108*/
/* Блок «Акції та знижки» на Головній сторінці (CS-3166) */

/* Сітка: desktop — 4 картки в ряду (в інших блоках по 6) */
.promo-events__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: min-content;
    grid-gap: 16px;
    padding: 16px 0;
    width: 100%;
}
.promo-events .events-cart__item {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
}
.promo-events .events-cart__item:hover {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
}
.promo-events .news-cart__link {
    position: relative;
    flex: 1 0 auto;
    display: block;
}

/* Зображення */
.promo-events .news-cart__figure {
    display: block;
    width: 100%;
    height: 208px;
    overflow: hidden;
}
.promo-events .news-cart__figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.08);
}
.promo-events .news-cart__figure img[src*="noname_"] {
    background-color: #a9e0ff;
}

/* Контент картки */
.promo-events .news-cart__content {
    display: flex;
    flex-direction: column;
    padding: 8px 16px 0;
}
.promo-events .news-cart__meta {
    display: flex;
}
.promo-events .news-cart__meta .news-cart__cat {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-right: 5px;
    min-height: 18px;
}
.promo-events .news-cart__meta .news-cart__cat .text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.promo-events .news-cart__meta .text {
    font-weight: 700;
    font-size: 12px;
    color: #606060;
}
.promo-events .news-cart__title {
    margin: 12px 0;
}
.promo-events .news-cart__title:first-letter {
    text-transform: uppercase;
}
.promo-events .news-cart__title .text-title {
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
}
.promo-events .news-cart__desc {
    margin-top: 12px;
}
.promo-events .news-cart__desc .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #202020;
}

/* Нижній рядок: лічильник днів + поділитися */
.promo-events .news-event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    margin: 8px 0 0;
    padding: 0 16px;
}
.promo-events .news-event__status {
    width: calc(100% - 30px);
}
.promo-events .news-event__status .text {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #606060;
    white-space: nowrap;
}
/* Число днів у лічильнику */
.promo-events .news-event__status .text code {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
    color: #30A0F0;
    position: relative;
    top: 3px;
}
.promo-events .news-event__status[data-term="ends"] code {
    color: #FF8000;
}
.promo-events .news-event__status[data-term="finished"] .text {
    color: #C02000;
}

/* «Поділитися» */
.promo-events .icon-btn {
    cursor: pointer;
}
.promo-events ._hide {
    display: none !important;
}
.promo-events .news-event__share {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%;
}
.promo-events ._icon--share {
    background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16C16.9 16 15.9 16.5 15.1 17.2L7.8 13C7.9 12.7 8 12.3 8 12C8 11.7 7.9 11.3 7.8 11L15.1 6.8C15.8 7.5 16.8 8 18 8C20.2 8 22 6.2 22 4C22 1.8 20.2 0 18 0C15.8 0 14 1.8 14 4C14 4.4 14.1 4.7 14.2 5L6.9 9.2C6.1 8.5 5.1 8 4 8C1.8 8 0 9.8 0 12C0 14.2 1.8 16 4 16C5.1 16 6.1 15.5 6.9 14.8L14.2 19C14.1 19.3 14 19.7 14 20C14 22.2 15.8 24 18 24C20.2 24 22 22.2 22 20C22 17.8 20.2 16 18 16Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat;
    width: 22px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 4px;
}
.promo-events .share-soc__list {
    display: flex;
    align-items: center;
    position: relative;
    right: 0;
    opacity: 1;
    pointer-events: all;
    z-index: unset;
    transition: right .3s ease-in-out;
}
.promo-events .share-soc__list:not(.unvisible) {
    box-shadow: 0 4px 8px 0 rgba(32, 32, 32, .20);
    border-radius: 64px;
    width: 100%;
    justify-content: flex-end;
    padding: 8px 16px;
    background-color: #fff;
}
.promo-events .share-soc__list.unvisible {
    right: -336px;
    opacity: 0;
    pointer-events: none;
    width: 0;
    transition: right .3s ease-in;
    z-index: -99999;
}
.promo-events .share-soc__label {
    font-size: 14px;
    line-height: 18px;
    color: #202020;
    padding-right: 13px;
    white-space: nowrap;
}
.promo-events .share-soc__list .share-soc__link:not(:last-child) {
    margin-right: 16px;
}
.promo-events .share-soc__list .share-soc__link:visited .icon,
.promo-events .share-soc__list .share-soc__link:active .icon,
.promo-events .share-soc__list .share-soc__link:focus .icon {
    filter: grayscale(1);
}
.promo-events ._icon--share-fb {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8 0H1.2C0.5 0 0 0.5 0 1.2V20.8C0 21.5 0.5 22 1.2 22H11.7V13.5H8.8V10.2H11.7V7.8C11.7 5 13.4 3.4 16 3.4C17.2 3.4 18.3 3.5 18.6 3.5V6.5H16.8C15.4 6.5 15.2 7.2 15.2 8.1V10.2H18.5L18 13.5H15.1V22H20.7C21.4 22 21.9 21.5 21.9 20.8V1.2C22 0.5 21.5 0 20.8 0Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat;
    width: 22px;
    height: 22px;
}
.promo-events ._icon--share-tg {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 8.1L9.6 13.6C9.4 13.8 9.3 14.1 9.2 14.3L9 15.9C9 16.1 8.7 16.1 8.6 15.9L7.8 13.2C7.7 12.9 7.8 12.6 8.1 12.4L15.3 8C15.5 7.8 15.6 8 15.5 8.1ZM24 12C24 18.6 18.6 24 12 24C5.4 24 0 18.6 0 12C0 5.4 5.4 0 12 0C18.6 0 24 5.4 24 12ZM19 5.6C19.1 5.3 18.7 5 18.4 5.1L3.3 10.9C2.9 11 2.9 11.6 3.3 11.7L7 13.1L8.4 17.7C8.5 18 8.9 18.1 9.1 17.9L11.2 16.2C11.4 16 11.7 16 11.9 16.2L15.6 18.9C15.9 19.1 16.2 18.9 16.3 18.6L19 5.6Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat;
    width: 24px;
    height: 24px;
}
.promo-events ._icon--share-vb {
    background: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7 3.5998C19.8 1.3998 16.3 0.799805 12.9 0.799805C9.5 0.799805 6.7 0.999805 5.2 1.5998C2.2 2.6998 0 5.0998 0 9.2998C0 11.7998 -1.19209e-07 15.4998 0.6 17.3998C1.5 20.0998 4.4 21.8998 6.5 21.8998H6.8L7.4 25.1998L11.1 22.0998C14.8 22.0998 19.3 21.6998 21.4 19.6998C23.5 17.6998 24 14.8998 24 11.3998C24 7.8998 23.7 5.6998 21.7 3.5998ZM17.4 16.0998C17.1 16.7998 16.6 17.3998 15.9 17.6998C15.7 17.7998 15.5 17.7998 15.3 17.8998C15.1 17.7998 14.8 17.7998 14.6 17.6998C12.3 16.7998 10.2 15.4998 8.6 13.6998C7.7 12.5998 6.9 11.3998 6.3 10.1998C6 9.5998 5.8 8.9998 5.5 8.3998C5.3 7.7998 5.6 7.1998 6 6.7998C6.3 6.3998 6.8 6.0998 7.2 5.8998C7.6 5.6998 7.9 5.7998 8.2 6.0998C8.8 6.7998 9.3 7.4998 9.7 8.2998C10 8.7998 9.9 9.3998 9.4 9.6998C9.3 9.7998 9.2 9.8998 9.1 9.9998C9 10.0998 8.9 10.1998 8.8 10.2998C8.7 10.4998 8.7 10.6998 8.8 10.8998C9.4 12.4998 10.4 13.7998 12 14.4998C12.3 14.5998 12.5 14.6998 12.8 14.6998C13.3 14.5998 13.5 14.0998 13.8 13.7998C14.1 13.4998 14.6 13.4998 15 13.6998C15.4 13.8998 15.7 14.1998 16.1 14.3998C16.5 14.6998 16.8 14.8998 17.1 15.1998C17.5 15.2998 17.6 15.6998 17.4 16.0998ZM14.5 10.7998C14.3 10.7998 14.4 10.7998 14.5 10.7998C14.2 10.7998 14.1 10.6998 14.1 10.3998C14.1 10.1998 14.1 10.0998 14 9.8998C13.9 9.5998 13.8 9.2998 13.5 9.0998C13.4 8.9998 13.2 8.8998 13.1 8.8998C12.9 8.7998 12.7 8.89981 12.5 8.7998C12.3 8.7998 12.2 8.5998 12.2 8.3998C12.2 8.1998 12.4 8.0998 12.6 8.0998C13.8 8.1998 14.6 8.7998 14.7 10.0998C14.7 10.1998 14.7 10.2998 14.7 10.3998C14.7 10.6998 14.6 10.7998 14.5 10.7998ZM13.7 7.6998C13.3 7.4998 13 7.3998 12.6 7.3998C12.4 7.3998 12.3 7.3998 12.1 7.2998C11.9 7.2998 11.8 7.0998 11.8 6.8998C11.8 6.6998 11.9 6.5998 12.2 6.5998C12.9 6.5998 13.5 6.7998 14.1 7.0998C15.3 7.7998 16 8.7998 16.2 10.1998C16.2 10.2998 16.2 10.2998 16.2 10.3998C16.2 10.5998 16.2 10.6998 16.2 10.8998C16.2 10.8998 16.2 10.9998 16.2 11.0998C16.1 11.3998 15.7 11.3998 15.6 11.0998C15.6 10.9998 15.6 10.8998 15.6 10.7998C15.6 10.1998 15.5 9.4998 15.1 8.9998C14.8 8.3998 14.3 7.9998 13.7 7.6998ZM17.5 11.8998C17.3 11.8998 17.2 11.6998 17.1 11.4998C17.1 11.0998 17 10.6998 17 10.1998C16.7 7.9998 14.9 6.1998 12.7 5.7998C12.4 5.6998 12 5.6998 11.7 5.6998C11.5 5.6998 11.2 5.6998 11.2 5.3998C11.2 5.1998 11.3 4.9998 11.6 4.9998C11.7 4.9998 11.7 4.9998 11.8 4.9998C14.8 5.0998 17.2 7.0998 17.7 9.9998C17.8 10.4998 17.8 10.9998 17.9 11.4998C17.9 11.6998 17.8 11.8998 17.5 11.8998Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat;
    width: 24px;
    height: 26px;
}

/* Кнопка «Показати більше» — праворуч під сіткою */
.promo-events__more {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0 16px;
}
/* Кнопка сама по собі авто-ширини (не тягнеться на всю секцію), клікабельна повністю */
.promo-events__more .vr-more__btn {
    width: auto;
    min-height: 48px;
    padding: 0 32px;
    border: 1px solid var(--grayscale-faint);
    border-radius: 2px;
    cursor: pointer;
}
.promo-events__more .vr-more__btn.is-loading {
    opacity: .6;
    pointer-events: none;
}

/* Tablet — 2 картки в ряду */
@media (max-width: 1024px) {
    .promo-events__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile — 1 картка в ряду */
@media (max-width: 680px) {
    .promo-events__list {
        grid-template-columns: 1fr;
    }
    .promo-events .news-cart__figure {
        height: auto;
        min-height: 180px;
    }
}

/* End */


/* Start:/css/main/services.css?17175954931997*/
.service-block__title .icon-viyarpro {
    height: 40px;
    width: 176px;
}
.service-block__title .icon-viyarbazar {
    height: 32px;
    width: 192px;
}
.service-box {
    padding: 32px;
    height: 304px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service-box__body {
    gap: 16px 32px;
}
.service-box__desc {
    gap: 16px;
    flex: 0 0 192px;
}
.service-box__image {
    max-height: 240px;
    width: 100%;
}
.service-box__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.service-box__desc .title {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.service-box__desc .text {
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
}

@media (max-width: 1366px) {
    .service-box {
        height: 100%;
        max-height: 260px;
    }
}
@media (max-width: 1152px) {
    .service-block__container {
        flex-direction: column;
    }
    .service-box {
        max-height: 452px;
    }
    .service-box__image {
        max-height: 388px;
    }
    .service-box__desc {
        flex: 1 1 480px;
    }
}
@media (max-width: 680px) {
    .service-box {
        padding: 16px 16px 24px;
        min-height: 276px;
        height: auto;
    }
    .service-box__body {
        gap: 16px;
        flex-wrap: wrap;
    }
    .service-box__image {
        min-width: 320px;
    }
}
@media (max-width: 500px) {
    .service-box__desc {
        gap: 8px;
        padding-left: 16px;
    }
    .service-box__desc .title {
        font-size: 16px;
        line-height: 100%;
    }
    .service-box__desc .text {
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 359px) {
    .service-block .main__section-title {
        flex-direction: column;
        align-items: stretch;
    }
    .service-block .main__section-title .button {
        margin: 0 auto;
    }
    .service-box__image {
        min-width: inherit;
    }
}
/* End */


/* Start:/css/main/brands.css?17169031974223*/
/* Slider */
.brand-box .slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.brand-box .brand-box__item {
    text-align: center!important;
}
.brand-box .slick-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.brand-box .title {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}
.brand-box{
    position: relative;
    border: 1px solid var(--grayscale-faint);
}
.brand-box .brand-box__list {
    align-items: center;
    height: 144px;
    overflow: hidden;
}
.brand-box .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 0;
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}
.brand-box .slick-arrow.slick-prev {
    left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.brand-box .slick-arrow.slick-next {
    right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23606060'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.brand-box .slick-list {
    width: 93%;
}
.brand-box .slick-slide > * {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 144px;
}
.brand-box .brand-box__item .rot-partner-5 svg {
    height: 70px;
}
.brand-box .brand-box__item svg {
    width: 168px;
    filter: grayscale(1) opacity(.7);
}
.brand-box .brand-box__item:focus svg,
.brand-box .brand-box__item:hover svg {
    filter: unset;
}
.brand-box .slick-slide .brand-box__img {
    background-repeat: no-repeat;
    width: 150px;
    height: 50px;
}
.brand-box .slick-slide:focus .brand-box__img,
.brand-box .slick-slide:hover .brand-box__img {
    background-position: 0 -50px;
}
@media screen and (max-width: 1200px) {
    .brand-box .slick-list {
        width: 90%;
    }
}
@media screen and (max-width: 780px) {
    .brand-box .slick-list {
        width: 85%;
    }
    .brand-box .slick-slide .brand-box__img {
        background-position: 0 -50px;
    }
}
/*
@media screen and (max-width: 470px) {
    .brand-box {
        border-bottom: none;
    }
    .brand-box .brand-box__list {
        padding: 32px 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        width: 100%;
        height: 310px;
        justify-content: center;
        border-bottom: 1px solid var(--grayscale-faint);
    }
    .brand-box.is-show .brand-box__list {
        height: auto;
    }
    .brand-box .brand-box__item {
        flex: 0 1 calc(50% - 32px);
    }
    .brand-box .brand-box__item svg {
        max-width: 150px;
        height: auto;
    }
    .brand-box__see {
        margin-left: auto;
        max-width: 176px;
    }
    .brand-box__see .button__body {
        height: 48px;
    }
    .brand-box__see .button__text {
        font-weight: 400;
    }
    .brand-box .button__icon {
        transition: .2s;
    }
    .brand-box.is-show .button__icon {
        transform: rotate(-180deg);
    }
}
@media (max-width: 375px) {
    .brand-box .brand-box__item svg {
        max-width: 146px;
    }
}
@media (max-width: 359px) {
    .brand-box .brand-box__list {
        height: 342px;
    }
    .brand-box .brand-box__item svg {
        max-width: 150px;
    }
}*/

/* End */
/* /local/templates/viyar_new/components/bitrix/news.list/slider_main_adaptive/style.css?17676040767435 */
/* /css/main/video.css?17733187526791 */
/* /local/templates/viyar_new/components/bitrix/news.list/events_main/style.css?178774916110108 */
/* /css/main/services.css?17175954931997 */
/* /css/main/brands.css?17169031974223 */