/* Start:/bitrix/templates/kmt-2024/dist/js/libs/calc/nouislider.min.css?17694207054220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/components/tsv/stats.front/templates/.default/style.css?17884161121701*/
.kmtStats {
    padding: 25px 0 0;
    background: #fff;
}

.kmtStats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.kmtStats__item {
    display: flex;
    min-width: 0;
    min-height: 138px;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    background: #fafafc;
}

.kmtStats__value {
    color: #de1500;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.kmtStats__value span {
    font-size: 24px;
    font-weight: 700;
}

.kmtStats__label {
    color: #0c244a;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
}

@media (max-width: 991px) {
    .kmtStats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .kmtStats {
        padding-top: 16px;
    }

    .kmtStats__grid {
        gap: 8px;
    }

    .kmtStats__item {
        min-height: 104px;
        padding: 14px;
        border-radius: 8px;
    }

    .kmtStats__value {
        font-size: 34px;
    }

    .kmtStats__value span {
        font-size: 17px;
    }

    .kmtStats__label {
        font-size: 14px;
        line-height: 1.2;
    }
}

.kmtStats__item {
    transition: background-color 0.25s ease;
}

.kmtStats__value,
.kmtStats__value span,
.kmtStats__label {
    transition: color 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .kmtStats__item:hover {
        background-color: #de1500;
    }

    .kmtStats__item:hover .kmtStats__value,
    .kmtStats__item:hover .kmtStats__value span,
    .kmtStats__item:hover .kmtStats__label {
        color: #fff;
    }
}
/* End */


/* Start:/local/components/tsv/demo.front/templates/.default/style.css?17884161123870*/
.kmtDemo {
    padding: 190px 0 84px;
    overflow: hidden;
    background: #fff;
}

.kmtDemo__card {
    position: relative;
    display: flex;
    min-height: 498px;
    padding: 60px;
    overflow: visible;
    border-radius: 5px;
    background: #edf4ff;
}

.kmtDemo__content {
    position: relative;
    z-index: 2;
    width: 57%;
}

.kmtDemo__title {
    margin: 0;
    color: #0c244a;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
}

.kmtDemo__title span {
    display: block;
    color: #de1500;
}

.kmtDemo__list {
    display: flex;
    margin: 60px 0 0;
    padding: 0;
    flex-direction: column;
    gap: 20px;
    list-style: none;
}

.kmtDemo__item {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 12px;
    color: #0c244a;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.25;
}

.kmtDemo__item svg {
    width: 22px;
    height: 16px;
    margin-top: 6px;
    flex: none;
}

.kmtDemo__visual {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 45%;
    height: calc(100% + 190px);
    pointer-events: none;
}

.kmtDemo__person {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: auto;
    max-width: none;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
}

.kmtDemo__quote {
    position: absolute;
    z-index: 2;
    right: 50px;
    bottom: 60px;
    width: min(520px, calc(100% - 45px));
    padding: 20px;
    border-left: 5px solid #de1500;
    border-radius: 10px;
    color: #0c244a;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
}

@media (max-width: 1399px) {
    .kmtDemo__card {
        min-height: 430px;
        padding: 48px;
    }

    .kmtDemo__title {
        font-size: 31px;
    }

    .kmtDemo__list {
        margin-top: 42px;
        gap: 18px;
    }

    .kmtDemo__item {
        font-size: 18px;
    }

    .kmtDemo__quote {
        right: 20px;
        bottom: 35px;
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .kmtDemo {
        padding: 60px 0;
    }

    .kmtDemo__card {
        display: block;
        min-height: 0;
        padding: 38px 32px 0;
    }

    .kmtDemo__content {
        width: 100%;
    }

    .kmtDemo__title {
        font-size: 28px;
    }

    .kmtDemo__list {
        margin-top: 34px;
    }

    .kmtDemo__item {
        font-size: 17px;
    }

    .kmtDemo__visual {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% + 64px);
        height: 480px;
        margin: 25px -32px 0;
    }

    .kmtDemo__person {
        right: 50%;
        height: 100%;
        transform: translateX(50%);
        object-position: center bottom;
    }

    .kmtDemo__quote {
        right: 24px;
        bottom: 24px;
        width: min(440px, calc(100% - 48px));
    }
}

