.hc-call-me, .zagorod_callme {
    position: absolute;
    top: 10px;
    right: -147px;
    display: inline-block;
    padding-left: 23px;
    background: url('../../site/images/icons/phone-blue.svg') 0 0 no-repeat;
    cursor: pointer;
    z-index: 999;
}
.hc-call-me.tooltip__container, .zagorod_callme.tooltip__container {
    width: auto;
    height: auto;
    z-index: 110;
}
.hc-call-me.tooltip__container:before, .zagorod_callme.tooltip__container:before {
    display: none;
}
.hc-call-me .tooltip__popup, .zagorod_callme .tooltip__popup {
    top: 30px;
    left: -40px;
    padding: 30px;
    width: 330px;
    height: 310px;
}
.hc-call-me .tooltip__popup:before, .zagorod_callme .tooltip__popup:before {
    left: 40px;
}
.hc-call-me.cal-me-popup .tooltip__popup, .zagorod_callme.cal-me-popup .tooltip__popup {
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    margin-left: -165px;
    margin-top: -140px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.hc-call-me.cal-me-popup .tooltip__popup:before, .zagorod_callme.cal-me-popup .tooltip__popup:before {
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: none;
}
.hc-call-me .btn-close-tooltip, .zagorod_callme .btn-close-tooltip {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    background: url('../../site/images/icons/close-button-mini.png') 0 0 no-repeat;
    cursor: pointer;
    z-index: 100;
}
.hc-call-me .btn-call-me, .zagorod_callme .btn-call-me {
    display: inline-block;
    position: relative;
    margin-top: 40px;
    padding: 0 0 0 33.33333%;
    width: 100%;
    height: 40px;
    font: 600 12px/40px "Proxima Nova Rg";
    color: #fff;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-radius: 20px;
    background: url(../../site/images/icons/phone-white.svg) 22.22222% 9px no-repeat #ff7f05;
    cursor: pointer;
    background-size: 22px;
}
.hc-call-me .fi__label, .zagorod_callme .fi__label {
    font-size: em(12, 10);
    text-transform: none;
}
.hc-call-me .fi__element, .zagorod_callme .fi__element {
    font-size: em(18, 9.9);
}
.hc-call-me .fi__error, .zagorod_callme .fi__error {
    font-size: em(12, 10);
    text-transform: none;
}
.hc-call-me .fieldset-item.input-text, .zagorod_callme .fieldset-item.input-text {
    margin-top: 25px;
}
.hc-call-me .fieldset-item.input-text:first-of-type, .zagorod_callme .fieldset-item.input-text:first-of-type {
    margin-top: 0;
}
.hc-call-me .form-submited, .zagorod_callme .form-submited {
    text-align: center;
    position: relative;
    z-index: 10;
}
.hc-call-me .description, .zagorod_callme .description {
    margin-top: 12px;
    text-transform: none;
}
.hc-call-me .description.strong, .zagorod_callme .description.strong {
    font-size: em(12, 10);
}
.hc-call-me .btn-close-callme, .zagorod_callme .btn-close-callme {
    display: inline-block;
    margin-top: 15px;
    padding: 0;
    width: 100%;
    height: 40px;
    font: 600 12.8px/40.5334px "Proxima Nova Rg";
    color: #164CB5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 20px;
    border: 1px solid #dbdee3;
    cursor: pointer;
}
.hc-call-me .btn-close-callme:hover, .zagorod_callme .btn-close-callme:hover {
    text-decoration: none;
    background-color: #e47000;
    color: white;
}
.hc-call-me .description, .zagorod_callme .description {
    margin-top: 12px;
    font: 300 14.4px/24.6858px "Proxima Nova Rg";
    text-transform: none;
}
.hc-call-me .description.strong, .zagorod_callme .description.strong {
    font-size: 19.2px;
}
.zagorod_callme .btn-call-me {
    background: url(../../site/images/icons/install_white.svg) 13% 9px no-repeat #ff7f05;
    padding: 0 0 0 25%;
    background-size: 22px;
}
.tooltip__container {
    position: absolute;
    top: 3px;
    right: -26px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 15;
}
.tooltip__container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url('../../site/images/icons/queston-white-gray.png') 0 0 no-repeat;
}
.tooltip__popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 15px 0 0;
    border-radius: 10px;
    background: #fff;
    z-index: 50;
    cursor: default;
}
.tooltip__popup:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    border: 14px solid transparent;
    border-right-color: #fff;
    border-left-width: 0;
}
.tooltip__container.active .tooltip__popup {
    display: block;
}
.fi__label {
    display: block;
    position: absolute;
    top: 0;
    font: 400 0.75em/1em "Proxima Nova Rg";
    color: #164cb5;
    visibility: hidden;
}
.fi__element {
    margin: 10px 0 0;
    height: 40px;
    width: 100%;
    font: 300 18px/38px "Proxima Nova Rg";
    color: #34373e;
    border: 0;
    border-bottom: 1px solid #e4e7eb;
}
.fi__element:focus {
    border-bottom: 2px solid #164cb5;
}
.fi__element:focus ~ .fi__label {
    visibility: visible;
}
.error .fi__element {
    border-bottom: 2px solid #f04408;
}
.fieldset-item {
    position: relative;
}
.fi__messages {
    display: none;
    position: absolute;
}
.fi__error {
    font: 400 0.75em/2em "Proxima Nova Rg";
    color: #f04408;
}
.fieldset-item.error .fi__messages {
    display: block;
}
.personal-agreement {
    color: #000;
    position: relative;
    font: 300 13px "Proxima Nova Rg";
    margin: 10px 0;
    text-align: center;
    white-space: normal;
}
.personal-agreement a {
    color: #2873bd;
    text-decoration: none;
}
.display-none {
    display: none !important;
}


