

/* Start:/bitrix/components/bitrix/menu/templates/about_left/style.css?1766552823760*/
.about-left-menu {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding-right: 20px;
    border-right: 1px solid var(--site-input-border-color);
}

.about-left-menu_item {
    display: flex;
    min-width: 110px;
    padding: 20px 0;
    border-bottom: 1px solid var(--site-input-border-color);

    @media (min-width: 1200px) {
        min-width: 240px;
    }
}

.about-left-menu_item:last-of-type {
    border-bottom: none;
}

.about-left-menu_item a {
    width: 100%;
    height: 100%;
    color: var(--site-text3-color);
    font-size: 14px;
}

.about-left-menu_item a:visited {
    color: var(--site-text3-color);
}

.about-left-menu_item.active a {
    color: var(--site-accent-color);
}
/* End */


/* Start:/local/templates/tiros/css/pages/return/return.css?17705476026202*/
.return-page {
    margin-top: 40px;
}
.return-page section.return-quality {
    margin-top: 40px;
}
h2.return-quality__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 116%;
    color: var(--site-grey-color);
    margin-bottom: 21px;
}
.return-intro-text,
.return-quality__intro,
.return-quality__option-text,
.return-quality__option-text,
.return-quality__note,
.return-quality__action,
.return-defect__intro,
.return-defect__option-text,
.return-defect__footer,
.return-broken__intro,
.return-broken__step-text,
.return-broken__description,
.return-broken__footer {
    font-weight: 500;
    font-size: 16px;
    line-height: 118%;
    letter-spacing: 0;
    color: var(--site-text3-color);
}
.return-quality__options {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
.return-quality__option {
    border: 1px solid var(--site-input-border-color);
    border-radius: 16px;
    background-color: var(--site-light-color);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.return-quality__option-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 116%;
    color: var(--site-accent-color);
    margin: 0;
}
.return-quality__image,
.return-broken__image {
    width: 100%;
    max-height: 286px;
}
.return-quality__col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.return-defect__options {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
.return-defect__option {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    padding: 20px;
    gap: 24px;
    background-color: var(--site-light-bg-color);
    border-radius: 16px;

}
.return-defect__option-text {
    text-align: start;
}
.return-quality__option-text ul {
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.return-quality__option-text ul li {
    padding-left: 26px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3e%3ccircle cx='5' cy='5' r='5' fill='%23393FD9'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left center;
}
.return-broken__steps {
    display: flex;
    margin: 20px 0;
    gap: 20px;

}
.return-broken__step {
    padding: 20px;
    flex: 1;
    display: flex;
    align-items: center;
    border: 1px solid var(--site-input-border-color);
    border-radius: 16px;
    gap: 24px;
}
.return-broken__step-number {
    width: 52px;
    height: 52px;
    border: 3px solid var(--site-accent-color);
    border-radius: 50%;
    background: var(--site-light-color);
    color: var(--site-accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    margin: 0;
    flex-shrink: 0;
}
.return-broken__step-text {
    flex: 1;
}
.return-broken__content {
    display: flex;
    gap: 20px;
}
.return-broken__image {
    flex: 1;
}
.return-broken__description {
    flex: 1;
    display: flex;
    flex-direction: column;
    letter-spacing: 0.1px;
    justify-content: center;
}
.return-broken__footer {
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .return-defect__options,
    .return-broken__steps {
        flex-direction: column;
    }
}


@media (max-width: 767px) {
    .return-page {
        margin-top: 24px;
    }
    .return-quality__options {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 16px 0;
    }

    .return-quality__col {
        display: contents;
    }

    .return-quality__option {
        order: 1;
    }

    .return-quality__option {
        order: 2;
    }

    .return-quality__image {
        order: 3;
    }

    .return-quality__note {
        order: 5;
    }

    .return-defect__options {
        flex-direction: column;
    }

    .return-broken__steps {
        flex-direction: column;
        gap: 16px;
    }

    .return-broken__content {
        flex-direction: column;
        gap: 16px;
    }

    .return-intro-text,
    .return-quality__intro,
    .return-quality__option-text,
    .return-quality__option-text,
    .return-quality__note,
    .return-quality__action,
    .return-defect__intro,
    .return-defect__option-text,
    .return-defect__footer,
    .return-broken__intro,
    .return-broken__step-text,
    .return-broken__description,
    .return-broken__footer {
        font-weight: 500;
        font-size: 14px;
    }

    .return-page h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 100%;
    }

    .return-page section.return-quality {
        margin-top: 24px;
    }

    .return-quality__option {
        padding: 16px;
        border-radius: 8px;
        gap: 16px;
    }

    .return-quality__option-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .return-quality__option-text ul {
        margin: 16px 0;
    }

    .return-quality__image,
    .return-broken__image {
        width: 100%;
        max-height: 159px;
        border-radius: 8px;
        overflow: hidden;
    }

    .return-quality__image img,
    .return-broken__image img {
        object-position: center -17px;
        border-radius: 0px;
    }

    .return-defect__option {
        padding: 16px;
        gap: 16px;
        border-radius: 8px;
    }

    .return-defect__option-icon svg {
        height: 40px;
        width: 40px;
    }

    .return-broken__step {
        padding: 16px;
        border-radius: 8px;
        gap: 16px;
    }

    .return-broken__step-number {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

}

@media (min-width: 586px) and (max-width: 767px) {
    .return-quality__image, .return-broken__image {
        max-height: 290px;
    }
}


/* End */


/* Start:/local/templates/tiros/components/ma/form/return-callback-form/style.css?17706417727158*/
.b-message-form {
    margin: 0;
    font-family: var(--site-font-family);
}

.b-message-form_info {
    margin-bottom: 2.0em;
}
.b-message-form_item {
    margin: 0;
    zoom: 1;
}
.b-message-form_item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.b-message-form_field {
    position: relative;
}
.b-message-form_checkbox label, .b-message-form_radio label {
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    text-align: left;
    font-size: 14px;
}

.b-message-form_dropdown select {
    width: 367px;
    margin-left: 1px;
    font: normal 16px/1.2 Arial, sans-serif;
}


.b-message-form_item-hint {
    display: block;
    clear: both;
    padding: 0.4em 0 0 0;
    color: #979797;
    font-size: 11px;
}
.b-message-form_item-error {
    display: block;
    clear: both;
    margin: 0;
    padding: 0.4em 0 0 0;
    color: #dd4b39;
    font-size: 11px;
}
.b-message-form_error .b-message-form_text input, .b-message-form_error .b-message-form_date input, .b-message-form_error textarea {
    border-color: #dd4b39 !important;
}

.b-captcha {
    float: left;
    margin: -5px 0 0 -5px;
}
    .b-captcha_item {
        float: left;
        padding: 8px;
    }
    .b-captcha_selected {
        padding: 5px;
        border: 3px solid red;
    }
        .b-captcha_item span {
            display: block;
            width: 25px;
            height: 25px;
            overflow: hidden;
            text-indent: -5000px;
        }

        .b-grahic-captcha .b-captcha_item span {
            display: block;
            width: 30px;
            height: 30px;
            overflow: hidden;
            text-indent: -5000px;
            background-image: url('/local/templates/tiros/components/ma/form/return-callback-form/img/shape.png');
        }
        .b-grahic-captcha .square     { background-position: 0 0;      }
        .b-grahic-captcha .rectangle  { background-position: -30px 0;  }
        .b-grahic-captcha .triangle   { background-position: -60px 0;  }
        .b-grahic-captcha .round      { background-position: -90px 0;  }
        .b-grahic-captcha .polyhedron { background-position: -120px 0; }
        .b-grahic-captcha .trapeze    { background-position: -150px 0; }
        .b-grahic-captcha .rhombus    { background-position: -180px 0; }
        .b-grahic-captcha .oval       { background-position: -210px 0; }
        .b-grahic-captcha .star       { background-position: -240px 0; }

.b-captcha-text {
    position: relative;
    float: left;
    height: 24px;
    margin: 3px 0 0 15px;
    padding: 0 10px;
    line-height: 25px;
    background-color: #f2efda;
    background-color: #fff9c9;
    border: 1px solid #c7bf93;
}
    .b-captcha-text_corner {
        position: absolute;
        margin-top: 7px;
        margin-left: -10px;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        overflow: hidden;
        background: url(/local/templates/tiros/components/ma/form/return-callback-form/img/tip-yellow_arrows.png) no-repeat -30px 0;
    }
.b-color-captcha-text label {
    color: #000;
    font-size: 12px;
}

.b-hidden-captcha {
    display: none;
}

.b-message-form_submit {
    clear: both;
    margin-right: 30px;
}

.b-message-form_personal-data {
    overflow: hidden;
    color: #979797;
    font-size: 11px;
}
.b-message-form_required-sing {
    margin-top: 1.2em;
    margin-left: 310px;
    font-size: 11px;
}

.b-agreement {
    font-size: 14px;
}

.b-message-form_consent{
    margin-top: 12px;
    position: relative;
}

.main-user-consent-request.error{
    color: #dd4b39;
}


.b-message-form_item {
    position: relative;
}

.b-message-form__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--site-accent-color);
}

.b-message-form__title .return-text {
    color: var(--site-light-color);
}

.b-message-form_item label {
    position: absolute;
    top: 19px;
    left: 16px;
    transform: translate(0, -50%);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    color: var(--site-grey-color);
    z-index: 1;
    transition: all 0.2s;
    pointer-events: none;
}

.b-message-form_item label.active {
    top: 10px;
    font-size: 11px;
    color: var(--site-accent-color);
}

.b-message-form_text input {
    padding: 15px 16px 6px !important; 
}

.b-message-form--return-form {
    max-height: 347px;
    padding: 24px 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-image: url(/local/templates/tiros/components/ma/form/return-callback-form/../../../../img/return-background.png);
}

.b-message-form--return-form form {
    width: 100%;
    max-width: 758px;
}

.b-message-form__row,
.b-message-form__second-row {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
}

.b-message-form__row {
    margin-bottom: 16px;
}

.b-message-form__second-row {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
}

.b-message-form__row .b-message-form_item {
    flex-grow: 1;
}

.b-message-form__second-row .b-message-form_item {
    width: 100%;
}

.b-message-form__second-row .b-message-form_field {
    height: 107px;
}      

.b-message-form__second-row #i-message-form-field-137 {
    height: 100% !important;
    border-radius: 16px !important;
}

.b-message-form--return-form .g-button {
    width: 242px;
    height: 40px;
}

.b-message-form--return-form .b-message-form_submit {
    margin: 0;
}

.b-message-form__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--site-light-color);
    margin: 20px 0;
}
.callback-form_privacy-policy {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--site-grey-color);
    width: 242px;
    margin-top: 16px;
}

.callback-form_privacy-policy a {
    border-bottom: 1px solid var(--site-grey-color);
}

.callback-form_privacy-policy a:hover {
    color: var(--site-light-color) !important;
    border-color: var(--site-light-color) !important;
}

@media (max-width: 768px) {
    .b-message-form__description {
        font-size: 14px;
        margin: 8px 0 16px;
        font-weight: 400;
    }
    .b-message-form__title {
        font-size: 24px;
    }

    .b-message-form--return-form {
        padding: 16px;
        max-height: none;
        background-image: url(/local/templates/tiros/components/ma/form/return-callback-form/../../../../img/return-background-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .b-message-form__row,
    .b-message-form__second-row {
        flex-direction: column;
        gap: 8px;
    }

    .b-message-form__row {
        margin-bottom: 8px;
    }

    .b-message-form--return-form .g-button {
        width: 100%;
        height: 36px;
    }

    .callback-form_privacy-policy {
        width: auto;
        font-size: 12px;
    }
}
/* End */
/* /bitrix/components/bitrix/menu/templates/about_left/style.css?1766552823760 */
/* /local/templates/tiros/css/pages/return/return.css?17705476026202 */
/* /local/templates/tiros/components/ma/form/return-callback-form/style.css?17706417727158 */
