/*------------------------------------------------------------------

[TABLE OF CONTENTS]

- GLOBAL
- GUI
  -- Titles
  -- Images
  -- Button
  -- List
  -- Forms
  -- Blockquote
  -- Pagination
  -- Alert
  -- Tooltip
  -- Sections
  -- Accordion
  -- Other
- COMPONENTS
- FOOTER
-------------------------------------------------------------------*/



html,
body {
    font-size: 16px;
    line-height: 1.75;
    font-weight: normal;
    color: #777777;
    height: 100%;
    background: #fff;
}



@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoond41d.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}












body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 1.69;
}

.page-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

    .page-wrapper .page-main {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.uk-container {
    max-width: 1340px;
}

.uk-container-small {
    max-width: 950px;
}

.uk-container-large {
    max-width: 1420px;
}

.uk-container-expand {
    max-width: none;
}

.uk-lightbox {
    background: rgba(0, 0, 0, 0.85);
}

.uk-thumbnav > * > ::after {
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    transition: background-color .1s ease-in-out;
}

.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
    color: #DD0005;
    text-decoration: underline;
}

.uk-button {
    position: relative;
    height: 57px;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
}

.uk-button-danger {
    background: #DD0005;
    border-color: #DD0005;
}


    .uk-button-danger:hover,
    .uk-button-danger:focus,
    .uk-button-danger:active {
        background: #222;
        border-color: #222;
    }

.uk-button-secondary {
    background: #222222;
}

    .uk-button-secondary:before {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #DD0005;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        position: absolute;
        top: 50%;
        right: -10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        border-radius: 1px;
        content: '';
        transition: 0.3s;
    }

    .uk-button-secondary:hover,
    .uk-button-secondary:focus,
    .uk-button-secondary:active {
        background: #e94a30;
    }

    .uk-button-secondary:hover,
    .uk-button-secondary:focus,
    .uk-button-secondary:active {
        background: #2f2f2f;
    }

.uk-slideshow .slideshow-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uk-slideshow .slideshow-nav__count {
    font: normal 500 18px/1.1 'Roboto Flex';
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin: 0 20px;
    color: #ffffff;
    text-transform: uppercase;
}

    .uk-slideshow .slideshow-nav__count ul {
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0;
    }

        .uk-slideshow .slideshow-nav__count ul li {
            display: none;
        }

            .uk-slideshow .slideshow-nav__count ul li.uk-active {
                display: block;
            }

.uk-slideshow .slideshow-nav .uk-slidenav {
    background: #222222;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    padding: 0;
    border-radius: 1px;
    transition: 0.3s;
}

    .uk-slideshow .slideshow-nav .uk-slidenav svg {
        display: none;
    }

.uk-slideshow .slideshow-nav .uk-slidenav-previous {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #222222;
}

    .uk-slideshow .slideshow-nav .uk-slidenav-previous:hover,
    .uk-slideshow .slideshow-nav .uk-slidenav-previous:focus,
    .uk-slideshow .slideshow-nav .uk-slidenav-previous:active {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #DD0005;
    }

.uk-slideshow .slideshow-nav .uk-slidenav-next {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #222222;
}

    .uk-slideshow .slideshow-nav .uk-slidenav-next:hover,
    .uk-slideshow .slideshow-nav .uk-slidenav-next:focus,
    .uk-slideshow .slideshow-nav .uk-slidenav-next:active {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #DD0005;
    }

.style-color1 {
    color: #DD1F06;
}


.slider-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-nav__count {
    font: normal 500 18px/1.1 'Roboto Flex';
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin: 0 20px;
    color: #222222;
    text-transform: uppercase;
}

    .slider-nav__count ul {
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0;
    }

        .slider-nav__count ul li {
            display: none;
        }

            .slider-nav__count ul li.uk-active {
                display: block;
            }

.slider-nav .uk-slidenav {
    background: #222222;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    padding: 0;
    border-radius: 1px;
    transition: 0.3s;
}

    .slider-nav .uk-slidenav svg {
        display: none;
    }

.slider-nav .uk-slidenav-previous {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #222222;
}

    .slider-nav .uk-slidenav-previous:hover,
    .slider-nav .uk-slidenav-previous:focus,
    .slider-nav .uk-slidenav-previous:active {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #DD0005;
    }

.slider-nav .uk-slidenav-next {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #222222;
}

    .slider-nav .uk-slidenav-next:hover,
    .slider-nav .uk-slidenav-next:focus,
    .slider-nav .uk-slidenav-next:active {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") #DD0005;
    }

.uk-input {
    font: normal 400 16px/3.56 'Roboto Flex';
    background: #ffffff;
    height: 57px;
    padding-left: 25px;
    border-radius: 3px;
    color: #222222;
}

    .uk-input::-webkit-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-input::-moz-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-input:-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-input::-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-input::placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

.uk-select {
    font: normal 400 16px 'Roboto Flex';
    color: #222222;
}

    .uk-select::-webkit-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-select::-moz-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-select:-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-select::-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-select::placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #888888;
    }

    .uk-input:focus,
    .uk-select:focus,
    .uk-textarea:focus {
        border-color: #DD0005;
    }

.uk-input,
.uk-textarea {
    font: normal 400 16px 'Roboto Flex';
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #777777;
}

    .uk-input::-webkit-input-placeholder,
    .uk-textarea::-webkit-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #777777;
    }

    .uk-input::-moz-placeholder,
    .uk-textarea::-moz-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #777777;
    }

    .uk-input:-ms-input-placeholder,
    .uk-textarea:-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #777777;
    }

    .uk-input::-ms-input-placeholder,
    .uk-textarea::-ms-input-placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #777777;
    }

    .uk-input::placeholder,
    .uk-textarea::placeholder {
        font: normal 400 16px 'Roboto Flex';
        color: #777777;
    }

.uk-textarea {
    height: 120px;
    padding-top: 15px;
}

.uk-dotnav > * > * {
    background: #dddddd;
    width: 21px;
    height: 21px;
    border: 6px solid #ffffff;
    border-radius: 0;
    outline: 1px solid transparent;
}

.uk-dotnav > .uk-active > * {
    border: 6px solid #ffffff;
    outline: 1px solid #DD0005;
}

.uk-dotnav > * > :hover {
    border: 6px solid #ffffff;
    outline: 1px solid transparent;
}

.uk-pagination {
    background: #f8f8f8;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0;
    padding: 25px 70px;
}

    .uk-pagination > * > * {
        font: normal 500 18px / 1.3 'Roboto Flex';
        padding: 2px 10px;
        color: #777777;
        text-transform: uppercase;
        line-height: 25px;
    }

    .uk-pagination > li:first-child a,
    .uk-pagination > li:last-child a {
        background: #222222;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-sizing: border-box;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: #ffffff;
        transition: 0.3s;
    }

        .uk-pagination > li:first-child a:hover,
        .uk-pagination > li:first-child a:focus,
        .uk-pagination > li:first-child a:active,
        .uk-pagination > li:last-child a:hover,
        .uk-pagination > li:last-child a:focus,
        .uk-pagination > li:last-child a:active {
            background: #DD0005;
        }

    .uk-pagination > li:first-child {
        margin-right: 30px;
    }

    .uk-pagination > li:last-child {
        margin-left: 30px;
    }

    .uk-pagination > .uk-active > * {
        color: #DD0005;
    }

.section-title {
    display: block;
    position: relative;
    margin-bottom: 45px;
}

    .section-title img {
        margin-bottom: 20px;
    }

    .section-title span {
        font: normal 500 18px/normal 'Roboto Flex';
        display: block;
        margin-bottom: 10px;
        color: #DD0005;
        text-transform: uppercase;
    }

    .section-title .uk-h2 {
        margin: 0;
        color: #000000;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

.logo {
    display: inline-block;
    position: relative;
}

.logo__link {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
}

    .logo__link:hover,
    .logo__link:focus,
    .logo__link:active {
        text-decoration: none;
    }

.logo__icon {
    display: block;
    position: relative;
}

.logo__text {
    font: normal 500 24px/1 'Roboto Flex';
    margin-top: 5px;
    color: #ffffff;
    text-transform: uppercase;
}


.logo svg {
    max-width: 60px;
    height: auto;
    margin-top: 0;
    position: relative;
    top: 22px;
}



.logo_text_line.logo {
    display: flex;
    gap: 16px;
    line-height: 30px;
    align-items: center;
    text-align: left
}


.logo_text_line .tm_header_logo_title {
    color: #222;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    font-size: 24px
}

.footer .logo_text_line .tm_header_logo_title, .footer .tm_header_logo_title em {
    color: #fff;
}


.footer .logo_text_line img {
    max-width: 220px;
    height: auto;
    position: relative;
    top: 4px;
}

.footer .logo_text_line.logo {
    align-items: baseline;
    height: 75px;
}


.footer .logo svg * {
    fill: #fff;
    stroke: #fff;
}


.logo_text_line .tm_header_logo_text {
    color: #222;
    width: 100%;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-top: -10px;
}

.logo_text_line .tm_logo_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    padding-top: 5px
}

.logo_bg {
    background: url(../../images/logo-bg.html);
    background-repeat: no-repeat;
    top: 0px;
    left: 0;
    background-size: contain;
    background-position: -21px -15px;
}


.tm_header_logo_title b {
    color: #DD0005;
    padding-left: 2px;
}

.tm_header_logo_title em {
    color: #222;
    position: relative;
    right: -3px;
}

.tm_logo_wrap svg {
    width: 100px;
    height: 100px;
}


.support {
    display: block;
    position: relative;
}

.support__link {
    background: #222222;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 25px;
    border-radius: 3px;
    transition: 0.5s;
}

    .support__link:hover,
    .support__link:focus,
    .support__link:active {
        background: #DD0005;
        text-decoration: none;
    }

        .support__link:hover .support__icon,
        .support__link:focus .support__icon,
        .support__link:active .support__icon {
            color: #ffffff;
        }

.support__icon {
    color: #DD0005;
    font-size: 36px;
    line-height: 1;
}

.support__desc {
    padding-left: 20px;
    color: #ffffff;
}

.support__label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
}

.support__phone {
    font: normal 500 22px/1.71 'Roboto Flex';
    color: #ffffff;
    text-transform: uppercase;
}

.social {
    display: block;
    position: relative;
}

.social-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.social-list__item {
    display: block;
    position: relative;
}

    .social-list__item + .social-list__item {
        margin-left: 20px;
    }

.social-list__link {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: block;
    position: relative;
    color: #666;
    font-size: 16px;
    transition: 0.5s;
}

    .social-list__link:hover,
    .social-list__link:focus,
    .social-list__link:active {
        color: #DD0005;
    }

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

    .list-decor > li {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        transition: 0.3s;
    }

        .list-decor > li + li {
            margin-top: 30px;
        }

        .list-decor > li:before {
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            width: 17px;
            height: 17px;
            margin-right: 15px;
            border-radius: 1px;
            content: '';
            transition: 0.3s;
        }

        .list-decor > li:hover:before,
        .list-decor > li:focus:before,
        .list-decor > li:active:before {
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #DD0005;
        }

        .list-decor > li > a {
            font: normal 400 16px/1.1 'Roboto Flex';
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            color: rgba(255, 255, 255, 0.7);
            transition: 0.3s;
        }

            .list-decor > li > a:hover,
            .list-decor > li > a:focus,
            .list-decor > li > a:active {
                color: rgba(255, 255, 255, 0.6);
                text-decoration: none;
            }

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

    .latest-news-list > li + li {
        margin-top: 40px;
    }

.latest-news-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}

.latest-news-item__thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    .latest-news-item__thumb img {
        -o-object-fit: cover;
        -o-object-position: center;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.latest-news-item__info {
    padding-left: 22px;
}

.latest-news-item__title {
    font: normal 400 18px/1.33 'Roboto Flex';
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    transition: 0.3s;
}

    .latest-news-item__title:hover,
    .latest-news-item__title:focus,
    .latest-news-item__title:active {
        color: #DD0005;
        text-decoration: none;
    }

.latest-news-item__date {
    font: normal 400 13px/normal 'Roboto Flex';
    color: rgba(255, 255, 255, 0.7);
}

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

    .info-list > li + li {
        margin-top: 30px;
    }

.info-list-item__title {
    font: normal 400 16px/1.88 'Roboto Flex';
    color: #ffffff;
    text-transform: uppercase;
}

.info-list-item__value {
    font: normal 400 16px/1.5 'Roboto Flex';
    color: rgba(255, 255, 255, 0.7);
}

.block-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.block-icon__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
}

.block-icon__img {
    width: 60px;
    height: 60px;
}

.block-icon__desc {
    padding-left: 20px;
}

.block-icon__title {
    font: normal 500 22px 'Roboto Flex';
    margin-bottom: 10px;
    color: #222222;
}

.block-icon__text {
    color: #777777;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
}

.sidebar {
    display: block;
    position: relative;
    padding: 50px 0;
    border: 1px solid #eeeeee;
}

.widjet {
    padding: 0 30px;
}

    .widjet + .widjet {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #eee;
    }

.widjet__title {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

    .widjet__title::before {
        background: #DD0005;
        display: block;
        position: absolute;
        top: 0;
        left: -30px;
        width: 1px;
        height: 100%;
        content: '';
    }

    .widjet__title .uk-h4 {
        font: normal 600 18px/1.1 'Roboto Flex';
        margin: 0;
        color: #222222;
        text-transform: uppercase;
        padding-bottom: 7px;
        letter-spacing: 1.5px;
    }

    .widjet__title span {
        font: normal 300 11px/1.1 'Roboto Flex';
        color: #222;
        text-transform: uppercase;
        opacity: 0.5;
    }

.widjet__content {
    display: block;
    position: relative;
}

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

.categories-item {
    display: block;
    position: relative;
}

    .categories-item + .categories-item {
        margin-top: 10px;
    }

.categories-item__link {
    font: normal 400 16px/1.75 'Roboto Flex';
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
}

    .categories-item__link:hover,
    .categories-item__link:focus,
    .categories-item__link:active {
        color: #DD0005;
        text-decoration: none;
    }

        .categories-item__link:hover .categories-item__title,
        .categories-item__link:focus .categories-item__title,
        .categories-item__link:active .categories-item__title {
            color: #DD0005;
        }

            .categories-item__link:hover .categories-item__title .uk-icon,
            .categories-item__link:focus .categories-item__title .uk-icon,
            .categories-item__link:active .categories-item__title .uk-icon {
                color: #DD0005;
            }

.categories-item__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #222222;
    transition: 0.3s;
}

    .categories-item__title .uk-icon {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        color: #cccccc;
        transition: 0.3s;
    }

.categories-item__count {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    color: #777777;
    transition: 0.3s;
}