@media (max-width: 575px) {
    .kmtDemo {
        padding: 38px 0;
    }

    .kmtDemo__card {
        padding: 26px 18px 0;
        border-radius: 5px;
    }

    .kmtDemo__title {
        font-size: 23px;
    }

    .kmtDemo__list {
        margin-top: 26px;
        gap: 16px;
    }

    .kmtDemo__item {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 9px;
        font-size: 15px;
        line-height: 1.35;
    }

    .kmtDemo__item svg {
        width: 18px;
        height: 14px;
        margin-top: 4px;
    }

    .kmtDemo__visual {
        width: calc(100% + 36px);
        height: 360px;
        margin: 20px -18px 0;
    }

    .kmtDemo__quote {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
        padding: 14px;
        border-left-width: 4px;
        border-radius: 8px;
        font-size: 13px;
        line-height: 1.3;
    }
}

@media (max-width: 374px) {
    .kmtDemo__visual {
        height: 320px;
    }
}

/* End */


/* Start:/bitrix/templates/kmt-2024/components/bitrix/news.list/catalog-front-list/style.css?1788416111340*/
.catalogFront__heading {
    min-width: 0;
}

.catalogFront__title {
    margin: 0;
}

.catalogFront__subtitle {
    max-width: 920px;
    margin-top: 12px;
    color: #7f8fa8;
    font-size: 16px;
    line-height: 1.45;
}

@media (max-width: 767px) {
    .catalogFront__subtitle {
        margin-top: 8px;
        font-size: 14px;
    }
}

/* End */


/* Start:/local/components/tsv/tradein.front/templates/.default/style.css?178841611221787*/
/*
 * Trade-In на главной странице
 */

.kmtTradeIn,
.kmtTradeIn *,
.kmtTradeIn *::before,
.kmtTradeIn *::after {
    box-sizing: border-box;
}

.kmtTradeIn {
    position: relative;
}

.kmtTradeIn__panel {
    position: relative;
    min-height: 440px;
    overflow: hidden;
    border-radius: 4px;
    background:
        radial-gradient(
            circle at 86% 25%,
            rgba(255, 255, 255, 0.82) 0,
            rgba(255, 255, 255, 0) 34%
        ),
        linear-gradient(
            105deg,
            #edf3fa 0%,
            #f7f9fb 56%,
            #f8e5e7 100%
        );
}

.kmtTradeIn__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 59%;
    min-height: 440px;
    padding: 43px 0 39px 45px;
}

.kmtTradeIn__eyebrow {
    position: relative;
    margin: 0 0 13px;
    color: #ed1c0a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.kmtTradeIn__title {
    max-width: 700px;
    margin: 0 0 15px;
    color: #002b64;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.17;
}

.kmtTradeIn__description {
    max-width: 680px;
    margin: 0 0 25px;
    color: #526b8d;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}

.kmtTradeIn__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    max-width: 760px;
    margin: 0 0 25px;
    border-top: 1px solid rgba(0, 43, 100, 0.15);
    border-bottom: 1px solid rgba(0, 43, 100, 0.15);
}

.kmtTradeIn__benefit {
    min-width: 0;
    padding: 15px 19px 16px 0;
}

.kmtTradeIn__benefit + .kmtTradeIn__benefit {
    padding-left: 19px;
    border-left: 1px solid rgba(0, 43, 100, 0.15);
}

.kmtTradeIn__benefitTitle {
    margin: 0 0 6px;
    color: #002b64;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.kmtTradeIn__benefitText {
    color: #607797;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}

.kmtTradeIn__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: auto;
}

.kmtTradeIn__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 215px;
    height: 48px;
    margin: 0;
    padding: 0 26px;
    border: 1px solid #ed1c0a;
    border-radius: 2px;
    background: #ed1c0a;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.kmtTradeIn__button:hover,
.kmtTradeIn__button:focus {
    border-color: #ce190a;
    background: #ce190a;
    color: #fff;
}

.kmtTradeIn__button:active {
    border-color: #b71608;
    background: #b71608;
}

