/* === colors === */
:root {
    --orange: #F15D22;
    --orange-middle: #EB4E0F;
    --orange-dark: #D3460D;
    --orange-light: #EEE6E2;
    --orange-extra-light: #FFF6EE;
    --white-color: #FFFFFF;
    --black: #000000;
    --black-middle: #333333;
    --black-secondary: #313237;
    --gray: #666666;
    --gray-medium: #777777;
    --gray-secondary: #8E8E8E;
    --gray-secondary-light: #C4C4C4;
    --gray-middle-dark: #E3E3E3;
    --gray-middle: #E7E7E7;
    --gray-soft: #D3D3D3;
    --gray-muted: #FBFBFB;
    --muted-light: #F8F8F8;
    --muted-secondary: #F1F2F3;
    --gray-opacity: rgba(0, 0, 0, 0.3);
    --yellow: #F1D022;
    --blue: #3585CC;
}

/* === colors === */

html {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    min-width: 320px;
    color: var(--black-middle);
}

body {
    position: relative;
}

img,
button,
input,
select,
form {
    user-select: none;
}

h1,
h2,
h3,
h4,
.uk-heading-medium {
    font-family: "Source Sans Pro", sans-serif;
}

[class^=icon-],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chevron__thic:before {
    content: "\e904";
}

.icon-burger:before {
    content: "\e903";
}

.icon-tg:before {
    content: "\e901";
}

.icon-time:before {
    content: "\e902";
}

.icon-mouse:before {
    content: "\e900";
}

.icon-money:before {
    content: "\e90a";
}

.icon-location:before {
    content: "\e90b";
}

.icon-building:before {
    content: "\e90c";
}

.icon-star:before {
    content: "\e90e";
}

.icon-arrow:before {
    content: "\e90f";
}

.icon-chevron-right:before {
    content: "\e911";
}

.icon-list-marker:before {
    content: "\e912";
}

.icon-chevron-down__filled:before {
    content: "\e913";
}

.icon-whatsapp:before {
    content: "\e915";
}

.icon-loupe:before {
    content: "\e916";
}

.icon-hand-click:before {
    content: "\e917";
}

.icon-call:before {
    content: "\e902";
}

.icv {
    position: relative;
    overflow: hidden;
    cursor: row-resize;
}

.icv__icv--vertical {
    cursor: row-resize;
}

.icv__icv--horizontal {
    cursor: col-resize;
}

.icv__img {
    pointer-events: none;
    user-select: none;
    max-width: none;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    top: 0;
    display: block;
}

.icv__is--fluid .icv__img {
    display: none;
}

.icv__img-a {
    height: auto;
    position: static;
    z-index: 1;
    left: 0;
}

.icv__img-b {
    height: 100%;
    position: absolute;
    z-index: 2;
    left: auto;
    right: 0;
    width: auto;
}

.icv__icv--vertical .icv__img-b {
    width: 100%;
    height: auto;
}

.icv__imposter {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icv__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 3;
}

.icv__is--fluid .icv__wrapper,
.icv__icv--vertical .icv__wrapper {
    width: 100% !important;
}

.icv__is--fluid .icv__wrapper,
.icv__icv--horizontal .icv__wrapper {
    height: 100% !important;
}

.icv__fluidwrapper {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icv__control {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    top: 0;
    z-index: 5;
}

.icv__icv--vertical .icv__control {
    flex-direction: row;
    left: 0;
    width: 100%;
}

.icv__control-line {
    height: 50%;
    width: 2px;
    z-index: 6;
}

.icv__icv--vertical .icv__control-line {
    width: 50%;
}

.icv__theme-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    transition: all 0.1s ease-out 0s;
    z-index: 5;
}

.icv__icv--vertical .icv__theme-wrapper {
    flex-direction: column;
}

.icv__arrow-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease-out 0s;
}

.icv__arrow-a {
    transform: scale(1.5) rotateZ(180deg);
    height: 20px;
    width: 20px;
    filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.33));
}

.icv__arrow-b {
    transform: scale(1.5) rotateZ(0deg);
    height: 20px;
    width: 20px;
    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
}

.icv__circle {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: 999px;
}

.icv__label {
    position: absolute;
    bottom: 1rem;
    z-index: 12;
    background: rgba(0, 0, 0, 0.33);
    color: white;
    border-radius: 3px;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.icv__label.vertical {
    bottom: auto;
    left: 1rem;
}

.icv__label.on-hover {
    transform: scale(0);
    transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
}

.icv:hover .icv__label.on-hover {
    transform: scale(1);
}

.icv__label-before {
    left: 1rem;
}

.icv__label-after {
    right: 1rem;
}

.icv__label-before.vertical {
    top: 1rem;
}

.icv__label-after.vertical {
    bottom: 1rem;
    right: auto;
}

.icv__body {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* uk-lh-56-37 */

.uk-lh-56-56-37 {
    line-height: 56px;
}

@media (max-width: 1299px) {
    .uk-lh-56-37 {
        line-height: 37px;
    }
}

.uk-button__null {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
}

.uk-button__null:hover {
    cursor: pointer;
}

.uk-navbar.uk-navbar__sub > * > a {
    font-weight: 400;
}

.uk-logo__header {
    width: 224px;
    height: 47px;
}

@media (max-width: 1199px) {
    .uk-logo__header {
        width: 145px;
        height: 30px;
    }
}

.list_chevron > li::before {
    background-image: url(/new-page/list/chevron-marker.svg);
    left: -15px;
}

.advantage__img-wrapper > img {
    max-height: 485px;
}

@media (max-width: 1199px) {
    .advantage__img-wrapper > img {
        max-height: 340px;
    }
}

@media (max-width: 959px) {
    .advantage__img-wrapper > img {
        max-height: 260px;
    }
}

.icv__theme-wrapper {
    visibility: hidden;
}

.icv__icv--horizontal {
    cursor: pointer !important;
}

.heading-pointer {
    width: clamp(30px, 4vw, 44px);
    height: clamp(30px, 4vw, 44px);
}

.heading-pointer > img {
    width: 100%;
    height: 100%;
}

@media (max-width: 959px) {
    .form__bg-wrapper {
        position: relative;
    }
}

.form__bg-1_position > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #4f4f4f;
    width: 40%;
}

@media (max-width: 959px) {
    .form__bg-1_position > img {
        min-width: 100vw;
        top: -40px;
        left: 0;
        bottom: -30px;
    }
}

@media (max-width: 639px) {
    .form__bg-1_position > img {
        left: 15px;
    }
}

@media (max-width: 959px) {
    .form__bg-wrapper {
        position: relative;
    }
}

.form__bg-2_position > img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60%;
    z-index: -1;
}

@media (max-width: 959px) {
    .form__bg-2_position {
        height: 345px;
    }

    .form__bg-2_position > img {
        height: 481px;
        min-width: 100vw;
        left: 0;
    }
}

@media (max-width: 639px) {
    .form__bg-2_position {
        height: 225px;
    }

    .form__bg-2_position > img {
        height: 361px;
        left: 15px;
    }
}

@media (max-width: 368px) {
    .form__bg-2_position > img {
        height: 376px;
    }
}

@media (max-width: 359px) {
    .form__bg-2_position > img {
        height: 397px;
    }
}

.card-bordered {
    border: 1px solid #eee6e2;
}

.card-bordered_primary {
    border-color: var(--orange);
}

.design-img {
    max-height: 225px;
}

.design-card-body {
    padding: 20px 25px;
}

.furniture-img {
    max-height: 480px;
}

@media (max-width: 1199px) {
    .furniture-img {
        max-height: 335px;
    }
}

@media (max-width: 639px) {
    .furniture-img {
        max-height: 250px;
        min-height: 250px;
    }
}

.furniture-tabs {
    flex-wrap: nowrap !important;
    overflow: hidden;
}

.furniture-tabs > .tab-active {
    width: 100%;
}

.furniture-tabs > .tab-active .furniture-tabs__tab-info_title {
    color: inherit;
}

.furniture-tabs > li {
    position: relative;
    background-color: var(--white-color);
    width: 150px;
    transition: width 0.4s ease;
}

.furniture-tabs__tab-content {
    position: absolute;
    left: 150px;
}

.furniture-tabs__tab-content img {
    min-height: 480px;
}

.furniture-tabs__tab-info {
    width: 150px;
}

.furniture-tabs__tab-info_title {
    color: var(--orange);
    transition: color 0.4s ease;
    rotate: -90deg;
    transform: translateX(50%);
}

.furniture-tabs__tab-info:hover {
    cursor: pointer;
}

@media (max-width: 1199px) {
    .furniture-tabs__tab-content {
        left: 110px;
    }

    .furniture-tabs__tab-content img {
        min-height: 335px;
    }

    .furniture-tabs__tab-info, .furniture-tabs > li {
        width: 110px;
    }
}

@media (max-width: 959px) {
    .furniture-tabs__tab-info {
        width: 40px;
    }

    .furniture-tabs__tab-info_title {
        color: inherit;
        transform: translate(40%, -55%);
    }
}

.amount-img {
    height: 750px;
}

.amount-img__thumb {
    height: 180px;
}

.amount__thumbs > li {
    width: 40%;
    display: flex !important;
}

.amount__thumbs > li img {
    border: 4px solid transparent;
    transition: border-color 0.2s ease;
}

.amount__thumbs .amount__slide-active img {
    border-color: var(--orange);
}

.amount-slider__btn > * {
    width: 76px;
    height: 76px;
    border: 1px solid var(--orange);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--orange);
}

.amount-slider__tooltip {
    max-width: 40px;
}

.amount-slider__tooltip > * {
    margin-bottom: 30px;
}

.amount-slider__tooltip_prev {
    rotate: -90deg;
    bottom: 40px;
    left: -45px;
}

.amount-slider__tooltip_next {
    rotate: -90deg;
    top: 40px;
    left: -40px;
}

@media (max-width: 1199px) {
    .amount-img {
        height: 485px;
    }

    .amount-img__thumb {
        height: 115px;
    }

    .amount__thumbs > li {
        min-width: 170px;
        max-width: 180px;
    }

    .amount__thumbs > li img {
        transition: none;
    }

    .amount-slider__tooltip > * {
        margin-bottom: 20px;
    }

    .amount-slider__tooltip_prev {
        bottom: 45px;
        left: -45px;
    }

    .amount-slider__tooltip_next {
        top: 40px;
        left: -42px;
    }
}

@media (max-width: 959px) {
    .amount-img {
        height: 300px;
    }
}

.works__btn {
    width: 140px;
    height: 140px;
    background-color: rgba(255, 255, 255, 0.6980392157);
    border-radius: 50%;
}

@media (max-width: 1199px) {
    .works__btn {
        width: 100px;
        height: 100px;
    }
}

.works__slide_overlay {
    opacity: 0;
    transition: opacity 0.1s;
}

.works__slide_overlay:hover {
    opacity: 1;
    cursor: pointer;
    background-color: rgba(241, 93, 34, 0.4941176471);
}