.tags-cloud {
    list-style: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

    .tags-cloud li {
        display: block;
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .tags-cloud li a {
            font: normal 400 14px/3.14 'Roboto Flex';
            background: #f8f8f8;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            display: inline-block;
            height: 44px;
            padding: 0 24px;
            color: #111111;
            transition: 0.3s;
        }

            .tags-cloud li a:hover,
            .tags-cloud li a:focus,
            .tags-cloud li a:active {
                background: #DD0005;
                color: #ffffff;
                text-decoration: none;
            }

.latest-luxcar {
    display: block;
    position: relative;
}

.latest-luxcar__media {
    margin-bottom: 25px;
}

    .latest-luxcar__media .uk-slidenav {
        background: #DD0005;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 21px;
        height: 21px;
        margin: 0 10px;
        padding: 0;
        border-radius: 1px;
    }

        .latest-luxcar__media .uk-slidenav svg {
            width: 12px;
            height: 12px;
        }

.latest-luxcar__body {
    display: block;
    position: relative;
    text-align: center;
}

.latest-luxcar__title {
    font: normal 500 24px/1.1 'Roboto Flex';
    margin-bottom: 5px;
    color: #111111;
}

    .latest-luxcar__title a {
        font: normal 500 24px/1.1 'Roboto Flex';
        color: #111111;
    }

.latest-luxcar__price {
    font: normal 500 24px/1.1 'Roboto Flex';
    margin-bottom: 15px;
    color: #DD0005;
}

.latest-luxcar__info {
    font: normal 400 14px/1.2 'Roboto Flex';
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777777;
}

.latest-luxcar__type {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #eee;
}

blockquote {
    font: normal 400 22px / 1.38 'Roboto Flex';
    padding-top: 40px;
    padding-left: 50px;
    border-left: 7px solid #DD0005;
    color: #111111;
    letter-spacing: normal;
    text-align: left;
    background-color: #f8f8f8;
    padding-bottom: 40px;
    padding-right: 50px;
}

    blockquote span {
        font: normal 500 14px / normal 'Roboto Flex';
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        align-items: center;
        margin-top: 25px;
        color: #777777;
        text-transform: uppercase;
        justify-content: flex-end;
    }

        blockquote span::before {
            background: #dddddd;
            display: block;
            width: 20px;
            height: 1px;
            margin-right: 11px;
            content: '';
        }

.list-check {
    list-style: none;
    padding-left: 0;
}

    .list-check li {
        display: block;
        position: relative;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

        .list-check li + li {
            margin-top: 10px;
        }

        .list-check li:before {
            background: url(../../images/icons/check.svg) no-repeat center/contain;
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
            width: 16px;
            height: 16px;
            content: '';
        }

.page-header {
    background: #222222;
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.page-header__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header__left {
    padding-right: 100px;
    padding-left: 100px;
}

.page-header__center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
}

.page-header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .page-header__right .uk-navbar-toggle {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 122px;
        height: 122px;
        border-right: 1px solid rgba(255, 255, 255, 0.25);
        border-left: 1px solid rgba(255, 255, 255, 0.25);
        color: #ffffff;
    }

.page-header__support .support__link {
    background: transparent;
    padding: 29px 25px;
}

.page-header__support .support__label {
    color: #ffffff;
}

.page-header.page-header-transparent {
    background: transparent;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.page-header.page-header--2 .page-header__left {
    padding-right: 20px;
}

.search-btn {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .search-btn svg {
        width: 25px;
        height: 25px;
    }

    .search-btn:hover,
    .search-btn:focus,
    .search-btn:active {
        background: #DD0005;
    }

.cart-btn svg {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
}

.cart-btn__icon {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
}

.cart-btn__count {
    background: #DD0005;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -7px;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border-radius: 9px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.menu-btn {
    background: #DD0005;
}

.page-footer {
    background: #0f0f0f;
}

.page-footer__top {
    padding: 80px 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

    .page-footer__top .social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-footer__top .uk-h4 {
        font: normal 500 22px 'Roboto Flex';
        margin-bottom: 35px;
        color: #ffffff;
    }

.page-footer__bottom {
    display: block;
    position: relative;
    padding: 54px 0 44px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.page-footer__column {
    margin-top: 37px;
}

.page-footer__menu {
    padding-left: 65px;
}

.page-footer__news {
    padding-left: 20px;
}

.page-footer__info {
    padding-left: 70px;
}

.page-nav .uk-navbar-nav > li > a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    padding: 0 23px;
    padding: 0 1.19792vw;
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 3.89;
    text-transform: uppercase;
    transition: 0.3s;
}

.page-nav .uk-navbar-nav > li.uk-active a {
    color: #DD0005;
}

.page-nav [class*=uk-navbar-dropdown-bottom] {
    margin-top: 22px;
}

#modal-search .uk-modal-dialog {
    background: rgba(0, 0, 0, 0.85);
}

#modal-search .uk-search-input {
    color: #ffffff;
}


#modal-search .uk-search-input {
    text-align: left !important;
    border-bottom: 1px solid #fff;
}

.uk-offcanvas-bar {
    background: #0f0f0f;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

    .uk-offcanvas-bar .uk-nav > li > a {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        color: #ffffff;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        text-transform: uppercase;
        transition: 0.3s;
    }

        .uk-offcanvas-bar .uk-nav > li > a:hover,
        .uk-offcanvas-bar .uk-nav > li > a:focus,
        .uk-offcanvas-bar .uk-nav > li > a:active {
            color: #DD0005;
        }

    .uk-offcanvas-bar .uk-nav > li.uk-active a {
        color: #DD0005;
    }

    .uk-offcanvas-bar .support__link {
        padding: 15px;
    }

    .uk-offcanvas-bar .support__phone {
        font-size: 18px;
    }

.section-subscribe {
    background: url(../../images/bg/subscribe.jpg) no-repeat center/cover #0f0f0f;
    -webkit-clip-path: polygon(17% 0px, 100% 28%, 100% 100%, 0px 100%, 0px 32%);
    display: block;
    position: relative;
    padding: 150px 0 80px;
    clip-path: polygon(17% 0px, 100% 28%, 100% 100%, 0px 100%, 0px 32%);
}

    .section-subscribe:before {
        background: rgba(0, 0, 0, 0);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

.subscribe-box {
    display: block;
    position: relative;
}

    .subscribe-box .section-title .uk-h2 {
        color: #ffffff;
    }

.subscribe-box__form .uk-input {
    border-radius: 3px 0 0 3px;
}

.subscribe-box__form .uk-button {
    border-radius: 0 3px 3px 0;
}

.checkbox-custome {
    --background: #fff;
    --border: #000000;
    --border-hover: #bbc1e1;
    --border-active: #1e2235;
    --tick: #fff;
    position: relative;
    margin: 0;
}

    .checkbox-custome label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

    .checkbox-custome input[type=checkbox]:focus,
    .checkbox-custome input[type=file]:focus,
    .checkbox-custome input[type=radio]:focus {
        outline: none;
    }

    .checkbox-custome input,
    .checkbox-custome svg {
        display: block;
        width: 21px;
        height: 21px;
        outline: none;
    }

    .checkbox-custome input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-transition: box-shadow 0.3s;
        -webkit-transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        -webkit-box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
        position: relative;
        margin: 0 10px 0 0;
        padding: 0;
        border: none;
        border-radius: 4px;
        outline: none;
        background: var(--background);
        box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
        cursor: pointer;
        transition: -webkit-box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

        .checkbox-custome input:hover {
            --s: 1px;
            --b: var(--border-hover);
        }

        .checkbox-custome input:checked {
            --b: var(--border-active);
        }

    .checkbox-custome svg {
        fill: none;
        stroke-width: 1px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #DD0005;
        -webkit-transform: scale(var(--scale, 1)) translateZ(0);
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 21px;
        transform: scale(var(--scale, 1)) translateZ(0);
        pointer-events: none;
    }

    .checkbox-custome span {
        font: 400 18px/normal 'Roboto Flex';
        display: inline-block;
        color: black;
        vertical-align: middle;
    }

    .checkbox-custome.path input:checked {
        --s: 2px;
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

        .checkbox-custome.path input:checked + svg {
            --a: 16.1 86.12;
            --o: 102.22;
        }

    .checkbox-custome.path svg {
        stroke-dasharray: var(--a, 86.12);
        stroke-dashoffset: var(--o, 86.12);
        -webkit-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
        -o-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
        transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
    }


/* Rating */

.rating {
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
}

.rating__caption {
    margin-bottom: 0.5em;
    padding: 0;
}

.rating__group {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%239b9b9b' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A") repeat-x 0 0/2em 1.9em;
    position: relative;
    width: 10em;
    height: 2em;
}

.rating__input {
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .rating__input:focus ~ .rating__focus {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        outline: 0.2em solid #4a90e2;
        outline-offset: 0.2em;
    }

.rating__star {
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    margin: 0;
    background-repeat: repeat-x;
    background-size: 2em 1.9em;
}

    .rating__star:hover {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%237ed321' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
    }

.rating__input:checked + .rating__star {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%237ed321' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
}

.rating__star:hover ~ .rating__star {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%239b9b9b' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
}

.rating__star:nth-of-type(1) {
    z-index: 5;
    width: 2em;
}

.rating__star:nth-of-type(2) {
    z-index: 4;
    width: 4em;
}

.rating__star:nth-of-type(3) {
    z-index: 3;
    width: 6em;
}

.rating__star:nth-of-type(4) {
    z-index: 2;
    width: 8em;
}

.rating__star:nth-of-type(5) {
    z-index: 1;
    width: 10em;
}

.section-hero .slideshow-nav {
    z-index: 3;
    position: absolute;
    right: 6.8%;
    bottom: 13.5%;
}

.slideshow-item::before {
    background: rgba(0, 0, 0, 0.25);
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.slideshow-item .uk-position-center {
    z-index: 3;
    width: 100%;
}

.slideshow-item__content {
    display: block;
    position: relative;
}

.slideshow-item__decor {
    font: 700 200px/1 'Roboto Flex';
    -webkit-transform: translateX(-70%);
    -ms-transform: translateX(-70%);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.9);
    display: block;
    position: absolute;
    bottom: -25%;
    left: 50%;
    transform: translateX(-70%);
    color: transparent;
    text-transform: uppercase;
}

.slideshow-item__title {
    margin-bottom: 25px;
}

    .slideshow-item__title span {
        font: normal 600 18px/normal 'Roboto Flex';
        color: #DD0005;
        text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
        text-transform: uppercase;
    }

    .slideshow-item__title .uk-h2 {
        font: normal 600 70px/1.14 'Roboto Flex';
        margin: 0;
        color: #ffffff;
        text-transform: uppercase;
    }

.slideshow-item__desc {
    font: normal 300 22px/1.55 'Roboto Flex';
    margin-bottom: 50px;
    color: #ffffff;
}

.slideshow-item__btns .uk-button + .uk-button {
    margin-left: 35px;
}

.section-hero {
    display: block;
    z-index: 2;
    position: relative;
}

.section-hero__bg {
    padding: 90px 0 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fl-header-fixed + .page-main .section-hero__bg {
    padding-top: 140px;
}

.section-hero__bg::before {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}


.page-single-grid .section-hero__bg .uk-container {
    max-width: 1420px;
}


.section-hero__content .uk-breadcrumb a {
    color: #fff;
    opacity: 0.8;
}


.section-hero__content {
    display: block;
    z-index: 2;
    position: relative;
    bottom: -31px;
}

.section-hero__title span {
    font: normal 500 18px/1 'Roboto Flex';
    margin: 0;
    color: #DD0005;
    text-transform: uppercase;
}

.section-hero__title .uk-h1 {
    font: normal 500 70px/1.1 'Roboto Flex';
    margin: 5px 0 0;
    color: #ffffff;
    text-transform: uppercase;
}

.section-hero__text {
    font: normal 400 22px/1.55 'Roboto Flex';
    margin-top: 20px;
    color: #ffffff;
}

.section-hero__form {
    background: rgba(255, 255, 255, 0.15);
    display: block;
    position: relative;
    margin-top: 50px;
    padding: 10px;
    border-radius: 3px;
}

    .section-hero__form form {
        background: #ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    .section-hero__form .uk-select {
        font: normal 500 18px 'Roboto Flex';
        color: #222222;
        text-transform: uppercase;
    }

.section-hero__breadcrumb {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    position: relative;
    top: -50px;
    text-transform: uppercase;
}

    .section-hero__breadcrumb .uk-breadcrumb {
        padding: 14px 30px;
        background: rgba(255, 255, 255, 0.1);
        color: #222;
        margin-bottom: -25px;
        position: relative;
        top: -6px;
    }

        .section-hero__breadcrumb .uk-breadcrumb > * > * {
            font: normal 400 16px 'Roboto Flex';
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            color: #ааа;
            letter-spacing: normal;
            transition: 0.5s;
        }

            .section-hero__breadcrumb .uk-breadcrumb > * > *:hover,
            .section-hero__breadcrumb .uk-breadcrumb > * > *:focus,
            .section-hero__breadcrumb .uk-breadcrumb > * > *:active {
                color: #ffffff;
            }

        .section-hero__breadcrumb .uk-breadcrumb > :last-child > a:not([href]),
        .section-hero__breadcrumb .uk-breadcrumb > :last-child > span {
            color: #ffffff;
        }

        .section-hero__breadcrumb .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
            content: '|';
        }

body.page-home .section-hero__bg {
    padding: 335px 0 305px;
}

body.page-home .section-hero__content {
    text-align: center;
}

.section-about {
    display: block;
    position: relative;
}

.section-about__img {
    width: 100%;
}

.section-about__content {
    padding-top: 15px;
    padding-left: 98px;
}

.section-about__gallery {
    background: #ffffff;
    position: relative;
    top: 12px;
    left: -160px;
    padding: 20px;
}

.about-item {
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    max-width: 355px;
    margin: 0 auto 20px;
    padding: 25px 20px 0;
    text-align: center;
}

.about-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 30px 40px 15px 0;
}

    .about-item__head img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .about-item__head .uk-h4 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
    }

        .about-item__head .uk-h4:after {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 15px;
            border-radius: 1px;
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #DD0005;
            content: '';
            transition: 0.5s;
        }

.about-item__desc {
    font: normal 400 16px/1.75 'Roboto Flex';
    padding: 0 40px 0 0;
    color: #777777;
    text-align: right;
}

.about-item__img {
    margin-top: 30px;
    margin-bottom: -20px;
}

.section-category {
    background: url(../../images/bg/category.html) no-repeat fixed center/cover;
    -webkit-clip-path: polygon(100% 0, 100% 84%, 18% 100%, 0 80%, 0 0);
    display: block;
    position: relative;
    padding: 120px 0 180px;
    clip-path: polygon(100% 0, 100% 84%, 18% 100%, 0 80%, 0 0);
}

    .section-category:before {
        background: rgba(0, 0, 0, 0.8);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .section-category .uk-slider {
        margin: -20px;
        padding: 20px;
    }

    .section-category .uk-slider-container {
        outline: none;
    }

    .section-category .uk-dotnav > * > * {
        border-color: #ffffff;
    }

    .section-category .uk-dotnav > .uk-active > * {
        background: #ffffff;
        border-color: #DD0005;
    }

.category-item {
    display: block;
    position: relative;
    height: 100%;
}

.category-item__link {
    background: #ffffff;
    -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
    padding: 30px 30px 30px 40px;
    border-bottom: 3px solid #DD0005;
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}

    .category-item__link:hover,
    .category-item__link:focus,
    .category-item__link:active {
        background: #DD0005;
        text-decoration: none;
    }

        .category-item__link:hover .category-item__title,
        .category-item__link:focus .category-item__title,
        .category-item__link:active .category-item__title {
            color: #ffffff;
        }

            .category-item__link:hover .category-item__title span,
            .category-item__link:focus .category-item__title span,
            .category-item__link:active .category-item__title span {
                color: #ffffff;
            }

                .category-item__link:hover .category-item__title span:after,
                .category-item__link:focus .category-item__title span:after,
                .category-item__link:active .category-item__title span:after {
                    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23000'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #fff;
                }

        .category-item__link:hover .category-item__icon,
        .category-item__link:focus .category-item__icon,
        .category-item__link:active .category-item__icon {
            color: #ffffff;
        }

.category-item__title {
    display: block;
    margin-bottom: 40px;
    color: #222222;
    font-style: normal;
    text-transform: uppercase;
}

    .category-item__title strong {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        display: block;
        font-size: 26px;
        font-weight: 500;
        transition: 0.5s;
    }

    .category-item__title span {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: flex-end;
        color: #DD0005;
        font-size: 14px;
        font-weight: 300;
        text-align: right;
        transition: 0.5s;
    }

        .category-item__title span:after {
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #DD0005;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            width: 20px;
            height: 20px;
            margin-left: 20px;
            border-radius: 1px;
            content: '';
            transition: 0.5s;
        }

.category-item__icon {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    color: #ccc;
    text-align: center;
    transition: 0.5s;
}

.product-item {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
    position: relative;
    height: 100%;
    transition: 0.3s;
}

    .product-item:hover,
    .product-item:focus,
    .product-item:active {
        background: #ffffff;
        -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    }

    .product-item .uk-overlay-primary {
        background: rgba(0, 0, 0, 0.7);
        color: #ffffff;
    }

    .product-item .uk-overlay-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .product-item .uk-position-center {
        color: #ffffff;
    }

.icon-cross {
    position: relative;
}

    .icon-cross:after {
        content: '';
        display: inline-block;
        width: 5px;
        border-left: 2px solid #fff;
        position: absolute;
        height: 38px;
        top: 50%;
        margin-top: -19px;
        margin-left: -1px;
    }

    .icon-cross:before {
        content: '';
        display: inline-block;
        width: 38px;
        border-top: 2px solid #fff;
        position: absolute;
        height: 5px;
        top: 50%;
        margin-left: -20px;
    }

.product-item__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
}

.product-item__name a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    color: #222222;
    transition: 0.3s;
    font-weight: 600;
}

    .product-item__name a:hover,
    .product-item__name a:focus,
    .product-item__name a:active {
        color: #DD0005;
        text-decoration: none;
    }

.product-item__manufacturer {
    font: normal 300 12px/1.1 'Roboto Flex';
    color: #666666;
    text-transform: uppercase;
}

.product-item__category {
    color: #222222;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

    .product-item__category a {
        font: normal 300 14px/normal 'Roboto Flex';
        color: #DD0005;
        text-decoration: none;
        text-transform: uppercase;
    }

.product-item__price {
    color: #DD0005;
    margin-top: -10px;
    font-weight: 600;
}

.product-item__media {
    display: block;
    position: relative;
}

    .product-item__media img {
        width: 100%;
    }

.product-item--list .product-item__media img {
    aspect-ratio: 360/310;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.product-item__label {
    background: #61c00d;
    position: absolute;
    top: 18px;
    left: 18px;
    height: 30px;
    padding: 0 15px;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 29px;
}

.product-item .product-item__whish {
    background: #ffffff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: none;
    position: absolute;
    right: 18px;
    bottom: 18px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    outline: 0;
}

    .product-item .product-item__whish svg {
        width: 15px;
        height: 15px;
    }

    .product-item .product-item__whish.is-active {
        background: #DD0005;
        color: #ffffff;
    }

.product-item__info {
    display: block;
    position: relative;
    padding: 0 30px 30px 30px;
    border-bottom: 1px solid #dddddd;
    line-height: 1.7;
    font-size: 14px;
}

.product-item__specifications {
    display: block;
    position: relative;
    padding: 30px 30px 5px;
}

.list-info {
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.list-info-item {
    text-align: center;
}

    .list-info-item + .list-info-item {
        margin-left: 30px;
        padding-left: 30px;
        border-left: 1px solid #dddddd;
    }

.list-info-item__title {
    font: normal 600 16px/1.1 'Roboto Flex';
    margin-bottom: 10px;
    color: #222222;
    text-transform: uppercase;
}

.list-info-item__value {
    font: normal 400 16px/1.1 'Roboto Flex';
    color: #777777;
}

.specifications-list {
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.specifications-list-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 50%;
    margin-bottom: 15px;
}

.specifications-list-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

    .specifications-list-item__icon svg {
        fill: #DD0005;
    }

.specifications-list-item__desc {
    padding-left: 10px;
}

.specifications-list-item__title {
    margin-bottom: 5px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 500;
}

.specifications-list-item__value {
    font: normal 400 13px/1.1 'Roboto Flex';
    -o-text-overflow: ellipsis;
    overflow: hidden;
    color: #777777;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-products.section-products--2 .section-title {
    display: block;
    position: relative;
}

    .section-products.section-products--2 .section-title > * {
        z-index: 2;
        position: relative;
    }

    .section-products.section-products--2 .section-title::before {
        background: url(../../images/decor-logo.html) no-repeat center/cover;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
        z-index: 1;
        position: absolute;
        top: -50%;
        left: 50%;
        width: 1008px;
        width: 52.5vw;
        height: 389px;
        height: 20.3vw;
        transform: translateX(-50%);
        content: '';
    }

.section-products.section-products--2 .section-content {
    display: block;
    z-index: 2;
    position: relative;
}

.section-products.section-products--2 .uk-subnav li.uk-active a {
    border: 1px solid #dddddd;
    background: transparent;
    color: #DD0005;
}

.section-products.section-products--2 .uk-subnav li a {
    font: normal 400 18px/normal 'Roboto Flex';
    padding: 10px 25px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #666666;
    text-transform: uppercase;
}

.product-item.product-item--list {
    -ms-grid-columns: 1fr 0px 2fr;
    -ms-grid-rows: auto;
    gap: 0px 0px;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "product-item__media product-item__head""product-item__media product-item__info""product-item__specifications product-item__specifications";
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
}

    .product-item.product-item--list .product-item__media {
        background: #efeff1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        grid-area: product-item__media;
    }

        .product-item.product-item--list .product-item__media,
        .product-item.product-item--list .product-item__media img {
            -o-object-fit: contain;
            -o-object-position: center;
            height: 100%;
            object-fit: contain;
            object-position: center;
        }

            .product-item.product-item--list .product-item__media .uk-transition-fade,
            .product-item.product-item--list .product-item__media img .uk-transition-fade {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .product-item.product-item--list .product-item__media .uk-overlay-cover,
            .product-item.product-item--list .product-item__media .uk-position-center,
            .product-item.product-item--list .product-item__media img .uk-overlay-cover,
            .product-item.product-item--list .product-item__media img .uk-position-center {
                display: none;
            }

    .product-item.product-item--list .product-item__label {
        display: inline-block;
    }

    .product-item.product-item--list .product-item__whish {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .product-item.product-item--list .product-item__head {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: product-item__head;
        padding: 30px 30px 10px 30px;
    }

        .product-item.product-item--list .product-item__head .product-item__name {
            padding-bottom: 15px;
        }

        .product-item.product-item--list .product-item__head .product-item__manufacturer {
            display: none;
        }

        .product-item.product-item--list .product-item__head .product-item__category {
            display: block;
        }

    .product-item.product-item--list .product-item__info {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
        grid-area: product-item__info;
    }

        .product-item.product-item--list .product-item__info .list-info {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .product-item.product-item--list .product-item__info .list-info-item:last-child {
            display: block;
        }

        .product-item.product-item--list .product-item__info .list-info-item + .list-info-item {
            margin-left: 20px;
            padding-left: 20px;
        }

    .product-item.product-item--list .product-item__specifications {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-area: product-item__specifications;
        margin-top: 25px;
        margin-bottom: 0px;
        padding: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

        .product-item.product-item--list .product-item__specifications .specifications-list {
            -ms-flex-wrap: nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            flex-wrap: nowrap;
            justify-content: center;
        }

        .product-item.product-item--list .product-item__specifications .specifications-list-item {
            width: auto;
        }

            .product-item.product-item--list .product-item__specifications .specifications-list-item + .specifications-list-item {
                margin-left: 2.02333vw;
            }

.section-info {
    display: block;
    position: relative;
    padding: 45px 0 100px;
}

.section-info__img {
    display: block;
    margin: 0 auto;
}

.section-info__content {
    display: block;
    position: relative;
    max-width: 570px;
}

    .section-info__content::before {
        background: url(../../images/decor-logo.html);
        display: block;
        position: absolute;
        top: -130px;
        top: -6.77vw;
        left: 310px;
        left: 16.1vw;
        width: 468px;
        width: 24.4vw;
        height: 181px;
        height: 9.43vw;
        content: '';
    }

    .section-info__content .block-icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
    }

    .section-info__content .block-icon__title {
        font: normal 500 16px/1.63 'Roboto Flex';
        margin: 0;
        color: #222222;
        text-align: left;
        text-transform: uppercase;
    }

.section-info.section-info--2 {
    background: url(../../images/bg/info.html) no-repeat fixed bottom center/cover;
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    padding: 120px 0 180px;
    color: #ffffff;
    clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
}

    .section-info.section-info--2::before {
        background: rgba(0, 0, 0, 0.7);
        display: block;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .section-info.section-info--2 .uk-container {
        z-index: 2;
        position: relative;
    }

    .section-info.section-info--2 .section-title .uk-h2 {
        color: #ffffff;
    }

    .section-info.section-info--2 blockquote {
        font: normal 400 16px/1.75 'Roboto Flex';
        display: block;
        position: relative;
        margin-left: 112px;
        padding-left: 30px;
        border-left: 4px solid #DD0005;
        background: none;
    }

        .section-info.section-info--2 blockquote::before {
            background: url(../../images/icons/quotes.svg);
            display: block;
            position: absolute;
            top: 0;
            left: -112px;
            width: 77px;
            height: 69px;
            content: '';
            opacity: 0.5;
        }

        .section-info.section-info--2 blockquote h1,
        .section-info.section-info--2 blockquote h2,
        .section-info.section-info--2 blockquote h3,
        .section-info.section-info--2 blockquote h4,
        .section-info.section-info--2 blockquote h5,
        .section-info.section-info--2 blockquote h6 {
            font: normal 500 22px/normal 'Roboto Flex';
            margin-bottom: 20px;
        }

    .section-info.section-info--2 blockquote {
        color: #ffffff;
    }

        .section-info.section-info--2 blockquote h1,
        .section-info.section-info--2 blockquote h2,
        .section-info.section-info--2 blockquote h3,
        .section-info.section-info--2 blockquote h4,
        .section-info.section-info--2 blockquote h5,
        .section-info.section-info--2 blockquote h6 {
            color: #ffffff;
        }

    .section-info.section-info--2 .section-info__content::before {
        display: none;
    }

.section-info__list {
    margin-top: 60px;
}

    .section-info__list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .section-info__list ul li + li {
            margin-top: 50px;
        }

.block-icon-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.block-icon-info__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    color: #ffffff;
}

.block-icon-info__desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.block-icon-info__title {
    font: normal 500 22px/1.36 'Roboto Flex';
    margin-right: 40px;
    color: #ffffff;
    white-space: nowrap;
}

.block-icon-info__text {
    font: normal 400 16px/1.75;
    color: #ffffff;
}

.section-video {
    display: block;
    position: relative;
}

.video-block {
    display: block;
    position: relative;
    max-width: 1550px;
    max-width: 80.7vw;
    margin-left: auto;
}

.video-info {
    background: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-box-shadow: 0 5px 60px 11px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    z-index: 1;
    position: absolute;
    top: 43%;
    left: -120px;
    left: -6.25vw;
    max-width: 600px;
    padding: 50px 80px;
    transform: translateY(-50%);
    border-bottom: 3px solid #DD0005;
    box-shadow: 0 5px 60px 11px rgba(0, 0, 0, 0.1);
}

.video-info__title {
    font: normal 500 30px 'Roboto Flex';
    margin-bottom: 30px;
    color: #222222;
    text-transform: uppercase;
}

.video-info__subtitle {
    font: normal 300 14px/2.14;
    margin-bottom: 50px;
    color: #DD0005;
    text-transform: uppercase;
}

.video-info__list-thumb ul {
    list-style: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

    .video-info__list-thumb ul li {
        display: block;
        margin-right: 20px;
    }

.video-box {
    background: url(../../images/bg/video.html) no-repeat fixed center/cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 78% 100%, 0 87%);
    width: 100%;
    height: 730px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 78% 100%, 0 87%);
}

    .video-box:before {
        background: rgba(0, 0, 0, 0.8);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .video-box a {
        display: block;
        position: relative;
        height: 100%;
    }

    .video-box .btn-play {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 186px;
        top: 9.69vw;
        right: 438px;
        right: 22.8vw;
        flex-direction: column;
        align-items: center;
    }

        .video-box .btn-play span {
            font: normal 300 14px 'Roboto Flex';
            margin-top: 40px;
            color: #ffffff;
            text-transform: uppercase;
        }

.section-rental {
    display: block;
    position: relative;
}

    .section-rental::before {
        -webkit-text-stroke: 1px #dddddd;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        display: block;
        z-index: 1;
        position: absolute;
        top: -15%;
        left: -2%;
        color: transparent;
        font: 700 200px/1;
        text-transform: uppercase;
        content: 'LuxCar';
        opacity: 0.5;
        writing-mode: tb-rl;
    }

    .section-rental > * {
        z-index: 2;
        position: relative;
    }

    .section-rental .slider-nav {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        position: relative;
        justify-content: flex-end;
        max-width: 56%;
        margin: 80px auto 0;
        overflow: hidden;
    }

        .section-rental .slider-nav::before {
            background: #dddddd;
            display: block;
            z-index: 1;
            position: absolute;
            left: 0;
            width: 70%;
            height: 1px;
            content: '';
        }

    .section-rental.section-rental--2 {
        display: block;
        position: relative;
    }

        .section-rental.section-rental--2::before {
            -webkit-text-stroke: 1px #dddddd;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            display: block;
            z-index: 1;
            position: absolute;
            top: 50%;
            right: 5%;
            transform: translateY(-50%);
            color: transparent;
            font: 700 200px/1 'Roboto Flex';
            text-transform: uppercase;
            content: 'LuxCar';
            opacity: 0.5;
            writing-mode: tb-rl;
        }

.rental-item {
    display: block;
    position: relative;
}

.rental-item__img {
    display: block;
    position: relative;
    height: 100%;
}

    .rental-item__img img {
        -o-object-fit: cover;
        -o-object-position: center;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.rental-item__desc {
    display: block;
    position: relative;
}

.rental-item__title {
    font: normal 500 30px/1.47 'Roboto Flex';
    margin-bottom: 15px;
    color: #222222;
}

.rental-item__price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 34px;
}

    .rental-item__price .label {
        font: normal 300 12px 'Roboto Flex';
        color: #666666;
        text-transform: uppercase;
    }

    .rental-item__price .price {
        font: normal 500 30px/1 'Roboto Flex';
        margin: 0 10px 0 20px;
        color: #DD0005;
    }

    .rental-item__price .value {
        font: normal 300 12px/normal;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #666666;
        text-transform: uppercase;
    }

.rental-item__text {
    font: normal 500 16px/1.75 'Roboto Flex';
    margin-bottom: 52px;
    padding-right: 12%;
    color: #222222;
}

.rental-item__specifications {
    display: block;
    position: relative;
}

.section-gallery-slider {
    display: block;
    position: relative;
    padding-bottom: 80px;
}

    .section-gallery-slider::before {
        background: url(../../images/bg/gallery.html) no-repeat fixed center/cover #000000;
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 83%, 83% 100%, 0px 85%);
        display: block;
        position: absolute;
        top: 160px;
        width: 100%;
        height: 600px;
        clip-path: polygon(0px 0px, 100% 0px, 100% 83%, 83% 100%, 0px 85%);
        content: '';
    }

    .section-gallery-slider .gallery-slider .slick-list {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .section-gallery-slider .gallery-slider .slick-slide {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        z-index: 1;
        position: relative;
        transform: scale(1);
        transition: 0.3s;
    }

        .section-gallery-slider .gallery-slider .slick-slide::after {
            background: rgba(0, 0, 0, 0.65);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
            transition: 0.3s;
        }

    .section-gallery-slider .gallery-slider .slick-current {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        z-index: 2;
        transform: scale(1.1);
        transition: 0.3s;
    }

        .section-gallery-slider .gallery-slider .slick-current::after {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            opacity: 0;
            transition: 0.3s;
        }

    .section-gallery-slider .gallery-slider-nav {
        max-width: 700px;
        margin: 40px auto 0;
    }

        .section-gallery-slider .gallery-slider-nav .slick-slide {
            text-align: center;
        }

            .section-gallery-slider .gallery-slider-nav .slick-slide .uk-h4 {
                font: normal 500 36px/1 'Roboto Flex';
                margin: 0 0 10px 0;
                outline: 0;
                color: #ffffff;
            }

            .section-gallery-slider .gallery-slider-nav .slick-slide span {
                font: normal 400 16px/1 'Roboto Flex';
                color: #ffffff;
            }

.slick-slide {
    outline: 0;
}

.slick-arrow::before {
    display: none;
}

.slick-arrow.slick-prev {
    left: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='chevron-left'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.03' points='13 16 7 10 13 4'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 35px 35px;
}

    .slick-arrow.slick-prev:hover,
    .slick-arrow.slick-prev:focus,
    .slick-arrow.slick-prev:active {
        width: 40px;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='chevron-left'%3E%3Cpolyline fill='none' stroke='%23e63619' stroke-width='1.03' points='13 16 7 10 13 4'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: 35px 35px;
    }

.slick-arrow.slick-next {
    right: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='chevron-right'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.03' points='7 4 13 10 7 16'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 35px 35px;
}

    .slick-arrow.slick-next:hover,
    .slick-arrow.slick-next:focus,
    .slick-arrow.slick-next:active {
        width: 40px;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='chevron-right'%3E%3Cpolyline fill='none' stroke='%23e63619' stroke-width='1.03' points='7 4 13 10 7 16'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: 35px 35px;
    }

.reviews-vertical {
    display: block;
    position: relative;
    padding-right: 50px;
}

    .reviews-vertical .uk-slider {
        max-width: 550px;
    }

        .reviews-vertical .uk-slider .uk-slider-nav {
            position: absolute;
            top: 23px;
            right: 10px;
        }

.section-reviews .section-content {
    display: block;
    position: relative;
}

    .section-reviews .section-content::before {
        background: url(../../images/decor-logo.html);
        display: block;
        position: absolute;
        top: -200px;
        top: -10.4vw;
        left: 400px;
        left: 20.8vw;
        width: 468px;
        width: 24.4vw;
        height: 181px;
        height: 9.43vw;
        content: '';
    }

.review-item {
    display: block;
    position: relative;
}

.review-item__desc {
    font: normal 400 18px/1.89 'Roboto Flex';
    margin-bottom: 50px;
    color: #222222;
}

.review-item__user {
    background: url(../../images/icons/quotes.svg) no-repeat right center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.review-item__user-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin-right: 25px;
}

.review-item__user-name {
    font: normal 500 18px/1 'Roboto Flex';
    margin-bottom: 10px;
    color: #222222;
    text-transform: uppercase;
}

.review-item__user-position {
    font: normal 400 14px/1.3 'Roboto Flex';
    color: #777777;
}

.section-brands {
    display: block;
    position: relative;
    padding-bottom: 50px;
}

.section-shop {
    display: block;
    position: relative;
}

.section-shop__bg {
    background: #eeeeee;
    -webkit-clip-path: polygon(18% 0px, 100% 10%, 100% 100%, 0px 100%, 0px 10%);
    padding: 150px 0 120px;
    clip-path: polygon(18% 0px, 100% 10%, 100% 100%, 0px 100%, 0px 10%);
}

.product-card {
    display: block;
    position: relative;
}

    .product-card:hover .product-card__box,
    .product-card:focus .product-card__box,
    .product-card:active .product-card__box {
        -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    }

    .product-card:hover .product-card__btns,
    .product-card:focus .product-card__btns,
    .product-card:active .product-card__btns {
        visibility: visible;
        width: auto;
        height: auto;
        opacity: 1;
    }

.product-card__box {
    background: #ffffff;
    padding: 30px;
}

.product-card__media {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 215px;
}

.product-card__img {
    display: block;
    position: relative;
}

.product-card__badge {
    font: normal 400 14px/1 'Roboto Flex';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
}

    .product-card__badge.stock {
        background: #1975e6;
    }

    .product-card__badge.new {
        background: #222222;
    }

    .product-card__badge.sale {
        background: #61c00d;
    }

.product-card__btns {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 0;
    height: 0;
    opacity: 0;
    transition: 0.5s;
}

    .product-card__btns > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: right;
    }

        .product-card__btns > ul > li + li {
            margin-top: 5px;
        }

        .product-card__btns > ul > li > a {
            background: #ffffff;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            height: 32px;
            padding: 0 10px;
            border-radius: 3px;
            color: #DD0005;
            font-size: 16px;
            line-height: 1.5;
        }

            .product-card__btns > ul > li > a span {
                font: 500 14px 'Roboto Flex';
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                display: none;
                margin-right: 10px;
                color: #222;
                text-transform: uppercase;
                transition: 0.3s;
            }

            .product-card__btns > ul > li > a:hover,
            .product-card__btns > ul > li > a:focus,
            .product-card__btns > ul > li > a:active {
                background: #eeeeee;
                text-decoration: none;
            }

                .product-card__btns > ul > li > a:hover span,
                .product-card__btns > ul > li > a:focus span,
                .product-card__btns > ul > li > a:active span {
                    display: inline-block;
                }

.product-card__info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .product-card__title a {
        font: normal 500 22px 'Roboto Flex';
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        color: #222222;
        transition: 0.3s;
    }

        .product-card__title a:hover,
        .product-card__title a:focus,
        .product-card__title a:active {
            color: #DD0005;
            text-decoration: none;
        }

    .product-card__title span {
        font: normal 300 12px 'Roboto Flex';
        color: #666666;
        text-transform: uppercase;
    }

.product-card__price {
    font: normal 500 30px/2 'Roboto Flex';
    color: #DD0005;
}

.news-card {
    display: block;
    position: relative;
}

.news-card__media {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.news-card__img {
    -o-object-fit: cover;
    -o-object-position: center;
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.news-card__avatar {
    display: block;
    position: absolute;
    right: 20px;
    bottom: -35px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.news-card__intro {
    display: block;
    position: relative;
}

.news-card__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.news-card__author {
    font: normal 400 14px/1.2 'Roboto Flex';
    color: #DD0005;
}

.news-card__date {
    font: normal 400 14px/1.2;
    margin-left: 13px;
    padding-left: 13px;
    border-left: 1px solid #dddddd;
    color: #666666;
}

.news-card__title {
    margin-bottom: 10px;
}

    .news-card__title a {
        font: normal 500 20px/1.38 'Roboto Flex';
        -webkit-transition: 0.3;
        -o-transition: 0.3;
        color: #111111;
        transition: 0.3;
    }

        .news-card__title a:hover,
        .news-card__title a:focus,
        .news-card__title a:active {
            color: #DD0005;
            text-decoration: none;
        }

.news-card__desc {
    margin-bottom: 25px;
    color: #777777;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
}

.news-card__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}


    .news-card__more a {
        font: normal 500 16px 'Roboto Flex';
        background: #ffffff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-transition: 0.3;
        -o-transition: 0.3;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        z-index: 2;
        position: relative;
        align-items: center;
        padding-right: 20px;
        color: #222222;
        text-transform: uppercase;
        transition: 0.3;
    }



        .news-card__more a:hover,
        .news-card__more a:focus,
        .news-card__more a:active {
            color: #222222;
            text-decoration: none;
        }

            .news-card__more a:hover:before,
            .news-card__more a:focus:before,
            .news-card__more a:active:before {
                background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
            }

.article {
    display: block;
    position: relative;
}

    .article + .article {
        margin-top: 80px;
    }

.article__media {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.article__img {
    display: block;
    position: relative;
    width: 100%;
}

.article__video {
    display: block;
    position: relative;
}




.article__avatar {
    display: block;
    z-index: 3;
    position: absolute;
    right: 20px;
    bottom: -35px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.article__info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

    .article__info > * {
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin-right: 15px;
        margin-bottom: 15px;
        padding-right: 15px;
        border-right: 1px solid #dddddd;
    }

        .article__info > * img {
            margin-right: 10px;
        }

        .article__info > *:last-child {
            margin-right: 0;
            padding-right: 0;
            border: 0;
        }

.article__title {
    font: normal 500 32px/1.13 'Roboto Flex';
    margin-bottom: 20px;
    color: #111111;
    letter-spacing: normal;
    text-align: left;
}

    .article__title a {
        font: normal 500 32px/1.4 'Roboto Flex';
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        color: #111111;
        letter-spacing: normal;
        text-align: left;
        transition: 0.5s;
    }

        .article__title a:hover,
        .article__title a:focus,
        .article__title a:active {
            color: #DD0005;
            text-decoration: none;
        }

.article__intro {
    font: normal 400 16px/1.75 'Roboto Flex';
    margin-bottom: 40px;
    color: #777777;
}

.article__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .article__more::before {
        background: #dddddd;
        display: block;
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
    }

    .article__more a {
        font: normal 500 16px 'Roboto Flex';
        background: #ffffff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-transition: 0.3;
        -o-transition: 0.3;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        z-index: 2;
        position: relative;
        align-items: center;
        padding-right: 20px;
        color: #222222;
        text-transform: uppercase;
        transition: 0.3;
    }


        .article__more a:hover,
        .article__more a:focus,
        .article__more a:active,
        .news-card__more a:hover {
            color: #DD0005;
            text-decoration: none;
        }

            .article__more a:hover b,
            .article__more a:focus b,
            .article__more a:active b,
            .news-card__more a:hover b {
                background-color: #DD0005;
            }

            .article__more a:hover:before,
            .article__more a:focus:before,
            .article__more a:active:before {
                background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
            }

.article__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.article__tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

    .article__tags b {
        font: normal 500 16px/1.2 'Roboto Flex';
        display: inline-block;
        margin-right: 10px;
        color: #222222;
        text-transform: uppercase;
    }

    .article__tags ul {
        list-style: none;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
    }

.article__more a b {
    background: #222;
    margin-right: 0;
    margin-left: 13px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: -2px;
}

.news-card__more a b {
    background: #222;
    margin-right: 0;
    margin-left: 13px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: -2px;
}



.article__tags ul li {
    margin-right: 8px;
}

    .article__tags ul li a {
        font: normal 400 14px/normal 'Roboto Flex';
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        color: #111111;
        transition: 0.3s;
    }

        .article__tags ul li a:hover,
        .article__tags ul li a:focus,
        .article__tags ul li a:active {
            color: #DD0005;
            text-decoration: none;
        }

.article__share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

    .article__share b {
        font: normal 500 16px/1.2 'Roboto Flex';
        display: inline-block;
        margin-right: 10px;
        color: #222222;
        text-transform: uppercase;
    }

    .article__share .social-list__item {
        margin-left: 7px;
    }

    .article__share .social-list__link {
        background: #ffffff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 1px solid #eeeeee;
        border-radius: 3px;
    }

.article__nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.widjet--recent-posts .latest-news-item__thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
}

.widjet--recent-posts .latest-news-item__title {
    font: normal 500 18px/1.4;
    color: #111111;
}

    .widjet--recent-posts .latest-news-item__title:hover,
    .widjet--recent-posts .latest-news-item__title:focus,
    .widjet--recent-posts .latest-news-item__title:active {
        color: #DD0005;
    }

.widjet--recent-posts .latest-news-item__date {
    font: normal 400 13px/1 'Roboto Flex';
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #666666;
    text-transform: uppercase;
}

    .widjet--recent-posts .latest-news-item__date img {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

.article-nav {
    display: block;
    position: relative;
    width: 100%;
    max-width: 48%;
}

.article-nav__link {
    background: #f8f8f8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
    position: relative;
    padding: 45px 40px;
    transition: 0.3s;
}

    .article-nav__link:hover,
    .article-nav__link:focus,
    .article-nav__link:active {
        background: #DD0005;
        text-decoration: none;
    }

        .article-nav__link:hover .article-nav__bg,
        .article-nav__link:focus .article-nav__bg,
        .article-nav__link:active .article-nav__bg {
            opacity: 0.3;
        }

        .article-nav__link:hover .article-nav__title .uk-h5,
        .article-nav__link:focus .article-nav__title .uk-h5,
        .article-nav__link:active .article-nav__title .uk-h5 {
            color: #ffffff;
        }

        .article-nav__link:hover .article-nav__title span,
        .article-nav__link:focus .article-nav__title span,
        .article-nav__link:active .article-nav__title span {
            color: #ffffff;
        }

        .article-nav__link:hover .article-nav__title:after,
        .article-nav__link:focus .article-nav__title:after,
        .article-nav__link:active .article-nav__title:after {
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23000'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #ffffff;
        }

.article-nav__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.02;
}

.article-nav__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    flex-direction: column;
}

    .article-nav__title .uk-h5 {
        font: normal 500 22px/1.3 'Roboto Flex';
        -o-text-overflow: ellipsis;
        margin: 0 0 10px 0;
        overflow: hidden;
        color: #222222;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .article-nav__title span {
        font: normal 300 12px/1.2 'Roboto Flex';
        color: #666666;
        text-transform: uppercase;
    }

    .article-nav__title:after {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: 20px;
        border-radius: 1px;
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-left'%3E%3Cpolygon points='12 5 7 10 12 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
        content: '';
        transition: 0.5s;
    }

.article-nav.article-nav--prev {
    text-align: left;
}

.article-nav.article-nav--next {
    text-align: right;
}

    .article-nav.article-nav--next .article-nav__title {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .article-nav.article-nav--next .article-nav__title:after {
            background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
        }

    .article-nav.article-nav--next .article-nav__link:hover .article-nav__title:after,
    .article-nav.article-nav--next .article-nav__link:focus .article-nav__title:after,
    .article-nav.article-nav--next .article-nav__link:active .article-nav__title:after {
        background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23000'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #ffffff;
    }

.section-article-reviews {
    margin-top: 85px;
}


html .main__reviews-bg1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: top center;
    background-image: url(../../images/young-woman-driving.jpg);
    background-color: #f5f5f5;
}


.main__reviews-bg1 *,
.main__reviews-bg1 .titling__title,
.main__reviews-bg1 .titling__text {
    color: #fff;
}


.titling__title b {
    color: #DD0005;
}


.section-article-reviews .uk-h2 {
    font: normal 500 32px/1.13 'Roboto Flex';
    margin-bottom: 50px;
    padding-left: 22px;
    border-left: 2px solid #DD0005;
    color: #111111;
    letter-spacing: 1.5px;
}

    .section-article-reviews .uk-h2 span {
        color: #DD0005;
    }

.section-article-reviews .block-form {
    margin-top: 85px;
}

.section-article-reviews .uk-comment + .uk-comment {
    margin-top: 40px;
}


.section-article-reviews .uk-comment-avatar {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}

.section-article-reviews .uk-comment .uk-comment-title {
    font: normal 600 18px / normal 'Roboto Flex';
    color: #222222;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.section-article-reviews .uk-comment .uk-text-meta {
    font: normal 400 13px/normal 'Roboto Flex';
    display: block;
    color: #777777;
}

.section-article-reviews .uk-comment .uk-comment-body {
    font: normal 400 16px/1.5 'Roboto Flex';
    margin: 10px 0 15px 0;
    color: #777777;
}

.section-article-reviews .uk-comment .link-more {
    font: normal 500 14px/normal 'Roboto Flex';
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    color: #DD0005;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s;
}

    .section-article-reviews .uk-comment .link-more:hover,
    .section-article-reviews .uk-comment .link-more:focus,
    .section-article-reviews .uk-comment .link-more:active {
        color: #222222;
        text-decoration: none;
    }

.filter-more {
    background: #DD0005;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 3px solid #222222;
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.filter-more__desc .uk-h4 {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 21px;
    padding-bottom: 5px;
}

.filter-more__desc span {
    font: normal 300 12px/normal 'Roboto Flex';
    color: #ffffff;
    text-transform: uppercase;
}

.filter-more__icon {
    padding-left: 20px;
}

    .filter-more__icon img {
        max-width: 100%;
    }

.sorting {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.sorting-left {
    display: block;
    position: relative;
}

.sorting-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.result-count {
    color: #222222;
    padding: 16px 0px;
    font-size: 13px;
    min-width: 100%;
    text-align: center;
    border-bottom: #222 1px solid;
}

    .result-count span {
        color: #DD0005;
    }

.sorting-btn {
    background: #ffffff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 3px;
    outline: none;
}

    .sorting-btn.is-active {
        background: #222222;
        color: #ffffff;
    }

.range-box {
    display: block;
    position: relative;
}

    .range-box .irs--round {
        top: -25px;
        height: 20px;
    }

        .range-box .irs--round .irs-line {
            background: #eeeeee;
        }

        .range-box .irs--round .irs-bar {
            background: #666666;
        }

        .range-box .irs--round .irs-handle {
            background: url(../../images/icons/range-slider.svg) 0 0/cover transparent;
            -webkit-box-shadow: none;
            top: 15px;
            width: 45px;
            height: 45px;
            border: none;
            border-radius: 0;
            box-shadow: none;
        }

.range-box__desc {
    font: normal 400 14px/1 'Roboto Flex';
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    color: #777777;
}

    .range-box__desc input {
        font: normal 500 16px/1 'Roboto Flex';
        display: inline-block;
        width: 60px;
        min-width: auto;
        margin-top: -2px;
        border: none;
        outline: none;
        background: none;
        color: #222222;
        letter-spacing: normal;
        text-align: center;
        pointer-events: none;
    }

.page-product__title .uk-h1 {
    font: normal 600 60px/1.2 'Roboto Flex';
    margin: 0 0 10px 0;
    color: #222222;
}

.page-product__title span {
    font: normal 400 18px/normal 'Roboto Flex';
    color: #777777;
}

.page-product__price {
    font: normal 400 16px/normal 'Roboto Flex';
    color: #777777;
    text-align: right;
    position: relative;
    bottom: -5px;
}

    .page-product__price .current {
        font: normal 500 60px/1 'Roboto Flex';
        display: inline-block;
        color: #DD0005;
    }

    .page-product__price .old {
        font: normal 500 24px/1 'Roboto Flex';
        margin-left: 10px;
        color: #222;
        text-decoration: line-through;
        text-transform: uppercase;
    }

.page-product__btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
}

    .page-product__btns button {
        font: normal 400 16px/2.94 'Roboto Flex';
        background: #eeeeee;
        -webkit-box-align: center;
        -ms-flex-align: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        align-items: center;
        height: 47px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0 15px;
        border: 0;
        border-radius: 3px;
        outline: 0;
        color: #222222;
        text-transform: uppercase;
        cursor: pointer;
    }

        .page-product__btns button .fas,
        .page-product__btns button svg {
            margin: 0 6px;
        }

        .page-product__btns button.danger {
            background: #DD0005;
            color: #ffffff;
        }

        .page-product__btns button.secondary {
            background: #222222;
            color: #ffffff;
        }

.page-product__gallery .uk-slider-items img {
    -o-object-fit: cover;
    -o-object-position: center;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.page-product__list-info {
    margin: 57px 0;
}

.page-product__gallery_grid_style .page-product__list-info {
    margin: 0;
    border-top: 1px solid #dddddd;
    padding-top: 32px;
}

.product-list-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .product-list-info > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20%;
    }

        .product-list-info > * + * {
            border-left: 1px solid #dddddd;
        }

.product-list-info-item {
    background: #ffffff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
    position: relative;
    padding: 22px 10px;
    text-align: center;
    transition: 0.3s;
}

    .product-list-info-item svg {
        margin-bottom: 10px;
    }

    .product-list-info-item:hover,
    .product-list-info-item:focus,
    .product-list-info-item:active {
        -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        z-index: 1;
        transform: scale(1.05);
        box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    }

.product-list-info-item__img {
    display: block;
    position: relative;
    margin: 0 auto 25px;
}

.product-list-info-item__title {
    font: normal 500 14px/normal 'Roboto Flex';
    margin-bottom: 10px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 10px;
}

.product-list-info-item__value {
    color: #777777;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-specifications {
    list-style: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 40px 0 60px;
    padding: 0;
}

.product-specifications-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 33%;
    margin-bottom: 30px;
    padding: 5px 18px;
    border-left: 3px solid #f5f5f5;
}

.product-specifications-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    width: 35px;
    height: 20px;
}

    .product-specifications-item__icon svg {
        color: #222;
        fill: #222;
        width: 36px;
        max-width: 36px;
    }

.product-specifications-item__desc {
    padding-left: 12px;
}

.product-specifications-item__title {
    font: normal 400 14px/normal 'Roboto Flex';
    color: #222222;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.product-specifications-item__value {
    font: normal 400 14px/normal 'Roboto Flex';
    -o-text-overflow: ellipsis;
    overflow: hidden;
    color: #777777;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-products {
    border-top: 1px solid #dddddd;
}

.product-block-info {
    display: block;
    position: relative;
    margin-bottom: 50px;
    border: 1px solid #eeeeee;
}

.product-block-info__logos {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 10px;
}

    .product-block-info__logos > * + * {
        margin-left: 20px;
    }

.product-block-info__user {
    background: #f7f7f7;
    padding: 30px;
}

.product-block-info__email {
    padding: 30px;
}

.product-block-info__phone {
    padding: 30px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.block-icon-social {
    display: flex;
    padding: 0px 30px 20px 35px;
}

    .block-icon-social .block-icon__icon {
        margin-right: 10px;
    }


.product-block-info .user {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.product-block-info .user__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 100px;
    overflow: hidden;
}

.block-icon-social-wrap {
    padding-bottom: 15px;
    padding-left: 0px;
    margin-top: 25px;
}

.product-block-info .block-icon__title a {
    color: #222;
}


.block-icon-social .block-icon__desc {
    padding-top: 12px;
}

.product-block-info .user__avatar img {
    width: 80px;
    height: 80px;
}

.product-block-info .user__desc {
    display: block;
    position: relative;
}

.product-block-info .user__name {
    font: normal 500 24px/normal 'Roboto Flex';
    color: #222222;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.product-block-info .user__date {
    font: normal 400 14px/normal 'Roboto Flex';
    color: #777777;
}

.product-block-info .user__social {
    margin-top: 12px;
}

    .product-block-info .user__social .social-list__item + .social-list__item {
        margin-left: 17px;
    }

.product-block-info .social-list .fa-twitter {
    color: #54abec;
}

.product-block-info .social-list .fa-facebook-f {
    color: #2d549d;
}

.product-block-info .social-list .fa-google-plus-g {
    color: #DD0005;
}

.product-block-info .social-list .fa-linkedin-in {
    color: #3e578a;
}

.product-block-info .block-icon__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}


.product-block-info__email svg path, .product-block-info__phone svg path {
    fill: #DD0005;
}


.page-product .types-item__list {
    margin-left: 0;
    padding-left: 0;
}

.product-block-info .block-icon__desc {
    padding-left: 10px;
}

.product-block-info .block-icon__title {
    font: normal 400 16px / 1 'Roboto Flex';
    margin-bottom: 10px;
    color: #777777;
    margin: 0;
}


    .product-block-info .block-icon__title a:hover {
        color: #DD0005;
    }

.product-block-info .block-icon__value {
    font: normal 500 22px/1 'Roboto Flex';
    margin-top: 5px;
    color: #222222;
}

    .product-block-info .block-icon__value a {
        font: normal 500 22px/normal 'Roboto Flex';
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        color: #222222;
        transition: 0.5s;
    }

        .product-block-info .block-icon__value a:hover,
        .product-block-info .block-icon__value a:focus,
        .product-block-info .block-icon__value a:active {
            color: #DD0005;
            text-decoration: none;
        }

.page-product h2 {
    font-size: 24px;
}

.page-product p {
    font-size: 16px;
    line-height: 1.7;
}

.page-product-head {
    display: block;
    position: relative;
    margin-bottom: 80px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dddddd;
}

.page-product-head__bg {
    margin-bottom: 92px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .page-product-head__bg .uk-container-small {
        max-width: 920px;
    }

.page-product-head .page-product__gallery {
    margin-bottom: -40px;
}

    .page-product-head .page-product__gallery .uk-slider {
        margin: -40px 50px 0;
    }

.page-product-head .uk-breadcrumb {
    margin-bottom: 0;
}

    .page-product-head .uk-breadcrumb > * > * {
        font: normal 400 16px 'Roboto Flex';
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        color: #DD0005;
        letter-spacing: normal;
        transition: 0.5s;
    }

        .page-product-head .uk-breadcrumb > * > *:hover,
        .page-product-head .uk-breadcrumb > * > *:focus,
        .page-product-head .uk-breadcrumb > * > *:active {
            color: #ffffff;
        }

    .page-product-head .uk-breadcrumb > :last-child > a:not([href]),
    .page-product-head .uk-breadcrumb > :last-child > span {
        color: #222222;
    }

    .page-product-head .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        content: '|';
    }

.contact-map {
    display: block;
    z-index: 1;
    position: relative;
    margin-top: -60px;
}

    .contact-map iframe {
        width: 100%;
        height: 625px;
    }

.contact-info {
    display: block;
    position: relative;
}

.contact-info-title {
    font: normal 500 30px/1.63 'Roboto Flex';
    margin-bottom: 70px;
    color: #222222;
    text-align: center;
    text-transform: capitalize;
}

.contact-info-item {
    display: block;
    position: relative;
    text-align: center;
}

.contact-info-item__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    margin-bottom: 40px;
}

.contact-info-item__title {
    font: normal 400 16px/1.3 'Roboto Flex';
    margin-bottom: 0px;
    color: #777777;
}

.contact-info-item__value {
    font: normal 500 18px/1.7 'Roboto Flex';
    margin-bottom: 15px;
    color: #222222;
}

    .contact-info-item__value a {
        font: normal 500 18px/1.3 'Roboto Flex';
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        color: #222222;
        transition: 0.5s;
    }

        .contact-info-item__value a:hover,
        .contact-info-item__value a:focus,
        .contact-info-item__value a:active {
            color: #DD0005;
            text-decoration: none;
        }

.contact-form {
    background: #f8f8f8;
    display: block;
    position: relative;
    margin-top: 100px;
    padding: 70px 50px;
    overflow: hidden;
}

    .contact-form::before {
        -webkit-text-stroke: 1px #dddddd;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
        z-index: 1;
        z-index: 1;
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        color: transparent;
        font: 700 200px/1 'Roboto Flex';
        text-transform: uppercase;
        content: 'CarLink';
        opacity: 0.5;
    }

    .contact-form > * {
        z-index: 2;
        position: relative;
    }

@media (min-width: 767px) {

    html,
    body {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .uk-button {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .uk-input {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

        .uk-input::-webkit-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::-moz-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input:-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

    .uk-select {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

        .uk-select::-webkit-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-select::-moz-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-select:-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-select::-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-select::placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

    .uk-input,
    .uk-textarea {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

        .uk-input::-webkit-input-placeholder,
        .uk-textarea::-webkit-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::-moz-placeholder,
        .uk-textarea::-moz-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input:-ms-input-placeholder,
        .uk-textarea:-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::-ms-input-placeholder,
        .uk-textarea::-ms-input-placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

        .uk-input::placeholder,
        .uk-textarea::placeholder {
            font-size: calc(14px + 2 * (100vw / 1920));
        }

    .section-title span {
        font-size: calc(12px + 6 * (100vw / 1920));
    }

    .section-title .uk-h2 {
        font-size: calc(20px + 24 * (100vw / 1920));
    }

    .logo__text {
        font-size: calc(18px + 6 * (100vw / 1920));
    }

    .support__phone {
        font-size: calc(20px + 2 * (100vw / 1920));
    }

    .block-icon__title {
        font-size: calc(18px + 4 * (100vw / 1920));
    }

    .latest-luxcar__title {
        font-size: calc(18px + 6 * (100vw / 1920));
    }

        .latest-luxcar__title a {
            font-size: calc(18px + 6 * (100vw / 1920));
        }



    .checkbox-custome span {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .slideshow-item__decor {
        font-size: calc(80px + 120 * (100vw / 1920));
    }

    .slideshow-item__title span {
        font-size: calc(13px + 5 * (100vw / 1920));
    }

    .slideshow-item__title .uk-h2 {
        font-size: calc(32px + 38 * (100vw / 1920));
    }

    .slideshow-item__desc {
        font-size: calc(15px + 3 * (100vw / 1920));
    }

    .section-hero__title span {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .section-hero__title .uk-h1 {
        font-size: calc(56px + 34 * (100vw / 1920));
    }

    .section-hero__text {
        font-size: calc(18px + 4 * (100vw / 1920));
    }

    .section-hero__breadcrumb .uk-breadcrumb > * > * {
        font-size: calc(11px + 3 * (100vw / 1920));
    }

    .about-item__desc {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .product-item__name a {
        font-size: calc(16px + 8 * (100vw / 1920));
    }

    .product-item__price {
        font-size: calc(18px + 12 * (100vw / 1920));
    }

    .list-info-item__title {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .list-info-item__value {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .specifications-list-item__title {
        font-size: calc(11px + 2 * (100vw / 1920));
    }

    .specifications-list-item__value {
        font-size: calc(11px + 2 * (100vw / 1920));
    }

    .section-products.section-products--2 .uk-subnav li a {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .section-info__content .block-icon__title {
        font-size: calc(12px + 4 * (100vw / 1920));
    }

    .section-info.section-info--2 blockquote {
        font-size: calc(13px + 3 * (100vw / 1920));
    }

        .section-info.section-info--2 blockquote h1,
        .section-info.section-info--2 blockquote h2,
        .section-info.section-info--2 blockquote h3,
        .section-info.section-info--2 blockquote h4,
        .section-info.section-info--2 blockquote h5,
        .section-info.section-info--2 blockquote h6 {
            font-size: calc(16px + 6 * (100vw / 1920));
        }

    .block-icon-info__title {
        font-size: calc(16px + 6 * (100vw / 1920));
    }

    .block-icon-info__text {
        font-size: calc(13px + 1 * (100vw / 1920));
    }

    .video-info__title {
        font-size: calc(20px + 10 * (100vw / 1920));
    }

    .section-rental::before {
        font-size: calc(80px + 120 * (100vw / 1920));
    }

    .section-rental.section-rental--2::before {
        font-size: calc(80px + 120 * (100vw / 1920));
    }

    .rental-item__title {
        font-size: calc(24px + 6 * (100vw / 1920));
    }

    .rental-item__text {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .section-gallery-slider .gallery-slider-nav .slick-slide .uk-h4 {
        font-size: calc(18px + 18 * (100vw / 1920));
    }

    .section-gallery-slider .gallery-slider-nav .slick-slide span {
        font-size: calc(13px + 3 * (100vw / 1920));
    }

    .review-item__desc {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .product-card__badge {
        font-size: calc(12px + 2 * (100vw / 1920));
    }

    .product-card__title a {
        font-size: calc(18px + 4 * (100vw / 1920));
    }

    .product-card__price {
        font-size: calc(20px + 10 * (100vw / 1920));
    }

    .article__title {
        font-size: calc(24px + 8 * (100vw / 1920));
    }

        .article__title a {
            font-size: calc(22px + 8 * (100vw / 1920));
        }

    .article__intro {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

    .widjet--recent-posts .latest-news-item__title {
        font-size: calc(12px + 4 * (100vw / 1920));
    }

    .article-nav__title .uk-h5 {
        font-size: calc(18px + 4 * (100vw / 1920));
    }

    .section-article-reviews .uk-h2 {
        font-size: calc(20px + 8 * (100vw / 1920));
    }

    .section-article-reviews .uk-comment .uk-comment-title {
        font-size: calc(14px + 4 * (100vw / 1920));
    }

    .page-product__title .uk-h1 {
        font-size: calc(16px + 30 * (100vw / 1920));
    }

    .page-product__title span {
        font-size: calc(16px + 2 * (100vw / 1920));
    }

    .page-product__price {
        font-size: calc(14px + 2 * (100vw / 1920));
    }

        .page-product__price .current {
            font-size: calc(12px + 30 * (100vw / 1920));
        }

        .page-product__price .old {
            font-size: calc(18px + 6 * (100vw / 1920));
        }

    .page-product__btns button {
        font-size: calc(13px + 3 * (100vw / 1920));
    }

    .product-block-info .user__name {
        font-size: calc(17px + 4 * (100vw / 1920));
    }

    .product-block-info .user__date {
        font-size: calc(12px + 2 * (100vw / 1920));
    }

    .product-block-info .block-icon__value {
        font-size: calc(20px + 2 * (100vw / 1920));
    }

        .product-block-info .block-icon__value a {
            font-size: calc(15px + 2 * (100vw / 1920));
        }

    .page-product-head .uk-breadcrumb > * > * {
        font-size: calc(13px + 3 * (100vw / 1920));
    }

    .contact-info-title {
        font-size: calc(15px + 15 * (100vw / 1920));
    }

    .contact-form::before {
        font-size: calc(70px + 130 * (100vw / 1920));
    }
}

@media (min-width: 960px) {
    .uk-section-large {
        padding-top: 50px;
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 1439px) {
    .page-header.page-header--2 .page-header__left {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1365px) {
    .page-header.page-header--2 .page-header__support {
        display: none;
    }

    .video-box .btn-play {
        right: 186px;
        right: 9.69vw;
    }
}

@media only screen and (max-width: 1280px) {
    .page-header__left {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-header__center {
        display: none;
    }

    .page-header__right .uk-navbar-toggle {
        width: 100px;
        height: 100px;
    }

    body.page-home .section-hero__bg {
        padding: 180px 0;
    }

    .section-about__img {
        -o-object-fit: cover;
        -o-object-position: center;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .section-about__content {
        padding-left: 50px;
    }

    .section-about__gallery {
        left: -110px;
    }

    .section-info__list ul li + li {
        margin-top: 25px;
    }

    .block-icon-info__desc {
        display: block;
    }

    .video-block {
        max-width: 100%;
    }

    .video-info {
        left: 30px;
    }

    .video-box .btn-play {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        top: 50%;
        transform: translateY(-50%);
    }

        .video-box .btn-play img {
            width: 100px;
            height: 100px;
        }

    .section-rental::before {
        top: 0;
        opacity: 0.3;
    }

    .section-rental.section-rental--2::before {
        display: none;
    }

    .section-reviews .section-content::before {
        display: none;
    }
}

@media only screen and (max-width: 768px) {

    html .product-list-info {
        gap: 20px;
    }
}


@media only screen and (max-width: 959px) {


    .section-about__img {
        max-height: 300px;
    }

    .section-about__content {
        margin-top: 40px;
        padding-top: 0;
        padding-left: 0;
    }

    .section-about__gallery {
        position: inherit;
        padding: 0;
        background-color: transparent;
    }

    .section-info__content {
        max-width: 100%;
        text-align: center;
    }

        .section-info__content::before {
            display: none;
        }

    .section-info.section-info--2 {
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 98%, 83% 100%, 0px 95%);
        padding: 60px 0 80px;
        clip-path: polygon(0px 0px, 100% 0px, 100% 98%, 83% 100%, 0px 95%);
    }

        .section-info.section-info--2 .section-info__content {
            text-align: left;
        }

    .video-info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto -100px;
        transform: translateY(0);
    }

    .video-box {
        height: 400px;
    }

        .video-box .btn-play {
            -webkit-transform: translate(-50%, -30%);
            -ms-transform: translate(-50%, -30%);
            right: auto;
            left: 50%;
            transform: translate(-50%, -30%);
        }

    .section-rental .slider-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        margin: 20px auto 0;
    }

        .section-rental .slider-nav::before {
            display: none;
        }

    .rental-item__title br {
        display: none;
    }

    .rental-item__price {
        margin-bottom: 20px;
    }

    .rental-item__text {
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .section-gallery-slider::before {
        height: 62.6vw;
    }

    .section-reviews .section-title {
        margin-top: 20px;
    }

    .section-shop__bg {
        -webkit-clip-path: polygon(18% 0px, 100% 1%, 100% 100%, 0px 100%, 0px 1%);
        padding: 60px 0 40px;
        clip-path: polygon(18% 0px, 100% 1%, 100% 100%, 0px 100%, 0px 1%);
    }

    .filter-more {
        pointer-events: all;
    }

    .page-product-head__bg .uk-container {
        padding: 0;
    }

    .page-product-head .page-product__gallery .uk-slider {
        margin: -40px 30px 0;
    }

    .contact-info-title br {
        display: none;
    }

    .contact-form {
        margin-top: 50px;
        padding: 50px 25px;
    }
}

@media (max-width: 767px) {

    html,
    body {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .uk-button {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .uk-input {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

        .uk-input::-webkit-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::-moz-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input:-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

    .uk-select {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

        .uk-select::-webkit-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-select::-moz-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-select:-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-select::-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-select::placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

    .uk-input,
    .uk-textarea {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

        .uk-input::-webkit-input-placeholder,
        .uk-textarea::-webkit-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::-moz-placeholder,
        .uk-textarea::-moz-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input:-ms-input-placeholder,
        .uk-textarea:-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::-ms-input-placeholder,
        .uk-textarea::-ms-input-placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

        .uk-input::placeholder,
        .uk-textarea::placeholder {
            font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
        }

    .section-title span {
        font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920));
    }

    .section-title .uk-h2 {
        font-size: calc(24px + 40.8 * ((100vw - 320px) / 1920));
    }

    .logo__text {
        font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920));
    }

    .support__phone {
        font-size: calc(20px + 3.4 * ((100vw - 320px) / 1920));
    }

    .block-icon__title {
        font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920));
    }

    .latest-luxcar__title {
        font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920));
    }

        .latest-luxcar__title a {
            font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920));
        }

    blockquote {
        font-size: calc(18px + 13.6 * ((100vw - 320px) / 1920));
    }

        blockquote span {
            font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920));
        }

    .checkbox-custome span {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .slideshow-item__decor {
        font-size: calc(80px + 204 * ((100vw - 320px) / 1920));
    }

    .slideshow-item__title span {
        font-size: calc(13px + 8.5 * ((100vw - 320px) / 1920));
    }

    .slideshow-item__title .uk-h2 {
        font-size: calc(32px + 64.6 * ((100vw - 320px) / 1920));
    }

    .slideshow-item__desc {
        font-size: calc(15px + 5.1 * ((100vw - 320px) / 1920));
    }

    .section-hero__title span {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .section-hero__title .uk-h1 {
        font-size: calc(36px + 57.8 * ((100vw - 320px) / 1920));
    }

    .section-hero__text {
        font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920));
    }

    .section-hero__breadcrumb .uk-breadcrumb > * > * {
        font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
    }

    .about-item__desc {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .product-item__name a {
        font-size: calc(14px + 13.6 * ((100vw - 320px) / 1920));
    }

    .product-item__price {
        font-size: calc(18px + 20.4 * ((100vw - 320px) / 1920));
    }

    .list-info-item__title {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .list-info-item__value {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .specifications-list-item__title {
        font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
    }

    .specifications-list-item__value {
        font-size: calc(11px + 3.4 * ((100vw - 320px) / 1920));
    }

    .section-products.section-products--2 .uk-subnav li a {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .section-info__content .block-icon__title {
        font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920));
    }

    .section-info.section-info--2 blockquote {
        font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
    }

        .section-info.section-info--2 blockquote h1,
        .section-info.section-info--2 blockquote h2,
        .section-info.section-info--2 blockquote h3,
        .section-info.section-info--2 blockquote h4,
        .section-info.section-info--2 blockquote h5,
        .section-info.section-info--2 blockquote h6 {
            font-size: calc(16px + 10.2 * ((100vw - 320px) / 1920));
        }

    .block-icon-info__title {
        font-size: calc(16px + 10.2 * ((100vw - 320px) / 1920));
    }

    .block-icon-info__text {
        font-size: calc(13px + 1.7 * ((100vw - 320px) / 1920));
    }

    .video-info__title {
        font-size: calc(20px + 17 * ((100vw - 320px) / 1920));
    }

    .section-rental::before {
        font-size: calc(80px + 204 * ((100vw - 320px) / 1920));
    }

    .section-rental.section-rental--2::before {
        font-size: calc(80px + 204 * ((100vw - 320px) / 1920));
    }

    .rental-item__title {
        font-size: calc(24px + 10.2 * ((100vw - 320px) / 1920));
    }

    .rental-item__text {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .section-gallery-slider .gallery-slider-nav .slick-slide .uk-h4 {
        font-size: calc(18px + 30.6 * ((100vw - 320px) / 1920));
    }

    .section-gallery-slider .gallery-slider-nav .slick-slide span {
        font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
    }

    .review-item__desc {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .product-card__badge {
        font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
    }

    .product-card__title a {
        font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920));
    }

    .product-card__price {
        font-size: calc(20px + 17 * ((100vw - 320px) / 1920));
    }

    .article__title {
        font-size: calc(24px + 13.6 * ((100vw - 320px) / 1920));
    }

        .article__title a {
            font-size: calc(24px + 13.6 * ((100vw - 320px) / 1920));
        }

    .article__intro {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

    .widjet--recent-posts .latest-news-item__title {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .article-nav__title .uk-h5 {
        font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920));
    }

    .section-article-reviews .uk-h2 {
        font-size: calc(24px + 13.6 * ((100vw - 320px) / 1920));
    }

    .section-article-reviews .uk-comment .uk-comment-title {
        font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
    }

    .page-product__title .uk-h1 {
        font-size: calc(30px + 51 * ((100vw - 320px) / 1920));
    }

    .page-product__title span {
        font-size: calc(16px + 3.4 * ((100vw - 320px) / 1920));
    }

    .page-product__price {
        font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
    }

        .page-product__price .current {
            font-size: calc(30px + 51 * ((100vw - 320px) / 1920));
        }

        .page-product__price .old {
            font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920));
        }

    .page-product__btns button {
        font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
    }

    .product-block-info .user__name {
        font-size: calc(20px + 6.8 * ((100vw - 320px) / 1920));
    }

    .product-block-info .user__date {
        font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
    }

    .product-block-info .block-icon__value {
        font-size: calc(20px + 3.4 * ((100vw - 320px) / 1920));
    }

        .product-block-info .block-icon__value a {
            font-size: calc(20px + 3.4 * ((100vw - 320px) / 1920));
        }

    .page-product-head .uk-breadcrumb > * > * {
        font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
    }

    .contact-info-title {
        font-size: calc(15px + 25.5 * ((100vw - 320px) / 1920));
    }

    .contact-form::before {
        font-size: calc(70px + 221 * ((100vw - 320px) / 1920));
    }
}

@media only screen and (max-width: 767px) {
    .uk-button {
        height: 40px;
        padding: 0 25px 0 15px;
        line-height: 38px;
    }

    .slider-nav {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        right: auto;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
    }

    .uk-input {
        height: 40px;
        line-height: 40px;
    }

    .uk-form-large:not(textarea):not([multiple]):not([size]) {
        height: 50px;
    }

    .page-header__left .logo .logo__text {
        display: none;
    }

    .page-header__right .uk-navbar-toggle {
        width: 80px;
        height: 80px;
        min-height: 80px;
    }

    .page-footer__top {
        padding: 40px 0;
    }

    .page-footer__bottom {
        padding: 20px 0;
        font-size: 15px;
    }

    .page-footer__menu {
        padding-left: 20px;
    }

    .page-footer__news {
        padding-left: 20px;
    }

    .page-footer__info {
        padding-left: 20px;
    }

    .section-subscribe {
        -webkit-clip-path: polygon(18% 0px, 100% 18%, 100% 100%, 0px 100%, 0px 15%);
        padding: 80px 0 40px;
        clip-path: polygon(18% 0px, 100% 18%, 100% 100%, 0px 100%, 0px 15%);
    }

    .section-hero .slideshow-nav {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        right: auto;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
    }

    .slideshow-item__title .uk-h2 br {
        display: none;
    }

    .slideshow-item__desc {
        margin-bottom: 25px;
    }

        .slideshow-item__desc br {
            display: none;
        }

    .slideshow-item__btns .uk-button + .uk-button {
        margin-left: 25px;
    }

    .section-hero__bg {
        padding: 120px 0 50px;
    }

    .section-category {
        padding: 20px 0 80px;
    }

    .product-item__head {
        padding: 20px;
    }

    .product-item__info {
        padding: 20px;
    }

    .product-item__specifications {
        padding: 20px 15px 0;
    }

    .list-info-item + .list-info-item {
        margin-left: 20px;
        padding-left: 20px;
    }

    .section-info {
        padding: 20px 0 40px;
    }

    .sorting {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .sorting-right {
        margin-top: 20px;
    }

    .page-product__list-info {
        margin: 20px 0;
    }

    .product-list-info > * {
        width: 33%;
        border: 1px solid #dddddd !important;
    }

        .product-list-info > * + * {
            border-left: 0;
        }

    .product-specifications {
        margin: 30px 0 0;
    }

    .product-specifications-item {
        width: 50%;
    }

    .page-product-head {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }

    .page-product-head__bg {
        margin-bottom: 72px;
    }

    .contact-map iframe {
        height: 425px;
    }
}

@media only screen and (max-width: 639px) {
    .uk-pagination {
        padding: 20px;
    }

    .tags-cloud li a {
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
    }

    blockquote {
        padding-top: 20px;
        padding-left: 25px;
    }

    .page-header__left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-header__right .uk-navbar-toggle {
        width: 60px;
        height: 60px;
        min-height: 60px;
    }

    .page-footer__menu {
        padding-left: 0;
    }

    .page-footer__news {
        padding-left: 0;
    }

    .page-footer__info {
        padding-left: 0;
    }

    .slideshow-item__decor {
        -webkit-transform: translateX(-55%);
        -ms-transform: translateX(-55%);
        bottom: -15%;
        transform: translateX(-55%);
    }

    .section-hero__form {
        margin-top: 30px;
    }

    .section-hero__breadcrumb {
        margin-top: 40px;
    }

    body.page-home .section-hero__bg {
        padding: 120px 0;
    }

    .about-item__head {
        padding: 30px 0 15px 0;
    }

    .about-item__desc {
        padding: 0;
        line-height: 1.2;
    }

    .section-category .uk-slider {
        margin: -15px;
        padding: 15px;
    }

    .category-item__link {
        padding: 20px 15px 20px 20px;
    }

    .section-products.section-products--2 .uk-subnav li a {
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
    }

    .product-item.product-item--list {
        display: block;
    }

        .product-item.product-item--list .product-item__media,
        .product-item.product-item--list .product-item__media img {
            height: auto;
        }

        .product-item.product-item--list .product-item__head .product-item__manufacturer {
            display: block;
        }

        .product-item.product-item--list .product-item__head .product-item__category {
            display: none;
        }

        .product-item.product-item--list .product-item__info .list-info {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .product-item.product-item--list .product-item__info .list-info-item:last-child {
            display: none;
        }

        .product-item.product-item--list .product-item__specifications {
            margin: 0;
            padding: 30px 30px 5px;
        }

            .product-item.product-item--list .product-item__specifications .specifications-list {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .product-item.product-item--list .product-item__specifications .specifications-list-item {
                width: 50%;
            }

                .product-item.product-item--list .product-item__specifications .specifications-list-item + .specifications-list-item {
                    margin-left: 0;
                }

    .section-info__content .block-icon {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 235px;
        margin: auto;
    }

    .section-info.section-info--2 blockquote {
        margin-left: 0;
        padding-left: 20px;
    }

        .section-info.section-info--2 blockquote::before {
            right: 0;
            left: auto;
            opacity: 0.1;
        }

    .block-icon-info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .block-icon-info__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        width: 60px;
        height: 60px;
    }

    .video-info {
        max-width: 100%;
        margin: 0 15px -100px;
        padding: 30px;
    }

    .video-info__title {
        margin-bottom: 10px;
    }

    .video-info__subtitle {
        margin-bottom: 20px;
    }

    .video-info__list-thumb ul li {
        width: calc(33% - 20px);
    }

    .section-gallery-slider .gallery-slider .slick-slide::after {
        background-color: rgba(0, 0, 0, 0.15);
    }

    .section-gallery-slider .gallery-slider-nav {
        margin: 20px auto 0;
    }

    .section-brands {
        padding-bottom: 0;
    }

    .article__video a::after {
        width: 50px;
        height: 50px;
    }

    .article__bottom {
        display: block;
        margin-top: 30px;
    }

        .article__bottom > * + * {
            margin-top: 20px;
        }

    .article__nav {
        display: block;
        margin-top: 40px;
    }

    .article-nav {
        max-width: 100%;
    }

        .article-nav + .article-nav {
            margin-top: 20px;
        }

    .article-nav__link {
        padding: 25px 20px;
    }

    .section-article-reviews {
        margin-top: 45px;
    }

        .section-article-reviews .block-form {
            margin-top: 25px;
        }

        .section-article-reviews .uk-comment + .uk-comment {
            margin-top: 20px;
        }

    .sorting-right {
        width: 100%;
    }

    .sorting-btn {
        display: none;
    }

    .page-product__price {
        text-align: left;
    }

    .page-product__btns {
        margin-bottom: 20px;
    }

        .page-product__btns button {
            height: 40px;
            padding: 0 10px;
            line-height: 40px;
        }

    .product-specifications-item {
        width: 100%;
    }

    .product-block-info__user {
        padding: 20px;
    }

    .product-block-info__email {
        padding: 20px;
    }

    .product-block-info__phone {
        padding: 20px;
    }

    .page-product-head .page-product__gallery .uk-slider {
        margin: -40px 15px 0;
    }

    .contact-form {
        margin-top: 25px;
        padding: 25px 15px;
    }
}

@media only screen and (max-width: 479px) {
    .product-list-info > * {
        width: 50%;
    }

        .product-list-info > *:last-child {
            width: 100%;
        }
}


/* ======= PRELOADER ========== */

.preloaderjs .spinner {
    display: none !important;
}

.preloaderjs#page-preloader {
    background: rgba(46, 46, 46, 0.99) !important;
}

#page-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e2e2e;
    z-index: 100500;
}

    #page-preloader .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        border: 3px solid transparent;
        border-top-color: #e7e4d7;
        border-radius: 50%;
        z-index: 1001;
        -webkit-animation: spin 2.5s infinite linear;
        animation: spin 2.5s infinite linear;
    }

        #page-preloader .spinner:before,
        #page-preloader .spinner:after {
            position: absolute;
            border-radius: 50%;
            content: '';
        }

        #page-preloader .spinner:before {
            top: 5px;
            right: 5px;
            bottom: 5px;
            left: 5px;
            border: 3px solid transparent;
            border-top-color: #DD0005;
            -webkit-animation: spin 2s infinite linear;
            animation: spin 2s infinite linear;
        }

        #page-preloader .spinner:after {
            top: 15px;
            right: 15px;
            bottom: 15px;
            left: 15px;
            border: 3px solid transparent;
            border-top-color: #efa96b;
            -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
        }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*HOME*/

* {
    padding: 0;
    margin: 0;
    border: 0
}

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

:focus,
:active {
    outline: none
}

a:focus,
a:active {
    outline: none
}

nav,
footer,
header,
aside {
    display: block
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.article p,
.article {
    line-height: 1.7;
}

    .article h1 {
        font-size: 29px;
    }

    .article h2 {
        font-size: 26px;
    }

    .article h3 {
        font-size: 24px;
    }

    .article h4 {
        font-size: 22px;
        padding-top: 10px;
    }

    .article h5 {
        font-size: 20px;
    }

    .article h6 {
        font-size: 18px;
    }

input,
button,
textarea {
    font-family: inherit
}

    input::-ms-clear {
        display: none
    }

button {
    cursor: pointer
}

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

a,
a:visited {
    text-decoration: none
}

    a:hover {
        text-decoration: none
    }

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 600;
    margin-top: 0;
}

button {
    background: unset
}


.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.header .container {
    max-width: 1920px;
}

.logo__img {
    height: auto;
    max-width: 155px;
}

.btn {
    color: #fff;
    text-align: center;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    background: #DD0005;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: background .3s, border .3s, color .3s, padding-right;
    -o-transition: background .3s, border .3s, color .3s, padding-right;
    transition: background .3s, border .3s, color .3s, padding-right;
    position: relative;
    padding: 20px 46px 16px 36px;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    width: fit-content;
}


    .btn.btn-style2 {
        color: #DD0005;
        text-align: center;
        font-weight: 500;
        letter-spacing: .8px;
        text-transform: uppercase;
        background: transparent;
        border: 1px solid #DD0005;
        ;
        -webkit-transition: background .3s, border .3s, color .3s, padding-right;
        -o-transition: background .3s, border .3s, color .3s, padding-right;
        transition: background .3s, border .3s, color .3s, padding-right;
        position: relative;
        padding: 20px 46px 16px 36px;
        font-size: 16px;
        line-height: 23px;
        display: flex;
        width: fit-content;
    }


        .btn.btn-style2 path {
            stroke: #DD0005;
        }


        .btn.btn-style2:hover {
            color: #fff;
            text-align: center;
            font-weight: 500;
            letter-spacing: .8px;
            text-transform: uppercase;
            background: #DD0005;
            border: 1px solid #DD0005;
            ;
            -webkit-transition: background .3s, border .3s, color .3s, padding-right;
            -o-transition: background .3s, border .3s, color .3s, padding-right;
            transition: background .3s, border .3s, color .3s, padding-right;
            position: relative;
            padding: 20px 46px 16px 36px;
            font-size: 16px;
            line-height: 23px;
            display: flex;
            width: fit-content;
        }


            .btn.btn-style2:hover path {
                stroke: #fff;
            }

.btn-action {
    padding: 15px 0;
}


.btn b {
    margin-left: 10px;
    position: relative;
    margin-right: -20px;
    top: -1px;
    width: 30px;
}

.btn-single-link b {
    margin-left: -5px;
    position: relative;
    margin-right: 0px;
    top: -1px;
}


.btn.btn-second {
    color: #222;
    background: #fff;
    border: 1px solid #ddd;
}


    .btn.btn-second svg path {
        stroke: #222;
    }


@media(max-width: 1290px) {
    .btn {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .btn {
        line-height: calc(16px + 2 * ((100vw - 375px) / 915))
    }
}

.btn span:nth-child(2) {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    background: #222;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

    .btn span:nth-child(2) svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: relative;
        top: 2px;
    }

        .btn span:nth-child(2) svg path {
            fill: #fff
        }

.btn:hover,
.selection-form__inner .btn:hover {
    background: #fff;
    border: 1px solid #DD0005;
    color: #DD0005
}

    .btn:hover svg path {
        stroke: #DD0005;
    }


    .btn:hover span:nth-child(2) {
        right: -10px
    }


.hero-v4 {
    text-align: center;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/carbox-bg.png);
    padding-top: 100px;
}

    .hero-v4 .section-area {
        max-width: 1920px;
        margin: 0 auto;
    }


    .hero-v4 .app_links {
        justify-content: center;
    }






.titling-swiper {
    padding-top: 100px;
    margin-bottom: 0px;
}


    .titling-swiper .titling__title {
        font-size: 88px;
        line-height: 100px;
    }

.titling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.titling__suptext {
    font-weight: 500;
    color: #DD0005;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 6px;
    margin-bottom: 0;
}

@media(max-width: 1290px) {
    .titling__suptext {
        font-size: calc(16px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__suptext {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__suptext {
        padding-bottom: calc(4px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__suptext {
        margin-bottom: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.titling__title {
    font-size: 34px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}


    .titling__title svg {
        max-width: 120px;
    }

@media(max-width: 1290px) {
    .titling__title {
        font-size: calc(36px + 12 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__title {
        line-height: calc(44px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__title {
        margin-bottom: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.titling__text {
    font-size: 16px;
    line-height: 28px;
    max-width: 615px;
    padding-bottom: 80px;
    padding-top: 5px;
}

@media(max-width: 1290px) {
    .titling__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .titling__text {
        line-height: calc(22px + 6 * ((100vw - 375px) / 915))
    }
}



.titling--white .titling__title {
    color: #fff
}

.titling--white .titling__text {
    color: #fff;
    opacity: 0.8;
}

.titling--white .titling__link span:nth-child(2) {
    background: #fff
}

    .titling--white .titling__link span:nth-child(2) svg path {
        fill: #222
    }

.titling--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.brands__bg--second {
    display: none
}

.fl-header-fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 88;
    width: 100%;
}

.fl-header-gradient:not(.navbar-sticky) {
    background: linear-gradient(0deg, rgba(186, 209, 241, 0) 0, rgba(0, 0, 0, .9) 100%) !important;
}



.fl-header-fixed.fl-header-fixed.fl-header-gradient svg path {
    fill: #fff;
}

.fl-header-fixed .header-top {
    display: none;
}




.fl-header-fixed.fl-header-gradient .menu-list__link,
.fl-header-fixed.fl-header-gradient .menu-list__text,
.fl-header-fixed.fl-header-gradient .call__box-link,
.fl-header-fixed.fl-header-gradient .call__box {
    color: #fff
}


.fl-header-fullwidth

.header-mobile {
    display: none
}

.header-top {
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.fl-header-side-a .header-content__wrapper {
    display: none;
}


.fl-header-side-a .header-content__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: flex-start;
}


.fl-header-side-a .menu-list__item * {
    color: #222 !important;
    fill: #222;
}


.header-top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
}

.header-top__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.header-top__links-link {
    color: #222;
    font-size: 13px;
    line-height: 19.5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .header-top__links-link:hover {
        color: #DD0005
    }

    .header-top__links-link:last-child::after {
        content: unset
    }

    .header-top__links-link::after {
        content: "";
        display: block;
        width: 1px;
        height: 13px;
        background: #777;
    }

.user-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    position: relative;
    cursor: pointer
}

    .lang:hover .lang__list {
        opacity: 1;
        z-index: 1
    }

    .lang:hover .lang-current__text {
        color: #222
    }

    .lang:hover .lang-current__arrow {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.lang__list {
    position: absolute;
    opacity: 0;
    right: 33px;
    top: 20px;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.lang__list-link {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .lang__list-link:hover {
        color: #222
    }

.lang::after {
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    background: #777;
}

.lang-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px
}

.lang-current__text {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin: 0;
}

.lang-current__arrow {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.entrance {
    color: #777;
    font-size: 13px;
    line-height: 19px
}

.entrance__link {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .entrance__link:hover {
        color: #222
    }

.header-content {
    padding: 7px 0
}

.header-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 45px;
    position: relative;
    z-index: 89;
}

.header-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

.burger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    width: 30px;
    height: 20px
}

    .burger span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000
    }

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding-left: 0;
    margin-top: 5px;
}

.menu-list__item--inner {
    position: relative;
    z-index: 100
}

    .menu-list__item--inner:hover .menu-sublist {
        z-index: 1;
        opacity: 100
    }

    .menu-list__item--inner:hover .menu-list__text {
        color: #DD0005
    }

        .menu-list__item--inner:hover .menu-list__text svg {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.menu-list__link {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .menu-list__link:hover {
        color: #DD0005
    }

.menu-list__text {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #222;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin-bottom: 0;
}

    .menu-list__text svg {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

.menu-sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    top: 33px;
    position: absolute;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background: #fff;
    padding: inherit;
    min-width: 200px;
    padding: 17px 20px 10px 20px;
    margin-left: -20px;
    box-shadow: 2px 3px 19px -4px #ddd;
}

    .menu-sublist::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: -10px;
        height: 10px;
        left: 0;
        right: 0;
        opacity: 0;
        background: #000
    }

.menu-sublist__item {
    padding-bottom: 10px
}

.menu-sublist__link {
    color: #222;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-transform: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    opacity: 0.7;
}

    .menu-sublist__link:hover {
        color: #DD0005
    }

.call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.header-search-btn {
    min-height: inherit !important;
}

@media(max-width: 1290px) {
    .call {
        gap: calc(10px + 5 * ((100vw - 375px) / 915))
    }
}

.call__icon {
    background: #DD0005;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px
}

@media(max-width: 1290px) {
    .call__icon {
        width: calc(38px + 12 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .call__icon {
        height: calc(38px + 12 * ((100vw - 375px) / 915))
    }
}

.call__icon svg {
    width: 22px;
    height: 22px
}

@media(max-width: 1290px) {
    .call__icon svg {
        width: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .call__icon svg {
        height: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

footer .call__box-text {
    color: #fff;
    opacity: 0.9;
}


.call__box-text {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 7px;
}

.call__box-link {
    color: #222;
    font-weight: 500;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    line-height: 24px
}

@media(max-width: 1290px) {
    .call__box-link {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .call__box-link {
        line-height: calc(20px + 4 * ((100vw - 375px) / 915))
    }
}

.call__box-link:hover {
    color: #DD0005
}

.car-slide {
    position: relative;
    z-index: 888;
    padding: 10px 0 36px 0;
    text-align: center;
}


.hero-slide .slick-list {
    overflow: visible !important;
}


.car-slide img {
    max-width: 100%;
    height: auto;
}


.heading {
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 4px;
    background: #eee;
    overflow: hidden;
}

    .heading::before {
        content: "";
        width: 110%;
        height: 500px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -175px;
        border-radius: 4px;
        background: #B9060A;
        transform: rotate(-8deg);
    }


.heading__inner {
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 0;
}


@media(max-width: 1290px) {
    .heading__inner {
        padding-top: calc(40px + 50 * ((100vw - 375px) / 915))
    }
}




@media(max-width: 1000px) {
    html .heading .titling__title {
        max-width: 500px;
        font-size: 49px;
        line-height: 61px;
        margin-bottom: 13px;
    }




    html .heading::before {
        bottom: -375px;
    }

    .selection-form__inner .selection-form__range {
        display: none;
    }
}


@media(max-width: 768px) {
    html .heading .titling__title {
        max-width: 500px;
        font-size: 49px;
        line-height: 44px;
        margin-bottom: 13px;
    }

        html .heading .titling__title .splt {
            font-size: 24px;
            letter-spacing: 11px;
            line-height: 24px;
        }
}

.heading .titling__suptext {
    color: #f7f7f7
}

.heading .titling__title {
    color: #222;
    text-transform: capitalize;
}


.heading .titling__title {
    opacity: 0;
}


.slick-active .titling__title {
    opacity: 1;
}

.heading .titling__title .splt {
    display: inline-block;
    width: 100%;
    font-size: 53px;
    letter-spacing: 20px;
    line-height: 85px;
}


@media only screen and (max-width: 1300px) {

    .heading .titling__title .splt {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1200px) {

    .heading .titling__title .splt {
        font-size: 43px;
        letter-spacing: 16px;
        line-height: 62px;
    }
}


@media only screen and (max-width: 900px) {

    .heading .titling__title .splt {
        font-size: 32px;
        letter-spacing: 11px;
        line-height: 38px;
    }
}

.heading .titling__title .splt span {
    opacity: 0;
}

.heading .titling__title .splt + .splt * {
    color: #DD0005;
}


.car-slide-container-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-end;
    justify-content: center;
    padding: 0;
    margin: 0;
}


.heading .titling__title #i2 *,
.heading .titling__title #i4 *,
.heading .titling__title #i6 *,
{
    color: #DD1F06;
}



@media(max-width: 1290px) {
    .heading .titling__title {
        font-size: calc(48px + 18 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .heading .titling__title {
        line-height: calc(54px + 33 * ((100vw - 375px) / 915))
    }
}

.heading .titling__text {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 55px
}

@media(max-width: 1290px) {
    .heading .titling__text {
        font-size: calc(16px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .heading .titling__text {
        line-height: calc(24px + 8 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .heading .titling__text {
        margin-bottom: calc(30px + 25 * ((100vw - 375px) / 915))
    }
}

.selection {
    margin-top: -35px;
    position: relative;
    z-index: 10;
    margin-bottom: 125px
}

@media(max-width: 1290px) {
    .selection {
        margin-bottom: calc(100px + 25 * ((100vw - 375px) / 915))
    }
}



.brands__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 60px
}

@media(max-width: 1290px) {
    .brands__inner {
        gap: calc(15px + 60 * ((100vw - 375px) / 915))
    }
}

.brands__wrapper {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.brands__bg {
    position: absolute;
    z-index: 0
}

.brands__bg--first {
    left: -140px;
    top: 65px
}

.brands__bg--second {
    top: -212px;
    right: -315px
}

.brands-body {
    position: relative;
    z-index: 1
}

    .brands-body .titling {
        margin-bottom: 30px
    }

@media(max-width: 1290px) {
    .brands-body .titling {
        margin-bottom: calc(40px + 25 * ((100vw - 375px) / 915))
    }
}


.brands-choose {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 150px;
    grid-template-columns: 150px 150px 150px;
    gap: 20px
}

@media(max-width: 1290px) {
    .brands-choose {
        gap: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.brands-choose-item {
    border-radius: 4px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    height: 150px;
    cursor: pointer
}

@media(max-width: 1290px) {
    .brands-choose-item {
        height: calc(125px + 25 * ((100vw - 375px) / 915))
    }
}

.brands-choose-item svg g {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

    .brands-choose-item svg g path {
        -webkit-transition: fill .3s;
        -o-transition: fill .3s;
        transition: fill .3s
    }

.brands-choose-item:hover {
    background: #222
}

    .brands-choose-item:hover svg g {
        opacity: 1
    }

        .brands-choose-item:hover svg g path {
            fill: #fff
        }

.brands-choose-item--active {
    background: #222
}

    .brands-choose-item--active svg g {
        opacity: 1
    }

        .brands-choose-item--active svg g path {
            fill: #fff
        }

.brands-content {
    width: 100%;
    display: none
}

.brands-content__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

@media(max-width: 1290px) {
    .brands-content__inner {
        gap: calc(25px + 25 * ((100vw - 375px) / 915))
    }
}

.brands-content--active {
    display: block
}

.brands-content-info {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.brands-content-info__title {
    color: #222;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px;
    letter-spacing: 0.7px;
}

@media(max-width: 1290px) {
    .brands-content-info__title {
        font-size: calc(20px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .brands-content-info__title {
        line-height: calc(22px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .brands-content-info__title {
        margin-bottom: calc(10px + 5 * ((100vw - 375px) / 915))
    }
}

.brands-content-info__text {
    color: #777;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px
}

@media(max-width: 1290px) {
    .brands-content-info__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .brands-content-info__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .brands-content-info__text {
        margin-bottom: calc(25px + 15 * ((100vw - 375px) / 915))
    }
}

.btn-single-link {
    padding: 0;
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    background: transparent !important;
}

    .btn-single-link:hover {
        text-decoration: underline !important;
    }

@media(max-width: 1290px) {
    .btn-single-link {
        gap: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.btn-single-link span:nth-child(2) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: unset
}

.btn-single-link:hover {
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: unset
}

.picture {
    position: relative
}

    .picture::after {
        content: "";
        width: 268px;
        height: 216px;
        position: absolute;
        right: -100px;
        top: -100px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/brands-bg-3.png);
        z-index: -1
    }

.picture__img {
    width: 335px;
    border-radius: 4px;
    position: relative;
    height: 320px
}

@media(max-width: 1290px) {
    .picture__img {
        height: calc(240px + 80 * ((100vw - 375px) / 915))
    }
}

.picture__img::before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    width: 5px;
    height: 220px;
    border-radius: 30px;
    background: #eee
}

.picture__img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 5px;
    width: 220px;
    border-radius: 30px;
    background: #eee
}

.picture__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.carbox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #fff;
}

@media(max-width: 1290px) {
    .carbox {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .carbox {
        padding-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

.carbox__inner:not(.swiper) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 80px
}


@media(max-width: 1200px) {

    .carbox__inner:not(.swiper) {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}


@media(max-width: 900px) {

    .carbox__inner:not(.swiper) {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width: 768px) {

    .carbox__inner:not(.swiper) {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto;
    }
}


.carbox__inner + .carbox__wrap {
    margin-top: 80px
}

@media(max-width: 768px) {


    .carbox__inner + .carbox__wrap {
        margin-top: 40px;
    }


    .app_links {
        padding: 25px;
    }
}


@media(max-width: 1290px) {
    .carbox__inner {
        gap: calc(15px + 15 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .carbox__inner {
        margin-bottom: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}


.carbox .titling__text {
    max-width: 615px
}

.carbox__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
}

.carbox-card {
    border-radius: 0px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    background: #222;
    display: inline-block;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #fff;
}


    .carbox-card:hover {
        -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .09);
        box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .09);
    }

.carbox-card__inner {
    background: #fff;
    padding-top: 28px;
    padding-right: 28px;
    padding-bottom: 28px;
    padding-left: 28px
}

@media(max-width: 1290px) {
    .carbox-card__inner {
        padding-top: calc(20px + 8 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .carbox-card__inner {
        padding-right: calc(15px + 13 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .carbox-card__inner {
        padding-bottom: calc(20px + 8 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .carbox-card__inner {
        padding-left: calc(15px + 13 * ((100vw - 375px) / 915))
    }
}

.carbox-card__suptext {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 9px
}

.carbox-card__title {
    color: #222;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    height: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 28px;
    margin-top: 0;
}

.car_box_personal {
    display: flex;
    gap: 20px;
    align-items: center;
}

.carbox-card-bottom__price-personal {
    display: flex;
    gap: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 29px;
    color: #222;
    justify-content: space-between;
    align-items: center;
}

.carbox-card-bottom__price-personal_b {
    display: flex;
    gap: 10px;
    line-height: 18px;
}


.carbox-card-bottom__featured-list ul {
    margin: 0;
    padding: 0;
}


.carbox-card-bottom__featured-list li {
    color: #222;
    padding-bottom: 10px;
    font-size: 14px;
}

    .carbox-card-bottom__featured-list li svg {
        margin-right: 5px;
        width: 20px;
        position: relative;
        top: -2px;
    }

.carbox-card-bottom__featured-list {
    padding-top: 20px;
}



.cb_ava {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
}

    .cb_ava img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }



.cb_name_t {
    color: #222;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    text-transform: capitalize;
}

.cb_name_b {
    color: #222;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 13px;
    text-transform: capitalize;
}


@media(max-width: 1290px) {
    .carbox-card__title {
        margin-bottom: calc(25px + 3 * ((100vw - 375px) / 915))
    }
}

.carbox-card-preview {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: auto;
}



.carbox-card-preview__img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.carbox-card-preview::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34, 34, 34, .75);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.carbox-card-preview::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/plus-icon.svg)
}

.carbox-card-preview:hover::before {
    opacity: 1
}

.carbox-card-preview:hover::after {
    opacity: 1
}

.carbox-card-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    padding-top: 30px;
}

@media(max-width: 1290px) {
    .carbox-card-info {
        margin-bottom: calc(25px + 5 * ((100vw - 375px) / 915))
    }
}

.carbox-card-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.carbox-card-info-box__icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


    .carbox-card-info-box__icon svg {
        width: 25px;
    }

.carbox-card-info-box__column-suptext {
    margin-bottom: 3px;
    color: #222;
    font-size: 13px;
    font-weight: 300;
    line-height: 15px;
    text-transform: uppercase;
}

.carbox-card-info-box__column-text {
    color: #222;
    font-size: 13px;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 0;
}

.carbox-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid #eee;
    padding-top: 25px
}

@media(max-width: 1290px) {
    .carbox-card-bottom {
        padding-top: calc(20px + 5 * ((100vw - 375px) / 915))
    }
}

.carbox-card-bottom__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.carbox-card-bottom__price-current {
    color: #DD0005;
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: unset;
    background: transparent;
}

.carbox-card-bottom__price-del {
    color: #777;
    font-size: 13px;
    font-weight: 300;
    line-height: 15px;
    text-transform: uppercase
}

.carbox-card-bottom__rait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    color: #222;
    font-size: 15px;
    line-height: 19px;
    background: #FCFAEE;
    padding: 10px;
}


@media(max-width: 1290px) {
    .types {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types {
        padding-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

.types__inner {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 490px 1fr;
    grid-template-columns: 490px 1fr;
    gap: 140px;
    height: unset
}

.types__bg {
    position: absolute;
    left: 0;
    bottom: 0
}

.types .titling__text {
    margin-bottom: 25px;
    padding-bottom: 0;
}


@media(max-width: 1290px) {
    .types .titling__text {
        margin-bottom: calc(30px + 15 * ((100vw - 375px) / 915))
    }
}

.types .titling {
    position: sticky;
    z-index: 1;
    height: 350px;
    top: 150px;
}

.types-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 70px
}

@media(max-width: 1290px) {
    .types-body {
        gap: calc(30px + 40 * ((100vw - 375px) / 915))
    }
}

.types-item__img {
    margin-bottom: 38px;
    -webkit-filter: drop-shadow(2px 8px 15px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 8px 15px rgba(0, 0, 0, 0.25));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    max-width: 481px;
}


.types-item__inner {
    padding-bottom: 70px;
    border-bottom: 1px solid #d9d9d9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 280px 1fr;
    grid-template-columns: 270px 1fr;
    gap: 5px
}

@media(max-width: 1290px) {
    .types-item__inner {
        padding-bottom: calc(30px + 40 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__inner {
        gap: calc(15px + 30 * ((100vw - 375px) / 915))
    }
}

.types-item__about-title {
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 32px;
}

@media(max-width: 1290px) {
    .types-item__about-title {
        font-size: calc(24px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__about-title {
        line-height: calc(28px + 4 * ((100vw - 375px) / 915))
    }
}

.types-item__about-text {
    color: #222;
    font-size: 13px;
    line-height: 19px
}

.types-item__list-item {
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 32px;
    gap: 18px;
}

@media(max-width: 1290px) {
    .types-item__list-item {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item {
        gap: calc(15px + 10 * ((100vw - 375px) / 915))
    }
}

.types-item__list-item svg {
    position: relative;
    top: 8px;
    right: -2px;
}



@media(max-width: 1290px) {
    .types-item__list-item::before {
        margin-top: calc(6px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item::before {
        width: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item::before {
        height: calc(12px + 3 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item::before {
        min-width: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .types-item__list-item::before {
        min-height: calc(12px + 3 * ((100vw - 375px) / 915))
    }
}

section.trust {
    background-color: #060606;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    background-image: url(../../images/trust-bg-img.jpg);
}

@media(max-width: 1290px) {
    .trust {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .trust {
        padding-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

.trust__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

@media(max-width: 1290px) {
    .trust__inner {
        gap: calc(30px + 20 * ((100vw - 375px) / 915))
    }
}

.trust .picture {
    position: absolute;
    right: 0;
    top: 0
}

.trust .picture__img {
    width: 270px;
    height: 304px
}

    .trust .picture__img::before {
        right: -15px;
        top: 0;
        left: unset;
        bottom: unset;
        background: #777
    }

    .trust .picture__img::after {
        top: -15px;
        right: 0;
        left: unset;
        bottom: unset;
        background: #777
    }

.trust-body {
    padding-top: 10px;
    max-width: 565px
}

    .trust-body .titling {
        margin-bottom: 40px
    }


    .trust-body .titling__text {
        padding-bottom: 0;
    }

@media(max-width: 1290px) {
    .trust-body .titling {
        margin-bottom: calc(30px + 20 * ((100vw - 375px) / 915))
    }
}

.trust-body .trust-content {
    margin-bottom: 50px;
    display: none
}

@media(max-width: 1290px) {
    .trust-body .trust-content {
        margin-bottom: calc(30px + 20 * ((100vw - 375px) / 915))
    }
}

.goods {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(217, 217, 217, .25);
    margin-bottom: 40px;
    gap: 35px
}

@media(max-width: 1290px) {
    .goods {
        padding-bottom: calc(30px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods {
        margin-bottom: calc(30px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods {
        gap: calc(25px + 10 * ((100vw - 375px) / 915))
    }
}

.goods-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px
}

@media(max-width: 1290px) {
    .goods-item {
        gap: calc(15px + 10 * ((100vw - 375px) / 915))
    }
}

.goods-item__icon {
    border-radius: 4px;
    border-bottom: 4px solid #DD0005;
    background: #fff;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px
}

@media(max-width: 1290px) {
    .goods-item__icon {
        width: calc(64px + 16 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods-item__icon {
        height: calc(64px + 16 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods-item__icon {
        min-width: calc(64px + 16 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods-item__icon {
        min-height: calc(64px + 16 * ((100vw - 375px) / 915))
    }
}

.goods-item__icon svg {
    width: 40px;
    height: 40px
}

@media(max-width: 1290px) {
    .goods-item__icon svg {
        width: calc(34px + 6 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods-item__icon svg {
        height: calc(34px + 6 * ((100vw - 375px) / 915))
    }
}

.goods-item__title {
    color: #eee;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px
}

@media(max-width: 1290px) {
    .goods-item__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .goods-item__title {
        line-height: calc(20px + 4 * ((100vw - 375px) / 915))
    }
}

.support__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 35px
}

@media(max-width: 1290px) {
    .support__inner {
        gap: calc(20px + 15 * ((100vw - 375px) / 915))
    }
}

.support__icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px
}

@media(max-width: 1290px) {
    .support__icon {
        width: calc(50px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support__icon {
        height: calc(50px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support__icon {
        min-width: calc(50px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support__icon {
        min-height: calc(50px + 20 * ((100vw - 375px) / 915))
    }
}

.support__icon svg {
    width: 100%;
    height: 100%
}

.support-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.support-box__title {
    color: #eee;
    font-weight: 300;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 29px;
}

@media(max-width: 1290px) {
    .support-box__title {
        margin-bottom: calc(20px + 15 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support-box__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support-box__title {
        line-height: calc(20px + 4 * ((100vw - 375px) / 915))
    }
}

.support-box__link {
    padding: 0;
    background: unset;
    border: unset;
    color: #fff;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    background: transparent !important;
}

@media(max-width: 1290px) {
    .support-box__link {
        gap: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.support-box__link span:nth-child(2) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: unset;
    background: #eee
}

    .support-box__link span:nth-child(2) svg path {
        fill: #222
    }

.support-box__link:hover {
    background: unset;
    border: unset;
    color: #fff;
    text-decoration: unset
}

.support-box__link::before {
    content: "";
    margin-right: -10px;
    background: #4ee329;
    border-radius: 100%;
    width: 10px;
    height: 10px
}

.support-box__link:hover {
    text-decoration: underline;
}


@media(max-width: 1290px) {
    .support-box__link::before {
        width: calc(8px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .support-box__link::before {
        height: calc(8px + 2 * ((100vw - 375px) / 915))
    }
}

.trust-content {
    position: relative;
    padding: 50px 130px 0 0
}

.trust-content__img {
    border-radius: 4px;
    overflow: hidden;
    width: 450px;
    height: 600px
}

.trust-content__img-image {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.latest {
    position: relative
}


@media(max-width: 1290px) {
    .latest__inner {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest__inner {
        padding-bottom: calc(60px + 20 * ((100vw - 375px) / 915))
    }
}

.latest__bg {
    position: absolute
}

.latest__bg--first {
    top: 60px;
    right: 195px;
    width: 132px;
    height: 150px
}

.latest__bg--second {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 510px;
    -o-object-fit: cover;
    object-fit: cover
}

.latest .titling {
    max-width: 615px;
    margin-bottom: 0
}

@media(max-width: 1290px) {
    .latest .titling {
        margin-bottom: calc(30px + 35 * ((100vw - 375px) / 915))
    }
}

.latest-swiper {
    margin-left: -170px;
    margin-right: -170px;
    padding-bottom: 115px
}

@media(max-width: 1290px) {
    .latest-swiper {
        padding-bottom: calc(80px + 35 * ((100vw - 375px) / 915))
    }
}

.latest-swiper__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: 18px
}

@media(max-width: 1290px) {
    .latest-swiper__controls {
        gap: calc(15px + 3 * ((100vw - 375px) / 915))
    }
}

.latest-swiper .swiper-pagination {
    position: unset;
    width: unset;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

@media(max-width: 1290px) {
    .latest-swiper .swiper-pagination {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-swiper .swiper-pagination {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

.latest-swiper__prev {
    width: 35px;
    height: 35px;
    border: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .latest-swiper__prev svg {
        -webkit-transform: rotate(136deg);
        -ms-transform: rotate(136deg);
        transform: rotate(136deg);
        width: 35px;
        height: 17px;
    }

.latest-swiper__next {
    width: 35px;
    height: 35px;
    border: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .latest-swiper__next svg {
        -webkit-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        transform: rotate(-48deg);
        width: 35px;
        height: 17px;
    }

.latest-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    height: 500px;
    min-height: 500px;
    position: relative;
}


    .latest-slide:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #222;
        opacity: 0.3;
    }

@media(max-width: 1290px) {
    .latest-slide {
        height: calc(350px + 150 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-slide {
        min-height: calc(350px + 150 * ((100vw - 375px) / 915))
    }
}

.latest-slide:hover .latest-slide__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.latest-slide__img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.latest-slide__wrapper {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 35px;
    padding-left: 35px
}


@media only screen and (max-width: 1600px) and (min-width: 1000px) {

    .latest-slide__wrapper {
        max-width: 215px;
        min-width: auto;
    }

    .latest-slide__title {
        font-size: 20px;
        line-height: 35px;
    }
}


.latest-slide__wrapper .latest-slide__title {
    color: #fff;
}


@media(max-width: 1290px) {
    .latest-slide__wrapper {
        padding-right: calc(15px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-slide__wrapper {
        padding-left: calc(15px + 20 * ((100vw - 375px) / 915))
    }
}

.latest-slide__suptext {
    color: #fff;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 12px;
}

@media(max-width: 1290px) {
    .latest-slide__suptext {
        line-height: calc(16px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-slide__suptext {
        margin-bottom: calc(5px + 4 * ((100vw - 375px) / 915))
    }
}

.latest-slide__title {
    color: #222;
    font-weight: inherit;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}

@media(max-width: 1290px) {
    .latest-slide__title {
        font-size: calc(24px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-slide__title {
        line-height: calc(28px + 4 * ((100vw - 375px) / 915))
    }
}

.latest-slide__price {
    color: #DD0005;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px
}

@media(max-width: 1290px) {
    .latest-slide__price {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .latest-slide__price {
        line-height: calc(20px + 4 * ((100vw - 375px) / 915))
    }
}


@media(max-width: 1290px) {
    .gallery {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

.gallery .titling {
    max-width: 615px;
    margin-bottom: 65px
}

@media(max-width: 1290px) {
    .gallery .titling {
        margin-bottom: calc(30px + 35 * ((100vw - 375px) / 915))
    }
}

.gallery__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

@media(max-width: 1290px) {
    .gallery__inner {
        gap: calc(20px + 10 * ((100vw - 375px) / 915))
    }
}

.gallery__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px
}

@media(max-width: 1290px) {
    .gallery__wrapper {
        gap: calc(20px + 10 * ((100vw - 375px) / 915))
    }
}

.gallery__wrapper--big {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

    .gallery__wrapper--big .gallery__img {
        height: 410px
    }

@media(max-width: 1290px) {
    .gallery__wrapper--big .gallery__img {
        height: calc(300px + 110 * ((100vw - 375px) / 915))
    }
}

.gallery__img {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 265px
}

@media(max-width: 1290px) {
    .gallery__img {
        height: calc(200px + 65 * ((100vw - 375px) / 915))
    }
}

.gallery__img:hover .gallery__img-image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.gallery__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.rcslide {
    margin-bottom: 280px;
}

    .rcslide.section-top-padding {
        padding-top: 130px;
    }

@media(max-width: 1290px) {
    .rcslide {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide {
        margin-bottom: calc(240px + 40 * ((100vw - 375px) / 915))
    }
}

.rcslide__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1290px) {
    .rcslide__inner {
        gap: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}

.rcslide .titling {
    max-width: 490px;
    min-width: 490px;
    padding-bottom: 60px;
}

.rcslide .titling__text {
    margin-bottom: 0;
    padding-bottom: 25px;
}

@media(max-width: 1290px) {
    .rcslide .titling__text {
        margin-bottom: calc(30px + 15 * ((100vw - 375px) / 915))
    }
}

.rcslide-swiper,
.swiper {
    padding-bottom: 70px
}


    .rcslide-swiper .swiper-pagination {
        bottom: 0 !important
    }

html .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d7d7d7;
    margin-left: 5px !important;
    margin-right: 5px !important;
    opacity: 1;
    border-radius: unset;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

html .swiper-pagination-bullet-active {
    background: #DD0005
}

.rcslide-slide:hover {
    border-top-color: #222;
}

.rcslide-slide {
    border-radius: 4px;
    border: 1px solid #ddd;
    border-top: 3px solid #ddd;
    background: #fff;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s
}


.rcslide-slide__inner {
    padding-top: 62px;
    padding-right: 48px;
    padding-bottom: 58px;
    padding-left: 48px
}

@media(max-width: 1290px) {
    .rcslide-slide__inner {
        padding-top: calc(25px + 37 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide-slide__inner {
        padding-right: calc(15px + 33 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide-slide__inner {
        padding-bottom: calc(25px + 33 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide-slide__inner {
        padding-left: calc(15px + 33 * ((100vw - 375px) / 915))
    }
}

.rcslide-slide__text {
    color: #777;
    max-width: 375px;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1290px) {
    .rcslide-slide__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide-slide__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.rcslide-slide-top {
    gap: 30px;
    row-gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

@media(max-width: 1290px) {
    .rcslide-slide-top {
        margin-bottom: calc(20px + 10 * ((100vw - 375px) / 915))
    }
}

.rcslide-slide-top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

@media(max-width: 1290px) {
    .rcslide-slide-top-box {
        gap: calc(15px + 5 * ((100vw - 375px) / 915))
    }
}

.rcslide-slide-top-box__img {
    border-radius: 100%;
    overflow: hidden;
    width: 60px;
    height: 60px;
}




.rcslide-slide-top-box__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rcslide-slide-top-box__column-name {
    color: #222;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
}

@media(max-width: 1290px) {
    .rcslide-slide-top-box__column-name {
        font-size: calc(16px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .rcslide-slide-top-box__column-name {
        line-height: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

.rcslide-slide-top-box__column-text {
    color: #777;
    font-size: 13px;
    line-height: 19px
}

.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    fill: #ddd;
}


    .stars path {
        fill: #ddd;
    }

.stars-rate-1 svg:nth-of-type(1) path {
    fill: orange;
}

.stars-rate-2 svg:nth-of-type(1) path,
.stars-rate-2 svg:nth-of-type(2) path {
    fill: orange;
}

.stars-rate-3 svg:nth-of-type(1) path,
.stars-rate-3 svg:nth-of-type(2) path,
.stars-rate-3 svg:nth-of-type(3) path {
    fill: orange;
}

.stars-rate-4 svg:nth-of-type(1) path,
.stars-rate-4 svg:nth-of-type(2) path,
.stars-rate-4 svg:nth-of-type(3) path,
.stars-rate-4 svg:nth-of-type(4) path {
    fill: orange;
}

.stars-rate-5 svg:nth-of-type(1) path,
.stars-rate-5 svg:nth-of-type(2) path,
.stars-rate-5 svg:nth-of-type(3) path,
.stars-rate-5 svg:nth-of-type(4) path,
.stars-rate-5 svg:nth-of-type(5) path, {
    fill: orange;
}


.advantages {
    padding-bottom: 90px;
    position: relative
}

@media(max-width: 1290px) {
    .advantages {
        padding-bottom: calc(60px + 30 * ((100vw - 375px) / 915))
    }
}

.advantages__inner {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 385px 385px 385px;
    grid-template-columns: 385px 385px 385px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.advantages__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 560px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.banner {
    margin-top: -175px;
    position: relative;
    margin-bottom: 110px
}

@media(max-width: 1290px) {
    .banner {
        margin-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

.banner::before {
    content: "";
    position: absolute;
    display: block;
    background: #222;
    -webkit-filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    width: calc(100% - 40px);
    height: 314px;
    bottom: -20px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px
}

.banner__inner {
    position: relative;
    z-index: 1;
    background: #fff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border-radius: 4px
}

.banner__img {
    border-radius: 4px 0 0 4px;
    position: relative;
    z-index: 1
}

.banner__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px 0 0 4px
}

.banner .titling {
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    position: relative;
    padding-top: 60px;
    padding-right: 75px;
    padding-bottom: 60px;
    padding-left: 75px;
    display: flex;
    justify-content: center;
}

@media(max-width: 1290px) {
    .banner .titling {
        padding-top: calc(25px + 35 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling {
        padding-right: calc(15px + 60 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling {
        padding-bottom: calc(25px + 35 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling {
        padding-left: calc(15px + 60 * ((100vw - 375px) / 915))
    }
}

.banner .titling__suptext {
    color: #DD0005;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

@media(max-width: 1290px) {
    .banner .titling__suptext {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling__suptext {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

.banner .titling__title {
    text-transform: unset;
    font-size: 36px;
    line-height: 50px;
}

@media(max-width: 1290px) {
    .banner .titling__title {
        font-size: calc(28px + 6 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling__title {
        line-height: calc(36px + 4 * ((100vw - 375px) / 915))
    }
}

.banner .titling__text {
    color: #222;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    padding: 0;
    padding-top: 5px;
}

@media(max-width: 1290px) {
    .banner .titling__text {
        font-size: calc(16px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling__text {
        line-height: calc(24px + 8 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .banner .titling__text {
        margin-bottom: calc(25px + 10 * ((100vw - 375px) / 915))
    }
}

.banner__bg {
    position: absolute
}

.banner__bg--first {
    left: -112px;
    bottom: -90px;
    z-index: -1
}

.banner__bg--second {
    top: 42px;
    left: -47px
}

.banner__bg--third {
    bottom: 35px;
    right: 35px
}

.advantages-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 35px;
    padding-left: 20px;
    padding-right: 20px
}

@media(max-width: 1290px) {
    .advantages-item {
        gap: calc(15px + 20 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .advantages-item {
        padding-left: calc(10px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .advantages-item {
        padding-right: calc(10px + 10 * ((100vw - 375px) / 915))
    }
}

.advantages-item:nth-child(2) {
    border-left: 1px dashed #777;
    border-right: 1px dashed #777
}

.advantages-item__icon svg {
    width: 85px;
    height: 85px
}

@media(max-width: 1290px) {
    .advantages-item__icon svg {
        width: calc(55px + 30 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .advantages-item__icon svg {
        height: calc(55px + 30 * ((100vw - 375px) / 915))
    }
}

.advantages-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.advantages-item__digits {
    color: #f7f7f7;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 54px;
}

@media(max-width: 1290px) {
    .advantages-item__digits {
        font-size: calc(36px + 12 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .advantages-item__digits {
        line-height: calc(42px + 12 * ((100vw - 375px) / 915))
    }
}

.advantages-item__text {
    color: #f7f7f7;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1290px) {
    .advantages-item__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .advantages-item__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.articles {
    position: relative;
}

@media(max-width: 1290px) {
    .articles {
        padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles {
        padding-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
    }
}


.articles__inner {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px
}

.articles__bg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.articles-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 8;
}

.articles-card__poster {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 45px
}

@media(max-width: 1290px) {
    .articles-card__poster {
        height: calc(240px + 60 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card__poster {
        margin-bottom: calc(30px + 15 * ((100vw - 375px) / 915))
    }
}

.articles-card__poster:hover .articles-card__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.articles-card__img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.articles-card__title,
.articles-card__title a {
    color: #222;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 15px;
}


    .articles-card__title:hover a {
        color: #DD0005;
    }

@media(max-width: 1290px) {
    .articles-card__title {
        font-size: calc(20px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card__title {
        line-height: calc(24px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card__title {
        margin-bottom: calc(10px + 5 * ((100vw - 375px) / 915))
    }
}

.articles-card__title:hover {
    color: #DD0005
}

.articles-card__text {
    color: #777;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px
}

@media(max-width: 1290px) {
    .articles-card__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card__text {
        line-height: calc(24px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card__text {
        margin-bottom: calc(20px + 15 * ((100vw - 375px) / 915))
    }
}

.articles-card__link {
    padding: 0;
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    background: transparent !important;
}


    .articles-card__link:hover {
        opacity: 0.9;
    }


    .articles-card__link b {
        margin-left: -5px;
        position: relative;
        margin-right: 0px;
        top: -1px;
    }

    .articles-card__link:hover {
        color: #222;
    }

@media(max-width: 1290px) {
    .articles-card__link {
        gap: calc(10px + 2 * ((100vw - 375px) / 915))
    }
}

.articles-card__link span:nth-child(2) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: unset
}

.articles-card__link:hover {
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: unset
}

.articles-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    margin-bottom: 25px
}

@media(max-width: 1290px) {
    .articles-card-info {
        gap: calc(15px + 7 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .articles-card-info {
        margin-bottom: calc(15px + 10 * ((100vw - 375px) / 915))
    }
}

.articles-card-info__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media(max-width: 1290px) {
    .articles-card-info__box {
        gap: calc(10px + 2 * ((100vw - 375px) / 915))
    }
}

.articles-card-info__box svg {
    width: 16px;
    height: 16px
}

.articles-card-info__box-text {
    color: #777;
    font-size: 13px;
    line-height: 19px
}


    .articles-card-info__box-text strong {
        font-size: 34px;
    }

.subscribe {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgba(43, 43, 43, .97);
}

@media(max-width: 1290px) {
    .subscribe {
        padding-top: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .subscribe {
        padding-bottom: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}

.subscribe__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 510px 1fr;
    grid-template-columns: 510px 1fr;
    gap: 135px
}

@media(max-width: 1290px) {
    .subscribe__inner {
        gap: calc(60px + 75 * ((100vw - 375px) / 915))
    }
}



.subscribe .titling__title {
    margin-bottom: 0;
    font-size: 30px;
}

.subscribe-form {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding: 0 15px 15px 15px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 80px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.subscribe-form__input {
    background: unset;
    color: #fff;
    position: absolute;
    left: 0;
    padding-right: 200px;
    top: 0;
    height: 100%;
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1290px) {
    .subscribe-form__input {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .subscribe-form__input {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.subscribe-form__input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #777
}

.subscribe-form__input::-moz-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #777
}

.subscribe-form__input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #777
}

.subscribe-form__input::-ms-input-placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #777
}

.subscribe-form__input::placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #777
}

.subscribe-form__button {
    margin-left: auto;
    position: relative;
    z-index: 1;
    margin-right: -15px;
}


    .subscribe-form__button:hover {
        border-color: #fff;
    }

    .subscribe-form__button span:nth-child(2) {
        background: #fff
    }

        .subscribe-form__button span:nth-child(2) svg path {
            fill: #222
        }

.footer {
    background: #202020;
    padding-top: 80px
}

@media(max-width: 1290px) {
    .footer {
        padding-top: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}

.footer__inner {
    margin-bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

@media(max-width: 1290px) {
    .footer__inner {
        margin-bottom: calc(40px + 50 * ((100vw - 375px) / 915))
    }
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .footer__wrapper:nth-child(1) {
        max-width: 270px
    }

    .footer__wrapper:nth-child(4) {
        max-width: 331px
    }

.footer__title {
    color: #fff;
    font-weight: 600;
    border-bottom: 1px dashed #777;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 47px;
    padding-bottom: 6px;
    text-transform: capitalize;
    width: 100%;
}

@media(max-width: 1290px) {
    .footer__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__title {
        line-height: calc(24px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__title {
        margin-bottom: calc(15px + 32 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__title {
        padding-bottom: calc(4px + 2 * ((100vw - 375px) / 915))
    }
}

.footer__text {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px;
    margin-top: 0;
    opacity: 0.6;
}

@media(max-width: 1290px) {
    .footer__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__text {
        margin-bottom: calc(20px + 15 * ((100vw - 375px) / 915))
    }
}

.footer__working-title {
    color: rgba(255, 255, 255, .9);
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

@media(max-width: 1290px) {
    .footer__working-title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__working-title {
        line-height: calc(24px + 2 * ((100vw - 375px) / 915))
    }
}

.footer__working-text {
    color: #DD0005;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1290px) {
    .footer__working-text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__working-text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.footer__copy {
    background: #1a1a1a;
    color: rgba(238, 238, 238, .5);
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 28px;
    border-top: 1px solid #777;
}

@media(max-width: 1290px) {
    .footer__copy {
        padding-top: calc(30px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__copy {
        padding-bottom: calc(30px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__copy {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer__copy {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.footer .call {
    margin-bottom: 35px
}

@media(max-width: 1290px) {
    .footer .call {
        margin-bottom: calc(20px + 15 * ((100vw - 375px) / 915))
    }
}

.footer .call__box-link {
    color: #fff
}

    .footer .call__box-link:hover {
        color: #DD0005
    }

.footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 65px;
    border-bottom: 1px solid #777;
    padding-bottom: 30px;
}

@media(max-width: 1290px) {
    .footer-top {
        margin-bottom: calc(30px + 35 * ((100vw - 375px) / 915))
    }
}

.socials__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media(max-width: 1290px) {
    .socials__list {
        gap: calc(10px + 5 * ((100vw - 375px) / 915))
    }
}

.socials__list-link {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #777;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    width: 48px;
    height: 48px
}

@media(max-width: 1290px) {
    .socials__list-link {
        width: calc(38px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .socials__list-link {
        height: calc(38px + 10 * ((100vw - 375px) / 915))
    }
}

.socials__list-link svg {
    width: 18px;
    height: 18px
}

@media(max-width: 1290px) {
    .socials__list-link svg {
        width: calc(14px + 4 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .socials__list-link svg {
        height: calc(14px + 4 * ((100vw - 375px) / 915))
    }
}

.socials__list-link svg path {
    -webkit-transition: fill .3s, fill-opacity .3s;
    -o-transition: fill .3s, fill-opacity .3s;
    transition: fill .3s, fill-opacity .3s
}

.socials__list-link:hover {
    border: 1px solid #fff
}

    .socials__list-link:hover svg path {
        fill-opacity: 1;
        fill: #fff
    }

.footer-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media(max-width: 1290px) {
    .footer-articles {
        gap: calc(25px + 10 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px
}

@media(max-width: 1290px) {
    .footer-articles-item {
        gap: calc(15px + 7 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item__img {
    border-radius: 4px;
    overflow: hidden;
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    margin-top: -15px;
}

@media(max-width: 1290px) {
    .footer-articles-item__img {
        width: calc(60px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__img {
        height: calc(60px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__img {
        min-width: calc(60px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__img {
        min-height: calc(60px + 10 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item__img:hover .footer-articles-item__img-image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.footer-articles-item__img-image {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.footer-articles-item__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    gap: 12px
}

@media(max-width: 1290px) {
    .footer-articles-item__box {
        margin-bottom: calc(6px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__box {
        gap: calc(10px + 2 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item__box svg {
    width: 16px;
    height: 16px
}

@media(max-width: 1290px) {
    .footer-articles-item__box svg {
        width: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__box svg {
        height: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item__box-text {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    opacity: 0.6;
}

.footer-articles-item__title {
    color: #fff;
    font-weight: 400;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

@media(max-width: 1290px) {
    .footer-articles-item__title {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .footer-articles-item__title {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

.footer-articles-item__title:hover {
    color: #DD0005
}

.navigaion__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding-left: 0;
}

@media(max-width: 1290px) {
    .navigaion__list {
        gap: calc(10px + 2 * ((100vw - 375px) / 915))
    }
}

.navigaion__list-link {
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 16px;
    line-height: 28px;
    opacity: 0.6;
}


    .navigaion__list-link:hover {
        opacity: 0.9;
    }

@media(max-width: 1290px) {
    .navigaion__list-link {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .navigaion__list-link {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

.navigaion__list-link:hover {
    color: #fff
}

.navigaion--quick .navigaion__list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1290px) {
    .navigaion--quick .navigaion__list-link {
        gap: calc(10px + 2 * ((100vw - 375px) / 915))
    }
}

.navigaion--quick .navigaion__list-link span:nth-child(1) {
    background: #292929;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    width: 25px;
    height: 25px
}

@media(max-width: 1290px) {
    .navigaion--quick .navigaion__list-link span:nth-child(1) {
        width: calc(20px + 5 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .navigaion--quick .navigaion__list-link span:nth-child(1) {
        height: calc(20px + 5 * ((100vw - 375px) / 915))
    }
}

.navigaion--quick .navigaion__list-link span:nth-child(1) svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.navigaion--quick .navigaion__list-link:hover span:nth-child(1) {
    background: #DD0005
}

@media(max-width: 1830px) {
    .heading {
        border-radius: 0
    }

        .heading::before {
            border-radius: 0
        }
}

@media(max-width: 1700px) {
    .latest-swiper {
        margin-left: -100px;
        margin-right: -100px
    }
}

@media(max-width: 1650px) {
    .rcslide__inner {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0px
    }
}

@media(max-width: 1650px)and (max-width: 1290px) {
    .rcslide__inner {
        gap: calc(40px + 40 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1650px) {
    .rcslide-swiper {
        width: 100%
    }
}

@media(max-width: 1650px) {
    .rcslide .titling {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media(max-width: 1650px) {
    .rcslide-slide__inner {
        padding-top: 35px;
        padding-right: 25px;
        padding-bottom: 35px;
        padding-left: 25px
    }
}

@media(max-width: 1650px)and (max-width: 1290px) {
    .rcslide-slide__inner {
        padding-top: calc(25px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1650px)and (max-width: 1290px) {
    .rcslide-slide__inner {
        padding-right: calc(15px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1650px)and (max-width: 1290px) {
    .rcslide-slide__inner {
        padding-bottom: calc(25px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1650px)and (max-width: 1290px) {
    .rcslide-slide__inner {
        padding-left: calc(15px + 10 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1600px) {
    .latest-swiper {
        margin-left: 0;
        margin-right: 0
    }
}

@media(max-width: 1550px) {
    .picture::after {
        width: 223px;
        height: 178px;
        left: -99px;
        -webkit-transform: rotate(287deg);
        -ms-transform: rotate(287deg);
        transform: rotate(287deg);
        top: -80px
    }
}

@media(max-width: 1350px) {
    .types__inner {
        -ms-grid-columns: 450px 1fr;
        grid-template-columns: 450px 1fr
    }

    .trust .picture {
        right: 15px
    }
}

@media(max-width: 1300px) {
    .brands__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .brands-choose {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .brands-body {
        width: 100%
    }

    .brands-content-info {
        max-width: 50%
    }

    .brands .picture {
        width: 50%
    }

    .brands .picture__img {
        width: 100%
    }

    .brands-body__titling {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .types__inner {
        gap: 100px
    }
}

@media(max-width: 1300px)and (max-width: 1290px) {
    .types__inner {
        gap: calc(75px + 25 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1300px) {
    .picture::after {
        content: unset
    }
}

@media(max-width: 1250px) {
    .types-item__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .types__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .trust-content__img {
        width: 350px;
        height: 500px
    }

    .trust .picture__img {
        width: 220px;
        height: 280px
    }

    .advantages__inner {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .rcslide-slide-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(max-width: 1200px) {
    .carbox-card-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 1150px) {
    .carbox__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .carbox-card-info {
        -ms-grid-columns: 125px 125px;
        grid-template-columns: 125px 125px
    }

    .carbox__inner {
        -ms-grid-columns: 400px 400px;
        grid-template-columns: 400px 400px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .trust__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .trust-content {
        display: none
    }

    .trust-body {
        margin-left: auto;
        margin-right: auto
    }

        .trust-body .trust-content {
            display: block
        }

    .trust-body {
        padding-top: 0
    }

    .footer-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 60px
    }

    .footer__inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 60px
    }

    .footer__wrapper:nth-child(1) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .footer__wrapper:nth-child(4) {
        max-width: unset
    }
}

@media(max-width: 1100px) {
    .subscribe__inner {
        gap: 60px
    }

    html .dl-menuwrapper {
        top: -2px;
        display: block;
        left: 0px;
    }

    html .km-header .dl-menuwrapper {
        top: 6px;
        display: block;
        right: 0px;
        left: auto;
    }

        html .km-header .dl-menuwrapper button,
        html .km-header .dl-menuwrapper button:hover,
        html .km-header.dl-menuwrapper button.dl-active,
        html .km-header .dl-menuwrapper ul {
            background: #DD0005;
        }

        html .km-header .dl-menuwrapper .dl-menu {
            right: 0;
        }

    .logo {
        display: inline-block;
        position: relative;
        left: 50%;
        width: 300px;
        text-align: center;
        margin-left: -160px;
    }
}

@media(max-width: 1100px)and (max-width: 1290px) {
    .subscribe__inner {
        gap: calc(30px + 30 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1100px) {
    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1100px) {
    .menu {
        display: none
    }
}

@media(max-width: 1100px) {
    .header-content__wrapper {
        margin-left: auto
    }
}

@media(max-width: 900px) {
    .header-content__wrapper .header-search-btn {
        display: none
    }
}

@media(max-width: 600px) {
    .header-content__wrapper {
        display: none
    }

    .header .logo {
        display: inline-block;
        position: absolute;
        left: auto;
        width: auto;
        text-align: center;
        margin-left: 0;
        right: 0;
        top: 4px;
    }

    .header-content {
        padding: 20px 0;
        height: 145px;
    }
}

@media(max-width: 1100px) {
    .body--active {
        overflow: hidden
    }

        .body--active .header-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-top: 100px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 30px;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 100;
            min-height: 100vh;
            padding-top: 30px;
        }

            .body--active .header-mobile .header-top__inner {
                display: none;
                gap: 30px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3
            }

            .body--active .header-mobile .menu {
                display: block;
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .body--active .header-mobile .menu-list {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .body--active .header-mobile .header-content__wrapper {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .body--active .header-mobile .header-content__wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-left: unset
            }

        .body--active .header-content {
            border-bottom: 1px solid #d9d9d9
        }
}

@media(max-width: 1050px) {
    .brands-choose {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .articles__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 1000px) {
    .subscribe__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 950px) {
    .carbox__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .trust-body {
        max-width: 600px
    }

    .trust-content {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width: 900px) {
    .selection-form-selects {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .selection-form__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .selection-form__button {
        margin-left: auto;
        margin-right: auto
    }

    .selection-form__range-values {
        text-align: center
    }

    .types__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .types__titling {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .titling__text {
        max-width: 650px
    }

    .types__bg {
        display: none
    }

    .types-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #d9d9d9;
        gap: 50px
    }
}

@media(max-width: 900px)and (max-width: 1290px) {
    .types-item {
        gap: calc(15px + 35 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 900px) {
    .types-item__inner {
        border-bottom: unset
    }
}

@media(max-width: 900px) {
    .types-item__img-image {
        width: 95%
    }
}

@media(max-width: 900px) {
    .types .titling {
        height: unset;
        position: unset
    }
}

@media(max-width: 850px) {
    .advantages-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .advantages-item__wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media(max-width: 800px) {
    .gallery__wrapper {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .gallery__img:last-child {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-area: 2/1/3/4
    }

    .gallery__wrapper--big {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

        .gallery__wrapper--big .gallery__img:last-child {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 2/1/3/3
        }
}

@media(max-width: 750px) {
    .types-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .types-item__img-image {
        width: unset;
        margin-left: auto;
        margin-right: auto
    }

    .types-item__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .rcslide .titling {
        min-width: unset
    }
}

@media(max-width: 700px) {


    .banner__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .banner__img {
        height: 350px
    }
}

@media(max-width: 700px)and (max-width: 1290px) {
    .banner__img {
        height: calc(250px + 100 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 700px) {
    .banner .titling {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media(max-width: 700px) {
    .banner__bg--first {
        display: none
    }
}

@media(max-width: 650px) {
    .brands-content__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .brands-content-info {
        max-width: 100%
    }

    .brands .picture {
        width: 100%
    }

    .brands .picture {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-left: 15px
    }

    .types-item__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .types-item__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .articles__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 600px) {
    .goods {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 550px) {
    .selection-form-selects {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .brands-choose {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .brands-choose-item svg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .carbox__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .carbox-card-info {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .carbox__inner {
        gap: 25px
    }

    .trust-content__img {
        width: 100%;
        height: 350px
    }

    .trust .picture__img {
        width: 180px;
        height: 220px
    }

        .trust .picture__img::after {
            width: 120px
        }

        .trust .picture__img::before {
            height: 120px
        }

    .latest-slide__wrapper {
        min-width: unset
    }

    .advantages__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px
    }

    .advantages-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .advantages-item:nth-child(2) {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            border: unset
        }

    .advantages-item__wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }

    .header-top {
        display: none
    }

    .body--active {
        overflow: hidden
    }

        .body--active .header-mobile .header-top__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
}

@media(max-width: 500px) {
    .footer__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footer-top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footer__wrapper:nth-child(1) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .footer__wrapper:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__wrapper:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__wrapper:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media(max-width: 450px) {
    .types-item__img {
        width: 100%
    }

    .types-item__img-image {
        width: 100%
    }

    .support__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.btn-ft-clear {
    padding-top: 0;
    display: inline-block;
    font: normal 16px / 1.1 'Roboto Flex';
    text-transform: uppercase;
    color: #222;
    text-decoration: underline;
}

.sidebar-sticky {
    position: sticky;
    top: 0;
}

.dl-menuwrapper {
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    position: absolute;
    left: 24px;
    top: -10px;
    display: none;
    z-index: 999;
}

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper button {
        background: #DD0005;
        border: none;
        width: 60px;
        height: 60px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
    }

        .dl-menuwrapper button:hover,
        .dl-menuwrapper button.dl-active,
        .dl-menuwrapper ul {
            background: #DD0005;
        }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 56%;
            height: 3px;
            background: #fff;
            top: 18px;
            left: 21%;
            box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
        }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        min-width: 180px;
    }

    .dl-menuwrapper li {
        position: relative;
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
            outline: none;
        }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }


/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {
    display: none;
}


/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }


/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}


/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}


/* No JS Fallback */

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }


/* Colors for demos */


/* Demo 1 */

.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

    .demo-1 .dl-menuwrapper button:hover,
    .demo-1 .dl-menuwrapper button.dl-active,
    .demo-1 .dl-menuwrapper ul {
        background: #9e1847;
    }


/* Demo 2 */

.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

    .demo-2 .dl-menuwrapper button:hover,
    .demo-2 .dl-menuwrapper button.dl-active,
    .demo-2 .dl-menuwrapper ul {
        background: #D35400;
    }


/* Demo 3 */

.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

    .demo-3 .dl-menuwrapper button:hover,
    .demo-3 .dl-menuwrapper button.dl-active,
    .demo-3 .dl-menuwrapper ul {
        background: #00b4ae;
    }


/* Demo 4 */

.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

    .demo-4 .dl-menuwrapper button:hover,
    .demo-4 .dl-menuwrapper button.dl-active,
    .demo-4 .dl-menuwrapper ul {
        background: #79a002;
    }


/* Demo 5 */

.demo-5 .dl-menuwrapper button {
    background: #744783;
}

    .demo-5 .dl-menuwrapper button:hover,
    .demo-5 .dl-menuwrapper button.dl-active,
    .demo-5 .dl-menuwrapper ul {
        background: #643771;
    }


/* Gallery Grid */


.page-product__gallery_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 30px;
    max-width: 1560px;
    margin: 40px auto 40px auto;
    margin-bottom: -10px;
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 960px) {

    .page-product__gallery_grid {
        margin-bottom: -40px;
        grid-gap: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 20px;
    }
}

@media (max-width: 800px) {


    .page-product__gallery_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-hero__breadcrumb {
        position: relative;
        top: 10px;
        margin-top: 25px;
        display: inline-block;
    }
}

.listivo-gallery-v2__image:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
    position: relative;
}


.page-product__gallery_grid img {
    max-width: 100%;
    height: auto;
}

.gallery_grid_inner:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
    position: relative;
}

.gallery_grid_inner {
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.gallery_grid_inner_hide {
    display: none;
}


html .brands-content-info__title {
    line-height: 1.4;
    font-size: 19px;
    text-transform: capitalize;
}




html .section-hero__title .uk-h1 {
    font-size: 62px;
    margin-bottom: -6px;
    opacity: 1;
}


html .goods-item__title {
    font-size: 19px;
    line-height: 34px;
    padding-top: 16px;
    font-weight: 500;
}

.gear-top {
    position: absolute;
    z-index: 5;
    bottom: 13px;
    width: 117px;
    right: 34px;
    font-size: 28px;
}

    .gear-top svg {
        fill: #fff;
        width: 100%;
    }


    .gear-top span {
        text-align: center;
        position: absolute;
        top: 49px;
        color: #222;
        left: 0;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        opacity: 0.9;
    }


/*NEW HOME PAGES */


.section__bg_gray {
    background-color: #f5f5f5;
}

.section__main {
    padding: 110px 0;
}

    .section__main .titling__text {
        max-width: 615px;
        padding-bottom: 80px;
    }


/*HERO*/

.hero-scols2 {
    display: flex;
    padding: 50px;
    margin: 0 auto;
    min-height: 715px;
    justify-content: flex-start;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    position: relative;
    padding-left: 5%;
}


    .hero-scols2:after {
        background: #fff;
        content: "";
        position: absolute;
        left: -10%;
        top: 0;
        width: 61%;
        height: 100%;
        z-index: 7;
        transform: skewX(-2deg);
        border-right: 15px solid #F5F5F5;
    }

    .hero-scols2.hero-scols2-arround .scol-image {
        text-align: left;
        position: absolute;
        height: 100%;
        width: 48%;
        right: 0;
        background: #fff;
        overflow: hidden;
        border-bottom-left-radius: 100px;
    }


    .hero-scols2.hero-scols2-arround:after {
        border: 0;
    }

@media (max-width: 1300px) {

    .hero-scols2:after {
        width: 63%;
    }


    html .scol-info .titling__title {
        font-size: 57px;
        line-height: 70px;
    }
}


@media (max-width: 1200px) {

    .hero-scols2:after {
        display: none;
    }

    html .scol-image {
        height: 100%;
        width: 100%;
        right: 0;
    }

    html .hero-scols2 .swiper-slide:after {
        background: #fff;
        opacity: 0.75;
    }


    .hero-swiper .swiper-pagination,
    .hero-swiper:after,
    .hero-swiper:before {
        display: none !important;
    }
}

@media (max-width: 800px) {

    html .scol-info .titling__title {
        font-size: 39px;
        line-height: 45px;
    }
}


.hero-swiper:after {
    background: #fff;
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    width: 200px;
    height: 100%;
    z-index: 7;
    transform: skewX(-21deg);
    opacity: 0.2;
}


.hero-swiper:before {
    background: #fff;
    content: "";
    position: absolute;
    right: 170px;
    top: 0;
    width: 90px;
    height: 100%;
    z-index: 7;
    transform: skewX(-21deg);
    opacity: 0.1;
}

.hero-scols2 .swiper-slide:after {
    background: #222;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.3;
}


.scol-info {
    max-width: 945px;
    text-align: left;
    position: relative;
    z-index: 9;
}

    .scol-info * {
        text-align: left;
    }


.hero-swiper .swiper-pagination {
    text-align: right;
    padding-right: 30px;
    padding-bottom: 10px;
}


.hero-swiper .swiper-pagination-bullet-active {
    background-color: #DD0005 !important;
}

.hero-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.hero-swiper .swiper-pagination-bullet {
    background: #F5F5F5;
}

.scol-image img {
    display: block !important;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 360 / 240;
}

.scol-image {
    text-align: left;
    position: absolute;
    height: 100%;
    width: 70%;
    right: 0;
    background: #fff;
    overflow: hidden;
}


    .scol-image .swiper {
        height: 100%;
        padding-bottom: 0;
    }

    .scol-image .swiper-wrapper {
        height: 100%;
    }

.scol-info .checkbox-container-center.selection-form__body-type {
    text-align: left;
}

.scol-info .titling__title {
    font-size: 65px;
    line-height: 68px;
}

.scol-info .titling {
    padding-bottom: 15px;
}

.scol-info .titling__text {
    text-transform: capitalize;
}

@media (min-width: 1000px) {
    .hero-scols2 .selection-form-selects {
        max-width: min-content;
    }

    .hero-scols2 .selection-form-style-no_box .selection-form__selects {
        padding-right: 0;
    }
}

.hero-scols2 .btn span:nth-child(2) svg {
    position: relative;
    top: 2px;
    left: 9px;
}

@media (max-width: 1770px) {
    .hero-scols2 {
        background-position: 510px center;
        background-size: cover;
    }
}

@media (max-width: 1190px) {
    .hero-scols2 {
        background-position: 760px center;
    }
}

@media (max-width: 1000px) {
    .hero-scols2 {
        justify-content: space-around;
        background: none;
        padding-top: 200px;
        background: no-repeat;
    }

    .scol-info .titling * {
        padding-bottom: 15px;
        display: inline-block;
        text-align: center !important;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-scols2 .titling * {
        text-align: center !important;
    }

    .hero-scols2 .titling {
        align-items: center !important;
    }

    .hero-scols2 {
        justify-content: space-around;
        background: none;
    }

        .hero-scols2 .scol2 {
            display: none;
        }

    .scol-info .titling__title {
        font-size: 39px;
        line-height: 48px;
    }
}


/*BRANDS*/

.main__brands2 {
    padding: 100px 0 0;
}

.brands_titling__title {
    font-size: 34px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 0;
}

.brands-box-wrap {
    background-color: #F5F5F5;
    padding: 100px;
}

.brands-iteam {
    display: inline-block;
}

    .brands-iteam a {
        background: #fff;
        padding: 40px;
        display: flex;
        min-height: 166px;
    }


    .brands-iteam a {
        background: #fff;
        padding: 40px;
        display: flex;
        min-height: 166px;
        border: 2px solid #fff;
        transition: 0.3s;
    }

.brands-iteam-title {
    text-align: center;
    color: #222;
    font-size: 16px;
    padding-top: 25px;
}

.brands-iteams {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 25px;
}

.brands-iteam:hover a {
    -webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.1));
}

.section-all-padding {
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
}

.section-top-padding {
    padding-top: 110px;
    position: relative;
}

.section-bottom-padding {
    padding-bottom: 110px;
    position: relative;
}

@media(max-width: 1100px) {

    html .titling__text, html .gallery__titling .titling__text {
        padding-bottom: 40px;
    }


    html.section-bottom-padding {
        padding-bottom: 40px;
    }

    html .section-top-padding {
        padding-top: 40px;
    }

    html .section-all-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}



/*About 2 col*/

.section-about-2col {
    background-color: #F5F5F5;
}

.about-2cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60px;
    align-items: flex-start;
}

.about-content__info__title {
    color: #222;
    font-size: 29px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 45px;
    margin-bottom: 20px;
    letter-spacing: 1.3px;
    max-width: 80%;
}

.about-content__info__text {
    color: #777;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 25px;
}

.about-content__info .types-item__list {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 35px;
}

@media (max-width: 1200px) {



    .about-2cols {
        grid-template-columns: 53% 43%;
        grid-column-gap: 4%;
    }

    .about-content__info__title {
        font-size: 22px;
        line-height: 33px;
    }

    .about-content__info__text {
        font-size: 15px;
    }
}

@media (max-width: 900px) {

    .about-2cols .about-col1 {
        padding-top: 55px;
    }

    .container {
        padding: 0 25px;
    }


    .about-2cols {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .about-content__info__title {
        padding-top: 40px;
    }
}


/*NMBR*/

.section-about-nmbr {
    padding: 70px 0 70px 0;
    background-image: url(../../images/businessman-hand.jpg);
    background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
}

.section-about-nmbr-white * {
    color: #fff;
}

.section-about-nmbr-white .about-nmbr_iteam_title {
    color: #fff;
}

.about-nmbr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}


@media (max-width: 768px) {

    .about-nmbr {
        grid-template-columns: repeat(1, 1fr);
    }


    .about-nmbr_iteam {
        border: 0 !important;
    }
}


.about-nmbr_iteam {
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.about-nmbr_iteam {
    text-transform: capitalize;
}

.about-nmbr_iteam_title {
    color: #222;
    font-size: 55px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 20px;
    letter-spacing: 1.3px;
}

.about-nmbr_iteam:first-child,
.about-nmbr_iteam:last-child {
    border: 0;
}


/*ICO BOX*/





.gallery__titling .titling__text {
    max-width: 615px;
    margin-bottom: 0;
    padding-bottom: 0;
}


.box-ico-1 {
    display: grid;
    grid-column-gap: 40px;
    align-items: center;
    margin: 0 auto;
    position: relative;
    padding: 50px;
    padding-top: 80px;
}


@media (min-width: 1000px) {

    .box-ico-col2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .box-ico-col3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .box-ico-col4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .box-ico-col5 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}


@media (max-width: 1200px) {

    .box-ico-1 {
        grid-template-columns: repeat(2, 1fr);
    }

    html .box-ico-1_title {
        font-size: 19px;
        max-width: 100%;
    }


    html .box-ico-1_iteam {
        margin-bottom: 35px;
    }
}

@media (max-width: 760px) {

    .box-ico-1 {
        grid-template-columns: repeat(1, 1fr);
    }
}


.box-ico-1_iteam {
    max-width: 350px;
}


.box-ico-1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 290px;
    z-index: 3;
    background-color: #F5F5F5;
}

.box-ico-1 .box-ico-1_ico-nmbr {
    position: absolute;
    right: 30px;
    top: 20px;
    color: #222;
    font-size: 90px;
    opacity: 0.1;
    font-weight: 600;
}

.box-ico-1 .box-ico-1_iteam {
    border: 1px solid #eee;
    padding: 35px;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .05);
    position: relative;
    z-index: 5;
    background: #fff;
    transition: 0.3s;
}




    .box-ico-1 .box-ico-1_iteam:hover {
        -webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.1));
    }

.box-ico-1 .box-ico-1_title {
    color: #222;
    font-weight: 600;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 5px;
    text-transform: capitalize;
    max-width: 80%;
    display: inline-block;
    padding-top: 15px;
}

.box-ico-1 .box-ico-1_iteam p {
    color: #777;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.box-ico-1 .box-ico-1_img {
    width: 100px;
}

.box-ico-1_img svg,
.box-ico-1_img img {
    max-width: 100%;
    height: auto;
}


.box-ico-2 .box-ico-1_ico-nmbr {
    background-color: #EEAE1C;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    min-width: 75px;
    display: inline-block;
    position: absolute;
    top: -20px;
}


.box-ico-2 .box-ico-wrap {
    display: flex;
    position: relative;
    justify-content: center;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .10);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .10);
    margin: 0 auto;
    padding-top: 35px;
    margin-bottom: 20px;
    width: 137px;
    height: 125px;
    align-items: center;
}

.box-ico-2 .box-ico-1_img {
    display: inline-block;
}

.box-ico-2 .box-ico-1_title {
    font-weight: 600;
    font-size: 24px;
    color: #222;
    text-transform: capitalize;
}


.box-ico-2 .box-ico-1_iteam {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    max-width: 320px;
    margin: 25px auto 0 auto;
    position: relative;
    z-index: 7;
    padding-bottom: 25px;
}


.box-ico-2 svg {
    max-width: 60px;
    height: 60px;
}


    .box-ico-2 svg path {
        fill: #222;
    }

.arrow-steps {
    position: absolute;
    right: -30%;
    z-index: 9;
    top: 29px;
}


    .arrow-steps svg {
        width: 120px;
        height: 20px;
    }


        .arrow-steps svg path {
            fill: #CCCCCC;
        }

@media (max-width: 1200px) {
    .arrow-steps {
        display: none;
    }
}

.box-ico-2 {
    position: relative;
}

    .box-ico-2:after {
        content: "";
        display: inline-block;
        background-color: #f7f7f7;
        position: absolute;
        bottom: -10px;
        width: 100%;
        height: 217px;
        left: 0;
        z-index: 2;
    }


/*SECTION CALCULATOR */

.section-calculator {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-column-gap: 0;
    background-repeat: no-repeat;
    background-image: url(../../images/92.jpg);
    background-position: center right;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
}


@media (max-width: 1200px) {
    .section-calculator {
        grid-template-columns: 60% 40%;
    }
}

@media (max-width: 1000px) {
    .section-calculator {
        grid-template-columns: 100%;
    }
}


.section-box-calculator {
    padding: 90px;
    background: rgba(255, 255, 255, 0.9);
}


@media (max-width: 1000px) {

    .section-box-calculator {
        padding: 90px;
        background: rgba(255, 255, 255, 0.9);
        margin: 10px;
    }

    #calculator-result div {
        max-width: 100% !important;
    }


    .section-img-calculator {
        min-height: auto !important;
    }
}

.section-img-calculator {
    min-height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

/*SECTION REVIEWS */


.rcslide__inner-color-white * {
    color: #fff;
}

.rcslide__inner-color-white .rcslide-slide__text {
    color: #fff !important;
    opacity: 0.9;
}


.rcslide__inner-2 {
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    gap: 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


@media (max-width: 1100px) {


    html .rcslide__inner-2 {
        gap: 40px;
    }
}


@media (max-width: 900px) {

    .main__reviews {
        padding-bottom: 0 !important
    }


    html .rcslide__inner-2 {
        flex-wrap: wrap;
        display: flex;
        align-content: flex-start;
        justify-content: space-around;
    }

    html .rcslide-slide-top {
        align-items: center;
    }


    [data-rcslide-style='2'] .rcslide-slide__text {
        text-align: center;
    }

    html .fl-swiper-button-pagination-right {
        left: 50%;
        right: auto;
        margin-left: -60px;
    }
}


[data-rcslide-style='2'] .rcslide-slide-top {
    margin-bottom: 27px;
    padding-left: 8px;
}


.box_review {
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    padding: 40px;
    background: #fff;
    text-align: center;
    font-size: 25px;
    width: 330px;
}


    .box_review img {
        max-width: 215px;
        height: auto;
        margin: 12px;
    }


    .box_review h5 {
        color: #222;
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 0;
        position: relative;
        z-index: 6;
    }

.review__link_btn {
    padding: 0;
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    align-content: center;
    justify-content: space-around;
    border: 0 !important;
    font-size: 13px;
    background: none !important;
    text-align: center;
    margin: 0 auto;
}

    .review__link_btn:hover {
        text-decoration: underline;
    }

.main__reviews {
    background: #fff;
}



    .main__reviews .titling__title {
        padding-bottom: 35px;
        text-transform: capitalize;
    }

[data-rcslide-style='2'] .rcslide-slide,
[data-rcslide-style='2'] .rcslide-slide .rcslide-slide__inner {
    border-radius: 0;
    border: 0;
    background: transparent;
    padding: 0 !important;
    padding-top: 10px !important;
}

[data-rcslide-style='2'] .rcslide-slide-top-box__column-text {
    padding-top: 0;
    padding-bottom: 10px;
}


[data-rcslide-style='2'] .rcslide-slide__text {
    color: #222;
    font-size: 16px;
    line-height: 2;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 23px;
    border-radius: 0;
    position: relative;
}


    [data-rcslide-style='2'] .rcslide-slide__text:after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(255, 255, 255, 0.2);
        top: -10px;
        position: absolute;
    }


[data-rcslide-style='3'] .rcslide-slide {
    border: 0;
}


[data-rcslide-style='3'] .rcslide-slide-top-box__column-text {
    margin-bottom: 10px;
}

.rcslide-slide__info {
    gap: 20px;
    padding-top: 20px;
}

@media (min-width: 900px) {
    .rcslide-slide__info {
        display: flex;
    }
}


[data-rcslide-style='3'] .rcslide-slide__info span {
    display: inline-block;
    width: 100%;
}


[data-rcslide-style='3'] .fl-swiper-button-pagination {
    left: auto;
    right: 0;
    margin-left: 0px;
    width: 100%;
    top: 45%;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}


[data-rcslide-style='3']:hover .fl-swiper-button-pagination {
    opacity: 1;
}


[data-rcslide-style='3'] {
    padding-bottom: 0 !important;
}


.rcslide-slide__text {
    color: #777;
    max-width: 100%;
    font-size: 17px;
    line-height: 28px;
}

.review-all-box {
    display: none;
    max-width: 500px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
}


.rcslide-slide__info_title {
    color: #222;
    font-weight: 600;
}

.rcslide-slide__info_date {
    padding-top: 10px;
    color: #222;
}

.rcslide-slide__info div {
    background-color: #F5F5F5;
    padding: 20px;
    min-width: 120px;
    text-align: center;
    border: 1px solid #ddd
}

.rcslide-slide-left__img {
    display: flex;
    align-items: flex-end;
}

.fl-swiper-button-pagination {
    text-align: center;
    width: 120px;
    position: absolute;
    left: -10px;
    height: 45px;
    margin-top: 20px;
}


@media (max-width: 900px) {

    .rcslide-slide-left__img {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-around;
    }
}


.fl-swiper-button-pagination-center {
    left: 50%;
    margin-left: -60px;
}

.fl-swiper-button-pagination-right {
    left: auto;
    right: 0;
    margin-left: 0px;
}

.swiper-button-next,
.swiper-button-prev {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    width: 44px;
    height: 44px;
}


    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        background: #DD0005;
        border-color: #DD0005;
    }

.listing-swiper .swiper-button-prev,
.listing-swiper .swiper-button-next {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}


.listing-swiper:hover .swiper-button-prev,
.listing-swiper:hover .swiper-button-next {
    opacity: 1;
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
    color: #fff;
}


.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 16px;
    color: #222;
}

.box_review__stars {
    text-align: center;
    margin: -4px 0 17px 0;
}


.box-steps-4 {
    background-color: #F5F5F5;
    padding: 50px;
}

@media (min-width: 900px) {
    .box-steps-4 {
        display: flex;
        gap: 50px;
    }
}


.box-steps-4_innner {
    max-width: 35%;
}

@media (max-width: 900px) {

    .box-steps-4_innner {
        max-width: 100%;
        padding-bottom: 20px;
    }
}

.box-steps-4_innner_last {
    width: 100%;
    display: inline-block;
}


.box-steps-4_innner_last_wrap {
    width: 100%;
    display: flex;
    gap: 35px;
    justify-content: space-around;
}

.box-steps-4_innner_icon {
    text-align: center;
}


@media (max-width: 600px) {
    .box-steps-4_innner_last_wrap {
        width: 100%;
        display: flex;
        gap: 35px;
        justify-content: space-around;
        flex-wrap: wrap;
    }
}


.box-steps-4_innner_icon h4 {
    font-size: 16px;
    padding: 0;
    max-width: 185px;
    margin: 0;
}


.box-steps-4_innner_icon p {
    font-size: 16px;
    padding: 0;
    max-width: 185px;
    margin: 0;
    padding-top: 10px;
}


.box-steps-4_innner_last h5 {
    font-size: 22px;
    padding-top: 35px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}


    .box-steps-4_innner_last h5 svg {
        margin-right: 15px;
        max-width: 26px;
        position: relative;
        top: -3px;
    }


.box-steps-4_innner_icon svg {
    margin-bottom: 20px;
    background: #fff;
    padding: 27px;
    width: 100px;
    height: 100px;
}

.box-steps-4_innner h4 {
    font-size: 27px;
    text-transform: capitalize;
}

.box-steps-4_innner p {
    font-size: 18px;
    line-height: 1.7;
}


/* APP BOX */

.appbox_s2 {
    position: relative;
    background: #FCFAEE;
    padding: 4%;
    max-width: 1420px;
    margin: 0 auto 0;
    display: grid;
    grid-template-columns: 38% 58%;
    gap: 4%;
    line-height: 1.7;
    align-content: space-evenly;
    align-items: center;
    z-index: 7;
}

.appb_1 {
    max-width: 100%;
}


.section__app2 .app_title {
    font-size: 34px;
    text-transform: capitalize;
    max-width: 550px;
}

.section__app2 .app_desc {
    font-size: 20px;
}

.app_links {
    display: flex;
    gap: 25px;
    padding-top: 25px;
}

    .app_links img {
        transition: all 300ms ease-in-out;
    }


        .app_links img:hover {
            transform: scale(1.1);
        }

@media (max-width: 1300px) {

    .section__app2 .app_title {
        font-size: 24px;
    }

    .section__app2 .app_desc {
        font-size: 18px;
    }
}


@media (max-width: 1440px) {


    .section__app2 {
        margin-left: 15px;
        margin-right: 15px;
    }

    html .brands-box-wrap {
        padding-left: 25px;
        padding-right: 25px;
    }


    html .brands-iteams {
        flex-wrap: wrap;
    }
}


@media (max-width: 1200px) {


    .appbox_s2 {
        grid-template-columns: 45% 50%;
    }

    .section__app2 .app_desc {
        font-size: 16px;
    }


    .appbox_s2 {
        padding: 45px;
        gap: 45px;
    }
}


@media (max-width: 900px) {


    .appbox_s2 {
        grid-template-columns: 100%;
        max-width: 680px;
        margin: 50px auto 50px;
    }

    .section__app2 .app_desc {
        font-size: 16px;
    }
}


/* NEWS*/


.articles-card-box .articles-card__poster {
    border-radius: 0;
    margin: 0;
}

.articles-card-box .articles-card__bottom {
    border: 1px solid #eeeeee;
    padding: 25px;
    background: #fff;
    z-index: 7;
}


.articles-card-box .articles-card__title {
    border-top: 1px solid #eeeeee;
    padding-top: 25px;
}


.articles-card-box .btn {
    display: inline-block;
}


.articles-card-date-bottom .articles-card__title {
    border-top: 0;
    padding-top: 0;
}


.articles-card-info-v2 strong {
    font-size: 29px;
    color: #222;
    padding-right: 5px;
    font-weight: normal;
}

.articles-card-info-v2 {
    padding-top: 28px;
    border-top: 1px solid #eeeeee;
    margin-bottom: 0;
}


.aci-post-author {
    padding-left: 15px;
    border-left: 1px solid #eee;
    font-size: 14px;
    margin-top: 8px;
    color: #222;
    margin-left: 6px;
}

    .aci-post-author a {
        color: #777;
        font-size: 14px;
    }


        .aci-post-author a:hover {
            color: #222;
            text-decoration: underline;
        }




@media (max-width: 900px) {

    .main__reviews {
        padding-bottom: 0 !important
    }

    .section-box-ico {
        margin: 80px 0 !important
    }

    .gallery__titling.titling {
        margin-bottom: 0 !important
    }
}




.fl-swiper-button-pagination-right-top {
    left: auto;
    right: 0;
    margin-left: 0px;
    top: 0;
}


.section-about-col2-white {
    background: #fff !important;
}


    .section-about-col2-white .about-2cols {
        padding-bottom: 0;
    }


.main__carbox-white {
    background: #fff !important;
}

.fl-video-iframe {
    width: 90px;
    height: 90px;
    text-align: center;
    white-space: nowrap;
    display: block;
    margin: -45px 0 0 -45px;
    text-align: center;
    padding: 31px;
    border-radius: 100px;
    font-size: 22px;
    font-weight: normal;
    text-decoration: none !important;
    color: #ffffff;
    transition: all 300ms ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 21px;
}




.pulsingButton {
    box-shadow: 0 0 0 0 rgba(232, 232, 233, 0.7);
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: all 300ms ease-in-out;
}

.about-col1 {
    position: relative;
}

    .about-col1 img {
        width: 100%;
        height: auto;
    }

.about-col2 {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}


/* Comment-out to have the button continue to pulse on mouseover */

a.pulsingButton:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    color: #ffffff;
}


/* Animation */

@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}


/*CATALOG TABS*/


.section__catalog_tab {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../../images/carbox-bg.png);
    background-color: #f5f5f5;
}


.catalog {
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
    background: #fff6f6
}

@media(max-width: 1320px) {
    .catalog {
        padding-top: calc(60px + 60 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog {
        padding-bottom: calc(60px + 60 * ((100vw - 360px) / 960))
    }
}

.catalog__heading {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media(max-width: 1320px) {
    .catalog__heading {
        margin-bottom: calc(30px + 40 * ((100vw - 360px) / 960))
    }
}

.catalog__inner {
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #fff;
}


.catalog-content {
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .09);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .09);
    width: 100%;
    max-width: 380px;
    min-width: 380px;
    padding-top: 50px;
    padding-right: 60px;
    padding-bottom: 25px;
    padding-left: 50px;
    position: relative;
    z-index: 2;
}

@media(max-width: 1320px) {
    .catalog-content {
        padding-top: calc(30px + 20 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content {
        padding-right: calc(30px + 30 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content {
        padding-bottom: calc(15px + 10 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content {
        padding-left: calc(30px + 20 * ((100vw - 360px) / 960))
    }
}

.catalog-content__item {
    border-bottom: 1px solid #d9d9d9
}

    .catalog-content__item:first-child {
        padding-bottom: 15px;
    }

@media(max-width: 1320px) {
    .catalog-content__item:first-child {
        padding-bottom: calc(20px + 25 * ((100vw - 360px) / 960))
    }
}

.catalog-content__item:last-child {
    border-bottom: unset
}

.catalog-content__item:nth-child(2) .catalog-content__button-icon {
    -webkit-animation: toLeftAnimation 3s infinite;
    animation: toLeftAnimation 3s infinite
}

.catalog-content__item:nth-child(3) .catalog-content__button-icon {
    -webkit-animation: toLeftAnimation 2s infinite;
    animation: toLeftAnimation 2s infinite
}

.catalog-content__item:nth-child(4) .catalog-content__button-icon {
    -webkit-animation: toLeftAnimation 2.5s infinite;
    animation: toLeftAnimation 2.5s infinite
}


.catalog-content ul {
    padding-left: 0;
    margin-left: 0;
}


.catalog-content__title_ {
    font-weight: 600;
    font-size: 23px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    margin-bottom: 0;
}

@media(max-width: 1320px) {
    .catalog-content__title {
        font-size: calc(18px + 4 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content__title {
        line-height: calc(25px + 10 * ((100vw - 360px) / 960))
    }
}

.catalog-content__title {
    font-size: 18px;
    line-height: 32px;
    font-size: 20px;
    color: #222;
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(max-width: 1320px) {
    .catalog-content__button {
        font-size: calc(16px + 4 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content__button {
        line-height: calc(26px + 6 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content__button {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-content__button {
        padding-bottom: calc(15px + 15 * ((100vw - 360px) / 960))
    }
}


.ui-state-active .catalog-content__button-icon {
    background-color: #DD0005;
    ;
}

.catalog-content__button:hover .catalog-content__button-icon {
    background: #DD0005
}

    .catalog-content__button:hover .catalog-content__button-icon path {
        stroke: #fff
    }

.catalog-content__button-icon {
    border-radius: 0px;
    background: #222;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    padding: 7px;
}


.ui-state-active svg {
    transform: rotate(-45deg);
}

.catalog-content__button-icon path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s;
    stroke: #fff
}

.catalog-content__button--active {
    color: #d617aa
}

    .catalog-content__button--active .catalog-content__button-icon {
        background: #d617aa
    }

        .catalog-content__button--active .catalog-content__button-icon path {
            stroke: #fff
        }

.catalog-body {
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
    padding-top: 60px;
    padding-right: 0;
    padding-bottom: 60px;
    padding-left: 0;
    margin-left: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 1320px) {
    .catalog-body {
        padding-top: calc(15px + 45 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-body {
        padding-right: calc(30px + 130 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-body {
        padding-bottom: calc(15px + 45 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-body {
        padding-left: calc(80px + 60 * ((100vw - 360px) / 960))
    }
}

.catalog-body__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 90px;
    display: none
}

@media(max-width: 1320px) {
    .catalog-body__wrapper {
        gap: calc(45px + 45 * ((100vw - 360px) / 960))
    }
}

.catalog-body__wrapper--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog-body__list-link {
    color: #222;
    font-size: 17px;
    line-height: 45px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(max-width: 1320px) {
    .catalog-body__list-link {
        font-size: calc(14px + 3 * ((100vw - 360px) / 960))
    }
}

@media(max-width: 1320px) {
    .catalog-body__list-link {
        line-height: calc(35px + 10 * ((100vw - 360px) / 960))
    }
}

.catalog-body__list-link:hover {
    color: #DD0005;
}

.catalog-body__list {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


    .catalog-body__list .catalog-body__list-item {
        list-style: inside;
    }


/* browse vehicle brand */


.section__browse_vehicle_brands {
    padding-top: 110px;
    padding-bottom: 110px;
}


    .section__browse_vehicle_brands .titling__text {
        max-width: 615px;
        padding-bottom: 80px;
    }

.brands-grid {
    display: grid;
    position: relative;
}


.brands-grid_3col {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    padding-bottom: 20px;
}

.brands-grid_2col {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}

.brands-grid-iteam {
    position: relative;
    width: 100%;
    overflow: hidden;
}


    .brands-grid-iteam:hover:after {
        left: -120px;
    }

    .brands-grid-iteam:after {
        background: #fff;
        opacity: 0.15;
        content: "";
        position: absolute;
        left: -420px;
        top: 0;
        width: 250px;
        height: 100%;
        z-index: 7;
        transform: skewX(21deg);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .brands-grid-iteam img {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: auto;
    }

.brands-grid span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 20px;
    text-transform: capitalize;
}


    .brands-grid span svg {
        max-width: 33px;
        position: relative;
        top: -2px;
        margin-right: 7px;
    }


.brands-grid-iteam:hover img {
    transform: scale(1.05);
}


@media(max-width: 600px) {

    .brands-grid_3col {
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 0;
    }

    .brands-grid_2col {
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 0;
    }

    .brands-grid-iteam {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }


        .brands-grid-iteam img {
            width: 100%;
            height: auto;
        }
}

/* 2 COLORS BOX*/


@media (min-width: 1100px) {


    .bgcol_2-icons {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 0;
        display: grid;
        max-width: 1700px;
        margin: 0 auto;
    }
}

@media (max-width: 1320px) {

    .bgcol_2-icons h5 {
        font-size: 24px !important;
    }

    .bgcol-icon {
        padding: 50px;
        gap: 50px;
    }


    .bgcol-icon_box {
        width: 200px !important;
    }
}


.bgcol-icon {
    padding: 90px;
    display: flex;
    gap: 60px;
    position: relative;
}


@media(max-width: 800px) {
    .bgcol_2-icons {
        grid-template-columns: repeat(1, 1fr);
    }

    .bgcol-icon {
        flex-direction: column;
    }


    .bgcol-icon_box {
        width: 100%;
        max-width: 120px;
    }
}


.bgcol-icon:first-child {
    background: #F4F3FB;
}


.bgcol-icon:last-child {
    background: #FCFAEE;
}


.bgcol_2-icons h5 {
    color: #222;
    font-size: 34px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.4;
    margin-bottom: 20px;
    max-width: 300px;
}


.bgcol_2-icons p {
    font-size: 15px;
    line-height: 24px;
}


.bgcol_2-icons .btn-action {
    padding-top: 25px;
}

.bgcol-icon_content {
    max-width: 1200px;
    margin: 0 auto;
}


.bgcol-icon_box {
    width: 300px;
}


/*TEAM*/

.section__team.section-all-padding {
    padding-bottom: 80px;
}


.section__team .titling__text {
    max-width: 615px;
    padding-bottom: 80px;
}

.km-drivers {
    margin-bottom: 120px
}

@media(max-width: 1320px) {
    .km-drivers {
        margin-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

.km-drivers .km-titling {
    max-width: 615px;
    margin-bottom: 70px
}

@media(max-width: 1320px) {
    .km-drivers .km-titling {
        margin-bottom: calc(35px + 35 * ((100vw - 375px) / 945))
    }
}

.km-drivers__wrapper {
    position: relative
}

    .km-drivers__wrapper::before {
        content: "";
        position: absolute;
        left: -470px;
        top: 125px;
        width: 275px;
        height: 297px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-drivers-bg.svg)
    }

    .km-drivers__wrapper::after {
        content: "";
        position: absolute;
        right: 71px;
        top: 67px;
        width: 96px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-drivers-taxi-checkers.svg)
    }

.km-drivers__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px
}

@media(max-width: 1320px) {
    .km-drivers__inner {
        gap: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-drivers-card {
    -webkit-box-shadow: 6px 2px 12px -7px rgba(0, 0, 0, .1);
    box-shadow: 6px 2px 12px -7px rgba(0, 0, 0, .1);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .1);
}

    .km-drivers-card:hover .km-drivers-card__inner {
        background: #F4F3FB;
    }


    .km-drivers-card:hover .km-socials {
        opacity: 1
    }

.km-drivers-card__inner {
    border-radius: 2px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 33px;
    padding-left: 30px
}

@media(max-width: 1320px) {
    .km-drivers-card__inner {
        padding-top: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card__inner {
        padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card__inner {
        padding-bottom: calc(15px + 18 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card__inner {
        padding-left: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-drivers-card__title {
    color: #222;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 33px
}

@media(max-width: 1320px) {
    .km-drivers-card__title {
        margin-bottom: calc(2px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card__title {
        line-height: calc(24px + 9 * ((100vw - 375px) / 945))
    }
}

.km-drivers-card__text {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin: 0;
}

.km-drivers-card-poster {
    position: relative;
    width: 100%;
    height: 300px
}

@media(max-width: 1320px) {
    .km-drivers-card-poster {
        height: calc(200px + 100 * ((100vw - 375px) / 945))
    }
}

.km-drivers-card-poster__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.km-drivers-card-poster .km-socials {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    top: 30px;
    right: 30px
}

@media(max-width: 1320px) {
    .km-drivers-card-poster .km-socials {
        top: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-drivers-card-poster .km-socials {
        right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-drivers-card-poster .km-socials__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}

.km-drivers-card-poster .km-socials__list-link {
    background: #DD0005;
    border: 1px solid rgba(0, 0, 0, 0);
    width: 28px;
    height: 28px
}

    .km-drivers-card-poster .km-socials__list-link:hover {
        border: 1px solid #fff
    }

    .km-drivers-card-poster .km-socials__list-link svg {
        width: 10px;
        height: 10px
    }

        .km-drivers-card-poster .km-socials__list-link svg path {
            fill: #fff;
            fill-opacity: 1
        }


.km-sections-wrapper {
    overflow: hidden;
    position: relative
}

@media(min-width: 1500px) {
    .km-sections-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 1343px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-sections-wrapper-left-bg.svg);
        z-index: 10
    }
}

.wrkm-apper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.km-footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.km-logo {
    position: relative;
    z-index: 1
}

.km-logo__img {
    width: 185px;
    height: auto;
}

@media(max-width: 1320px) {
    .km-logo__img {
        width: calc(140px + 45 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-logo__img {
        height: calc(36px + 4 * ((100vw - 375px) / 945))
    }
}

.km-btn {
    color: #222;
    text-align: center;
    font-weight: 300;
    letter-spacing: .8px;
    text-transform: uppercase;
    background: #DD0005;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: background .3s, border .3s, color .3s;
    -o-transition: background .3s, border .3s, color .3s;
    transition: background .3s, border .3s, color .3s;
    position: relative;
    padding: 20px 36px 20px 36px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

@media(max-width: 1320px) {
    .km-btn {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-btn {
        line-height: calc(16px + 2 * ((100vw - 375px) / 945))
    }
}


.car-card__link.km-btn span:nth-child(2) {
    background: #222;
}

.km-btn span:nth-child(2) {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    background: #222;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    -webkit-transition: right .3s, background .3s;
    -o-transition: right .3s, background .3s;
    transition: right .3s, background .3s
}

    .km-btn span:nth-child(2) svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: relative;
        top: 2px;
    }

        .km-btn span:nth-child(2) svg path {
            fill: #fff;
            -webkit-transition: fill .3s;
            -o-transition: fill .3s;
            transition: fill .3s
        }

.km-btn:hover {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #DD0005;
    color: #DD0005
}

    .km-btn:hover span:nth-child(2) {
        right: -10px
    }

.km-titling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.km-titling__suptext {
    color: #DD0005;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 9px;
    margin-bottom: 15px;
    position: relative
}

@media(max-width: 1320px) {
    .km-titling__suptext {
        font-size: calc(16px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__suptext {
        line-height: calc(18px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__suptext {
        padding-bottom: calc(6px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__suptext {
        margin-bottom: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

.km-titling__suptext span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

    .km-titling__suptext span::before {
        content: "";
        width: 10px;
        height: 1px;
        display: block;
        background: #777
    }

    .km-titling__suptext span::after {
        content: "";
        width: 40px;
        height: 1px;
        display: block;
        background: #777
    }

.km-titling__title {
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 53px;
    margin-bottom: 20px;
}

@media(max-width: 1320px) {
    .km-titling__title {
        font-size: calc(36px + 12 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__title {
        line-height: calc(44px + 26 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__title {
        margin-bottom: calc(15px + 5 * ((100vw - 375px) / 945))
    }
}

.km-titling__text {
    font-size: 16px;
    line-height: 29px;
    margin-top: 0;
    margin-bottom: 0;
}

.km-titling__text-white {
    color: #fff;
    opacity: 0.7;
}

@media(max-width: 1320px) {
    .km-titling__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-titling__text {
        line-height: calc(22px + 7 * ((100vw - 375px) / 945))
    }
}

.km-titling__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px;
    row-gap: 15px !important
}

@media(max-width: 1320px) {
    .km-titling__inner {
        gap: calc(30px + 20 * ((100vw - 375px) / 945))
    }
}

.km-titling--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

    .km-titling--centered .km-titling__suptext span {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.km-socials__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media(max-width: 1320px) {
    .km-socials__list {
        gap: calc(8px + 4 * ((100vw - 375px) / 945))
    }
}

.km-socials__list-link {
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #777;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    width: 38px;
    height: 38px
}

@media(max-width: 1320px) {
    .km-socials__list-link {
        width: calc(32px + 6 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-socials__list-link {
        height: calc(32px + 6 * ((100vw - 375px) / 945))
    }
}

.km-socials__list-link svg {
    width: 14px;
    height: 14px
}

@media(max-width: 1320px) {
    .km-socials__list-link svg {
        width: calc(12px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-socials__list-link svg {
        height: calc(12px + 2 * ((100vw - 375px) / 945))
    }
}

.km-socials__list-link svg path {
    -webkit-transition: fill .3s, fill-opacity .3s;
    -o-transition: fill .3s, fill-opacity .3s;
    transition: fill .3s, fill-opacity .3s
}

.km-socials__list-link:hover {
    border: 1px solid #fff
}

    .km-socials__list-link:hover svg path {
        fill-opacity: 1;
        fill: #fff
    }

.km-header-mobile {
    display: none
}

.km-header-top {
    padding: 20px 0;
    background: #222
}

.km-header-top__text {
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.km-header-top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.km-header-top__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.km-header-top__links-link {
    color: #fff;
    font-size: 13px;
    line-height: 19.5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .km-header-top__links-link:hover {
        color: #DD0005
    }

.lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    position: relative;
    cursor: pointer
}

    .lang:hover .lang__list {
        opacity: 1;
        z-index: 1
    }

    .lang:hover .lang-current__text {
        color: #222
    }

    .lang:hover .lang-current__arrow {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.lang__list {
    position: absolute;
    opacity: 0;
    right: 33px;
    top: 20px;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.lang__list-link {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .lang__list-link:hover {
        color: #222
    }

.lang::after {
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    background: #222
}

.lang-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px
}

.lang-current__text {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.lang-current__arrow {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.entrance {
    color: #777;
    font-size: 13px;
    line-height: 19px
}

.entrance__link {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .entrance__link:hover {
        color: #222
    }

.km-header-content {
    position: relative
}

    .km-header-content::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../../images/km-header-squeres.svg);
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .15
    }

.km-header-content__inner {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 45px;
    position: relative
}

    .km-header-content__inner::before {
        content: "";
        width: 500%;
        background: #DD0005;
        left: calc(-500% + 292px);
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%)
    }

.km-header-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px
}

.km-burger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    width: 30px;
    height: 20px
}

    .km-burger span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000
    }

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

@media(max-width: 1220px) {
    .menu-list {
        gap: 20px
    }
}

.menu-list__item--inner {
    position: relative;
    z-index: 100
}

    .menu-list__item--inner:hover .menu-sublist {
        z-index: 1;
        opacity: 100
    }

    .menu-list__item--inner:hover .menu-list__text {
        color: #DD0005
    }

        .menu-list__item--inner:hover .menu-list__text svg {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.menu-list__link {
    color: #222;
    font-size: 1px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .menu-list__link:hover {
        color: #DD0005
    }

.menu-list__text {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .menu-list__text svg {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

.menu-sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    top: 30px;
    position: absolute;
    opacity: 0;
    z-index: 88;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

    .menu-sublist:after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        top: -10px;
        left: 30px;
        position: absolute;
    }


    .menu-sublist::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: -10px;
        height: 10px;
        left: 0;
        right: 0;
        opacity: 0;
        background: #000
    }

.menu-sublist__item {
    padding-bottom: 10px
}

.menu-sublist__link {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

    .menu-sublist__link:hover {
        color: #DD0005
    }

.km-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

@media(max-width: 1320px) {
    .km-call {
        gap: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

.km-call__icon {
    background: #DD0005;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px
}

@media(max-width: 1320px) {
    .km-call__icon {
        width: calc(38px + 12 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-call__icon {
        height: calc(38px + 12 * ((100vw - 375px) / 945))
    }
}

.km-call__icon svg {
    width: 22px;
    height: 22px
}

@media(max-width: 1320px) {
    .km-call__icon svg {
        width: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-call__icon svg {
        height: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

.km-call__box-text {
    color: #777;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 5px
}

.km-call__box-link {
    color: #222;
    font-weight: 500;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    line-height: 24px
}

@media(max-width: 1320px) {
    .km-call__box-link {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-call__box-link {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

.km-call__box-link:hover {
    color: #DD0005
}

.km-offer {
    padding-top: 120px;
    margin-bottom: 140px
}

@media(max-width: 1320px) {
    .km-offer {
        margin-bottom: calc(70px + 70 * ((100vw - 375px) / 945))
    }
}

.km-offer .km-titling {
    max-width: 615px;
    margin-bottom: 70px
}

@media(max-width: 1320px) {
    .km-offer .km-titling {
        margin-bottom: calc(35px + 35 * ((100vw - 375px) / 945))
    }
}

.km-offer__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1320px) {
    .km-offer__inner {
        gap: calc(30px + 10 * ((100vw - 375px) / 945))
    }
}

.km-offer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-top: 58px;
    padding-right: 30px;
    padding-bottom: 68px;
    padding-left: 30px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: relative;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
}

@media(max-width: 1320px) {
    .km-offer-item {
        padding-top: calc(25px + 33 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item {
        padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item {
        padding-bottom: calc(35px + 33 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item {
        padding-left: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-offer-item:hover {
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .15);
}


    .km-offer-item:hover .km-offer-item__arrow {
        opacity: 1
    }

.km-offer-item__icon {
    width: 128px;
    height: 128px;
    margin-bottom: 38px
}

@media(max-width: 1320px) {
    .km-offer-item__icon {
        width: calc(88px + 40 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__icon {
        height: calc(88px + 40 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__icon {
        margin-bottom: calc(20px + 18 * ((100vw - 375px) / 945))
    }
}

.km-offer-item__icon-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.km-offer-item__title {
    color: #222;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 25px
}

@media(max-width: 1320px) {
    .km-offer-item__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__title {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__title {
        margin-bottom: calc(15px + 10 * ((100vw - 375px) / 945))
    }
}

.km-offer-item__text {
    color: #777;
    max-width: 300px;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1320px) {
    .km-offer-item__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 945))
    }
}

.km-offer-item__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #222;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    width: 80px;
    height: 35px;
    bottom: -18px
}

@media(max-width: 1320px) {
    .km-offer-item__arrow {
        width: calc(60px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__arrow {
        height: calc(30px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-offer-item__arrow {
        bottom: calc(-15px + -3 * ((100vw - 375px) / 945))
    }
}

.km-offer-item__arrow svg path {
    fill: #DD0005
}

.km-cars {
    background: #f7f7f7;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: 120px
}

@media(max-width: 1320px) {
    .km-cars {
        padding-top: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-cars {
        padding-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-cars {
        margin-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

.km-cars__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -205px 0 -205px;
    position: relative;
    gap: 60px
}

@media(max-width: 1320px) {
    .km-cars__inner {
        gap: calc(30px + 30 * ((100vw - 375px) / 945))
    }
}

.km-cars__inner::before {
    content: "";
    position: absolute;
    left: -273px;
    bottom: -120px;
    width: 275px;
    height: 297px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-cars-bg.svg)
}

.km-cars .km-titling {
    max-width: 400px;
    position: relative
}

    .km-cars .km-titling::after {
        content: "";
        position: absolute;
        width: 210px;
        height: 20px;
        bottom: -110px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-cars-taxi-checkers.svg)
    }

.km-cars .km-titling__text {
    margin-bottom: 60px
}

@media(max-width: 1320px) {
    .km-cars .km-titling__text {
        margin-bottom: calc(30px + 30 * ((100vw - 375px) / 945))
    }
}

.km-cars__link {
    display: none
}

.km-cars-swiper {
    max-width: 1210px;
    padding-bottom: 65px;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
    padding-left: 15px
}

@media(max-width: 1320px) {
    .km-cars-swiper {
        padding-bottom: calc(40px + 25 * ((100vw - 375px) / 945))
    }
}

.km-cars-swiper .swiper-pagination {
    bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.km-cars-swiper .swiper-pagination-bullet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 1;
    width: 10px;
    border-radius: unset;
    -webkit-transition: width .3s, background .3s;
    -o-transition: width .3s, background .3s;
    transition: width .3s, background .3s;
    background: #d9d9d9
}

    .km-cars-swiper .swiper-pagination-bullet:hover {
        background: #222
    }

.km-cars-swiper .swiper-pagination-bullet-active {
    width: 26px;
    background: #222
}

.car-card {
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .1)
}

.car-card__title {
    color: #fff;
    text-align: center;
    font-weight: 500;
    background: #222;
    padding: 16px;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0;
}

@media(max-width: 1320px) {
    .car-card__title {
        padding: calc(13px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card__title {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

.car-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    background: #eee;
    color: #222
}

    .car-card__link span:nth-child(2) {
        background: #DD0005
    }

    .car-card__link:not(.km-btn):hover {
        background: #DD0005;
        border: 1px solid rgba(0, 0, 0, 0);
        color: #222
    }

    .car-card__link:hover span:nth-child(2) {
        background: #222
    }

.car-card__inner {
    background: #fff;
    padding-top: 32px;
    padding-right: 28px;
    padding-bottom: 40px;
    padding-left: 28px
}

@media(max-width: 1320px) {
    .car-card__inner {
        padding-top: calc(25px + 7 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card__inner {
        padding-right: calc(15px + 13 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card__inner {
        padding-bottom: calc(25px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card__inner {
        padding-left: calc(15px + 13 * ((100vw - 375px) / 945))
    }
}

.car-card-poster {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    height: 240px
}

@media(max-width: 1320px) {
    .car-card-poster {
        height: calc(200px + 40 * ((100vw - 375px) / 945))
    }
}

.car-card-poster__price {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 106px;
    height: 44px;
    padding-right: 18px;
    right: 0;
    top: 0
}

@media(max-width: 1320px) {
    .car-card-poster__price {
        width: calc(90px + 16 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card-poster__price {
        height: calc(38px + 6 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card-poster__price {
        padding-right: calc(14px + 4 * ((100vw - 375px) / 945))
    }
}

.car-card-poster__price::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #DD0005;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0
}

.car-card-poster__price-text {
    position: relative;
    z-index: 1;
    color: #222;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    letter-spacing: 1px;
}

@media(max-width: 1320px) {
    .car-card-poster__price-text {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card-poster__price-text {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

.car-card-poster__price-text span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.car-card-poster__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.car-card-list {
    margin-bottom: 53px;
    margin-left: 0;
    padding-left: 0;
}

@media(max-width: 1320px) {
    .car-card-list {
        margin-bottom: calc(25px + 28 * ((100vw - 375px) / 945))
    }
}

.car-card-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.car-card-list-box__icon svg {
    max-width: 20px;
}

    .car-card-list-box__icon svg * {
        fill: #222 !important;
        opacity: 0.5;
    }

.car-card-list__text {
    color: #777;
    width: 60px;
    min-width: 60px;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
}

@media(max-width: 1320px) {
    .car-card-list__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card-list__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 945))
    }
}

.car-card-list__line {
    width: 100%;
    background: #d9d9d9;
    height: 1px
}

.car-card-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 95px;
    min-width: 95px;
}

.car-card-list-box__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    text-align: center;
}

.car-card-list-box__text {
    color: #222;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

@media(max-width: 1320px) {
    .car-card-list-box__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .car-card-list-box__text {
        line-height: calc(16px + 2 * ((100vw - 375px) / 945))
    }
}

.km-about {
    margin-bottom: 120px
}

@media(max-width: 1320px) {
    .km-about {
        margin-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

.km-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.km-about-images {
    position: relative
}

    .km-about-images::after {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-about-taxi-checkers.svg);
        position: absolute;
        top: 156px;
        right: -71px;
        display: block;
        width: 16px;
        height: 96px
    }

.km-about-images__img {
    position: relative
}

    .km-about-images__img:nth-child(1) {
        width: 520px;
        height: 564px
    }

        .km-about-images__img:nth-child(1)::before {
            content: "";
            height: 100%;
            width: 100px;
            -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 0% 100%);
            background: #fff;
            position: absolute;
            left: 0;
            top: 0
        }

@media(max-width: 1320px) {
    .km-about-images__img:nth-child(1)::before {
        width: calc(65px + 35 * ((100vw - 375px) / 945))
    }
}

.km-about-images__img:nth-child(2) {
    width: 291px;
    height: 235px;
    position: absolute;
    bottom: -50px;
    right: -100px
}

    .km-about-images__img:nth-child(2)::after {
        content: "";
        width: 75px;
        height: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        background: #fff;
        position: absolute;
        right: 0;
        top: 0
    }

@media(max-width: 1320px) {
    .km-about-images__img:nth-child(2)::after {
        width: calc(45px + 30 * ((100vw - 375px) / 945))
    }
}

.km-about-images__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.km-about-body {
    max-width: 585px;
    margin-right: 13px;
    width: 100%
}

    .km-about-body .km-titling {
        max-width: 550px;
        margin-bottom: 40px
    }

@media(max-width: 1320px) {
    .km-about-body .km-titling {
        margin-bottom: calc(30px + 10 * ((100vw - 375px) / 945))
    }
}

.km-about-body .km-titling__title {
    margin-bottom: 25px
}

@media(max-width: 1320px) {
    .km-about-body .km-titling__title {
        margin-bottom: calc(15px + 10 * ((100vw - 375px) / 945))
    }
}

.km-about-body .km-about-images {
    display: none
}

.km-about-body-list {
    margin-bottom: 48px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 40px;
    position: relative;
    gap: 20px
}

@media(max-width: 1320px) {
    .km-about-body-list {
        margin-bottom: calc(25px + 23 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list {
        padding: calc(20px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list {
        gap: calc(15px + 5 * ((100vw - 375px) / 945))
    }
}

.km-about-body-list::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 2px;
    background: #777
}

.km-about-body-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #222;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    gap: 14px
}

@media(max-width: 1320px) {
    .km-about-body-list__item {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item {
        line-height: calc(24px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item {
        gap: calc(10px + 4 * ((100vw - 375px) / 945))
    }
}

.km-about-body-list__item::before {
    content: "";
    background-image: url(../../images/km-tick-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 13px;
    min-width: 20px;
    min-height: 13px;
    margin-top: 10px
}

@media(max-width: 1320px) {
    .km-about-body-list__item::before {
        width: calc(17px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item::before {
        height: calc(10px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item::before {
        min-width: calc(17px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item::before {
        min-height: calc(10px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-about-body-list__item::before {
        margin-top: calc(7px + 3 * ((100vw - 375px) / 945))
    }
}

.km-about-body-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: 85px
}

@media(max-width: 1320px) {
    .km-about-body-bottom {
        gap: calc(30px + 55 * ((100vw - 375px) / 945))
    }
}

.km-about-body-bottom .km-call__icon {
    background: #eee
}

    .km-about-body-bottom .km-call__icon svg path {
        stroke: #222
    }

.km-plans {
    margin-bottom: 170px
}

@media(max-width: 1320px) {
    .km-plans {
        margin-bottom: calc(85px + 85 * ((100vw - 375px) / 945))
    }
}

.km-plans .km-titling {
    max-width: 615px;
    margin-bottom: 70px
}

@media(max-width: 1320px) {
    .km-plans .km-titling {
        margin-bottom: calc(35px + 35 * ((100vw - 375px) / 945))
    }
}

.km-plans__inner {
    display: -ms-grid;
    display: grid;
    gap: 30px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 1320px) {
    .km-plans__inner {
        gap: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-plans-card {
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding-top: 45px;
    padding-right: 30px;
    padding-bottom: 45px;
    padding-left: 30px;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    -o-transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s;
    transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s
}

@media(max-width: 1320px) {
    .km-plans-card {
        padding-top: calc(25px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card {
        padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card {
        padding-bottom: calc(25px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card {
        padding-left: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-plans-card:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1)
}

.km-plans-card__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 245px 1fr;
    grid-template-columns: 245px 1fr;
    gap: 35px;
    height: 100%
}

@media(max-width: 1320px) {
    .km-plans-card__inner {
        gap: calc(20px + 15 * ((100vw - 375px) / 945))
    }
}

.km-plans-card__img {
    width: 100%;
    height: 100%;
    min-height: 270px
}

@media(max-width: 1320px) {
    .km-plans-card__img {
        min-height: calc(200px + 70 * ((100vw - 375px) / 945))
    }
}

.km-plans-card__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.km-plans-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.km-plans-card__title {
    color: #222;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 13px
}

@media(max-width: 1320px) {
    .km-plans-card__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card__title {
        line-height: calc(24px + 9 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card__title {
        margin-bottom: calc(10px + 3 * ((100vw - 375px) / 945))
    }
}

.km-plans-card__text {
    color: #DD0005;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 0;
}

@media(max-width: 1320px) {
    .km-plans-card__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card__text {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-plans-card__text {
        margin-bottom: calc(15px + 9 * ((100vw - 375px) / 945))
    }
}

.km-plans-card__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

@media(max-width: 1320px) {
    .km-plans-card__list {
        margin-bottom: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-plans-card__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    color: #777;
    font-size: 13px;
    line-height: 30px
}

    .km-plans-card__list-item::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #777;
        display: block;
        border-radius: 100%;
        margin-top: 14px
    }

.km-plans-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #222
}

    .km-plans-card__link span:nth-child(2) {
        background: #fff
    }

        .km-plans-card__link span:nth-child(2) svg path {
            fill: #222
        }

    .km-plans-card__link:hover span:nth-child(2) {
        background: #222
    }

        .km-plans-card__link:hover span:nth-child(2) svg path {
            fill: #fff
        }

.km-app {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 165px
}

@media(max-width: 1320px) {
    .km-app {
        margin-bottom: calc(80px + 85 * ((100vw - 375px) / 945))
    }
}

.km-app__inner {
    position: relative;
    padding-top: 110px;
    padding-bottom: 110px
}

@media(max-width: 1320px) {
    .km-app__inner {
        padding-top: calc(55px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app__inner {
        padding-bottom: calc(55px + 55 * ((100vw - 375px) / 945))
    }
}

.km-app-body {
    max-width: 640px
}

    .km-app-body .km-titling {
        margin-bottom: 40px
    }

@media(max-width: 1320px) {
    .km-app-body .km-titling {
        margin-bottom: calc(20px + 20 * ((100vw - 375px) / 945))
    }
}

.km-app-body .km-titling__title {
    color: #fff;
    margin-bottom: 25px
}

@media(max-width: 1320px) {
    .km-app-body .km-titling__title {
        margin-bottom: calc(15px + 10 * ((100vw - 375px) / 945))
    }
}

.km-app-body .km-titling__text {
    max-width: 616px
}

.km-app-body__list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 68px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1320px) {
    .km-app-body__list {
        gap: calc(15px + 17 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__list {
        margin-bottom: calc(35px + 33 * ((100vw - 375px) / 945))
    }
}

.km-app-body__list-item {
    color: #fff;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 1320px) {
    .km-app-body__list-item {
        gap: calc(6px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__list-item {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__list-item {
        line-height: calc(22px + 2 * ((100vw - 375px) / 945))
    }
}

.km-app-body__list-item::before {
    content: "";
    width: 21px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-checkbox-icon.svg)
}

@media(max-width: 1320px) {
    .km-app-body__list-item::before {
        width: calc(18px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__list-item::before {
        height: calc(17px + 12 * ((100vw - 375px) / 945))
    }
}

.km-app-body__img {
    position: absolute;
    -webkit-filter: drop-shadow(-4px -9px 7px rgba(0, 0, 0, 0.08)) drop-shadow(1px 4px 24px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(-4px -9px 7px rgba(0, 0, 0, 0.08)) drop-shadow(1px 4px 24px rgba(0, 0, 0, 0.15));
    top: -50px;
    width: 390px;
    height: 750px;
    right: 30px
}

@media(max-width: 1320px) {
    .km-app-body__img {
        width: calc(250px + 140 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__img {
        height: calc(400px + 350 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-app-body__img {
        right: calc(0px + 30 * ((100vw - 375px) / 945))
    }
}

.km-app-body__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.km-markets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px
}

@media(max-width: 1320px) {
    .km-markets {
        gap: calc(15px + 10 * ((100vw - 375px) / 945))
    }
}

.km-markets-link {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    padding-top: 18px;
    padding-right: 46px;
    padding-bottom: 21px;
    padding-left: 36px
}

@media(max-width: 1320px) {
    .km-markets-link {
        padding-top: calc(15px + 3 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link {
        padding-right: calc(15px + 31 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link {
        padding-bottom: calc(15px + 6 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link {
        padding-left: calc(15px + 21 * ((100vw - 375px) / 945))
    }
}

.km-markets-link:nth-child(1) svg {
    width: 49px;
    height: 60px
}

@media(max-width: 1320px) {
    .km-markets-link:nth-child(1) svg {
        width: calc(34px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link:nth-child(1) svg {
        height: calc(40px + 20 * ((100vw - 375px) / 945))
    }
}

.km-markets-link:nth-child(2) svg {
    width: 54px;
    height: 60px
}

@media(max-width: 1320px) {
    .km-markets-link:nth-child(2) svg {
        width: calc(34px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link:nth-child(2) svg {
        height: calc(40px + 20 * ((100vw - 375px) / 945))
    }
}

.km-markets-link:hover {
    background: #DD0005
}

.km-markets-link__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.km-markets-link__box-text {
    color: #777;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 2px
}

.km-markets-link__box-subtext {
    color: #222;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

@media(max-width: 1320px) {
    .km-markets-link__box-subtext {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-markets-link__box-subtext {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

.km-rcslide {
    position: relative;
    background: #f7f7f7;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-bottom: 120px
}

@media(max-width: 1320px) {
    .km-rcslide {
        padding-top: calc(55px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide {
        padding-bottom: calc(55px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide {
        margin-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

.km-rcslide::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    width: 1410px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-cars-taxi-checkers.svg)
}

.km-rcslide .km-titling {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 55px
}

@media(max-width: 1320px) {
    .km-rcslide .km-titling {
        gap: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide .km-titling {
        margin-bottom: calc(25px + 30 * ((100vw - 375px) / 945))
    }
}

.km-rcslide .km-titling__title {
    margin-bottom: 0
}

.km-rcslide .km-titling__text {
    max-width: 505px;
    line-height: 27px;
}

.km-rcslide-swiper {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 80px
}

@media(max-width: 1320px) {
    .km-rcslide-swiper {
        padding-bottom: calc(50px + 30 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-swiper .swiper-pagination {
    bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.km-rcslide-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #d7d7d7;
    opacity: 1;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

    .km-rcslide-swiper .swiper-pagination-bullet:hover {
        background: #DD0005
    }

.km-rcslide-swiper .swiper-pagination-bullet-active {
    background: #DD0005
}

.km-rcslide-slide {
    border-radius: 2px;
    background: #fff;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    padding-top: 55px;
    padding-right: 30px;
    padding-bottom: 55px;
    padding-left: 30px
}

@media(max-width: 1320px) {
    .km-rcslide-slide {
        padding-top: calc(25px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide {
        padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide {
        padding-bottom: calc(25px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide {
        padding-left: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide:hover {
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .1)
}

.km-rcslide-slide__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%
}

.km-rcslide-slide__text {
    max-width: 520px;
    color: #777;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 30px;
    margin-top: 0;
}

@media(max-width: 1320px) {
    .km-rcslide-slide__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide__text {
        line-height: calc(20px + 9 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide__text {
        margin-bottom: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide__box-text {
    color: #222;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

@media(max-width: 1320px) {
    .km-rcslide-slide__box-text {
        font-size: calc(16px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide__box-text {
        line-height: calc(20px + 10 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide__box-subtext {
    color: #777;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

.km-rcslide-slide-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top {
        margin-bottom: calc(20px + 20 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide-top svg {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: -57px;
    width: 32px;
    height: 32px
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top svg {
        right: calc(-40px + -17 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top svg {
        width: calc(24px + 8 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top svg {
        height: calc(24px + 8 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide-top__img {
    border-radius: 100%;
    border: 4px solid #DD0005;
    overflow: hidden;
    width: 80px;
    height: 80px
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top__img {
        width: calc(55px + 25 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-rcslide-slide-top__img {
        height: calc(55px + 25 * ((100vw - 375px) / 945))
    }
}

.km-rcslide-slide-top__img-image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.km-articles {
    padding-bottom: 110px
}

@media(max-width: 1320px) {
    .km-articles {
        padding-bottom: calc(60px + 50 * ((100vw - 375px) / 945))
    }
}

.km-articles .km-titling {
    max-width: 615px;
    margin-bottom: 70px
}

@media(max-width: 1320px) {
    .km-articles .km-titling {
        margin-bottom: calc(35px + 35 * ((100vw - 375px) / 945))
    }
}

.km-articles .km-titling__title {
    margin-bottom: 25px
}

.km-articles__inner {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px
}

@media(max-width: 1320px) {
    .km-articles__inner {
        gap: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

.km-articles__bg {
    position: absolute;
    left: -345px;
    bottom: -36px
}

.km-articles-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    height: 100%
}

    .km-articles-card:hover {
        -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
        box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1)
    }

        .km-articles-card:hover .km-articles-card__inner {
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .km-articles-card:hover .km-articles-card__link {
            background: unset;
            border: unset;
            color: #222
        }

            .km-articles-card:hover .km-articles-card__link span:nth-child(2) {
                background: #DD0005
            }

.km-articles-card__poster {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    width: 100%;
    height: 230px
}

@media(max-width: 1320px) {
    .km-articles-card__poster {
        height: calc(200px + 30 * ((100vw - 375px) / 945))
    }
}

.km-articles-card__inner {
    border-radius: 0 0 4px 4px;
    border: 1px solid #d9d9d9;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    padding-top: 45px;
    padding-right: 45px;
    padding-bottom: 45px;
    padding-left: 45px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media(max-width: 1320px) {
    .km-articles-card__inner {
        padding-top: calc(25px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__inner {
        padding-right: calc(15px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__inner {
        padding-bottom: calc(25px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__inner {
        padding-left: calc(15px + 30 * ((100vw - 375px) / 945))
    }
}

.km-articles-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.km-articles-card__title {
    color: #222;
    font-weight: 500;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 12px
}

@media(max-width: 1320px) {
    .km-articles-card__title {
        font-size: calc(20px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__title {
        line-height: calc(24px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__title {
        margin-bottom: calc(10px + 2 * ((100vw - 375px) / 945))
    }
}

.km-articles-card__text {
    color: #777;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px
}

@media(max-width: 1320px) {
    .km-articles-card__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__text {
        line-height: calc(24px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card__text {
        margin-bottom: calc(20px + 10 * ((100vw - 375px) / 945))
    }
}

.km-articles-card__link {
    padding: 0;
    background: unset;
    border: unset;
    color: #DD0005;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    background: transparent !important;
}

@media(max-width: 1320px) {
    .km-articles-card__link {
        gap: calc(10px + 2 * ((100vw - 375px) / 945))
    }
}

.km-articles-card__link span:nth-child(2) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: unset
}

.km-articles-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    margin-bottom: 20px
}

@media(max-width: 1320px) {
    .km-articles-card-info {
        gap: calc(15px + 7 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-articles-card-info {
        margin-bottom: calc(15px + 5 * ((100vw - 375px) / 945))
    }
}

.km-articles-card-info__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media(max-width: 1320px) {
    .km-articles-card-info__box {
        gap: calc(10px + 2 * ((100vw - 375px) / 945))
    }
}

.km-articles-card-info__box svg {
    width: 16px;
    height: 16px
}

.km-articles-card-info__box-text {
    color: #777;
    font-size: 13px;
    line-height: 19px
}

.km-footer {
    background: #202020;
    padding-top: 70px
}

@media(max-width: 1320px) {
    .km-footer {
        padding-top: calc(50px + 20 * ((100vw - 375px) / 945))
    }
}

.km-footer__inner {
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

@media(max-width: 1320px) {
    .km-footer__inner {
        margin-bottom: calc(50px + 50 * ((100vw - 375px) / 945))
    }
}

.km-footer .km-logo {
    margin-bottom: 55px
}

.km-footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .km-footer__wrapper:nth-child(1) {
        max-width: 331px
    }

        .km-footer__wrapper:nth-child(1) .km-footer__text {
            margin-bottom: 45px
        }

@media(max-width: 1320px) {
    .km-footer__wrapper:nth-child(1) .km-footer__text {
        margin-bottom: calc(30px + 15 * ((100vw - 375px) / 945))
    }
}

.km-footer__wrapper:nth-child(4) {
    max-width: 295px
}

.km-footer__title {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 45px;
    padding-bottom: 15px;
    position: relative
}

@media(max-width: 1320px) {
    .km-footer__title {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__title {
        line-height: calc(24px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__title {
        margin-bottom: calc(15px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__title {
        padding-bottom: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

.km-footer__title span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

    .km-footer__title span::before {
        content: "";
        width: 10px;
        height: 1px;
        display: block;
        background: #DD0005
    }

    .km-footer__title span::after {
        content: "";
        width: 40px;
        height: 1px;
        display: block;
        background: #DD0005
    }

.km-footer__text {
    color: #fff;
    opacity: 0.7;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px
}

@media(max-width: 1320px) {
    .km-footer__text {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__text {
        line-height: calc(26px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__text {
        margin-bottom: calc(20px + 15 * ((100vw - 375px) / 945))
    }
}

.km-footer__copy {
    background: #1a1a1a;
    color: rgba(238, 238, 238, .5);
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1320px) {
    .km-footer__copy {
        padding-top: calc(30px + 10 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__copy {
        padding-bottom: calc(30px + 10 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__copy {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-footer__copy {
        line-height: calc(26px + 2 * ((100vw - 375px) / 945))
    }
}

.km-footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 90px
}

@media(max-width: 1320px) {
    .km-footer-top {
        margin-bottom: calc(45px + 45 * ((100vw - 375px) / 945))
    }
}

.km-contacts {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    border-radius: 2px;
    overflow: hidden
}

.km-contacts-item {
    padding: 40px;
    background: #424242;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    width: 100%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: relative;
    top: -1px;
}

@media(max-width: 1320px) {
    .km-contacts-item {
        padding: calc(15px + 25 * ((100vw - 375px) / 945))
    }
}

.km-contacts-item:nth-child(1) {
    z-index: 1
}

    .km-contacts-item:nth-child(1)::before {
        content: "";
        position: absolute;
        top: 0;
        width: 100px;
        right: -100px;
        height: 100%;
        bottom: 0;
        background: #424242;
        -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
        clip-path: polygon(100% 0, 0 0, 0 100%);
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

@media(max-width: 1320px) {
    .km-contacts-item:nth-child(1)::before {
        width: calc(50px + 50 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-contacts-item:nth-child(1)::before {
        right: calc(-50px + -50 * ((100vw - 375px) / 945))
    }
}

.km-contacts-item:nth-child(3) {
    z-index: 1
}

    .km-contacts-item:nth-child(3)::after {
        content: "";
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
        position: absolute;
        top: 0;
        width: 100px;
        left: -100px;
        height: 100%;
        bottom: 0;
        background: #424242;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

@media(max-width: 1320px) {
    .km-contacts-item:nth-child(3)::after {
        width: calc(50px + 50 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-contacts-item:nth-child(3)::after {
        left: calc(-50px + -50 * ((100vw - 375px) / 945))
    }
}

.km-contacts__item-active {
    background: #DD0005
}

    .km-contacts__item-active .km-contacts-item__icon {
        background: #222
    }

        .km-contacts__item-active .km-contacts-item__icon svg path {
            fill: #fff
        }

    .km-contacts__item-active .km-contacts-item__box-text {
        color: #222
    }

    .km-contacts__item-active .km-contacts-item__box-subtext {
        color: #222
    }

.km-contacts-item__icon {
    background: #DD0005;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px
}

@media(max-width: 1320px) {
    .km-contacts-item__icon {
        width: calc(35px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-contacts-item__icon {
        height: calc(35px + 15 * ((100vw - 375px) / 945))
    }
}

.km-contacts-item__icon svg path {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.km-contacts-item__box-text {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 1px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.km-contacts-item__box-subtext {
    color: #fff;
    font-weight: 500;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    line-height: 33px
}

@media(max-width: 1320px) {
    .km-contacts-item__box-subtext {
        font-size: calc(18px + 4 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-contacts-item__box-subtext {
        line-height: calc(24px + 9 * ((100vw - 375px) / 945))
    }
}

.navigaion__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media(max-width: 1320px) {
    .navigaion__list {
        gap: calc(10px + 2 * ((100vw - 375px) / 945))
    }
}

.navigaion__list-link {
    color: #fff;
    opacity: 0.7;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1320px) {
    .navigaion__list-link {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .navigaion__list-link {
        line-height: calc(26px + 2 * ((100vw - 375px) / 945))
    }
}

.navigaion__list-link:hover {
    color: #fff
}

.navigaion--quick .navigaion__list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1320px) {
    .navigaion--quick .navigaion__list-link {
        gap: calc(10px + 2 * ((100vw - 375px) / 945))
    }
}

.navigaion--quick .navigaion__list-link span:nth-child(1) {
    background: #343434;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    width: 25px;
    height: 25px
}

@media(max-width: 1320px) {
    .navigaion--quick .navigaion__list-link span:nth-child(1) {
        width: calc(20px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .navigaion--quick .navigaion__list-link span:nth-child(1) {
        height: calc(20px + 5 * ((100vw - 375px) / 945))
    }
}

.footer__inner .navigaion--quick .navigaion__list-link span:nth-child(1) svg {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navigaion--quick .navigaion__list-link:hover span:nth-child(1) {
    background: #DD0005
}

.km-contact-form {
    position: relative;
    margin-right: 15px;
    width: 285px
}

.km-contact-form__input {
    border-radius: 2px;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
    width: 100%;
    color: #222
}

    .km-contact-form__input::-webkit-input-placeholder {
        font-size: 13px;
        line-height: 20px;
        color: #777
    }

    .km-contact-form__input::-moz-placeholder {
        font-size: 13px;
        line-height: 20px;
        color: #777
    }

    .km-contact-form__input:-ms-input-placeholder {
        font-size: 13px;
        line-height: 20px;
        color: #777
    }

    .km-contact-form__input::-ms-input-placeholder {
        font-size: 13px;
        line-height: 20px;
        color: #777
    }

    .km-contact-form__input::placeholder {
        font-size: 13px;
        line-height: 20px;
        color: #777
    }

.km-contact-form__arrow {
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: #DD0005;
    z-index: 1
}

.km-heading {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

    .km-heading::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -o-linear-gradient(5deg, rgba(0, 0, 0, 0.75) 39.79%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(85deg, rgba(0, 0, 0, 0.75) 39.79%, rgba(0, 0, 0, 0) 100%)
    }

.km-heading__inner {
    padding-top: 165px;
    padding-bottom: 145px;
    position: relative
}

@media(max-width: 1320px) {
    .km-heading__inner {
        padding-top: calc(80px + 85 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .km-heading__inner {
        padding-bottom: calc(40px + 105 * ((100vw - 375px) / 945))
    }
}

.km-heading__inner::after {
    content: "";
    position: absolute;
    right: -470px;
    top: 35px;
    width: 275px;
    height: 297px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-heading-bg-treangle.svg)
}

.km-heading .km-titling {
    max-width: 800px;
    position: relative;
    z-index: 1
}

    .km-heading .km-titling::before {
        content: "";
        position: absolute;
        width: 110px;
        height: 20px;
        left: 0;
        top: -50px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-heading-taxi-checkers.svg)
    }

.km-heading .km-titling__title {
    color: #fff;
    margin-bottom: 55px
}

@media(max-width: 1320px) {
    .km-heading .km-titling__title {
        margin-bottom: calc(30px + 25 * ((100vw - 375px) / 945))
    }
}

.km-heading .km-titling__link:hover {
    color: #fff
}

.km-heading .km-titling__link:nth-child(1) span:nth-child(2) {
    background: #fff
}

    .km-heading .km-titling__link:nth-child(1) span:nth-child(2) svg path {
        fill: #222
    }

.km-heading .km-titling__link:nth-child(2) {
    background: #fff;
    color: #222
}

    .km-heading .km-titling__link:nth-child(2):hover {
        background: rgba(0, 0, 0, 0);
        color: #fff;
        border: 1px solid #fff
    }

    .km-heading .km-titling__link:nth-child(2) span:nth-child(2) {
        background: #DD0005
    }

        .km-heading .km-titling__link:nth-child(2) span:nth-child(2) svg path {
            fill: #222
        }

.selections__inner {
    padding-top: 120px;
    position: relative
}

@media(max-width: 1320px) {
    .selections__inner {
        padding-top: calc(60px + 60 * ((100vw - 375px) / 945))
    }
}

.selections__inner::before {
    content: "";
    width: 1000%;
    background: #f7f7f7;
    left: calc(-1000% + 185px);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0
}

.selections__inner::after {
    content: "";
    position: absolute;
    left: 195px;
    top: 0;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-selections-taxi-checkers.svg)
}

.selections__img {
    position: absolute;
    right: -520px;
    bottom: -85px;
    z-index: 1
}

.selections__wrapper {
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 950px;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    z-index: 1;
    padding-top: 45px
}

@media(max-width: 1320px) {
    .selections__wrapper {
        padding-top: calc(25px + 20 * ((100vw - 375px) / 945))
    }
}

.selections .km-titling {
    position: relative;
    margin-bottom: 30px;
    padding-left: 55px
}

@media(max-width: 1320px) {
    .selections .km-titling {
        margin-bottom: calc(20px + 10 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections .km-titling {
        padding-left: calc(15px + 40 * ((100vw - 375px) / 945))
    }
}

.selections .km-titling::after {
    content: "";
    position: absolute;
    right: -146px;
    bottom: 20px;
    width: 96px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-drivers-taxi-checkers.svg)
}

.selections .km-titling__title {
    margin-bottom: 0
}

.selections-form {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 185px 1fr;
    grid-template-columns: 185px 1fr;
    gap: 70px;
    padding-right: 140px
}

@media(max-width: 1320px) {
    .selections-form {
        gap: calc(15px + 55 * ((100vw - 375px) / 945))
    }
}

.selections-form__radios {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

    .selections-form__radios .container {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #777;
        font-weight: 300;
        padding-top: 25px;
        padding-right: 30px;
        padding-bottom: 25px;
        padding-left: 40px;
        font-size: 14px;
        line-height: 28px;
    }

@media(max-width: 1320px) {
    .selections-form__radios .container {
        padding-top: calc(20px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections-form__radios .container {
        padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections-form__radios .container {
        padding-bottom: calc(20px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections-form__radios .container {
        padding-left: calc(35px + 0 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections-form__radios .container {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .selections-form__radios .container {
        line-height: calc(20px + 4 * ((100vw - 375px) / 945))
    }
}

.selections-form__radios .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.selections-form__radios .checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ddd;
    -webkit-transition: border .3s, background .3s;
    -o-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
    padding: 0;
}

.selections-form__radios .container input:checked ~ .checkmark {
    border: 1px solid rgba(0, 0, 0, 0)
}

.selections-form__radios .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.selections-form__radios .container input:checked ~ .checkmark:after {
    opacity: 1
}

.selections-form__radios .container .checkmark:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #DD0005
}

.selections-form__radios-radio {
    padding-left: 25px;
    background: #f7f7f7;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: relative;
}

@media(max-width: 1320px) {
    .selections-form__radios-radio {
        padding-left: calc(15px + 20 * ((100vw - 375px) / 945))
    }
}

.selections-form__radios-radio:nth-child(1) {
    border-radius: 0 2px 0 0
}

.selections-form__radios-radio:nth-child(2n) {
    background: #eee
}

.selections-form__radios-radio--acitve {
    background: #222 !important
}

    .selections-form__radios-radio--acitve:after {
        border: 10px solid #222;
        content: '';
        position: absolute;
        right: -8px;
        top: 27px;
        transform: rotate(45deg);
    }


.form-body__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 55px;
    padding-top: 45px;
}

@media(max-width: 1320px) {
    .form-body__inner {
        row-gap: calc(15px + 9 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__inner {
        -webkit-column-gap: calc(15px + 15 * ((100vw - 375px) / 945));
        -moz-column-gap: calc(15px + 15 * ((100vw - 375px) / 945));
        column-gap: calc(15px + 15 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__inner {
        margin-bottom: calc(30px + 25 * ((100vw - 375px) / 945))
    }
}

.form-body__inner .custom-select {
    position: relative
}

    .form-body__inner .custom-select select {
        display: none
    }

.form-body__inner .select-selected:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/km-select-arrow.svg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 11.2px;
    height: 7px
}

@media(max-width: 1320px) {
    .form-body__inner .select-selected:after {
        right: calc(5px + 7 * ((100vw - 375px) / 945))
    }
}

.form-body__inner .select-selected.select-arrow-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.form-body__inner .select-items div,
.form-body__inner .select-selected {
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
    color: #777;
    font-size: 16px;
    line-height: 28px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px
}

.cl-fields {
    height: 30px;
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        padding-top: calc(5px + 1 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        padding-right: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        padding-bottom: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {

    .form-body__inner .select-items div,
    .form-body__inner .select-selected {
        padding-left: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

.form-body__inner .select-items {
    position: absolute;
    background-color: #eee;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0 20px;
}

    .form-body__inner .select-items div {
        padding: 15px 5px 15px 5px;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

.form-body__inner .select-hide {
    display: none
}

.form-body__input {
    width: 100%;
    color: #222;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 28px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

@media(max-width: 1320px) {
    .form-body__input {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input {
        padding-top: calc(5px + 1 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input {
        padding-right: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input {
        padding-bottom: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input {
        padding-left: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

.form-body__input::-webkit-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__input::-moz-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__input:-ms-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__input::-ms-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__input::placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1320px) {
    .form-body__input::-webkit-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__input::-moz-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__input:-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__input::-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__input::placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__input::-webkit-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__input::-moz-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__input:-ms-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__input::-ms-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__input::placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }
}

.form-body__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 15px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #222;
    margin-right: 15px;
    margin-bottom: 55px;
    font-weight: 600;
}

@media(max-width: 1320px) {
    .form-body__link {
        margin-bottom: calc(25px + 30 * ((100vw - 375px) / 945))
    }
}

.form-body__calendar {
    position: relative;
    width: 100%
}

    .form-body__calendar::after {
        content: "";
        width: 14px;
        height: 14px;
        position: absolute;
        top: 40%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../../images/km-date-icon.svg);
        z-index: 0
    }

@media(max-width: 1320px) {
    .form-body__calendar::after {
        right: calc(5px + 15 * ((100vw - 375px) / 945))
    }
}

.form-body__calendar-input {
    width: 100%;
    color: #222;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 28px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        padding-top: calc(5px + 1 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        padding-right: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        padding-bottom: calc(10px + 5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input {
        padding-left: calc(5px + 0 * ((100vw - 375px) / 945))
    }
}

.form-body__calendar-input::-webkit-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__calendar-input::-moz-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__calendar-input:-ms-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__calendar-input::-ms-input-placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

.form-body__calendar-input::placeholder {
    color: #777;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 1320px) {
    .form-body__calendar-input::-webkit-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::-moz-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input:-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::placeholder {
        font-size: calc(14px + 2 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1320px) {
    .form-body__calendar-input::-webkit-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::-moz-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input:-ms-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::-ms-input-placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }

    .form-body__calendar-input::placeholder {
        line-height: calc(20px + 8 * ((100vw - 375px) / 945))
    }
}

.form-body__calendar-input::-webkit-calendar-picker-indicator {
    opacity: 0
}

@media(max-width: 1850px) {
    .km-cars__inner {
        margin-left: unset;
        margin-right: unset
    }

    .km-cars-swiper {
        max-width: 850px
    }
}

@media(max-width: 1650px) {
    .km-header-content::after {
        content: unset
    }

    .sections-wrapper::before {
        content: unset
    }
}

@media(max-width: 1450px) {
    .km-rcslide::after {
        width: 100%;
        bottom: -10px
    }
}

@media(max-width: 1450px)and (max-width: 1320px) {
    .km-rcslide::after {
        bottom: calc(-20px + 10 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1350px) {
    .km-cars .km-titling {
        min-width: 400px
    }

    .km-about-images__img:nth-child(1) {
        width: 440px;
        height: 460px
    }

    .km-about__inner {
        gap: 150px
    }
}

@media(max-width: 1250px) {
    .selections__img {
        right: -700px
    }
}

@media(max-width: 1200px) {
    .km-plans-card__inner {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr
    }
}

@media(max-width: 1150px) {
    .km-about-images__img:nth-child(1) {
        width: 340px;
        height: 460px
    }

    .km-about-images__img:nth-child(2) {
        width: 160px;
        height: 170px;
        right: -35px
    }

    .km-footer__inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 60px
    }
}

@media(max-width: 1150px)and (max-width: 1320px) {
    .km-footer__inner {
        gap: calc(30px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1100px) {
    .km-contacts {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 60px
    }
}

@media(max-width: 1100px)and (max-width: 1320px) {
    .km-contacts {
        gap: calc(30px + 30 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1100px) {
    .km-footer__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1100px) {
    .km-footer__inner {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media(max-width: 1100px) {
    .km-contacts-item {
        padding: 0;
        background: unset !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .km-contacts-item::before {
            content: unset !important
        }

        .km-contacts-item::after {
            content: unset !important
        }

        .km-contacts-item:hover {
            background: unset
        }

            .km-contacts-item:hover .km-contacts-item__icon {
                background: #DD0005
            }

                .km-contacts-item:hover .km-contacts-item__icon svg path {
                    fill: #222
                }

            .km-contacts-item:hover .km-contacts-item__box-text {
                color: #fff
            }

            .km-contacts-item:hover .km-contacts-item__box-subtext {
                color: #DD0005
            }
}

@media(max-width: 1100px) {
    .km-burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1100px) {
    .menu {
        display: none
    }
}

@media(max-width: 1100px) {
    .km-header-content__wrapper {
        margin-left: auto
    }
}

@media(max-width: 1100px) {
    .km-header-content__wrapper {
        display: none
    }
}

@media(max-width: 1100px) {
    .body--active {
        overflow: hidden
    }

        .body--active .km-header-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-top: 100px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 30px;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 100;
            min-height: 100vh
        }
}

@media(max-width: 1100px)and (max-width: 1320px) {
    .body--active .km-header-mobile {
        padding-top: calc(40px + 60 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-mobile .km-header-top__inner {
        display: none;
        gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-mobile .menu {
        display: block;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-mobile .menu-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-mobile .km-header-content__wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-mobile .km-header-content__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: unset
    }
}

@media(max-width: 1100px) {
    .body--active .km-header-content {
        border-bottom: 1px solid #d9d9d9
    }
}

@media(max-width: 1100px) {
    .selections__img {
        display: none
    }
}

@media(max-width: 1100px) {
    .selections__wrapper {
        max-width: unset
    }
}

@media(max-width: 1100px) {
    .selections-form {
        padding-right: 70px
    }
}

@media(max-width: 1100px)and (max-width: 1320px) {
    .selections-form {
        padding-right: calc(15px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1050px) {
    .km-app-body {
        max-width: 550px
    }
}

@media(max-width: 1000px) {
    .km-cars__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .km-cars-swiper {
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px)
    }

    .km-cars .km-titling::after {
        content: unset
    }

    .km-cars .km-titling {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .km-cars .km-titling__link {
        display: none
    }

    .km-cars .km-titling__text {
        margin-bottom: 0
    }

    .km-cars__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto
    }

    .km-about__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .km-about-body {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

        .km-about-body .km-titling {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

    .km-about-body {
        margin-left: auto;
        margin-right: auto
    }

    .km-about-body-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .km-about-body .km-about-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .km-about-images {
        margin-bottom: 100px;
        margin-left: -100px;
        display: none
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images {
        margin-bottom: calc(80px + 20 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images {
        margin-left: calc(0px + -100 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px) {
    .km-about-images__img:nth-child(1) {
        width: 520px;
        height: 564px
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images__img:nth-child(1) {
        width: calc(320px + 200 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images__img:nth-child(1) {
        height: calc(340px + 224 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px) {
    .km-about-images__img:nth-child(2) {
        width: 291px;
        height: 235px;
        bottom: -50px;
        right: -40px
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images__img:nth-child(2) {
        width: calc(225px + 66 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images__img:nth-child(2) {
        height: calc(180px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images__img:nth-child(2) {
        right: calc(0px + -40 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px) {
    .km-about-images::after {
        right: -70px;
        top: 156px
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images::after {
        right: calc(25px + -95 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px)and (max-width: 1320px) {
    .km-about-images::after {
        top: calc(50px + 106 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 1000px) {
    .km-plans__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 1000px) {
    .km-plans-card__inner {
        -ms-grid-columns: 245px 1fr;
        grid-template-columns: 245px 1fr
    }
}

@media(max-width: 1000px) {
    .km-plans-card__link {
        width: calc(100% - 15px);
        margin-right: 15px
    }
}

@media(max-width: 1000px) {
    .km-articles__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 1000px) {
    .km-cars .km-titling__suptext span {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(max-width: 1000px) {
    .km-about .km-titling__suptext span {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(max-width: 950px) {
    .km-markets {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 240px;
        grid-template-columns: 240px
    }
}

@media(max-width: 950px)and (max-width: 1320px) {
    .km-markets {
        -ms-grid-columns: calc(180px + 60 * ((100vw - 375px) / 945));
        grid-template-columns: calc(180px + 60 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 950px) {
    .km-app-body {
        max-width: 450px
    }
}

@media(max-width: 950px) {
    .km-app-body__img {
        top: unset;
        bottom: -50px
    }
}

@media(max-width: 950px)and (max-width: 1320px) {
    .km-app-body__img {
        bottom: calc(-45px + -5 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 850px) {
    .km-offer__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .km-app-body__img {
        right: 30px;
        width: 390px;
        height: 750px
    }
}

@media(max-width: 850px)and (max-width: 1320px) {
    .km-app-body__img {
        right: calc(-15px + 45 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 850px)and (max-width: 1320px) {
    .km-app-body__img {
        width: calc(170px + 220 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 850px)and (max-width: 1320px) {
    .km-app-body__img {
        height: calc(240px + 510 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 850px) {
    .km-drivers__wrapper::after {
        content: unset
    }
}

@media(max-width: 800px) {
    .km-drivers__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 750px) {
    .km-rcslide .km-titling {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .km-rcslide .km-titling__suptext span {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .km-header-top {
        display: none
    }

    .body--active {
        overflow: hidden
    }

        .body--active .km-header-mobile .km-header-top__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    .km-header-top__links-link {
        color: #222
    }

    .km-header-top__text {
        color: #222
    }

    .km-header-top__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .km-header-top__inner {
        gap: 15px !important
    }

    .km-header-top__links {
        gap: 15px
    }
}

@media(max-width: 650px) {
    .km-contact-form {
        width: calc(100% - 15px)
    }

    .selections-form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding-left: 70px
    }
}

@media(max-width: 650px)and (max-width: 1320px) {
    .selections-form {
        padding-left: calc(15px + 55 * ((100vw - 375px) / 945))
    }
}

@media(max-width: 650px) {
    .selections .km-titling::after {
        content: unset
    }
}

@media(max-width: 650px) {
    .form-body {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media(max-width: 650px) {
    .selections-form__radios {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px
    }
}

@media(max-width: 650px) {
    .form-body__link {
        margin-bottom: 0
    }
}

@media(max-width: 650px) {
    .selections-form__radios-radio:nth-child(2n) {
        background: #f7f7f7
    }
}

@media(max-width: 650px) {
    .selections-form__radios-radio:nth-child(1) {
        border-radius: 0
    }
}

@media(max-width: 600px) {
    .km-articles__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 550px) {
    .km-offer__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .km-cars .km-titling {
        min-width: unset
    }

    .km-about-images__img:nth-child(2)::after {
        background: rgba(0, 0, 0, 0)
    }

    .km-about-body-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .km-plans-card__inner {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr
    }
}

@media(max-width: 500px) {
    .km-footer__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .km-footer__wrapper {
        max-width: unset !important
    }

    .km-contacts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media(max-width: 450px) {
    .km-about-body-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .km-plans-card__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .km-plans-card__img {
        min-height: 200px;
        height: 200px
    }

    .km-plans-card__link {
        width: unset
    }

    .km-drivers__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}


.b-goods-f__links {
    margin-bottom: 15px;
}

.b-goods-f__links-item {
    color: #222222;
    font-size: 14px;
    padding-right: 11px;
}

    .b-goods-f__links-item:not(:first-child) {
        border-left: 1px solid #ddd;
        padding-left: 11px;
    }

    .b-goods-f__links-item .ic {
        margin-right: 9px;
    }

.b-goods-f__title {
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.b-goods-f__title2 {
    font-size: 24px;
    padding-bottom: 20px;
}

.b-goods-f__title-inner {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.b-goods-f__slider {
    margin-bottom: 65px;
}

.b-goods-f__descr {
    margin-bottom: 50px;
}

.b-goods-f__descr-title {
    color: #222222;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
}

    .b-goods-f__descr-title:before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

.b-goods-f__descr-info {
    color: #222222;
    font-weight: 500;
    margin-bottom: 4px;
}

.b-goods-f__link-2 {
    border: 2px solid #222222;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 12px 10px;
}

    .b-goods-f__link-2 .ic {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

    .b-goods-f__link-2:hover {
        text-decoration: none;
    }

.b-goods-f__table {
    margin-bottom: 60px;
}

    .b-goods-f__table th {
        background-color: #f4f4f4;
        color: #222222;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
    }

        .b-goods-f__table th:last-child {
            text-align: center;
        }

    .b-goods-f__table td {
        color: #222222;
        font-size: 15px;
        font-weight: 400;
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .b-goods-f__table td:last-child {
            text-align: center;
        }

    .b-goods-f__table tfoot td {
        background-color: #f4f4f4;
        color: #222222;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
    }

.b-goods-f-price {
    text-align: right;
}

.b-goods-f-price__msrp {
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.b-goods-f-price__main {
    color: #ffffff;
    font-size: 36px;
    font-weight: 500;
    padding: 12px 25px;
    line-height: 1;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.b-goods-f-price__note {
    color: #222222;
    font-size: 12px;
    margin-top: 10px;
}

.b-goods-f-checks {
    margin-top: 20px;
    margin-bottom: 64px;
    padding: 40px 50px 10px;
    border: 1px solid #dddddd;
}

.b-goods-f-checks__section {
    margin-bottom: 40px;
}

.b-goods-f-checks__title {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .b-goods-f-checks__title:after {
        margin-left: 10px;
        content: "";
        width: 100%;
        display: inline-block;
        background-color: #ddd;
        height: 1px;
        vertical-align: middle;
    }

.b-goods-f-checks__price {
    color: #222222;
    font-weight: 500;
}

.b-goods-slider {
    text-align: center;
    max-width: 1470px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 30px;
}

.b-goods-slider__img {
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-top: 7%;
}

    .b-goods-slider__img img {
        display: inline-block;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transition: all .3s;
        transition: all .3s;
    }


    .b-goods-slider__img:hover img {
        transform: scale(1.1);
    }


.b-goods-slider__item .b-goods-slider__img {
    background-image: none;
    background-size: contain;
    background-position: 0 135px;
    background-repeat: no-repeat;
    padding: 170px 60px 130px;
}


.b-goods-slider__item.swiper-slide-active + .swiper-slide .b-goods-slider__img {
    background-image: url(../../images/bottom-panel.png);
}

@media (max-width: 1240px) {


    .b-goods-slider__item.swiper-slide-active .b-goods-slider__main {
        opacity: 1;
    }

    .b-goods-slider__item.swiper-slide-active .b-goods-slider__img {
        background-image: url(../../images/bottom-panel.png);
        background-position: 0 135px;
        padding-top: 77px;
        padding-bottom: 80px;
    }

    .titling-swiper .titling__title {
        font-size: 66px;
        line-height: 80px;
    }


    .titling-swiper {
        padding-top: 30px;
        margin-bottom: 0px;
    }
}


@media (max-width: 768px) {




    .b-goods-slider__item.swiper-slide-active .b-goods-slider__img {
        background-image: url(../../images/bottom-panel.png);
        background-position: 0 135px;
        padding-top: 77px;
        padding-bottom: 80px;
    }

    .titling-swiper .titling__title {
        font-size: 42px;
        line-height: 51px;
    }


    .titling-swiper {
        padding-top: 30px;
        margin-bottom: 70px;
    }


    .hero-v4 {
        background-attachment: fixed;
    }


        .hero-v4 .carousel-swiper {
            display: none !important;
        }
}



.b-goods-slider__item.swiper-slide-active + .swiper-slide .b-goods-slider__img {
    padding: 130px 10px 80px 10px;
    min-width: 730px;
    text-align: center;
}

.swiper-slide .b-goods-slider__main {
    opacity: 0;
}

.b-goods-slider__item.swiper-slide-active + .swiper-slide .b-goods-slider__main {
    opacity: 1;
}


.carousel-swiper {
    position: relative;
}





    .carousel-swiper .swiper-button-prev {
        left: calc(36% - 10px);
        bottom: 115px;
        position: absolute;
        top: auto;
    }

    .carousel-swiper .swiper-button-next {
        right: calc(36% - 10px);
        bottom: 115px;
        position: absolute;
        top: auto;
    }


@media (max-width: 1620px) {

    .carousel-swiper .swiper-button-prev {
        left: calc(33% - 10px);
    }

    .carousel-swiper .swiper-button-next {
        right: calc(33% - 10px);
    }
}


@media (max-width: 1200px) {

    .carousel-swiper .swiper-button-prev {
        left: calc(43% - 10px);
    }

    .carousel-swiper .swiper-button-next {
        right: calc(43% - 10px);
    }
}



.b-goods-slider__main {
    -webkit-transition: all .3s;
    transition: all .3s;
    max-width: 310px;
    display: inline-block;
    text-align: center;
    position: relative;
}


@media (min-width: 1620px) {


    .b-goods-slider__main {
        top: 32px;
    }
}



.b-goods-slider__title {
    color: #222;
    font-size: 27px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    height: 26px;
    text-overflow: ellipsis;
    margin-bottom: 28px;
    margin-top: 0;
    font-weight: 600;
}

.b-goods-slider__price {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #222;
}


    .b-goods-slider__price strong {
        color: #DD0005;
        font-size: 20px;
        font-weight: 500;
        line-height: 18px;
        text-decoration: unset;
        background: transparent;
        padding-left: 5px;
    }

.b-goods-slider__list {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0px;
}

.b-goods-slider__desrip {
    color: #222222;
    display: inline-block;
}

    .b-goods-slider__desrip:not(:last-child):after {
        content: '';
        border-radius: 50%;
        background-color: #222;
        display: inline-block;
        vertical-align: 6%;
        width: 5px;
        height: 5px;
        margin-left: 9px;
        margin-right: 6px;
    }

.b-goods-slider .slick-current + .slick-slide .b-goods-slider__main {
    opacity: 1;
}

.b-goods-slider .slick-current + .slick-slide .b-goods-slider__img {
    width: 100%;
    height: 240px;
    padding-top: 0;
}

.b-goods-slider .slick-prev,
.b-goods-slider .slick-next {
    bottom: 0;
}

    .b-goods-slider .slick-prev:before {
        margin-left: 18px;
    }

    .b-goods-slider .slick-next:before {
        margin-left: 4px;
    }

.b-goods-slider .slick-prev {
    left: calc(33% - 100px);
}

.b-goods-slider .slick-next {
    right: calc(33% - 100px);
}

    .b-goods-slider .slick-next:hover:before,
    .b-goods-slider .slick-prev:hover:before {
        border-color: #fff;
    }

.b-goods-slider_mod_op .b-goods-slider__main {
    max-width: 370px;
}

.b-goods-slider_mod_op .b-goods-slider__item {
    opacity: .1;
}


.b-goods-slider__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b-goods-slider_mod_op .b-goods-slider__price {
    color: #ffffff;
    font-size: 24px;
    padding: 12px 18px;
    line-height: 1;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.b-goods-slider_mod_op {
    margin-bottom: 0;
    margin-top: 40px;
}

    .b-goods-slider_mod_op .slick-current + .slick-slide .b-goods-slider__item {
        opacity: 1;
    }

.section-goods-vip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.b-goods-vip {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.333%;
    min-height: 26vw;
    padding: 40px 88px 40px 67px;
    color: #fff;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .b-goods-vip:hover {
        color: #fff;
        text-decoration: none;
    }

        .b-goods-vip:hover .b-goods-vip__label {
            color: #fff;
        }

    .b-goods-vip:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: .95;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
        background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
        background-image: linear-gradient(to top, #000 0%, transparent 100%);
        content: '';
        -webkit-transition: all .3s;
        transition: all .3s;
    }


    .b-goods-vip:hover:after {
        opacity: .75;
    }

.b-goods-vip__main {
    position: relative;
    z-index: 1;
    width: 100%;
}

.b-goods-vip__label {
    display: inline-block;
}

.b-goods-vip__label-1 {
    margin-bottom: 20px;
    padding: 3px 10px;
    font-size: 12px;
    text-transform: uppercase;
}

.b-goods-vip__label-2 {
    margin-bottom: 25px;
    margin-left: -65px;
    padding: 6px 23px;
    font-size: 24px;
}

.b-goods-vip__label-2_b {
    font-weight: 900;
}

.b-goods-vip__label-3 {
    display: block;
    padding: 7px 11px;
    font-size: 18px;
}

.b-goods-vip__price {
    color: #62bee1;
}

.b-goods-vip__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.b-goods-vip__subtitle {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 6px;
}

.b-goods-vip__slogan {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 9px;
}

.b-goods-vip__list {
    margin-top: 20px;
    margin-bottom: 0;
}

.b-goods-vip__list-item {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

    .b-goods-vip__list-item:not(:last-child) {
        padding-right: 10px;
        border-right: 1px solid #ddd;
    }

.b-goods-vip_1 {
    background-image: url("../media/content/b-goods/vip/bg-1.html");
}

.b-goods-vip_2 {
    background-image: url("../media/content/b-goods/vip/bg-2.html");
}

.b-goods-vip_3 {
    background-image: url("../media/content/b-goods/vip/bg-3.html");
    padding-right: 0;
}

.b-goods-vip_1 .b-goods-vip__slogan {
    padding-left: 48px;
}

.b-goods-vip_1 .b-goods-vip__subtitle {
    margin-top: 20px;
}

.b-goods-vip_2 .b-goods-vip__slogan {
    text-align: left;
}

.b-goods-vip_3 .b-goods-vip__slogan {
    text-align: left;
    padding-right: 67px;
}

.b-goods {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.b-goods__img {
    position: relative;
}

    .b-goods__img img {
        height: auto;
    }

.b-goods__price {
    display: inline-block;
}

.b-goods__price-main {
    font-size: 24px;
    color: #FFF;
    padding: 2px 17px;
    margin-left: 20px;
    display: inline-block;
}

.col-xl-9 .b-goods__price-main {
    font-size: 20px;
    padding: 2px 10px;
}

.b-goods__price-msrp {
    color: #222222;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 20px;
}

.b-goods__name {
    margin-bottom: 23px;
    padding-top: 0;
    padding-bottom: 16px;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    border-bottom: 1px solid #f4f4f4;
}

.b-goods__inner .b-goods__header .b-goods__name {
    padding-top: 20px;
}

.col-xl-9 .b-goods__inner .b-goods__header .b-goods__name {
    padding-top: 10px;
    padding-bottom: 7px;
    font-size: 18px;
}

.b-goods__label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px 0 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
}

.b-goods__header {
    overflow: hidden;
}

.b-goods__info {
    display: none;
    margin-bottom: 26px;
    line-height: 1.6;
}

.b-goods__footer {
    overflow: hidden;
}

.b-goods__main-descr {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

    .b-goods__main-descr .ic {
        margin-right: 7px;
    }

.b-goods__link {
    background-color: transparent;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.b-goods .flip__front {
    border: 1px solid #f4f4f4;
}

.b-goods:hover {
    box-shadow: 0 0 32px 4px rgba(0, 0, 0, 0.08);
    background: #fff;
}

.b-goods_back_sm .flip__back .b-goods-info__item,
.b-goods_back_sm .flip__back .b-goods-info__desc {
    font-size: 12px;
}

.b-goods_list {
    padding: 15px;
    text-align: left;
    margin-bottom: 0;
}

    .b-goods_list .flip-container {
        border: 1px solid #dddddd;
        padding: 15px;
        background: #fff;
    }

    .b-goods_list .flip__front {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
    }

    .b-goods_list .b-goods__img {
        height: 220px;
        margin-right: 30px;
    }

        .b-goods_list .b-goods__img img {
            width: 293px;
        }

    .b-goods_list .b-goods__price-main {
        font-size: 18px;
        margin-left: 0;
    }

    .b-goods_list .b-goods__price-msrp {
        margin-left: 14px;
    }

    .b-goods_list .b-goods__inner {
        border: none;
    }

    .b-goods_list .b-goods__name {
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-right: 15px;
        border-bottom: none;
        text-transform: uppercase;
        font-size: 18px;
    }

    .b-goods_list .b-goods__info {
        display: block;
        margin-bottom: 20px;
    }

    .b-goods_list .b-goods__main-descr {
        display: none;
    }

    .b-goods_list .b-goods__header {
        position: relative;
        padding-right: 90px;
        padding-bottom: 10px;
        padding-top: 17px;
    }

    .b-goods_list .b-goods__check {
        position: absolute;
        right: 12px;
        top: 12px;
    }

    .b-goods_list .b-goods__link {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        vertical-align: bottom;
    }

    .b-goods_list .ui-rating {
        margin-bottom: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .b-goods_list .b-goods-descr {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 12px;
    }

    .b-goods_list .b-goods-descr__item {
        width: auto;
        line-height: 1;
        padding-right: 18px;
        position: relative;
        border-right: none;
        vertical-align: baseline;
    }

        .b-goods_list .b-goods-descr__item:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: -3px;
            height: 20px;
            width: 1px;
            background-color: #ddd;
        }

        .b-goods_list .b-goods-descr__item:first-child {
            border-left: none;
            padding-left: 0;
            font-size: 16px;
            font-weight: 500;
        }

            .b-goods_list .b-goods-descr__item:first-child:after {
                bottom: 0;
            }

        .b-goods_list .b-goods-descr__item .ic {
            margin-right: 7px;
        }

    .b-goods_list .b-goods-descr__info {
        font-weight: 500;
    }

    .b-goods_list .flip__back,
    .b-goods_list .flip-btn {
        display: none;
    }

.b-goods-info {
    overflow: auto;
    margin-bottom: 0;
    padding: 15px 0 0 0;
    background-color: #f4f4f4;
}

.col-xl-9 .b-goods-info {
    padding-top: 0;
}

.col-xl-9 .flip__footer .btn {
    font-size: 14px;
    padding: 10px 35px;
}


.b-goods-info__item {
    overflow: hidden;
    font-size: 13px;
}

    .b-goods-info__item:not(:last-child) {
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

.b-goods-info__desc {
    font-size: 12px;
}

.b-goods-descr {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 25px;
    text-align: center;
}

.b-goods-descr__item {
    display: inline-block;
    padding-left: 9px;
    padding-right: 9px;
    vertical-align: bottom;
    border-right: 1px solid #ddd;
}

.col-xl-9 .b-goods-descr__item {
    padding-left: 3px;
    padding-right: 6px;
}


.b-goods-descr__item:first-child {
    border-left: 1px solid #ddd;
}

.b-goods-descr__item:last-child {
    border-right: none;
}

.b-goods-descr__item .ic {
    margin-bottom: 3px;
    font-size: 24px;
}

.b-goods-descr__info {
    display: block;
    font-size: 14px;
}

.b-goods-descr__item:not(:last-child) .b-goods-descr__info {
    border-right: 1px solid #ccc;
}

.b-goods:not(.b-goods_list) .ui-rating,
.b-goods:not(.b-goods_list) .b-goods__check,
.b-goods:not(.b-goods_list) .b-goods__link,
.b-goods:not(.b-goods_list) .b-goods__price-msrp,
.b-goods:not(.b-goods_list) .b-goods-descr__item_main {
    display: none;
}


.hero-slider img {
    width: 100%;
    height: auto;
    min-height: 740px;
    aspect-ratio: unset;
    object-fit: cover;
}


.hero-slider {
    position: relative;
    padding-bottom: 0;
}


    .hero-slider.swiper .slider-content {
        padding-top: 2%;
    }


    .hero-slider .swiper-pagination {
        bottom: 25px;
    }

    .hero-slider .swiper-slide:after {
        background: #fff;
        opacity: 0.05;
        content: "";
        position: absolute;
        left: -120px;
        top: 0;
        width: 60%;
        height: 100%;
        z-index: 7;
        transform: skewX(21deg);
    }


    .hero-slider .swiper-slide:before {
        background: #222;
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 6;
        opacity: 0.5;
    }

.slider-content {
    position: absolute;
    top: 0;
    left: 0%;
    height: 100%;
    width: 50%;
    z-index: 77;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}


.slider-content {
    position: absolute;
    top: 0;
    left: 0%;
    height: 100%;
    width: 50%;
    z-index: 77;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}


    .slider-content.fx-info-tech-left .slider-content-inner, .slider-content.fx-info-tech-right .slider-content-inner {
        max-width: 400px;
    }


    .slider-content h4 {
        color: #fff;
        font-size: 70px;
        font-weight: 300;
        margin: 0;
        line-height: 1.2;
    }


.slider-content-inner .fx-info-tech__icon, .slider-content-inner .btn-slide-text {
    display: none;
}

@media (max-width: 1380px) {




    .fx-info-tech-left .fx-info-tech:not(.fx-info-tech-inner), .fx-info-tech-right .fx-info-tech:not(.fx-info-tech-inner) {
        display: none !important;
    }
}


@media (max-width: 1620px) {

    .slider-content h4,
    .slider-content .info-fx {
        font-size: 50px;
    }
}


@media (max-width: 1300px) {

    .slider-content h4,
    .slider-content .info-fx {
        font-size: 40px;
    }


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

@media (max-width: 1200px) {

    .slider-content {
        width: 60%;
    }
}


@media (max-width: 1240px) {




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


    .fx-info-tech {
        padding: 18px;
        gap: 14px;
    }

    html .fx-info-tech h5 {
        font-size: 16px;
    }

    .catalog-content {
        width: 100%;
        max-width: 268px;
        min-width: 268px;
        padding: 25px;
    }

    .catalog-body {
        padding: 50px !important;
        margin: 0 !important;
    }

    .catalog-content__title_ {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .catalog-content__title {
        font-size: 14px !important;
    }

    html .hero-slider .swiper-slide:after {
        width: 70%;
    }


    .hero-slider.swiper .slider-content {
        padding-top: 0;
        padding-left: 25px;
    }
}


@media (max-width: 1000px) {


    html .hero-slider .swiper-slide:after {
        width: 90%;
    }

    .catalog-body {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
    }


    .catalog__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }


    .catalog-content {
        max-width: 100%;
    }

    html .fx-info-tech {
        align-items: center;
        margin: 30px auto;
    }


    .hero-slider.swiper .slider-content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 768px) {

    html .hero-slider .swiper-slide:after {
        display: none;
    }


    html .hero-slider img {
        min-height: 640px;
    }


    html .slider-content-inner,
    html .slider-content {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
}


@media (max-width:600px) {


    html .fx-info-tech div:first-child {
        display: none;
    }

    .catalog-body__wrapper--active {
        flex-direction: column-reverse;
    }
}


@media (max-width:480px) {


    html .fx-info-tech div {
        display: none;
    }
}


.info-fx {
    font-size: 52px;
    font-weight: 300;
}

    .info-fx b {
        font-weight: 500;
    }

.fx-info-text {
    margin-top: 30px;
    color: #fff;
    font-size: 23px;
    line-height: 1.6;
    padding-top: 35px;
    text-transform: capitalize;
    position: relative;
}

    .fx-info-text:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        border-top: 1px solid #fff;
        opacity: 0.3;
    }


    .fx-info-text:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: -10px;
        width: 100%;
        border-top: 1px solid red;
        opacity: 0.3;
    }

.fx-info-tech {
    background-color: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-filter: contrast(.958);
    filter: contrast(.958);
    padding: 30px;
    display: flex;
    margin-top: 30px;
    gap: 20px;
    width: fit-content;
    align-items: center;
}



.slider-content.fx-info-tech-left {
    flex-direction: row-reverse;
}

@media (min-width: 1380px) {

    .fx-info-tech-left .fx-info-tech, .fx-info-tech-right .fx-info-tech {
        padding: 30px;
        display: flex;
        margin-top: 30px;
        gap: 20px;
        width: 212px;
        align-items: center;
        z-index: 9;
        left: 10%;
        top: 120px;
        flex-wrap: wrap;
    }




        .fx-info-tech-left .fx-info-tech .fx-info-tech-info, .fx-info-tech-right .fx-info-tech .fx-info-tech-info {
            width: 100%;
            display: flex;
            gap: 20px;
            justify-content: start;
            align-items: center;
            padding-bottom: 10px;
        }
}



.fx-info-tech p {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    word-wrap: normal;
    line-height: 1.7;
    white-space: nowrap;
}

.fx-info-tech h5 {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    padding-top: 3px;
}


@media (min-width: 1380px) {


    .fx-info-tech-left .fx-info-tech.fx-info-tech-inner, .fx-info-tech-right .fx-info-tech.fx-info-tech-inner {
        display: none !important;
    }

    .fx-info-tech-left .fx-info-tech .btn-slide .fx-info-tech-right .fx-info-tech .btn-slide {
        display: flex;
        width: 100%;
        gap: 10px;
        justify-content: center;
        font-size: 16px;
        text-transform: uppercase;
        align-content: center;
        align-items: center;
    }


    .fx-info-tech-left .btn-slide, .fx-info-tech-right .btn-slide {
        border: 1px solid #fff;
        width: 100%;
        height: auto;
        line-height: 26px;
        text-align: center;
        color: #fff;
        width: 100%;
        display: inline-block;
        padding: 10px;
    }
}

.btn-slide {
    padding: 10px;
    border: 1px solid #fff;
    width: 55px;
    height: 50px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    min-height: 48px;
    display: inline-block;
}

.fx-info-tech-left .btn-slide svg, .fx-info-tech-right .btn-slide svg {
    width: 24px;
    height: 24px;
    margin-left: 6px;
}


.btn-slide .btn-slide-text {
    font-size: 14px;
    font-weight: 500;
}

.fx-info-tech-btn {
    width: 100%;
    min-width: fit-content;
}


.btn-slide svg {
    width: 24px;
    height: 24px;
}

.btn-slide:hover {
    border-color: #DD0005;
    background: #DD0005;
}


    .btn-slide:hover .btn-slide-text {
        color: #fff;
    }


.fx-info-tech__icon svg {
    width: 35px;
    height: 35px;
}

    .fx-info-tech__icon svg path {
        fill: #fff
    }


.navbar-sticky {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.75);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-filter: contrast(.958);
    filter: contrast(.958);
}


    .navbar-sticky .header-top {
        display: none;
    }


@-webkit-keyframes enable_fixed_nav_bar {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes enable_fixed_nav_bar {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.sticky-logo {
    display: none;
}

.navbar-sticky .sticky-logo {
    display: block;
    max-width: 180px;
}

.navbar-sticky .logo__img {
    display: none;
}


.fl-header-fixed.navbar-sticky .menu-list__link,
.fl-header-fixed.navbar-sticky .menu-list__text,
.fl-header-fixed.navbar-sticky .call__box-link,
.fl-header-fixed.navbar-sticky .call__box {
    color: #222 !important;
}

.fl-header-fixed.navbar-sticky svg path {
    fill: #222 !important;
}


/*SEARCH*/


.search-title {
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
}


.selection-form {
    position: relative
}

.selection-form-slogan {
    margin: -20px;
    background: #1c3c77;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    color: #fff;
    position: relative;
    margin-right: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px;
    padding-left: 25px;
}


    .selection-form-slogan .span_skew {
        transform: skewX(18deg);
        background: #1c3c77;
        position: absolute;
        right: -18px;
        top: 0;
        z-index: 9;
        height: 100%;
        width: 40px;
    }

    .selection-form-slogan span {
        font-weight: bold;
        font-size: 17px;
    }

.selection-form::before {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    -webkit-filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    width: calc(100% - 40px);
    height: 250px;
    bottom: -20px;
    left: 50%;
    z-index: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px
}

.selection-form__inner {
    background: #fff;
    -webkit-filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.1));
    border-radius: 4px;
    z-index: 1;
    padding-top: 55px;
    padding-right: 65px;
    padding-bottom: 55px;
    padding-left: 65px
}

.selection-form-style-no_box.selection-form::before,
.selection-form-transparent.selection-form::before {
    display: none !important;
}

.selection-form-style-no_box.selection-form .selection-form__inner,
.selection-form-transparent .selection-form__inner {
    background: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    padding: 0;
}


.selection-form-style-no_box_radius .selection-form__selects {
    border-radius: 100px;
    padding: 10px !important;
}

.selection-form-style-no_box .selection-form__selects {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
}


.selection-form-style-no_title .selection-form-selects__select-title {
    display: none;
}


.selection-form-style-no_box_radius .select-selected {
    border: 0 !important;
    background: none !important;
}

.selection-form-style-no_box_radius .btn {
    border-radius: 100px;
}

.selection-form__inner .btn {
    max-width: fit-content;
    color: #fff;
    text-align: center;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    background: #DD0005;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .3s, border .3s, color .3s, padding-right;
    -o-transition: all .3s, border .3s, color .3s, padding-right;
    transition: all .3s, border .3s, color .3s, padding-right;
    position: relative;
    padding: 20px 46px 17px 36px;
    font-size: 16px;
    line-height: 25px;
}

.selection-form-style-4col .selection-form__inner .btn {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}


.selection-form__inner .btn span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 90px;
}

.selection-form-style-no_box_radius .btn span:nth-child(2) {
    display: none;
}


.selection-form-style-no_box_radius .custom-select:after {
    display: block;
    position: absolute;
    content: '';
    height: 45px;
    border-right: 1px solid #ddd;
    right: 0;
    top: 6px;
}

}

@media(max-width: 1290px) {
    .selection-form__inner {
        padding-top: calc(30px + 25 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form__inner {
        padding-right: calc(15px + 50 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form__inner {
        padding-bottom: calc(30px + 25 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form__inner {
        padding-left: calc(15px + 50 * ((100vw - 375px) / 915))
    }
}

.selection-form__inner .custom-select {
    position: relative;
    width: 100% !important;
    max-width: 100% !important
}

    .selection-form__inner .custom-select select {
        display: none
    }


    .selection-form__inner .custom-select + .selection-form-selects__select-title {
        padding-top: 20px;
    }

.selection-form__inner .select-selected {
    border-radius: 4px 4px 4px 4px;
    background-color: #f7f7f7;
    -webkit-transition: border-radius .3s;
    -o-transition: border-radius .3s;
    transition: border-radius .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px !important;
}

    .selection-form__inner .select-selected.select-arrow-active {
        border-radius: 4px 4px 0 0
    }

    .selection-form__inner .select-selected:after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        background-repeat: no-repeat;
        background-size: contain;
        width: 9px;
        height: 6px;
        background-image: url(../../images/drop-arrow.svg);
        right: 28px
    }

@media(max-width: 1290px) {
    .selection-form__inner .select-selected:after {
        right: calc(15px + 13 * ((100vw - 375px) / 915))
    }
}

.selection-form__inner .select-selected.select-arrow-active:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.selection-form__inner .select-items div,
.selection-form__inner .select-selected {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #777;
    font-size: 16px;
    line-height: 28px;
    padding-top: 15px;
    padding-right: 28px;
    padding-bottom: 15px;
    padding-left: 28px;
    min-width: 185px;
}


.selection-form__inner .custom-select:hover .select-selected {
    border-color: #222;
}


.select-items div {
    border-top: 1px dashed #ddd !important;
}

    .select-items div:first-child {
        border-top: 0 !important;
    }

.checkbox-container-center.selection-form__body-type {
    text-align: center;
}

.checkbox-container {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-left: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 0px;
    font-size: 14px;
    border: 1px solid #EEEEEE;
    color: #222;
}

.selection-form-style-no_box_radius .checkmark {
    border-radius: 100px;
}


.selection-form-black .checkmark {
    background-color: #2F2F35;
    border: 1px solid #2F2F35;
    color: #fff;
}

.checkbox-container:hover input ~ .checkmark {
}

.selection-form-black .checkbox-container input:checked ~ .checkmark {
    border: 1px solid #fff;
}

.checkbox-container input:checked ~ .checkmark {
    border: 1px solid #222;
}

.selection-form__body-type label {
    padding-right: 0;
    font-size: 17px;
    height: 40px;
}

.body-type_title {
    padding-right: 15px !important;
}

.selection-form__body-type {
    padding-top: 15px;
    padding-left: 10px;
}


    .selection-form__body-type .checkmark svg {
        max-width: 43px;
        height: auto;
        margin-right: 10px;
    }

        .selection-form__body-type .checkmark svg * {
            fill: #222;
            opacity: 1;
        }

.selection-form-black .selection-form__body-type .checkmark svg * {
    fill: #fff;
    opacity: 1;
}


.selection-form__body-type .checkmark img {
    max-width: 50px;
    height: auto;
    margin-right: 10px;
    margin-top: -3px;
}


.selection__form.selection-form.selection-form-black .selection-form__body-type label {
    color: #fff;
}


@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        line-height: calc(26px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        padding-top: calc(12px + 3 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        padding-right: calc(15px + 13 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        padding-bottom: calc(12px + 3 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {

    .selection-form__inner .select-items div,
    .selection-form__inner .select-selected {
        padding-left: calc(15px + 13 * ((100vw - 375px) / 915))
    }
}

.selection-form__inner .select-items div {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.selection-form__inner .select-items {
    position: absolute;
    background-color: #f7f7f7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ddd;
}

.selection-form__inner .select-hide {
    display: none
}

.selection-form__inner .select-items div:hover,
.selection-form__inner .same-as-selected {
    color: #DD0005
}

.selection-form__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: flex-start;
    gap: 22px
}

@media(max-width: 1290px) {
    .selection-form__wrapper {
        gap: calc(20px + 2 * ((100vw - 375px) / 915))
    }
}

.selection-form__range {
    width: 100%;
    margin-top: auto
}

    .selection-form__range .noUi-connect {
        height: 6px;
        background: #DD0005 !important
    }

    .selection-form__range .noUi-horizontal {
        height: 6px
    }

        .selection-form__range .noUi-horizontal .noUi-handle {
            top: -5px
        }

    .selection-form__range .noUi-handle {
        background: #fff;
        border-radius: 100%;
        border: unset;
        border: 3px solid #DD0005;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        width: 15px;
        height: 15px;
        right: -15px;
        cursor: pointer
    }

        .selection-form__range .noUi-handle::before {
            content: unset !important
        }

        .selection-form__range .noUi-handle::after {
            content: unset !important
        }

    .selection-form__range .noUi-handle-upper {
        right: 0
    }

    .selection-form__range .noUi-target {
        border: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .selection-form__range .noUi-target {
        background: #eee
    }

.selection-form__range-slider {
    margin-bottom: 25px
}

.selection-form__range-values {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}

@media(max-width: 1290px) {
    .selection-form__range-values {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form__range-values {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

.selection-form-selects {
    margin-bottom: 35px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px;
}

.selection-form-boxed .selection-form-selects {
    display: -ms-inline-block;
    display: inline-block;
    gap: 0;
    margin: 0;
}


.selection-form-boxed .selection-form-selects__select {
    padding-bottom: 35px;
}


.selection-form-boxed .selection-form__inner {
    display: inline-block;
    max-width: 500px;
}

.selection-form-style-4col .selection-form-selects {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.selection-form-style-5col .selection-form-selects {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.selection-form-selects__btn {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    flex-direction: row;
    justify-items: flex-end;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap;
}


.selection-form-selects__select-title_bottom .selection-form-selects__btn {
    align-content: flex-start;
}


.selection-form-boxed .body-type_title {
    padding-right: 0 !important;
    width: 100%;
    display: inline-block;
    padding-bottom: 20px !important;
}


.selection-form-boxed .selection-form__body-type {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 15px;
}


    .selection-form-boxed .selection-form__body-type label {
        margin-left: 0;
        margin-right: 10px;
        padding: 0;
    }


@media(max-width: 1290px) {
    .selection-form-selects {
        gap: calc(20px + 2 * ((100vw - 375px) / 915))
    }
}

.selection-form-selects__select-title {
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 22px
}

@media(max-width: 1290px) {
    .selection-form-selects__select-title {
        font-size: calc(14px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form-selects__select-title {
        line-height: calc(18px + 2 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1290px) {
    .selection-form-selects__select-title {
        margin-bottom: calc(10px + 12 * ((100vw - 375px) / 915))
    }
}

@media(max-width: 1000px) {
    .selection-form-slogan {
        display: none !important;
    }
}


@media(max-width: 1000px) {
    .selection-form-selects {
        -ms-grid-columns: 1fr 1fr 1fr !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .selection-form-style-no_box_radius .selection-form__selects {
        border-radius: 20px;
        padding: 25px !important;
    }


    .selection-form-style-no_box_radius .select-selected {
        background: #f7f7f7 !important;
        border-radius: 100px;
    }


    .selection-form-style-no_box_radius .custom-select:after {
        display: none;
    }
}


@media(max-width: 1000px) {

    .selection-form__body-type {
        padding-left: 0;
        text-align: center;
    }


    .body-type_title {
        padding-right: 0 !important;
        padding-bottom: 20px !important;
        display: inline-block;
    }

    .selection-form-selects {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }

    .selection-form-style-no_box_radius .selection-form__selects {
        border-radius: 20px;
        padding: 25px !important;
    }
}


.calculator-container input[type="number"] {
    padding: 10xp;
    background: #fff;
    width: 100%;
}

.calculator-container .form-input {
    color: #222;
    padding: 25px;
    background: #fff;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 13px;
    height: 54px;
    justify-content: center;
}


    .calculator-container .form-input label {
        word-break: keep-all;
        display: inline-block;
        width: 240px;
        border-right: 1px solid #ddd;
        margin-right: 15px;
    }

.section-box-calculator h4 {
    font-size: 32px;
    text-transform: capitalize;
    max-width: 550px;
    margin: 0;
}


    .section-box-calculator h4 + p {
        color: #777;
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }

.calculator-container {
    padding-top: 15px;
}

#calculator-result div {
    font-size: 23px;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    margin: 10px;
    display: inline-block;
    max-width: 500px;
}

#calculator-result span {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #222;
    line-height: 1.7;
    font-size: 20px;
}


    #calculator-result span strong {
        display: inline-block;
        width: 100%;
        font-weight: 600;
        text-transform: capitalize;
    }

    #calculator-result span em {
        font-weight: 500;
        font-style: normal;
        color: #DD0005;
    }