@-webkit-keyframes tada {
    0%, 36%, 60% {
        transform: scale3d(1, 1, 1)
    }
    4%, 8% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -4deg)
    }
    12%, 20%, 28%, 36% {
        transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 4deg)
    }
    16%, 24%, 32% {
        transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -4deg)
    }
}

@keyframes tada {
    0%, 36%, 60% {
        transform: scale3d(1, 1, 1)
    }
    4%, 8% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -4deg)
    }
    12%, 20%, 28%, 36% {
        transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 4deg)
    }
    16%, 24%, 32% {
        transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -4deg)
    }
}

@-webkit-keyframes flareAnimation {
    0% {
        left: -150%
    }
    to {
        left: 150%
    }
}

@keyframes flareAnimation {
    0% {
        left: -150%
    }
    to {
        left: 150%
    }
}

#header-mobile .uk-navbar-item, #header-mobile .uk-navbar-nav > li > a, #header-mobile .uk-navbar-toggle {
    min-height: 80px;
    padding: 0 20px
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    min-height: 80px
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus {
    color: #ed1c24;
    outline: 0;
    background-color: transparent
}

.uk-navbar-nav > li.uk-active > a {
    color: #ed1c24;
    background-color: transparent
}

.uk-subnav-custom.uk-subnav-pill > * > :first-child {
    padding: 2px;
    display: inline-block
}

.eo-logo-bg {
    height: 190px
}

@media (max-width: 1200px) {
    .eo-logo-bg {
        height: 165px
    }

    .eo-logo {
        padding: 25px !important
    }

    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        padding: 0 10px;
        font-size: 14px;
        min-height: 60px
    }
}

@media screen and (max-width: 1080px) {
    .call-special {
        font-size: 12px
    }

    .bg-special-1 {
        background-position: 58% 50%
    }

    .bg-special-2 {
        background-position: 45% 50%
    }
}

.veka {
    background-color: #0068b5
}

.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.beer-reveal:before {
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    position: absolute;
    left: 100%;
    content: "";
    background: #facf4d
}

.beer-handle {
    background: #facf4d
}

.beer-range:focus ~ .beer-handle {
    background: #facf4d
}

.beer-reveal[data-beer-label]:after {
    top: 0;
    left: 0;
    border-radius: 0;
    white-space: nowrap
}

.beer-slider[data-beer-label]:after {
    top: 0;
    right: 0;
    border-radius: 0
}

.eo-tabs.uk-tab > .uk-active > a {
    background-color: #fff
}

.uk-nav > li > a {
    color: #575c63 !important
}

.uk-nav > li > a:hover {
    color: #000 !important
}

.uk-navbar-dropdown-width-1 {
    width: 230px !important
}

.uk-navbar-dropdown-width-2 {
    width: 460px !important
}

@media (max-width: 640px) {
    .uk-modal, .uk-padding {
        padding: 20px
    }
}

.social-header .social svg {
    width: 10px !important;
    height: 10px !important;
    margin-top: -8px !important
}

.social-header .social a {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    position: relative;
    top: 2px
}

.social, .youtube {
    display: inline-block
}

.social a {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 1px 4px 0;
    text-align: center;
    color: #fff;
    border-radius: 0
}

.social a:hover {
    opacity: .8
}

.social svg {
    margin-top: -2px;
    width: 14px;
    height: 14px
}

.odnoklassniki a {
    background: #f93
}

.pinterest a {
    background: #c8232c
}

.vk a {
    background: #4a76a8
}

.youtube1 a {
    background: #c4302b
}

.telegram a {
    background: #4a76a8
}

.rutube a {
    background: #100943
}

.vk-video a {
    background: #07f
}

.dzen a {
    background: #2b2b2d
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer
}

.youtube .play {
    background: url(/local/templates/201907/images/youtube-play-btn.png) no-repeat;
    background-position: 0 -50px;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99
}

.youtube:hover .play {
    background-position: 0 0
}

.price-container, .price-container .shprice, .price-container .shprice:after, .price-container .shprice:before, .price-container:after, .price-container:before {
    height: 8.5em;
    width: 8.5em;
    background: red url(/local/templates/201907/images/price-bg.png) top left no-repeat;
    background-size: 8.5em
}

.price-container .shprice {
    padding: .5em 0;
    height: 7.5em;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(45deg);
    z-index: 1
}

.price-container .shprice:after, .price-container .shprice:before, .price-container:after, .price-container:before {
    content: "";
    position: absolute
}

.price-container {
    position: absolute;
    top: 18.5em;
    margin-left: 48%;
    transform: rotate(-35deg);
    z-index: 10
}

.price-container2 {
    top: 10.5em !important
}

.price-container:before {
    top: 0;
    left: 0;
    transform: rotate(-30deg)
}

.price-container:after {
    top: 0;
    left: 0;
    transform: rotate(-15deg)
}

.price-container .shprice:before {
    top: 0;
    left: 0;
    transform: rotate(60deg)
}

.price-container .shprice:after {
    top: 0;
    left: 0;
    transform: rotate(75deg)
}

.price-container .shprice span {
    position: relative;
    z-index: 100;
    display: block;
    text-align: center;
    color: #ffe650;
    font: 1.3em/2.2em Sans-Serif;
    text-transform: uppercase
}

.price-container .shprice span.number {
    font-weight: 700;
    font-size: 4em;
    line-height: 1em;
    color: #ffe650;
    top: 23px
}

.uk-button {
    padding: 0 20px;
    height: 50px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    user-select: none;
    box-sizing: border-box;
}

.uk-button .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
    -webkit-animation: flareAnimation 3s infinite linear;
    animation: flareAnimation 3s infinite linear
}

.modal-all-feedback-window {
    padding: 25px
}

.badge {
    position: relative;
    z-index: 1;
    color: #ed1c24;
    padding: 8px 12px 3px;
    overflow: hidden;
    font-size: 20px
}

.badge::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 220%;
    height: 200%;
    right: 0;
    top: 0;
    background-color: #fff;
    border-top-left-radius: 100%
}

:root {
    --red: #ED1C24;
    --red-medium: #DE1219;
    --red-bold: #C61017;
    --red-light: #F5BEBC;
    --yellow: #FFE650;
    --white-color: #FFFFFF;
    --light-gray: rgba(218, 225, 229, 0.5);
    --gray: #777777;
    --gray-medium: #575C63;
    --gray-xlight: #A7A7A7;
    --muted-color: #F3F3F3;
    --black: #01090F;
    --black-light: #282828;
    --disable-black: rgba(46, 54, 63, 0.5);
    --blue: #0068B5;
    --dark-blue: #211D70;
}

body {
    position: relative
}

/* === promo === */
.promo-inner {
    margin: 0 -15px;
}

.promo-video {
    aspect-ratio: 9 / 6;
}

.promo-left {
    padding: 30px 15px 60px;
    background-color: var(--muted-color);
}

.promo-slider {
    margin: 0 -15px;
}

.promo-left-secondary {
    padding: 30px 15px 100px;
}

.promo-slider-buttons {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
}
/* === promo === */

/* === accordion === */
.uk-accordion.uk-accordion-primary li a {
    padding: 30px clamp(20px, 3vw, 30px) 30px 30px;
    transition: padding-bottom .3s;
}

.uk-accordion.uk-accordion-primary li a:hover {
    text-decoration: none;
}

.uk-accordion.uk-accordion-primary .uk-accordion-content {
    padding: 0 clamp(20px, 3vw, 30px) 30px 30px;
}

.uk-accordion.uk-accordion-primary li.uk-open a {
    padding-bottom: 15px;
}

/* === accordion === */

.uk-badge-primary {
    padding: 15px 12px 10px;
    width: max-content;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    line-height: normal;
    color: var(--seoRed);
    background-color: var(--seoYellow);
    clip-path: path('M0 9.13V50H369V10.8V0C346.85-0.14 272.4 0.21 191.53 2.08C162.69 2.73 122.61 3.79 84.89 5.37C31.45 7.61 0 9.13 0 9.13Z');
}

/* === uk-tile === */
.uk-tile-cookie {
    width: 100%;
    padding: 20px 10px 20px 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .15);
    background-color: var(--white-color);
    z-index: 20;
    opacity: 1;
    transition: opacity .2s
}

.uk-tile-cookie-hidden {
    opacity: 0;
    z-index: -100
}

.uk-tile-products {
    padding: clamp(30px, 4vw - 5px, 40px) clamp(25px, 4vw - 5px, 40px) 40px;
    min-height: 390px;
    box-sizing: border-box;
}

.uk-tile-yellow {
    background-color: var(--seoYellow);
}

.uk-tile-third .uk-tile-body {
    padding: clamp(30px, 4vw, 50px) clamp(20px, 3vw, 40px) clamp(30px, 4vw, 50px) clamp(20px, 4vw, 50px);
    background-color: var(--seoYellow);
}

.uk-tile-third .uk-tile-media {
    height: clamp(290px, 70vw, 475px);
    position: relative;
}

.uk-tile-third .uk-tile-media .uk-tile-img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
}

.uk-tile-third .uk-tile-media-muted {
    background-color: var(--muted-color);
}

.uk-tile-third .uk-tile-media .uk-tile-img.uk-tile-img-default {
    top: 0;
}

/* === uk-tile === */

/* === uk-margin === */
.uk-margin-25 {
    margin: 25px
}

.uk-margin-15-bottom {
    margin-bottom: 15px
}

.uk-margin-15-10-bottom {
    margin-bottom: clamp(10px, 2vw, 15px);
}

.uk-margin-25-left {
    margin-left: 25px
}

.uk-margin-25-right {
    margin-right: 25px
}

.uk-margin-25-bottom {
    margin-bottom: 25px
}

.uk-margin-25-top {
    margin-top: 25px
}

.uk-margin-25-20-bottom {
    margin-bottom: clamp(20px, 2vw, 25px)
}

.uk-margin-30-bottom {
    margin-bottom: 30px
}

.uk-margin-40-30-bottom {
    margin-bottom: clamp(30px, 3vw, 40px)
}

.uk-margin-50-40-bottom {
    margin-bottom: clamp(40px, 4vw, 50px)
}

.uk-margin-50-bottom {
    margin-bottom: 50px
}

.uk-margin-50-30-bottom {
    margin-bottom: clamp(30px, 4vw, 50px);
}

.uk-margin-30-top {
    margin-top: 30px;
}

.uk-margin-cover {
    margin: 0 -15px;
}
/* === uk-margin === */

/* === gap === */
.uk-flex-gap {
    gap: 20px
}

.uk-flex-gap-20-15 {
    gap: clamp(15px, 2vw - 5px, 20px);
}