.works__info {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.works__info > * {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.works__info > :nth-child(1) {
    justify-content: space-between;
}

@media (max-width: 959px) {
    .works__info {
        margin-top: 0;
        padding: 20px;
        border: 1px solid #eaeaea;
        gap: 20px;
    }

    .works__info > * {
        display: flex;
        flex-direction: column;
    }
}

.works__img-wrapper {
    height: 385px;
}

.works__img-wrapper > * {
    height: 385px;
    transition: height 0.5s ease;
}

@media (max-width: 1199px) {
    .works__img-wrapper {
        height: 286px;
    }

    .works__img-wrapper > * {
        height: 286px;
    }
}

.works__slider .uk-slider-items > li {
    width: 60%;
}

@media (max-width: 959px) {
    .uk-slider-container.works__slider {
        overflow: visible;
    }
}

/* works-slider__btn */

.uk-slidenav.work-slider__btn, .work-slider__btn {
    width: 144px;
    height: 144px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border-radius: 100%;
    background-color: rgba(241, 93, 34, 0.70);
    color: var(--white-color);

    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.uk-slidenav.work-slider__btn, .work-slider__btn:hover {
    color: var(--white-color);
}

.uk-slidenav.work-slider__btn, .work-slider__btn_prev {
    left: 0;
}

.uk-slidenav.work-slider__btn, .work-slider__btn_next {
    transform: translate(50%, -50%);
    right: 0;
}

.uk-slidenav.work-slider__btn, .work-slider__btn_prev::before {
    position: relative;
    left: 50%;
    rotate: 180deg;
    transform: translateX(-100%);
}

.uk-slidenav.work-slider__btn, .work-slider__btn_next::before {
    position: relative;
    left: 50%;
    transform: translateX(-200%);
}

@media (max-width: 959px) {
    .uk-slidenav.work-slider__btn, .work-slider__btn {
        background-color: transparent;
        width: auto;
        display: none;
    }
}

/*  */

@media (max-width: 959px) {
    .works__slider .uk-slider-items > li {
        width: 100%;
    }
}

.background-element {
    position: relative;
    z-index: 1;
}

.background-element::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 960px;
    left: 20%;
    right: 0;
    top: -100%;
    bottom: -100%;
    background-color: #f5f5f5;
    z-index: -1;
}

@media (max-width: 959px) {
    .background-element::before {
        display: none;
    }
}

.footer-logo {
    max-width: 224px;
}

@media (max-width: 1199px) {
    .footer-logo {
        max-width: 145px;
    }
}

@media (max-width: 1599px) {
    .footer__form-button.uk-button {
        font-size: 15px;
    }
}

@media (max-width: 1199px) {
    .footer__form-button.uk-button {
        font-size: 11px;
    }
}

.footer__social-text {
    width: 100px;
}

@media (max-width: 1199px) {
    .footer__social-text {
        width: 91px;
    }
}

.footer__line {
    color: #767676;
}

.footer__line_form {
    top: -50px;
}

@media (max-width: 1199px) {
    .footer__line_form {
        top: -30px;
    }
}

.footer__meta-text {
    color: #9b9b9b;
}

.consult-form .uk-input {
    min-height: 50px;
    padding: 0;
}

.consult-form__img {
    width: 200px;
}

.city-choice__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 450px;
}

.city-choice__list ul {
    list-style: none;
    padding: 0;
}

.city-choice__list > li {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    padding-left: 30px;
}

.city-choice__list > li > span {
    display: flex;
    margin-left: -30px;
    margin-right: 20px;
    line-height: 1;
}

.city-choice__list > li > ul > li > a:hover {
    color: var(--orange);
    cursor: pointer;
}

@media (max-width: 1199px) {
    .city-choice__list {
        max-height: 700px;
    }
}

@media (max-width: 959px) {
    .city-choice__list {
        max-height: 970px;
    }
}

@media (max-width: 639px) {
    .city-choice__list {
        max-height: unset;
    }
}

.btn-find {
    position: relative;
    border: none;
    background: none;
    padding: 0;
    line-height: 1;
    min-width: 31px;
    min-height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
}

.btn-find:hover {
    cursor: pointer;
    border-color: #b2b2b2;
}

.btn-find > * {
    border: 1px solid #e5e5e5;
    border-radius: 500px;
    background-color: var(--white-color);
    right: 0;
    position: absolute;
    min-height: 31px;
    padding: 0;
    min-width: 31px;
    transition: padding 0.4s ease;
}

.btn-find > *:hover {
    border-color: #b2b2b2;
}

.btn-find .btn-find-text {
    width: 0;
    transition: width 0.4s ease;
}

.btn-find .btn-find-input {
    overflow: hidden;
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 0;
    transition: width 0.4s ease;
}

.btn-find .btn-find-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    margin-right: 10px;
    padding-left: 10px;
    border-left: 1px solid #eee6e2;
    border-right: 1px solid #eee6e2;
}

.btn-find .btn-find-input button {
    background: none;
    border: none;
}

.btn-find .btn-find-close:hover {
    cursor: pointer;
}

.btn-find_open > * {
    padding: 0 15px;
}

.btn-find_open > * .btn-find-text {
    width: 45px;
}

.btn-find_open > * .btn-find-input {
    width: 500px;
}

.input-find {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.button__bordered_orange {
    background-color: var(--white-color);
    border: 2px solid var(--orange);
    padding: 15px;
}

.button__bordered_orange:hover {
    cursor: pointer;
}

.uk-card.uk-card__header .uk-card-body,
.uk-card__header .uk-card-body {
    padding: 20px 45px;
}

@media (max-width: 1199px) {

    .uk-card.uk-card__header .uk-card-body,
    .uk-card__header .uk-card-body {
        padding: 3px 20px;
    }
}

.uk-card__border_orange {
    border: 2px solid var(--orange);
}

.uk-navbar {
    font-size: 14px;
    margin: 0;
}

.uk-nav-footer {
    font-size: 18px;
    gap: 30px;
    margin: 0;
}

@media (max-width: 1199px) {
    .uk-nav-footer {
        font-size: 16px;
    }
}

@media (max-width: 959px) {
    .uk-nav-footer {
        flex-direction: column;
        gap: 28px;
    }
}

/* line-height normal */

.uk-lh-normal {
    line-height: normal;
}

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: none;
    color: var(--black-middle);
    text-transform: none;
    border-bottom: 1px dashed var(--orange);
}

.types {
    padding: 70px 0;
}

.types-switcher {
    padding: 0;
    margin: 0;
    list-style: none;
}

.types-switcher > li > a {
    display: block;
    padding: 50px 90px;
    border: 1px solid #f2f2f2;
    border-bottom: none;
    color: var(--black);
}

.types-switcher > :last-child > a {
    border-bottom: 1px solid #f2f2f2;
}

.types-switcher > .uk-active > a {
    background-color: var(--orange);
    color: var(--white-color);
}

.types-switcher > li > a:hover {
    color: var(--black);
    text-decoration: none;
}

.types-switcher > .uk-active > a:hover {
    color: var(--white-color);
}

@media (min-width: 1200px) {
    .types-switcher > li > a {
        transition: background-color .2s, color .2s;
    }

    .types-switcher > li > a:hover {
        color: var(--white-color);
        background-color: var(--orange);
    }
}

.types-switcher-overview {
    width: 655px;
    transform: translateX(-50%);
}

.types-switcher__items {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20%;
}

.installation-slider-img {
    height: 600px;
}

.installation-slider-img > li {
    height: 100%;
}

.installation-slider-pagination {
    display: flex;
    align-items: center;
}

.installation-slider-pagination > .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
}

.installation-slider-pagination > .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background-color: var(--orange);
}

@media (max-width: 1199px) {
    .types {
        padding: 85px 0;
    }

    .types-switcher > li > a {
        padding: 30px 40px;
    }

    .types-switcher-overview {
        width: 500px;
    }

    .installation-slider-img {
        height: 500px;
    }
}

@media (max-width: 959px) {
    .types {
        padding: 25px 0;
    }

    .types-switcher-overview {
        width: 380px;
    }

    .installation-slider-img {
        height: 250px;
    }
}

@media (max-width: 639px) {
    .types {
        padding: 0;
        overflow: hidden;
    }

    .types-switcher-overview__wrapper {
        height: 200px;
    }

    .types-switcher-overview {
        transform: translateY(0%);
        width: 100%;
    }

    .types-switcher__items {
        top: 30%;
        left: -10%;
    }
}

/* accordion */

.uk-accordion-title::before {
    display: none;
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_4270%3A4436)%22%3E%0A%3Cpath%20d%3D%22M14.12%200.119995L8%206.22664L1.88%200.119996L1.92977e-06%201.99999L8%209.99996L16%201.99999L14.12%200.119995Z%22%20fill%3D%22%23F15D22%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_4270%3A4436%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(16)%20rotate(90)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_4270%3A4436)%22%3E%0A%3Cpath%20d%3D%22M14.12%209.88L8%203.77336L1.88%209.88L1.92977e-06%208.00001L8%204.09126e-05L16%208.00001L14.12%209.88Z%22%20fill%3D%22%23F15D22%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_4270%3A4436%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix(1.19249e-08%20-1%20-1%20-1.19249e-08%2016%2010)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
}

/* uk-light uk-breadcrumb */

.uk-light.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]),
.uk-light.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    color: var(--white-color);
}

/* min-width */

.uk-min-width-max-content {
    min-width: max-content;
}

/* list-bordered */

