/* Bitrix popups */
@charset 'utf-8';
@font-face {
    font-family: 'Museo Sans Cyrl 300';
    src: url('https://passwork.me/font/museosanscyrl_300.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Museo Sans Cyrl 500';
    src: url('https://passwork.me/font/museosanscyrl_500.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Museo Sans Cyrl 700';
    src: url('https://passwork.me/font/museosanscyrl_700.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

body > div:not(.wrapper):not(.mfp-ready):first-of-type > div:nth-child(1) { /* popup box */
    border-radius: 10px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
[data-bx-form-popup-cont] { /* popup content wrapper */
    border-radius: 10px;
}
/*[data-bx-form-popup-cont] > iframe {
    border-radius: 10px;
}*/
[data-bx-form-popup-close] svg {
    display: none;
}
[data-bx-form-popup-close] { /* popup close-btn */
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 1;
    border: none;
    cursor: pointer;
    transition: all 75ms ease-in;
    background: transparent !important;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20fill%3D%22rgba(149, 152, 154, 0.99)%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M10.3,8.9l6.8-6.8c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L8.9,7.5L2.1,0.7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4\a l6.8,6.8l-6.8,6.8c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.8-6.8l6.8,6.8c0.2,0.2,0.5,0.3,0.7,0.3\a s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L10.3,8.9z%22%20%2F%3E%3C%2Fsvg%3E') !important;
    width: 14px;
    height: 14px;
/*  padding-left: 6px; // fix for Firefox 
    padding-right: 6px; // fix for Firefox */
    padding: 12px;
    background-size: 260% !important; /* svg size is 64x64 */
    background-position: 3px 3px !important;
    background-repeat: no-repeat !important;
    outline: none;
}
[data-bx-form-popup-close]:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20fill%3D%22rgba(255, 46, 46, 0.99)%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M10.3,8.9l6.8-6.8c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L8.9,7.5L2.1,0.7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4\a l6.8,6.8l-6.8,6.8c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.8-6.8l6.8,6.8c0.2,0.2,0.5,0.3,0.7,0.3\a s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L10.3,8.9z%22%20%2F%3E%3C%2Fsvg%3E') !important;
}

.form_step .b24-form-wrapper {
    padding: 0!important;
}

.b24-form-field {
    background-color: white;
    border-radius: 3px!important;
    margin-bottom: 15px!important;
}

.b24-form-control-string {
    height: 35px!important;
}

.b24-form-control {
    display: flex;
    align-items: center;
    padding-left: 220px!important;
    border: none!important;
}

input.b24-form-control {
    padding-top: 0 !important;
}

.b24-form-control:not(.b24-form-field-agreement){
    height: 35px!important;
}

.b24-form-control-container {
    margin-bottom: 15px!important;
}

.b24-form-control:focus {
    outline: 1px solid #4F84E2!important;
}

.b24-form-control-required {
    display: none;
}

.b24-form-control-label {
    font: 300 15px/18px 'Museo Sans Cyrl 300', Arial, Helvetica, sans-serif !important;
}

.b24-form-btn-block {
    color: #4F84E2!important;
}

.b24-form-btn-block .b24-form-btn {
    height: 35px;
    border-radius: 100px;
    background-color: #4F84E2!important;
    font: 300 15px/18px 'Museo Sans Cyrl 300', Arial, Helvetica, sans-serif !important;
    padding: 0 27px!important;
    width: auto;
}

.b24-form-control-alert:not(.b24-form-field-agreement) {
    border: 1px solid #FF2E2E!important;
    background-color: #FFF4F4;
    margin-bottom: 15px!important;
}

.b24-form-control-alert-message {
    background-color: transparent!important;
    color: #FF2E2E!important;
    top: initial!important;
    bottom: -12px;
    left: 0!important;
    padding: 0!important;
    font-size: 10px!important;

}
.b24-form-control-alert-message:before{
    display: none!important;
}
.b24-form-control-alert-message:after {
    display: none!important;
}

.b24-form-wrapper {
    background-color: #f5f5f5!important;
    border-radius: 10px!important;
    padding: 50px!important;
}

.b24-form-header-title {
    font: 700 24px/33px 'Museo Sans Cyrl 700', Arial, Helvetica, sans-serif !important;
    letter-spacing: normal!important;
    font-size: 32px!important;
    text-align: left!important;
    margin-bottom: 30px!important;
    width: 380px;
    line-height: 1.2!important;
}

.b24-form-padding-side {
    padding: 0!important;
}

.b24-form-btn-container {
    margin-top: 40px!important;
}

.b24-form-header {
    border: none!important;
}

.b24-window-close {
    top: 23px!important;
}

.form_step_text_small {
    margin-top: 20px;
}

.b24-form-control-list .b24-form-control-container:after {
    top: 16px!important;
}

.b24-form-control-list {
    height: 35px!important;
}

.b24-form-icon-remove {
    right: 20px!important;
    top: -8px!important;
}

textarea.b24-form-control {
    padding-top: 12px!important;
    resize: none!important;
}

.b24-form-control-text {
    height: 52px!important;
}

.b24-form-header-description {
    text-align: left!important;
    font-family: 'Museo Sans Cyrl 300'!important;
    margin-bottom: 20px!important;
}