:root {
    --icon_place: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAdhAAAHYQGVw7i2AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA25JREFUWIXF101sVUUUB/BfjRJQqmm7UEONgYisED/iAo3mKfixwI0bhaCRhdG4UBfiBr+IbPxITNwpibhAdMVWDGiDMfGDVEO7aURMkErQxDS2aBSU52LO7Zt3ufe9WzHxn0xm5pw5/3Pu3JkzM/zPGGg47mZctkDuX3FogTaVuAntf1lu7Ed+YYMABqN+BocbBr0Gr+PSfgMvaEBWjBnHN9gS9QEsj3KgpBtfAH8thvEsTkrTuRmtaLdizFgUJd3maJ8MjuE6J3URPoXjeAUnQjaNuWjPRj2XyXLddLRPBMdxPFkXRBXGcASrnfvVK7NxI1GUdLnN6uAaU4Fe/2gak7oX6gheypzeH6VKJ2wndWakcQADGMJO7A3ZqPQ1m6IW7U3RznVXhWxvcAypyTn51w1gLR6MehFW4AvcpX4NKLVnpX8On+MBaSufxpv4IOTtPJBlOBrC37EfW7HE+a+BJcG1P7jb+C58zqMweE4n8ZR1rXD2Xub00ShKunLQBQbDx7yuvAY+k6YyJ87RdA2UUfDNhY951C3CnDhH0zzQlK/2LJirkY/jWmlfk1Jvla7VkK82gC01cuFgKR7H7SE7iLeywBrz1QXwS9YuT+0oPsE1+DZkG/AY7sCPFTY5XyVaqldtgXzrfYRTuDOTrQvZvhqbvr5GsDvqK7ELU/gUD2XjRsP4+QriF3FW9/5+ODim8E5w577OwZCUxWaxR7pStaXLCNwS/Q0VtveFbm30t0b/UHAVGXKoynGBbTijs5cHpNT5Gy7SmYEXKmzzGVgUNu/rnAHXBfe2XgHskaYrx8Zwuir6xRpYl41ZH7IPo78qbDaWuKbCRy224w/pECqwE39icfSX4YdwcCpKG8d0/v/isHk741kRsu29ArhC2jIzUsqcCPIdob9Eyvdt6XSbiXI6ZLtxcYzdEbKJ4JoJ7st7BXAvftZ9tT4rreCl0v4/g1d1H1qDeC10H0egu8I25/oJ99Q5vy2+5DDuDtKr40v+lm42bSkD1uGJGDOJv/BycAyG44nwcWuV8dfSnaDqBvt0EH/Zw3mBr2Js1SV0GN/rXNvnU/Fy3IB3db9miufVPrwh5fr1fQI4Ij3liqxYftYdxCPSzBwrhNerf16t7KOvK2uk07GXvuuiWPUAzR+YC3mg9rP7zx6u541/AD8pIw3UyeqPAAAAAElFTkSuQmCC");
    --icon_place2: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA3QAAAN0BcFOiBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIHSURBVFiFrZaxSmNBFIa/iYJVIEU6wWbFbWKxRhAbGyvxLSxF8Bm09wn0CWystjGtFgu7bLMrrIiItoLIaqGgxyInEHPnzJ0zyYHDvZmc8//fndyZSRARciOE0AZWgGWgq1eAn8Avvf4QkftsURGpTSAA28ATIDX5pLUhSzvDfA7oZRiPZg+YGwsAWAMeC8wH+QisFQEATeBmDPNB3gDNEoDDGuF34FLzvab20AUAbCTEHoAtoDVU39Kxh0TfhgfgzBD5C8wmZm1Wa2K9Z1kAwBTwHBF4BZYyVs2S1o72PwNTOQAd4wmOcta1ahwZGp3R2gbV6EbGAM6NcU9tRTsG0DGa/zgArNqKdgzA2se/OACs2op2DODKaF5xAFi1Ve3IC7SIva3W7+39s8PavhdzVkEArg2BHjCTMJ/BPriuiZyQltC+ISL0X7BupKer31l9+zGvoM2fIoSwAPwzfsdB3AK/9f6bTn0qvorIZWU0MZ0niafx5onrMFKAeeBlAuYvwLwbQCEOJgBwkPSoAWjR3zxKze8ZOrbdAAqxMwbATq1+BsA0cFFgfgFMjw2gEOvAm8P8DVjP0s4pUog9B8Betq4DoAGcZpifAo2JAyhEG7hLmN8BbZemp1ghVon/53sFVt163gaF2I0A7BZplTQpxPGQ+XGpTvQ0zIkQQhP4rh83ReR/ic4HXL1RO7eWSNAAAAAASUVORK5CYII=");
}
.contact-index-index .breadcrumbs,
.contact-index-index .page-main {
    max-width: 1590px;
}
.contact-fux .form.contact input[type="text"],
.contact-fux .form.contact input[type="password"],
.contact-fux .form.contact input[type="url"],
.contact-fux .form.contact input[type="tel"],
.contact-fux .form.contact input[type="search"],
.contact-fux .form.contact input[type="number"],
.contact-fux .form.contact input[type*="date"],
.contact-fux .form.contact input[type="email"],
.contact-fux .form.contact textarea {
    border: 0;
    border-radius: 0;
    font: var(--font_text_default);
    border-bottom: 1px solid var(--gray_b9);
    box-shadow: none;
    padding: 0;
    height: auto;
}