.list-bordered {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-bordered > li {
    border: 1px solid #eee6e2;
    margin: 0;
    border-top-color: transparent;
}

.list-bordered > li .uk-padding {
    padding: 20px 45px;
}

.list-bordered > li:first-child {
    border-top: 1px solid #eee6e2;
}

.uk-width-xsmall {
    min-width: 50px;
    max-width: 50px;
}

@media (max-width: 1199px) {
    .list-bordered > li .uk-padding {
        padding: 20px 25px;
    }
}

.border-color-gray {
    border-color: #B0B0B0;
}

.slider-btn {
    border: 1px solid var(--orange);
    border-radius: 100%;
    color: var(--orange);
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.slider-btn:hover {
    color: var(--orange);
}

@media (max-width: 959px) {
    .slider-btn {
        width: 60px;
        height: 60px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .slider-btn {
        transition: color .2s, background-color .2s;
    }

    .slider-btn:hover {
        background-color: var(--orange);
        color: var(--white-color);
    }
}

.uk-lh-56-56-37 {
    line-height: 56px;
}

.uk-background-orange {
    background: var(--orange);
}

#map {
    height: 100%;
    min-height: 400px;
}

.logo-min {
    width: 46px
}

.uk-text-semibold {
    font-weight: 600
}

.orange-opacity {
    opacity: 0;
    background: linear-gradient(0deg, rgba(241, 93, 34, .3), rgba(241, 93, 34, .3));
    transition-duration: .5s
}

.types-steklopakety>.uk-card>* {
    padding: 40px 60px 60px;
}

@media (max-width: 959px) {
    .types-steklopakety>.uk-card>* {
        padding: 20px 40px 20px;
    }
}

.uk-border {
    border: 1px solid var(--orange-light);
}

.uk-border-primary {
    border: 2px solid var(--orange)
}

.uk-border-primary-1 {
    border: 1px solid var(--orange)
}

.change-city {
    border-bottom: 1px dashed var(--orange);
    margin-left: 25px;
}

.change-city:hover {
    color: var(--orange) !important
}

.step-works {
    border-top: 1px solid #e7e7e7
}

.step-works-item {
    cursor: pointer;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.uk-active .step-works-item {
    background: var(--orange);
    color: var(--white-color)
}

.step-works-icon {
    color: #d7d7d7
}

.uk-active .step-works-icon {
    color: var(--white-color);
}

.works-res {
    background-image: url(../img/works/works-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.works-res span[uk-icon] {
    opacity: .25
}

.article-img:after {
    content: "";
    position: absolute;
    width: 110%;
    height: 100px;
    bottom: -35px;
    left: 0;
    background: #f8f8f8;
    transform: rotate(-10deg)
}

.fs-1 {
    font-size: 12px
}

.fs-2 {
    font-size: 14px
}

.fs-3 {
    font-size: 16px
}

.fs-4, .fs-5 {
    font-size: 22px
}

.fs-6, .fs-7 {
    font-size: 14px
}

.fs-8 {
    font-size: 12px
}

.fs-9 {
    font-size: 10px
}

.fs-10 {
    font-size: 18px
}

.fs-11 {
    font-size: 20px
}

.fs-12 {
    font-size: 14px
}

.fs-13 {
    font-size: 10px
}

.fs-14, .fs-15 {
    font-size: 12px
}

.fs-16 {
    font-size: 16px
}

.fs-17 {
    font-size: 9px
}

.fs-18 {
    font-size: 10px
}

.fs-19 {
    font-size: 25px
}

.fs-20 {
    font-size: 13px
}

.fs-21 {
    font-size: 30px
}

.fs-22 {
    font-size: 9px
}

.fs-23 {
    font-size: 13px
}

.fs-24 {
    font-size: 14px
}

.fs-25 {
    font-size: 12px
}

.uk-text-xsmall {
    font-size: 10px
}

.lh-1-1 {
    line-height: 1.14
}

.padding-custom {
    padding: 11px 20px
}

.uk-logo {
    width: 145px
}

.js-quiz-hover, .uk-logo {
    transition-duration: .3s
}

.quiz-text {
    width: 100%;
    position: absolute;
    transform-origin: left;
    bottom: 10px;
    left: 5%;
    transition: .5s
}

.quiz label, .switcher-btn {
    cursor: pointer
}

.uk-active > .switcher-btn {
    color: var(--orange)
}

:not(.uk-active) > .switcher-btn > [uk-icon] {
    color: #d9d9d9
}

.form-callback {
    background-image: url(../img/form/bg-form-mob-2.jpg);
    background-repeat: no-repeat
}

.manager-overlay {
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(7px);
}

.manager {
    z-index: 0;
    bottom: 0
}

.property-item a {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 30px
}

.property-item a:not(.uk-active, :hover) span:not([uk-icon]) {
    color: initial
}

.property-item-icon {
    color: var(--white-color);
    opacity: .5
}

.property-item a:hover {
    text-decoration: none;
    background: var(--orange);
    color: var(--white-color)
}

.property-item a:first-child {
    border-top: 1px solid #f2f2f2
}

.property-item a.uk-active {
    background: var(--orange);
    color: var(--white-color)
}

.item-title-mob {
    border: 1px solid #f2f2f2;
}

.quiz-progress {
    width: 70px;
    height: 3px;
    background: #e1e1e1
}

.quiz-progress.active {
    background: #f16d00
}

.quiz label input[type=checkbox]:not(.uk-checkbox) {
    display: none
}

.quiz label input[type=checkbox] + .uk-card:hover, .quiz label input[type=checkbox]:checked + .uk-card {
    outline: 1px solid var(--orange);
    outline-offset: -1px
}

.quiz label input[type=checkbox]:checked + .uk-card .title, .quiz label input[type=checkbox]:checked + .uk-card span {
    color: var(--orange);
    transition-duration: .3s
}

.quiz-heading {
    padding-right: 80px
}

.uk-list-decimal > ::before {
    color: #93a39c;
    left: -35px
}

.phone-footer {
    color: var(--white-color) !important
}

.logo-footer {
    width: 144px
}

.copyright-text {
    color: #9b9b9b !important
}

.navbar {
    border-top: 1px solid #eaeaea
}

.heading-logo {
    width: 26px
}

.h-color {
    color: #c4c4c4
}

.type-img {
    display: none;
    transition-duration: .3s
}

.tc-active .type-img {
    display: block
}

.tc-active .tb-1-5 {
    width: 20%
}

.tb-1-5 {
    width: 100%
}

.tc-active .type-click-body {
    background: #fbfbfb
}

.js-type-click {
    cursor: pointer
}

.type-click-body {
    transition-duration: .3s
}

.text-rotate {
    color: var(--orange);
    transform: rotate(-90deg);
    margin-bottom: 10px
}

.tc-active .text-rotate {
    color: var(--black);
}

.js-type-click:not(:last-child) {
    border-right: 1px solid #e7e7e7
}

.fire-resistance-item:hover {
    outline: 1px solid var(--orange)
}

img[data-num-img] {
    display: none
}

.next-text, .prev-text {
    transform: rotate(-90deg);
    position: absolute;
    transform-origin: left;
    left: 50%
}

.prev-text {
    top: 23%
}

.next-text {
    bottom: 10%
}

@media (max-width: 959px) {
    .js-next-switcher, .js-prev-switcher {
        position: absolute;
        transform: rotate(-90deg)
    }

    .js-prev-switcher {
        left: 27%
    }

    .js-next-switcher {
        right: 27%
    }
}

@media (min-width: 960px) {
    .text-rotate {
        margin-bottom: 60px
    }

    .fs-4 {
        font-size: 14px
    }

    .fs-9 {
        font-size: 12px
    }

    .fs-21 {
        font-size: 35px
    }

    .fs-24 {
        font-size: 16px
    }

    .quiz-text {
        transform: rotate(-90deg);
        left: 85%
    }

    .quiz-text div:last-child {
        opacity: 0;
        transition-duration: .5s
    }

    .js-text-animate .quiz-text {
        left: 8%;
        transform: rotate(0)
    }

    .js-text-animate .quiz-text div:last-child {
        opacity: 1
    }

    .orange-opacity {
        opacity: 1
    }

    .js-text-animate .orange-opacity {
        opacity: 0
    }

    .form-callback {
        background-image: url(../img/form/bg-form.jpg);
        background-repeat: no-repeat
    }

    .manager {
        right: -30px;
        bottom: 140px
    }

    .quiz {
        padding-right: 80px
    }

    .quiz-progress {
        width: 100px
    }
}

@media (min-width: 1250px) {
    .fs-2 {
        font-size: 18px
    }

    .fs-1 {
        font-size: 15px
    }

    .fs-3 {
        font-size: 25px
    }

    .fs-4 {
        font-size: 20px
    }

    .fs-5 {
        font-size: 35px
    }

    .fs-6 {
        font-size: 22px
    }

    .fs-7 {
        font-size: 20px
    }

    .fs-9 {
        font-size: 14px
    }

    .fs-10 {
        font-size: 25px
    }

    .fs-11 {
        font-size: 30px
    }

    .fs-12 {
        font-size: 16px
    }

    .fs-13, .fs-14 {
        font-size: 14px
    }

    .fs-15 {
        font-size: 16px
    }

    .fs-16 {
        font-size: 18px
    }

    .fs-17 {
        font-size: 14px
    }

    .fs-18 {
        font-size: 16px
    }

    .fs-19 {
        font-size: 40px
    }

    .fs-20 {
        font-size: 20px
    }

    .fs-21 {
        font-size: 55px
    }

    .fs-22, .fs-23 {
        font-size: 16px
    }

    .fs-24 {
        font-size: 25px
    }

    .fs-25 {
        font-size: 18px
    }

    .logo-min {
        width: auto
    }

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

    .padding-custom {
        padding: 11px 5px
    }

    .uk-logo {
        width: 180px
    }

    .manager {
        right: -220px;
        bottom: 140px
    }

    .logo-footer {
        width: 224px
    }

    .heading-logo {
        width: 42px
    }
}

@media (min-width: 1300px) {
    .uk-logo {
        width: auto
    }
}

@media (max-width: 639px) {
    .js-quiz-hover canvas {
        height: 250px
    }
}

@media (max-width: 959px) {
    .form-callback-mob {
        background-image: url(../img/form/bg-form-mob-2.jpg)
    }
}

.catalog-menu-new li a {
    color: black !important;
    border: none;
}

.menu-new li a {
    color: black !important;
    border: none;
}

/* 40 - 30 - 25 */
.fs-26 {
    font-size: 25px !important;
}

/* 24 - 16 - 16 */
.fs-27 {
    font-size: 16px;
}

/* 24 - 20 - 18 */
.fs-28 {
    font-size: 18px;
}

/* 16 - 14 - 12 */
.fs-29 {
    font-size: 12px;
}

/* 20 - 20 - 18 */
.fs-30 {
    font-size: 18px;
}

/* 16 - 16 - 12 */
.fs-31 {
    font-size: 12px;
}

@media (min-width: 960px) {
    .fs-26 {
        font-size: 30px !important;
    }

    .fs-28 {
        font-size: 20px;
    }

    .fs-29 {
        font-size: 14px;
    }

    .fs-30 {
        font-size: 20px;
    }

    .fs-31 {
        font-size: 16px;
    }
}

@media (min-width: 1250px) {
    .fs-26 {
        font-size: 40px !important;
    }

    .fs-27 {
        font-size: 24px;
    }

    .fs-28 {
        font-size: 24px;
    }

    .fs-29 {
        font-size: 16px;
    }
}

div[uk-accordion] > div {
    border: 1px solid #eee6e2;
}

div[uk-accordion] > div:not(:last-child) {
    border-bottom: none;
}

.cus-text-muted {
    color: #666;
}

/* 35 - 25 - 25 */
.fs-32 {
    font-size: 25px;
}

/* 20 - 20 - 20 */
.fs-33 {
    font-size: 20px;
}

@media (min-width: 960px) {
}

@media (min-width: 1250px) {
    .fs-32 {
        font-size: 35px;
    }
}

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

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

.padding-custom-2 {
    padding: 10px 10px;
}

.order-text {
    font-size: 13px;
}

.offcanvas-city {
    background-color: #fbfbfb;
    padding: 13px;
}

.offcanvas-menu li {
    padding: 12px 30px;
    border-top: 1px solid #e7e7e7;
    margin: 0 !important;
}

.offcanvas-menu li:last-child {
    border-bottom: 1px solid #e7e7e7;
}

.offcanvas-menu li a {
    color: var(--black);
    text-transform: uppercase;
}

.offcanvas-search {
    border: 1px solid #e7e7e7;
    border-radius: 200px;
    padding: 9px 16px;
}

.offcanvas-search__input {
    border: none;
    border-right: 1px solid #e7e7e7;
    width: 160px;
    font-size: 12px;
}

.offcanvas-search__input:focus {
    outline: none;
}

.offcanvas-search__btn {
    background-color: transparent;
    border: none;
    color: var(--orange);
    padding: 0;
    font-weight: 600;
}

.offcanvas-search__btn span {
    margin-right: 4px;
}

@media (max-width: 959px) {
    .uk-section-xsmall {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (min-width: 1100px) {
    .padding-custom-2 {
        padding: 12px 25px;
    }

    .order-text {
        font-size: 16px;
    }
}

@media (min-width: 1250px) {
    .header-phone {
        font-size: 20px;
    }

    .padding-custom-2 {
        padding: 12px 10px;
    }
}

@media (min-width: 1280px) {
    .padding-custom-2 {
        padding: 12px 25px;
    }
}


/* list-bordered */

.list-bordered {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-bordered > li {
    border: 1px solid #eee6e2;
    margin: 0;
    border-top-color: transparent;
}

.list-bordered > li .uk-padding {
    padding: 20px 45px;
}

.uk-slider-items.list-bordered > li {
    border-top-color: #eee6e2;
}

.list-bordered-links li {
    transition: border-color .1s ease;
}

.list-bordered-links .list-bordered-links-btn {
    transition: background-color .1s ease;
}

.list-bordered-links .list-bordered-links-btn {
    padding: 20px 25px;
}

.list-bordered-links a:hover {
    color: inherit;
}

.list-bordered-links li:hover {
    border: 1px solid var(--orange);
}

.list-bordered > li:first-child:hover {
    border-top: 1px solid var(--orange);
}

.list-bordered-links a .list-bordered-links-btn__text_hovered {
    display: none;
}

.list-bordered-links a:hover .list-bordered-links-btn__text_hovered {
    display: flex;
}

.list-bordered-links a:hover .list-bordered-links-btn__text_default {
    display: none;
}

.list-bordered-links a:hover .list-bordered-links-btn {
    background-color: var(--orange);
    color: white;
}

.uk-width-xsmall {
    min-width: 50px;
    max-width: 50px;
}

.prices-slides {
    position: sticky;
    top: 80px;
}

.prices-slides .uk-slideshow-items {
    height: 400px;
    max-height: 400px;
}

.requirements__list > li {
    display: flex;
    align-items: center;
    min-height: 115px;
}

@media (max-width: 1199px) {
    .list-bordered > li .uk-padding {
        padding: 20px 25px;
    }

    .requirements__list > li {
        min-height: 80px;
    }
}

@media (max-width: 959px) {
    .prices-slides {
        position: relative;
        top: 0;
    }

    .list-bordered-links-btn {

    }
}

/* anchors */

.uk-anchors-wrapper > * > a {
    display: flex;
    justify-content: center;
    padding: 28px;
    border: 1px solid #E7E7E7;
    border-right: none;
    color: var(--orange);
    transition-property: background-color, color;
    transition-duration: 0.1s;
    transition-timing-function: ease;
}

.uk-anchors-wrapper > * > a:hover {
    color: var(--white-color);
    background-color: var(--orange);
}

.uk-anchors-wrapper > :last-child > a {
    border-right: 1px solid #E7E7E7;
}

@media (max-width: 1199px) {
    .uk-anchors-wrapper > * > a {
        padding: 18px;
    }

    .uk-anchors-wrapper > * > a {
        border-bottom: none;
    }

    .uk-anchors-wrapper > :nth-child(2) > a {
        border-right: 1px solid #e7e7e7;
    }

    .uk-anchors-wrapper > :nth-child(3) > a {
        border-bottom: 1px solid #e7e7e7;
    }

    .uk-anchors-wrapper > :last-child > a {
        border-bottom: 1px solid #e7e7e7;
    }
}

@media (max-width: 639px) {
    .uk-anchors-wrapper > * > a {
        border: 1px solid #e7e7e7;
        border-top: none;
    }

    .uk-anchors-wrapper > :first-child > a {
        border-top: 1px solid #e7e7e7;
    }
}

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

.uk-button-secondary {
    border: 1px solid #222;
    transition: color .3s, background-color .3s, border .3s;
}

.uk-button-secondary:hover {
    color: #222;
    background-color: var(--white-color);
    border: 1px solid #222;
}

.uk-button-secondary:active {
    color: var(--white-color);
    background-color: #222;
}

.uk-button-small {
    padding: 10px 15px;
    line-height: clamp(18px, 2vw, 25px);
    font-size: 12px;
}

.uk-button-large {
    padding: 0 15px;
    font-size: 18px;
    font-weight: 600;
    min-height: 65px;
    line-height: 1;
}

@media (max-width: 1199px) {
    .uk-button-large {
        min-height: 45px;
        font-size: 14px;
    }
}

.uk-button-primary {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--orange);
    transition: background-color 0.3s, color 0.3s;
}

.uk-button-default:hover, .uk-button-primary {
    background-color: var(--orange);
    color: var(--white-color);
    border-color: var(--orange);
}

.uk-button-primary:active {
    background-color: var(--orange-dark);
    color: var(--white-color);
}

.uk-button-default.uk-active, .uk-button-default:active {
    background-color: transparent;
    color: #93a39c;
}

.uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
    background-color: transparent;
    color: var(--white-color);
    border-color: var(--orange);
}

.uk-card-primary.uk-card-body .uk-input::-moz-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-input::-moz-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder, .uk-light .uk-input::-moz-placeholder, .uk-overlay-primary .uk-input::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder {
    color: var(--white-color);
}

.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder, .uk-light .uk-input:-ms-input-placeholder, .uk-light .uk-textarea:-ms-input-placeholder, .uk-overlay-primary .uk-input:-ms-input-placeholder, .uk-overlay-primary .uk-textarea:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder {
    color: var(--white-color);
}

.uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-light .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
    color: var(--white-color);
}


.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    outline: 0;
    background-color: transparent;
    color: var(--black);
    border-color: var(--orange);
}

.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
    background-color: #f8f8f8;
    color: #d9d9d9
}

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

.uk-input:-ms-input-placeholder, .uk-textarea:-ms-input-placeholder {
    color: var(--black);
}

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

.uk-textarea::-moz-placeholder {
    color: var(--black);
}

.uk-textarea::placeholder {
    color: var(--black);
}

.uk-text-primary {
    color: var(--orange) !important;
}

.uk-accordion-title {
    font-size: 18px;
    line-height: 1.4;
    color: var(--orange);
}

.uk-accordion-title:hover {
    color: var(--orange-middle);
    text-decoration: none
}

.uk-accordion-content {
    padding: 0 20px 20px;
    margin-top: 0;
    display: flow-root;
    font-size: 14px;
    color: var(--black-middle);
}

.uk-breadcrumb > * > * {
    color: var(--black);
}

.uk-tile-primary {
    background-color: var(--orange);
}

.uk-background-white-transparent {
    background-color: rgba(255, 255, 255, 0.8980392157);
}

.overlay-orange {
    position: relative;
}

.overlay-orange::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(241, 93, 34, .8);
    opacity: 0;
    transition: opacity .2s ease;
}

.overlay-orange:hover::before {
    opacity: 1;
}


.uk-nav.uk-nav_bottom-bordered > li,
.uk-nav_bottom-bordered > li {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

.uk-nav.uk-nav_bottom-bordered > li > a,
.uk-nav_bottom-bordered > li > a {
    padding: 10px 0;
}

.uk-nav.uk-nav_bottom-bordered > li:first-child > a,
.uk-nav_bottom-bordered > li:first-child > a {
    padding-top: 0;
}

.uk-nav.uk-nav_bottom-bordered > li:last-child,
.uk-nav_bottom-bordered > li:last-child {
    border-bottom: none;
}

.uk-nav.uk-nav_bottom-bordered > li:last-child > a,
.uk-nav_bottom-bordered > li:last-child > a {
    padding-bottom: 0;
}

.uk-card-border-orange {
    border: 1px solid var(--orange);
}

.uk-card-border {
    border: 1px solid #EEE6E2;
}

.uk-card-default {
    background: var(--white-color);
    color: var(--black-middle);
    border: solid 1px #f1f2f3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.uk-card-default .uk-card-title {
    color: var(--black-middle)
}

.uk-card-default.uk-card-hover:hover {
    background-color: var(--white-color);
    border-bottom: 4px solid #ea510d;
    margin-bottom: 1px !important
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 20px 20px;
}

.uk-overlay-secondary {
    background: rgba(51, 51, 51, .5);
}

.uk-background-primary {
    background-color: var(--orange);
}

.uk-form-icon-contacts {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #777
}

.uk-form-icon-contacts:not(.uk-form-icon-flip) ~ .uk-input-contacts {
    padding-left: 40px !important
}

.uk-input-contacts {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    background: var(--white-color);
    border: 1px solid #777;
    box-sizing: border-box;
    height: 55px !important;
    font-size: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    transition: border-color .3s;
    color: #666
}

.uk-input-contacts:focus {
    border: 1px solid var(--orange);
}

@media (max-width: 960px) {
    .uk-modal-title {
        font-size: 18px !important
    }
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px;
    background-color: transparent;
    border: none;
}

[class*=uk-modal-close-]:first-child + * {
    margin-top: 0
}

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    transform: translate(0, -100%);
    color: var(--white-color)
}

.uk-modal-close-outside:hover {
    color: var(--white-color)
}

.uk-close svg {
    width: 14px;
    height: 14px;
    color: #777;
}

@media (min-width: 960px) {
    .uk-modal-close-outside {
        right: 0;
        transform: translate(100%, -100%)
    }
}

.uk-background-muted-light {
    background-color: #f1f2f3;
}


.uk-section-muted-light {
    background-color: #f1f2f3;
}

.img-xsmall {
    max-height: 250px;
    min-height: 250px;
}

@media (max-width: 1199px) {
    .img-xsmall {
        max-height: 250px;
        min-height: 200px;
    }
}

.img-small {
    max-height: 300px;
    min-height: 250px;
}

@media (max-width: 1199px) {
    .img-small {
        max-height: 250px;
        min-height: 200px;
    }
}

.img-medium {
    max-height: 400px;
    min-height: 300px;
}

@media (max-width: 1199px) {
    .img-medium {
        max-height: 300px;
        min-height: 250px;
    }
}

.img-large {
    max-height: 580px;
    min-height: 480px;
}

@media (max-width: 1199px) {
    .img-large {
        max-height: 480px;
        min-height: 380px;
    }
}

@media (max-width: 959px) {
    .img-large {
        max-height: 300px;
        min-height: 0;
    }
}

    .faq-footer .uk-lh-35 {
    line-height: 35px;
}

.faq-footer .uk-fs-24 {
    font-size: 24px;
}

.faq-footer ul.uk-accordion > li {
    border: 1px solid #EEE6E2;
    background: var(--white-color);
    box-sizing: border-box;
}

.faq-footer ul.uk-accordion > li:not(:first-of-type) {
    margin-top: 0;
    border-top: none;
    border-bottom: 1px solid #EEE6E2;
    border-left: 1px solid #EEE6E2;
    border-right: 1px solid #EEE6E2;
}

.faq-footer ul.uk-accordion > li > a {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--orange);
    transition: 0.3s all;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.faq-footer ul.uk-accordion > li div ul:not(.uk-list) {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
}

.faq-footer ul.uk-accordion > li div ul:not(.uk-list) li {
    padding: 0;
    border: none;
    display: flex;
    gap: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: var(--black-middle);
}

body .uk-list-bullet.uk-list-bullet_decorated > li::before {
    background-image: url(/new-page/svg/list-bullet.svg) !important;
}

.uk-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: #1e87f0;
    color: var(--white-color);
    font-size: .875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.uk-card-badge:first-child + * {
    margin-top: 0
}

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #f1f2f3;
    box-shadow: none;
}


@media screen and (min-width: 1221px) {
    .container {
        max-width: 1170px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 481px) and (max-width: 766px) {
    .container {
        padding: 0 15px;
        width: auto;
    }
}



.otitile {
    font-size: 18px;
    color: var(--black-middle);
    margin-bottom: 25px;
    min-height: 21px;
    font-family: 'Source Sans Pro', sans-serif;
}


.uk-slidenav {
    padding: 18px 25px;
    color: var(--white-color);
    background: var(--orange);
    opacity: .7;
    transition: opacity .3s, color .3s;
}

@media (max-width: 960px) {
    .uk-slidenav {
        padding: 12px 17px
    }
}

.uk-slidenav:focus, .uk-slidenav:hover {
    outline: 0;
    opacity: .5;
    color: var(--white-color)
}

.uk-slidenav:active {
    color: var(--white-color)
}

.uk-slidenav-large {
    padding: 10px 10px
}

.uk-slidenav-container {
    display: flex
}

.uk-lightbox-button {
    padding: 0;
}

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

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

/* addons */
.unique_colored_link {
    color: var(--black-middle);
}

.unique_colored_link:hover {
    color: var(--orange);
    text-decoration: none;
}

h2.uk-text-danger a:hover {
    color: var(--orange);
    text-decoration: none;
}


.uk-breadcrumb {
    padding: 0;
    list-style: none
}

.uk-breadcrumb > * {
    display: contents
}

.uk-breadcrumb > * > * {
    color: #777;
    font-size: 14px
}

@media (max-width: 1280px) {
    .uk-breadcrumb > * > * {
        font-size: 12px !important;
    }
}

.uk-breadcrumb > * > :focus, .uk-breadcrumb > * > :hover {
    color: var(--black-middle);
    text-decoration: none;
}

.uk-breadcrumb > :last-child > a:not([href]), .uk-breadcrumb > :last-child > span {
    color: var(--black-middle);
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    color: #777;
    font-size: 14px;
    margin: 0 5px;
}

@media (max-width: 1280px) {
    .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        font-size: 12px !important
    }
}


.uk-alert-warning {
    padding: 0;
    color: var(--black);
    border: 1px solid var(--orange);
    background-color: var(--orange-extra-light);
}

.anchors {
    display: flex;
    flex-wrap: wrap;
}

.anchor-item {
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 15px 0;
}

@media (min-width: 640px) {
    .anchor-item {
        width: 24%;
    }

    .anchor-item:not(:last-child) {
        border-right: none;
    }
}

@media (max-width: 639px) {
    .anchor-item:not(:last-child) {
        border-bottom: none;
    }
}

/* mixin margin */
/* mixin margin - set all margin (#name-{left, right, top, bottom}) */
.uk-margin-65-50-35-30 {
    margin: 65px;
}

.uk-margin-65-50-35-30-left {
    margin-left: 65px;
}

.uk-margin-65-50-35-30-right {
    margin-right: 65px;
}

.uk-margin-65-50-35-30-top {
    margin-top: 65px;
}

.uk-margin-65-50-35-30-bottom {
    margin-bottom: 65px;
}

@media (max-width: 1199px) {
    .uk-margin-65-50-35-30 {
        margin: 50px;
    }

    .uk-margin-65-50-35-30-left {
        margin-left: 50px;
    }

    .uk-margin-65-50-35-30-right {
        margin-right: 50px;
    }

    .uk-margin-65-50-35-30-top {
        margin-top: 50px;
    }

    .uk-margin-65-50-35-30-bottom {
        margin-bottom: 50px;
    }
}

@media (max-width: 959px) {
    .uk-margin-65-50-35-30 {
        margin: 35px;
    }

    .uk-margin-65-50-35-30-left {
        margin-left: 35px;
    }

    .uk-margin-65-50-35-30-right {
        margin-right: 35px;
    }

    .uk-margin-65-50-35-30-top {
        margin-top: 35px;
    }

    .uk-margin-65-50-35-30-bottom {
        margin-bottom: 35px;
    }
}

@media (max-width: 639px) {
    .uk-margin-65-50-35-30 {
        margin: 30px;
    }

    .uk-margin-65-50-35-30-left {
        margin-left: 30px;
    }

    .uk-margin-65-50-35-30-right {
        margin-right: 30px;
    }

    .uk-margin-65-50-35-30-top {
        margin-top: 30px;
    }

    .uk-margin-65-50-35-30-bottom {
        margin-bottom: 30px;
    }
}

.uk-margin-50-35-70 {
    margin: 50px;
}

.uk-margin-50-35-70-left {
    margin-left: 50px;
}

.uk-margin-50-35-70-right {
    margin-right: 50px;
}

.uk-margin-50-35-70-top {
    margin-top: 50px;
}

.uk-margin-50-35-70-bottom {
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .uk-margin-50-35-70 {
        margin: 35px;
    }

    .uk-margin-50-35-70-left {
        margin-left: 35px;
    }

    .uk-margin-50-35-70-right {
        margin-right: 35px;
    }

    .uk-margin-50-35-70-top {
        margin-top: 35px;
    }

    .uk-margin-50-35-70-bottom {
        margin-bottom: 35px;
    }
}

@media (max-width: 959px) {
    .uk-margin-50-35-70 {
        margin: 70px;
    }

    .uk-margin-50-35-70-left {
        margin-left: 70px;
    }

    .uk-margin-50-35-70-right {
        margin-right: 70px;
    }

    .uk-margin-50-35-70-top {
        margin-top: 70px;
    }

    .uk-margin-50-35-70-bottom {
        margin-bottom: 70px;
    }
}

.uk-margin-50-35 {
    margin: 50px;
}

.uk-margin-50-35-left {
    margin-left: 50px;
}

.uk-margin-50-35-right {
    margin-right: 50px;
}

.uk-margin-50-35-top {
    margin-top: 50px;
}

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

@media (max-width: 1199px) {
    .uk-margin-50-35 {
        margin: 35px;
    }

    .uk-margin-50-35-left {
        margin-left: 35px;
    }

    .uk-margin-50-35-right {
        margin-right: 35px;
    }

    .uk-margin-50-35-top {
        margin-top: 35px;
    }

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

.uk-margin-50-35-35-10 {
    margin: 50px;
}

.uk-margin-50-35-35-10-left {
    margin-left: 50px;
}

.uk-margin-50-35-35-10-right {
    margin-right: 50px;
}

.uk-margin-50-35-35-10-top {
    margin-top: 50px;
}

.uk-margin-50-35-35-10-bottom {
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .uk-margin-50-35-35-10 {
        margin: 35px;
    }

    .uk-margin-50-35-35-10-left {
        margin-left: 35px;
    }

    .uk-margin-50-35-35-10-right {
        margin-right: 35px;
    }

    .uk-margin-50-35-35-10-top {
        margin-top: 35px;
    }

    .uk-margin-50-35-35-10-bottom {
        margin-bottom: 35px;
    }
}

@media (max-width: 959px) {
    .uk-margin-50-35-35-10 {
        margin: 35px;
    }

    .uk-margin-50-35-35-10-left {
        margin-left: 35px;
    }

    .uk-margin-50-35-35-10-right {
        margin-right: 35px;
    }

    .uk-margin-50-35-35-10-top {
        margin-top: 35px;
    }

    .uk-margin-50-35-35-10-bottom {
        margin-bottom: 35px;
    }
}

@media (max-width: 639px) {
    .uk-margin-50-35-35-10 {
        margin: 10px;
    }

    .uk-margin-50-35-35-10-left {
        margin-left: 10px;
    }

    .uk-margin-50-35-35-10-right {
        margin-right: 10px;
    }

    .uk-margin-50-35-35-10-top {
        margin-top: 10px;
    }

    .uk-margin-50-35-35-10-bottom {
        margin-bottom: 10px;
    }
}

.uk-margin-40-25-25-40 {
    margin: 40px;
}

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

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

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

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

@media (max-width: 1199px) {
    .uk-margin-40-25-25-40 {
        margin: 25px;
    }

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

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

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

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

@media (max-width: 959px) {
    .uk-margin-40-25-25-40 {
        margin: 25px;
    }

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

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

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

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

@media (max-width: 639px) {
    .uk-margin-40-25-25-40 {
        margin: 40px;
    }

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

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

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

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

.uk-margin-20-20-15-20 {
    margin: 20px;
}

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

.uk-margin-20-20-15-20-right {
    margin-right: 20px;
}

.uk-margin-20-20-15-20-top {
    margin-top: 20px;
}

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

@media (max-width: 1199px) {
    .uk-margin-20-20-15-20 {
        margin: 20px;
    }

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

    .uk-margin-20-20-15-20-right {
        margin-right: 20px;
    }

    .uk-margin-20-20-15-20-top {
        margin-top: 20px;
    }

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

@media (max-width: 959px) {
    .uk-margin-20-20-15-20 {
        margin: 15px;
    }

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

    .uk-margin-20-20-15-20-right {
        margin-right: 15px;
    }

    .uk-margin-20-20-15-20-top {
        margin-top: 15px;
    }

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

@media (max-width: 639px) {
    .uk-margin-20-20-15-20 {
        margin: 20px;
    }

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

    .uk-margin-20-20-15-20-right {
        margin-right: 20px;
    }

    .uk-margin-20-20-15-20-top {
        margin-top: 20px;
    }

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

.uk-margin-25-20-15 {
    margin: 25px;
}

.uk-margin-25-20-15-left {
    margin-left: 25px;
}

.uk-margin-25-20-15-right {
    margin-right: 25px;
}

.uk-margin-25-20-15-top {
    margin-top: 25px;
}

.uk-margin-25-20-15-bottom {
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .uk-margin-25-20-15 {
        margin: 20px;
    }

    .uk-margin-25-20-15-left {
        margin-left: 20px;
    }

    .uk-margin-25-20-15-right {
        margin-right: 20px;
    }

    .uk-margin-25-20-15-top {
        margin-top: 20px;
    }

    .uk-margin-25-20-15-bottom {
        margin-bottom: 20px;
    }
}

@media (max-width: 959px) {
    .uk-margin-25-20-15 {
        margin: 15px;
    }

    .uk-margin-25-20-15-left {
        margin-left: 15px;
    }

    .uk-margin-25-20-15-right {
        margin-right: 15px;
    }

    .uk-margin-25-20-15-top {
        margin-top: 15px;
    }

    .uk-margin-25-20-15-bottom {
        margin-bottom: 15px;
    }
}

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

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

.uk-margin-15-right {
    margin-right: 15px;
}

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

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

.uk-margin-5 {
    margin: 5px;
}

.uk-margin-5-left {
    margin-left: 5px;
}

.uk-margin-5-right {
    margin-right: 5px;
}

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

.uk-margin-5-bottom {
    margin-bottom: 5px;
}
/* mixin margin */

/* mixin text lh */
.uk-lh-44-44-31 {
    line-height: 44px;
}

.uk-lh-30-30-19 {
    line-height: 30px;
}

.uk-lh-27-27-17 {
    line-height: 27px;
}

.uk-lh-25 {
    line-height: 25px;
}

.uk-lh-19-19-12 {
    line-height: 19px;
}

@media (max-width: 1199px) {
    .uk-lh-30-30-19 {
        line-height: 19px;
    }

    .uk-lh-44-44-31 {
        line-height: 31px;
    }

    .uk-lh-27-27-17 {
        line-height: 17px;
    }

    .uk-lh-19-19-12 {
        line-height: 12px;
    }
}
/* mixin text lh */

/* mixin text */

.uk-text-60-60-40 {
    font-size: 60px !important;
}

@media (max-width: 1199px) {
    .uk-text-60-60-40 {
        font-size: 40px !important;
    }
}

.uk-text-55-55-35 {
    font-size: 55px !important;
}

@media (max-width: 1199px) {
    .uk-text-55-55-35 {
        font-size: 35px !important;
    }
}

.uk-text-45-45-30 {
    font-size: 45px !important;
}

@media (max-width: 1199px) {
    .uk-text-45-45-30 {
        font-size: 30px !important;
    }
}

.uk-text-40-40-25 {
    font-size: 40px !important;
}

@media (max-width: 1199px) {
    .uk-text-40-40-25 {
        font-size: 25px !important;
    }
}

.uk-text-40-30-25 {
    font-size: 40px !important;
}

@media (max-width: 1599px) {
    .uk-text-40-30-25 {
        font-size: 30px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-40-30-25 {
        font-size: 25px !important;
    }
}

.uk-text-35-35-25 {
    font-size: 35px !important;
}

.uk-text-35-25-20 {
    font-size: 35px !important;
}

@media (max-width: 1199px) {
    .uk-text-35-35-25 {
        font-size: 25px !important;
    }
    .uk-text-35-25-20 {
        font-size: 25px !important;
    }
}
@media (max-width: 1199px) {
    .uk-text-35-25-20 {
        font-size: 20px !important;
    }
}
.uk-text-30 {
    font-size: 30px !important;
}

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

@media (max-width: 1599px) {
    .uk-text-30-22 {
        font-size: 22px !important;
    }
}

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

@media (max-width: 1199px) {
    .uk-text-30-30-22 {
        font-size: 22px !important;
    }
}

.uk-text-28 {
    font-size: 28px !important;
}

.uk-text-26 {
    font-size: 26px !important;
}

.uk-text-25-25-18-16 {
    font-size: 25px !important;
}

@media (max-width: 1199px) {
    .uk-text-25-25-18-16 {
        font-size: 18px !important;
    }
}

@media (max-width: 959px) {
    .uk-text-25-25-18-16 {
        font-size: 16px !important;
    }
}

.uk-text-25-20-16 {
    font-size: 25px !important;
}

@media (max-width: 1599px) {
    .uk-text-25-20-16 {
        font-size: 20px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-25-20-16 {
        font-size: 16px !important;
    }
}

.uk-text-24-16 {
    font-size: 24px !important;
}

@media (max-width: 1599px) {
    .uk-text-24-16 {
        font-size: 16px !important;
    }
}

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

@media (max-width: 1199px) {
    .uk-text-22-22-16 {
        font-size: 16px !important;
    }
}

.uk-text-22-16-14 {
    font-size: 22px !important;
}

@media (max-width: 1599px) {
    .uk-text-22-16-14 {
        font-size: 16px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-22-16-14 {
        font-size: 14px !important;
    }
}

.uk-text-21 {
    font-size: 21px !important;
}

.uk-text-21-15 {
    font-size: 21px !important;
}

@media (max-width: 1599px) {
    .uk-text-21-15 {
        font-size: 15px !important;
    }
}

.uk-text-21-19-20-25 {
    font-size: 21px !important;
}

@media (max-width: 1599px) {
    .uk-text-21-19-20-25 {
        font-size: 19px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-21-19-20-25 {
        font-size: 20px !important;
    }
}

@media (max-width: 959px) {
    .uk-text-21-19-20-25 {
        font-size: 25px !important;
    }
}

.uk-text-20 {
    font-size: 20px !important;
}

.uk-text-20-16-12 {
    font-size: 20px !important;
}

@media (max-width: 1599px) {
    .uk-text-20-16-12 {
        font-size: 16px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-20-16-12 {
        font-size: 12px !important;
    }
}

.uk-text-20-14 {
    font-size: 20px !important;
}

@media (max-width: 1599px) {
    .uk-text-20-14 {
        font-size: 14px !important;
    }
}

.uk-text-20-20-14 {
    font-size: 20px !important;
}

@media (max-width: 1199px) {
    .uk-text-20-20-14 {
        font-size: 14px !important;
    }
}

.uk-text-13 {
    font-size: 13px !important;
}

.uk-text-19 {
    font-size: 19px !important;
}

.uk-text-19-17-18-23 {
    font-size: 19px !important;
}

@media (max-width: 1599px) {
    .uk-text-19-17-18-23 {
        font-size: 17px !important;
    }
}

@media (max-width: 1199px) {
    .uk-text-19-17-18-23 {
        font-size: 18px !important;
    }
}

@media (max-width: 959px) {
    .uk-text-19-17-18-23 {
        font-size: 23px !important;
    }
}

.uk-text-19-14 {
    font-size: 19px !important;
}

@media (max-width: 1599px) {
    .uk-text-19-14 {
        font-size: 14px !important;
    }
}

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

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

@media (max-width: 1199px) {
    .uk-text-18-18-14 {
        font-size: 14px !important;
    }
}

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

@media (max-width: 1599px) {
    .uk-text-18-14 {
        font-size: 14px !important;
    }
}

.uk-text-16 {
    font-size: 16px !important;
}

.uk-text-16-16-14 {
    font-size: 16px !important;
}

@media (max-width: 1199px) {
    .uk-text-16-16-14 {
        font-size: 14px !important;
    }
}

.uk-text-16-16-10 {
    font-size: 16px !important;
}

@media (max-width: 1199px) {
    .uk-text-16-16-10 {
        font-size: 10px !important;
    }
}

.uk-text-16-16-19-19 {
    font-size: 16px !important;
}

@media (max-width: 1199px) {
    .uk-text-16-16-19-19 {
        font-size: 19px !important;
    }
}

@media (max-width: 959px) {
    .uk-text-16-16-19-19 {
        font-size: 19px !important;
    }
}

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

@media (max-width: 1199px) {
    .uk-text-15-15-12 {
        font-size: 12px !important;
    }
}

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

@media (max-width: 1599px) {
    .uk-text-15-12 {
        font-size: 12px !important;
    }
}

.uk-text-14 {
    font-size: 14px !important;
}

.uk-text-14-14-14-9 {
    font-size: 14px !important;
}

@media (max-width: 959px) {
    .uk-text-14-14-14-9 {
        font-size: 9px !important;
    }
}

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

@media (max-width: 1199px) {
    .uk-text-14-14-12 {
        font-size: 12px !important;
    }
}

.uk-text-14-14-12-10 {
    font-size: 14px !important;
}

@media (max-width: 1199px) {
    .uk-text-14-14-12-10 {
        font-size: 12px !important;
    }
}

@media (max-width: 959px) {
    .uk-text-14-14-12-10 {
        font-size: 10px !important;
    }
}

.uk-text-14-14-9 {
    font-size: 14px !important;
}

@media (max-width: 1199px) {
    .uk-text-14-14-9 {
        font-size: 9px !important;
    }
}

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

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

@media (max-width: 1599px) {
    .uk-text-12-10 {
        font-size: 10px !important;
    }
}

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

@media (max-width: 1199px) {
    .uk-text-12-12-11 {
        font-size: 11px !important;
    }
}

.uk-text-11 {
    font-size: 11px !important;
}

/* mixin text */


/* === accordion === */
.uk-accordion li .arrow {
    transform: rotate(0deg);
    transition: transform 0.3s;
}

.uk-accordion li.uk-open .arrow {
    transform: rotate(180deg);
}

.uk-accordion-secondary {
    border: none;
}

.uk-accordion-secondary > li {
    margin: 0 !important;
    border-bottom: 1px solid #eee6e2;
}

.uk-accordion-secondary .uk-accordion-title {
    padding: 15px 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-transform: inherit;
    color: var(--black-middle);
    background-color: transparent;
    transition: background-color 0.3s;
}

.uk-accordion-secondary .uk-accordion-title:hover {
    color: var(--black);
}

.uk-accordion-secondary li.uk-open .uk-accordion-title {
    background-color: var(--muted-secondary);
    color: var(--black);
}

.uk-accordion-title .ic-arrow {
    color: var(--orange);
    transition: transform 0.3s ease;
}

.uk-accordion-secondary li.uk-open .uk-accordion-title .ic-arrow {
    transform: rotate(90deg);
}

.uk-accordion-secondary .uk-accordion-content {
    padding: 10px 0;
}

/* === accordion === */

/* === uk-tab === */
.uk-tab > li a {
    transition: color 0.3s, background-color 0.3s;
}

.uk-tab > li:hover a {
    background-color: var(--orange);
    color: var(--white-color) !important;
    text-decoration: none;
}

.uk-tab-right li a {
    padding: 5px 10px;
    color: var(--black-middle);
    background-color: var(--muted-secondary);
    font-size: clamp(16px, 2vw - 6px, 18px);
}

.uk-tab-right.uk-tab li a:hover {
    text-decoration: none;
    color: var(--orange) !important;
    background-color: var(--muted-secondary);
}

.uk-tab-right.uk-tab .uk-active a {
    color: var(--white-color);
    background-color: var(--orange);
}

.uk-tab-right.uk-tab .uk-active a:hover {
    color: var(--white-color) !important;
    background-color: var(--orange);
}
/* === uk-tab === */

/* === offcanvas === */
.uk-offcanvas-bar {
    padding: 80px 0;
    background-color: var(--white-color);
}

.uk-offcanvas-bar .uk-link {
    color: var(--black-middle);
}

.uk-offcanvas-bar .uk-link:hover {
    color: var(--orange);
}

.uk-offcanvas-flip .uk-offcanvas-bar {
    right: -100%;
}

.uk-offcanvas-close-secondary {
    position: absolute;
}

.uk-offcanvas-close-secondary svg {
    color: var(--orange);
    width: 20px;
    height: 20px;
}

@media (min-width: 640px) {
    .uk-offcanvas-flip .uk-offcanvas-bar {
        right: -75%;
    }
}

/* === offcanvas === */

/* === icons === */
.uk-form-icon {
    width: 40px;
}

.ic-vk,
.ic-telegram,
.ic-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s;
}

.ic-vk {
    width: 20px;
    height: 20px;
}

.ic-whatsapp {
    width: 16px;
    height: 16px;
}

.ic-telegram {
    width: 18px;
    height: 18px;
}

.ic-vk:hover,
.ic-telegram:hover,
.ic-whatsapp:hover {
    color: var(--orange-dark);
}

.uk-icon[uk-icon=ic-star] {
    width: clamp(14px, 2vw, 18px);
    height: clamp(14px, 2vw, 18px);
    color: var(--yellow);
}

[uk-icon="icon: map-marker; ratio: .7"] svg {
    width: 16px;
    height: 16px;
}

[uk-icon="icon: phone; ratio: .7"] svg {
    width: 16px;
    height: 16px;
}

[uk-icon="icon: email; ratio: .7"] svg {
    width: 16px;
    height: 16px;
}

.uk-icon-reviews {
    width: 45px;
    height: 35px;
}

.uk-icon[uk-icon=ic-phone] {
    height: 14px;
    width: 14px;
}

.uk-icon[uk-icon=ic-arrow-next] {
    width: 5px;
    height: 8px;
}

.ic-arrow-large[uk-icon=ic-arrow-prev] {
    width: clamp(10px, 2vw - 4px, 15px);
    height: clamp(15px, 2vw, 24px);
}

.ic-arrow-large[uk-icon=ic-arrow-next] {
    width: clamp(10px, 2vw - 4px, 15px);
    height: clamp(15px, 2vw, 24px);
}

.ic-arrow-header {
    color: var(--orange-light);
}

/* === icons === */

/* === uk-breadcrumbs === */
.breadcrumbs ul {
    padding-left: 0;
}
/* === uk-breadcrumbs === */

/* === uk-button === */
.uk-button {
    font-size: 16px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}


.uk-button-default {
    display: inline-flex;
    background-color: transparent;
    color: var(--orange);
    border: 1px solid var(--orange);
}

.uk-button-primary {
    height: 55px;
}

.uk-button-primary-small {
    height: 40px;
    color: var(--white-color);
}

.uk-button-primary:hover {
    background-color: var(--orange-middle);
    color: var(--white-color);
}

.uk-button-danger {
    background-color: var(--orange);
    color: var(--white-color);
}

.uk-button-danger:focus, .uk-button-danger:hover {
    background-color: var(--orange-middle);
    color: var(--white-color);
}

.uk-button-danger.uk-active, .uk-button-danger:active {
    background-color: #d3460d;
    color: var(--white-color);
}

.uk-button-header {
    padding: clamp(6px, 2vw, 10px) clamp(10px, 3vw - 2px, 30px);
    height: clamp(30px, 5vw, 40px);
    font-size: clamp(12px, 2vw, 14px);
}

.uk-button-footer {
    height: clamp(40px, 4vw, 50px);
    border-radius: 4px;
    font-size: clamp(14px, 2vw, 16px);
}

.button-language {
    transition: color 0.3s;
}

.button-language .ic-chevron-down {
    transition: transform 0.3s;
}

.button-language.uk-open .ic-chevron-down {
    color: var(--orange);
    transform: rotate(180deg);
}

.button-language.uk-open .uk-img-flag {
    border-color: var(--orange);
}

.uk-button-cookie {
    height: 40px;
    @media (min-width: 640px) {
        width: 110px;
    }
}

.uk-button-disable {
    background-color: var(--gray-secondary-light);
    border-color: var(--gray-secondary-light);
    pointer-events: none;
}

.uk-button-disable:hover {
    background-color: var(--gray-secondary-light);
}
/* === uk-button === */

/* === uk-margin === */
.uk-margin-cover {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.uk-margin-extra-small-bottom {
    margin-bottom: 5px;
}

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

.uk-margin-middle-floating-bottom {
    margin-bottom: clamp(20px, 2vw, 30px);
}

.uk-margin-middle-floating-top {
    margin-top: clamp(20px, 2vw, 30px);
}

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

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

@media (min-width: 640px) {
    .uk-margin-cover-s {
        margin: 0;
    }
}
/* === uk-margin === */


/* === overlay === */
.uk-overlay-primary {
    background-color: rgba(241,93,34,.8);
}

.uk-overlay-default {
    background-color: rgba(51, 51, 51, 0.5);
}
/* === overlay === */


/* === uk-input === */
.uk-input {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid var(--gray-medium);
    font-size: 14px !important;
    font-weight: 400 !important;
    min-height: 55px;
}

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

.uk-input.calc-input {
    min-height: 45px;
    font-size: 14px;
    color: var(--gray);
    border-radius: 0;
}

.uk-input-secondary {
    padding: 8px 10px;
    min-height: 40px;
    height: 40px;
    border: 1px solid var(--gray-middle-dark);
    border-radius: 4px;
    font-size: 14px;
    color: var(--black-middle);
}

.uk-textarea-form {
    padding: 10px;
    border-color: var(--gray-middle-dark);
    resize: none;
    height: 50px;
}

.consult-form .uk-input {
    min-height: 50px;
    padding: 8px 12px;
}
/* === uk-input === */

/* === uk-label === */
.uk-label-form {
    padding: 0;
    min-width: 80px;
    background-color: var(--white-color);
    text-transform: inherit;
}

.uk-label-file {
    padding: 10px;
    border: 1px solid var(--gray-middle-dark);
    border-radius: 4px;
    color: var(--black-middle);
    background-color: var(--white-color);
}

.uk-label-checkbox {
    cursor: pointer;
    user-select: none;
}

.uk-label-checkbox input {
    display: none;
}

.uk-label-checkbox .checkmark {
    position: relative;
    height: 1.2rem;
    width: 1.2rem;
    border: 1px solid var(--orange);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.uk-label-checkbox input:checked ~ .checkmark {
    background-color: var(--orange);
    border-color: var(--orange);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.uk-label-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.uk-label-checkbox .checkmark:after {
    left: 5px;
    top: 0;
    width: 0.4rem;
    height: 0.7rem;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.uk-label-checkbox p {
    max-width: clamp(270px, 28vw, 315px);
}
/* === uk-label === */


/* === uk-card === */
a.uk-card .uk-card-title {
    color: var(--black-middle);
    transition: color 0.3s;
}

.uk-card.uk-card-designs .uk-card-title {
    min-height: clamp(60px, 4vw, 75px);
    font-size: clamp(16px, 2vw - 3px, 18px);
}

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

.uk-card-promo {
    position: absolute;
    top: 25px;
    left: 15px;
    right: 15px;
    bottom: 25px;
    height: max-content;
}

.uk-card.uk-card-danger .uk-card-body {
    padding: 20px 12px;
}

.uk-card-primary {
    background-color: var(--muted-light);
    border: 1px solid var(--orange);
    box-shadow: none;
    transition: background-color 0.3s, color 0.3s;
}

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

.uk-card-primary .uk-card-title {
    color: var(--black-middle);
}

.uk-card-primary.uk-card-body .uk-text-muted {
    color: var(--gray) !important;
}

.uk-card-primary.uk-card-body .uk-h3 {
    color: var(--black-middle);
}

.uk-card-primary > :not([class*="uk-card-media"]) {
    color: var(--black-middle);
}

.uk-card-media {
    height: 290px;
}

.uk-card-media-top .uk-card-icon {
    width: 80px;
    height: 80px;
}

.uk-card-default .uk-card-media {
    height: clamp(150px, 12vw, 185px);
}

.uk-card-default.uk-card-default-muted {
    padding-top: 30px;
    background-color: var(--gray-muted);
    border: 1px solid var(--gray-middle);
    min-height: 350px;
    height: 100%;
}

.uk-card-default.uk-card-default-sec {
    padding: 30px 0 0 30px;
}

.uk-card-default-img {
    height: clamp(280px, 24vw, 350px);
}

.uk-card-body.uk-card-body-default {
    padding: clamp(40px, 5vw, 60px) clamp(20px, 2vw, 30px) 30px;
}

.uk-card-default-title {
    font-size: 20px;
}

.uk-card-product {
    color: var(--black);
    font-size: 16px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

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

.uk-card-product button {
    padding: 8px 10px;
    background-color: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(16px, 2vw, 18px);
    height: clamp(40px, 4vw, 55px);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.uk-card-product:hover button {
    color: var(--white-color);
    background-color: var(--orange);
}

.uk-card-product-media {
    height: clamp(270px, 24vw, 360px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.uk-card-media-top {
    height: 250px;
}

.uk-card-media-top.uk-card-media-top-large {
    height: clamp(225px, 65vw, 430px);
}


.uk-card-product-media-secondary img {
    width: clamp(170px, 10vw, 200px);
    height: clamp(170px, 10vw, 200px);
}

.uk-card-product-title {
    display: flex;
    align-items: center;
    font-size: clamp(24px, 2vw, 28px);
    line-height: 28px;
    height: 55px;
    color: var(--black-middle);
}

.uk-card-product-name {
    color: var(--gray-opacity);
    line-height: 14px;
}

.uk-card-product-line {
    min-width: 10px;
    flex-grow: 1;
    padding-top: 10px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}

.uk-card-product-line-orange {
    border-color: var(--orange);
}

.uk-card-product-value {
    max-width: clamp(125px, 12vw, 140px);
    text-align: right;
    line-height: 14px;
    color: var(--black-middle);
}

.uk-card-number {
    color: var(--white-color);
    width: 25px;
    height: 25px;
    background-color: var(--orange);
    border-radius: 50%;
}

.uk-card-xsmall {
    padding: clamp(20px, 3vw - 5px, 30px) 20px clamp(20px, 3vw - 5px, 30px) clamp(20px, 3vw - 5px, 40px);
    min-height: 135px;
}

.uk-card-small {
    min-height: 50px;
}

.uk-card-255 {
    min-height: 255px;
}

.uk-card-design .uk-card-media-left {
    height: 220px;
}

.uk-card-design .uk-card-body {
    padding: clamp(20px, 3vw, 40px) clamp(15px, 4vw, 60px);
}

.uk-card-contacts::-webkit-scrollbar {
    width: 3px;
}

.uk-card-contacts::-webkit-scrollbar-track {
    background-color: var(--white-color);
}

.uk-card-contacts::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    border-radius: 8px;
}

@media (min-width: 640px) {
    .uk-card-media-top.uk-card-media-top-large {
        height: clamp(225px, 30vw, 430px);
    }
}

@media (min-width: 960px) {
    .uk-card-promo {
        left: 25px;
        right: 35%;
        bottom: inherit;
    }
}

/* === uk-card === */

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

.uk-text-muted {
    color: var(--gray) !important;
}

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

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

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

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

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

.uk-text-gray-secondary-light {
    color: var(--gray-secondary-light);
}

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

.uk-text-danger {
    color: var(--orange) !important;
}

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

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

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

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

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

.uk-text-default {
    font-size: 16px;
}

.uk-text-24 {
    font-size: 24px !important;
}

.uk-text-default-floating {
    font-size: clamp(14px, 2vw - 8px, 16px);
}

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

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

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

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

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

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

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

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

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

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

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

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

.uk-text-lh-normal {
    line-height: normal;
}

.uk-text-lh-14 {
    line-height: 14px;
}

.uk-text-lh-21 {
    line-height: 21px;
}

.uk-text-weight-400 {
    font-weight: 400;
}

.uk-text-weight-300 {
    font-weight: 300 !important;
}

.uk-text-weight-500 {
    font-weight: 500 !important;
}

.uk-text-weight-600 {
    font-weight: 600 !important;
}

.uk-text-lh-35 {
    line-height: 35px;
}

.uk-text-hidden {
    display: flex;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.4s, max-height 0.4s;
}

.uk-text-show {
    max-height: 600px;
    opacity: 1;
}

.uk-text-transform-inherit {
    text-transform: inherit;
}

/* === uk-text === */


/* === uk-title === */
h1 {
    font-size: 28px;
}

h2 {
    font-size: 20px;
}

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

@media (min-width: 960px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }
}
/* === uk-title === */

/* === uk-grid === */
.uk-grid-secondary > .uk-grid-margin {
    margin-top: 10px;
}

/* Horizontal */
.uk-grid-20,
.uk-grid-column-20 {
    margin-left: -20px !important;
}

.uk-grid-20>*,
.uk-grid-column-20>* {
    padding-left: 20px !important;
}


/* === uk-grid === */

/* === uk-flex-gap === */
.uk-flex-gap-25-20-horizontal {
    gap: 0 clamp(20px, 2vw, 25px);
}

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

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

.uk-flex-gap-40-ver-20-hor {
    gap: 40px 20px;
}

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

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

.uk-flex-gap-middle-floating {
    gap: clamp(20px, 3vw - 6px, 30px);
}

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

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

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

.uk-flex-gap-20-70 {
    gap: 20px 70px;
}

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

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

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

.uk-flex-gap-medium-floating {
    gap: clamp(20px, 3vw, 40px);
}

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

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

.uk-flex-gap-small-floating {
    gap: clamp(5px, 2vw - 12px, 10px);
}

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

.uk-flex-gap-15-hor-5-ver {
    gap: 5px 15px;
}

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

/* === uk-flex-gap === */


/* === uk-flex === */
.uk-flex-row {
    flex-direction: row;
}

.uk-flex-order-negative-s {
    order: -1;
}

@media (min-width: 640px) {
    .uk-flex-row-s {
        flex-direction: row;
    }

    .uk-flex-order-negative-s {
        order: 0;
    }
}

@media (min-width: 960px) {
    .uk-flex-column-m {
        flex-direction: column;
    }

    .uk-flex-row-m {
        flex-direction: row;
    }

    .uk-flex-baseline-m {
        align-items: baseline;
    }
}

/* === uk-flex === */


/* === uk-padding === */
.uk-padding-70-40 {
    padding: 70px;
}

.uk-padding-50-30-20 {
    padding: 50px;
}

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

.uk-padding-medium-floating {
    padding: clamp(20px, 3vw, 40px);
}

.uk-padding-30-20 {
    padding: 30px;
}

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

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

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

.uk-padding-extra-small-vertical {
    padding: 5px 0;
}

.uk-padding-extra-small {
    padding: 5px;
}

.uk-padding-small-top {
    padding-top: 10px;
}

.uk-padding-small-vertical {
    padding: 10px 0;
}

.uk-padding-10-vertical-20-horizontal {
    padding: 10px 20px;
}

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

.uk-padding-12-top-20-bottom {
    padding: 12px 0 20px;
}

.uk-padding-bottom {
    padding-bottom: 20px;
}

.uk-padding-top {
    padding-top: 20px;
}

.uk-padding-left {
    padding-left: 20px;
}

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

.uk-padding-middle-vertical {
    padding: 30px 0;
}

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

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

.uk-padding-medium {
    padding: clamp(40px, 4vw, 50px);
}

@media (max-width: 1599px) {
    .uk-padding-70-40 {
        padding: 40px;
    }

    .uk-padding-50-30-20 {
        padding: 30px;
    }

    .uk-padding-30-20 {
        padding: 20px;
    }
}

@media (max-width: 1199px) {
    .uk-padding-50-30-20 {
        padding: 20px;
    }
}

/* === uk-padding === */


/* === uk-slider === */
.uk-slider-container {
    padding: 10px 5px;
}

.uk-slidenav-button {
    border-radius: 50%;
}

@media (min-width: 640px) {
    .uk-slidenav-button {
        width: 145px;
        height: 145px;
        display: flex;
        align-items: center;
    }
}

.uk-slidenav-button-prev {
    left: -125px;
}

.uk-slidenav-button-next {
    right: -125px;
}

.uk-slider-company li {
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-slider-company li:nth-child(1) {
    height: 130px;
}

.uk-slider-company li:nth-child(2) {
    height: 110px;
}

.uk-slider-company li div {
    height: 100%;
}

.uk-slider-certificates li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-slider-certificates .uk-slider-items li a {
    height: 300px;
}

.uk-slider-container-reviews {
    height: clamp(80px, 8vw, 100px);
}

.slider-recommendations-item {
    height: clamp(365px, 62vw, 575px);
    display: flex;
    justify-content: center;
    transition: height 0.1s ease, border-color 0.1s ease;
}

@media (min-width: 640px) {
    .slider-recommendations-items {
        gap: 30px;
        width: calc(100% - 30px);
    }

    .uk-slider-certificates .uk-slider-items li a {
        height: clamp(260px, 21vw, 370px);
    }
}

@media (min-width: 960px) {
    .slider-recommendations-items {
        gap: 5px;
        width: calc(100% - 10px);
    }

    .slider-recommendations-item {
        height: clamp(235px, 25vw, 375px);
        border: 1px solid transparent;
    }

    .uk-active .slider-recommendations-item {
        height: clamp(375px, 38vw, 590px);
        border-color: var(--orange-light);
    }
}

/* === uk-slider === */

/* === image === */
.uk-img-promo {
    height: clamp(375px, 100vw, 430px);
}

.uk-img-intro {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.uk-img-intro.uk-img-intro-secondary {
    left: 40%;
}

.uk-img-section-medium {
    height: clamp(320px, 32vw, 405px);
}

.uk-img-section-large {
    height: clamp(320px, 35vw, 475px);
}

.uk-img-section {
    height: clamp(300px, 35vw, 455px);
}

.uk-img-section-small {
    height: clamp(250px, 35vw, 375px);
}

.uk-img-section-xsmall {
    height: 240px;
}

.uk-img-flag {
    padding: 1px;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: border-color 0.3s;
}

.uk-img-triplex {
    width: 54px;
    height: 54px;
}

.submenu-img {
    height: 155px;
}

.submenu-intro-img {
    max-width: clamp(110px, 11vw, 150px);
    width: 100%;
    top: 0;
    bottom: 0;
}

.uk-image-fences-700 {
    height: clamp(330px, 50vw, 700px);
}

.uk-img-material {
    height: clamp(300px, 45vw, 615px);
}

.uk-img-frame {
    margin: 0;
    width: 100%;
    height: clamp(290px, 50vw, 460px);
}

.uk-img-play {
    width: clamp(70px, 6vw, 100px);
    height: clamp(55px, 4vw, 75px);
}

.uk-img-cover {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

@media (min-width: 640px) {
    .uk-img-cover {
        margin: 0 -30px;
        width: calc(100% + 60px);
    }
}

@media (min-width: 960px) {
    .uk-img-promo {
        height: clamp(360px, 30vw, 375px);
    }

    .uk-img-frame {
        margin: -70px 0;
        width: clamp(560px, 52vw, 820px);
        height: clamp(460px, 45vw, 720px);
    }

    .uk-img-cover {
        margin: 0;
        width: 50%;
    }
}

/* === image === */

/* === uk-link === */
a,
.uk-link {
    color: var(--orange);
    text-decoration: none;
    cursor: pointer;
    text-underline-offset: 4px;
    transition: color 0.3s, border-color 0.3s;
}

a:hover,
.uk-link:hover {
    color: var(--orange);
}

.uk-link-toggle:hover .uk-link-heading {
    color: var(--orange);
}

.uk-link-default {
    color: var(--black-middle);
}

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

.uk-link-white {
    color: var(--white-color)
}

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

.uk-link-secondary {
    color: var(--black-middle);
    line-height: inherit;
}

.uk-link-gray {
    color: var(--gray) !important;
}

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

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

.uk-link-orange {
    color: var(--orange);
}

.uk-link-default:hover {
    color: var(--orange);
}

.uk-link-blue:hover {
    text-decoration: none;
}

.uk-link-primary:hover {
    color: var(--orange);
}

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

.uk-link-black-middle:hover {
    color: var(--black-middle);
    text-decoration: none;
}

.uk-link-secondary:hover {
    color: var(--orange);
}

.uk-link-secondary:hover .ic-arrow-header {
    color: var(--orange);
}

.uk-link-secondary:hover .uk-img-flag {
    border-color: var(--orange);
}

.uk-link-gray:hover {
    color: var(--orange) !important;
}

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

.uk-link-decoration-none:hover {
    text-decoration: none;
}

/* === uk-link === */


/* === uk-dotnav === */
.uk-dotnav {
    padding: 5px 0;
}

.uk-dotnav > .uk-active > * {
    background-color: var(--orange);
    height: 10px;
    width: 10px;
}

.uk-dotnav > * {
    display: flex;
    align-items: center;
}

/* === uk-dotnav === */


/* === uk-subnav === */
.uk-subnav-reviews-item {
    padding: clamp(20px, 2vw, 30px) !important;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white-color);
    flex-wrap: wrap;
    border: 1px solid var(--orange-light);
    transition: border-color 0.3s !important;
}

.uk-subnav-reviews > .uk-slide-active > .uk-subnav-reviews-item {
    background-color: var(--white-color);
    border-color: var(--orange);
}

/* === uk-subnav === */

/* === uk-switcher === */
.pt-production {
    height: clamp(230px, 40vw, 505px);
}

.uk-switcher-reviews-item {
    padding: 30px;
    border: 1px solid var(--orange-light);
}

.uk-switcher-reviews-media {
    width: 100%;
    height: clamp(235px, 35vw, 250px);
}

@media (min-width: 960px) {
    .uk-switcher-reviews-content {
        height: clamp(555px, 37vw, 580px);
    }

    .uk-switcher-reviews-media {
        width: clamp(315px, 30vw, 415px);
        height: clamp(200px, 16vw, 210px);
    }
}

.uk-switch-btn-prev {
    left: -15px;
}

.uk-switch-btn-next {
    left: calc(100% + 15px);
}

/* === uk-switcher === */


/* === uk-logo === */
.uk-logo-header {
    width: clamp(125px, 20vw, 150px);
    height: 30px;
    @media (min-width: 1200px) {
        width: clamp(135px, 20vw - 15px, 225px);
        height: clamp(30px, 5vw, 50px);
    }
}

.uk-logo-yandex {
    width: clamp(55px, 5vw, 80px);
    height: clamp(15px, 2vw, 20px);
}

.uk-logo-yandex-small {
    width: 60px;
    height: 15px;
}

.uk-logo-gis {
    width: clamp(50px, 5vw, 70px);
    height: clamp(15px, 2vw, 25px);
}

.uk-logo-footer {
    width: clamp(135px, 12vw, 160px);
}

.uk-logo-form {
    height: clamp(155px, 30vw, 275px);
}

@media (min-width: 960px) {
    .uk-logo-form {
        height: 185px;
    }
}

/* === uk-logo === */

/* === uk-border === */
.uk-border-top-gray-soft {
    border-top: 1px solid var(--gray-soft);
}

.uk-border-bottom-orange-light {
    border-bottom: 1px solid var(--orange-light);
}

.uk-border-orange-light {
    border: 1px solid var(--orange-light);
}

.uk-border-dashed-blue {
    border-bottom: 1px dashed #3585CC;
}

.uk-border-opacity {
    border: 1px solid var(--gray-opacity);
}

.uk-border-none {
    border: none !important;
}

/* === uk-border === */

/* === uk-modal === */
#modal-consult-form .uk-modal-dialog {
    width: 660px;
}

.uk-modal-body__border_primary {
    border: 3px solid #F15D22;
}

.uk-modal-body-feedback {
    width: 800px;
}

.uk-modal-review {
    padding: 20px !important;
}

.uk-modal-review-body {
    padding: 80px 30px 20px;
    min-height: 100%;
}

.uk-modal-review-close svg {
    width: 30px;
    height: 30px;
}

@media (max-width: 640px) {
    .uk-modal-review {
        padding: 0 !important;
    }

    .uk-modal-review-body {
        padding: 80px 15px 20px;
    }
}

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

/* === uk-width === */
.uk-width-15 {
    max-width: 15px;
}

.uk-width-60 {
    width: 60px;
}

.width-175 {
    max-width: 175px;
}

.uk-width-250 {
    width: 250px;
}

.uk-width-95 {
    width: 95%;
}

@media (min-width: 640px) {
    .width-100-s {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .uk-width-665-m {
        width: clamp(620px, 51vw, 665px);
    }

    .uk-width-95-m {
        width: 95%;
    }
}

/* === uk-width === */

/* === uk-section === */
.uk-section-muted {
    background-color: var(--muted-secondary);
}
/* === uk-section === */

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

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

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

.uk-background-muted-soft {
    background-color: var(--muted-light);
}

.uk-background-danger {
    background-color: var(--orange);
}

.uk-background-gradient-intro {
    background: linear-gradient(to right, rgba(244, 244, 244, 1) 70%, rgba(255, 255, 255, 0));
}

@media (min-width: 640px) {
    .uk-background-gradient-intro {
        background: linear-gradient(to right, rgba(244, 244, 244, 1) 40%, rgba(255, 255, 255, 0));
    }
}

/* === uk-background === */

/* === uk-utility === */
.uk-cursor-pointer {
    cursor: pointer;
}

.uk-box-shadow-header {
    box-shadow: 0 0 40px var(--gray-middle-dark);
}

.uk-box-shadow-small {
    box-shadow: 0 0 40px rgba(0,0,0,.15);
}

.uk-text-decoration {
    text-decoration: underline;
}

.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-4 {
    -webkit-line-clamp: 4;
}

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

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

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

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

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

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

.uk-scrollbar-primary::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.uk-scrollbar-primary::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    border-radius: 6px;
}

.uk-scrollbar-primary::-webkit-scrollbar-track {
    background-color: var(--white-color);
    border-radius: 6px;
}

/* === uk-utility === */

/* === uk-lightbox === */
.uk-lightbox-button {
    margin: 0;
    background-color: transparent;
    color: var(--orange);
}

.uk-lightbox-button:hover {
    color: var(--orange);
}

/* === uk-lightbox === */

/* === uk-list === */
.uk-list > :nth-child(n+2) {
    margin-top: 0;
}

body .uk-list-bullet.uk-list-bullet_decorated > li::before {
    background-image: url(/new-page/list/chevron-marker.svg) !important;
}

.uk-list-secondary > :nth-child(n+2) {
    margin-top: 20px;
}

.uk-list-offcanvas {
    max-height: 335px;
    overflow-y: auto;
}

.uk-list-offcanvas::-webkit-scrollbar {
    width: 3px;
}

.uk-list-offcanvas::-webkit-scrollbar-track {
    background-color: var(--white-color);
    border-radius: 10px;
}

.uk-list-offcanvas::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    border-radius: 10px;
}

.uk-list-submenu-nav {
    width: clamp(170px, 18vw, 250px);
}

.uk-list-submenu-nav li:not(:last-of-type) {
    border-bottom: 1px solid var(--orange-light)
}

.uk-list-submenu-nav li.uk-active .ic-arrow-header {
    color: var(--orange);
}

.uk-list-submenu {
    width: calc(100% - clamp(120px, 12vw, 175px));
}

.uk-list-header {
    max-width: 250px;
    @media (min-width: 1200px) {
        max-width: 100%;
    }
}

/* === uk-list === */

/* === uk-nav === */
.uk-nav-custom li {
    position: relative;
}

.uk-nav-custom li > a {
    border-bottom: 1px dotted;
    color: var(--black-middle);
    display: inline-block;
    font-size: 13px;
    padding: 12px 0 0 0;
}

.uk-nav-custom li::before {
    content: '>';
    position: relative;
    width: 13px;
    height: 13px;
    top: 2px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    background-color: var(--gray);
    background-position: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 9px;
    margin-right: 6px;
}

.uk-nav-custom .nav-dropdown-custom a {
    margin: 0 5px;
    font-size: 13px;
    text-decoration: underline;
}

.uk-dropdown.uk-dropdown-submenu {
    padding: 10px;
    background-color: var(--muted-secondary);
}

.uk-dropdown-submenu .uk-dropdown-nav > li > a {
    color: var(--gray);
}

.uk-dropdown-submenu .uk-dropdown-nav > li > a:hover {
    color: var(--orange);
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .uk-nav-custom li > a {
        font-size: 12px;
    }
}
/* === uk-nav === */

/* === uk-navbar === */

.uk-navbar-toggle {
    min-height: 30px;
}

/* === uk-navbar === */
/* === uk-drop === */
.uk-drop-header {
    width: 100%;
    min-height: 560px;
    top: calc(100% + clamp(10px, 2vw, 30px)) !important;
    left: 0 !important;
    z-index: -1 !important;
    border: none;
    box-shadow: 0 10px 20px 0 var(--gray-middle-dark)
}

.uk-drop-lang {
    padding: 20px;
    width: 150px;
    background-color: var(--white-color);
}

/* === uk-drop === */

/* === uk-section === */
.uk-section-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: white;
    box-shadow: 0 0 40px var(--gray-middle-dark);
}

.uk-section-intro {
    min-height: 600px;
}

.uk-section-footer {
    padding: 35px 0 30px;
    background-color: var(--black-secondary);
}

/* === uk-section === */

/* === uk-table === */
.table {
    min-width: 875px;
    font-size: 12px;
    line-height: normal;
    border-left: 1px solid var(--gray-middle-dark);
    border-right: 1px solid var(--gray-middle-dark);
}



.table .tr:nth-of-type(odd) {
    background: var(--muted-secondary);
}

.table.table-muted .tr:nth-of-type(odd) {
    background: transparent;
}

.table.table-muted .tr:nth-of-type(even) {
    background: var(--white-color);
}

.table .tr {
    display: flex;
    border-top: 1px solid var(--gray-middle-dark);
}

.table .tr:last-child {
    border-bottom: 1px solid var(--gray-middle-dark);
}

.table .tbody {
    display: flex;
    flex: 1;
}

.table .tbody .tr {
    flex: 1;
    flex-wrap: wrap;
    border: none;
    background-color: transparent;
}

.table .th {
    padding: 12px 30px;
    width: 20%;
    min-height: 30px;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--gray-middle-dark);
}

.table .td {
    padding: 12px 5px 12px clamp(20px, 2vw - 2px, 30px);
    min-height: 30px;
    flex: 1;
    display: flex;
    align-items: center;
}

tr.muted {
    background-color: var(--muted-secondary);
}

.table-secondary {
    display: flex;
    flex-direction: column;
    min-width: 345px;
}

.table-secondary .thead .tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.table-secondary .th {
    margin-bottom: 20px;
    padding: 5px;
    min-height: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    flex: 1;
}

.table-secondary .tbody .tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.table-secondary .td {
    padding: clamp(20px, 2vw - 2px, 25px) 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
    flex: 1;
}

.table-secondary .tbody .tr:nth-of-type(odd) {
    background: var(--muted-secondary);
}
/* === uk-table === */

/* === uk-tile === */
.uk-tile-target {
    padding: clamp(20px, 3vw, 40px) clamp(15px, 4vw, 50px);
}

.tile-custom-border {
    border: 3px solid #EEE6E2;
}

.uk-tile-cookie {
    width: 100%;
    padding: 20px 15px;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white-color);
    z-index: 20;
    opacity: 1;
    transition: opacity 0.2s;
    @media (min-width: 640px) {
        width: clamp(530px, 40vw, 620px);
        padding: clamp(20px, 2vw, 30px) 30px;
        flex-direction: row;
        align-items: center;
    }
}

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

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

/* === uk-tooltip === */
.uk-tooltip {
    padding: 10px;
    background-color: var(--orange);
    text-align: center;
    border-radius: 8px;
}
/* === uk-tooltip === */



/* === map === */
#map-custom > .uk-active a {
    color: var(--white-color);
    background-color: var(--orange);
}

#map-custom > .uk-active a:hover {
    color: var(--white-color) !important;
    background-color: var(--orange);
}

.link-mapp {
    color: var(--orange)
}

.uk-tab > li a.link-mapp:hover {
    text-decoration: none;
    background-color: var(--muted-secondary);
    color: var(--orange) !important;
}
/* === map === */

/* === calculator === */
.door-calc h2 {
    font-size: 28px !important;
}

.calc-input {
    height: 55px !important;
    background: var(--white-color);
    border-radius: 5px;
}

.door-calc-switch li a {
    border: 1px solid #eee6e2;
    font-size: 16px;
    color: #252525;
    padding: 12px !important;
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color 0.3s;
}

.door-calc-switch li a:hover {
    position: relative;
    color: var(--orange);
    text-decoration: none;
}

.door-calc-switch li.uk-active a {
    border-color: var(--orange);
    position: relative;
    color: var(--white-color);
    background-color: var(--orange);
}

.door-calc-switch li:not(:last-child) a {
    border-right: none;
}

.door-calc-switch li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.door-calc-switch li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width: 639px) {
    .door-calc-switch.furniture li:first-child a {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom: none;
    }

    .door-calc-switch.furniture li:last-child a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 5px;
    }

    .door-calc-switch.furniture li:nth-child(2) a {
        border-bottom: none;
    }

    .door-calc-switch.furniture li:nth-child(3) a {
        border-top-right-radius: 5px;
        border-bottom: none;
        border-right: 1px solid #eee6e2;
    }

    .door-calc-switch.furniture li:nth-child(4) a {
        border-bottom-left-radius: 5px;
    }
}

/* === calculator === */

.button-show-submenu-active {
    color: var(--orange);
}

.button-show-submenu-active .ic-arrow-header {
    color: var(--orange);
}

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

.years.uk-grid-divider > :not(.uk-first-column)::before {
    top: 30px;
    bottom: 30px;
    border-left: 1px solid #e2e2e2;
}

.years a:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 5px solid #fff;
}

@media (max-width: 640px) {
    .feat-img {
        height: 150px !important;
    }
}

@media (max-width: 960px) {
    .connect-link-switch {
        padding: 10px !important;
    }
}

@media (max-width: 640px) {
    .connect-height-switch {
        height: max-content !important;
    }
}