.kmtTradeIn__note {
    max-width: 230px;
    color: #607797;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}

/*
 * Изображения
 */

.kmtTradeIn__visual {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 46%;
    padding: 35px 25px 15px 0;
    pointer-events: none;
}

.kmtTradeIn__machine,
.kmtTradeIn__arrows {
    position: relative;
    display: block;
    flex: 0 0 auto;
    height: auto;
    max-width: none;
    object-fit: contain;
    user-select: none;
}

.kmtTradeIn__machine {
    z-index: 2;
    filter: drop-shadow(
        0 13px 11px rgba(0, 24, 57, 0.14)
    );
}

.kmtTradeIn__machine_old {
    width: 50%;
    margin-right: -1%;
}

.kmtTradeIn__arrows {
    z-index: 3;
    width: 20%;
    margin-right: -1%;
    margin-left: -1%;
    filter: drop-shadow(
        0 4px 4px rgba(237, 28, 10, 0.12)
    );
}

.kmtTradeIn__machine_new {
    width: 50%;
    margin-right: -2%;
}

/*
 * Адаптив блока
 */

@media screen and (max-width: 1350px) {
    .kmtTradeIn__content {
        width: 61%;
        padding-left: 38px;
    }

    .kmtTradeIn__title {
        font-size: 32px;
    }

    .kmtTradeIn__benefits {
        max-width: 700px;
    }

    .kmtTradeIn__visual {
        width: 44%;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1100px) {
    .kmtTradeIn__panel {
        min-height: 0;
    }

    .kmtTradeIn__content {
        width: 100%;
        min-height: 0;
        padding: 38px 38px 295px;
    }

    .kmtTradeIn__description {
        max-width: 720px;
    }

    .kmtTradeIn__benefits {
        max-width: none;
    }

    .kmtTradeIn__visual {
        top: auto;
        right: 0;
        bottom: 0;
        justify-content: center;
        width: 100%;
        height: 275px;
        padding: 15px 8% 5px;
    }

    .kmtTradeIn__machine_old {
        width: 28%;
    }

    .kmtTradeIn__arrows {
        width: 14%;
    }

    .kmtTradeIn__machine_new {
        width: 39%;
    }
}

@media screen and (max-width: 767px) {
    .kmtTradeIn__content {
        padding: 31px 23px 230px;
    }

    .kmtTradeIn__eyebrow {
        margin-bottom: 11px;
        font-size: 11px;
    }

    .kmtTradeIn__title {
        margin-bottom: 13px;
        font-size: 27px;
        line-height: 1.2;
    }

    .kmtTradeIn__description {
        margin-bottom: 21px;
        font-size: 15px;
    }

    .kmtTradeIn__benefits {
        grid-template-columns: 1fr;
        margin-bottom: 22px;
    }

    .kmtTradeIn__benefit,
    .kmtTradeIn__benefit + .kmtTradeIn__benefit {
        padding: 11px 0;
        border-left: 0;
    }

    .kmtTradeIn__benefit + .kmtTradeIn__benefit {
        border-top: 1px solid rgba(0, 43, 100, 0.12);
    }

    .kmtTradeIn__benefitTitle {
        margin-bottom: 3px;
    }

    .kmtTradeIn__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .kmtTradeIn__button {
        width: 100%;
        min-width: 0;
    }

    .kmtTradeIn__note {
        max-width: none;
    }

    .kmtTradeIn__visual {
        height: 205px;
        padding: 10px 8px 0;
    }

    .kmtTradeIn__machine_old {
        width: 34%;
    }

    .kmtTradeIn__arrows {
        width: 17%;
    }

    .kmtTradeIn__machine_new {
        width: 46%;
    }
}

@media screen and (max-width: 420px) {
    .kmtTradeIn__content {
        padding: 27px 18px 190px;
    }

    .kmtTradeIn__title {
        font-size: 24px;
    }

    .kmtTradeIn__description {
        font-size: 14px;
    }

    .kmtTradeIn__benefitTitle {
        font-size: 13px;
    }

    .kmtTradeIn__benefitText {
        font-size: 11px;
    }

    .kmtTradeIn__visual {
        height: 170px;
        padding-right: 2px;
        padding-left: 2px;
    }

    .kmtTradeIn__machine_old {
        width: 35%;
    }

    .kmtTradeIn__arrows {
        width: 17%;
    }

    .kmtTradeIn__machine_new {
        width: 47%;
    }
}

/*
 * Форма Trade-In
 */

.tradeInPopup,
.tradeInPopup *,
.tradeInPopup *::before,
.tradeInPopup *::after {
    box-sizing: border-box;
}

.tradeInPopup {
    position: relative;
    display: block;
    width: 100%;
    max-width: 520px;
    color: #002b64;
    font-family: inherit;
}

.tradeInPopup__header {
    display: block;
    margin: 0 0 20px;
}

.tradeInPopup__title,
.tradeInPopup .popup__title {
    display: block;
    margin: 0 0 6px;
    padding: 0 45px 0 0;
    color: #002b64;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.tradeInPopup__description {
    display: block;
    max-width: 490px;
    margin: 0;
    color: #526b8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.tradeInPopup__form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tradeInPopup__field {
    display: block !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
}

.tradeInPopup__fieldLabel {
    display: block !important;
    width: 100%;
    margin: 0 0 6px;
    padding: 0;
    color: #002b64;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.tradeInPopup__field input[type="text"],
.tradeInPopup__field input[type="tel"],
.tradeInPopup__field input[type="email"],
.tradeInPopup__field textarea {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid #bcc9da !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #002b64 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.tradeInPopup__field input[type="text"],
.tradeInPopup__field input[type="tel"],
.tradeInPopup__field input[type="email"] {
    height: 44px !important;
    padding: 0 13px !important;
}

.tradeInPopup__field textarea {
    min-height: 88px !important;
    padding: 11px 13px !important;
    resize: vertical;
}

.tradeInPopup__field input::placeholder,
.tradeInPopup__field textarea::placeholder {
    color: #9baabe !important;
    opacity: 1;
}

.tradeInPopup__field input:focus,
.tradeInPopup__field textarea:focus {
    border-color: #376fae !important;
    box-shadow: 0 0 0 2px rgba(55, 111, 174, 0.1) !important;
}

.tradeInPopup__field input.error,
.tradeInPopup__field textarea.error,
.tradeInPopup__field._error input,
.tradeInPopup__field._error textarea {
    border-color: #ed1c0a !important;
}

.tradeInPopup__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 116px;
    gap: 12px;
    width: 100%;
}

.tradeInPopup__row .tradeInPopup__field {
    min-width: 0;
}

.tradeInPopup .iti,
.tradeInPopup .intl-tel-input {
    display: block !important;
    width: 100% !important;
}

.tradeInPopup .iti input,
.tradeInPopup .intl-tel-input input {
    width: 100% !important;
}

.tradeInPopup .iti__flag-container,
.tradeInPopup .iti__selected-country {
    height: 44px;
}

.tradeInPopup__footer {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.tradeInPopup__submit {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 46px !important;
    margin: 0 0 14px !important;
    padding: 0 20px !important;
    border: 1px solid #ed1c0a !important;
    border-radius: 3px !important;
    background: #ed1c0a !important;
    color: #fff !important;
    cursor: pointer;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center;
    text-decoration: none;
    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.tradeInPopup__submit:hover,
.tradeInPopup__submit:focus {
    border-color: #ce190a !important;
    background: #ce190a !important;
    color: #fff !important;
}

.tradeInPopup__submit:active {
    border-color: #b71608 !important;
    background: #b71608 !important;
}

.tradeInPopup__submit:disabled {
    border-color: #acb8c8 !important;
    background: #acb8c8 !important;
    cursor: not-allowed;
}

.tradeInPopup__consent {
    position: relative;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    align-items: flex-start;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}

.tradeInPopup__consent input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.tradeInPopup__consent .popup__checkbox-icon {
    position: relative;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #aebdd0 !important;
    border-radius: 3px;
    background: #fff !important;
}

.tradeInPopup__consent
input[type="checkbox"]:checked
+ .popup__checkbox-icon {
    border-color: #ed1c0a !important;
    background: #ed1c0a !important;
}

.tradeInPopup__consent
input[type="checkbox"]:checked
+ .popup__checkbox-icon::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 6px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

.tradeInPopup__consent
input[type="checkbox"]:focus
+ .popup__checkbox-icon {
    box-shadow: 0 0 0 2px rgba(55, 111, 174, 0.15);
}

.tradeInPopup__consent .popup__checkbox-text {
    display: block;
    min-width: 0;
    color: #002b64;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.tradeInPopup__consent .popup__checkbox-text a {
    color: #2867b2;
    text-decoration: underline;
}

.tradeInPopup__consent .popup__checkbox-text a:hover {
    color: #ed1c0a;
}

@media screen and (max-width: 600px) {
    .tradeInPopup__header {
        margin-bottom: 17px;
    }

    .tradeInPopup__title,
    .tradeInPopup .popup__title {
        padding-right: 35px;
        font-size: 24px;
    }

    .tradeInPopup__description {
        font-size: 13px;
    }

    .tradeInPopup__row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .tradeInPopup__field {
        margin-bottom: 12px !important;
    }

    .tradeInPopup__field input[type="text"],
    .tradeInPopup__field input[type="tel"],
    .tradeInPopup__field input[type="email"] {
        height: 42px !important;
    }

    .tradeInPopup__submit {
        height: 44px !important;
    }
}

/*
 * Кнопка закрытия Trade-In
 */

.tradeInPopup .popup-book-call__close-btn.popup__close-btn {
    position: absolute !important;
    top: 2px !important;
    right: 0 !important;
    z-index: 10 !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    color: #aebccd !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    appearance: none !important;
}

.tradeInPopup
.popup-book-call__close-btn.popup__close-btn::before,
.tradeInPopup
.popup-book-call__close-btn.popup__close-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: currentColor !important;
    background-image: none !important;
    transform-origin: center !important;
    transition: color 0.2s ease !important;
}

.tradeInPopup
.popup-book-call__close-btn.popup__close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.tradeInPopup
.popup-book-call__close-btn.popup__close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.tradeInPopup
.popup-book-call__close-btn.popup__close-btn:hover,
.tradeInPopup
.popup-book-call__close-btn.popup__close-btn:focus {
    background: none !important;
    color: #ed1c0a !important;
    outline: none !important;
}

/*
 * Новый вид блока Trade-In.
 * Расположен после старых правил специально: форма popup выше не меняется.
 */

.kmtTradeIn {
    color: #0c244a;
}

.kmtTradeIn__panel {
    position: relative;
    min-height: 528px;
    overflow: hidden;
    border-radius: 5px;
    background:
        radial-gradient(circle at 78% 70%, rgba(173, 207, 255, 0.86), rgba(173, 207, 255, 0) 37%),
        linear-gradient(105deg, #f3f6fc 0%, #e7ebf4 54%, #bad4fc 100%);
    cursor: pointer;
}

.kmtTradeIn__content {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    min-height: 528px;
    padding: 60px;
}

.kmtTradeIn__title {
    max-width: 950px;
    margin: 0 0 20px;
    color: #0c244a;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
}

.kmtTradeIn__description {
    max-width: 950px;
    margin: 0;
    color: #5e6e85;
    font-size: 20px;
    line-height: 1.3;
}

.kmtTradeIn__benefits {
    display: grid;
    grid-template-columns: repeat(4, 359px);
    gap: 20px;
    width: 100%;
    max-width: 1496px;
    margin: 116px 0 0;
    border: 0;
}

.kmtTradeIn__benefit,
.kmtTradeIn__benefit + .kmtTradeIn__benefit {
    min-width: 0;
    padding: 20px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    transition: background-color 0.2s ease;
}

.kmtTradeIn__benefit:hover {
    background: #e7f0ff;
}

.kmtTradeIn__benefitHeading {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.kmtTradeIn__icon {
    display: flex;
    flex: 0 0 51px;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    background: #de1500;
}

.kmtTradeIn__icon img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.kmtTradeIn__benefitTitle {
    flex: 1 1 auto;
    margin: 2px 0 0;
    color: #0c244a;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.kmtTradeIn__benefitText {
    margin: 20px 0 0;
    color: #5e6e85;
    font-size: 16px;
    line-height: 1.3;
}

.kmtTradeIn__coin {
    position: absolute;
    z-index: 1;
    display: block;
    max-width: none;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.kmtTradeIn__coin_blueTop {
    top: -145px;
    right: 17%;
    width: 400px;
    transform: rotate(0deg);
}

.kmtTradeIn__coin_blueBottom {
    right: 28%;
    bottom: -175px;
    width: 400px;
    filter: blur(4px);
    opacity: 0.45;
}
.kmtTradeIn__coin_blueSmall {
    top: 145px;
    right: 16%;
    width: 135px;
    transform: rotate(-90deg);
    filter: blur(5px);
    opacity: 0.42;
}

.kmtTradeIn__coin_gray {
    right: 20px;
    bottom: 85px;
    width: 280px;
    transform: rotate(0deg);
}

.kmtTradeIn__coin_grayTop {
    top: -105px;
    right: -20px;
    bottom: auto;
    width: 216px;
    transform: rotate(20deg);
    opacity: 0.3;
    filter: blur(3px);
}

@media screen and (max-width: 1350px) {
    .kmtTradeIn__content {
        padding: 48px;
    }

    .kmtTradeIn__benefits {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
        margin-top: 96px;
    }

    .kmtTradeIn__benefit,
    .kmtTradeIn__benefit + .kmtTradeIn__benefit {
        padding: 17px;
    }

    .kmtTradeIn__benefitHeading {
        gap: 12px;
    }

    .kmtTradeIn__benefitTitle {
        font-size: 16px;
    }

    .kmtTradeIn__benefitText {
        font-size: 14px;
    }
}

@media screen and (max-width: 1050px) {
    .kmtTradeIn__panel,
    .kmtTradeIn__content {
        min-height: 0;
    }

    .kmtTradeIn__content {
        padding: 40px;
    }

    .kmtTradeIn__title {
        max-width: 72%;
        font-size: 31px;
    }

    .kmtTradeIn__description {
        max-width: 72%;
        font-size: 17px;
    }

    .kmtTradeIn__benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 68px;
    }

    .kmtTradeIn__coin_blueTop {
        top: -42px;
        right: -30px;
        width: 280px;
    }

    .kmtTradeIn__coin_blueBottom {
        display: none;
    }

    .kmtTradeIn__coin_blueSmall,
    .kmtTradeIn__coin_grayTop {
        display: none;
    }

    .kmtTradeIn__coin_gray {
        right: -65px;
        bottom: 8%;
        width: 220px;
        opacity: 0.65;
    }
}

@media screen and (max-width: 767px) {
    .kmtTradeIn__content {
        padding: 30px 22px;
    }

    .kmtTradeIn__title {
        max-width: 100%;
        margin-bottom: 14px;
        padding-right: 60px;
        font-size: 26px;
    }

    .kmtTradeIn__description {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.45;
    }

    .kmtTradeIn__benefits {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 30px;
    }

    .kmtTradeIn__benefit,
    .kmtTradeIn__benefit + .kmtTradeIn__benefit {
        padding: 16px;
    }

    .kmtTradeIn__benefitText {
        margin-top: 12px;
    }

    .kmtTradeIn__coin_blueTop {
        top: -40px;
        right: -66px;
        width: 180px;
        opacity: 0.75;
    }

    .kmtTradeIn__coin_gray {
        right: -82px;
        bottom: 22%;
        width: 175px;
        opacity: 0.32;
    }
}

@media screen and (max-width: 420px) {
    .kmtTradeIn__content {
        padding: 25px 16px;
    }

    .kmtTradeIn__title {
        padding-right: 35px;
        font-size: 23px;
    }

    .kmtTradeIn__description {
        font-size: 14px;
    }

    .kmtTradeIn__benefitHeading {
        gap: 12px;
    }

    .kmtTradeIn__icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .kmtTradeIn__icon img {
        width: 28px;
        height: 28px;
    }

    .kmtTradeIn__benefitTitle {
        font-size: 15px;
        line-height: 1.2;
    }

    .kmtTradeIn__benefitText {
        font-size: 13px;
        line-height: 1.4;
    }
}

@media (hover: none) {
    .kmtTradeIn__benefit:hover {
        background: #fff;
    }
}

/* End */


/* Start:/local/components/tsv/socials.front/templates/.default/style.css?17884161124214*/
.kmtSocials {
    padding: 30px 0 95px;
}

.kmtSocials__card {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
    gap: clamp(30px, 5vw, 90px);
    align-items: end;
    min-height: 313px;
    padding: 30px 32px 28px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 14px 28px rgba(12, 36, 74, 0.08);
}

.kmtSocials__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.kmtSocials__title {
    margin: 0 0 clamp(25px, 3vw, 55px);
    color: #0c244a;
    font-size: clamp(26px, 2vw, 36px);
    font-weight: 700;
    line-height: 1.2;
}

.kmtSocials__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 418px));
    width: 100%;
    max-width: 856px;
    gap: 14px 20px;
}

.kmtSocials__link {
    position: relative;
    display: flex;
    width: 100%;
    height: 85px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 3px;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.kmtSocials__link:hover {
    background-color: #de1500;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.kmtSocials__link:focus-visible {
    outline: 3px solid rgba(222, 21, 0, 0.35);
    outline-offset: 3px;
}

.kmtSocials__link img {
    position: relative;
    z-index: 2;
    display: block;
    width: clamp(38px, 3.4vw, 54px);
    height: clamp(38px, 3.4vw, 54px);
}

.kmtSocials__link_vk {
    background-color: #0077ff;
}

.kmtSocials__link_telegram {
    background-color: #5895db;
}

.kmtSocials__link_rutube {
    background-color: #100943;
}

.kmtSocials__link_rutube::after {
    content: "";
    position: absolute;
    top: -80px;
    right: -50px;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: #ed143b;
    transition: background-color 0.25s ease;
}

.kmtSocials__link_rutube:hover::after {
    background-color: rgba(255, 255, 255, 0.18);
}

.kmtSocials__link_dzen {
    background-color: #2c3036;
}

.kmtSocials__machine {
    position: static;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 519px;
    height: auto;
    margin-bottom: -28px;
    justify-self: end;
    transform: translateX(-55px);
    object-fit: contain;
    object-position: right bottom;
}

@media (max-width: 1700px) {

    .kmtSocials__machine {
        transform: translateX(0px);
    }


}

@media (max-width: 1199px) {
    .kmtSocials {
        padding: 25px 0 65px;
    }

    .kmtSocials__card {
        grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.75fr);
        gap: 25px;
        min-height: 260px;
        padding: 28px 26px 24px;
    }

    .kmtSocials__machine {
        max-width: 400px;
        margin-bottom: -24px;
    }

.kmtSocials__link {
    height: 72px;
}

.kmtSocials__machine {
    max-width: 400px;
    margin-bottom: -24px;

}

}

@media (max-width: 991px) {
    .kmtSocials__card {
        grid-template-columns: minmax(0, 1.65fr) minmax(210px, 0.7fr);
        gap: 20px;
        min-height: 230px;
        padding: 26px 22px 22px;
    }

    .kmtSocials__title {
        margin-bottom: 24px;
        font-size: 27px;
    }

    .kmtSocials__machine {
        max-width: 310px;
        margin-bottom: -22px;
    }

.kmtSocials__link {
    height: 64px;
}

.kmtSocials__machine {
    max-width: 310px;
    margin-bottom: -22px;
    transform: none;
}

}

@media (max-width: 767px) {
    .kmtSocials {
        padding: 20px 0 40px ;
    }

    .kmtSocials__card {
        display: block;
        min-height: 0;
        padding: 22px 16px 18px;
    }

    .kmtSocials__title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .kmtSocials__grid {
        gap: 8px;
    }

    .kmtSocials__link {
        height: 62px;
    }

    .kmtSocials__link img {
        width: 42px;
        height: 42px;
    }

    .kmtSocials__link_rutube::after {
        top: -62px;
        right: -42px;
        width: 120px;
        height: 120px;
    }

    .kmtSocials__machine {
        display: none;
    }
}

@media (max-width: 374px) {
    .kmtSocials__title {
        font-size: 21px;
    }

    .kmtSocials__link {
        height: 56px;
    }
}
/* End */


/* Start:/bitrix/templates/kmt-2024/components/bitrix/news.list/service-faq-main/style.css?1788416111755*/
.mainFaq {
    margin-bottom: 0 !important;
    padding: 58px 0 38px;
}

.mainFaq .front-block__row {
    margin-bottom: 30px;
}

.mainFaq .front-block__title {
    margin: 0;
}

.mainFaq .questionList {
    margin-bottom: 0;
}

.mainFaq + .front-block.front-block_pt {
    padding-top: 34px;
}

@media (max-width: 991px) {
    .mainFaq {
        padding: 46px 0 28px;
    }

    .mainFaq .front-block__row {
        margin-bottom: 24px;
    }

    .mainFaq + .front-block.front-block_pt {
        padding-top: 26px;
    }
}

@media (max-width: 575px) {
    .mainFaq {
        padding: 36px 0 22px;
    }

    .mainFaq .front-block__row {
        margin-bottom: 18px;
    }

    .mainFaq + .front-block.front-block_pt {
        padding-top: 20px;
    }
}

/* End */
/* /bitrix/templates/kmt-2024/dist/js/libs/calc/nouislider.min.css?17694207054220 */
/* /local/components/tsv/stats.front/templates/.default/style.css?17884161121701 */
/* /local/components/tsv/demo.front/templates/.default/style.css?17884161123870 */
/* /bitrix/templates/kmt-2024/components/bitrix/news.list/catalog-front-list/style.css?1788416111340 */
/* /local/components/tsv/tradein.front/templates/.default/style.css?178841611221787 */
/* /local/components/tsv/socials.front/templates/.default/style.css?17884161124214 */
/* /bitrix/templates/kmt-2024/components/bitrix/news.list/service-faq-main/style.css?1788416111755 */