.contact-fux .form.contact input[type="text"]:focus,
.contact-fux .form.contact input[type="password"]:focus,
.contact-fux .form.contact input[type="url"]:focus,
.contact-fux .form.contact input[type="tel"]:focus,
.contact-fux .form.contact input[type="search"]:focus,
.contact-fux .form.contact input[type="number"]:focus,
.contact-fux .form.contact input[type*="date"]:focus,
.contact-fux .form.contact input[type="email"]:focus,
.contact-fux .form.contact textarea:focus {
    border-bottom: 1px solid var(--black);
}

.contact-fux .form.contact .fieldset > .field > .label,
.contact-fux .form.contact .fieldset > .fields > .field > .label {
    font: var(--font_text_default);
    color: var(--black_15);
    margin-bottom: 3px;
}

.contact-fux .form.contact [type="checkbox"] {
    appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid #000;
    border-radius: 100%;
    display: inline-block;
    top: 0;
    cursor: pointer;
    margin: 0 8px 0 0;
}

.contact-fux .form.contact [type="checkbox"] + label{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.contact-fux .form.contact [type="checkbox"]:checked{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='20' height='20' rx='2' fill='%23000'/%3E%3Cpath d='M5 10l4 4 6-7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 13px;
    background-position: center center;
}

.contact-fux .form.contact [type="checkbox"]:focus {
    box-shadow: none;
}

.contact-fux .form.contact [type="checkbox"],
.contact-fux .form.contact [type="checkbox"] + label,
.contact-fux .form.contact [type="checkbox"] + .label{
    margin: 0 10px 0 0;
    top: 0;
}

.contact-fux .form.contact .fieldset > .field.required > .label:after,
.contact-fux .form.contact .fieldset > .fields > .field.required > .label:after,
.contact-fux .form.contact .fieldset > .field._required > .label:after,
.contact-fux .form.contact .fieldset > .fields > .field._required > .label:after {
    font: var(--font_text_default);
}

.contact-fux .form.contact .fieldset:after {
    font-family: var(--font_heading);
    font-size: 14px;
}
.contact-fux form#contact-form > .fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.contact-fux form#contact-form > .fieldset > .field {
    flex: 1 1 calc(50% - 20px);
    margin: 0;
}
.contact-fux .form.contact input[id*="agreement_"][type="checkbox"] {
    top: 4px;
}
.contact-fux .page-title-wrapper .page-title {
    font: normal normal 700 32px/39px Montserrat;
    color: var(--black);
    margin: 60px 0 40px;
    padding: 0 0 20px;
    position: relative;
}
.contact-fux .page-title-wrapper .page-title span.base:after{
    position: absolute;
    width: 221px;
    height: 2px;
    content: '';
    left: 0;
    bottom: 0;
    background: var(--color_yellow_2);
}
form#contact-form button.action.submit.primary {
    margin-top: 10px;
    display: inline-block;
    border: 0;
    outline: 0;
    box-shadow: none;
    font: normal normal 500 24px/30px Montserrat;
    box-sizing: border-box;
    padding: 7px 30px;
    border-radius: 32px;
    background: var(--color_yellow_1);
    color: var(--white);
    text-decoration: none;
}
form#contact-form button.action.submit.primary:hover {
    background: var(--black_15);
}
.contact-form-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    column-gap: 40px;
    position: relative;

}

.contact-form-container > .title-wrap {
    flex:1 1 100%;
}

.contact-form-container > form#contact-form,
.contact-form-container > .contact_info {
    flex:1 1 auto;
}
.contact-form-container > .contact_info {
    min-width: 300px;
}

.contact-fux form#contact-form > .fieldset > .field.comment {
    flex: 1 1 100%;
}
ul.contact_list_items {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
    color: var(--black_15);
    font-weight: 400;
    display: block;
}

ul.contact_list_items:first-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--gray_c7);
    margin-top: 25px;
}

ul.contact_list_items > li:last-of-type {
    margin-bottom: 0 !important;
}
.cli_place_icon,
.cli_place_icon,
.cli_info_icon,
.cli_place2_icon,
.cli_phone_icon,
.cli_mail_icon {
    display:inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.cli_info_icon:before {
    display:inline-block;
    content:var(--icon_info);
    filter:brightness(0) contrast(1);
}

.cli_place2_icon:before {}

.cli_phone_icon:before {
    content:var(--icon_call);
    filter:brightness(0) contrast(1);
}

.cli_mail_icon:before {
    content:var(--icon_email);
    filter:brightness(0) contrast(1);
}
.cli_place_icon:before {
    content:var(--icon_place);
}

.cli_place2_icon:before {
    content:var(--icon_place2);
}
.contact-form-container > .contact_info [data-content-type='image'] > img {
    max-width: 260px !important;
    height: auto;
}
.contact-form-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -330px;
    width: 330px;
    height: 330px;
    background: var(--dot_bg_gray);
    background-size: 14px;
    border-radius: 100%;
    box-shadow: inset 0 0 50px 10px white;
    opacity: 0.3;
    transform: translateY(-75%);
}
.contact-form-container:before {
    content: "";
    background-image: url(../images/x_gray.png);
    width: 133px;
    height: 137px;
    position: absolute;
    top: 50px;
    display: block;
    right: -148px;
    opacity: 0.1;
}
