/* Start:/local/templates/d2021_3/components/sologroupltd/main.feedback/main_page_order/style.css?17888752337473*/
div.mf-name,
div.mf-email,
div.mf-captcha,
div.mf-message {
    width: 80%;
    padding-bottom: 0.4em;
}

div.mf-name input,
div.mf-email input {
    width: 60%;
}

div.mf-message textarea {
    width: 60%;
}

span.mf-req {
    color: red;
}

div.mf-ok-text {
    color: green;
    font-weight: bold;
    padding-bottom: 1em;
}

/* order form */
.page-overlay {
    position: fixed;
    inset: 0;
    z-index: 10;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.75);

    display: none;
}

.order_form-wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;

    display: none;
    justify-content: center;
    align-items: center;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
}

.order-form {
    padding: 1rem;
    margin-bottom: 2rem;
    display: grid;

    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    box-shadow: 0px 3px 29px rgba(61, 55, 55, 0.25);
}

.order-form--popup {
    position: relative;
    margin-bottom: 0;
}

.order-form,
.order-form * {
    box-sizing: border-box;
}

.order-form_closeButton {
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 8px;
    right: 8px;

    border: none;
    border-radius: 75px;
    background-color: transparent;
    transition: background-color 0.3s var(--bezier-curve);
}

.order-form_title {
    font-family: "Myriad Pro Bold";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.order-form_subtitle {
    font-size: inherit;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
    color: var(--dark-gray);
    margin-top: 0;
    margin-bottom: 1rem;
}

.form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.order-form_input {
    font: inherit;
    font-size: 14px;
    line-height: 110%;
    width: 100%;
    padding: 11px;
    flex-grow: 1;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--light-gray-2);
    transition: border-color 0.3s var(--bezier-curve);
}

.order-form_input {
    margin-bottom: 10px;
}

.order-form_input--last {
    margin-bottom: 0;
}

.docs-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    row-gap: 10px;
    list-style: none;
}

.option {
    display: flex;
    flex-direction: column;
}

.label {
    color: var(--dark-gray);
    width: 100%;
    display: flex;
    position: relative;

    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    transition: background-color 0.3s var(--bezier-curve);
}

.label input {
    display: none;
    -webkit-tap-highlight-color: transparent;
}

.checkmark {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid var(--dark-gray);
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;

    transition-property: background-color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: var(--bezier-curve);
}

.checkmark::after {
    content: '';
    width: 11px;
    height: 11px;

    opacity: 0;
    transform: scale(0, 0);
    border-radius: 2px;
    background-color: #060E27;
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.label input:checked+.checkmark::after {
    opacity: 1;
    transform: scale(1, 1);
}

.label:has(input:checked) {
    color: var(--black);
}

.label.invalid {
    color: var(--red);
}

.label.invalid .checkmark {
    border-color: var(--red);
}

.label.invalid:has(input:checked) .checkmark {
    border-color: var(--dark-gray);
}

@media (hover:hover) {
    .order-form_input:hover {
        border-color: rgba(0, 0, 0, 0.25);
    }

    .label:hover .checkmark {
        background-color: var(--light-gray);
    }

    .label:has(input:checked):hover .checkmark::after,
    .label:has(input:checked):hover .label-text {
        opacity: 0.7;
    }
}

.label-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    transition: color 0.3s var(--bezier-curve);
}

.label-text a {
    color: inherit;
}

.checkbox-error {
    display: none;
    font-size: 12px;
    color: var(--red);
    margin-top: 8px;
}

.order-form_captcha {
    margin-bottom: 1.5rem;
}

.captcha_error_text {
    font-size: 12px;
    color: var(--red);
}

.order-form_submitButton {
    font-family: "Myriad Pro Bold";
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
    text-align: center;
    color: var(--white);

    padding: 11px 22px;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    background-color: var(--red);
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: var(--bezier-curve);
}

@media (hover:hover) {
    .order-form_closeButton:hover {
        background-color: var(--light-gray-2);
    }

    .order-form_submitButton:hover {
        background-color: var(--red-hover);
    }

    .order-form_submitButton:active {
        background-color: var(--red);
    }
}

@media (hover:none) {
    .order-form_submitButton:active {
        background-color: var(--red-hover);
    }
}

.order-form_submitButton:disabled {
    pointer-events: none;
    color: var(--primary-text-clr);
    background-color: var(--gray);
}

.order-form_col--image {
    display: none;
}

@media (min-width: 576px) {
    .order-form {
        justify-items: center;
    }

    .order-form_col--form {
        max-width: 480px;
    }
}

@media (min-width: 768px) {
    .order-form {
        padding: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .order-form {
        grid-template-columns: 1fr 1fr;
        column-gap: 1.5rem;
    }

    .order-form_col--form {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .order-form_col--image {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
    }

    .order-form_col--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }
}

@media (min-width: 1280px) {
    .order-form_title {
        font-size: 2rem;
    }
    .order-form_subtitle,
    .order-form_input,
    .label-text,
    .order-form_submitButton {
        font-size: 16px;
    }

    .label-text {
        min-height: 21px;
    }

    .checkmark {
        margin-top: 2px;
    }

    .order-form_input {
        padding: 12px 12px;
    }
    .order-form_submitButton {
        padding: 12px 24px;
    }
}

@media (min-width: 430px) {
    .order_form-wrapper {
        width: 100%;
        max-width: 400px;
        padding: 0;
    }

    .order_form-wrapper .order-form,
    .order_form-wrapper .order-form_col--form {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .order-form--popup {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1280px) {
    .order_form-wrapper {
        max-width: 440px;
    }

    .order-form_closeButton {
        width: 32px;
        height: 32px;
    }
}
/* End */


/* Start:/local/templates/d2021_3/components/sologroupltd/main.feedback/registration_feedback/style.css?178887523369*/
.label {
    color: #8e9097;
}

.label-text a {
    color: inherit;
}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17117332002729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */
/* /local/templates/d2021_3/components/sologroupltd/main.feedback/main_page_order/style.css?17888752337473 */
/* /local/templates/d2021_3/components/sologroupltd/main.feedback/registration_feedback/style.css?178887523369 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17117332002729 */