

/* Start:/local/components/cmd_u/forms/templates/form_block_right/style.css?17642533195506*/
.form_p_black {
    margin-top: 80px;
}
.form_b_center {
    margin: 0px auto;
}
.form_p_content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.left_text {
    width: min(366px, 100%);
}
.left_text p {
    font-family: Cera Pro;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #828282;
}
.form_p_form {
    width: 610px;
    background-color: #4C4A44;
    height: inherit;
}
.page_form_c__form {
    background: transparent;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #F5F5F5;
}
.form_title {
    font-family: Cera Pro;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #F5F5F5;
}
.page_form_c__inputs {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.div_input {
    width: 100%;
    position: relative;
}
.div_input input {
    width: 100%;
}
.required-icon {
    right: 0px;
    top: 0px;
    position: absolute;
    font-size: 20px;
    color: #D11B1D;
}
.page_form_c__form input[type=text],
.page_form_c__form input[type=tel],
.page_form_c__form input[type=email] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 16px;
    /* color: #BABABA; */
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 250;
    line-height: 100%;
    /* 16px */
}

.page_form_c__form input::placeholder {
    color: #BABABA;
}

.page_form_c__checkbox-input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #F4F1EA;
    position: relative;
    border-radius: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.page_form_c__checkbox-input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid #F4F1EA;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -65%) rotate(45deg);
}

.page_form_c__checkbox {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #F4F1EA;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.page_form_c__checkbox span a {
    color: #F4F1EA;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-decoration: underline;
}

.page_form_c__form button {
    position: relative;
    display: flex;
    padding: 20px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #F5F5F5;
    color: #111;
    text-align: center;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 20px */
    text-transform: uppercase;
    margin-top: auto;
}

.page_form_c__form button:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.checkboxes_new {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.checkbox_item_input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #F4F1EA;
    position: relative;
    border-radius: 0;
    flex-shrink: 0;
    cursor: pointer;
}
.checkbox_item_input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid #F4F1EA;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -65%) rotate(45deg);
}
.checkbox_item {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #F4F1EA;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.checkbox_item span a {
    color: #F4F1EA;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-decoration: underline;
}
@media (max-width: 860px) {
    .form_p_content {
        flex-direction: column;
    }
    .left_text {
        width: 100%;
    }
    .form_p_form {
        width: 100%;
    }
    .page_form_c__form {
        max-width: unset;
        border-top: unset;
        border-left: 1px solid #F5F5F5;;
    }
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}
@media (max-width: 360px) {
    .page_form_c__form button {
        font-size: 16px;
    }
}
/* End */


/* Start:/local/components/cmd_u/forms/templates/popup/style.css?17643171153887*/
.popup_over {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 10000;background: rgba(0,0,0,0.45);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);transition: opacity .22s ease,visibility .22s ease;opacity:0;visibility:hidden;}.popup_over.open {opacity: 1;visibility: visible;}.popup_close {position: absolute;cursor: pointer;right: 0px;top: 0px;}.popup_content {display: flex;align-items: center;justify-content: center;width: inherit;height: inherit;}.popup_body {width: min(100% - 40px, 680px);display: flex;flex-direction: column;gap: 40px;transform: translateY(20px);opacity: 0;transition: transform .3s ease, opacity .3s ease;}.popup_over.open .popup_body {transform: translateY(0);opacity: 1;}.popup_title {font-family: Cera Pro;font-weight: 500;font-size: 36px;line-height: 39px;vertical-align: middle;text-transform: uppercase;color: #F5F5F5;max-width: calc(100% - 20px);}.popup_subtitle {font-family: Cera Pro;font-weight: 400;font-size: 16px;line-height: 20px;vertical-align: middle;color: #F5F5F5;width: min(480px, 100%);}.popup_cont {background-color: #4C4A44;}.popup_cont form {display: flex;flex-direction: column;gap: 40px;padding: 40px;}.custom_title {display: flex;align-items: center;gap: 10px;}.name_title {font-family: Cera Pro;font-weight: 700;font-size: 16px;line-height: 100%;text-transform: uppercase;color: #F5F5F5;}.page_form_inputs {display: flex;flex-direction: column;gap: 28px;}.together_inputs_block {display: flex;gap: 20px;}.div_input {width: 100%;position: relative;}.div_input input {width: 100%;height: 47px;}.div_input textarea {width: 100%;height: 50px;resize: none;overflow-y: hidden;outline: 0px;border: 0px;border-bottom: 1px solid #BABABA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;padding: 10px;}.div_input textarea::placeholder {color: #BABABA;}.required-icon {right: 0px;top: 0px;position: absolute;font-size: 20px;color: #D11B1D;}.page_form_inputs input[type=text], .page_form_inputs input[type=tel], .page_form_inputs input[type=email] {background: transparent;border: none;border-bottom: 1px solid #BABABA;padding-bottom: 16px;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;}.page_form_inputs input::placeholder {color: #BABABA;}.checkboxes_new {display: flex;flex-direction: column;gap: 10px;}.checkbox_item_input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #F4F1EA;position: relative;border-radius: 0;flex-shrink: 0;cursor: pointer;}.checkbox_item_input[type=checkbox]:checked::after {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 10px;border: solid #F4F1EA;border-width: 0 2px 2px 0;transform: translate(-50%, -65%) rotate(45deg);}.checkbox_item {display: flex;align-items: center;gap: 13px;color: #F4F1EA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}.checkbox_item span a {color: #F4F1EA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;text-decoration: underline;}@media screen and (max-height: 880px) {.popup_body {gap: 20px;}.page_form_inputs {gap: 10px;}}@media screen and (max-height: 680px) {.popup_body {gap: 5px;}.popup_title {font-size: 20px;line-height: 25px;}.popup_subtitle, .checkbox_item, .checkbox_item span a {font-size: 12px;}}@media screen and (max-width: 650px) {.popup_body {gap: 20px;}.page_form_inputs {gap: 10px;}}@media screen and (max-width: 550px) {.popup_cont form {gap: 15px;padding: 20px;}}@media screen and (max-width: 460px) {.together_inputs_block {gap: 28px;flex-direction: column;}}
/* End */
/* /local/components/cmd_u/forms/templates/form_block_right/style.css?17642533195506 */
/* /local/components/cmd_u/forms/templates/popup/style.css?17643171153887 */