.uk-flex-gap-15 {
    gap: 15px
}

.uk-flex-gap-15-10 {
    gap: clamp(10px, 2vw, 15px);
}

.uk-flex-gap-30 {
    gap: 30px;
}

.uk-flex-gap-30-20 {
    gap: clamp(20px, 3vw - 5px, 30px)
}

.uk-flex-gap-30-25 {
    gap: clamp(25px, 2vw, 30px);
}

.uk-flex-gap-35-20 {
    gap: clamp(20px, 3vw, 35px)
}

.uk-flex-gap-35-25 {
    gap: clamp(25px, 3vw, 35px)
}

.uk-flex-gap-30-15 {
    gap: clamp(20px, 3vw - 5px, 30px)
}

.uk-flex-gap-25 {
    gap: 25px
}

.uk-flex-gap-25-20 {
    gap: clamp(20px, 2vw, 25px)
}

.uk-flex-gap-small {
    gap: 10px
}

.uk-flex-gap-extra-small {
    gap: 5px
}

.uk-flex-gap-60 {
    gap: 60px
}

.uk-flex-gap-40-35 {
    gap: clamp(35px, 3vw + 4px, 40px);
}

.uk-flex-gap-40 {
    gap: 40px;
}

.uk-flex-gap-2 {
    gap: 2px;
}

.uk-flex-gap-25-10 {
    gap: clamp(10px, 2vw, 25px);
}

.uk-flex-gap-20-10 {
    gap: clamp(10px, 2vw, 20px);
}

.uk-flex-gap-35-30 {
    gap: clamp(30px, 3vw, 35px);
}

.uk-flex-gap-40-30 {
    gap: clamp(30px, 4vw, 40px);
}

.uk-flex-gap-60-30 {
    gap: clamp(30px, 5vw, 60px);
}

.uk-flex-gap-90-20 {
    gap: clamp(20px, 7vw - 8px, 90px);
}
/* === gap === */

/* === button === */
.uk-button-confirmation {
    width: 100%;
    padding: 0 10px
}

.uk-button[disabled] {
    background-color: var(--seoRed);
    color: var(--white-color);
    border-color: var(--seoRed);
}

.uk-button-default-danger {
    border-color: var(--seoRed);
    color: var(--seoRed);
}

.uk-button-default-danger:hover {
    background-color: var(--seoRed);
    color: var(--white-color);
    border-color: var(--seoRed);
}
/* === button === */

/* === section === */
.uk-section-gradient {
    position: relative;
    z-index: 10;
}

.uk-section-gradient:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 55%;
    z-index: 2;
    background-color: var(--seoYellow);
    clip-path: polygon(0% 0%, 0% 100%, 8.52% 97.26%, 23.01% 93.03%, 33.25% 90.23%, 44.09% 88.63%, 51.71% 87.47%, 73.70% 83.35%, 94.00% 82.63%, 100% 83.11%, 100% 0%);
}

.uk-section-muted {
    background-color: var(--muted-color)
}

.uk-section {
    padding: 60px 0;
}

.uk-section-quality {
    min-height: 405px;
}
/* === section === */

/* === width === */
.uk-width-630 {
    max-width: 630px;
    width: 100%
}
/* === width === */

/* === uk-form === */
.uk-form-label .uk-input {
    padding: 0 !important;
    height: 100%;
    border: none !important;
    flex: 1;
}

.uk-form-icon-secondary {
    width: 24px;
    height: 24px;
    position: static;
}

.uk-form-change-date {
    width: 100%
}

.uk-form-calendar {
    padding: clamp(20px, 3vw, 40px);
    background-color: var(--white-color);
    border: 1px solid var(--gray)
}

.uk-form-image {
    width: 50px;
    height: 50px
}

.uk-input {
    color: var(--black);
    border: 1px solid var(--gray)
}

.uk-input::-moz-placeholder {
    color: var(--gray)
}

.uk-input:-ms-input-placeholder {
    color: var(--gray)
}

.uk-input::placeholder {
    color: var(--gray)
}

.uk-input-code {
    font-size: 28px;
    letter-spacing: 10px
}

.uk-input-code::-moz-placeholder {
    color: var(--black)
}

.uk-input-code:-ms-input-placeholder {
    color: var(--black)
}

.uk-input-code::placeholder {
    color: var(--black)
}

form {
    user-select: none;
}

.uk-form-change-date {
    width: 100%;
    @media (min-width: 960px) {
        width: 800px;
    }
}

.uk-form-calendar {
    padding: clamp(20px, 3vw, 40px);
    background-color: var(--white-color);
    border: 1px solid var(--gray);
}

.uk-form-image {
    width: 50px;
    height: 50px;
}

.uk-label-checkbox {
    padding: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .3s, border-color .3s;
}

.uk-form-label {
    padding: 10px;
    height: 40px;
    background-color: var(--white-color);
    border: 1px solid rgba(87, 92, 99, .40);
    display: flex;
    align-items: center;
    gap: 5px;
    box-sizing: border-box;
    transition: border-color .3s;
}

.uk-form-label-large {
    padding: 8px clamp(10px, 2vw, 15px);
    height: 50px;
    gap: clamp(5px, 2vw, 10px);
}

.uk-form-label .uk-icon {
    padding: 3px 2px;
    width: 24px;
    height: 24px;
    color: var(--seoGray);
    position: static;
    box-sizing: border-box;
}

.uk-form-label .uk-icon[uk-icon="icon-user"] {
    padding: 5px;
}

.uk-form-label .uk-icon svg {
    width: 100%;
    height: 100%;
}

.uk-form-label .uk-form-input {
    padding: 0;
    font-size: 14px;
    line-height: 150%;
    border: none;
    height: 100%;
}

.uk-form-label:hover {
    border-color: var(--black-light);
}

.uk-form-label:focus-within {
    border-color: var(--black-light);
}

.uk-form-label .uk-form-input::placeholder {
    color: var(--seoGray);
}

.uk-form-link {
    color: var(--black);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.uk-form-link:hover {
    color: var(--blue);
}

.uk-label-checkbox [uk-icon="icon-checkbox"] {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.uk-label-checkbox:has(input[type="checkbox"]:checked) {
    background-color: var(--seoGray);
    border-color: var(--seoGray);
}

.uk-label-checkbox:has(input[type="checkbox"]:checked) [uk-icon="icon-checkbox"] {
    opacity: 1;
    visibility: visible;
}
/* === uk-form === */

.uk-h1 {
    font-size: clamp(25px, 4vw - 8px, 42px)
}

/* === text === */
.uk-text-extra-small {
    font-size: 12px
}

.uk-text-16-14 {
    font-size: clamp(14px, 2vw - 5px, 16px)
}

.uk-text-18 {
    font-size: 18px;
}

.uk-text-18-16 {
    font-size: clamp(16px, 2vw, 18px);
}

.uk-text-18-14 {
    font-size: clamp(14px, 2vw - 6px, 18px);
}

.uk-text-22-20 {
    font-size: clamp(20px, 2vw, 22px)
}

.uk-text-22-18 {
    font-size: clamp(18px, 2vw, 22px)
}

.uk-text-22 {
    font-size: 22px;
}

.uk-text-28-18 {
    font-size: clamp(18px, 2vw, 28px)
}

.uk-text-36-22 {
    font-size: clamp(22px, 3vw, 36px);
}

.uk-text-decoration-line-through {
    text-decoration: line-through;
}

.uk-text-12 {
    font-size: 12px;
}

.uk-text-14-12 {
    font-size: clamp(12px, 2vw, 14px);
}

.uk-text-16-12 {
    font-size: clamp(12px, 2vw, 16px);
}

.uk-text-22-14 {
    font-size: clamp(14px, 2vw, 22px);
}

.uk-text-22-16 {
    font-size: clamp(16px, 2vw, 22px);
}

.uk-text-28-22 {
    font-size: clamp(22px, 2vw, 28px);
}

.uk-text-36-30 {
    font-size: clamp(30px, 3vw, 36px);
}

.uk-text-lh-xsmall {
    line-height: 130%;
}

.uk-text-lh-small {
    line-height: 140%;
}

.uk-text-lh-medium-floating {
    line-height: clamp(130%, 2vw, 150%);
}

.uk-text-lh-medium {
    line-height: 150%;
}

.uk-text-black {
    color: var(--black)
}

.uk-text-black-light {
    color: var(--black-light)
}

.uk-text-dark-blue {
    color: var(--dark-blue)
}

.uk-text-yellow {
    color: var(--seoYellow)
}

.uk-text-gray {
    color: var(--seoGray)
}

.uk-text-white {
    color: var(--white-color);
}

.uk-text-warning {
    color: var(--seoRed) !important
}
/* === text === */

/* === list === */
.uk-list.uk-list-square.uk-list-products {
    padding-left: 15px;
}

.uk-list.uk-list-square.uk-list-products li {
    margin-top: 0;
}

.uk-list-region {
    overflow: auto;
}

.uk-list.uk-list-region li {
    margin-top: 0;
    min-width: 90px;
}

.uk-list-region li.medium {
    min-width: 100px;
}

.uk-list-region li.large {
    min-width: 130px;
}

.uk-list-numbered li {
    padding: 10px 0;
    position: relative;
    color: var(--seoBlack);
}

.uk-list-numbered li::marker {
    font-weight: 700;
}

.uk-list-numbered li:before {
    content: '';
    border-bottom: 1px solid var(--seoGray);
    opacity: .3;
    position: absolute;
    left: -20px;
    right: 0;
    bottom: 0;
}

.uk-list-numbered li:first-child {
    padding-top: 0;
}

.uk-list-numbered li:last-child {
    padding-bottom: 0;
}

.uk-list-numbered li:last-child:before {
    content: none;
}

.uk-list-square {
    padding-left: 0;
    --list-square-size: 11px;
    --list-line-gap: 20px;
    list-style: none;
}

.uk-list-square li {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    line-height: 130%;
}

.uk-list-square li::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(0.65em - (var(--list-square-size) / 2));
    width: var(--list-square-size);
    height: var(--list-square-size);
    background-color: var(--seoRed);
    z-index: 2;
}

.uk-list-square li:not(:last-child)::after {
    content: '';
    position: absolute;
    left: calc((var(--list-square-size) / 2) - 0.5px);
    top: 0.65em;
    width: 1px;
    height: calc(100% + var(--list-line-gap));
    background-color: var(--seoRed);
    z-index: 1;
}

.uk-list-square.uk-list-products {
    --list-line-gap: 5px;
}
/* === list === */

/* === icons === */
.uk-icon {
    transition: color .3s;
}

.uk-icon path {
    transition: fill .3s, stroke .3s;
}

.uk-icon-third {
    padding: 1px;
    width: 20px;
    height: 20px;
    color: var(--seoGray);
    position: relative;
    box-sizing: border-box;
}

.uk-icon-third:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background-color: var(--white-color);
}