.popup {
    width: 400px;
    padding: 40px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -240px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
    z-index: 999; }
.popup .close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    background: url(../../site/images/icons/close-button-mini.png) 0 0 no-repeat;
    cursor: pointer;
    z-index: 100; }
.popup h1 {
    font: 400 1.3em "Proxima Nova Rg";
    margin-bottom: 30px;
    display: block;
    text-transform: none; }
.popup button {
    display: inline-block;
    position: relative;
    margin: 20px 0 0 0;
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    border-radius: 20px;
    border: 0;
    cursor: pointer;
    font: 600 0.75em/3.33333em "Proxima Nova Rg";
    padding: 0 20px;
    color: #fff;
    background-color: #ff7f05; }
.popup .dwm {
    display: none; }
.popup .fieldset-item {
    margin-bottom: 23px; }
.popup .fieldset-item label.small {
    font-family: "Proxima Nova Rg";
    font-size: 12px; }
.popup > label {
    margin-bottom: 20px;
    display: block;
    font-family: "Proxima Nova Rg";
    cursor: default; }
.popup .popup_list ul {
    position: absolute;
    background: #fff;
    z-index: 2;
    max-height: 110px;
    overflow-y: auto;
    margin-top: -23px; }
.popup .popup_list ul li {
    padding: 4px 6px;
    background: #f2f2f2;
    font-family: "Proxima Nova Rg";
    margin-bottom: 1px;
    cursor: pointer; }
.popup .popup_list ul li::hover {
    background-colr: #fff; }
.popup #user-filters-list {
    font: 300 15px "Proxima Nova Rg"; }
.popup #user-filters-list li {
    margin-bottom: 10px;
    display: block;
    padding-right: 50px;
    position: relative; }
.popup #user-filters-list li span {
    display: block; }
.popup #user-filters-list li span.registration-date {
    font-size: 10px; }
.popup #user-filters-list li i {
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
    width: 16px;
    height: 16px; }
.popup #user-filters-list li i:hover {
    opacity: 0.8; }
.popup #user-filters-list li .filter-remove {
    background: url(../../site/images/header/mobile/icon-btn-close-menu.svg) 0 0 no-repeat; }
.popup #user-filters-list li .filter-edit {
    background: url(../../site/images/icons/edit.svg) 0 0 no-repeat;
    right: 30px;
    background-size: 16px; }
.popup #gcaptcha_mistake {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 78px; }
.popup #gcaptcha_mistake > div {
    width: 100% !important; }
.popup .error-masech {
    text-align: center;
    font: 14px "Proxima Nova Rg";
    margin-top: 18px;
    color: #ff7f05; }
.popup .popup-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
    display: none; }