.uk-icon[uk-icon="icon-guarantee-arg"].uk-text-gray path.circle,
.uk-icon[uk-icon="icon-experience-arg"].uk-text-gray path.circle,
.uk-icon[uk-icon="icon-delivery-arg"].uk-text-gray path.circle,
.uk-icon[uk-icon="icon-control-arg"].uk-text-gray path.circle {
    fill: var(--seoYellow);
}

.uk-icon[uk-icon="icon-checked"] {
    width: 15px;
    height: 15px;
    color: var(--seoRed);
}

.uk-icon[uk-icon="icon-checked"] svg {
    width: 100%;
    height: 100%;
}

.uk-icon-third {
    padding: 1px;
    width: 20px;
    height: 20px;
    color: var(--seoGray);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
}

.uk-icon-third svg {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.uk-icon-third:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    background-color: var(--white-color);
}

.uk-icon-third svg,
.uk-icon-third:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.uk-icon[uk-icon="icon-logo"] {
    padding: 5px;
    width: clamp(70px, 6vw, 75px);
    height: clamp(70px, 6vw, 75px);
    border-radius: 100%;
    color: var(--seoGray);
    background-color: var(--seoYellow);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.uk-icon-third:before {
    background-color: var(--seoYellow);
}

.uk-icon-third-white:before {
    background-color: var(--white-color);
}

.uk-icon-third svg {
    height: 100%;
    width: 100%;
}

.uk-icon-colors {
    width: 20px;
    height: 20px;
    display: flex;
}
/* === icons === */

/* === overlay === */
.uk-overlay-custom:after {
    content: '';
    background-color: var(--black-light);
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.uk-overlay-blur:before {
    content: '';
    position: absolute;
    top: 0;
    left: -80px;
    right: 0;
    bottom: -80px;
    border-radius: 100px;
    background: var(--black-light);
    filter: blur(110px);
}

.uk-overlay-primary:before {
    content: '';
    background-color: var(--seoBlack);
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.uk-overlay-primary-light:before {
    background-color: rgba(255, 255, 255, .5);
}

.uk-overlay-primary-6:before {
    opacity: .6;
}
/* === overlay === */

/* === uk-card === */
.uk-card-argument {
    padding: 30px;
}

.uk-card-argument .uk-card-icon {
    width: 40px;
    height: 40px;
}

.uk-card-location {
    padding: 60px 15px 35px;
    background-color: var(--white-color);
    position: relative;
    z-index: 5;
    gap: clamp(30px, 4vw - 12px, 45px);
}

.uk-card-location .uk-card-button {
    height: 40px;
}

.uk-card-steps {
    padding: 40px clamp(30px, 4vw, 30px);
}

.uk-card-steps .uk-card-body {
    padding: 0;
    gap: 20px;
}

.uk-card-steps .uk-card-number {
    padding: 2px 2px 2px 6px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: var(--seoYellow);
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.uk-card-steps .uk-card-list.uk-list {
    gap: 40px;
    position: relative;
}

.uk-card-steps .uk-card-list.uk-list::before {
    content: '';
    border-left: 2px dashed var(--seoYellow);
    position: absolute;
    top: 0;
    left: 9px;
    bottom: 7%;
    z-index: 2;
}

.uk-card-steps .uk-card-list.uk-list li {
    margin-top: 0;
    position: relative;
    z-index: 3;
}

.uk-card-product {
    border: 1px solid rgba(0, 0, 0, .10);
    flex: 1;
}

.uk-card-product .uk-card-header {
    padding: 0;
    position: relative;
    z-index: 4;
}

.uk-card-product .uk-card-logo {
    width: 50px;
    height: 50px;
}

.uk-card-product .uk-card-body {
    padding: 30px 25px 10px;
    position: relative;
    z-index: 5;
}

.uk-card-product .uk-card-body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 245px;
    background-color: var(--seoYellow);
    clip-path: polygon(
            0% 0%,
            0% 100%,
            8.52% 97.26%,
            23.01% 93.03%,
            33.25% 90.23%,
            44.09% 88.63%,
            51.71% 87.47%,
            73.70% 83.35%,
            94.00% 82.63%,
            100% 83.11%,
            100% 0%
    );
}

.uk-card-product .uk-card-media {
    height: clamp(200px, 58vw, 300px);
    position: relative;
    z-index: 3;
    pointer-events: none;
}
.uk-card-product .uk-card-footer {
    padding: 15px 25px clamp(25px, 3vw, 30px);
}

.uk-card-product .uk-card-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.uk-card-product .uk-card-button {
    padding: 8px 20px;
}

.uk-card-review .uk-card-media {
    height: clamp(215px, 58vw, 350px);
}

.uk-card-review .uk-card-body {
    padding: 30px;
}

.uk-card-light {
    background-color: var(--white-color);
}

.uk-card-muted {
    background-color: var(--seoLight-gray);
}

a.uk-card:hover {
    text-decoration: none;
}

a.uk-card .uk-card-title {
    color: var(--seoBlack);
    transition: color .3s ease;
}

a.uk-card:hover .uk-card-title {
    color: var(--seoRed);
}

.uk-card .uk-card-media-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.uk-card-popular {
    padding: 10px 10px 30px;
    border: 1px solid var(--seoLight-gray);
    background-color: var(--white-color);
    position: relative;
    z-index: 10;
}

.uk-card-popular:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 200px;
    background-color: var(--seoYellow);
    clip-path: polygon(
            0% 0%,
            0% 100%,
            8.52% 97.26%,
            23.01% 93.03%,
            33.25% 90.23%,
            44.09% 88.63%,
            51.71% 87.47%,
            73.70% 83.35%,
            94.00% 82.63%,
            100% 83.11%,
            100% 0%
    );
}

.uk-card-popular .uk-card-logo {
    margin: 0 auto clamp(5px, 2vw - 12px, 10px);
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 5;
}

.uk-card-popular .uk-card-media {
    aspect-ratio: 11 / 7;
    position: relative;
    z-index: 4;
}

.uk-card-popular .uk-card-price {
    padding: 5px;
    width: clamp(115px, 14vw, 135px);
    height: clamp(115px, 14vw, 135px);
    border-radius: 100%;
    background-color: var(--seoYellow);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    bottom: -27px;
    left: 0;
}

.uk-card-popular .uk-card-price-small {
    width: clamp(70px, 10vw, 115px);
    height: clamp(70px, 10vw, 115px);
}

.uk-card-popular .uk-card-size {
    margin: 0 auto;
    padding: 5px 10px;
    width: max-content;
    border: 1px solid var(--seoGray);
}

.uk-card-argument .uk-card-icon {
    width: clamp(30px, 4vw, 40px);
    height: clamp(30px, 4vw, 40px);
}

.uk-card-argument .uk-card-icon:before {
    width: clamp(25px, 3vw, 35px);
    height: clamp(25px, 3vw, 35px);
}

.uk-card-protection {
    border: 1px solid var(--seoLight-gray);
}

.uk-card-protection .uk-card-top {
    height: 270px;
    position: relative;
    z-index: 10;
}

.uk-card-protection .uk-card-media {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.uk-card-protection.uk-card-protection-secondary .uk-card-media {
    padding-top: 50px;
}

.uk-card-protection.uk-card-protection-secondary .uk-card-media img {
    object-position: center;
}

.uk-card-protection .uk-card-logo {
    height: 10px;
    display: flex;
    position: absolute;
    top: 20px;
    right: 20px;
}

.uk-card-protection .uk-card-logo-large {
    height: 35px;
}

.uk-card-protection .uk-card-body {
    padding: 20px;
    background-color: var(--seoLight-gray);;
}

.uk-card-algorithm {
    padding: 25px;
    min-width: clamp(250px, 30vw, 300px);
    min-height: 90px;
    box-sizing: border-box;
}

.uk-card-algorithm .uk-card-icon {
    width: clamp(30px, 4vw, 40px);
    height: clamp(30px, 4vw, 40px);
}

.uk-card-algorithm .uk-card-icon:before {
    width: clamp(25px, 3vw, 35px);
    height: clamp(25px, 3vw, 35px);
}

.uk-card-review .uk-card-link {
    font-size: 14px;
    color: var(--seoGray);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .3s ease;
}

.uk-card-review .uk-card-link:hover {
    color: var(--seoRed);
}

.uk-card-review .uk-card-logo {
    width: 130px;
    height: 30px;
}

.uk-card-opportunity .uk-card-media {
    aspect-ratio: 7 / 6;
}

.uk-card-award .uk-card-media {
    aspect-ratio: 5 / 7;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15);
}

.uk-card-article .uk-card-media {
    aspect-ratio: 7 / 4;
}

.uk-card-article .uk-card-body {
    padding: 0;
}

.uk-card-article .uk-card-icon {
    width: 24px;
    height: 24px;
}

.uk-card-stock .uk-card-media {
    aspect-ratio: 7 / 4;
}

.uk-card-stock .uk-card-body {
    padding: 30px 20px 30px;
}

.uk-card-video .uk-card-top {
    aspect-ratio: 7 / 4;
    position: relative;
    z-index: 10;
}

.uk-card-video .uk-card-media {
    height: 100%;
}

.uk-card-video .uk-card-button {
    width: clamp(70px, 7vw, 80px);
    height: clamp(50px, 5vw, 60px);
    color: var(--white-color);
    background-color: rgba(50, 50, 50, .9);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    transition: background-color .3s ease;
}

.uk-card-video .uk-card-button [uk-icon="icon: play"] {
    width: clamp(25px, 3vw, 35px);
    height: clamp(25px, 3vw, 35px);
}

.uk-card-video .uk-card-button [uk-icon="icon: play"] svg {
    width: 100%;
    height: 100%;
}

.uk-card-video .uk-card-button [uk-icon="icon: play"] svg polygon {
    fill: var(--white-color);
}

.uk-card-video .uk-card-logo {
    width: 50px;
    height: 50px;
    position: absolute;
    top: clamp(10px, 2vw, 20px);
    right: clamp(10px, 2vw, 20px);
    z-index: 4;
}

.uk-card-video:hover .uk-card-button {
    background-color: rgba(255, 0, 0, .9);
}

.uk-card-category {
    aspect-ratio: 5 / 4;
    z-index: 10;
    overflow: hidden;
}

.uk-card-category:hover .uk-card-media img {
    transform: scale(1.2);
}

.uk-card-category .uk-card-media img {
    transform: scale(1);
    transition: transform .3s ease;
}

.uk-card-category .uk-card-body {
    padding: clamp(20px, 3vw, 30px);
    position: relative;
    z-index: 5;
}

a.uk-card-category .uk-card-title {
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    line-height: 130%;
    color: var(--white-color);
    text-transform: uppercase;
}

.uk-card-category .uk-card-badge {
    padding: 3px 6px 4px;
    width: max-content;
    font-size: 12px;
    line-height: 130%;
    border-radius: 0;
    background-color: var(--white-color);
    color: var(--seoBlack);
    position: static;
    box-sizing: border-box;
}

.uk-card-accessories,
.uk-card-quality {
    min-height: clamp(390px, 50vw, 500px);
}

.uk-card-accessories .uk-card-body {
    padding: 40px 15px;
}

.uk-card-accessories .uk-card-logo {
    width: clamp(160px, 14vw, 180px);
    height: 40px;
}

.uk-card-accessories .uk-card-body p {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.uk-card-quality {
    min-width: 92%;
}

.uk-card-quality .uk-card-body {
    padding: 30px clamp(15px, 3vw - 5px, 30px);
}

.uk-card-tv .uk-card-media {
    aspect-ratio: 10 / 6;
}

.uk-card-tv .uk-card-body {
    padding: clamp(20px, 3vw, 35px) clamp(15px, 3vw, 30px) 40px;
}

.uk-card-news .uk-card-media {
    aspect-ratio: 7 / 4;
}

.uk-card-news .uk-card-body {
    padding: 25px clamp(15px, 2vw, 20px);
}

.uk-card-shape {
    padding: 12px clamp(20px, 3vw - 5px, 30px) 30px;
}

.uk-card-shape .uk-card-media {
    aspect-ratio: 5 / 4;
}

.uk-card-shape .uk-card-body {
    padding: 10px 0 0;
}

.uk-card-shape-secondary {
    padding: clamp(10px, 3vw, 30px) 20px 30px;
}

.uk-card-shape-secondary .uk-card-media {
    height: clamp(170px, 22vw, 220px);
}

.uk-card-types {
    padding: clamp(20px, 3vw, 30px) clamp(15px, 3vw, 30px) clamp(30px, 4vw, 40px);
    z-index: 10;
}

.uk-card-types .uk-card-top {
    padding-top: 45px;
}

.uk-card-types .uk-card-badge {
    padding: 3px 6px 4px 6px;
    height: 25px;
    font-size: 12px;
    line-height: 130%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--seoYellow);
    color: var(--seoBlack);
    text-transform: none;
    top: clamp(20px, 3vw, 30px);
    left: clamp(15px, 3vw, 30px);
    right: initial;
    z-index: 5;
    box-sizing: border-box;
}

.uk-card-types .uk-card-media {
    aspect-ratio: 11 / 8;
}

.uk-card-types .uk-card-media img {
    object-position: left top;
}

.uk-card-types .uk-card-body {
    padding: 0;
}
/* === uk-card === */

/* === uk-slider === */
.uk-slider-arguments {
    overflow: visible;
}

.uk-slider-arguments .uk-slider-items {
    margin-left: -10px;
}

.uk-slider-arguments .uk-slider-items .uk-slider-slide {
    padding-left: 10px;
    width: 86%;
}

.uk-slider-locations {
    margin: 0 -15px;
    overflow: visible;
}

.uk-slider-locations .uk-slider-wrapper {
    height: 420px;
    position: relative;
}

.uk-slider-locations .uk-slider-nav {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}

.uk-slider-products {
    aspect-ratio: 4 / 4;
}

.uk-slider-products .uk-slider-nav {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}

.uk-slider-portfolio .uk-slider-container {
    margin-left: 15px;
    overflow: visible;
}

.uk-slider-portfolio .uk-slider-items {
    margin-left: -10px;
}

.uk-slider-portfolio .uk-slider-slide {
    padding-left: 10px;
    width: 92%;
    min-height: clamp(400px, 120vw, 425px);
    aspect-ratio: 6 / 6;
}

.uk-slider-primary {
    overflow: visible;
}

.uk-slider-primary .uk-slider-items {
    margin-left: -10px;
}

.uk-slider-primary .uk-slider-slide {
    padding-left: 10px;
    width: 92%;
    display: flex;
    flex-direction: column;
}

.uk-slider-primary-2 .uk-slider-slide {
    width: 50%;
}

.uk-slider-custom {
    margin: 0 -15px;
    padding: 0 15px;
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.uk-slider-custom .uk-slider-slide {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.uk-slider-custom-quality {
    width: auto;
    max-width: initial;
}

.uk-slider-custom-quality .uk-slider-slide {
    width: calc(92% - 40px);
}
/* === uk-slider === */

/* === uk-dotnav === */
.uk-dotnav.uk-dotnav-primary li {
    padding-left: 10px;
}

.uk-dotnav.uk-dotnav-primary li a {
    width: 10px;
    height: 10px;
    background-color: var(--white-color) !important;
    border-radius: 0;
    border: none;
    opacity: 1;
}

.uk-dotnav.uk-dotnav-primary-muted li a {
    background-color: var(--muted-color) !important;
}

.uk-dotnav.uk-dotnav-primary li.uk-active a {
    background-color: var(--seoRed) !important;
}
/* === uk-dotnav === */

.uk-border-hidden\@m {
    border-top: 2px solid var(--muted-color);
}

/* === tab === */
.uk-tab.uk-tab-filter li a {
    padding: 10px 15px;
    min-width: max-content;
    height: 50px;
    color: var(--seoGray);
    border: 1px solid var(--seoGray);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color .3s, border-color .3s, background-color .3s;
}

.uk-tab.uk-tab-filter li a:hover {
    color: var(--white-color);
    background-color: var(--seoGray);
}

.uk-tab.uk-tab-filter li.uk-active a {
    color: var(--white-color);
    background-color: var(--seoGray);
}

.uk-tab.uk-tab-filter:before {
    content: none;
}
.uk-tab-filter.uk-tab-filter-contacts {
    margin-left: -15px;
}

.uk-tab.uk-tab-filter.uk-tab-filter-muted li a {
    background-color: var(--seoLightGrey);
}

.uk-tab.uk-tab-filter.uk-tab-filter-muted li.uk-active a {
    background-color: var(--seoGray);
}

.uk-tab-filter > .tab {
    padding-left: 15px;
}

.uk-tab-filter > .tab.uk-active a {
    background-color: var(--seoGray);
    color: var(--white-color);
    border-color: transparent;
}

.tabs.uk-active {
    margin-left: -15px;
    margin-right: -15px;
}

.tabs.uk-active > .uk-tab-filter {
    padding-left: 15px;
}

.tabs.uk-active > .uk-tab-filter::after {
    content: "";
    flex: 0 0 15px;
    align-self: stretch;
}

.tabs.uk-active.uk-flex-center > .uk-tab-filter::after {
    display: none;
}

.uk-tab {
    margin-left: -15px;
}

.uk-tab > * {
    padding-left: 15px;
}
/* === tab === */

/* === slidenav === */
.uk-slidenav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-slidenav.uk-slidenav-large {
    width: clamp(40px, 4vw, 50px);
    height: clamp(40px, 4vw, 50px);
    box-sizing: border-box;
}

.uk-slidenav .uk-icon[uk-icon="icon-arrow"] {
    color: var(--seoGray);
}

.uk-slidenav:hover .uk-icon[uk-icon="icon-arrow"] {
    color: var(--black);
}

.uk-slidenav.uk-slidenav-next .uk-icon[uk-icon="icon-arrow"] {
    transform: rotate(180deg);
}
/* === slidenav === */

/* === uk-modal === */
.uk-modal-dialog-verification {
    padding: 40px 20px;
    width: 335px
}

.uk-modal-primary {
    padding: 15px;
}

.uk-modal-primary .uk-modal-dialog {
    width: 420px;
}

.uk-modal-primary.uk-modal-success .uk-modal-dialog {
    width: clamp(300px, 80vw, 585px);
}

.uk-modal-primary .uk-modal-close {
    width: clamp(25px, 3vw, 35px);
    height: clamp(25px, 3vw, 35px);
    background-color: var(--seoRed);
    color: var(--white-color);
    position: absolute;
    top: clamp(10px, 2vw, 15px);
    right: clamp(10px, 2vw, 15px);
    z-index: 5;
    transition: background-color .3s;
}

.uk-modal-primary .uk-modal-close:hover {
    background-color: var(--red-medium);
}

.uk-modal-primary .uk-modal-close:active {
    background-color: var(--red-bold);
}

.uk-modal-primary .uk-modal-body {
    padding: clamp(35px, 4vw, 50px) clamp(30px, 4vw, 50px) clamp(30px, 4vw, 50px) clamp(30px, 4vw, 45px);
}

.uk-modal-primary.uk-modal-success .uk-modal-body {
    padding: 30px 30px 60px;
}

.uk-modal-primary .uk-modal-media {
    height: clamp(350px, 75vw, 450px);
    position: relative;
}

.uk-modal-primary .uk-modal-media-small {
    height: clamp(325px, 75vw, 450px);
}

.uk-modal-primary .uk-modal-media-muted {
    border-top: 1px solid rgba(0, 0, 0, .10);
    background-color: var(--muted-color);
}

.uk-modal-primary.uk-modal-success .uk-modal-media {
    width: clamp(60px, 7vw, 90px);
    height: clamp(25px, 4vw, 40px);
    flex: none;
}

.uk-modal-primary .uk-modal-img,
.uk-modal-primary .uk-modal-img img {
    width: 100%;
    height: 100%;
}

.uk-modal-primary .uk-modal-badge {
    padding: 15px 30px;
    font-size: 14px;
    line-height: 120%;
    background-color: var(--white-color);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.uk-modal-primary .uk-modal-body {
    padding: clamp(35px, 3vw, 40px) clamp(30px, 3vw, 40px) clamp(30px, 3vw, 40px) clamp(30px, 3vw, 40px);
}

.uk-modal-primary .uk-modal-media {
    aspect-ratio: 4 / 4;
    min-height: 350px;
    position: relative;
}

.uk-modal-primary.uk-modal-success .uk-modal-media {
    width: clamp(60px, 7vw, 90px);
    height: clamp(25px, 4vw, 40px);
    min-height: auto;
    flex: none;
}

.uk-modal-primary .uk-modal-img {
    width: 100%;
    height: 100%;
}

.uk-modal-product .uk-modal-list li {
    margin-top: 0;
}

.uk-modal-product .uk-modal-list li .uk-icon {
    padding: 4px 3px 4px 4px;
    width: 20px;
    height: 20px;
    background-color: var(--seoYellow);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.uk-modal-product .uk-modal-list li .uk-icon svg {
    width: 100%;
    height: 100%;
}

.uk-modal-product .uk-modal-body {
    padding: 55px 30px 0;
}

.uk-modal-product .uk-modal-media {
    padding: 0 30px 30px;
    aspect-ratio: auto;
    min-height: auto;
    height: auto;
}

.uk-modal-product .uk-modal-media .uk-slider-container {
    margin: 0 -20px 0;
    height: clamp(250px, 35vw, 300px);
}

/* === uk-modal === */

/* === utility === */
.opacity-05 {
    opacity: .5;
}

.opacity-06 {
    opacity: .6;
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

.uk-box-shadow-medium {
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

.uk-white-space {
    white-space: nowrap
}

.grid-custom {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiline-ellipsis-2 {
    -webkit-line-clamp: 2;
}

.multiline-ellipsis-3 {
    -webkit-line-clamp: 3;
}

.multiline-ellipsis-5 {
    -webkit-line-clamp: 5;
}

.multiline-ellipsis-6 {
    -webkit-line-clamp: 6;
}

.multiline-ellipsis-8 {
    -webkit-line-clamp: 8;
}

.multiline-ellipsis-10 {
    -webkit-line-clamp: 10;
}

.scrollbar-x {
    margin: 0 -15px;
    padding: 0 15px;
    overflow-x: auto;
}

.uk-position-z-index-large {
    z-index: 10;
}

.uk-position-z-index-medium {
    z-index: 5;
}

.aspect-ratio-5-4 {
    aspect-ratio: 5 / 4;
}

.aspect-ratio-7-5 {
    aspect-ratio: 7 / 5;
}

.aspect-ratio-7-6 {
    aspect-ratio: 7 / 6;
}

.aspect-ratio-7-7 {
    aspect-ratio: 7 / 7;
}

.aspect-ratio-7-8 {
    aspect-ratio: 7 / 8;
}

.aspect-ratio-11-9 {
    aspect-ratio: 11 / 9;
}

.aspect-ratio-9-5 {
    aspect-ratio: 9 / 5;
}

.aspect-ratio-12-9 {
    aspect-ratio: 12 / 9;
}

.uk-logo-third {
    width: 150px;
    height: 20px;
}

.opacity-07 {
    opacity: 0.7;
}

.word-break {
    word-break: break-word;
}
/* === utility === */

/* === img === */
.uk-img-docs {
    margin: 0 -90px -60px -40px;
    aspect-ratio: 5 / 3;
    position: relative;
}

.uk-img-docs img {
    object-position: center bottom;
}

/* === img === */

/* === quiz === */
.quiz-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10px, 2vw - 5px, 25px);
}

.quiz-checkbox {
    position: relative;
    cursor: pointer;
}

.quiz-checkboxes-secondary {
    grid-template-columns: repeat(1, 1fr);
    transition: border-color .3s;
}

.quiz-checkbox-secondary {
    padding: 20px clamp(20px, 3vw - 5px, 30px);
    border: 1px solid var(--gray-xlight);
    transition: border-color .3s;
}

.quiz-checkbox-img {
    height: clamp(135px, 42vw, 250px);
    border: 3px solid transparent;
    box-sizing: border-box;
    transition: border-color .3s;
}

.quiz-checkbox-dot {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    background-color: var(--gray-xlight);
    display: inline-flex;
    transition: background-color .3s;
}

.quiz-checkbox-icon {
    width: 20px;
    height: 20px;
    color: var(--gray-xlight);
    position: absolute;
    top: clamp(10px, 2vw - 5px, 20px);
    right: clamp(10px, 3vw - 5px, 30px);
    box-sizing: border-box;
    transition: color .3s;
}

.quiz-card {
    background-color: var(--white-color);
}

.quiz-card-media {
    aspect-ratio: 5 / 4;
}

.quiz-card-body {
    padding: clamp(30px, 4vw - 10px, 40px) clamp(20px, 4vw - 10px, 45px) clamp(25px, 4vw - 10px, 40px);
}

.quiz-card-list.uk-list li {
    margin-top: 0;
}

.quiz-checkbox-secondary:has(.quiz-checkbox-input:checked) {
    border-color: var(--seoRed);
}

.quiz-checkbox:has(.quiz-checkbox-input:checked) .quiz-checkbox-img {
    border-color: var(--seoRed);
}

.quiz-checkbox:has(.quiz-checkbox-input:checked) .quiz-checkbox-dot {
    background-color: var(--seoRed);
}

.quiz-checkbox:has(.quiz-checkbox-input:checked) .quiz-checkbox-icon {
    color: var(--seoRed);
}

.quiz-progress-item {
    height: 7px;
    background-color: var(--white-color);
    transition: background-color .3s;
}

.quiz-progress-item.uk-active {
    background-color: var(--seoRed);
}

.quiz-button {
    padding: 10px;
}

.quiz-button.quiz-button-prev {
    width: 50px;
    color: var(--seoGray);
    border: 1px solid var(--seoGray);
}

.quiz-button.quiz-button-next {
    padding: 10px 20px;
}

.quiz-progress-item-muted {
    background-color: var(--seoLight-gray);
}
/* === quiz === */

/* === swiper === */
.swiper.swiper-products {
    overflow: visible;
    width: 100%;
}

.swiper.swiper-products .swiper-slide {
    width: 92%;
    display: flex;
    flex-direction: column;
    height: auto;
}

.swiper.swiper-portfolio {
    overflow: visible;
    margin-left: 15px;
    margin-right: 15px;
}

.swiper.swiper-portfolio .swiper-slide {
    width: 92%;
    height: auto;
    margin-right: 10px;
    min-height: 420px;
    aspect-ratio: 4 / 4;
}
/* === swiper === */

[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--seoRed)
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn:hover {
    background-color: var(--light-gray);
    --tw-bg-opacity: 1;
    color: var(--black)
}

[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn {
    font-weight: 400
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn {
    color: var(--black)
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected], [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover {
    background-color: var(--seoRed)
}

[data-vc-theme=light] .vc-date__btn {
    color: var(--black);
    transition: background-color .3s
}

[data-vc-theme=light] .vc-year {
    font-size: 18px
}

[data-vc-theme=light] .vc-months__month, [data-vc-theme=light] .vc-years__year {
    color: var(--black);
    transition: background-color .3s
}

[data-vc-theme=light] .vc-years__year:hover {
    background-color: var(--red-light)
}

[data-vc-theme=light] .vc-years__year:disabled {
    color: var(--disable-black)
}

[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected], [data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover {
    background-color: var(--seoRed)
}

[data-vc-theme=light] .vc-months__month:hover {
    background-color: var(--red-light)
}

[data-vc-theme=light] .vc-months__month:disabled {
    color: var(--disable-black)
}

[data-vc-theme=light] .vc-month {
    font-size: 18px;
    transition: color .3s
}

[data-vc-theme=light] .vc-month:hover, [data-vc-theme=light] .vc-year:hover {
    color: var(--seoRed)
}

[data-vc-theme=light] .vc-year {
    transition: color .3s;
    color: var(--black)
}

[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn:hover {
    --tw-bg-opacity: 1;
    background-color: var(--red-light)
}

[data-vc-theme=light] .vc-date__btn:hover {
    background-color: var(--red-light)
}

[data-vc-theme=light] .vc-date[data-vc-date-disabled] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn {
    color: var(--disable-black)
}

[data-vc-theme=light] .vc-month {
    color: var(--black)
}

[data-vc-theme=light] .vc-week__day {
    color: var(--black);
    font-size: 14px;
    font-weight: 400
}

[data-vc=calendar] {
    width: 100%;
    min-width: 230px
}

[data-vc=column] {
    flex: none;
    min-width: 210px
}

[data-vc=grid] {
    gap: 20px;
    justify-content: space-between
}

[data-vc=calendar] {
    padding: 0
}

[data-vc-date-btn] {
    font-size: 14px;
    width: 100%;
    transition: background-color .3s;
    min-height: 30px;
    min-width: 30px
}

[data-vc-date-btn]:hover {
    background-color: var(--red-light)
}

[data-vc-date] {
    padding: 0
}

[data-vc=controls] {
    padding: 3px 0 0
}

[data-vc=dates] {
    gap: 3px 0
}

/* === header === */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.header-wrap {
}

.header-wrap .header-wrap__top {
    padding: 7px 0;
}

.header-wrap .header-wrap__bottom {
    padding: 0 0 10px 0;
}

.header-subnav {
    margin: 0;
    padding: 0;
    list-style: none;
    /*gap: 30px*/
}

.header-subnav > li {
    padding-left: 20px;
    padding-right: 10px;
}

.header-subnav > li > a {
    font-size: 14px;
    color: #01090f;
    /*line-height: 40px;*/
    transition: color .3s;
}

.header-subnav > li > a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.header-phone {
    font-size: 14px;
    font-weight: 700;
    color: #01090f;
    transition: color .3s;
}

.header-phone:hover {
    text-decoration: none;
    color: #ed1c24;
}

.header-sub-link {
    gap: 25px;
}

.header-sub-link .header-sub-link__item {
    font-size: 14px;
    color: #01090f;
    gap: 5px;
    transition: color .3s;
}

.header-sub-link .header-sub-link__item span {
    color: #575c63;
    transition: color .3s;
}

.header-sub-link .header-sub-link__item:hover {
    color: #ed1c24;
    text-decoration: none;
}

.header-sub-link .header-sub-link__item:hover span {
    color: #ed1c24;
}

.header-subnav__dropdown {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    background-color: #ffffff;
    padding: 15px 20px;
}

.header-subnav__dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-subnav__dropdown ul li.header-subnav__active a {
    opacity: .6;
}

.header-subnav__dropdown ul li a {
    font-size: 14px;
    color: #01090f;
    padding: 8px 0;
    display: inline-block;
    transition: color .3s;
}

.header-subnav__dropdown ul li a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.header-subnav__dropdown ul li:first-child a {
    padding-top: 0;
}

.header-subnav__dropdown ul li:last-child a {
    padding-bottom: 0;
}

.header-subnav__dropdown ul li:not(:last-child) {
    border-bottom: 1px solid #f3f3f3;
}

.header-logo {
    position: relative;
    min-width: 117px
}

.header-logo > * {
    position: absolute;
    background-color: #ffe650;
    z-index: 99;
    padding: 30px 8px 12px;
    bottom: -50px;
}

.header-logo > * > img {
    max-width: 50px
}

.navbar-header {
    margin-left: 142px;
}

.navbar-header-wrap {
    display: flex;
    gap: 25px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar-header-wrap > li > .navbar-header__item {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 1.6;
    font-size: 16px;
    color: #01090f;
    transition: color .3s;
}

.navbar-header-wrap > li > .navbar-header__item:hover {
    color: #ed1c24;
    text-decoration: none;
}

.navbar-header-wrap > li > .navbar-header__item span {
}

.header-btn {
    height: 25px;
    font-size: 10px;
    padding: 0 clamp(5px, 5vw - 6px, 20px);
    letter-spacing: .3px;
}

.header-social-link {
    background-color: #f3f3f3;
    height: 25px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}

.header-social-link:hover {
    background-color: #efe9e2;
}

.new-header__dropdown {
    padding: 15px 40px;
}

.navbar-sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navbar-sub-menu li:not(:last-child) {
    margin-bottom: 20px;
}

.navbar-sub-menu li a {
    font-size: 14px;
    color: #01090f;
    display: flex;
    width: 172px;
    justify-content: space-between;
    align-items: center;
}

.navbar-sub-menu li a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.navbar-sub-menu-wrap {
    padding: 10px 35px 10px 0;
    border-right: 1px solid #f3f3f3;
}

.navbar-sub-sub-menu {
    padding: 10px 0 10px 35px;
}

.navbar-sub-sub-wrap .navbar-sub-sub__title a {
    font-size: 14px;
    color: #01090f;
    margin-bottom: 5px;
    transition: color .3s;
}

.navbar-sub-sub-wrap .navbar-sub-sub__title a:hover {
    color: #ED1C24;
    text-decoration: none;
}

.navbar-sub-sub-wrap .navbar-sub-sub__item a {
    font-size: 12px;
    color: #01090f;
    transition: .3s;
}

.navbar-sub-sub-wrap .navbar-sub-sub__item.sub-active a {
    opacity: .6;
}

.navbar-sub-sub-wrap .navbar-sub-sub__item a:hover {
    color: #ED1C24;
    text-decoration: none;
}

.navbar-sub-sub-wrap .navbar-sub-sub__item {
    display: flex;
    align-items: center;
}

.navbar-sub-sub-menu > div > .navbar-sub-sub-wrap:not(:first-child) {
    border-top: 1px solid #f3f3f3;
    padding-top: 15px;
    display: block;
}

.navbar-sub-sub-wrap .navbar-sub-sub__item .navbar-sub-sub__divider {
    display: inline-block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #f3f3f3;
}

.navbar-sub-sub-menu .navbar-sub-sub-wrap {
    display: grid;
    grid-auto-flow: column;

    grid-template-rows: repeat(10, auto);
    column-gap: 30px;
    row-gap: 4px;
    grid-auto-columns: minmax(140px, max-content);
}

.navbar-sub-sub-menu > div > .navbar-sub-sub-wrap:not(:last-child) {
    margin-bottom: 15px;
    display: block;
}

.navbar-sub-sub-menu {
    display: none;
}

.navbar-sub-sub-menu.active {
    display: block;
}

.navbar-sub-menu a.active {
    color: #ED1C24;
}

.modal-gray.uk-modal-dialog {
    width: 315px;
    padding: 35px 30px 58px 30px;
    background-color: #f3f3f3;
}

.modal-gray .uk-modal-title {
    font-size: 18px;
    font-weight: 700;
}

.modal-gray .privacy-text {
    font-size: 12px;
    color: #01090f;
    line-height: 1.5;
}

.modal-gray .privacy-text a {
    color: #01090f;
    text-decoration: none;
}

.modal-gray .privacy-text a:hover {
    color: inherit;
}

.modal-gray button[type=submit] {
    line-height: 38px;
    font-size: 14px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-12 {
    margin-top: 12px;
}

.modal-gray .uk-checkbox {
    border: 1px solid #01090f;
    width: 11px;
    height: 11px;
    margin-top: -8px;
}

.modal-gray .uk-input {
    border-color: rgba(87, 92, 99, 0.4);
    font-size: 14px;
}

.modal-gray .uk-input::placeholder {
    color: #01090f;
    font-size: 14px;
}

.modal-gray .uk-modal-close-default {
    background-color: #ed1c24;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    color: #f2f9f9;
}

.flex-gap-35 {
    gap: 35px;
}

.flex-gap-17 {
    gap: 17px;
}

.flex-gap-10-15-8 {
    gap: 10px;
}

.flex-gap-3-5-3 {
    gap: 3px;
}

.flex-gap-5 {
    gap: 5px;
}

/* === header === */

.calc-item.calc-item-medium {
    aspect-ratio: 7 / 5;
}

.uk-subnav-pill.calc-subnav li a {
    padding: 10px;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
}

.uk-h3 {
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

/* === tile === */
.uk-tile-light {
    background-color: var(--white-color);
}

.uk-tile-four .uk-tile-body {
    padding: clamp(30px, 4vw - 6px, 50px) clamp(15px, 4vw - 6px, 50px);
}
/* === tile === */

/* === link === */
.uk-link {
    transition: color .3s ease;
}

.uk-link-underline {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.uk-link-primary {
    color: var(--seo-black);
}

.uk-link-primary:hover {
    color: var(--seoRed);
}
/* === link === */

/* === label === */
.uk-badge-third {
    padding: 15px 30px;
    background-color: var(--seoLight-gray);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
/* === label === */

/* === subnav === */
.uk-subnav.uk-subnav-primary li a {
    padding: 10px 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    transition: border-color .3s, background-color .3s, color .3s;
}

.calc-subnav-secondary.uk-subnav-pill {
    margin-left: -10px;
    flex-wrap: nowrap;
}

.calc-subnav-secondary.uk-subnav-pill li {
    padding-left: 10px;
}

.calc-subnav-secondary.uk-subnav-pill li a {
    width: 85px;
    height: 55px;
    background-color: var(--seoLight-gray);
    box-sizing: border-box;
    transition: color .3s ease;
}

.calc-subnav-secondary.uk-subnav-pill li.uk-active a {
    color: var(--seoRed);
}

.calc-item {
    aspect-ratio: 5 / 4;
}

.calc-subnav-secondary li a svg {
    width: 100%;
    height: 100%;
}

.uk-subnav-colors {
    margin-left: 0;
    align-items: start;
    gap: 15px;
}

.uk-subnav-colors li {
    padding-left: 0;
    width: clamp(55px, 6vw, 70px);
}

.uk-subnav-colors li a {
    padding: 0;
    width: 100%;
    height: clamp(55px, 6vw, 70px);
    border: 3px solid transparent;
    border-radius: 100%;
    overflow: hidden;
    box-sizing: border-box;
    transition: border-color .3s ease;
}

.uk-subnav-colors li.uk-active a {
    border-color: var(--seoRed);
}
/* === subnav === */

/* === thumbnav === */
.uk-thumbnav li a {
    padding: clamp(20px, 3vw - 5px, 30px);
    font-size: clamp(16px, 2vw, 18px);
    background-color: var(--white-color);
    color: var(--seoBlack);
    transition: background-color .3s ease, color .3s ease;
}

.uk-thumbnav li.uk-active a {
    background-color: var(--seoYellow);
}

.uk-thumbnav li a span:first-child {
    font-weight: 700;
}

.uk-thumbnav li a span:last-child {
    flex: 1;
}

.uk-thumbnav li a:after {
    content: none;
}

.uk-thumbnav li a:hover {
    color: var(--seoRed);
    text-decoration: none;
}
/* === thumbnav === */

/* === flex === */
.uk-flex-shrink {
    flex-shrink: 0;
}
/* === flex === */

/* === padding === */
.uk-padding-15-x {
    padding: 0 15px;
}

.uk-padding-25 {
    padding: 25px;
}

.uk-padding-25-20-y-30-20-x {
    padding: clamp(20px, 2vw, 25px) clamp(20px, 3vw, 30px);
}

.uk-padding-30-20 {
    padding: clamp(20px, 2vw, 30px);
}

.uk-padding-50-y {
    padding: 50px 0;
}
/* === padding === */

/* === slideshow === */
.uk-slideshow-steps .uk-slideshow-items {
    aspect-ratio: 10 / 9;
}
/* === slideshow === */

/* === finishing price === */
.finishing-price .finishing-price-media {
    display: flex;
    flex-direction: column;
}
.finishing-price .finishing-price-image {
    position: relative;
    aspect-ratio: 375 / 407;
}

.finishing-price .finishing-price-inner {
    padding: 20px 0 0;
}

.finishing-price .finishing-price-inner .uk-list-numbered {
    padding-left: 20px;
}
/* === finishing price === */


@media (min-width: 640px) {
    /* === container === */
    .uk-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
    /* === container === */

    /* === tile === */
    .uk-tile-third .uk-tile-media .uk-tile-img {
        top: -110px;
    }

    .uk-tile-third .uk-tile-media .uk-tile-img.uk-tile-img-default {
        top: 0;
    }
    /* === tile === */

    /* === width === */
    .uk-width-7-10\@s {
        width: 70%;
    }

    .uk-width-9-10\@s {
        width: 90%;
    }
    /* === width === */

    .uk-overlay-blur:before {
        filter: blur(165px);
    }

    /* === promo === */
    .promo-inner {
        margin: 0 -30px;
    }

    .promo-video {
        aspect-ratio: 12 / 6;
    }

    .promo-left {
        padding: clamp(30px, 5vw, 50px) 30px 60px;
    }

    .promo-slider {
        margin: 0 -30px;
    }

    .promo-left-secondary {
        padding: clamp(30px, 5vw, 50px) 30px 100px;
    }
    /* === promo === */

    /* === uk-slider === */
    .uk-slider-arguments .uk-slider-items .uk-slider-slide {
        width: 48%;
    }

    .uk-slider-locations {
        margin: 0 -30px;
    }

    .uk-slider-locations .uk-slider-wrapper {
        height: auto;
        aspect-ratio: 11 / 5;
    }

    .uk-slider-products {
        aspect-ratio: 6 / 4;
    }

    .uk-slider-portfolio .uk-slider-container {
        margin-left: 0;
        overflow: clip;
    }

    .uk-slider-portfolio .uk-slider-slide {
        min-height: auto;
        width: 50%;
    }

    .uk-slider-primary.uk-slider-primary-2\@s .uk-slider-slide {
        width: 50%;
    }

    .uk-slider-primary.uk-slider-primary-3\@s .uk-slider-slide {
        width: calc(100% / 3);
    }

    .uk-slider-primary .uk-slider-items {
        margin-left: -15px;
    }

    .uk-slider-primary .uk-slider-slide {
        padding-left: 15px;
        width: 50%;
    }

    .uk-slider-custom {
        margin: 0 -30px;
        padding: 0 30px;
    }

    .uk-slider-custom .uk-slider-slide {
        width: calc(50% - 5px);
    }

    .uk-slider-custom-quality .uk-slider-slide {
        width: calc(50% - 62px);
    }
    /* === uk-slider === */

    /* === uk-card === */
    .uk-card-location {
        padding: 60px 30px 35px;
    }

    .uk-card-steps {
        min-height: clamp(400px, 52vw, 480px);
    }

    .uk-card-steps .uk-card-body {
        padding: 0;
        width: clamp(280px, 50vw, 470px);
        height: clamp(140px, 21vw, 195px);
        border-radius: 100%;
        border: 2px dashed var(--seoYellow);
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .uk-card-steps .uk-card-list.uk-list {
        position: static;
    }

    .uk-card-steps .uk-card-list.uk-list::before {
        content: none;
    }

    .uk-card-steps .uk-card-list.uk-list li {
        width: 75%;
        position: absolute;
    }

    .uk-card-steps .uk-card-list li:first-child {
        bottom: calc(100% - 11px);
    }

    .uk-card-steps .uk-card-list li:nth-child(2),
    .uk-card-steps .uk-card-list li:nth-child(6) {
        bottom: calc(100% - clamp(30px, 5vw - 3px, 45px));
    }

    .uk-card-steps .uk-card-list li:nth-child(4) {
        top: calc(100% - 11px);
    }

    .uk-card-steps .uk-card-list li:nth-child(5),
    .uk-card-steps .uk-card-list li:nth-child(6) {
        right: calc(100% - clamp(60px, 7vw, 65px));
    }

    .uk-card-steps .uk-card-list li:nth-child(2),
    .uk-card-steps .uk-card-list li:nth-child(3) {
        left: calc(100% - clamp(60px, 7vw, 65px));
    }

    .uk-card-steps .uk-card-list li:first-child,
    .uk-card-steps .uk-card-list li:nth-child(4) {
        left: 50%;
        transform: translateX(-50%);
    }

    .uk-card-steps .uk-card-list li:nth-child(3),
    .uk-card-steps .uk-card-list li:nth-child(5) {
        top: calc(100% - clamp(30px, 5vw - 3px, 45px));
    }

    .uk-card-review .uk-card-media {
        height: clamp(250px, 32vw, 350px);
    }

    .uk-card-product .uk-card-media {
        height: clamp(180px, 28vw, 240px);
    }

    .uk-card-protection.uk-card-protection-secondary .uk-card-media {
        padding-top: 20px;
    }

    .uk-card-protection.uk-card-protection-secondary .uk-card-media img {
        object-position: left bottom;
    }

    .uk-card-opportunity .uk-card-media {
        aspect-ratio: 10 / 6;
    }

    .uk-card-accessories .uk-card-body {
        padding: 40px 30px;
    }

    .uk-card-quality {
        min-width: auto;
        width: 50%;
    }
    /* === uk-card === */

    .tabs.uk-active {
        margin-left: -30px;
        margin-right: -30px;
    }

    .tabs.uk-active > .uk-tab-filter {
        padding-left: 30px;
    }

    .tabs.uk-active > .uk-tab-filter::after {
        flex: 0 0 30px;
    }

    .uk-modal-primary .uk-modal-media {
        height: 380px;
    }

    .uk-modal-product .uk-modal-media {
        height: auto;
    }

    .uk-modal-primary.uk-modal-success .uk-modal-body {
        padding: 40px 30px;
    }

    .uk-img-docs {
        margin: 0 0 -60px;
        aspect-ratio: 8 / 3;
    }

    .quiz-checkboxes {
        grid-template-columns: repeat(3, 1fr);
    }

    .quiz-checkboxes-secondary {
        grid-template-columns: repeat(1, 1fr);
    }

    .quiz-card-media {
        width: 50%;
        aspect-ratio: initial;
    }

    .quiz-checkbox-img {
        height: clamp(175px, 25vw, 250px);
    }

    .swiper.swiper-products {
        overflow: hidden;
    }

    .swiper.swiper-products .swiper-wrapper {
        display: grid;
        gap: clamp(10px, 2vw - 4px, 25px);
        grid-template-columns: repeat(2, 1fr);
    }

    .swiper.swiper-products .swiper-slide {
        width: 100%;
    }

    .header-phone {
        font-size: 18px;
    }

    .header-btn {
        height: 40px;
        font-size: 16px;
        padding: 0 40px;
    }

    .flex-gap-10-15-8 {
        gap: 15px;
    }

    .flex-gap-3-5-3 {
        gap: 5px;
    }

    .header-social-link {
        height: 40px;
        width: 52px;
    }

    .header-wrap .header-wrap__bottom {
        padding: 9px 0 15px 0;
    }

    .header-logo > * {
        padding: 33px 15px 15px;
        bottom: -69px;
    }

    .header-logo > * > img {
        max-width: 71px
    }

    /* === section === */
    .uk-section-gradient:before {
        bottom: 40%;
    }
    /* === section === */

    /* === width === */
    .uk-width-max-content\@s {
        width: max-content;
    }

    .uk-width-55-100\@s {
        width: 55%;
    }
    /* === width === */

    /* === margin === */
    .uk-margin-cover {
        margin: 0 -30px;
    }

    .uk-margin-cover-none\@s {
        margin: 0;
    }
    /* === margin === */

    /* === padding === */
    .uk-padding-remove\@s {
        padding: 0;
    }

    .uk-padding-30-x\@s {
        padding: 0 30px;
    }
    /* === padding === */

    /* === tab === */
    .uk-tab {
        margin-left: -20px;
    }

    .uk-tab > * {
        padding-left: 20px;
    }
    /* === tab === */

    .uk-badge-third {
        transform: translateX(-50%);
        left: 50%;
        right: initial;
    }

    /* === utility === */
    .grid-custom {
        grid-template-columns: repeat(2, 1fr);
    }

    .scrollbar-x {
        margin: 0 -30px;
        padding: 0 30px;
    }

    .aspect-ratio-7-4\@s {
        aspect-ratio: 7 / 4;
    }

    .aspect-ratio-7-5\@s {
        aspect-ratio: 7 / 5;
    }

    .aspect-ratio-9-5\@s {
        aspect-ratio: 9 / 5;
    }

    .aspect-ratio-10-5\@s {
        aspect-ratio: 10 / 5;
    }

    .aspect-ratio-14-9\@s {
        aspect-ratio: 14 / 9;
    }

    .aspect-ratio-16-9\@s {
        aspect-ratio: 16 / 9;
    }
    /* === utility === */

    /* === swiper === */
    .swiper.swiper-portfolio .swiper-slide {
        width: 50%;
        height: auto;
        min-height: auto;
        aspect-ratio: 10 / 8;
    }

    .swiper.swiper-portfolio {
        margin-left: 0;
        margin-right: 0;
    }
    /* === swiper === */

    /* === slideshow === */
    .uk-slideshow-steps .uk-slideshow-items {
        aspect-ratio: 15 / 9;
    }
    /* === slideshow === */

    /* === finishing price === */
    .finishing-price .finishing-price-image {
        aspect-ratio: 4 / 3;
    }
    /* === finishing price === */
}


@media (min-width: 960px) {
    .uk-tile-third .uk-tile-media {
        height: auto;
    }

    .uk-tile-third .uk-tile-media .uk-tile-img,
    .uk-tile-third .uk-tile-media .uk-tile-img.uk-tile-img-default {
        top: -80px;
    }

    .uk-tile-border\@m {
        border: 1px solid rgba(0, 0, 0, 0.10);
    }

    .uk-width-max-content\@m {
        width: max-content;
    }

    .uk-width-340-300\@m {
        width: clamp(300px, 25vw, 340px);
    }

    .uk-section {
        padding: 80px 0;
    }

    .uk-list-region {
        flex-wrap: wrap;
    }

    .uk-overlay-blur:before {
        left: -100px;
        bottom: -100px;
        filter: blur(265px);
    }

    /* === promo === */
    .promo-video {
        aspect-ratio: 8 / 6;
    }

    .promo-left {
        padding: clamp(30px, 4vw, 50px) 30px 60px clamp(15px, 4vw - 12px, 50px);
    }

    .promo-slider {
        margin: 0 -40px;
    }

    .promo-slider-buttons {
        left: calc(50% + clamp(15px, 4vw - 12px, 50px));
        bottom: 30px;
        transform: none;
    }

    .promo-left-secondary {
        padding: clamp(30px, 4vw, 50px) 30px 100px clamp(15px, 4vw - 12px, 50px);
    }
    /* === promo === */

    /* === uk-slider === */
    .uk-slider-arguments .uk-slider-items {
        margin-left: -15px;
    }

    .uk-slider-arguments .uk-slider-items .uk-slider-slide {
        padding-left: 15px;
        width: 30%;
    }

    .uk-slider-locations {
        margin: 0;
        min-height: clamp(420px, 40vw, 520px);
        overflow: visible;
    }

    .uk-slider-locations .uk-slider-wrapper {
        aspect-ratio: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .uk-slider-products {
        height: 100%;
        aspect-ratio: auto;
    }

    .uk-slider-portfolio .uk-slider-items {
        margin-left: -25px;
    }

    .uk-slider-portfolio .uk-slider-slide {
        padding-left: 25px;
        aspect-ratio: 10 / 6;
    }

    .uk-slider-primary.uk-slider-primary-3\@m .uk-slider-slide {
        width: calc(100% / 3);
    }

    .uk-slider-primary.uk-slider-primary-4\@m .uk-slider-slide {
        width: 25%;
    }

    .uk-slider-custom-none\@m,
    .uk-slider-custom-quality {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        overflow: initial;
    }

    .uk-slider-custom-quality {
        width: 40%;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .uk-slider-custom .uk-slider-slide {
        width: auto;
    }
    /* === uk-slider === */

    .uk-border-hidden\@m {
        border-top: none;
    }

    /* === uk-card === */
    .uk-card-location {
        margin-left: clamp(40px, 6vw - 5px, 80px);
        padding: 30px;
        max-width: clamp(370px, 32vw, 400px);
        width: 100%;
        border-top: 2px solid var(--muted-color);
    }

    .uk-card-steps .uk-card-body {
        width: clamp(315px, 34vw - 15px, 470px);
        height: clamp(150px, 14vw, 195px);
    }

    .uk-card-steps .uk-card-list li:first-child {
        bottom: calc(100% - 11px);
    }

    .uk-card-steps .uk-card-list li:nth-child(2),
    .uk-card-steps .uk-card-list li:nth-child(6) {
        bottom: calc(100% - clamp(30px, 4vw - 10px, 45px));
    }

    .uk-card-steps .uk-card-list li:nth-child(4) {
        top: calc(100% - 11px);
    }

    .uk-card-steps .uk-card-list li:nth-child(5),
    .uk-card-steps .uk-card-list li:nth-child(6) {
        right: calc(100% - clamp(60px, 5vw - 5px, 65px));
    }

    .uk-card-steps .uk-card-list li:nth-child(2),
    .uk-card-steps .uk-card-list li:nth-child(3) {
        left: calc(100% - clamp(60px, 5vw - 5px, 65px));
    }

    .uk-card-steps .uk-card-list li:first-child,
    .uk-card-steps .uk-card-list li:nth-child(4) {
        left: 50%;
        transform: translateX(-50%);
    }

    .uk-card-steps .uk-card-list li:nth-child(3),
    .uk-card-steps .uk-card-list li:nth-child(5) {
        top: calc(100% - clamp(30px, 4vw - 10px, 45px));
    }


    .uk-card-product .uk-card-media {
        height: clamp(180px, 18vw, 240px);
    }

    .uk-card-popular {
        padding: 20px;
    }

    .uk-card-popular:before {
        height: 245px;
    }

    .uk-card-popular .uk-card-price {
        bottom: -20px;
        left: -10px;
    }

    .uk-card-stock .uk-card-body {
        padding: 30px 25px 25px;
    }

    .uk-card-popular .uk-card-media-large\@m {
        aspect-ratio: 8 / 7;
    }

    .uk-card-accessories .uk-card-body {
        padding: 40px;
    }

    .uk-card-types .uk-card-top {
        padding-top: 0;
        aspect-ratio: 12 / 6;
    }

    .uk-card-types .uk-card-media {
        aspect-ratio: 12 / 6;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 3;
    }

    .uk-card-types .uk-card-media img {
        object-position: right top;
    }
    /* === uk-card === */

    /* === uk-modal === */
    .uk-modal-dialog-verification {
        padding: 40px;
        width: 380px;
    }

    .uk-modal-primary .uk-modal-dialog {
        width: 875px;
    }

    .uk-modal-primary.uk-modal-success .uk-modal-dialog {
        width: 585px;
        min-height: 210px;
    }

    .uk-modal-primary .uk-modal-media {
        height: auto;
        flex: 1;
    }

    .uk-modal-primary .uk-modal-media-muted {
        border-top: none;
    }

    .uk-modal-primary .uk-modal-img-secondary img {
        object-position: bottom;
    }

    .uk-modal-primary .uk-modal-badge {
        width: max-content;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
    }

    .uk-modal-primary .uk-modal-close line {
        stroke-width: 2px;
    }

    .uk-modal-primary .uk-modal-dialog {
        width: 880px;
    }

    .uk-modal-primary.uk-modal-success .uk-modal-dialog {
        width: 585px;
        min-height: 210px;
    }

    .uk-modal-primary .uk-modal-media {
        height: auto;
        flex: 1;
        aspect-ratio: initial;
    }

    .uk-modal-product .uk-modal-dialog {
        padding: 40px 50px;
        width: 1070px;
    }

    .uk-modal-product .uk-modal-media {
        padding: 0;
    }

    .uk-modal-product .uk-modal-media .uk-slider-container {
        margin-bottom: -50px;
        height: clamp(300px, 26vw, 360px);
    }

    .uk-modal-product .uk-modal-body {
        padding: 0;
    }
    /* === uk-modal === */

    /* === padding === */
    .uk-padding-remove\@m {
        padding: 0;
    }
    /* === padding === */

    .uk-img-docs {
        margin: 0;
        aspect-ratio: auto;
        height: 400px;
        position: absolute;
        bottom: 0;
    }

    .uk-img-docs img {
        object-position: left bottom;
    }

    .quiz-checkboxes {
        grid-template-columns: repeat(5, 1fr);
    }

    .quiz-checkboxes-secondary {
        grid-template-columns: repeat(2, 1fr);
    }

    .quiz-checkbox-dot {
        margin-top: 0;
    }

    .quiz-card-media {
        width: 55%;
    }

    .quiz-checkbox-img {
        height: clamp(160px, 17vw, 225px);
    }

    .swiper.swiper-products .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .uk-container-item-padding-remove-left {
        margin-left: -30px !important
    }

    .uk-container-item-padding-remove-right {
        margin-right: -30px !important
    }

    .calc-subnav-secondary.uk-subnav-pill {
        margin-left: -25px;
        gap: 15px 0;
        flex-wrap: wrap;
    }

    .calc-subnav-secondary.uk-subnav-pill li {
        padding-left: 25px;
    }

    /* === margin === */
    .uk-margin-cover {
        margin: 0 -40px;
    }

    .uk-margin-cover-none\@m {
        margin: 0;
    }
    /* === margin === */

    /* === accessories === */
    /* блок "Фурнитура" во всю ширину экрана, без отступов контейнера */
    .uk-section-accessories .uk-container {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .uk-section-accessories .uk-margin-cover {
        margin: 0;
    }
    /* === accessories === */

    /* === width === */
    .uk-width-95-100\@m {
        width: 95%;
    }

    .uk-width-38-100\@m {
        width: 38%;
    }

    .uk-width-35-100\@m {
        width: 35%;
    }

    .uk-width-55-100\@m {
        width: 55%;
    }
    /* === width === */

    /* === utility === */
    .uk-object-center-right\@m {
        object-position: right center;
    }

    .scrollbar-x {
        margin: 0 -40px;
        padding: 0 40px;
    }

    .aspect-ratio-6-4\@m {
        aspect-ratio: 6 / 4;
    }

    .aspect-ratio-9-4\@m {
        aspect-ratio: 9 / 4;
    }

    .aspect-ratio-10-9\@m {
        aspect-ratio: 10 / 9;
    }

    .aspect-ratio-11-4\@m {
        aspect-ratio: 11 / 4;
    }

    .aspect-ratio-14-9\@m {
        aspect-ratio: 14 / 9;
    }
    /* === utility === */

    /* === quiz === */
    .quiz-checkboxes-3\@m {
        grid-template-columns: repeat(3, 1fr);
    }

    .quiz-checkboxes-4\@m {
        grid-template-columns: repeat(4, 1fr);
    }

    .quiz-checkboxes-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    /* === quiz === */

    /* === swiper === */
    .swiper.swiper-portfolio .swiper-slide {
        margin-right: 25px;
        aspect-ratio: 11 / 8;
    }
    /* === swiper === */

    /* === slideshow === */
    .uk-slideshow-steps .uk-slideshow-items {
        aspect-ratio: 11 / 9;
    }
    /* === slideshow === */

    /* === finishing price === */
    .finishing-price .finishing-price-media {
        display: block;
    }

    .finishing-price .finishing-price-media:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 3;
        background-color: rgba(255, 255, 255, .3);
    }

    .finishing-price .finishing-price-image {
        position: absolute;
        aspect-ratio: auto;
    }

    .finishing-price .finishing-price-inner {
        padding: 50px 0;
    }

    .finishing-price .finishing-price-inner .uk-list-numbered {
        padding-left: 30px;
    }
    /* === finishing price === */
}


@media (min-width: 1200px) {
    .uk-tile-third .uk-tile-media .uk-tile-img,
    .uk-tile-third .uk-tile-media .uk-tile-img.uk-tile-img-default {
        top: -100px;
    }

    .uk-width-9-10\@l {
        width: 90%;
    }

    .uk-flex-gap-90-35\@l {
        gap: clamp(75px, 7vw - 10px, 90px);
    }

    /* === slider === */
    .uk-slider-arguments {
        overflow: hidden;
    }

    .uk-slider-arguments .uk-slider-items {
        margin-left: -25px;
    }

    .uk-slider-arguments .uk-slider-items .uk-slider-slide {
        padding-left: 25px;
        width: 25%;
    }

    .uk-slider-primary .uk-slider-items {
        margin-left: -25px;
    }

    .uk-slider-primary .uk-slider-slide {
        padding-left: 25px;
        width: calc(100% / 3);
    }

    .uk-slider-primary.uk-slider-primary-4\@l .uk-slider-slide {
        width: 25%;
    }

    .uk-slider-primary.uk-slider-primary-5\@l .uk-slider-slide {
        width: 20%;
    }

    .uk-slider-custom-quality {
        width: 50%;
    }
    /* === slider === */
    /* === uk-card === */
    .uk-card-steps .uk-card-list.uk-list li {
        width: max-content;
    }

    .uk-card-review .uk-card-media {
        width: 45%;
        height: 100%;
    }

    .uk-card-review .uk-card-body {
        padding: 40px;
    }

    .uk-card-accessories-right .uk-card-body {
        padding-left: clamp(40px, 6vw - 6px, 80px);
    }

    .uk-card-accessories-left .uk-card-body {
        padding-left: clamp(40px, 6vw - 6px, 80px);
    }
    /* === uk-card === */

    .header-wrap .header-wrap__top {
        background-color: #f3f3f3;
    }

    .header-subnav {
        margin-left: 122px;
    }

    .header-btn {
        height: 35px;
        font-size: 12px;
        padding: 0 10px;
    }

    .flex-gap-10-15-8 {
        gap: 8px;
    }

    .flex-gap-3-5-3 {
        gap: 3px;
    }

    .header-social-link {
        height: 35px;
        width: 42px;
    }

    .header-wrap .header-wrap__bottom {
        padding: 20px 0 19px 0;
    }

    .header-logo > * {
        padding: 40px 19px 19px;
        bottom: -72px;
    }

    .header-logo > * > img {
        max-width: 74px
    }

    /* === width === */
    .uk-width-max-content\@l {
        width: max-content;
    }

    .uk-width-30-100\@l {
        width: 30%;
    }

    .uk-width-45-100\@l {
        width: 45%;
    }

    .uk-width-55-100\@l {
        width: 55%;
    }

    .uk-width-65-100\@l {
        width: 65%;
    }

    .uk-width-85-100\@l {
        width: 85%;
    }

    .uk-width-88-100\@l {
        width: 88%;
    }
    /* === width === */

    /* === slideshow === */
    .uk-slideshow-steps .uk-slideshow-items {
        aspect-ratio: 13 / 9;
    }
    /* === slideshow === */

    /* === quiz === */
    .quiz-checkboxes-7\@l {
        grid-template-columns: repeat(7, 1fr);
    }
    /* === quiz === */

    /* === utility === */
    .grid-custom {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .aspect-ratio-10-4\@l {
        aspect-ratio: 10 / 4;
    }

    .aspect-ratio-9-4\@l {
        aspect-ratio: 9 / 4;
    }

    .aspect-ratio-11-9\@l {
        aspect-ratio: 11 / 9;
    }
    /* === utility === */
}


@media (min-width: 1440px) {
    .uk-card-product .uk-card-buttons {
        flex-direction: row;
        justify-content: space-between;
    }
}