/* Start:/bitrix/templates/vozledorogi/styles.css?1761821583284556*/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500&subset=cyrillic");
.nofilepic span{display:block;background: #ccc;background: #f8f8f8;
    line-height: 40px;
    text-align: center;
    color: #e8e8e8;
    text-transform: uppercase;
   
    font-weight: 400;
    letter-spacing: 8px;
    font-size: 25px;
    padding-top: 96px;}
.good-to-know .nofilepic span{width:184px;height:113px;}
.view-media-content-list .nofilepic span{width:410px;height:260px;}
.nofilepic a{ text-decoration: none;}
.form-request .webform-component--personal-data-agreement,
.login-register #edit-rules,
.login-register #edit-rules-- * {
    margin: 6px 0;
    font-size: 12px;
    color: #5e5e5e;
}

.form-request .webform-component--personal-data-agreement a,
.login-register #edit-rules a,
.login-register #edit-rules-- * a {
    color: #5e5e5e;
}

.form-request .webform-component--personal-data-agreement p,
.login-register #edit-rules p,
.login-register #edit-rules-- * p {
    margin: 0;
    line-height: normal;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    line-height: 22px;
    font-family: "Roboto", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #241f1e;
    background-color: #fff;
    min-width: 320px;
}

@media (min-width:1px) and (max-width:1000px) {
    body {
        background-color: #f2f3f6;
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template,
[hidden] {
    display: none;
}

a,
.advert-full .fields-group-field .expand-all {
    color: #0986e5;
    -webkit-text-decoration-skip: objects;
}

:visited {
    color: #0986e5;
}

a:active {
    color: #45bdff;
}

a:active:not(.button) {
    background-color: transparent;
}

a:active,
a:hover {
    outline-width: 0;
}

@media print {
    :link,
    :visited {
        text-decoration: underline;
    }
    a[href]::after {
        content: " (" attr(href) ")";
        font-weight: normal;
        font-size: 16px;
        text-decoration: none;
    }
    a[href^='javascript:']::after,
    a[href^='#']::after {
        content: '';
    }
}

h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: bold;
}

h2 {
    font-size: 28px;
    line-height: 33px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: bold;
}

@media (min-width:1px) and (max-width:1000px) {
    h2 {
        font-size: 22px;
        line-height: 33px;
    }
}

h3 {
    font-size: 21px;
    line-height: 33px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: bold;
}

h4 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: bold;
}

h5 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: 500;
}

h6 {
    font-size: 12px;
    line-height: 22px;
    margin-top: 22px;
    margin-bottom: 22px;
    font-weight: 500;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
}

@media print {
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
}

b,
strong {
    font-weight: inherit;
}

strong,
b {
    font-weight: bolder;
}

code,
kbd,
samp,
var {
    font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff8400;
    color: #241f1e;
}

small {
    font-size: 14px;
}

sub,
sup {
    font-size: 12px;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

img {
    border-style: none;
}

img,
svg {
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    box-sizing: border-box;
    max-width: 100%;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

input {
    overflow: visible;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .7;
}

:-moz-placeholder {
    color: inherit;
    opacity: .7;
}

::-moz-placeholder {
    color: inherit;
    opacity: .7;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .7;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.button,
button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -moz-appearance: button;
    -webkit-appearance: button;
}

.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
    display: inline-block;
    padding: 2px 6px;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    color: #241f1e;
}

.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active {
    text-decoration: none;
    color: #241f1e;
}

[disabled].button,
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit'] {
    cursor: default;
    color: #737373;
}

[disabled].button:hover,
button[disabled]:hover,
[disabled][type='button']:hover,
[disabled][type='reset']:hover,
[disabled][type='submit']:hover,
[disabled].button:focus,
button[disabled]:focus,
[disabled][type='button']:focus,
[disabled][type='reset']:focus,
[disabled][type='submit']:focus,
[disabled].button:active,
button[disabled]:active,
[disabled][type='button']:active,
[disabled][type='reset']:active,
[disabled][type='submit']:active {
    color: #737373;
}

[type='text'],
[type='search'],
[type='tel'],
[type='url'],
[type='email'],
[type='password'],
[type='date'],
[type='time'],
[type='number'],
textarea {
    color: #5e5e5e;
}

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

.page-user .form-type-checkbox input[type='checkbox']:checked,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked,
.page-favorites .form-type-checkbox input[type='checkbox']:checked,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked),
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked),
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked),
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked) {
    position: absolute;
    left: -9999px;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 24px;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label:before,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #130c0b;
    background-color: #ffffff;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label:before,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label:before,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label:before,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label:before {
    border-radius: 2px;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label:after {
    content: '';
    position: absolute;
    transition: all 0.2s ease;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label:after {
    left: 6px;
    top: 7px;
    width: 13px;
    height: 10px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/checkbox-icon.svg) no-repeat;
    content: '';
}

.page-user .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:not(:checked)+label:after,
.page-user .form-type-checkbox input[type='radio']:not(:checked)+label:after,
.page-user-ads .form-type-checkbox input[type='radio']:not(:checked)+label:after,
.page-favorites .form-type-checkbox input[type='radio']:not(:checked)+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='radio']:not(:checked)+label:after {
    opacity: 0;
}

.page-user .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user-ads .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-favorites .form-type-checkbox input[type='checkbox']:checked+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='checkbox']:checked+label:after,
.page-user .form-type-checkbox input[type='radio']:checked+label:after,
.page-user-ads .form-type-checkbox input[type='radio']:checked+label:after,
.page-favorites .form-type-checkbox input[type='radio']:checked+label:after,
.manage-ad-wrapper .form-type-checkbox input[type='radio']:checked+label:after {
    opacity: 1;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']:checked,
.manage-ad-wrapper .form-type-radio-group input[type='radio']:not(:checked) {
    position: absolute;
    left: -9999px;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']:checked+label,
.manage-ad-wrapper .form-type-radio-group input[type='radio']:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 24px;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']:checked+label:before,
.manage-ad-wrapper .form-type-radio-group input[type='radio']:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #130c0b;
    background-color: #ffffff;
    border-radius: 100%;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']:checked+label:after,
.manage-ad-wrapper .form-type-radio-group input[type='radio']:not(:checked)+label:after {
    content: '';
    position: absolute;
    transition: all 0.2s ease;
    opacity: 1;
    left: 7px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #38a9ff;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']+label {
    margin-right: 15px;
}

.manage-ad-wrapper .form-type-radio-group input[type='radio']:not(:checked)+label:after {
    opacity: 0;
}

fieldset {
    padding: 7.7px 13.75px 14.3px;
    border: 1px solid #a8a8a8;
    margin: 0 2px;
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    white-space: normal;
    color: inherit;
    margin-left: -5px;
    padding: 0 5px;
}

label {
    display: block;
    font-weight: bold;
}

optgroup {
    font-weight: bold;
}

textarea {
    overflow: auto;
}

.float-label,
.page-user .form-type-textfield,
.page-user .form-type-password,
.page-user .form-type-select,
.page-user-ads .form-type-textfield,
.page-user-ads .form-type-password,
.page-user-ads .form-type-select,
.page-favorites .form-type-textfield,
.page-favorites .form-type-password,
.page-favorites .form-type-select,
.section-contact .webform-component,
.login-register .forms .form-type-textfield,
.login-register .forms .form-type-password,
.manage-ad-wrapper .form-item {
    position: relative;
    margin: 15px 0 8px;
}

.float-label input,
.page-user .form-type-textfield input,
.page-user .form-type-password input,
.page-user .form-type-select input,
.page-user-ads .form-type-textfield input,
.page-user-ads .form-type-password input,
.page-user-ads .form-type-select input,
.page-favorites .form-type-textfield input,
.page-favorites .form-type-password input,
.page-favorites .form-type-select input,
.section-contact .webform-component input,
.login-register .forms .form-type-textfield input,
.login-register .forms .form-type-password input,
.manage-ad-wrapper .form-item input,
.float-label textarea,
.page-user .form-type-textfield textarea,
.page-user .form-type-password textarea,
.page-user .form-type-select textarea,
.page-user-ads .form-type-textfield textarea,
.page-user-ads .form-type-password textarea,
.page-user-ads .form-type-select textarea,
.page-favorites .form-type-textfield textarea,
.page-favorites .form-type-password textarea,
.page-favorites .form-type-select textarea,
.section-contact .webform-component textarea,
.login-register .forms .form-type-textfield textarea,
.login-register .forms .form-type-password textarea,
.manage-ad-wrapper .form-item textarea,
.float-label select,
.page-user .form-type-textfield select,
.page-user .form-type-password select,
.page-user .form-type-select select,
.page-user-ads .form-type-textfield select,
.page-user-ads .form-type-password select,
.page-user-ads .form-type-select select,
.page-favorites .form-type-textfield select,
.page-favorites .form-type-password select,
.page-favorites .form-type-select select,
.section-contact .webform-component select,
.login-register .forms .form-type-textfield select,
.login-register .forms .form-type-password select,
.manage-ad-wrapper .form-item select {
    border: 1px solid transparent;
    height: 48px;
    position: relative;
    z-index: 1;
    padding: 21px 16px 5px;
    background: rgba(216, 216, 216, 0.35);
    color: #130c0b;
    width: 100%;
    font-size: 16px;
}

.float-label input:focus,
.page-user .form-type-textfield input:focus,
.page-user .form-type-password input:focus,
.page-user .form-type-select input:focus,
.page-user-ads .form-type-textfield input:focus,
.page-user-ads .form-type-password input:focus,
.page-user-ads .form-type-select input:focus,
.page-favorites .form-type-textfield input:focus,
.page-favorites .form-type-password input:focus,
.page-favorites .form-type-select input:focus,
.section-contact .webform-component input:focus,
.login-register .forms .form-type-textfield input:focus,
.login-register .forms .form-type-password input:focus,
.manage-ad-wrapper .form-item input:focus,
.float-label input:active,
.page-user .form-type-textfield input:active,
.page-user .form-type-password input:active,
.page-user .form-type-select input:active,
.page-user-ads .form-type-textfield input:active,
.page-user-ads .form-type-password input:active,
.page-user-ads .form-type-select input:active,
.page-favorites .form-type-textfield input:active,
.page-favorites .form-type-password input:active,
.page-favorites .form-type-select input:active,
.section-contact .webform-component input:active,
.login-register .forms .form-type-textfield input:active,
.login-register .forms .form-type-password input:active,
.manage-ad-wrapper .form-item input:active,
.float-label textarea:focus,
.page-user .form-type-textfield textarea:focus,
.page-user .form-type-password textarea:focus,
.page-user .form-type-select textarea:focus,
.page-user-ads .form-type-textfield textarea:focus,
.page-user-ads .form-type-password textarea:focus,
.page-user-ads .form-type-select textarea:focus,
.page-favorites .form-type-textfield textarea:focus,
.page-favorites .form-type-password textarea:focus,
.page-favorites .form-type-select textarea:focus,
.section-contact .webform-component textarea:focus,
.login-register .forms .form-type-textfield textarea:focus,
.login-register .forms .form-type-password textarea:focus,
.manage-ad-wrapper .form-item textarea:focus,
.float-label textarea:active,
.page-user .form-type-textfield textarea:active,
.page-user .form-type-password textarea:active,
.page-user .form-type-select textarea:active,
.page-user-ads .form-type-textfield textarea:active,
.page-user-ads .form-type-password textarea:active,
.page-user-ads .form-type-select textarea:active,
.page-favorites .form-type-textfield textarea:active,
.page-favorites .form-type-password textarea:active,
.page-favorites .form-type-select textarea:active,
.section-contact .webform-component textarea:active,
.login-register .forms .form-type-textfield textarea:active,
.login-register .forms .form-type-password textarea:active,
.manage-ad-wrapper .form-item textarea:active,
.float-label select:focus,
.page-user .form-type-textfield select:focus,
.page-user .form-type-password select:focus,
.page-user .form-type-select select:focus,
.page-user-ads .form-type-textfield select:focus,
.page-user-ads .form-type-password select:focus,
.page-user-ads .form-type-select select:focus,
.page-favorites .form-type-textfield select:focus,
.page-favorites .form-type-password select:focus,
.page-favorites .form-type-select select:focus,
.section-contact .webform-component select:focus,
.login-register .forms .form-type-textfield select:focus,
.login-register .forms .form-type-password select:focus,
.manage-ad-wrapper .form-item select:focus,
.float-label select:active,
.page-user .form-type-textfield select:active,
.page-user .form-type-password select:active,
.page-user .form-type-select select:active,
.page-user-ads .form-type-textfield select:active,
.page-user-ads .form-type-password select:active,
.page-user-ads .form-type-select select:active,
.page-favorites .form-type-textfield select:active,
.page-favorites .form-type-password select:active,
.page-favorites .form-type-select select:active,
.section-contact .webform-component select:active,
.login-register .forms .form-type-textfield select:active,
.login-register .forms .form-type-password select:active,
.manage-ad-wrapper .form-item select:active {
    box-shadow: none;
    outline: none;
    background-color: rgba(168, 219, 255, 0.35);
}

.float-label input.error,
.page-user .form-type-textfield input.error,
.page-user .form-type-password input.error,
.page-user .form-type-select input.error,
.page-user-ads .form-type-textfield input.error,
.page-user-ads .form-type-password input.error,
.page-user-ads .form-type-select input.error,
.page-favorites .form-type-textfield input.error,
.page-favorites .form-type-password input.error,
.page-favorites .form-type-select input.error,
.section-contact .webform-component input.error,
.login-register .forms .form-type-textfield input.error,
.login-register .forms .form-type-password input.error,
.manage-ad-wrapper .form-item input.error,
.float-label textarea.error,
.page-user .form-type-textfield textarea.error,
.page-user .form-type-password textarea.error,
.page-user .form-type-select textarea.error,
.page-user-ads .form-type-textfield textarea.error,
.page-user-ads .form-type-password textarea.error,
.page-user-ads .form-type-select textarea.error,
.page-favorites .form-type-textfield textarea.error,
.page-favorites .form-type-password textarea.error,
.page-favorites .form-type-select textarea.error,
.section-contact .webform-component textarea.error,
.login-register .forms .form-type-textfield textarea.error,
.login-register .forms .form-type-password textarea.error,
.manage-ad-wrapper .form-item textarea.error,
.float-label select.error,
.page-user .form-type-textfield select.error,
.page-user .form-type-password select.error,
.page-user .form-type-select select.error,
.page-user-ads .form-type-textfield select.error,
.page-user-ads .form-type-password select.error,
.page-user-ads .form-type-select select.error,
.page-favorites .form-type-textfield select.error,
.page-favorites .form-type-password select.error,
.page-favorites .form-type-select select.error,
.section-contact .webform-component select.error,
.login-register .forms .form-type-textfield select.error,
.login-register .forms .form-type-password select.error,
.manage-ad-wrapper .form-item select.error {
    border: 1px solid #ff0000;
}

.float-label label,
.page-user .form-type-textfield label,
.page-user .form-type-password label,
.page-user .form-type-select label,
.page-user-ads .form-type-textfield label,
.page-user-ads .form-type-password label,
.page-user-ads .form-type-select label,
.page-favorites .form-type-textfield label,
.page-favorites .form-type-password label,
.page-favorites .form-type-select label,
.section-contact .webform-component label,
.login-register .forms .form-type-textfield label,
.login-register .forms .form-type-password label,
.manage-ad-wrapper .form-item label {
    font-weight: normal;
    color: #130c0b;
    opacity: .5;
    font-size: 16px;
    min-height: 17px;
    text-align: left;
    position: absolute;
    right: 0;
    transition: .3s;
    z-index: 2;
    top: 14px;
    left: 16px;
}

.float-label label span,
.page-user .form-type-textfield label span,
.page-user .form-type-password label span,
.page-user .form-type-select label span,
.page-user-ads .form-type-textfield label span,
.page-user-ads .form-type-password label span,
.page-user-ads .form-type-select label span,
.page-favorites .form-type-textfield label span,
.page-favorites .form-type-password label span,
.page-favorites .form-type-select label span,
.section-contact .webform-component label span,
.login-register .forms .form-type-textfield label span,
.login-register .forms .form-type-password label span,
.manage-ad-wrapper .form-item label span {
    display: none;
}

.focus.float-label label,
.page-user .focus.form-type-textfield label,
.page-user .focus.form-type-password label,
.page-user .focus.form-type-select label,
.page-user-ads .focus.form-type-textfield label,
.page-user-ads .focus.form-type-password label,
.page-user-ads .focus.form-type-select label,
.page-favorites .focus.form-type-textfield label,
.page-favorites .focus.form-type-password label,
.page-favorites .focus.form-type-select label,
.section-contact .focus.webform-component label,
.login-register .forms .focus.form-type-textfield label,
.login-register .forms .focus.form-type-password label,
.manage-ad-wrapper .focus.form-item label,
.filled.float-label label,
.page-user .filled.form-type-textfield label,
.page-user .filled.form-type-password label,
.page-user .filled.form-type-select label,
.page-user-ads .filled.form-type-textfield label,
.page-user-ads .filled.form-type-password label,
.page-user-ads .filled.form-type-select label,
.page-favorites .filled.form-type-textfield label,
.page-favorites .filled.form-type-password label,
.page-favorites .filled.form-type-select label,
.section-contact .filled.webform-component label,
.login-register .forms .filled.form-type-textfield label,
.login-register .forms .filled.form-type-password label,
.manage-ad-wrapper .filled.form-item label {
    top: 0;
    font-size: 12px;
    color: #130c0b;
}

.disabled.float-label labe,
.page-user .disabled.form-type-textfield labe,
.page-user .disabled.form-type-password labe,
.page-user .disabled.form-type-select labe,
.page-user-ads .disabled.form-type-textfield labe,
.page-user-ads .disabled.form-type-password labe,
.page-user-ads .disabled.form-type-select labe,
.page-favorites .disabled.form-type-textfield labe,
.page-favorites .disabled.form-type-password labe,
.page-favorites .disabled.form-type-select labe,
.section-contact .disabled.webform-component labe,
.login-register .forms .disabled.form-type-textfield labe,
.login-register .forms .disabled.form-type-password labe,
.manage-ad-wrapper .disabled.form-item labe,
.disabled.float-label input,
.page-user .disabled.form-type-textfield input,
.page-user .disabled.form-type-password input,
.page-user .disabled.form-type-select input,
.page-user-ads .disabled.form-type-textfield input,
.page-user-ads .disabled.form-type-password input,
.page-user-ads .disabled.form-type-select input,
.page-favorites .disabled.form-type-textfield input,
.page-favorites .disabled.form-type-password input,
.page-favorites .disabled.form-type-select input,
.section-contact .disabled.webform-component input,
.login-register .forms .disabled.form-type-textfield input,
.login-register .forms .disabled.form-type-password input,
.manage-ad-wrapper .disabled.form-item input,
.disabled.float-label textareal,
.page-user .disabled.form-type-textfield textareal,
.page-user .disabled.form-type-password textareal,
.page-user .disabled.form-type-select textareal,
.page-user-ads .disabled.form-type-textfield textareal,
.page-user-ads .disabled.form-type-password textareal,
.page-user-ads .disabled.form-type-select textareal,
.page-favorites .disabled.form-type-textfield textareal,
.page-favorites .disabled.form-type-password textareal,
.page-favorites .disabled.form-type-select textareal,
.section-contact .disabled.webform-component textareal,
.login-register .forms .disabled.form-type-textfield textareal,
.login-register .forms .disabled.form-type-password textareal,
.manage-ad-wrapper .disabled.form-item textareal {
    opacity: .5;
}

.page-user .messages-inline,
.page-user-ads .messages-inline,
.page-favorites .messages-inline,
.section-contact .messages-inline,
.login-register .forms .messages-inline,
.manage-ad-wrapper .form-item .messages-inline {
    border: 0;
}

.page-user .error.messages-inline,
.page-user-ads .error.messages-inline,
.page-favorites .error.messages-inline,
.section-contact .error.messages-inline,
.login-register .forms .error.messages-inline,
.manage-ad-wrapper .form-item .error.messages-inline {
    font-size: 12px;
    padding: 0;
    line-height: normal;
    white-space: nowrap;
}

.form-request .form-actions input,
.page-user .add-ad-btn,
.page-user-ads .add-ad-btn,
.page-favorites .add-ad-btn,
.page-user #edit-submit,
.page-user-ads #edit-submit,
.page-favorites #edit-submit,
.page-node-delete #edit-submit,
.section-contact .form-submit,
.login-register .forms input[type='submit'],
.manage-ad-wrapper .submit,
.advert-full .edit-advert,
.advert-full .phone a,
.advert-full .go a,
.page-tenders .button-wrapper a,
.purchases .content .button-wrapper a,
.block.list-of-zu .view-all a,
.search-block .views-submit-button .form-submit,
.select-place a {
    border: 0;
    border-radius: 24px;
    padding: 12px 24px;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    font-weight: 500;
}

.form-request .form-actions input,
.page-user .add-ad-btn,
.page-user-ads .add-ad-btn,
.page-favorites .add-ad-btn,
.page-user #edit-submit,
.page-user-ads #edit-submit,
.page-favorites #edit-submit,
.page-node-delete #edit-submit,
.section-contact .form-submit,
.login-register .forms input[type='submit'],
.manage-ad-wrapper .submit,
.advert-full .edit-advert,
.advert-full .phone a,
.advert-full .go a {
    color: #fff;
    background-color: #38a9ff;
    border: 2px solid #38a9ff;
}

.form-request .form-actions input:hover,
.page-user .add-ad-btn:hover,
.page-user-ads .add-ad-btn:hover,
.page-favorites .add-ad-btn:hover,
.page-user #edit-submit:hover,
.page-user-ads #edit-submit:hover,
.page-favorites #edit-submit:hover,
.page-node-delete #edit-submit:hover,
.section-contact .form-submit:hover,
.login-register .forms input[type='submit']:hover,
.manage-ad-wrapper .submit:hover,
.advert-full .edit-advert:hover,
.advert-full .phone a:hover,
.advert-full .go a:hover {
    background-color: #45bdff;
    border-color: #45bdff;
}

.form-request .form-actions input:active,
.page-user .add-ad-btn:active,
.page-user-ads .add-ad-btn:active,
.page-favorites .add-ad-btn:active,
.page-user #edit-submit:active,
.page-user-ads #edit-submit:active,
.page-favorites #edit-submit:active,
.page-node-delete #edit-submit:active,
.section-contact .form-submit:active,
.login-register .forms input[type='submit']:active,
.manage-ad-wrapper .submit:active,
.advert-full .edit-advert:active,
.advert-full .phone a:active,
.advert-full .go a:active {
    background-color: #0986e5;
    border-color: #0986e5;
}

.form-request .form-actions input:disabled,
.page-user .add-ad-btn:disabled,
.page-user-ads .add-ad-btn:disabled,
.page-favorites .add-ad-btn:disabled,
.page-user #edit-submit:disabled,
.page-user-ads #edit-submit:disabled,
.page-favorites #edit-submit:disabled,
.page-node-delete #edit-submit:disabled,
.section-contact .form-submit:disabled,
.login-register .forms input[type='submit']:disabled,
.manage-ad-wrapper .submit:disabled,
.advert-full .edit-advert:disabled,
.advert-full .phone a:disabled,
.advert-full .go a:disabled {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #fff;
}

.form-request .form-actions input:disabled:hover,
.page-user .add-ad-btn:disabled:hover,
.page-user-ads .add-ad-btn:disabled:hover,
.page-favorites .add-ad-btn:disabled:hover,
.page-user #edit-submit:disabled:hover,
.page-user-ads #edit-submit:disabled:hover,
.page-favorites #edit-submit:disabled:hover,
.page-node-delete #edit-submit:disabled:hover,
.section-contact .form-submit:disabled:hover,
.login-register .forms input[type='submit']:disabled:hover,
.manage-ad-wrapper .submit:disabled:hover,
.advert-full .edit-advert:disabled:hover,
.advert-full .phone a:disabled:hover,
.advert-full .go a:disabled:hover,
.form-request .form-actions input:disabled:active,
.page-user .add-ad-btn:disabled:active,
.page-user-ads .add-ad-btn:disabled:active,
.page-favorites .add-ad-btn:disabled:active,
.page-user #edit-submit:disabled:active,
.page-user-ads #edit-submit:disabled:active,
.page-favorites #edit-submit:disabled:active,
.page-node-delete #edit-submit:disabled:active,
.section-contact .form-submit:disabled:active,
.login-register .forms input[type='submit']:disabled:active,
.manage-ad-wrapper .submit:disabled:active,
.advert-full .edit-advert:disabled:active,
.advert-full .phone a:disabled:active,
.advert-full .go a:disabled:active {
    background-color: #fff;
    color: #bfbfbf;
}

.page-tenders .button-wrapper a,
.purchases .content .button-wrapper a,
.block.list-of-zu .view-all a {
    color: #0986e5;
    background-color: #fff;
    border: 2px solid #0986e5;
}

.page-tenders .button-wrapper a:hover,
.purchases .content .button-wrapper a:hover,
.block.list-of-zu .view-all a:hover {
    color: #fff;
    background-color: #45bdff;
    border-color: #45bdff;
}

.page-tenders .button-wrapper a:active,
.purchases .content .button-wrapper a:active,
.block.list-of-zu .view-all a:active {
    color: #fff;
    background-color: #0986e5;
}

.search-block .views-submit-button .form-submit {
    color: #0986e5;
    background-color: #fff;
}

.search-block .views-submit-button .form-submit:hover {
    background-color: #daefff;
}

.search-block .views-submit-button .form-submit:active {
    color: #fff;
    background-color: #0986e5;
}

.page-user .top-part .links,
.page-user-ads .top-part .links,
.page-favorites .top-part .links,
.manage-ad-wrapper .tabs,
.advert-full .tabs,
.price-select .tab-selectors {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    list-style: none;
    border-bottom: 2px solid #d8d8d8;
    padding: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.page-user .top-part .links::-webkit-scrollbar,
.page-user-ads .top-part .links::-webkit-scrollbar,
.page-favorites .top-part .links::-webkit-scrollbar,
.manage-ad-wrapper .tabs::-webkit-scrollbar,
.advert-full .tabs::-webkit-scrollbar,
.price-select .tab-selectors::-webkit-scrollbar {
    height: 0px;
    background: transparent;
}

.page-user .top-part .links>li,
.page-user-ads .top-part .links>li,
.page-favorites .top-part .links>li,
.manage-ad-wrapper .tabs>li,
.advert-full .tabs>li,
.price-select .tab-selectors>li {
    border-bottom: 4px solid transparent;
    padding-bottom: 12px;
    color: #38a9ff;
    margin-right: 34px;
    cursor: pointer;
    flex-shrink: 0;
}

.page-user .top-part .links>li:last-child,
.page-user-ads .top-part .links>li:last-child,
.page-favorites .top-part .links>li:last-child,
.manage-ad-wrapper .tabs>li:last-child,
.advert-full .tabs>li:last-child,
.price-select .tab-selectors>li:last-child {
    margin-right: 0;
}

.page-user .top-part .links>li.active,
.page-user-ads .top-part .links>li.active,
.page-favorites .top-part .links>li.active,
.manage-ad-wrapper .tabs>li.active,
.advert-full .tabs>li.active,
.price-select .tab-selectors>li.active {
    border-bottom-color: #38a9ff;
    color: #121212;
}

.page-user .top-part .links>li.active a,
.page-user-ads .top-part .links>li.active a,
.page-favorites .top-part .links>li.active a,
.manage-ad-wrapper .tabs>li.active a,
.advert-full .tabs>li.active a,
.price-select .tab-selectors>li.active a {
    color: #121212;
}

.page-user .top-part .links>li a,
.page-user-ads .top-part .links>li a,
.page-favorites .top-part .links>li a,
.manage-ad-wrapper .tabs>li a,
.advert-full .tabs>li a,
.price-select .tab-selectors>li a {
    text-decoration: none;
    color: #38a9ff;
}

.page-search .views-row .main .road .position,
.page-search-map .views-row .main .road .position,
.object-preview .main .road .position,
.zu-teasers-list .zu-teaser .content .road .position,
.block.list-of-zu .views-row .content .road .position,
.page-search .views-row .road-wrapper .road .position,
.page-search-map .views-row .road-wrapper .road .position,
.object-preview .road-wrapper .road .position,
.page-tenders .road-wrapper .view-content .views-row .position,
.purchases .content .road-wrapper .view-content .views-row .position,
.advert-full .position {
    color: #241f1e;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-search .views-row .main .road .position span,
.page-search-map .views-row .main .road .position span,
.object-preview .main .road .position span,
.zu-teasers-list .zu-teaser .content .road .position span,
.block.list-of-zu .views-row .content .road .position span,
.page-search .views-row .road-wrapper .road .position span,
.page-search-map .views-row .road-wrapper .road .position span,
.object-preview .road-wrapper .road .position span,
.page-tenders .road-wrapper .view-content .views-row .position span,
.purchases .content .road-wrapper .view-content .views-row .position span,
.advert-full .position span {
    display: inline-block;
    width: 23px;
    height: 10px;
    margin-left: 28px;
}

.page-search .views-row .main .road .position span.pos-0, .page-search-map .views-row .main .road .position span.pos-0, .object-preview .main .road .position span.pos-0, .zu-teasers-list .zu-teaser .content .road .position span.pos-0, .block.list-of-zu .views-row .content .road .position span.pos-0, .page-search .views-row .road-wrapper .road .position span.pos-0, .page-search-map .views-row .road-wrapper .road .position span.pos-0, .object-preview .road-wrapper .road .position span.pos-0, .page-tenders .road-wrapper .view-content .views-row .position span.pos-0, .purchases .content .road-wrapper .view-content .views-row .position span.pos-0, .advert-full .position span.pos-0 {
    background: url(/bitrix/templates/vozledorogi/./img/icons/right.svg) no-repeat center center;
}
.page-search .views-row .main .road .position span.pos-1, .page-search-map .views-row .main .road .position span.pos-1, .object-preview .main .road .position span.pos-1, .zu-teasers-list .zu-teaser .content .road .position span.pos-1, .block.list-of-zu .views-row .content .road .position span.pos-1, .page-search .views-row .road-wrapper .road .position span.pos-1, .page-search-map .views-row .road-wrapper .road .position span.pos-1, .object-preview .road-wrapper .road .position span.pos-1, .page-tenders .road-wrapper .view-content .views-row .position span.pos-1, .purchases .content .road-wrapper .view-content .views-row .position span.pos-1, .advert-full .position span.pos-1 {
    background: url(/bitrix/templates/vozledorogi/./img/icons/left.svg) no-repeat center center;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .road .position span,
    .page-search-map .views-row .main .road .position span,
    .object-preview .main .road .position span,
    .zu-teasers-list .zu-teaser .content .road .position span,
    .block.list-of-zu .views-row .content .road .position span,
    .page-search .views-row .road-wrapper .road .position span,
    .page-search-map .views-row .road-wrapper .road .position span,
    .object-preview .road-wrapper .road .position span,
    .page-tenders .road-wrapper .view-content .views-row .position span,
    .purchases .content .road-wrapper .view-content .views-row .position span,
    .advert-full .position span {
        margin-left: 15px;
    }
}

.page-search .views-row .main .road .position span.pos-2,
.page-search-map .views-row .main .road .position span.pos-2,
.object-preview .main .road .position span.pos-2,
.zu-teasers-list .zu-teaser .content .road .position span.pos-2,
.block.list-of-zu .views-row .content .road .position span.pos-2,
.page-search .views-row .road-wrapper .road .position span.pos-2,
.page-search-map .views-row .road-wrapper .road .position span.pos-2,
.object-preview .road-wrapper .road .position span.pos-2,
.page-tenders .road-wrapper .view-content .views-row .position span.pos-2,
.purchases .content .road-wrapper .view-content .views-row .position span.pos-2,
.advert-full .position span.pos-2 {
    background: url(/bitrix/templates/vozledorogi/img/icons/right.svg) no-repeat center center;
}

.page-search .views-row .main .road .position span.pos-1,
.page-search-map .views-row .main .road .position span.pos-1,
.object-preview .main .road .position span.pos-1,
.zu-teasers-list .zu-teaser .content .road .position span.pos-1,
.block.list-of-zu .views-row .content .road .position span.pos-1,
.page-search .views-row .road-wrapper .road .position span.pos-1,
.page-search-map .views-row .road-wrapper .road .position span.pos-1,
.object-preview .road-wrapper .road .position span.pos-1,
.page-tenders .road-wrapper .view-content .views-row .position span.pos-1,
.purchases .content .road-wrapper .view-content .views-row .position span.pos-1,
.advert-full .position span.pos-1 {
    background: url(/bitrix/templates/vozledorogi/img/icons/left.svg) no-repeat center center;
}

.page-search .views-row .map .country,
.page-search-map .views-row .map .country,
.object-preview .map .country,
.page-tenders .country-wrapper .country,
.zu-teasers-list .zu-teaser .map .country,
.purchases .content .country-wrapper .country,
.advert-full .country {
    width: 29px;
    height: 23px;
    background: transparent no-repeat;
}

.page-search .views-row .map .country-1.country,
.page-search-map .views-row .map .country-1.country,
.object-preview .map .country-1.country,
.page-tenders .country-wrapper .country-1.country,
.zu-teasers-list .zu-teaser .map .country-1.country,
.purchases .content .country-wrapper .country-1.country,
.advert-full .country-1.country {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/flags/russia.svg);
}

.search-map-wrapper .object-preview .tags .fav,
.zu-teasers-list .zu-teaser .content .tags .fav,
.block.list-of-zu .views-row .tags .fav {
    margin-left: auto !important;
}

.search-map-wrapper .object-preview .tags .fav a,
.zu-teasers-list .zu-teaser .content .tags .fav a,
.block.list-of-zu .views-row .tags .fav a {
    line-height: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
}

.page-search .views-row .main,
.page-search-map .views-row .main,
.object-preview .main,
.zu-teasers-list .zu-teaser .content,
.block.list-of-zu .views-row .content {
    display: flex;
    flex-direction: column;
    padding: 19px 13px 13px 20px;
    flex-grow: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main,
    .page-search-map .views-row .main,
    .object-preview .main,
    .zu-teasers-list .zu-teaser .content,
    .block.list-of-zu .views-row .content {
        padding: 14px;
    }
}

.page-search .views-row .main .type,
.page-search-map .views-row .main .type,
.object-preview .main .type,
.zu-teasers-list .zu-teaser .content .type,
.block.list-of-zu .views-row .content .type {
    font-weight: bold;
}

.page-search .views-row .main .type a,
.page-search-map .views-row .main .type a,
.object-preview .main .type a,
.zu-teasers-list .zu-teaser .content .type a,
.block.list-of-zu .views-row .content .type a {
    text-decoration: none;
    color: #130c0b;
}

.page-search .views-row .main .address,
.page-search-map .views-row .main .address,
.object-preview .main .address,
.zu-teasers-list .zu-teaser .content .address,
.block.list-of-zu .views-row .content .address {
    margin-top: 8px;
    color: #0986e5;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .address,
    .page-search-map .views-row .main .address,
    .object-preview .main .address,
    .zu-teasers-list .zu-teaser .content .address,
    .block.list-of-zu .views-row .content .address {
        margin-top: 3px;
    }
}

.page-search .views-row .main .square,
.page-search-map .views-row .main .square,
.object-preview .main .square,
.zu-teasers-list .zu-teaser .content .square,
.block.list-of-zu .views-row .content .square {
    margin-top: 6px;
    color: #241f1e;
    font-size: 14px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .square,
    .page-search-map .views-row .main .square,
    .object-preview .main .square,
    .zu-teasers-list .zu-teaser .content .square,
    .block.list-of-zu .views-row .content .square {
        margin-top: 2px;
    }
}

.page-search .views-row .main .desc,
.page-search-map .views-row .main .desc,
.object-preview .main .desc,
.zu-teasers-list .zu-teaser .content .desc,
.block.list-of-zu .views-row .content .desc {
    margin-top: 6px;
    color: #130c0b;
    font-size: 14px;
    opacity: .7;
    flex-grow: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .desc,
    .page-search-map .views-row .main .desc,
    .object-preview .main .desc,
    .zu-teasers-list .zu-teaser .content .desc,
    .block.list-of-zu .views-row .content .desc {
        font-size: 13px;
        margin-top: 18px;
        line-height: 17px;
    }
}

.page-search .views-row .main .tags .fav,
.page-search-map .views-row .main .tags .fav,
.object-preview .main .tags .fav,
.zu-teasers-list .zu-teaser .content .tags .fav,
.block.list-of-zu .views-row .content .tags .fav {
    cursor: pointer;
    margin-left: 36px;
    font-size: 14px;
    color: #737373;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .main .tags .fav,
    .page-search-map .views-row .main .tags .fav,
    .object-preview .main .tags .fav,
    .zu-teasers-list .zu-teaser .content .tags .fav,
    .block.list-of-zu .views-row .content .tags .fav {
        margin-left: auto;
    }
}

.page-search .views-row .main .tags .fav a,
.page-search-map .views-row .main .tags .fav a,
.object-preview .main .tags .fav a,
.zu-teasers-list .zu-teaser .content .tags .fav a,
.block.list-of-zu .views-row .content .tags .fav a {
    cursor: pointer;
    margin-left: auto;
    text-decoration: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

@media (min-width:555px) {
    .page-search .views-row .main .tags .fav a,
    .page-search-map .views-row .main .tags .fav a,
    .object-preview .main .tags .fav a,
    .zu-teasers-list .zu-teaser .content .tags .fav a,
    .block.list-of-zu .views-row .content .tags .fav a {
        line-height: normal;
        font-size: 14px;
        color: #737373;
    }
}

.page-search .views-row .main .tags .fav a::before,
.page-search-map .views-row .main .tags .fav a::before,
.object-preview .main .tags .fav a::before,
.zu-teasers-list .zu-teaser .content .tags .fav a::before,
.block.list-of-zu .views-row .content .tags .fav a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: -8px;
    background: url(/bitrix/templates/vozledorogi/img/icons/fav.svg) no-repeat center center;
}

.page-search .views-row .main .tags .fav a.unflag-action::before,
.page-search-map .views-row .main .tags .fav a.unflag-action::before,
.object-preview .main .tags .fav a.unflag-action::before,
.zu-teasers-list .zu-teaser .content .tags .fav a.unflag-action::before,
.block.list-of-zu .views-row .content .tags .fav a.unflag-action::before {
    background: url(/bitrix/templates/vozledorogi/img/icons/fav-active.svg) no-repeat center center;
}

.page-search .views-row .main .road,
.page-search-map .views-row .main .road,
.object-preview .main .road,
.zu-teasers-list .zu-teaser .content .road,
.block.list-of-zu .views-row .content .road,
.page-search .views-row .road-wrapper .road,
.page-search-map .views-row .road-wrapper .road,
.object-preview .road-wrapper .road,
.page-tenders .road-wrapper .view-content .views-row,
.purchases .content .road-wrapper .view-content .views-row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: 15px;
    font-size: 14px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .road,
    .page-search-map .views-row .main .road,
    .object-preview .main .road,
    .zu-teasers-list .zu-teaser .content .road,
    .block.list-of-zu .views-row .content .road,
    .page-search .views-row .road-wrapper .road,
    .page-search-map .views-row .road-wrapper .road,
    .object-preview .road-wrapper .road,
    .page-tenders .road-wrapper .view-content .views-row,
    .purchases .content .road-wrapper .view-content .views-row {
        margin-top: 12px;
        font-size: 11px;
    }
}

.page-search .views-row .main .road .road-name,
.page-search-map .views-row .main .road .road-name,
.object-preview .main .road .road-name,
.zu-teasers-list .zu-teaser .content .road .road-name,
.block.list-of-zu .views-row .content .road .road-name,
.page-search .views-row .road-wrapper .road .road-name,
.page-search-map .views-row .road-wrapper .road .road-name,
.object-preview .road-wrapper .road .road-name,
.page-tenders .road-wrapper .view-content .views-row .road-name,
.purchases .content .road-wrapper .view-content .views-row .road-name {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 6px;
    background-color: #38a9ff;
    line-height: normal;
    padding: 6px 14px 5px 16px;
    margin-right: 11px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .road .road-name,
    .page-search-map .views-row .main .road .road-name,
    .object-preview .main .road .road-name,
    .zu-teasers-list .zu-teaser .content .road .road-name,
    .block.list-of-zu .views-row .content .road .road-name,
    .page-search .views-row .road-wrapper .road .road-name,
    .page-search-map .views-row .road-wrapper .road .road-name,
    .object-preview .road-wrapper .road .road-name,
    .page-tenders .road-wrapper .view-content .views-row .road-name,
    .purchases .content .road-wrapper .view-content .views-row .road-name {
        font-size: 13px;
        padding: 7px 12px 5px 16px;
    }
}

.page-search .views-row .main .road .road-km,
.page-search-map .views-row .main .road .road-km,
.object-preview .main .road .road-km,
.zu-teasers-list .zu-teaser .content .road .road-km,
.block.list-of-zu .views-row .content .road .road-km,
.page-search .views-row .road-wrapper .road .road-km,
.page-search-map .views-row .road-wrapper .road .road-km,
.object-preview .road-wrapper .road .road-km,
.page-tenders .road-wrapper .view-content .views-row .road-km,
.purchases .content .road-wrapper .view-content .views-row .road-km {
    color: #241f1e;
}

.page-search .views-row .main .road .town-name,
.page-search-map .views-row .main .road .town-name,
.object-preview .main .road .town-name,
.zu-teasers-list .zu-teaser .content .road .town-name,
.block.list-of-zu .views-row .content .road .town-name,
.page-search .views-row .road-wrapper .road .town-name,
.page-search-map .views-row .road-wrapper .road .town-name,
.object-preview .road-wrapper .road .town-name,
.page-tenders .road-wrapper .view-content .views-row .town-name,
.purchases .content .road-wrapper .view-content .views-row .town-name {
    color: #241f1e;
}

.page-search .views-row .main .tags,
.page-search-map .views-row .main .tags,
.object-preview .main .tags,
.zu-teasers-list .zu-teaser .content .tags,
.block.list-of-zu .views-row .content .tags,
.page-search .views-row .icons-wrapper .tags,
.page-search-map .views-row .icons-wrapper .tags,
.object-preview .icons-wrapper .tags {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: 14px;
}

.page-search .views-row .main .tags .tag,
.page-search-map .views-row .main .tags .tag,
.object-preview .main .tags .tag,
.zu-teasers-list .zu-teaser .content .tags .tag,
.block.list-of-zu .views-row .content .tags .tag,
.page-search .views-row .icons-wrapper .tags .tag,
.page-search-map .views-row .icons-wrapper .tags .tag,
.object-preview .icons-wrapper .tags .tag {
    display: inline-block;
    color: #737373;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #737373;
    line-height: normal;
    padding: 4px 7px 5px;
    margin-right: 5px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .main .tags .tag,
    .page-search-map .views-row .main .tags .tag,
    .object-preview .main .tags .tag,
    .zu-teasers-list .zu-teaser .content .tags .tag,
    .block.list-of-zu .views-row .content .tags .tag,
    .page-search .views-row .icons-wrapper .tags .tag,
    .page-search-map .views-row .icons-wrapper .tags .tag,
    .object-preview .icons-wrapper .tags .tag {
        font-size: 11px;
        line-height: 11px;
    }
}

.page-search .views-row .icons-wrapper .icons,
.page-search-map .views-row .icons-wrapper .icons,
.object-preview .icons-wrapper .icons,
.manage-ad-wrapper .icons,
.advert-full .icons {
    display: flex;
    flex-direction: row;
}

.page-search .views-row .icons-wrapper .icons .icon,
.page-search-map .views-row .icons-wrapper .icons .icon,
.object-preview .icons-wrapper .icons .icon,
.manage-ad-wrapper .icons .icon,
.advert-full .icons .icon {
    width: 48px;
    height: 48px;
    margin-right: 10px;
}

.page-search .views-row .icons-wrapper .icons .icon:last-child,
.page-search-map .views-row .icons-wrapper .icons .icon:last-child,
.object-preview .icons-wrapper .icons .icon:last-child,
.manage-ad-wrapper .icons .icon:last-child,
.advert-full .icons .icon:last-child {
    margin-right: 0;
}

.page-search .views-row .icons-wrapper .icons .icon.zu,
.page-search-map .views-row .icons-wrapper .icons .icon.zu,
.object-preview .icons-wrapper .icons .icon.zu,
.manage-ad-wrapper .icons .icon.zu,
.advert-full .icons .icon.zu {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/land.svg);
}

.page-search .views-row .icons-wrapper .icons .icon.gas_station,
.page-search-map .views-row .icons-wrapper .icons .icon.gas_station,
.object-preview .icons-wrapper .icons .icon.gas_station,
.manage-ad-wrapper .icons .icon.gas_station,
.advert-full .icons .icon.gas_station,
.page-search .views-row .icons-wrapper .icons .icon.azs,
.page-search-map .views-row .icons-wrapper .icons .icon.azs,
.object-preview .icons-wrapper .icons .icon.azs,
.manage-ad-wrapper .icons .icon.azs,
.advert-full .icons .icon.azs {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/gas-station.svg);
}

.page-search .views-row .icons-wrapper .icons .icon.tank_farm,
.page-search-map .views-row .icons-wrapper .icons .icon.tank_farm,
.object-preview .icons-wrapper .icons .icon.tank_farm,
.manage-ad-wrapper .icons .icon.tank_farm,
.advert-full .icons .icon.tank_farm,
.page-search .views-row .icons-wrapper .icons .icon.oil_base,
.page-search-map .views-row .icons-wrapper .icons .icon.oil_base,
.object-preview .icons-wrapper .icons .icon.oil_base,
.manage-ad-wrapper .icons .icon.oil_base,
.advert-full .icons .icon.oil_base {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/tank-farm.svg);
}

.page-user .menu-name-user-menu .menu,
.page-user-ads .menu-name-user-menu .menu,
.page-favorites .menu-name-user-menu .menu,
.page-user .additional-links ul,
.page-user-ads .additional-links ul,
.page-favorites .additional-links ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 17px 0;
    margin: 0;
}

.page-user .menu-name-user-menu .menu a,
.page-user-ads .menu-name-user-menu .menu a,
.page-favorites .menu-name-user-menu .menu a,
.page-user .additional-links ul a,
.page-user-ads .additional-links ul a,
.page-favorites .additional-links ul a {
    text-decoration: none;
    padding: 9px 19px 11px;
    display: block;
}

.page-search .views-row,
.page-search-map .views-row,
.object-preview {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 10px 15px 0 rgba(76, 115, 151, 0.11);
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row,
    .page-search-map .views-row,
    .object-preview {
        flex-direction: column;
    }
}

.page-search .views-row:last-child,
.page-search-map .views-row:last-child,
.object-preview:last-child {
    margin-bottom: 0;
}

.page-search .views-row .map,
.page-search-map .views-row .map,
.object-preview .map {
    width: 313px;
    position: relative;
    flex-shrink: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .map,
    .page-search-map .views-row .map,
    .object-preview .map {
        height: 200px;
        width: 100%;
    }
}

.page-search .views-row .map .img,
.page-search-map .views-row .map .img,
.object-preview .map .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-search .views-row .map .country,
.page-search-map .views-row .map .country,
.object-preview .map .country {
    top: 16px;
    left: 20px;
    position: absolute;
}

.page-search .views-row .content,
.page-search-map .views-row .content,
.object-preview .content {
    display: flex;
    flex-direction: row;
    padding: 20px 57px 16px 42px;
    justify-content: space-between;
    width: 100%;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .views-row .content,
    .page-search-map .views-row .content,
    .object-preview .content {
        padding: 20px 25px 13px 20px;
    }
}

.page-search .views-row .main,
.page-search-map .views-row .main,
.object-preview .main {
    padding: 0;
    flex: 0 1 390px;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .main,
    .page-search-map .views-row .main,
    .object-preview .main {
        flex-basis: auto;
    }
}

.page-search .views-row .main .address,
.page-search-map .views-row .main .address,
.object-preview .main .address {
    display: inline-block;
    overflow-wrap: break-word;
    height: auto;
    overflow: visible;
    white-space: normal;
}
.views-row .main .address a{text-decoration: none;}
.page-search .views-row .main .road,
.page-search-map .views-row .main .road,
.object-preview .main .road {
    display: none;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .main .road,
    .page-search-map .views-row .main .road,
    .object-preview .main .road {
        display: flex;
    }
}

.page-search .views-row .main .tags .tag,
.page-search-map .views-row .main .tags .tag,
.object-preview .main .tags .tag {
    display: none;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .main .tags .tag,
    .page-search-map .views-row .main .tags .tag,
    .object-preview .main .tags .tag {
        display: block;
    }
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .main .more,
    .page-search-map .views-row .main .more,
    .object-preview .main .more {
        display: none;
    }
}

.page-search .views-row .main .more a,
.page-search-map .views-row .main .more a,
.object-preview .main .more a {
    font-size: 14px;
    color: #737373;
    text-decoration: none;
}

.page-search .views-row .road-wrapper,
.page-search-map .views-row .road-wrapper,
.object-preview .road-wrapper {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 16px;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .road-wrapper,
    .page-search-map .views-row .road-wrapper,
    .object-preview .road-wrapper {
        display: none;
    }
}

.page-search .views-row .road-wrapper .road,
.page-search-map .views-row .road-wrapper .road,
.object-preview .road-wrapper .road {
    margin-top: 70px;
}

.page-search .views-row .road-wrapper .road .position span,
.page-search-map .views-row .road-wrapper .road .position span,
.object-preview .road-wrapper .road .position span {
    margin-left: 6px;
}

.page-search .views-row .icons-wrapper,
.page-search-map .views-row .icons-wrapper,
.object-preview .icons-wrapper {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 16px;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .views-row .icons-wrapper,
    .page-search-map .views-row .icons-wrapper,
    .object-preview .icons-wrapper {
        display: none;
    }
}

.page-search .views-row .icons-wrapper .tags,
.page-search-map .views-row .icons-wrapper .tags,
.object-preview .icons-wrapper .tags {
    margin-top: 0;
    justify-content: flex-end;
}

.page-search .views-row .icons-wrapper .icons,
.page-search-map .views-row .icons-wrapper .icons,
.object-preview .icons-wrapper .icons {
    margin-top: 25px;
    justify-content: flex-end;
}

.page-search-map .views-row,
.search-map-wrapper .object-preview {
    flex-direction: column;
}

.page-search-map .active.views-row,
.search-map-wrapper .active.object-preview {
    border-top: 5px solid #38a9ff;
}

.page-search-map .views-row .map,
.search-map-wrapper .object-preview .map {
    height: 147px;
    width: 100%;
}

.page-search-map .views-row .content,
.search-map-wrapper .object-preview .content {
    padding: 20px 25px 13px 20px;
    flex-grow: 1;
    border: 1px solid transparent;
}
.page-search-map .views-row .content:hover,
.search-map-wrapper .object-preview .content:hover{border-color:#d2ecff;}

.page-search-map .views-row .main,
.search-map-wrapper .object-preview .main {
    flex-basis: auto;
}

.page-search-map .views-row .main .road,
.search-map-wrapper .object-preview .main .road {
    display: flex;
}

.page-search-map .views-row .main .tags .tag,
.search-map-wrapper .object-preview .main .tags .tag {
    display: block;
}

.page-search-map .views-row .more,
.search-map-wrapper .object-preview .more {
    display: none;
}

.page-search-map .views-row .road-wrapper,
.search-map-wrapper .object-preview .road-wrapper {
    display: none;
}

.page-search-map .views-row .icons-wrapper,
.search-map-wrapper .object-preview .icons-wrapper {
    display: none;
}

.select2-container {
    height: 100%;
    width: 100% !important;
}

.select2-container .select2-choice {
    border: none;
    background-color: transparent;
    border-radius: 0;
    padding: 25px 17px 25px 34px;
    width: 100%;
    height: 100%;
    background-image: none;
    color: #f1f7fc;
}

@media (min-width:1px) and (max-width:1000px) {
    .select2-container .select2-choice {
        padding-top: 11px;
        padding-bottom: 11px;
    }
}

.select2-drop {
    background: #108be9;
    color: #fff;
    border-top: 1px solid rgba(217, 222, 226, 0.4) !important;
    border-radius: 0;
    box-shadow: none;
}

.select2-drop.select2-drop-above {
    border-radius: 0;
    border-bottom: 1px solid rgba(217, 222, 226, 0.4) !important;
    border-top: 0 !important;
    box-shadow: none;
}

.select2-drop-active {
    border: none;
}

.select2-drop-active.select2-drop.select2-drop-above {
    border: none;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: none;
    outline: none;
    box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 20px;
    height: 10px;
    position: absolute;
    right: 17px;
    top: 33px;
    border-left: none;
    border-radius: 0;
    background-clip: padding-box;
    background-image: none;
    background-color: transparent;
}

@media (min-width:1px) and (max-width:1000px) {
    .select2-container .select2-choice .select2-arrow {
        top: 21px;
    }
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 10px;
    background: url(/bitrix/templates/vozledorogi/img/icons/arrow.svg) no-repeat 0 1px;
}

.select2-dropdown-open .select2-choice {
    border: none;
    box-shadow: none;
    background-color: #108be9;
    background-image: none;
    color: #f2f3f6;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: none;
    background-image: none;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-results {
    max-height: 250px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: #45bdff;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    padding: 0;
    display: list-item;
    background-image: none;
    border-bottom: 1px solid rgba(217, 222, 226, 0.4);
}

.select2-results .select2-result-label {
    padding: 16px 26px 18px;
    margin: 0;
    cursor: pointer;
    min-height: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #108be9;
    display: list-item;
    padding: 16px 26px 18px;
}

.select2-results .select2-highlighted {
    background: #45bdff;
    color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx) {
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }
}

table {
    margin: 22px 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td,
th {
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.no-scroll {
    overflow: hidden;
}

body .slider-indicators {
    position: absolute;
    bottom: -37px;
}

body .slider-indicators>div {
    width: 8px;
    height: 8px;
    background-color: #d8d8d8;
    display: inline-block;
    margin: 0 2px;
    border-radius: 8px;
}

body .slider-indicators>div.active {
    background-color: #38a9ff;
}

body .slider-wrapper {
    width: 100%;
    overflow: hidden;
}

body .mobile-slider {
    transition: transform 500ms ease 0s;
}

body .mobile-slider>div {
    float: left;
}

@media (max-width:320px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 320px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 375px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

@media (min-width:376px) and (max-width:420px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 420px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

@media (min-width:421px) and (max-width:668px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 668px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

@media (min-width:669px) and (max-width:800px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 800px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

@media (min-width:801px) and (max-width:1024px) {
    .page-user-ads,
    .page-favorites,
    .page-user,
    .page-favorites {
        overflow-x: hidden;
        overflow-y: scroll;
        max-width: 1024px;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        padding: 0;
        margin: 0;
    }
    .page-user-ads .layout-3col,
    .page-user-ads .region-header,
    .page-user-ads .catalog-sections,
    .page-user-ads .login-register,
    .page-user-ads .promo .search-wrapper,
    .page-user-ads .purchase-wrapper,
    .page-user-ads .select-place,
    .page-user-ads .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu,
    .page-user .layout-3col,
    .page-user .region-header,
    .page-user .catalog-sections,
    .page-user .login-register,
    .page-user .promo .search-wrapper,
    .page-user .purchase-wrapper,
    .page-user .select-place,
    .page-user .block.list-of-zu,
    .page-favorites .layout-3col,
    .page-favorites .region-header,
    .page-favorites .catalog-sections,
    .page-favorites .login-register,
    .page-favorites .promo .search-wrapper,
    .page-favorites .purchase-wrapper,
    .page-favorites .select-place,
    .page-favorites .block.list-of-zu {
        padding: 0;
    }
    .page-user-ads .sticky .layout-3col,
    .page-favorites .sticky .layout-3col,
    .page-user .sticky .layout-3col,
    .page-favorites .sticky .layout-3col {
        margin-top: 0px;
    }
}

.layout-3col,
.region-header,
.catalog-sections,
.login-register,
.footer,
.promo .search-wrapper,
.purchase-wrapper,
.select-place,
.block.list-of-zu {
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
}

@media (min-width:1px) and (max-width:1290px) {
    .layout-3col,
    .region-header,
    .catalog-sections,
    .login-register,
    .footer,
    .promo .search-wrapper,
    .purchase-wrapper,
    .select-place,
    .block.list-of-zu {
        padding-left: 16px;
        padding-right: 16px;
    }
    .page-search-map.layout-3col,
    .page-search-map.region-header,
    .page-search-map.catalog-sections,
    .page-search-map.login-register,
    .page-search-map.footer,
    .promo .page-search-map.search-wrapper,
    .page-search-map.purchase-wrapper,
    .page-search-map.select-place,
    .page-search-map.block.list-of-zu,
    .page-map.layout-3col,
    .page-map.region-header,
    .page-map.catalog-sections,
    .page-map.login-register,
    .page-map.footer,
    .promo .page-map.search-wrapper,
    .page-map.purchase-wrapper,
    .page-map.select-place,
    .page-map.block.list-of-zu {
        padding: 0;
    }
}

.clearfix::before {
    content: '';
    display: table;
}

.clearfix::after {
    content: '';
    display: table;
    clear: both;
}

.messages,
.messages--status {
    position: relative;
    padding: 10px 10px 10px 44px;
    border: 1px solid #0986e5;
}

.messages__icon {
    position: absolute;
    top: 50%;
    left: 10px;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    line-height: 1;
}

.messages__icon path {
    fill: #0986e5;
}

.messages__highlight,
.messages--error .error,
.messages.error .error {
    color: #241f1e;
}

.messages__list {
    margin: 0;
}

.messages__item {
    list-style-image: none;
}

.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current {
    background-color: white;
    color: #0986e5;
}

.messages--warning-color,
.messages--warning,
.messages.warning,
.warning {
    background-color: #fff3e6;
    color: #241f1e;
}

.messages--error-color,
.messages--error,
.messages.error,
.error {
    background-color: white;
    color: #d22d2d;
}

.messages--warning,
.messages.warning {
    border-color: #ff8400;
}

.messages--warning path,
.messages.warning path {
    fill: #ff8400;
}

.messages--error,
.messages.error {
    border-color: #d22d2d;
}

.messages--error path,
.messages.error path {
    fill: #d22d2d;
}

.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.responsive-video__embed,
.responsive-video iframe,
.media-youtube-video iframe,
.media-vimeo-preview-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video--4-3 {
    padding-bottom: 75%;
}

.visually-hidden,
.element-invisible,
.element-focusable {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.element-focusable:active,
.element-focusable:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
}

.pager {
    padding: 0;
    margin-bottom: 80px;
    text-align: left;
}

@media print {
    .pager {
        display: none;
    }
}

.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px;
    width: 36px;
    height: 36px;
}

.pager__item a,
.pager__current-item a,
.pager-current a,
.pager-item a,
.pager-first a,
.pager-previous a,
.pager-next a,
.pager-last a,
.pager-ellipsis a {
    text-decoration: none;
    font-size: 14px;
    color: #737373;
}

.pager__item.pager-ellipsis,
.pager-ellipsis {
    margin: 0 10px;
    background-color: transparent;
    width: auto;
}

.pager__item.pager-previous,
.pager__item.pager-next,
.pager-previous,
.pager-next {
    padding: 0 22px;
    width: auto;
}

.pager__current-item,
.pager-current {
    background-color: #38a9ff;
    color: #fff;
}

.autocomplete,
.form-autocomplete {
    background-image: url(/bitrix/templates/vozledorogi/img/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

.autocomplete__list-wrapper,
#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

.autocomplete__list,
#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.autocomplete__list-item,
#autocomplete li {
    background: #fff;
    color: #241f1e;
    cursor: default;
    white-space: pre;
}

.autocomplete__list-item.is-selected,
.autocomplete__list-item--is-selected,
#autocomplete li.is-selected,
#autocomplete .selected {
    background: #0986e5;
    color: #fff;
}

.autocomplete.is-throbbing,
.autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing {
    background-image: url(/bitrix/templates/vozledorogi/img/throbber-active.gif);
}

.collapsible-fieldset,
.collapsible {
    position: relative;
}

.collapsible-fieldset__legend,
.collapsible .fieldset-legend {
    display: block;
    padding-left: 15px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/expanded.svg);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

.collapsible-fieldset__summary,
.collapsible .fieldset-legend .summary {
    color: #737373;
    font-size: .9em;
    margin-left: .5em;
}

.collapsible-fieldset.is-collapsed,
.collapsible-fieldset--is-collapsed,
.is-collapsed.collapsible,
.collapsible.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper,
.collapsible-fieldset--is-collapsed__wrapper,
.is-collapsed.collapsible .collapsible-fieldset__wrapper,
.collapsible.collapsed .fieldset-wrapper {
    display: none;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__legend,
.collapsible-fieldset--is-collapsed__legend,
.is-collapsed.collapsible .collapsible-fieldset__legend,
.collapsible.collapsed .fieldset-legend,
.collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible .collapsible-fieldset.is-collapsed .fieldset-legend,
.is-collapsed.collapsible .fieldset-legend {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/collapsed.svg);
    background-position: 4px 50%;
}

.form-item {
    margin: 22px 0;
}

.form-item__required,
.form-required {
    color: #d22d2d;
}

.form-item__description,
.form-item .description {
    font-size: 14px;
}

.form-item--inline div,
.form-item--inline label,
.container-inline .form-item div,
.container-inline .form-item label {
    display: inline;
}

.form-item--inline__exception,
.container-inline .fieldset-wrapper {
    display: block;
}

.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item {
    margin: 0;
}

.form-item--radio .form-item__label,
.form-item--radio__label,
.form-type-radio .form-item__label,
.form-type-checkbox .form-item__label,
label.option {
    display: inline;
    font-weight: normal;
}

.form-item--radio .form-item__description,
.form-item--radio__description,
.form-type-radio .form-item__description,
.form-type-checkbox .form-item__description,
.form-type-radio .description,
.form-type-checkbox .description,
.form-item--radio .form-item .description,
.form-item .form-item--radio .description,
.form-type-radio .form-item .description,
.form-item .form-type-radio .description,
.form-type-checkbox .form-item .description,
.form-item .form-type-checkbox .description {
    margin-left: 1.4em;
}

.form-item.is-error .form-item__widget,
.form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 1px solid #d22d2d;
}

.dropdown-indicator {
    width: 13px;
    height: 7px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/select-triangle.png) no-repeat center;
}

.form-table__sticky-header,
.sticky-header {
    position: fixed;
    visibility: hidden;
    margin-top: 0;
    background-color: #fff;
}

.form-table__sticky-header.is-sticky,
.form-table__sticky-header--is-sticky,
.is-sticky.sticky-header {
    visibility: visible;
}

.form-table__header,
.form-table th,
form table th {
    border-bottom: 3px solid #a8a8a8;
    padding-right: 1em;
    text-align: left;
}

.form-table__body,
.form-table tbody,
form table tbody {
    border-top: 1px solid #a8a8a8;
}

.form-table__row,
.form-table tbody tr,
form table tbody tr {
    padding: .1em .6em;
    border-bottom: 1px solid #a8a8a8;
    background-color: #f8f8f8;
}

.form-table__row:nth-child(even),
.form-table tbody tr:nth-child(even),
form table tbody tr:nth-child(even) {
    background-color: #fff;
}

.form-table__row.is-active,
.form-table__row--is-active,
.form-table tbody tr.is-active,
form table tbody tr.is-active,
td.active {
    background-color: #e7e7e7;
}

.form-table__row.is-disabled,
.form-table__row--is-disabled,
.form-table tbody tr.is-disabled,
form table tbody tr.is-disabled,
td.menu-disabled {
    background: #a8a8a8;
}

.form-table__row.is-selected,
.form-table__row--is-selected,
.form-table tbody tr.is-selected,
form table tbody tr.is-selected,
tr.selected td {
    background: #fff8f0;
}

.form-table__list,
.form-table ul,
form table ul {
    margin: 0;
}

.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox {
    width: -moz-min-content;
    width: -webkit-min-content;
    text-align: center;
}

.progress-bar,
.progress {
    font-weight: bold;
}

.progress-bar__bar,
.progress .bar {
    border-radius: 3px;
    margin: 0 .2em;
    border: 1px solid #241f1e;
    background-color: #a8a8a8;
}

.progress-bar__fill,
.progress .filled {
    height: 1.5em;
    width: 5px;
    background: #0986e5 url(/bitrix/templates/vozledorogi/img/progress-bar.gif) repeat 0 0;
}

.progress-bar__percentage,
.progress .percentage {
    float: right;
}

.progress-bar--inline,
.ajax-progress-bar {
    width: 16em;
    display: inline-block;
}

.progress-throbber,
.ajax-progress {
    display: inline-block;
}

.progress-throbber__widget,
.ajax-progress .throbber {
    background: url(/bitrix/templates/vozledorogi/img/icons/progress-throbber.gif) no-repeat 0 -18px transparent;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}

.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber {
    margin: 0 2px;
}

.progress-throbber__message,
.ajax-progress .message {
    padding-left: 20px;
}

.resizable-textarea,
.resizable-textarea textarea {
    width: 100%;
    vertical-align: bottom;
}

.resizable-textarea__grippie,
.resizable-textarea .grippie {
    background: url(/bitrix/templates/vozledorogi/./img/icons/grippie.png) no-repeat center 2px #f8f8f8;
    border: 1px solid #a8a8a8;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

.table-drag__wrapper,
body.drag {
    cursor: move;
}

.table-drag__item,
tr.drag {
    background-color: #ffeedb;
}

.table-drag__item-previous,
tr.drag-previous {
    background-color: #ffe1c2;
}

.table-drag__handle,
.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
    font-size: 12px;
}

.table-drag__handle:focus,
.table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover {
    text-decoration: none;
}

.table-drag__handle-icon,
.tabledrag-handle .handle {
    box-sizing: content-box;
    background: url(/bitrix/templates/vozledorogi/./img/icons/handle-icon.png) no-repeat 6px 9px;
    height: 13px;
    margin: -.4em .5em;
    padding: .42em .5em;
    width: 13px;
}

.table-drag__handle.is-hover .table-drag__handle-icon,
.table-drag__handle-icon--is-hover,
.is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle,
.table-drag__handle.is-hover .tabledrag-handle .handle,
.tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle {
    background-position: 6px -11px;
}

.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

.table-drag__toggle-weight,
.tabledrag-toggle-weight {
    font-size: .9em;
}

.table-drag__indentation,
.indentation {
    float: left;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em;
    width: 20px;
}

.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child {
    background: url(/bitrix/templates/vozledorogi/./img/icons/tree-child.png) no-repeat 11px center;
}

.table-drag__tree-child-last,
.tree-child-last {
    background-image: url(/bitrix/templates/vozledorogi/./img/icons/tree-child-last.png);
}

.table-drag__tree-child-horizontal,
.tree-child-horizontal {
    background-position: -11px center;
}

.form-request {
    padding-left: 29px;
}

.form-request .webform-component--title {
    margin: 0;
}

.form-request h2 {
    font-size: 21px;
    line-height: 28.6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 464px;
}

.form-request>div {
    margin-left: 80px;
}

.form-request fieldset {
    margin: 0;
    padding: 0;
    width: auto;
    border: 0;
}

.form-request form>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-request .messages {
    display: none;
}

.form-request .webform-component--customer-fields {
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: 100%;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 23px;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper>* {
    width: 100%;
    flex-shrink: 0;
    margin: 0 !important;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper>*.webform-component-textarea {
    flex-shrink: 1;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper>*:first-child {
    width: 191px;
    margin-right: 29px !important;
    flex-shrink: 0;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper .form-item {
    margin: 20px 0;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper .form-item:first-child {
    margin-top: 0;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper .form-item:last-child {
    margin-bottom: 0;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper input {
    max-width: 191px;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper textarea {
    max-width: 300px;
    padding: 0;
    height: 100%;
    line-height: 23px;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper input,
.form-request .webform-component--customer-fields>.fieldset-wrapper textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #5e5e5e;
    background-color: transparent;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper input:focus,
.form-request .webform-component--customer-fields>.fieldset-wrapper textarea:focus {
    outline: none;
}

.form-request .webform-component--customer-fields>.fieldset-wrapper input.error,
.form-request .webform-component--customer-fields>.fieldset-wrapper textarea.error {
    border-bottom: 1px solid #d22d2d !important;
}

.form-request .webform-component--personal-data-agreement {
    order: 2;
    flex-grow: 1;
    flex-basis: 200px;
}

.form-request .form-actions {
    box-sizing: padding-box;
}

.form-request .form-actions input {
    margin-right: 19px;
}

.form-request.on-head h2::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    margin-right: 21px;
    width: 64px;
    height: 63px;
    background: transparent url(/upload/small-face.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
}

@media (min-width:1px) and (max-width:1160px) {
    .form-request.on-front-page>div {
        margin-left: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .form-request.on-front-page {
        padding-left: 0;
    }
    .form-request.on-front-page>div {
        margin: 0 16px;
        background-color: #fff;
        padding: 17px 16px 31px;
    }
    .form-request.on-front-page .webform-component--title {
        display: none;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper {
        flex-direction: column;
        margin-bottom: 0;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper>* {
        margin: 20px 0 !important;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper>*:first-child {
        width: 100%;
        margin: 0 !important;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper>*:last-child {
        margin-bottom: 0 !important;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper .form-item:first-child {
        margin-top: 20px;
    }
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper input,
    .form-request.on-front-page .webform-component--customer-fields>.fieldset-wrapper textarea {
        max-width: none;
        border-radius: 0;
    }
    .form-request.on-front-page form>div {
        flex-direction: column;
    }
    .form-request.on-front-page .captcha {
        width: 260px;
    }
}

.form-request.on-front-page h2 {
    margin: 0 0 34px;
}

@media (min-width:1001px) {
    .form-request.on-front-page input.form-text,
    .form-request.on-front-page textarea {
        color: #fff;
        border-color: #fff !important;
    }
}

.form-request.on-front-page .webform-component--personal-data-agreement {
    order: 0;
    flex-basis: auto;
}

@media (min-width:1001px) {
    .form-request.on-front-page .webform-component--personal-data-agreement {
        color: #fff;
        flex-grow: 0;
    }
    .form-request.on-front-page .webform-component--personal-data-agreement a {
        color: #fff;
    }
}

.form-request.on-front-page .form-actions {
    margin-top: 18px;
    margin-bottom: 11px;
}

.form-request.on-front-page .form-actions input {
    margin-left: 10px;
    margin-right: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .form-request.on-front-page .form-actions input {
        margin-left: 0;
    }
}

.front .layout-3col,
.page-search-map .layout-3col,
.page-map .layout-3col {
    max-width: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .front .layout-3col,
    .page-search-map .layout-3col,
    .page-map .layout-3col {
        padding-left: 0;
        padding-right: 0;
    }
}

body.page-node-edit.node-type-advert,
body.page-node-edit.node-type-tender {
    background-color: #dce1f0 !important;
}

body.page-node-edit.node-type-advert .layout-3col__full,
body.page-node-edit.node-type-tender .layout-3col__full {
    margin-bottom: 40px;
}

body.page-node-edit.node-type-advert .layout-3col__full>h1,
body.page-node-edit.node-type-tender .layout-3col__full>h1 {
    display: none;
}

body.page-node.node-type-advert,
body.page-node.node-type-tender {
    background-color: #f2f3f6;
}

body.page-node.node-type-advert .layout-3col__full>.tabs,
body.page-node.node-type-tender .layout-3col__full>.tabs {
    display: none;
}

body.page-node.node-type-text-page {
    background-color: #f2f3f6;
}

body.page-node.node-type-text-page h1 {
    margin: 86px 0 34px;
}

@media (min-width:1px) and (max-width:1000px) {
    body.page-node.node-type-text-page h1 {
        margin: 47px 0 27px;
    }
}

body.page-search,
body.page-search-map,
body.page-map {
    background-color: #f2f3f6;
}

body.page-search.page-search-map .footer-wrapper,
body.page-search-map.page-search-map .footer-wrapper,
body.page-map.page-search-map .footer-wrapper {
    display: none;
}

body.page-search.page-search-map .layout-3col,
body.page-search-map.page-search-map .layout-3col,
body.page-map.page-search-map .layout-3col {
    flex-grow: 0;
    flex-shrink: 1;
    overflow: hidden;
    max-height: calc(100vh - 60px);
}

body.page-search.page-search-map .layout-3col__full,
body.page-search-map.page-search-map .layout-3col__full,
body.page-map.page-search-map .layout-3col__full {
    max-height: calc(100vh - 60px);
}

body.page-search.page-search-map .view-search,
body.page-search-map.page-search-map .view-search,
body.page-map.page-search-map .view-search {
    height: calc(100vh - 136px);
    max-height: calc(100vh - 136px);
}

body.page-search.page-map .footer-wrapper,
body.page-search-map.page-map .footer-wrapper,
body.page-map.page-map .footer-wrapper {
    display: none;
}

body.page-search.page-map .layout-3col,
body.page-search-map.page-map .layout-3col,
body.page-map.page-map .layout-3col {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

body.page-search.page-map .layout-3col__full,
body.page-search-map.page-map .layout-3col__full,
body.page-map.page-map .layout-3col__full {
    flex-grow: 1;
    flex-shrink: 1;
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

body.page-search.page-map .search-map-wrapper,
body.page-search-map.page-map .search-map-wrapper,
body.page-map.page-map .search-map-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
}

body.page-search.page-map .search-map,
body.page-search-map.page-map .search-map,
body.page-map.page-map .search-map {
    flex-grow: 1;
    flex-shrink: 1;
}

body.page-search main>h1,
body.page-search-map main>h1,
body.page-map main>h1 {
    display: none;
}

body.page-tenders {
    background-color: #f2f3f6;
}

body.page-tenders main>h1 {
    display: none;
}

.layout-3col__full>ul.tabs {
    display: flex;
    flex-direction: row;
    list-style: none;
}

.layout-3col__full>ul.tabs li {
    margin-right: 20px;
}

.layout-3col__full>ul.tabs li:last-child {
    margin-right: 0;
}

.cke_editable ul,
.node-text-page article ul {
    margin: 20px 0 20px 30px;
}

.cke_editable ol,
.node-text-page article ol {
    margin: 20px 0 20px 30px;
    padding-left: 20px;
}

.cke_editable li,
.node-text-page article li {
    margin: 20px 0;
}

.cke_editable p,
.node-text-page article p {
    margin: 20px 0 20px 30px;
}

.cke_editable blockquote,
.node-text-page article blockquote {
    padding: 8px 0 10px 14px;
    font-weight: bold;
    margin: 20px 0 20px 30px;
    border-left: 7px solid #38a9ff;
}

.cke_editable blockquote p,
.node-text-page article blockquote p {
    margin: 0;
}

.cke_editable dl,
.node-text-page article dl {
    margin: 20px 0 20px 30px;
}

.cke_editable table,
.node-text-page article table {
    margin: 20px 0 20px 30px;
}

.cke_editable .top-banner,
.node-text-page article .top-banner {
    background: transparent url(/upload/about.jpg) no-repeat center;
    background-size: cover;
    height: 205px;
}

.cke_editable p.top-banner,
.node-text-page article p.top-banner {
    background: none;
    background-size: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cke_editable p.top-banner img,
.node-text-page article p.top-banner img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.node-text-page {
    display: flex;
    flex-direction: row;
}

@media (min-width:1px) and (max-width:1000px) {
    .node-text-page {
        flex-direction: column;
    }
}

.node-text-page .sidebar {
    flex: 0 0 306px;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    padding: 57px 13px 13px 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .node-text-page .sidebar {
        flex-basis: auto;
        padding: 16px;
    }
}

.node-text-page .sidebar>a {
    margin-top: 20px;
    margin-left: 16px;
    text-decoration: none;
}

.node-text-page .sidebar ol {
    margin: 0;
    padding-left: 16px;
}

.node-text-page .sidebar li {
    margin: 20px 0;
}

.node-text-page .sidebar li:first-child {
    margin-top: 0;
}

.node-text-page .sidebar li a {
    color: #121212;
    text-decoration: none;
}

.node-text-page article {
    flex-grow: 1;
    background-color: #fff;
    padding: 57px 80px 87px;
    margin-bottom: 105px;
}

@media (min-width:1px) and (max-width:1000px) {
    .node-text-page article {
        padding: 31px 11px 60px;
        margin-bottom: 60px;
    }
}

.node-text-page h2 {
    margin-top: 76px;
}

.node-text-page h2:first-child,
.node-text-page h2:nth-child(2) {
    margin-top: 0;
}

.page-search .header-wrapper,
.page-search-map .header-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 54px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .header-wrapper,
    .page-search-map .header-wrapper {
        margin-top: 20px;
    }
}

.page-search .header-wrapper .title-wrapper,
.page-search-map .header-wrapper .title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.page-search .header-wrapper .title,
.page-search-map .header-wrapper .title {
    display: block;
    margin: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .header-wrapper .title,
    .page-search-map .header-wrapper .title {
        font-size: 28px;
    }
}

.page-search .header-wrapper .show-map,
.page-search-map .header-wrapper .show-map {
    font-size: 14px;
    color: #737373;
    margin-left: auto;
    cursor: pointer;
    text-decoration: none;

}
.page-search .header-wrapper .show-map:hover,
.page-search-map .header-wrapper .show-map:hover{color: #38a9ff}

@media (min-width:1px) and (max-width:720px) {
    .page-search .header-wrapper .show-map,
    .page-search-map .header-wrapper .show-map {
        display: none;
    }
}

.page-search .header-wrapper .show-map::before,
.page-search-map .header-wrapper .show-map::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 25px;
    margin-bottom: -7px;
    margin-right: 10px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/show-map.svg) no-repeat center;   
     transition: .3s;
}
.page-search .header-wrapper .show-map:hover:before{margin-bottom: -4px;}
.page-search .header-wrapper .description-wrapper,
.page-search-map .header-wrapper .description-wrapper {
    display: flex;
    flex-direction: row;
    color: #737373;
    margin-top: 4px;
}

.page-search .header-wrapper .description-wrapper .show-map,
.page-search-map .header-wrapper .description-wrapper .show-map {
    display: none;
}

@media (min-width:1px) and (max-width:720px) {
    .page-search .header-wrapper .description-wrapper .show-map,
    .page-search-map .header-wrapper .description-wrapper .show-map {
        display: block;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .header-wrapper .count,
    .page-search-map .header-wrapper .count {
        font-size: 14px;
    }
}

.page-search .view-content,
.page-search-map .view-content {
    margin: 37px 0 81px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-search .view-content,
    .page-search-map .view-content {
        margin-top: 30px;
    }
}

.page-search .view-search>div:first-child,
.page-search-map .view-search>div:first-child {
    width: 100%;
}

.page-search .big-map,
.page-search .search-map,
.page-search-map .big-map,
.page-search-map .search-map {
    width: 0;
}

.page-search .views-row {
    min-height: 248px;
    transition: .3s;
}
.page-search .views-row:hover{box-shadow:0 10px 15px rgba(76, 115, 151, .3)}

.page-search-map .header-wrapper {
    display: none;
}

.page-search-map .view-search {
    display: flex;
    flex-direction: row;
}

.page-search-map .view-search .view-content {
    margin: 0;
}

.page-search-map .view-search>div:first-child {
    width: 320px;
    flex-shrink: 0;
    overflow-y: scroll;
}

.page-search-map .view-search .big-map {
    width: 100%;
}

.page-search-map .search-map {
    width: 100%;
}

.page-tenders .header-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 54px;
}

.page-tenders .header-wrapper .title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-tenders .header-wrapper .title {
    display: block;
    margin: 0;
}

.page-tenders .header-wrapper .show-map {
    font-size: 14px;
    color: #737373;
    margin-left: auto;
    cursor: pointer;
}

@media (min-width:1px) and (max-width:720px) {
    .page-tenders .header-wrapper .show-map {
        display: none;
    }
}

.page-tenders .header-wrapper .show-map::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 25px;
    margin-bottom: -7px;
    margin-right: 10px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/show-map.svg) no-repeat center;
}

.page-tenders .header-wrapper .description-wrapper {
    display: flex;
    flex-direction: row;
    color: #737373;
    margin-top: 4px;
}

.page-tenders .header-wrapper .description-wrapper .show-map {
    display: none;
}

@media (min-width:1px) and (max-width:720px) {
    .page-tenders .header-wrapper .description-wrapper .show-map {
        display: block;
    }
}

.page-tenders .view-content {
    margin: 16px 0 81px;
}

.page-tenders .views-row {
    min-height: 71px;
    background-color: #fff;
    border-radius: 2px;
    border-bottom: 1px solid #b6b6b6;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .views-row {
        display: block;
        min-height: 204px;
        position: relative;
        padding-top: 0;
        padding-bottom: 60px;
    }
}

.page-tenders .views-row:last-child {
    margin-bottom: 0;
}

.page-tenders .views-row>div {
    word-wrap: break-word;
}

.page-tenders .logo-wrapper {
    width: 25px;
    margin-left: 20px;
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .logo-wrapper {
        flex-shrink: 0;
        width: 20px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .logo-wrapper {
        float: left;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 15px;
    }
}

.page-tenders .logo-wrapper img {
    width: 100%;
}

.page-tenders .buyer-wrapper {
    width: 160px;
    margin-left: 8px;
    color: #130c0b;
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .buyer-wrapper {
        flex-shrink: 0;
        width: 100px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .buyer-wrapper {
        margin-left: 36px;
        padding-top: 15px;
        width: 210px;
    }
}

.page-tenders .buildings-wrapper {
    width: 122px;
    color: #130c0b;
    font-weight: bold;
    text-align: left !important;
    margin-left: 20px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .buildings-wrapper {
        margin-left: 36px;
        margin-top: 13px;
        width: 210px;
    }
}

.page-tenders .country-wrapper {
    width: 22px;
    margin-left: 20px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .country-wrapper {
        position: absolute;
        top: 15px;
        right: 22px;
    }
}

.page-tenders .country-wrapper .country {
    width: 22px;
    height: auto;
    background-size: contain;
    background-position-y: 30%;
}

.page-tenders .law-wrapper {
    width: 252px;
    margin-left: 14px;
    font-size: 14px;
    line-height: 1.29;
    color: #737373;
    text-align: left !important;
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .law-wrapper {
        flex-shrink: 0;
        width: 90px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .law-wrapper {
        display: none;
    }
}

.page-tenders .enddate-wrapper {
    width: 81px;
    margin-left: 20px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .enddate-wrapper {
        margin-left: 36px;
        margin-top: 13px;
    }
}

.page-tenders .button-wrapper {
    width: 124px;
    height: 32px;
    margin-left: 21px;
    text-align: center !important;
}

.page-tenders .button-wrapper a {
    width: 124px;
    height: 32px;
    display: block;
    background-color: transparent;
    padding: 0;
    line-height: 30px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .button-wrapper {
        display: block;
        position: absolute;
        right: 19px;
        bottom: 17px;
        margin: 0;
    }
}

.page-tenders .more-wrapper {
    width: 73px;
    margin-left: 20px;
    margin-right: 20px;
}

.page-tenders .more-wrapper>a {
    line-height: 1.29;
    color: #737373;
    text-decoration: blink;
    font-size: 14px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .more-wrapper>a {
        height: 32px;
        line-height: 30px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .more-wrapper {
        width: 120px;
        display: block;
        position: absolute;
        left: 36px;
        bottom: 17px;
        margin: 0;
    }
}

.page-tenders .road-wrapper {
    width: 265px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 12px;
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .road-wrapper {
        flex-shrink: 0;
        width: 245px;
    }
}

.page-tenders .road-wrapper .view-content {
    margin: 0;
}

.page-tenders .road-wrapper .view-content .views-row {
    min-height: auto;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    height: auto;
}

.page-tenders .road-wrapper .view-content .views-row .road-name {
    min-width: 61px;
}

.page-tenders .road-wrapper .view-content .views-row .position span {
    margin-left: 6px;
}

.page-tenders .road-wrapper .view-content .views-row:last-child {
    margin-bottom: 0 !important;
}

.page-tenders .road-wrapper .town-name {
    text-align: left !important;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .road-wrapper {
        margin-top: 14px;
        margin-left: 36px;
    }
}

.page-tenders .table-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 14px;
    margin-top: 24px;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-tenders .table-header {
        display: none;
    }
}

.page-tenders .table-header>div {
    height: inherit;
    font-size: 12px;
    line-height: 14px;
    color: #737373;
}

.page-tenders .table-header .header-buyer-wrapper {
    width: 67px;
    margin-left: 25px;
}

@media (min-width:1px) and (max-width:1290px) {
    .page-tenders .table-header .header-buyer-wrapper {
        margin-left: 25px;
    }
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .table-header .header-buyer-wrapper {
        margin-left: 25px;
    }
}

.page-tenders .table-header .header-buildings-wrapper {
    width: 41px;
    margin-left: 140px;
}

@media (min-width:1px) and (max-width:1290px) {
    .page-tenders .table-header .header-buildings-wrapper {
        margin-left: 140px;
    }
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .table-header .header-buildings-wrapper {
        margin-left: 7%;
    }
}

.page-tenders .table-header .header-place-wrapper {
    width: 100px;
    margin-left: 96px;
}

@media (min-width:1px) and (max-width:1290px) {
    .page-tenders .table-header .header-place-wrapper {
        margin-left: 96px;
    }
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .table-header .header-place-wrapper {
        margin-left: 96px;
    }
}

.page-tenders .table-header .header-enddate-wrapper {
    width: 62px;
    margin-left: 482px;
}

@media (min-width:1px) and (max-width:1290px) {
    .page-tenders .table-header .header-enddate-wrapper {
        margin-left: 33%;
    }
}

@media (min-width:1px) and (max-width:1160px) {
    .page-tenders .table-header .header-enddate-wrapper {
        margin-left: 27%;
    }
}

.page-tenders .view-tender>div:first-child {
    width: 100%;
}

.page-user,
.page-user-ads,
.page-favorites {
    background-color: #DBE0EF;
}

.page-user h1,
.page-user-ads h1,
.page-favorites h1 {
    color: #121212;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.page-user .add-ad,
.page-user-ads .add-ad,
.page-favorites .add-ad {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: auto;
    background: url(/bitrix/templates/vozledorogi/img/add-advert.svg) no-repeat center center;
    background-size: cover;
}

.page-user .user-info,
.page-user-ads .user-info,
.page-favorites .user-info {
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    padding: 19px;
}

.page-user .user-name,
.page-user-ads .user-name,
.page-favorites .user-name {
    color: #121212;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

.page-user .user-id,
.page-user-ads .user-id,
.page-favorites .user-id {
    line-height: 17px;
    color: #737373;
    font-size: 14px;
    text-align: center;
}

.page-user .menu-name-user-menu .menu,
.page-user-ads .menu-name-user-menu .menu,
.page-favorites .menu-name-user-menu .menu {
    border-bottom: 1px solid #a8a8a8;
}

.page-user .menu-name-user-menu .menu a,
.page-user-ads .menu-name-user-menu .menu a,
.page-favorites .menu-name-user-menu .menu a {
    color: #130c0b;
}

.page-user .menu-name-user-menu .menu li.is-active,
.page-user-ads .menu-name-user-menu .menu li.is-active,
.page-favorites .menu-name-user-menu .menu li.is-active {
    background-color: #c3d1f9;
}

.page-user .additional-links ul,
.page-user-ads .additional-links ul,
.page-favorites .additional-links ul {
    font-size: 14px;
}

.page-user .additional-links ul a,
.page-user-ads .additional-links ul a,
.page-favorites .additional-links ul a {
    color: #241f1e;
}

.page-user .top-part,
.page-user-ads .top-part,
.page-favorites .top-part {
    border-bottom: 1px solid rgba(97, 97, 97, 0.34);
    padding: 40px 112px 0 108px;
    background-color: white;
}

.page-user .top-part .links,
.page-user-ads .top-part .links,
.page-favorites .top-part .links {
    border: 0;
    margin-bottom: 0;
}

.page-user #change-pwd-page-form,
.page-user-ads #change-pwd-page-form,
.page-favorites #change-pwd-page-form {
    margin-top: 50px;
}

.page-user .bottom-part,
.page-user-ads .bottom-part,
.page-favorites .bottom-part {
    padding: 0 45px 80px 55px;
}

.page-user .view-user-adverts,
.page-user-ads .view-user-adverts,
.page-favorites .view-user-adverts {
    margin: 0;
    padding: 64px 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .page-user .view-user-adverts,
    .page-user-ads .view-user-adverts,
    .page-favorites .view-user-adverts {
        padding-top: 0;
    }
}

.page-user .field-type-text,
.page-user .form-type-textfield,
.page-user .form-type-password,
.page-user-ads .field-type-text,
.page-user-ads .form-type-textfield,
.page-user-ads .form-type-password,
.page-favorites .field-type-text,
.page-favorites .form-type-textfield,
.page-favorites .form-type-password {
    max-width: 300px;
}

.page-user .messages.messages--error,
.page-user-ads .messages.messages--error,
.page-favorites .messages.messages--error {
    display: none;
}

.page-user .form-item-mail .description,
.page-user-ads .form-item-mail .description,
.page-favorites .form-item-mail .description {
    display: none;
}

.page-user .form-item-timezone,
.page-user-ads .form-item-timezone,
.page-favorites .form-item-timezone {
    max-width: 630px;
    margin-top: 50px;
}

.page-user .form-item-timezone .description,
.page-user-ads .form-item-timezone .description,
.page-favorites .form-item-timezone .description {
    display: none;
}

.page-user .form-type-password-confirm,
.page-user-ads .form-type-password-confirm,
.page-favorites .form-type-password-confirm {
    margin-bottom: 0;
}

.page-user .form-type-password-confirm .form-required,
.page-user-ads .form-type-password-confirm .form-required,
.page-favorites .form-type-password-confirm .form-required {
    display: none;
}

.page-user .form-type-password-confirm .form-item,
.page-user-ads .form-type-password-confirm .form-item,
.page-favorites .form-type-password-confirm .form-item {
    display: flex;
    flex-direction: column;
}

.page-user .form-type-password-confirm .password-strength,
.page-user-ads .form-type-password-confirm .password-strength,
.page-favorites .form-type-password-confirm .password-strength {
    order: 3;
}

.page-user .form-type-password-confirm .form-item-pass-pass2>div:first-child,
.page-user-ads .form-type-password-confirm .form-item-pass-pass2>div:first-child,
.page-favorites .form-type-password-confirm .form-item-pass-pass2>div:first-child {
    margin-top: 0;
    order: 3;
    font-size: 14px;
}

.page-user #edit-submit,
.page-user-ads #edit-submit,
.page-favorites #edit-submit {
    margin-top: 50px;
}

.page-user #edit-cancel,
.page-user-ads #edit-cancel,
.page-favorites #edit-cancel {
    display: none;
}

.page-user fieldset,
.page-user-ads fieldset,
.page-favorites fieldset {
    border: 0;
    padding: 0;
    margin-top: 50px;
}

.page-user fieldset>legend,
.page-user-ads fieldset>legend,
.page-favorites fieldset>legend {
    font-weight: bold;
    height: 19px;
    color: #130c0b;
    font-size: 16px;
    margin-bottom: 5px;
}

.page-user .group-user-personal-data .fieldset-wrapper,
.page-user .group-user-contacts-data .fieldset-wrapper,
.page-user-ads .group-user-personal-data .fieldset-wrapper,
.page-user-ads .group-user-contacts-data .fieldset-wrapper,
.page-favorites .group-user-personal-data .fieldset-wrapper,
.page-favorites .group-user-contacts-data .fieldset-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.page-user .group-user-personal-data .fieldset-wrapper>div,
.page-user .group-user-contacts-data .fieldset-wrapper>div,
.page-user-ads .group-user-personal-data .fieldset-wrapper>div,
.page-user-ads .group-user-contacts-data .fieldset-wrapper>div,
.page-favorites .group-user-personal-data .fieldset-wrapper>div,
.page-favorites .group-user-contacts-data .fieldset-wrapper>div {
    margin-right: 30px;
}

.page-user .messages,
.page-user-ads .messages,
.page-favorites .messages {
    margin-top: 50px;
}

.page-user .field-name-field-user-only-in-work-time,
.page-user-ads .field-name-field-user-only-in-work-time,
.page-favorites .field-name-field-user-only-in-work-time {
    margin-top: 50px;
}

.page-user .view-empty,
.page-user-ads .view-empty,
.page-favorites .view-empty {
    margin-top: 50px;
}

.page-node-delete #edit-submit {
    margin-top: 50px;
}

.page-node-delete #edit-cancel {
    display: none;
}

.view-user-adverts {
    margin: 64px 0;
}

.zu-teasers-list {}

.zu-teasers-list .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zu-teasers-list .views-row {
    padding: 0 10px 15px;
    margin-right: 0;
    width: 32%;
}

@media (min-width:1px) and (max-width:1290px) {
    .zu-teasers-list .views-row {
        width: 48%;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .zu-teasers-list .views-row {
        width: 100%;
    }
}

.zu-teasers-list .zu-teaser {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 10px 15px rgba(76, 115, 151, 0.11);
}

.zu-teasers-list .zu-teaser .map {
    width: 100%;
    position: relative;
    flex-shrink: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .zu-teasers-list .zu-teaser .map {
        width: 100%;
    }
}

.zu-teasers-list .zu-teaser .map .img {
    width: 100%;
    height: 147px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.zu-teasers-list .zu-teaser .map .country {
    top: 16px;
    left: 20px;
    position: absolute;
}

.zu-teasers-list .zu-teaser-meta {
    display: flex;
    flex-direction: column;
}

.zu-teasers-list .zu-teaser-meta .stat {
    display: flex;
    flex-direction: row;
    margin: 16px 0 24px;
}

.zu-teasers-list .zu-teaser-meta .published-at,
.zu-teasers-list .zu-teaser-meta .views {
    opacity: 0.5;
    color: #241f1e;
    font-size: 14px;
    margin-right: 21px;
}

.zu-teasers-list .zu-teaser-meta .views::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-right: 6px;
    background: url(/bitrix/templates/vozledorogi/img/views.svg) no-repeat center;
}

.zu-teasers-list .zu-teaser-meta .status {
    font-size: 14px;
}

.zu-teasers-list .zu-teaser-meta .status-1 {
    color: #008822;
}

.zu-teasers-list .zu-teaser-meta .status-0 {
    opacity: 0.5;
    color: #241f1e;
}

.zu-teasers-list .zu-teaser-meta .actions {
    border-top: 1px solid rgba(118, 134, 182, 0.23);
}

.zu-teasers-list .zu-teaser-meta .action {
    padding: 10px 14px 11px 12px;
    border-bottom: 1px solid rgba(118, 134, 182, 0.23);
}

.zu-teasers-list .zu-teaser-meta .action.expandable {
    background-repeat: no-repeat;
    background-position: 96% 19px;
    background-image: url(/bitrix/templates/vozledorogi/img/opened.svg);
}

.zu-teasers-list .zu-teaser-meta .action.closed {
    background-image: url(/bitrix/templates/vozledorogi/img/closed.svg);
}

.zu-teasers-list .zu-teaser-meta .action.closed .action-options {
    display: none;
}

.zu-teasers-list .zu-teaser-meta .action .action-title {
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #241f1e;
}

.zu-teasers-list .zu-teaser-meta .action .action-title.share {
    background-image: url(/bitrix/templates/vozledorogi/img/share.svg);
}

.zu-teasers-list .zu-teaser-meta .action .action-title.edit {
    background-image: url(/bitrix/templates/vozledorogi/img/edit.svg);
}

.zu-teasers-list .zu-teaser-meta .action .action-title.close {
    background-image: url(/bitrix/templates/vozledorogi/img/close.svg);
}

.zu-teasers-list .zu-teaser-meta .action-options {
    font-size: 14px;
    margin: 15px 0 10px;
}

.zu-teasers-list .zu-teaser-meta .action-options>* {
    display: block;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 8px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #0986e5;
}

.zu-teasers-list .zu-teaser-meta .action-options>*.tender {
    background-image: url(/bitrix/templates/vozledorogi/img/tender.svg);
}

.zu-teasers-list .zu-teaser-meta .action-options>*.share-fb {
    background-image: url(/bitrix/templates/vozledorogi/img/fb.svg);
}

.zu-teasers-list .zu-teaser-meta .action-options>*.share-email {
    background-image: url(/bitrix/templates/vozledorogi/img/email.svg);
}

.zu-teasers-list .zu-teaser-meta .action-options>*.share-whatsapp {
    background-image: url(/bitrix/templates/vozledorogi/img/wa.svg);
}

.zu-teasers-list .zu-teaser-meta .action-options>*.copy-link {
    background-image: url(/bitrix/templates/vozledorogi/img/copy-link.svg);
}

.sidebar-first .layout-3col {
    display: flex;
    flex-direction: row;
    margin-top: 96px;
    margin-bottom: 96px;
}

.sidebar-first .layout-3col .left-sidebar {
    width: 200px;
    margin-right: 25px;
    flex-shrink: 0;
}

.sidebar-first .layout-3col .layout-3col__right-content {
    background-color: #fff;
    flex-grow: 1;
}

.page-user-ads .sidebar-first .layout-3col .layout-3col__right-content,
.page-favorites .sidebar-first .layout-3col .layout-3col__right-content {
    background-color: #f2f3f6;
}

@media (max-width:320px) {
    .page-user-register {
        background: #fff;
    }
    .page-user-register .layout-3col__full {
        padding: 16px;
    }
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        max-width: 320px;
        display: block;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0px;
        display: block;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user-edit .layout-3col .left-sidebar,
    .page-user-change-password .layout-3col .left-sidebar {
        width: 100%;
        padding: 15px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .top-part .links,
    .page-favorites .top-part .links,
    .page-user-edit .top-part .links,
    .page-user-change-password .top-part .links {
        padding-bottom: 20px;
        padding-left: -2px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        width: 320px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        max-width: 270px;
        margin: 15px 0px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        width: 270px;
        padding: 0;
        padding-left: 15px;
    }
    .page-user-ads .bottom-part #change-pwd-page-form .form-type-password,
    .page-favorites .bottom-part #change-pwd-page-form .form-type-password,
    .page-user-edit .bottom-part #change-pwd-page-form .form-type-password,
    .page-user-change-password .bottom-part #change-pwd-page-form .form-type-password {
        width: 290px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0px 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0px 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        max-width: 375px;
        display: block;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0px;
        display: block;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user-edit .layout-3col .left-sidebar,
    .page-user-change-password .layout-3col .left-sidebar {
        width: 100%;
        padding: 15px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .top-part .links,
    .page-favorites .top-part .links,
    .page-user-edit .top-part .links,
    .page-user-change-password .top-part .links {
        padding-bottom: 20px;
        padding-left: -2px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        max-width: 375px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        max-width: 100%;
        margin: 15px 0px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        width: 290px;
        padding: 0;
        padding-left: 15px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0px 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0px 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:376px) and (max-width:420px) {
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        max-width: 420px;
        display: block;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0px;
        display: block;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user-edit .layout-3col .left-sidebar,
    .page-user-change-password .layout-3col .left-sidebar {
        width: 100%;
        padding: 15px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .top-part .links,
    .page-favorites .top-part .links,
    .page-user-edit .top-part .links,
    .page-user-change-password .top-part .links {
        padding-bottom: 20px;
        padding-left: -2px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        max-width: 420px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        max-width: 100%;
        margin: 15px 0px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        padding: 0;
        padding-left: 15px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0px 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0px 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:421px) and (max-width:668px) {
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        max-width: 660px;
        display: block;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0;
        display: block;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user-edit .layout-3col .left-sidebar,
    .page-user-change-password .layout-3col .left-sidebar {
        width: 100%;
        padding: 15px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        max-width: 660px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        max-width: 100%;
        margin: 15px 0px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        padding: 0;
        padding-left: 15px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0px 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0px 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:669px) and (max-width:800px) {
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        max-width: 800px;
        display: block;
        overflow: y-scroll;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0;
        display: block;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user-edit .layout-3col .left-sidebar,
    .page-user-change-password .layout-3col .left-sidebar {
        width: 100%;
        padding: 15px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        max-width: 800px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        margin: 15px 0;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        padding: 0 0 0 15px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:801px) and (max-width:1024px) {
    .page-user-ads,
    .page-favorites,
    .page-user-edit,
    .page-user-change-password {
        overflow: y-scroll;
    }
    .page-user-ads fieldset,
    .page-favorites fieldset,
    .page-user-edit fieldset,
    .page-user-change-password fieldset {
        margin-top: 20px;
    }
    .page-user-ads .layout-3col,
    .page-favorites .layout-3col,
    .page-user-edit .layout-3col,
    .page-user-change-password .layout-3col {
        margin: 60px 0px;
    }
    .page-user-ads .top-part,
    .page-favorites .top-part,
    .page-user-edit .top-part,
    .page-user-change-password .top-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part,
    .page-user-edit .bottom-part,
    .page-user-change-password .bottom-part {
        max-width: 800px;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield {
        max-width: 100%;
        margin: 15px 0;
    }
    .page-user-ads .bottom-part #user-profile-form .form-type-textfield input,
    .page-favorites .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-edit .bottom-part #user-profile-form .form-type-textfield input,
    .page-user-change-password .bottom-part #user-profile-form .form-type-textfield input {
        padding: 0 0 0 15px;
    }
    .page-user-ads header,
    .page-favorites header,
    .page-user-edit header,
    .page-user-change-password header {
        padding: 0 15px;
    }
    .page-user-ads footer,
    .page-favorites footer,
    .page-user-edit footer,
    .page-user-change-password footer {
        padding: 15px;
    }
    .page-user-ads .bottom-part,
    .page-favorites .bottom-part {
        padding: 15px 5px;
    }
    .page-add header {
        padding: 0 15px;
    }
    .page-add footer {
        padding: 15px;
    }
}

@media (min-width:320px) and (max-width:800px) {
    .page-user-ads .view-user-adverts .zu-teaser .address,
    .page-favorites .view-user-adverts .zu-teaser .address,
    .page-user .view-user-adverts .zu-teaser .address,
    .page-favorites .view-user-adverts .zu-teaser .address {
        display: inline-block;
        overflow-wrap: break-word;
        height: auto;
        overflow: visible;
        white-space: normal;
    }
    .page-user-ads .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar,
    .page-user .layout-3col .left-sidebar,
    .page-favorites .layout-3col .left-sidebar {
        padding: 0;
    }
    .page-user-ads .layout-3col .left-sidebar .menu-mob-user,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user,
    .page-user .layout-3col .left-sidebar .menu-mob-user,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user {
        border-radius: 2px;
        background-color: #f8f8f8;
    }
    .page-user-ads .layout-3col .left-sidebar .menu-mob-user li,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user li,
    .page-user .layout-3col .left-sidebar .menu-mob-user li,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user li {
        display: none;
        height: 48px;
        max-width: 100%;
        position: relative;
        list-style: none;
    }
    .page-user-ads .layout-3col .left-sidebar .menu-mob-user li a,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user li a,
    .page-user .layout-3col .left-sidebar .menu-mob-user li a,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user li a {
        font-size: 16px;
        color: #130c0b;
        letter-spacing: 0;
        text-decoration: none;
        line-height: 48px;
        padding-left: 15px;
    }
    .page-user-ads .layout-3col .left-sidebar .menu-mob-user :first-child,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user :first-child,
    .page-user .layout-3col .left-sidebar .menu-mob-user :first-child,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user :first-child {
        display: block;
        cursor: pointer;
    }
    .page-user-ads .layout-3col .left-sidebar .menu-mob-user :first-child :after,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user :first-child :after,
    .page-user .layout-3col .left-sidebar .menu-mob-user :first-child :after,
    .page-favorites .layout-3col .left-sidebar .menu-mob-user :first-child :after {
        content: '';
        position: absolute;
        right: 20px;
        top: 24px;
        border: 5px solid transparent;
        border-top: 5px solid #000;
    }
}

@media (min-width:320px) and (max-width:800px) {
    .page-user .layout-3col {
        display: block;
        margin: 60px 0;
    }
    .page-user .layout-3col .left-sidebar {
        width: 100%;
    }
}

.user-summary {
    background-color: transparent !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.summary-section {
    background-color: #fff;
    flex: 0 1 48%;
    padding: 28px 49px;
    margin-bottom: 25px;
    box-sizing: border-box;
}

.summary-section h2 {
    color: #121212;
    font-size: 21px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.summary-section h2 a {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

@media (min-width:1px) and (max-width:1000px) {
    .summary-section {
        flex-basis: 100%;
        margin: 10px 0;
    }
    .summary-section:first-child {
        margin-top: 0;
    }
}

@media (min-width:1px) and (max-width:800px) {
    .summary-section {
        padding: 19px;
    }
}

@media (min-width:1px) and (max-width:420px) {
    .summary-section .summary-wrapper h2 {
        display: block;
    }
    .summary-section .summary-wrapper h2 span {
        height: 50px;
        display: block;
    }
    .promo h1 span{display: block}
}

.my-fav .block,
.my-ads .block {
    margin-top: 35px;
}

.my-fav #block-views-ads-summary-block-inactive,
.my-ads #block-views-ads-summary-block-inactive {
    margin-top: 0;
}

.my-fav .view-header,
.my-ads .view-header {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
}

.my-fav .view-header .total,
.my-ads .view-header .total {
    color: #737373;
    display: inline-block;
}

.my-fav .view-header .circle,
.my-ads .view-header .circle {
    background: #14a000;
    display: inline-block;
    font-size: 14px;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    border-radius: 50px;
}

.my-fav .view-footer,
.my-ads .view-footer {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    margin-left: 30px;
}

.my-fav .view-footer a,
.my-ads .view-footer a {
    text-decoration: none;
    color: #0986e5;
}

.my-fav .view-content .views-row,
.my-ads .view-content .views-row {
    background: url(/bitrix/templates/vozledorogi/img/chern-active.svg) no-repeat left center;
}

.my-fav .view-content .views-row .views-field-title a,
.my-ads .view-content .views-row .views-field-title a {
    border-bottom: 1px solid #e6e6e6;
    color: #241f1e;
    line-height: 48px;
    height: 48px;
    margin-left: 40px;
    display: block;
    text-decoration: none;
    background: url(/bitrix/templates/vozledorogi/img/go.svg) no-repeat right center;
}

.my-fav .view-content .views-row-1 .views-field-title a,
.my-ads .view-content .views-row-1 .views-field-title a {
    border-top: 1px solid #e6e6e6;
}

.view-display-id-block_returned .view-header .circle {
    background: #d22d2d;
}

.view-display-id-block_returned .view-content .views-row {
    background: url(/bitrix/templates/vozledorogi/img/chern-error.svg) no-repeat left center;
}

.view-display-id-block_inactive .view-header .circle {
    background: #737373;
}

.view-display-id-block_inactive .view-content .views-row {
    background: url(/bitrix/templates/vozledorogi/img/chern-sm.svg) no-repeat left center;
}

.view-display-id-block_favorites .view-content .views-row {
    background: url(/bitrix/templates/vozledorogi/img/fav-summary.svg) no-repeat left center;
}

.page-user-password .layout-3col,
.page-user-login .layout-3col,
.page-user-register .layout-3col {
    margin: 96px auto;
    background: #fff;
    padding: 40px;
}

.page-user-password .layout-3col .layout-3col__full,
.page-user-login .layout-3col .layout-3col__full,
.page-user-register .layout-3col .layout-3col__full {
    width: 400px;
    margin: 0 auto;
}

.page-user-password .layout-3col .layout-3col__full ul,
.page-user-login .layout-3col .layout-3col__full ul,
.page-user-register .layout-3col .layout-3col__full ul {
    margin-left: 0;
    padding-left: 0;
}

.page-user-password .layout-3col .layout-3col__full ul li a,
.page-user-login .layout-3col .layout-3col__full ul li a,
.page-user-register .layout-3col .layout-3col__full ul li a {
    text-decoration: none;
    color: #38a9ff;
}

.page-user-password .layout-3col .layout-3col__full ul li.is-active,
.page-user-login .layout-3col .layout-3col__full ul li.is-active,
.page-user-register .layout-3col .layout-3col__full ul li.is-active {
    border-bottom: 4px solid #38a9ff;
    color: #121212;
    padding-bottom: 12px;
}

.page-user-password .layout-3col .layout-3col__full ul li.is-active a,
.page-user-login .layout-3col .layout-3col__full ul li.is-active a,
.page-user-register .layout-3col .layout-3col__full ul li.is-active a {
    color: #121212;
}

@media (min-width:320px) and (max-width:1024px) {
    .page-user-password,
    .page-user-login,
    .page-user-register {
        background: #fff;
    }
    .page-user-password header,
    .page-user-login header,
    .page-user-register header {
        padding: 0 15px;
    }
    .page-user-password .layout-3col,
    .page-user-login .layout-3col,
    .page-user-register .layout-3col {
        padding: 0;
        width: 100%;
        margin: 0;
        display: block;
    }
    .page-user-password .layout-3col .layout-3col__full,
    .page-user-login .layout-3col .layout-3col__full,
    .page-user-register .layout-3col .layout-3col__full {
        width: 100%;
        padding: 16px;
        margin: 0 auto;
    }
    .page-user-password .layout-3col .layout-3col__full ul,
    .page-user-login .layout-3col .layout-3col__full ul,
    .page-user-register .layout-3col .layout-3col__full ul {
        margin-left: 0;
        padding-left: 0;
    }
    .page-user-password .layout-3col .layout-3col__full ul li a,
    .page-user-login .layout-3col .layout-3col__full ul li a,
    .page-user-register .layout-3col .layout-3col__full ul li a {
        text-decoration: none;
        color: #38a9ff;
    }
    .page-user-password .layout-3col .layout-3col__full ul li.is-active,
    .page-user-login .layout-3col .layout-3col__full ul li.is-active,
    .page-user-register .layout-3col .layout-3col__full ul li.is-active {
        border-bottom: 4px solid #38a9ff;
        color: #121212;
        padding-bottom: 12px;
    }
    .page-user-password .layout-3col .layout-3col__full ul li.is-active a,
    .page-user-login .layout-3col .layout-3col__full ul li.is-active a,
    .page-user-register .layout-3col .layout-3col__full ul li.is-active a {
        color: #121212;
    }

}

.section-contact {
    background-color: #DBE0EF;
}

.section-contact h1 {
    color: #121212;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

@media (min-width:1px) and (max-width:1000px) {
    .section-contact h1 {
        margin: 0;
    }
}

.section-contact .webform-component {
    max-width: 400px;
}

.section-contact .webform-component.webform-component-textarea {
    max-width: none;
}

.section-contact .webform-component.webform-component-textarea textarea {
    height: 200px;
}

.section-contact .webform-component.webform-component-markup {
    max-width: none;
    font-size: 14px;
}

.section-contact .messages.messages--error {
    display: none;
}

.section-contact .layout-3col {
    margin-top: 96px;
    margin-bottom: 96px;
}

.section-contact .layout-3col__full {
    background-color: #fff;
    flex-grow: 1;
    padding: 40px 112px 40px 108px;
}

.section-contact .layout-3col__full ul.tabs {
    display: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .section-contact .layout-3col__full {
        padding: 20px 15px;
    }
}

header.header {
    display: flex;
    flex-direction: row;
    background-color: #f8f8f8;
    flex-shrink: 0;
}

@media (min-width:1px) and (max-width:700px) {
    /*header.header {
        z-index:1010;
    }*/
    .region-header .mobile-controls .profile{background: none!important;}
}
.sticky header.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.sticky .layout-3col {
    padding-top: 60px;
}

@media (min-width:1px) and (max-width:1000px) {
    .sticky .layout-3col {
        padding-top: 48px;
    }
}

.region-header {
    height: 60px;
    display: flex;
    flex-direction: row;
}

@media (min-width:1px) and (max-width:1000px) {
    .region-header {
        height: 48px;
        padding: 9px 17px 9px 16px;
    }
}

.region-header .mobile-controls {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    align-items: center;
}

.region-header .mobile-controls>div {
    cursor: pointer;
}

.region-header .mobile-controls .profile {
    width: 29px;
    height: 29px;
    margin: 0;
    background: transparent url(/bitrix/templates/vozledorogi/img/mobile-profile.svg) no-repeat;
}

.region-header .mobile-controls .burger {
    width: 32px;
    height: 32px;
    margin-left: 23px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/mobile-burger.svg) no-repeat;
}

@media (min-width:1px) and (max-width:1000px) {
    .region-header .mobile-controls .burger {
        margin-left: 11px;
    }
}

.region-header .mobile-controls .burger.expanded {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/mobile-close.svg);
}

.top-logo {
    width: 150px;
    max-width: 219px;
    flex-grow: 1;
}

.top-logo a {
    display: block;
    background: transparent url(/bitrix/templates/vozledorogi/img/logo.svg) no-repeat;
    width: 150px;
    height: 30px;
    text-decoration: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .top-logo {
        width: auto;
        max-width: none;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .top-logo p {
        display: block;
        margin: 0;
    }
}

.top-main-menu {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    height: 100%;
}

.top-main-menu .menu-block-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    flex-grow: 1;
}

.top-main-menu .menu {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 8px 0 0;
    list-style: none;
    align-content: baseline;
    height: 100%;
    width: 100%;
}

.top-main-menu .menu li {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    padding: 0 21px;
    border-left: 1px solid rgba(97, 97, 97, 0.56);
}

@media (min-width:1px) and (max-width:1160px) {
    .top-main-menu .menu li {
        padding: 0 7px !important;
    }
}

.top-main-menu .menu li:last-child {
    padding-right: 0;
}

.top-main-menu .menu li a,
.top-main-menu .menu li span {
    color: #241f1e;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .8px;
    white-space: nowrap;
    transition: .2s;
}
.top-main-menu .menu li a:hover,.top-main-menu .menu li span:hover{color:#38a9ff}
.top-main-menu .menu li.expanded {
    border-bottom-color: #0095ff;
}

.top-main-menu .menu .not-read::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background: #ff0000;
    top: -10px;
    position: relative;
}

.top-main-menu .menu .catalog {
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.top-main-menu .menu .catalog::before {
    content: '';
    display: block;
    width: 21px;
    height: 15px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/burger.svg) no-repeat center;
    margin-right: 11px;
}

.top-main-menu .menu .catalog.expanded {
    border-bottom-color: #0095ff;
}

.top-main-menu .menu .media {
    text-transform: uppercase;
}

.top-main-menu .menu .about {
    border-right: 1px solid rgba(97, 97, 97, 0.56);
    padding-left: 27px;
    padding-right: 29px;
}

.top-main-menu .menu .new-advert {
    margin: auto 0 auto 22px;
    height: 48px;
    border-radius: 24px;
    border: 2px solid #38a9ff;
    padding: 0 18px;
}

@media (min-width:1px) and (max-width:1160px) {
    .top-main-menu .menu .new-advert {
        margin-left: 7px;
    }
}

.top-main-menu .menu .new-advert a {
    color: #38a9ff;
    letter-spacing: normal;
}
.top-main-menu .menu .new-advert a:hover{color: #6abeff}
.top-main-menu .menu .login-and-registration {
    border: 0;
    border-bottom: 3px solid transparent;
    margin-left: auto;
    padding: 0;
}
.top-main-menu .menu .social-links{border:0;border-bottom:3px solid transparent;margin-left:auto;padding:0;}
.top-main-menu .menu .social-links a{width:38px;height:18px;color:#a8a8a8;font-size: 19px;    text-align: center;}
.top-main-menu .menu .social-links a:hover{color: #38a9ff}
/*
.top-main-menu .menu .social-links a i{display: none}
*/
.top-main-menu .menu .login-and-registration::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/login.svg) no-repeat center;
}

.top-main-menu .menu .login-and-registration a {
    font-weight: normal;
    letter-spacing: normal;
}

.top-main-menu .menu .authorized {
    border-left: 0;
    padding: 0 12px;
}

.top-main-menu .menu .authorized a {
    font-weight: normal;
    letter-spacing: normal;
}

.top-main-menu .menu .fav {
    margin-left: auto;
}

.top-main-menu .menu .fav::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/fav.svg) no-repeat center;
}

.top-main-menu .menu .fav.flagged::before {
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/fav-active.svg) no-repeat center;
}

.top-main-menu .menu .profile::before {
    content: '';
    display: block;
    width: 14px;
    height: 16px;
    margin-right: 8px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/profile.svg) no-repeat center;
}

@media (min-width:1px) and (max-width:1000px) {
    .top-main-menu {
        display: none;
    }
}

.popups-wrapper {
    position: relative;
    z-index: 10;
}

.popups-overlay {
    display: none;
}

.popups-overlay.expanded {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 60px;
    bottom: 0;
    z-index: 100;
}

@media (min-width:1px) and (max-width:1000px) {
    .popups-overlay.expanded {
        top: 0;
    }
}

.catalog-sections-wrapper,
.login-register-wrapper {
    display: none;
    background-color: #fff;
    position: fixed;
    width: 100%;
    box-shadow: 0 12px 14px rgba(0, 34, 56, 0.4);
    top: 60px;
    z-index: 101;
}

.catalog-sections-wrapper.expanded,
.login-register-wrapper.expanded {
    display: block;
}

@media (min-width:1px) and (max-width:1000px) {
    .catalog-sections-wrapper,
    .login-register-wrapper {
        height: 100%;
        overflow-y: auto;
        top: 48px;
    }
}

.registration-success-wrapper {
    display: none;
    background-color: #fff;
    position: fixed;
    width: 100%;
    box-shadow: 0 12px 14px rgba(0, 34, 56, 0.4);
    top: 60px;
    z-index: 101;
}

.registration-success-wrapper.expanded {
    display: block;
}

@media (min-width:1px) and (max-width:1000px) {
    .registration-success-wrapper {
        height: 100%;
        overflow-y: auto;
        top: 0;
    }
}

.registration-success-wrapper .content {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    padding-bottom: 45px;
    text-align: center;
    max-width: 400px;
}

.registration-success-wrapper .content::before {
    display: block;
    content: "";
    margin-bottom: 5px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/reg-ok.svg) no-repeat;
    height: 210px;
    width: 210px;
}

.registration-success-wrapper .content h3 {
    margin: 0 0 10px 0;
}

.registration-success-wrapper .content p {
    margin: 0 0 20px 0;
}

.registration-success-wrapper .content .add-ad-btn {
    margin-bottom: 20px;
}

.registration-success-wrapper .content .close-popup {
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

@media (min-width:1px) and (max-width:1000px) {
    .registration-success-wrapper .content {
        top: 0;
    }
    .registration-success-wrapper .content .mobile-close-popup {
        content: '';
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        cursor: pointer;
        right: 21px;
        top: 21px;
        background: transparent url(/bitrix/templates/vozledorogi/img/mobile-close.svg) no-repeat;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .login-register-wrapper {
        top: 0;
    }
    .login-register-wrapper .close {
        content: '';
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        cursor: pointer;
        right: 21px;
        top: 21px;
        background: transparent url(/bitrix/templates/vozledorogi/img/mobile-close.svg) no-repeat;
    }
}

.catalog-sections {
    display: flex;
    flex-direction: row;
    padding: 40px 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .catalog-sections {
        padding: 27px 0 44px 16px;
        flex-direction: column;
    }
}

.catalog-sections>div {
    display: flex;
    flex-direction: column;
    width: 50%;
    flex-shrink: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .catalog-sections>div {
        width: 100%;
    }
}

.catalog-sections .sections-wrapper {
    border-right: 1px solid rgba(97, 97, 97, 0.45);
}

@media (min-width:1px) and (max-width:1000px) {
    .catalog-sections .sections-wrapper {
        border-right: none;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .catalog-sections .form-wrapper {
        display: none;
    }
}

.top-catalogs ul.top-menu {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.top-catalogs ul.top-menu .new-advert {
    order: -1;
}

.top-catalogs ul.top-menu>li:nth-of-type(n+6) {
    display: none;
}

.top-catalogs ul.top-menu>li {
    display: inline-block;
}

.top-catalogs ul.top-menu>li>a,
.top-catalogs ul.top-menu>li>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    color: #0986e5;
    text-transform: uppercase;
    padding: 17px 0;
    text-decoration: none;
}

.top-catalogs ul.top-menu>li>span {
    color: #241f1e;
    padding-bottom: 0;
}

.top-catalogs ul.menu {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 0 30px 0 0;
    flex-wrap: wrap;
    margin-bottom: -56px;
}

@media (min-width:1px) and (max-width:1000px) {
    .top-catalogs ul.menu {
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
    }
}

.top-catalogs ul.menu li {
    flex-grow: 0;
    flex-shrink: 0;
    width: 33%;
    padding-bottom: 56px;
    padding-left: 20px;
}

.top-catalogs ul.menu li:nth-child(3n+1) {
    padding-left: 0;
}

.top-catalogs ul.menu li>* {
    display: flex;
    flex-direction: row;
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
.top-catalogs ul.menu li:hover a{color: #0986e5}
.top-catalogs ul.menu li>*::before {
    content: '';
    flex-shrink: 0;
    display: block;
    margin-right: 16px;
    width: 48px;
    height: 48px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/types/enabled/land.svg) no-repeat;
    transition: .3s;
}
.top-catalogs ul.menu li:hover a::before{transform: translateY(-4px);}

.top-catalogs ul.menu li>span {
    opacity: .5;
}

@media (min-width:1px) and (max-width:1000px) {
    .top-catalogs ul.menu li {
        width: 100%;
        padding: 0;
    }
    .top-catalogs ul.menu li a,
    .top-catalogs ul.menu li span {
        padding: 19px 0 18px;
        border-bottom: 1px solid rgba(97, 97, 97, 0.34);
    }
    .top-catalogs ul.menu li>*::before {
        width: 24px;
        height: 24px;
        background-size: cover;
    }
}

.top-catalogs ul.menu li.gas-station a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/gas-station.svg);
}

.top-catalogs ul.menu li.tank-farm a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/tank-farm.svg);
}

.top-catalogs ul.menu li.car-wash a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/car-wash.svg);
}

.top-catalogs ul.menu li.car-services a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/car-service.svg);
}

.top-catalogs ul.menu li.parking a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/parking.svg);
}

.top-catalogs ul.menu li.trade a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/trade.svg);
}

.top-catalogs ul.menu li.public-catering a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/public-catering.svg);
}

.top-catalogs ul.menu li.motels a::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/motels.svg);
}

.top-catalogs ul.menu li.gas-station span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/gas-station.svg);
}

.top-catalogs ul.menu li.tank-farm span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/tank-farm.svg);
}

.top-catalogs ul.menu li.car-wash span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/car-wash.svg);
}

.top-catalogs ul.menu li.car-services span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/car-service.svg);
}

.top-catalogs ul.menu li.parking span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/parking.svg);
}

.top-catalogs ul.menu li.trade span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/trade.svg);
}

.top-catalogs ul.menu li.public-catering span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/public-catering.svg);
}

.top-catalogs ul.menu li.motels span::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/disabled/motels.svg);
}

.login-register {
    display: flex;
    flex-direction: row;
}

.login-register .description-wrapper {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    background-color: #38a9ff;
}

@media (min-width:1px) and (max-width:1000px) {
    .login-register .description-wrapper {
        display: none;
    }
}

.login-register .img {
    min-width: 200px;
    background: transparent url(/bitrix/templates/vozledorogi/img/login-description.jpg) no-repeat center;
    background-size: cover;
    flex-grow: 1;
}

.login-register .description {
    color: #fff;
    padding: 28px 60px 50px 60px;
    max-width: 440px;
}

.login-register .description h3 {
    line-height: normal;
}

.login-register .description ul {
    margin: 6px 0;
    list-style: none;
    padding-left: 0px;
}

.login-register .description li {
    display: flex;
    line-height: normal;
    margin-bottom: 28px;
    justify-content: flex-start;
    align-items: center;
}

.login-register .description li:last-child {
    margin-bottom: 0;
}

.login-register .description li::before {
    display: block;
    content: '';
    padding: 8px;
    margin-right: 23px;
    flex-shrink: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
}

.login-register .description li.gas-station::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/gas-station.svg);
}

.login-register .description li.car-wash::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/car-wash.svg);
}

.login-register .description li.land::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/types/enabled/land.svg);
}

.login-register .form-wrapper {
    flex-grow: 1;
    max-width: 430px;
}

@media (min-width:1px) and (max-width:1000px) {
    .login-register .form-wrapper {
        max-width: 100%;
    }
}

.login-register .forms {
    padding: 28px 20px 0 111px;
}

@media (min-width:1px) and (max-width:1000px) {
    .login-register .forms {
        padding: 55px 16px 34px;
    }
}

.login-register .forms h2 {
    font-size: 21px;
    font-weight: 700;
    color: #241f1e;
}

.login-register .forms input[type='submit'] {
    margin-top: 9px;
}

.login-register .forms .messages.messages--error {
    display: none;
}

.login-register .forms .messages-inline a {
    display: none;
}

.login-register .switcher {
    padding: 30px 20px 67px 111px;
}

@media (min-width:1px) and (max-width:1000px) {
    .login-register .switcher {
        padding: 0 16px;
    }
}

.login-register .switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login-register .switcher li {
    font-size: 14px;
    color: #121212;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-grow: 1;
    border-bottom: 1px solid #979797;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.login-register .switcher a {
    text-decoration: none;
    margin-left: auto;
    display: inline-block;
    color: #0986e5;
}

.login-register .switcher a::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent url(/bitrix/templates/vozledorogi/img/arrow.svg) no-repeat;
    margin-bottom: -7px;
}

.footer-wrapper {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    margin-top: auto;
}

.footer {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    line-height: 18px;
    padding-top: 40px;
    position: relative;
}

.footer::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #38a9ff;
    width: 69px;
    height: 5px;
}

@media (min-width:1px) and (max-width:1000px) {
    .footer {
        flex-direction: column;
        padding-top: 20px;
    }
    .footer::before {
        left: 16px;
    }
}

.footer ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 0;
}

.footer a {
    color: #241f1e;
    text-decoration: none;
}

.footer span {
    opacity: .5;
}

.footer .copyright {
    color: #241f1e;
    font-weight: 500;
    width: 230px;
    max-width: 330px;
    flex-grow: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .footer .copyright {
        margin-bottom: 20px;
    }
    .footer .copyright p {
        margin: 0;
    }
}

.footer .bottom-catalogs {
    max-width: 750px;
    flex-shrink: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .footer .bottom-catalogs {
        display: none;
    }
}

.footer .bottom-catalogs ul {
    flex-wrap: wrap;
}

.footer .bottom-catalogs li {
    flex-grow: 1;
    width: 33%;
    padding-bottom: 23px;
    padding-left: 20px;
}
.bottom-catalogs li a:hover{color: #0986e5}
.bottom-catalogs li.section-current a{color: #0986e5}
.footer .bottom-catalogs li:nth-child(3n+1) {
    padding-left: 0;
}

.footer .bottom-menu {
    padding-top: 23px;
    padding-bottom: 23px;
    border-top: 1px solid #979797;
    width: 100%;
}

.footer .bottom-menu ul {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.footer .bottom-menu li {
    margin-right: 40px;
    vertical-align: top;
}

.footer .bottom-menu li:last-child {
    margin-right: 0;
}

.footer .bottom-menu a {
    font-weight: 500;
}
.footer .bottom-menu a:hover{color: #0986e5}

@media (min-width:1px) and (max-width:720px) {
    .footer .bottom-menu ul {
        flex-direction: column;
    }
    .footer .bottom-menu li {
        margin-bottom: 10px;
    }
    .footer .bottom-menu li:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .footer .bottom-menu {
        border: 0;
        padding: 0;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .footer .bottom-menu ul {
        margin: 0;
    }
    .footer .bottom-menu a {
        font-weight: 400;
    }
}

.promo {
    color: #fff;
}

.promo .promo-wrapper {
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative;
}
.promo .promo-wrapper.bgoverlay:before{
    content: '';
    position: absolute;
    width: 820px;
    height:90%;
    background: rgba(0,0,0,.35);
    z-index: 1;
    left: 50%;    top: 30px;
    margin-left: -400px;
}
.promo .promo-title {
    margin: 15px auto;
    display: block;
    white-space: nowrap;
    padding: 4px 17px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #38a9ff;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}

.promo .promo-text {
    max-width: 670px;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;  
    position: relative;
    z-index: 2;
    font-size: 38px;
    line-height: 44px;
}
.promo .promo-text b{display:block;color:#38a9ff;position:relative;z-index:2;font-weight:500!important;}
@media (min-width:1px) and (max-width:1000px) {
    .promo h1 {
        margin-top: 24px;
        font-size: 27px;
        line-height: 33px;
    }
    .promo .promo-wrapper.bgoverlay:before{margin-left:-48%;left:50%;width:95%;}
}

.promo .about-link {
    padding:6px 25px;
    border-radius: 50px;
    font-size:18px;
    font-weight:500;
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
    margin: 30px auto 100px;
    text-align: center;
    transition: .3s; position: relative;
    z-index: 2;
}

.promo .about-link:active {
   background:#fff;
   color: #000;
}

.promo .about-link:hover {
    background:#fff;
    color: #000;
    opacity: .9;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo .about-link {
        margin-bottom: 50px;
    }
}

.promo .search-wrapper {
    margin-top: -43px;
}

.promo .search-wrapper:after {
    display: block;
    content: '';
    width: 90%;
    box-shadow: 0 0 15px 10px rgba(76, 115, 151, 0.5);
    margin: -5px auto 0;
    height: 5px;
    background-color: transparent;
    z-index: -1;
}
@media (min-width:1px) and (max-width:1000px) {
    .promo .search-wrapper {
        margin-top:-24px;
    }
    .promo .search-wrapper:after {
        display: none;
    }
}

.promo .search {
    width: 100%;
    height: 70px;
    border-radius: 4px;
    background-color: #38a9ff;
    overflow: hidden;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo .search {
        height: auto;
        border-radius: 0;
    }
}

.promo .light,
.promo .dark {
    height: 40px;
    border-radius: 20px;
    opacity: .44;
    position: absolute;
    z-index: -1;
    width: 100%;
}

.promo .shadow {
    position: relative;
    height: 12px;
    width: 1133px;
    margin: 0 auto;
}

.promo .light {
    background-color: #afb5c8;
    top: -28px;
}

.promo .dark {
    background-color: #485b69;
    top: -38px;
}

.purchase-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchase-wrapper {
        flex-direction: column;
        margin-top: 35px;
    }
}

.purchases {
    flex-shrink: 1;
    max-width: 845px;
    width: 100%;
    margin-right: 19px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases {
        max-width: none;
    }
}

.purchases h2 {
    margin: 0 auto 0 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases h2 {
        margin-bottom: 8px;
    }
}

.purchases h2::after {
    content: '';
    display: inline-block;
    margin-left: 20px;
    width: 36px;
    height: 30px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/icon.svg) no-repeat center;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases h2::after {
        display: none;
    }
}

.purchases a {
    color: #0986e5;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases a {
        line-height: 14px;
    }
}

.purchases .view-all {
    display: block;
    float: right;
    margin-top: 15px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .view-all {
        margin-top: 30px;
        float: left;
    }
}

.purchases .header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.purchases .content {
    margin-top: 16px;
    width: 100%;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content {
        border-radius: 9px;
        background-image: radial-gradient(circle at 53% 163%, #1f232f, #3c445e);
    }
}

.purchases .content .view-content {
    overflow: auto;
    height: 160px;
    padding-right: 10px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .view-content {
        padding-right: 0;
        overflow: hidden;
        height: 167px;
    }
}

.purchases .content .view-content::-webkit-scrollbar {
    width: 16px;
}

.purchases .content .view-content::-webkit-scrollbar-button:start {
    cursor: pointer;
    width: 16px;
    height: 32px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/go_2.png) no-repeat center;
}

.purchases .content .view-content::-webkit-scrollbar-button:end {
    cursor: pointer;
    width: 16px;
    height: 32px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/go.png) no-repeat center;
}

.purchases .content .view-content::-webkit-scrollbar-thumb {
    width: 16px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/scroll.png) repeat-y center;
}

.purchases .content .view-content::-webkit-scrollbar-track {
    width: 16px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/scroll_bg.png) repeat-y center;
}

.purchases .content .view-content::-webkit-scrollbar-button:vertical:end:increment,
.purchases .content .view-content::-webkit-scrollbar-button:vertical:start:decrement {
    display: block;
}

.purchases .content .views-row {
    background-color: #fff;
    border-bottom: 1px solid #b6b6b6;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6px;
    box-sizing: border-box;
    height: 49px;
    background-image: radial-gradient(circle at 53% 163%, #1f232f, #3c445e);
    border-radius: 164px;
    overflow: hidden;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .views-row {
        padding-right: 15px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .views-row {
        padding-right: 0;
        background: transparent;
        border: none;
        height: 100%;
        border-radius: 0;
        position: relative;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .views-row {
        display: block;
    }
}

.purchases .content .views-row:last-child {
    margin-bottom: 0;
}

.purchases .content .logo-wrapper {
    width: 25px;
    margin-left: 21px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .logo-wrapper {
        margin-left: 10px;
        flex-shrink: 0;
        width: 17px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .logo-wrapper {
        float: left;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 15px;
    }
}

.purchases .content .logo-wrapper img {
    width: 100%;
}

.purchases .content .buyer-wrapper {
    margin-left: 14px;
    color: #ffffff;
    word-break: break-word;
    width: 168px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .buyer-wrapper {
        margin-left: 10px;
        flex-shrink: 0;
        width: 115px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .buyer-wrapper {
        margin-left: 36px;
        padding-top: 15px;
        width: 210px;
    }
}

.purchases .content .buildings-wrapper {
    margin-left: 10px;
    color: #ffffff;
    font-weight: bold;
    text-align: left !important;
    width: 100px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .buildings-wrapper {
        flex-shrink: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .buildings-wrapper {
        margin-left: 36px;
        margin-top: 8px;
    }
}

.purchases .content .country-wrapper {
    margin-left: 10px;
    width: 18px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .country-wrapper {
        flex-shrink: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .country-wrapper {
        position: absolute;
        top: 15px;
        right: 22px;
        width: 28px;
    }
}

.purchases .content .country-wrapper .country {
    width: 18px;
    height: auto;
    background-size: contain;
    background-position-y: 30%;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .country-wrapper .country {
        width: 28px;
    }
}

.purchases .content .enddate-wrapper {
    width: 81px;
    margin-left: 10px;
    color: #ffffff;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .enddate-wrapper {
        flex-shrink: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .enddate-wrapper {
        position: absolute;
        top: 122px;
        left: 36px;
        margin: 0;
    }
}

.purchases .content .button-wrapper {
    width: 124px;
    height: 32px;
    margin-right: 8px;
    margin-left: 30px;
    float: right !important;
    text-align: center;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .button-wrapper {
        flex-shrink: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .button-wrapper {
        width: 107px;
        display: block;
        position: absolute;
        right: 19px;
        bottom: 17px;
        margin: 0;
    }
}

.purchases .content .button-wrapper a {
    color: #ffffff;
    border: 2px solid #ffffff;
    width: 124px;
    height: 32px;
    display: block;
    background-color: transparent;
    padding: 0;
    line-height: 30px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .button-wrapper a {
        width: 107px;
    }
}

.purchases .content .road-wrapper {
    display: flex;
    margin-top: -14px;
    margin-left: 10px;
    flex-direction: column;
    color: #ffffff;
    width: 210px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .road-wrapper {
        flex-shrink: 0;
    }
}

.purchases .content .road-wrapper>.view-tender-roads {
    height: 49px;
    overflow: hidden;
    margin-top: 14px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .road-wrapper>.view-tender-roads {
        overflow: auto;
    }
}

.purchases .content .road-wrapper .view-content {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

.purchases .content .road-wrapper .view-content .views-row {
    min-height: auto;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.purchases .content .road-wrapper .view-content .views-row .road-name {
    background: transparent;
    padding: 0;
    margin: 0;
    margin-right: 8px;
}

.purchases .content .road-wrapper .view-content .views-row .road-km {
    color: #ffffff;
    margin-top: 2px;
}

.purchases .content .road-wrapper .view-content .views-row .position {
    display: none;
}

.purchases .content .road-wrapper .view-content .views-row .position span {
    margin-left: 6px;
}

.purchases .content .road-wrapper .town-name {
    text-align: left !important;
    margin-top: 7px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .road-wrapper .town-name {
        margin-top: 14px;
    }
}

.purchases .content .table-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 14px;
    margin-bottom: 8px;
}

@media (min-width:1px) and (max-width:1000px) {
    .purchases .content .table-header {
        display: none;
    }
}

.purchases .content .table-header>div {
    height: inherit;
    font-size: 12px;
    line-height: 14px;
    color: #737373;
}

.purchases .content .table-header .header-buyer-wrapper {
    width: 67px;
    margin-left: 25px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .table-header .header-buyer-wrapper {
        margin-left: 15px;
    }
}

.purchases .content .table-header .header-buildings-wrapper {
    width: 41px;
    margin-left: 143px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .table-header .header-buildings-wrapper {
        margin-left: 90px;
    }
}

.purchases .content .table-header .header-place-wrapper {
    width: 100px;
    margin-left: 65px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .table-header .header-place-wrapper {
        flex-shrink: 0;
        margin-left: 66px;
    }
}

.purchases .content .table-header .header-enddate-wrapper {
    width: 62px;
    margin-left: 140px;
}

@media (min-width:1px) and (max-width:1160px) {
    .purchases .content .table-header .header-enddate-wrapper {
        flex-shrink: 0;
        margin-left: 148px;
    }
}

.purchases .content .view-tender>div:first-child {
    width: 100%;
}

.good-to-know {
    margin-left: 29px;
}

.good-to-know h2 {
    margin: 5px 0 0;
}

.good-to-know .content {
    margin-top: 16px;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    height: 100%;
}

@media (min-width:1px) and (max-width:1000px) {
    .good-to-know .content {
        padding-top: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .good-to-know .content::-webkit-scrollbar {
        display: none;
    }
}

.good-to-know .content>div {
    flex-shrink: 1;
    width: 50%;
}

.good-to-know .content>div a {
    text-decoration: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .good-to-know .content>div {
        width: 184px;
    }
}

.good-to-know .content>div:first-child {
    margin-right: 15px;
}

.good-to-know .content .description {
    color: #121212;
    font-size: 14px;
}

@media (min-width:1px) and (max-width:1000px) {
    .good-to-know .content .description {
        line-height: 18px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .good-to-know {
        margin-left: 0;
        margin-top: 17px;
    }
}

.select-place-wrapper {
    margin-top:30px;
    padding: 59px 0 82px;
    background-color: #f2f3f6;
}

@media (min-width:1px) and (max-width:1000px) {
    .select-place-wrapper {
        padding: 0;
        margin-top: 51px;
    }
}

.select-place {
    background: url(/bitrix/templates/vozledorogi/img/map-placeholder.jpg) no-repeat center center;
    background-size: cover;
    height: 250px;
}

.select-place h2 {
    width: 256px;
    color: #fff;
    text-align: center;
    margin: 41px 0 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .select-place h2 {
        width: 204px;
        margin-top: 51px;
        line-height: 26px;
    }
}

.select-place a {
    color: #0986e5;
    background-color: #fff;
    margin-top: 24px;
}

@media (min-width:1px) and (max-width:1000px) {
    .select-place a {
        margin-top: 21px;
    }
}

.select-place .content {
    width: 433px;
    height: 100%;
    margin: 0 auto;
    background: url(/bitrix/templates/vozledorogi/img/oval.svg) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width:1px) and (max-width:1000px) {
    .select-place .content {
        width: 100%;
    }
}

.wraper-promo-offer {
    position: relative;
}

@media (min-width:1px) and (max-width:1000px) {
    .wraper-promo-offer {
        margin-top: 59px;
    }
}

.wraper-promo-offer::after {
    content: '';
    display: block;
    border-radius: 20px;
    filter: blur(10px);
    position: relative;
    bottom: 24px;
    height: 0;
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 0 16px 10px #3a8cea;
    z-index: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .wraper-promo-offer::after {
        display: none;
    }
}

.promo-offer {
    color: #fff;
    background-color: #f2f3f6;
    position: relative;
    padding-bottom: 20px;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer {
        padding-bottom: 0;
    }
}

.promo-offer .promo-offer-content {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 2;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .promo-offer-content {
        flex-direction: column;
        background: linear-gradient(145deg, #68c4ee 0%, #4494ec 55%, #1071f7 100%);
    }
}

.promo-offer .description-bg {
    display: flex;
    background: linear-gradient(145deg, #68c4ee 0%, #4494ec 55%, #1071f7 100%);
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .description-bg {
        flex-direction: column;
        background: none;
    }
}

.promo-offer .description {
    display: flex;
    flex-direction: column;
    max-width: 305px;
    /*min-width: 230px;*/
    margin: 36px 23px;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .description {
        margin: 28px 16px;
        width: calc(100% - 32px);
    }
}

.promo-offer .description h2 {
    margin: 0 0 34px;
    line-height: normal;
    letter-spacing: normal;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .description h2 {
        margin-right: 50px;
        margin-bottom: 12px;
    }
}

.promo-offer .description p {
    margin: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .description p {
        line-height: 20px;
    }
}

.promo-offer .nav-tabs {
    display: block;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .nav-tabs {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0 16px;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }
}

.promo-offer .nav-tabs .nav-item {
    display: table;
    width: 190px;
    height: 100px;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .nav-tabs .nav-item {
        display: block;
        height: 100%;
        width: 50%;
        margin-top: auto;
    }
}

.promo-offer .nav-tabs .nav-link {
    display: table-row;
    font-size: 14px;
    color: #f2f3f6;
    font-weight: 500;
    padding: 0 30px;
    background-color: rgba(0, 93, 207, 0.6);
    border: 0;
    width: 100%;
    text-decoration: none;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .nav-tabs .nav-link {
        padding: 24px 30px 0;
        display: block;
        background-color: #fff;
        color: #0986e5;
    }
}

.promo-offer .nav-tabs .nav-link.active {
    background-color: #3561de;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .nav-tabs .nav-link.active {
        color: #121212;
        background-color: #fff;
    }
    .promo-offer .nav-tabs .nav-link.active span {
        padding-bottom: 16px;
        border-bottom: 4px solid #38a9ff;
    }
}

.promo-offer .nav-tabs .nav-link span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .nav-tabs .nav-link span {
        padding: 0 0 20px;
    }
}

.promo-offer .tab-content-wrapper {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .tab-content-wrapper {
        flex-direction: column;
        flex: 0 0 auto;
    }
}

.promo-offer .tab-content {
    display: flex;
    flex: 1 1 auto;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .tab-content {
        flex-direction: column;
        flex: 0 0 auto;
    }
}

.promo-offer .tab-content .tab-pane {
    flex: 1 1 auto;
    display: none;
    background: linear-gradient(91deg, #147cb1 0%, #236db8 100%);
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .tab-content .tab-pane {
        background: none;
    }
}

.promo-offer .tab-content .tab-pane.active {
    display: block;
}

.promo-offer .form-personal-offer {
    max-width: 580px;
    padding: 37px 16px 37px 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .promo-offer .form-personal-offer {
        width: 100%;
        max-width: none;
        padding: 0;
        margin-top: 0;
        margin-bottom: 31px;
    }
}

.search-block {
    height: 100%;
}

.search-block form,
.search-block form>div,
.search-block .views-exposed-form {
    height: 100%;
}

.search-block {
    background-color: #38a9ff;
    border-radius: 4px;
    color: #fff;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-block {
        border-radius: 0;
    }
}

.search-block label {
    display: none;
}

.search-block .views-exposed-widget {
    padding: 0;
}

.search-block .views-widget {
    height: 100%;
}

.search-block .form-item {
    height: 100%;
}

.search-block .views-exposed-widgets {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    -ms-grid-column-align: stretch;
    justify-items: stretch;
    height: 100%;
    margin-bottom: 0;
}

.search-block .views-exposed-widgets>div {
    flex-grow: 2;
    flex-basis: 0;
    border-right: 1px solid rgba(248, 248, 248, 0.4);
}

.search-block .views-exposed-widgets>div:last-child {
    border-right: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-block .views-exposed-widgets>div {
        border-right: 0;
        border-bottom: 1px solid rgba(248, 248, 248, 0.4);
        max-height: 47px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .search-block .views-exposed-widgets {
        flex-direction: column;
    }
}

.search-block #edit-field-zu-road-km-value-wrapper {
    padding: 25px 34px 0 14px;
    flex-grow: 1;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-block #edit-field-zu-road-km-value-wrapper {
        padding-top: 11px;
        padding-bottom: 11px;
    }
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget {
    display: flex;
    flex-direction: row;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item {
    max-width: 35px;
    display: block;
    float: none;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:first-child {
    margin: 0 5px;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:first-child input {
    text-align: right;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:last-child {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:last-child input {
    margin: 0 5px;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:last-child::before {
    content: '—';
    display: block;
    width: 14px;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-item:last-child::after {
    content: 'км';
    display: block;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget .form-text {
    border: none;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget label {
    display: none;
}

.search-block #edit-field-zu-road-km-value-wrapper .views-widget input {
    outline: none;
    background-color: #38a9ff;
    color: #fff;
}

.search-block .views-submit-button {
    padding: 12px 31px 0 !important;
    flex-grow: 0 !important;
}

.search-block .views-submit-button .form-submit {
    margin: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-block .views-submit-button {
        flex-grow: 1 !important;
        padding-bottom: 12px !important;
        max-height: none !important;
    }
    .search-block .views-submit-button .form-submit {
        width: 100%;
    }
}

.list-of-zu-wrapper {
    background-color: #f2f3f6;
    padding-top: 60px;
    padding-bottom: 55px;
    position: relative;
}

@media (min-width:1px) and (max-width:1000px) {
    .list-of-zu-wrapper {
        padding-top: 42px;
        padding-bottom: 0;
    }
    .list-of-zu-wrapper:last-child {
        padding-bottom: 59px;
    }
}

.list-of-zu-wrapper .zu-block-tips {
    width: 300px;
    height: 50px;
    background-color: #38a9ff;
    position: relative;
    right: 0;
    border-radius: 10px;
    display: none;
}

@media (min-width:888px) {
    .list-of-zu-wrapper .zu-block-tips {
        display: flex;
    }
}

.list-of-zu-wrapper .zu-block-tips .zu-info {
    width: 30px;
    height: 30px;
    margin: 10px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    background: url(/bitrix/templates/vozledorogi/img/icons/information.png) no-repeat;
}

.list-of-zu-wrapper .zu-block-tips .zu-text {
    width: 137px;
    height: 32px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: normal;
    color: #fff;
    margin: 10px;
}

.list-of-zu-wrapper .zu-block-tips a {
    text-decoration: none;
    cursor: pointer;
    width: 69px;
    height: 30px;
    display: block;
    margin: 10px;
    border-radius: 16px;
    border: solid 2px #fff;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

.list-of-zu-wrapper .zu-block-tips::after {
    content: '';
    position: absolute;
    left: 20px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #38a9ff;
}

.block.list-of-zu {
    max-width: 1310px;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu {
        padding-left: 0;
        padding-right: 0;
    }
}

.block.list-of-zu .view-header {
    display: flex;
    flex-direction: row;
    margin: 0 10px;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .view-header {
        margin: 0 16px;
    }
}

.block.list-of-zu .title-wrapper {
    display: inline-flex;
    flex-direction: column;
}

.block.list-of-zu h2 {
    display: block;
    margin: 0;
}

.block.list-of-zu .view-all {
    margin-right: auto;
    margin-left: 50px;
}

.block.list-of-zu .view-all a {
    display: block;
    background-color: transparent;
}

.block.list-of-zu .view-footer {
    margin: 0 10px;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .view-footer {
        margin: 0 16px;
    }
}

.block.list-of-zu .view-footer .view-all {
    margin-top: 40px;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .view-footer .view-all {
        margin-top: 47px;
    }
    .block.list-of-zu .view-footer .view-all a {
        padding: 12px;
    }
}

.block.list-of-zu .view {
    margin-top: 40px;
    overflow: auto;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .view {
        overflow: inherit;
        margin-top: 14px;
    }
}

.block.list-of-zu .view-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.block.list-of-zu .views-row {
    display: flex;
    flex-direction: column;
    width: 300px;
    background-color: #ffffff;
    box-shadow: 0 10px 15px rgba(76, 115, 151, 0.11);
    margin: 0 20px 25px 10px;
    cursor: pointer;
    transition: .3s;
}
.list-of-zu-wrapper .views-row:hover{box-shadow: 0 10px 15px rgba(76, 115, 151,.3)!important;border-radius: 4px;}
@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .views-row {
        margin: 0 15px 25px 15px;
    }
}

.block.list-of-zu .views-row:last-child {
    margin-right: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .block.list-of-zu .views-row .map img {
        width: 100%;
    }
}

.manage-ad-wrapper .sidebar {
    margin-top: 166px;
    flex: 0 0 29%;
    max-width: 29%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

@media (min-width:1px) and (max-width:812px) {
    .manage-ad-wrapper .sidebar {
        margin-top: 212px;
    }
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 40px;
        margin-top: 40px;
    }
    .manage-ad-wrapper .sidebar>.content-add {
        width: 100%;
    }
    .manage-ad-wrapper .sidebar>.content-add>.title {
        font-size: 28px;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .sidebar {
        padding: 0 17px;
    }
}

.manage-ad-wrapper .content-add {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 192px;
    border-top: 1px solid #aab4d0;
    border-bottom: 1px solid #aab4d0;
    padding-top: 30px;
    padding-bottom: 20px;
}

.manage-ad-wrapper .content-add b {
    color: #130c0b;
    font-size: 16px;
    font-weight: 700;
}

.manage-ad-wrapper .content-add ul {
    list-style: none;
    padding-left: 28px;
}

.manage-ad-wrapper .content-add li {
    margin: 14px 0;
}

.manage-ad-wrapper .content-add li::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 10px;
    margin-right: 15px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/not-done.svg) no-repeat center;
}

.manage-ad-wrapper .content-add li.done::before {
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/done.svg) no-repeat center;
}

.manage-ad-wrapper .content-add li.done>a {
    color: #121212;
}

.manage-ad-wrapper .content-add a {
    text-decoration: none;
    color: #737373;
    font-size: 16px;
}

.manage-ad-wrapper .content-add>ul {
    margin: 14px 0 32px;
    padding: 0;
}

.manage-ad-wrapper .content-add>ul ul a {
    font-size: 14px;
}

.manage-ad-wrapper .submit {
    width: 100%;
}

.manage-ad-wrapper .submit.mobile {
    position: fixed;
    bottom: 30px;
    left: calc(50% - 100px);
    width: 200px !important;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .submit {
        width: 200px;
    }
}

body.page-node-add-advert,
body.page-add,
body.page-edit {
    background-color: #dce1f0 !important;
}

body.page-node-add-advert .layout-3col__full>h1,
body.page-add .layout-3col__full>h1,
body.page-edit .layout-3col__full>h1 {
    display: none;
}

@keyframes loading {
    99% {
        width: 100%;
    }
    100% {
        display: none;
    }
}

.preview .button-action-data {
    background: #38a9ff;
    border-radius: 5px;
    padding: 5px 10px;
    border: none;
    font-weight: bold;
    color: white;
}

.preview .button-action-data:first-of-type {
    margin-bottom: 10px;
}

.preview .button-action-data:hover {
    color: black;
}

.preview .shadow-field {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: .3;
    z-index: 999;
}

.preview .loading-popUp {
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    z-index: 1000;
    width: 320px;
    padding: 30px 15px;
    text-align: center;
}

@media (min-width:1px) and (max-width:480px) {
    .preview .loading-popUp {
        width: 100%;
        height: 100%;
    }
}

.manage-ad-wrapper {
    background-color: #dce1f0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1502px;
}

.manage-ad-wrapper .additionalInfo {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.manage-ad-wrapper .additionalInfo>.text {
    color: #0986e5;
}

.manage-ad-wrapper .labelOffset {
    top: -18px !important;
}

.manage-ad-wrapper .rs__input {
    width: 100% !important;
}

.manage-ad-wrapper>div {
    display: flex;
    flex-direction: column;
}

.manage-ad-wrapper h1 {
    color: #121212;
    margin: 86px 0 34px 0;
    line-height: normal;
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper h1 {
        margin: 30px 0;
    }
}

.manage-ad-wrapper .header--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.manage-ad-wrapper h3 {
    margin-top: 50px;
}

.manage-ad-wrapper h4 {
    margin-top: 35px;
}

.manage-ad-wrapper .icons {
    margin-left: 20px;
}

.manage-ad-wrapper .postAddress-wrapper {
    display: flex;
    max-width: 540px;
    position: relative;
}

.manage-ad-wrapper .postAddress-wrapper:first-child {
    flex: 1 1;
}

.manage-ad-wrapper .postAddress-last {
    margin-bottom: 35px;
}

.manage-ad-wrapper .card-info-item {
    padding: 30px 30px 30px 110px;
    background-color: white;
    margin-bottom: 20px;
}

.manage-ad-wrapper .card-info-item:last-child {
    margin-bottom: 0;
}

.manage-ad-wrapper .card-info-item.cost h4 {
    display: block;
    max-width: 180px;
    margin: 0;
}

.manage-ad-wrapper .card-info-item .cost-header-wrapper {
    display: flex;
    flex-direction: row;
    margin: 35px 0 22px;
}

@media (min-width:1px) and (max-width:1125px) {
    .manage-ad-wrapper .card-info-item {
        padding: 30px;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .card-info-item {
        padding: 10px;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .card-info-item.general h3 {
        font-size: 20px;
    }
}

.manage-ad-wrapper .content {
    flex: 0 0 71%;
    max-width: 71%;
    padding: 0 10px 0 106px;
}

@media (min-width:1px) and (max-width:1125px) {
    .manage-ad-wrapper .content {
        padding-left: 40px;
    }
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 40px;
        order: 1;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .content {
        padding: 0 8px;
    }
}

.manage-ad-wrapper .tabs {
    margin-left: -110px;
    padding-left: 110px;
    width: calc(100% + 140px);
}

@media (min-width:1px) and (max-width:1125px) {
    .manage-ad-wrapper .tabs {
        margin-left: -30px;
        padding-left: 30px;
        width: calc(100% + 61px);
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .tabs {
        margin-left: -10px;
        padding-left: 10px;
        width: calc(100% + 21px);
    }
}

.manage-ad-wrapper .tabs-content {
    list-style: none;
    padding: 0;
}

.manage-ad-wrapper .tabs-content>li {
    display: none;
}

.manage-ad-wrapper .tabs-content>li.active {
    display: block;
}

.manage-ad-wrapper .field-description {
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 42px;
    max-width: 540px;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .field-description {
        margin-bottom: 0;
    }
}

.manage-ad-wrapper .form-item {
    width: 100%;
    max-width: 540px;
}

.manage-ad-wrapper .form-item.form-type-textarea textarea {
    height: 116px;
}

.manage-ad-wrapper .form-control.error {
    border: 1px solid #ff0000;
}

.manage-ad-wrapper .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.manage-ad-wrapper .row.road-wrapper {
    align-content: center;
    align-items: center;
    max-width: 540px;
    margin-bottom: 25px;
    position: relative;
}

.manage-ad-wrapper .row.road-wrapper .form-type-select {
    width: 125px;
}

.manage-ad-wrapper .row.road-wrapper>div:not(:last-child) {
    flex-grow: 0;
    flex-shrink: 1;
    margin: 15px 6.6px 8px;
}

.manage-ad-wrapper .row.road-wrapper>div:not(:last-child):first-child {
    margin: 15px 7.5px 8px 0;
}

.manage-ad-wrapper .buildings-wrapper {
    margin-top: 25px;
}

.manage-ad-wrapper .buildings-wrapper>.fields-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    padding: 20px 0;
    position: relative;
}

.manage-ad-wrapper .buildings-wrapper>.fields-section .icons {
    position: absolute;
    right: 0;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .buildings-wrapper>.fields-section .icons {
        top: 19px;
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.manage-ad-wrapper .buildings-wrapper>.fields-section>div:first-child {
    flex: 0 0 31%;
    margin: 0;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .buildings-wrapper>.fields-section>div:first-child {
        flex: 0 0 88%;
    }
}

.manage-ad-wrapper .buildings-wrapper>.fields-section>div:nth-child(2) {
    flex: 0 0 48%;
    margin: 0 0 0 20px;
}

@media (min-width:1px) and (max-width:615px) {
    .manage-ad-wrapper .buildings-wrapper>.fields-section>div:nth-child(2) {
        flex: 0 0 40%;
        margin: 0 0 0 20px;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .buildings-wrapper>.fields-section>div:nth-child(2) {
        margin: 20px 0 0 0;
        flex: 0 0 88%;
    }
}

.manage-ad-wrapper .buildings-wrapper .buildings-delete {
    cursor: pointer;
    border: none;
    background: none;
    outline: none;
}

.manage-ad-wrapper .buildings-wrapper .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.manage-ad-wrapper .buildings-wrapper .add {
    padding: 0 5px;
    background: none;
    border: none;
    margin-top: 15px;
    line-height: 30px;
    outline: none;
}

.manage-ad-wrapper .buildings-wrapper .add>.text {
    margin-left: 15px;
    color: #0986e5;
    font-weight: normal;
}

.manage-ad-wrapper .buildings-wrapper .delete {
    border: none;
    padding: 0;
    background: none;
    font-size: 14px;
    margin-top: 15px;
    height: 20px;
    font-weight: normal !important;
}

.manage-ad-wrapper .buildings-wrapper .tabs {
    margin-top: 60px;
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content {
    width: 100%;
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building .related-fields {
    padding-left: 33px;
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs>.years-data {
    display: flex;
    flex-wrap: wrap;
    max-width: 540px;
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs>.years-data>.form-type-select {
    flex: 1 1;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs>.years-data>.form-type-select {
        flex: 0 0 100%;
    }
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs>.years-data>.form-type-select:first-child {
    margin-right: 40px;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs>.years-data>.form-type-select:first-child {
        margin: 0;
    }
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs .checkboxes-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.manage-ad-wrapper .buildings-wrapper>.tabs-content .manage-building>.azs .checkboxes-row>div {
    flex: 0 0 20%;
    padding: 0 5px;
}

.manage-ad-wrapper .oil_base .related-fields {
    padding-left: 33px;
}

.manage-ad-wrapper .oil_base .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 540px;
}

.manage-ad-wrapper .oil_base .row-diff {
    display: flex;
    flex-wrap: wrap;
    max-width: 540px;
}

.manage-ad-wrapper .oil_base .row-diff>div:first-child {
    flex: 1 1;
    padding-right: 30px;
}

.manage-ad-wrapper .oil_base .row-diff>div:last-child {
    flex: 3 1;
}

@media (min-width:1px) and (max-width:913px) {
    .manage-ad-wrapper .oil_base .row-diff>div:first-child {
        flex: 0 0 50%;
    }
    .manage-ad-wrapper .oil_base .row-diff>div:last-child {
        flex: 0 0 100%;
    }
    .manage-ad-wrapper .oil_base .row-diff>div:last-child>div {
        flex: 0 1 200px;
    }
}

.manage-ad-wrapper .oil_base .row-no-marg {
    margin-bottom: -20px;
}

@media (min-width:1px) and (max-width:913px) {
    .manage-ad-wrapper .oil_base .row.row-no-marg>div {
        flex: 0 0 100%;
    }
    .manage-ad-wrapper .oil_base .row.row-no-marg>div>div {
        flex: 0 1 140px;
    }
}

.manage-ad-wrapper .oil_base .row-simple {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 540px;
    margin: 20px 0;
}

.manage-ad-wrapper .oil_base .row-simple>div {
    flex: 0 1 200px;
}

.manage-ad-wrapper .oil_base .row-simple>div:first-child {
    margin-right: 30px;
}

.manage-ad-wrapper .oil_base .row>div {
    flex: 1 1;
}

.manage-ad-wrapper .oil_base .tank_name {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.manage-ad-wrapper .oil_base .field-name-building_explot_year {
    margin-bottom: 50px;
}

.manage-ad-wrapper .oil_base .bold-checkbox+label {
    font-size: 21px;
    font-weight: bold;
}

.manage-ad-wrapper .oil_base .empty-space {
    margin-top: 50px;
}

.manage-ad-wrapper .oil_base .lines {
    position: absolute;
    height: 200px;
    margin-top: 50px;
}

.manage-ad-wrapper .oil_base .lines>div {
    background: #979797;
    position: absolute;
}

.manage-ad-wrapper .oil_base .lines .main-line {
    top: -40px;
    left: 15px;
    width: 1px;
    height: 270px;
}

.manage-ad-wrapper .oil_base .lines .line {
    height: 1px;
    width: 15px;
}

.manage-ad-wrapper .oil_base .lines .line-1 {
    top: 52px;
    left: 15px;
}

.manage-ad-wrapper .oil_base .lines .line-2 {
    top: 228px;
    left: 15px;
}

.manage-ad-wrapper .oil_base .lines .line-3 {
    left: 30px;
    top: 26px;
}

.manage-ad-wrapper .oil_base .lines .line-4 {
    left: 30px;
    top: 80px;
}

.manage-ad-wrapper .oil_base .lines .line-5 {
    left: 30px;
    top: 200px;
}

.manage-ad-wrapper .oil_base .lines .line-6 {
    left: 30px;
    top: 254px;
}

.manage-ad-wrapper .oil_base .lines .vert-line {
    height: 55px;
    width: 1px;
    left: 30px;
}

.manage-ad-wrapper .oil_base .lines .vert-line-1 {
    top: 26px;
}

.manage-ad-wrapper .oil_base .lines .vert-line-2 {
    top: 200px;
}

.manage-ad-wrapper .oil_base .lines .separate-line {
    max-width: 490px;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    top: -25px;
    left: 50px;
}

.manage-ad-wrapper .oil_base .inputs {
    margin-left: 50px;
    margin-top: 50px;
    max-width: 490px;
}

.manage-ad-wrapper .oil_base .inputs .separate-line {
    height: 1px;
    margin-top: -25px;
    margin-bottom: 21px;
    background: #e6e6e6;
}

.manage-ad-wrapper .oil_base .inputs .separate-line-second {
    margin: 30px 0;
}

.manage-ad-wrapper .oil_base .separate-line {
    height: 1px;
    background: #e6e6e6;
}

.manage-ad-wrapper .oil_base .separate-line-medium {
    margin: 20px 0;
    max-width: 540px;
}

.manage-ad-wrapper .oil_base .separate-line-large {
    margin-top: 50px;
    margin-bottom: 20px;
}

.manage-ad-wrapper .base-line {
    align-items: baseline;
}

.manage-ad-wrapper .align-item-center {
    align-items: center;
}

.manage-ad-wrapper .fields-section {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    max-width: 743px;
}

.manage-ad-wrapper .fields-section:last-child {
    border-bottom: 0;
}

.manage-ad-wrapper .fields-section.cost {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    max-width: 540px;
    padding: 22px 0 26px;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .fields-section.cost {
        align-items: flex-start;
    }
}

.manage-ad-wrapper .fields-section.cost .form-type-checkbox {
    flex: 0 0 100px;
    margin-right: 30px;
    height: 48px;
    padding-top: 12px;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .fields-section.cost .form-type-checkbox {
        flex: 0 1 50%;
        margin: 0;
    }
}

.manage-ad-wrapper .fields-section.cost .related-fields-cost {
    flex: 1 1;
    display: flex;
    flex-direction: row;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .fields-section.cost .related-fields-cost {
        flex-wrap: wrap;
        flex: 0 0 50%;
    }
}

.manage-ad-wrapper .fields-section.cost .related-fields-cost>div {
    margin: 0 0 0 7px;
    flex: 0 1 130px;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .fields-section.cost .related-fields-cost>div {
        flex: 0 0 100%;
        margin: 0 0 10px 0;
    }
}

.manage-ad-wrapper .fields-section .form-type-checkbox {
    margin: 22px 0 26px;
}

.manage-ad-wrapper .fields-section .related-fields {
    padding-left: 33px;
}

.manage-ad-wrapper .fields-section .related-fields .form-item {
    margin-top: 20px;
}

.manage-ad-wrapper .fields-section .related-fields .form-item:first-child {
    margin-top: -6px;
}

.manage-ad-wrapper .fields-section .related-fields .form-item:last-child {
    margin-bottom: 25px;
}

.manage-ad-wrapper .wrapper-image {
    display: flex;
    align-items: center;
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .wrapper-image .icons {
        display: none;
    }
}

.manage-ad-wrapper .header-card-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.manage-ad-wrapper .header-card-wrapper .icons {
    display: none;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .header-card-wrapper .icons {
        display: block;
    }
}

.manage-ad-wrapper .field-name-address {
    margin-bottom: 30px;
}

.manage-ad-wrapper .field-name-there_are_buildings {
    flex-shrink: 0;
    width: 171px;
}

.manage-ad-wrapper .field-name-ground_number {
    flex-shrink: 0;
    width: 70px;
}

.manage-ad-wrapper .field-name-road {
    width: 125px;
}

.manage-ad-wrapper .field-name-road_km {
    width: 125px;
}

.manage-ad-wrapper .field-name-com_road_type {
    margin: 32px 0 50px;
}

.manage-ad-wrapper .field-name-road_position {
    display: flex;
    flex-direction: row;
    width: auto;
    margin-left: 20px;
}

.manage-ad-wrapper .field-name-road_position .form-item {
    width: auto;
    flex-shrink: 1;
    flex-grow: 0;
}

@media (min-width:1px) and (max-width:913px) {
    .manage-ad-wrapper .field-name-road_position {
        margin-left: 0;
    }
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .field-name-road_position {
        flex: 0 0 100%;
    }
}

.manage-ad-wrapper .field-name-building_condition {
    display: flex;
    flex-wrap: wrap;
}

.manage-ad-wrapper .field-name-building_condition .form-item {
    flex: 1 1 auto;
}

.manage-ad-wrapper .form-type-checkbox,
.manage-ad-wrapper .form-type-radio-group {
    margin-bottom: 30px;
    position: relative;
}

.manage-ad-wrapper .form-type-checkbox label,
.manage-ad-wrapper .form-type-radio-group label {
    top: initial;
    left: initial;
    opacity: 1;
}

.manage-ad-wrapper .description-text {
    margin: 0 10px;
    flex-shrink: 0;
    flex-grow: 0;
}

.manage-ad-wrapper .map-description {
    color: #737373;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.manage-ad-wrapper .map {
    height: 300px;
    background-color: lightgrey;
    max-width: 540px;
}

.manage-ad-wrapper .links {
    list-style: none;
    margin: 0;
    padding: 21px 0;
    border-top: 1px solid #e6e6e6;
    max-width: 631px;
}

.manage-ad-wrapper .links>li {
    color: #0986e5;
    line-height: normal;
    margin: 10px 0;
    cursor: pointer;
}

.manage-ad-wrapper .links>li.back::before,
.manage-ad-wrapper .links>li.next::after {
    content: '';
    width: 10px;
    height: 16px;
    display: inline-block;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/next-prev-ground.svg) no-repeat;
    background-size: cover;
}

.manage-ad-wrapper .links>li.back::before {
    margin-right: 13px;
    margin-bottom: -2px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.manage-ad-wrapper .links>li.next::after {
    margin-left: 13px;
    margin-bottom: -3px;
}

.manage-ad-wrapper .help {
    color: #0986e5;
    padding: 0 13px;
    height: 48px;
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(97, 97, 97, 0.34);
    border-right: 1px solid rgba(97, 97, 97, 0.34);
    cursor: pointer;
}

.manage-ad-wrapper .help:hover+div.helpHint {
    display: block;
}

.manage-ad-wrapper .help.road {
    margin: 15px 0 8px 16px !important;
}

@media (min-width:1px) and (max-width:913px) {
    .manage-ad-wrapper .help.road {
        position: absolute;
        top: -80px;
        right: 0;
    }
}

.manage-ad-wrapper .photosBlock .photos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .photosBlock .photos {
        margin-top: 52px;
    }
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper {
    padding: 0 15px;
    margin-bottom: 40px;
    flex: 0 0 33.33333%;
    position: relative;
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .photosBlock .photos .photoWrapper {
        flex: 0 0 50%;
    }
}

@media (min-width:1px) and (max-width:480px) {
    .manage-ad-wrapper .photosBlock .photos .photoWrapper {
        flex: 0 0 100%;
        margin-top: 20px;
    }
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo {
    height: 190px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #daefff;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo__buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 10px;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo__main>img {
    max-width: 20px;
    height: auto;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo .photo__line {
    position: absolute;
    bottom: 40%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    background: white;
    width: 0;
    transition: none;
    z-index: 1;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo:after,
.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: black;
    transition: opacity .7s;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo:before {
    background: transparent;
    content: "Главная";
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: white;
    z-index: 1;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo.main:after {
    opacity: .3;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo.main:before {
    opacity: 1;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo.main>.photo__line {
    transition: width .7s;
    width: 80%;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo img {
    max-width: 100%;
    max-height: 100%;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo .progressBar {
    width: 80%;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 15px;
    background: #ffffff;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo .progressBar .done-line {
    transition: width 1s;
    height: 4px;
    width: 0;
    background: #0986e5;
    animation: loading 1s;
}

.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo__remove,
.manage-ad-wrapper .photosBlock .photos .photoWrapper .photo__main {
    padding: 0;
    border: none;
    background: none;
    font-size: 14px;
    outline: none;
}

.manage-ad-wrapper .photosBlock .uploadFile {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.manage-ad-wrapper .photosBlock .uploadFile #file {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
}

.manage-ad-wrapper .photosBlock .uploadFile .add {
    pointer-events: none;
    font-weight: normal;
    background: none;
    border: none;
    display: flex;
    align-items: center;
}

.manage-ad-wrapper .photosBlock .uploadFile .add .text {
    margin-left: 10px;
}

.manage-ad-wrapper .helpHint {
    position: absolute;
    right: -28px;
    top: -5px;
    width: 185px;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.14);
    z-index: 999999;
    background: #ffffff url(/bitrix/templates/vozledorogi/img/icons/information.svg) 14px 15px no-repeat;
    padding: 15px 45px 15px 50px;
    box-sizing: content-box;
    border-radius: 10px;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    display: none;
    line-height: 18px;
}

.manage-ad-wrapper .helpHint:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -12px;
    top: calc(50% - 10px);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #ffffff;
    border-left: 1px solid rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    z-index: 99999999;
}

.manage-ad-wrapper .helpHint a {
    text-decoration: none;
}

@media (min-width:1px) and (max-width:913px) {
    .manage-ad-wrapper .helpHint {
        top: -85px !important;
    }
}

.manage-ad-wrapper .helpHint__postAddress {
    top: -52px;
    right: -30px;
    padding: 15px 20px 15px 50px;
    width: 205px;
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .helpHint {
        right: 267px;
        top: -15px !important;
    }
    .manage-ad-wrapper .helpHint__postAddress {
        top: 60px;
    }
}

.manage-ad-wrapper .tooltip-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 640px;
    align-items: center;
}

.manage-ad-wrapper .tooltip-wrapper .help {
    margin-left: 40px;
}

.manage-ad-wrapper .tooltip-wrapper .helpHint--space {
    top: -15px;
}

@media (min-width:1px) and (max-width:768px) {
    .manage-ad-wrapper .tooltip-wrapper .helpHint--space {
        top: 65px !important;
    }
}

.manage-ad-wrapper .form-complex-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.manage-ad-wrapper .form-complex-item>div {
    margin: 0 !important;
}

.manage-ad-wrapper .form-complex-item .form-type-checkbox {
    width: auto;
}

.manage-ad-wrapper .form-complex-item .form-type-checkbox input[type='checkbox']+label {
    padding-left: 30px !important;
}

.manage-ad-wrapper .form-complex-item .form-type-text {
    width: 190px;
}

.manage-ad-wrapper .grouped-fields.phones,
.manage-ad-wrapper .grouped-fields.emails {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 520px;
}

.manage-ad-wrapper .grouped-fields.phones>div,
.manage-ad-wrapper .grouped-fields.emails>div {
    flex: 0 0 230px;
    margin-left: 20px;
}

.manage-ad-wrapper .grouped-fields.phones>div:first-child,
.manage-ad-wrapper .grouped-fields.emails>div:first-child {
    margin-left: 0;
}

.advert-full {
    display: flex;
    flex-direction: column;
    color: #121212;
    position: relative;
}

.advert-full .edit-advert {
    display: inline-block;
    padding: 15px 43px 15px;
    margin: 30px 0 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.advert-full .header-wrapper {
    display: flex;
    flex-direction: column;
}

.advert-full .tags {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .tags {
        margin-top: 21px;
    }
}

.advert-full .tag {
    color: #f2f3f6;
    border-radius: 4px;
    background-color: #121212;
    padding: 3px 9px 4px 13px;
    font-size: 14px;
    margin-right: 10px;
}

.advert-full .tag:last-child {
    margin-right: 0;
}

.advert-full .tag.red {
    background-color: #d22d2d;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .tag {
        padding: 1px 9px 1px 13px;
    }
}

.advert-full .title {
    line-height: 45px;
    margin: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .title {
        font-size: 28px;
        line-height: 35px;
        margin-top: 3px;
    }
}

.advert-full .categories,
.advert-full .description {
    line-height: 19px;
    color: #241f1e;
    margin-top: 6px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .description {
        margin-top: 17px;
    }
}

.advert-full .zu-ids {
    color: #130c0b;
    line-height: 19px;
    margin-top: 44px;
    font-weight: bold;
}

.advert-full .pkk5-link {
    line-height: 17px;
    font-size: 14px;
    margin-top: 6px;
}

.advert-full .pkk5-link a {
    color: #0986e5;
    text-decoration: none;
}

.advert-full .general-data-wrapper {
    display: flex;
    flex-direction: row;
    margin: 15px 0 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .general-data-wrapper .icons {
        margin-top: 0;
        position: absolute;
        top: 21px;
        right: 2px;
    }
}

.advert-full .general-data {
    max-width: 960px;
}

.advert-full .icons {
    margin-top: 14px;
    margin-left: auto;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .icons .icon {
        background-size: contain;
        height: 24px;
        width: 24px;
    }
}

.advert-full .hot-links {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 37px 0 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #d8d8d8;
}

.advert-full .hot-links li {
    margin-right: 30px;
}

.advert-full .hot-links li:last-child {
    margin-right: 0;
}

.advert-full .hot-links a {
    color: #0986e5;
    text-decoration: none;
}

.advert-full .content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 22px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .content-wrapper {
        flex-direction: column;
    }
}

.advert-full .contacts {
    flex: 0 0 306px;
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 13px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .contacts {
        flex-basis: auto;
        align-items: flex-start;
        margin-left: 0;
        padding: 14px 0 48px;
    }
}

.advert-full .name {
    color: #130c0b;
    font-weight: bold;
}

.advert-full .phone {
    margin-top: 25px;
}

.advert-full .phone a {
    display: block;
    padding: 15px 43px 15px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .phone a {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

.advert-full .email {
    margin-top: 16px;
}

.advert-full .email a {
    color: #0986e5;
    text-decoration: none;
    line-height: 19px;
}

.advert-full .go {
    margin-top: 25px;
}

.advert-full .go a {
    display: block;
    padding: 11px 43px 11px;
}

.advert-full .pict {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 23px;
    background-color: #fff;
    margin-bottom: 25px;
    width: 160px;
}

.advert-full .pict img {
    display: block;
    height: auto;
    width: 114px;
}

.advert-full .content {
    flex-grow: 1;
}

.advert-full .section {
    background-color: #fff;
    padding: 38px 0 70px;
    margin-bottom: 30px;
}

.advert-full .section:last-child {
    margin-bottom: 160px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .section:last-child {
        margin-bottom: 40px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .section {
        padding: 30px 0 30px;
    }
}

.advert-full .section-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0 120px 45px 100px;
    text-transform: uppercase;
}

.advert-full .section-title a {
    color: #121212;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .section-title {
        margin-left: 11px;
        margin-right: 20px;
        margin-bottom: 25px;
    }
}

.advert-full .tabs {
    padding-left: 100px;
    padding-right: 120px;
    margin: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .tabs {
        padding-left: 11px;
        padding-right: 20px;
    }
}

.advert-full .tabs-content {
    list-style: none;
    padding: 51px 0 0;
    margin: 0 0 35px 0;
}

.advert-full .tabs-content>li {
    display: none;
}

.advert-full .tabs-content>li.active {
    display: block;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .tabs-content {
        padding: 36px 0 0;
    }
}

.advert-full .fields-group {
    margin-bottom: 55px;
    padding: 0 120px 0 100px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .fields-group {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.advert-full .fields-group:last-child {
    margin-bottom: 0;
}

.advert-full .fields-group.without-m-bottom {
    margin-bottom: 0;
}

.advert-full .fields-group .horizontal {
    display: flex;
    flex-direction: row;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group .horizontal {
        flex-direction: column;
    }
}

.advert-full .fields-group .vertical {
    display: flex;
    flex-direction: column;
}

.advert-full .fields-group-title {
    font-weight: bold;
    color: #130c0b;
    line-height: 19px;
    padding-bottom: 7px;
    border-bottom: 2px solid #241f1e;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.advert-full .fields-group-title .icons {
    margin-top: 0;
}

.advert-full .fields-group-content {
    padding-top: 30px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .fields-group-content {
        padding-top: 25px;
    }
    .advert-full .fields-group-content.vertical {
        padding-top: 20px;
    }
}

.advert-full .fields-group-address .left-part {
    max-width: 300px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .fields-group-address .left-part {
        max-width: 400px;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-address .left-part {
        max-width: none;
    }
}

.advert-full .fields-group-address .right-part {
    padding: 0 0 0 30px;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-address .right-part {
        padding: 31px 0 0;
    }
    #map{position: relative;width:100%!important;height:250px;}
}
#map{width:450px;height:250px;}
.advert-full .fields-group-address .right-part .map {
    position: relative;
}

.advert-full .fields-group-address .right-part .map .yamap-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.advert-full .fields-group-address .right-part img {
    width: 100%;
    height: 100%;
}

.advert-full .fields-group-field {
    padding-top: 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d8d8d8;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .fields-group-field {
        padding-bottom: 9px;
        font-size: 14px;
    }
}

.advert-full .fields-group-field:first-child {
    padding-top: 0;
}

.advert-full .fields-group-field:last-child,
.advert-full .fields-group-field.collapsed {
    border-bottom: 0;
    padding-bottom: 0;
}

.advert-full .fields-group-field.hidden {
    display: none;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-field {
        position: relative;
    }
}

.advert-full .fields-group-field>div {
    flex-grow: 1;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-field>div {
        flex: 0 0 100% !important;
        margin-bottom: 4px;
    }
}

.advert-full .fields-group-field>div:first-child {
    flex: 0 0 30%;
}

.advert-full .fields-group-field>div.width18 {
    flex: 0 0 18%;
}

.advert-full .fields-group-field>div.width20 {
    flex: 0 0 20%;
}

.advert-full .fields-group-field>div.width40 {
    flex: 0 0 40%;
}

.advert-full .fields-group-field>div.width60 {
    flex: 0 0 60%;
}

.advert-full .fields-group-field>div.width70 {
    flex: 0 0 70%;
}

.advert-full .fields-group-field>div.half-width {
    flex: 0 0 50% !important;
}

.advert-full .fields-group-field>div.full-width {
    flex: 0 0 100% !important;
}

.advert-full .fields-group-field>div:last-child {
    flex: 0 0 40%;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-field>div:last-child {
        margin-bottom: 0;
    }
}

.advert-full .fields-group-field .human-bool {
    display: block;
    padding-left: 24px;
    position: relative;
}

.advert-full .fields-group-field .human-bool::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.advert-full .fields-group-field .human-bool.yes::before {
    top: 5px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/check-green.svg);
    height: 10px;
    width: 13px;
}

.advert-full .fields-group-field .human-bool.no::before {
    content: "\2014";
}

.advert-full .fields-group-field.com::before {
    content: '';
    margin-top: -5px;
    margin-right: 5px;
    display: block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-field.com::before {
        position: absolute;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full .fields-group-field.com>div {
        padding-left: 40px;
        margin-bottom: 7px;
    }
}

.advert-full .fields-group-field.com.electricity::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/electricity.svg);
}

.advert-full .fields-group-field.com.gas::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/gas.svg);
}

.advert-full .fields-group-field.com.water::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/water.svg);
}

.advert-full .fields-group-field.com.sewerage::before {
    background-image: url(/bitrix/templates/vozledorogi/img/icons/sewerage.svg);
}

.advert-full .fields-group-field .expand-all {
    cursor: pointer;
}

.advert-full .with-sub .field-group-name {
    color: #737373;
}

.advert-full .with-sub .sub-group {
    flex: 0 0 80% !important;
}

.advert-full .with-sub .sub-group.inside .fields-group-field {
    display: block;
}

.advert-full .with-sub .sub-group.inside .field-name {
    flex: 0 0 53%;
}

.advert-full .with-sub .sub-group.inside .field-value {
    flex: 0 0 20%;
}

.advert-full .with-sub .sub-group .field {
    display: flex;
}

.advert-full .galery {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    padding-top: 30px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .galery {
        padding-top: 23px;
        justify-content: space-between;
    }
}

.advert-full .galery .image {
    margin: 0 30px 30px 0;
    height: 190px;
    width: 190px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .galery .image {
        margin: 0;
        width: 48%;
        height: auto;
        padding-bottom: 2%;
    }
    .advert-full .galery .image a {
        display: block;
    }
    .advert-full .galery .image img {
        width: 100%;
        height: 100%;
    }
}

.advert-full .address {
    color: #121212;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d8d8d8;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .address {
        font-size: 16px;
    }
}

.advert-full .fg-just-title {
    display: block;
    color: #121212;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 13px;
}

.advert-full .value-description {
    font-size: 14px;
}

.advert-full .road {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .road {
        font-size: 14px;
    }
}

.advert-full .road-id {
    line-height: 23px;
    margin-left: 10px;
}

.advert-full .km {
    margin-left: 21px;
    white-space: nowrap;
}

.advert-full .position {
    font-size: 14px;
    margin-left: 32px;
}

.advert-full .position>span {
    margin-left: 10px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full .position {
        margin-left: 12px;
    }
}

.advert-full.tender-full .header-wrapper {
    padding: 0 0 40px 0;
    border-bottom: 1px solid #d8d8d8;
}

.advert-full.tender-full .fields-group-address .left-part {
    max-width: 340px;
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .fields-group-address .left-part {
        max-width: 400px;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .advert-full.tender-full .fields-group-address .left-part {
        max-width: none;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .roads-list .fields-group {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .roads-list .fields-group-title {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 40px;
        font-size: 15px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .roads-list .left-part {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .roads-list .right-part {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .advert-full.tender-full .roads-list .km {
        margin-left: 10px;
        font-size: 14px;
    }
}

.back {
    margin-top: 40px;
}

.back a {
    display: flex;
    align-items: center;
    flex-direction: row;
    text-decoration: none;
    font-size: 12px;
    width: 90px;
    line-height: normal;
}

.back a::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/back.svg) no-repeat;
    margin-right: 5px;
    flex-shrink: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .back {
        margin-top: 13px;
    }
}

.view-media-content-list {
    margin-bottom: 105px;
    position: relative;
}

.view-media-content-list .view-header {
    position: absolute;
    right: 0;
    top: -30px;
}

@media (min-width:1px) and (max-width:650px) {
    .view-media-content-list .view-header {
        display: none;
    }
}

.view-media-content-list .cat-links {
    margin: 0 0 55px 0;
    padding: 0;
}

.view-media-content-list .cat-links li {
    display: inline-block;
    list-style: none;
    margin: 0 8px 10px 0;
}

.view-media-content-list .cat-links li a {
    display: inline-block;
    padding: 0 20px;
    background-color: transparent;
    border: 2px solid #38a9ff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #38a9ff;
    line-height: 30px;
    text-decoration: none;
    height: 32px;
}
.view-media-content-list .cat-links li a:hover{border-color: #89ccff}
.view-media-content-list .cat-links li.section-current a{background:#38a9ff;color:#fff;}
.view-media-content-list .cat-links li.section-current a:hover{border-color: #38a9ff}
@media (min-width:1px) and (max-width:1000px) {
    .view-media-content-list .cat-links {
        margin-bottom: 30px;
    }
}

.view-media-content-list .view-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

@media (min-width:1px) and (max-width:1000px) {
    .view-media-content-list .view-content {
        justify-content: space-between;
    }
}

.view-media-content-list .views-row {
    margin: 0 30px 30px 0;
    width: 410px;
}

.view-media-content-list .views-row h3 {
    line-height: normal;
}

.view-media-content-list .views-row:first-child {
    margin: 0 0 95px 0;
    width: 100%;
}

.view-media-content-list .views-row:first-child h3 {
    font-size: 28px;
}

.view-media-content-list .views-row:first-child .node-media {
    margin: 0;
}

.view-media-content-list .views-row:first-child .field-name-field-media-image .field-item:first-child {
    display: none;
}

.view-media-content-list .views-row:first-child .submitted {
    display: none;
}

.view-media-content-list .views-row:first-child header,
.view-media-content-list .views-row:first-child footer,
.view-media-content-list .views-row:first-child .field-name-field-media-long-teaser {
    padding-right: 40%;
}

.view-media-content-list .views-row:nth-child(3n+4) {
    margin-right: 0;
}

@media (min-width:1px) and (max-width:1000px) {
    .view-media-content-list .views-row {
        margin: 0 0 30px 0;
        width: 30%;
    }
    .view-media-content-list .views-row:first-child {
        margin: 0 0 30px 0;
        width: 30%;
    }
    .view-media-content-list .views-row:first-child h3 {
        font-size: 21px;
    }
    .view-media-content-list .views-row:first-child .field-name-field-media-image .field-item:first-child {
        display: block;
    }
    .view-media-content-list .views-row:first-child .field-name-field-media-image .field-item:last-child {
        display: none;
    }
    .view-media-content-list .views-row:first-child .submitted {
        display: inline-block;
    }
    .view-media-content-list .views-row:first-child header,
    .view-media-content-list .views-row:first-child footer,
    .view-media-content-list .views-row:first-child .field-name-field-media-long-teaser {
        padding-right: 20%;
    }
    .view-media-content-list .views-row:nth-child(3n+4) {
        margin: 0 0 30px 0;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .view-media-content-list .views-row {
        margin: 0 0 30px 0;
        width: 46%;
    }
    .view-media-content-list .views-row:first-child {
        width: 46%;
    }
}

@media (min-width:1px) and (max-width:444px) {
    .view-media-content-list .views-row {
        margin: 0 0 30px 0;
        width: 100%;
    }
    .view-media-content-list .views-row:first-child {
        margin: 0 0 30px 0;
        width: 100%;
    }
}

.node-media {
    margin-bottom: 40px;
}

.node-media header h3 {
    margin-bottom: 15px;
}

.node-media header h3 a {
    text-decoration: none;
    color: #121212;
}

.node-media footer {
    margin-bottom: 20px;
}

.node-media em {
    font-style: italic;
}

.node-media.view-mode-full {
    margin-bottom: 60px;
    padding: 80px 80px 47px;
}

.node-media.view-mode-full header,
.node-media.view-mode-full footer {
    margin: 0 auto 25px auto;
    position: relative;
    width: 630px;
}

.node-media.view-mode-full header .back-to-media {
    display: block;
    margin-bottom: 25px;
    position: relative;
    color: #121212;
    text-decoration: none;
}

.node-media.view-mode-full header .back-to-media::before {
    display: block;
    content: "";
    position: absolute;
    left: -36px;
    top: -7px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow_left.svg);
    height: 36px;
    width: 36px;
}

.node-media.view-mode-full footer {
    margin-bottom: 100px;
}

.node-media.view-mode-full .title {
    margin: 0 auto 27px auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    width: 100%;
}

.node-media.view-mode-full table {
    width: 630px;
}

.node-media.view-mode-full img {
    margin-bottom: 40px;
    max-height: 600px;
    max-width: 1070px !important;
}

.node-media.view-mode-full .field-name-field-media-long-teaser,
.node-media.view-mode-full .field-name-body {
    margin-bottom: 48px;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item,
.node-media.view-mode-full .field-name-body .field-item {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h1,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h2,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h3,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h4,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h5,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item h6,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item p,
.node-media.view-mode-full .field-name-body .field-item h1,
.node-media.view-mode-full .field-name-body .field-item h2,
.node-media.view-mode-full .field-name-body .field-item h3,
.node-media.view-mode-full .field-name-body .field-item h4,
.node-media.view-mode-full .field-name-body .field-item h5,
.node-media.view-mode-full .field-name-body .field-item h6,
.node-media.view-mode-full .field-name-body .field-item p {
    margin: 0 0 40px 0;
    line-height: normal;
    width: 630px;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item ul,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item ol,
.node-media.view-mode-full .field-name-body .field-item ul,
.node-media.view-mode-full .field-name-body .field-item ol {
    margin: 0 0 40px 0;
    padding: 0 0 0 15px;
    width: 630px;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item ul li>*,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item ol li>*,
.node-media.view-mode-full .field-name-body .field-item ul li>*,
.node-media.view-mode-full .field-name-body .field-item ol li>* {
    padding: 0;
    margin: 0 0 15px 0;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item blockquote,
.node-media.view-mode-full .field-name-body .field-item blockquote {
    display: block;
    box-sizing: border-box;
    padding: 10px 0 45px 55px;
    margin: 0;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #121212;
    width: 630px;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item blockquote ul,
.node-media.view-mode-full .field-name-field-media-long-teaser .field-item blockquote ol,
.node-media.view-mode-full .field-name-body .field-item blockquote ul,
.node-media.view-mode-full .field-name-body .field-item blockquote ol {
    padding-left: 30px;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item blockquote>*,
.node-media.view-mode-full .field-name-body .field-item blockquote>* {
    padding: 0;
    margin: 0 0 20px 0;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item blockquote>*:last-child,
.node-media.view-mode-full .field-name-body .field-item blockquote>*:last-child {
    margin-bottom: 0;
}

.node-media.view-mode-full .field-name-field-media-long-teaser .field-item>*:last-child,
.node-media.view-mode-full .field-name-body .field-item>*:last-child {
    margin-bottom: 0;
}

.node-media.view-mode-full .mediaGallery {
    margin-bottom: 60px;
    position: relative;
    width: 630px;
}

.node-media.view-mode-full .mediaGallery .slick-list {
    overflow: hidden;
    width: 100%;
}

.node-media.view-mode-full .mediaGallery .slick-list img {
    display: inline-block;
    vertical-align: top;
}

.node-media.view-mode-full .mediaGallery .controlls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
}

.node-media.view-mode-full .mediaGallery .controlls .slick-prev {
    display: block;
    order: 0;
    background: none;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow_left.svg);
    border: 0px;
    font-size: 0px;
    height: 36px;
    width: 36px;
}

.node-media.view-mode-full .mediaGallery .controlls .slick-next {
    display: block;
    order: 2;
    background: none;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow_left.svg);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    border: 0px;
    font-size: 0px;
    height: 36px;
    width: 36px;
}

.node-media.view-mode-full .mediaGallery .controlls .status {
    order: 1;
    font-size: 12px;
    color: #121212;
}

.node-media.view-mode-full .prev-next {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 630px;
}

.node-media.view-mode-full .prev-next .node-link {
    vertical-align: top;
    position: relative;
    font-size: 21px;
    font-weight: 700;
    color: #0986e5;
    text-decoration: none;
    width: 255px;
    transition: .2s;
}
.node-media.view-mode-full .prev-next .node-link:hover{color:#38a9ff}

.node-media.view-mode-full .prev-next .prev-node::before {
    display: block;
    content: "";
    position: absolute;
    left: -36px;
    top: -7px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow_left.svg);
    height: 36px;
    width: 36px;
}

.node-media.view-mode-full .prev-next .next-node::before {
    display: block;
    content: "";
    position: absolute;
    right: -36px;
    top: -7px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/arrow_left.svg);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    height: 36px;
    width: 36px;
}

.node-media.view-mode-full .share {
    display: inline-flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}

.node-media.view-mode-full .share>span {
    margin-right: 18px;
    color: #121212;
    font-size: 14px;
    opacity: .5;
}

.node-media.view-mode-full .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.node-media.view-mode-full .flex>* {
    vertical-align: top;
}

@media (min-width:1px) and (max-width:1000px) {
    .node-media.view-mode-full {
        padding: 15px 0;
    }
    .node-media.view-mode-full header,
    .node-media.view-mode-full footer,
    .node-media.view-mode-full .mediaGallery,
    .node-media.view-mode-full .prev-next,
    .node-media.view-mode-full table {
        width: 100%;
    }
    .node-media.view-mode-full footer {
        margin-bottom: 30px;
    }
    .node-media.view-mode-full .back-to-media {
        margin-left: 30px;
    }
    .node-media.view-mode-full .field-name-field-media-long-teaser,
    .node-media.view-mode-full .field-name-body {
        margin-bottom: 30px;
    }
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item>img,
    .node-media.view-mode-full .field-name-body .field-item>img {
        margin: 0 0 20px 0;
    }
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h1,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h2,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h3,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h4,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h5,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item h6,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item p,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item ul,
    .node-media.view-mode-full .field-name-field-media-long-teaser .field-item ol,
    .node-media.view-mode-full .field-name-body .field-item h1,
    .node-media.view-mode-full .field-name-body .field-item h2,
    .node-media.view-mode-full .field-name-body .field-item h3,
    .node-media.view-mode-full .field-name-body .field-item h4,
    .node-media.view-mode-full .field-name-body .field-item h5,
    .node-media.view-mode-full .field-name-body .field-item h6,
    .node-media.view-mode-full .field-name-body .field-item p,
    .node-media.view-mode-full .field-name-body .field-item ul,
    .node-media.view-mode-full .field-name-body .field-item ol {
        width: 100%;
    }
    .node-media.view-mode-full .prev-next {
        flex-flow: column;
    }
    .node-media.view-mode-full .prev-next .node-link {
        margin-bottom: 40px;
        width: 100%;
    }
    .node-media.view-mode-full .prev-next .node-link::before {
        display: none;
    }
}

@media (min-width:1px) and (max-width:650px) {
    .node-media.view-mode-full header .share {
        display: none;
    }
    .node-media.view-mode-full footer .flex {
        flex-wrap: wrap;
    }
    .node-media.view-mode-full footer .flex .left {
        margin-bottom: 15px;
    }
    .node-media.view-mode-full footer .flex .right {
        width: 100%;
    }
    .node-media.view-mode-full .field-name-body .field-item h1,
    .node-media.view-mode-full .field-name-body .field-item h2,
    .node-media.view-mode-full .field-name-body .field-item h3,
    .node-media.view-mode-full .field-name-body .field-item h4,
    .node-media.view-mode-full .field-name-body .field-item h5,
    .node-media.view-mode-full .field-name-body .field-item h6,
    .node-media.view-mode-full .field-name-body .field-item p,
    .node-media.view-mode-full .field-name-body .field-item ul,
    .node-media.view-mode-full .field-name-body .field-item ol {
        margin: 0 0 20px 0;
        line-height: 26px;
    }
    .node-media.view-mode-full .field-name-body .field-item blockquote {
        padding: 10px 0 20px 25px;
        font-size: 24px;
        line-height: 24px;
        width: 100%;
    }
}

.node-media.node-teaser .field-name-field-media-long-teaser,
.node-media.node-teaser .field-name-body {
    margin-bottom: 30px;
    color: #121212;
    font-size: 14px;
}

.node-media.node-teaser .field-name-field-media-long-teaser p,
.node-media.node-teaser .field-name-body p {
    margin: 0 0 10px 0;
    line-height: normal;
    width: 100%;
}

.node-media.node-teaser .field-name-field-media-long-teaser ul,
.node-media.node-teaser .field-name-field-media-long-teaser ol,
.node-media.node-teaser .field-name-body ul,
.node-media.node-teaser .field-name-body ol {
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    width: 100%;
}

.node-media.node-teaser .field-name-field-media-long-teaser ul li>*,
.node-media.node-teaser .field-name-field-media-long-teaser ol li>*,
.node-media.node-teaser .field-name-body ul li>*,
.node-media.node-teaser .field-name-body ol li>* {
    padding: 0;
    margin: 0 0 15px 0;
}

.node-media.node-teaser .field-name-field-media-image {
    margin-bottom: 20px;
}

.node-media.node-teaser header,
.node-media.node-teaser footer,
.node-media.node-teaser .field-name-field-media-long-teaser {
    padding-right: 20%;
}

.node-media .field-name-field-media-cats {
    display: inline-block;
}

.node-media .field-name-field-media-cats .field-item {
    display: inline-block;
    margin-right: 15px;
}

.node-media .field-name-field-media-cats .field-item a {
    color: #121212;
    font-size: 14px;
    opacity: .5;
    text-decoration: none;
    transition: .2s;
}

.node-media .field-name-field-media-cats .field-item a:hover{opacity: .8;}
.node-media .field-name-field-media-cats .field-item a::before {
    content: "#";
}

.node-media table {
    border-collapse: collapse;
}

.node-media table caption {
    margin-bottom: 40px;
    font: 500 16px Roboto;
    color: #130c0b;
    text-align: left;
}

.node-media table thead {
    border-bottom: solid 2px #130c0b;
}

.node-media table thead th {
    padding-bottom: 32px;
    font: 500 14px Roboto;
    color: #121212;
    text-align: left;
}

.node-media table tbody tr {
    border-bottom: 1px solid #979797;
}

.node-media table tbody tr:last-child {
    border-bottom: 0px;
}

.node-media table tbody td {
    padding: 20px 0;
}

.node-media .more-link {
    color: #0986e5;
    font-size: 14px;
    text-decoration: none;
}

.node-media .submitted {
    display: inline-block;
    margin: 0 15px 0 0;
    color: #121212;
    font-size: 14px;
    opacity: .5;
}

.breadcrumbs {
    box-sizing: border-box;
    margin: 20px 0 0 0;
}

.socials {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.socials span {
    margin-right: 15px;
    color: #121212;
    font-size: 14px;
    opacity: .5;
}

.socials a {
    display: inline-block;
    box-sizing: border-box;
    margin-left: 10px;
    background: #38a9ff;
    border: 1px solid #38a9ff;
    border-radius: 5px;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    height: 30px;
    width: 30px;
}

.socials a::before {
    display: block;
    content: "";
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 0;
    background: #38a9ff;
    border: 2px solid #fff;
    height: 26px;
    width: 26px;
}

.socials a i {
    position: absolute;
}

.socials a.fb i {
    left: 10px;
    top: 7px;
}

.socials a.youtube i {
    left: 7px;
    top: 7px;
}

.socials a.instagram i {
    left: 7px;
    top: 6px;
    font-size: 16px;
}

.socials a i {
    color: #fff;
}

.footer-socials {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 36px;margin-right:15px;
}

@media (min-width:1px) and (max-width:1000px) {
    .footer-socials {
        margin: 0 0 20px 0;
        justify-content: flex-start;
        position: static;
    }
}

.footer-socials a {
    margin-left: 12px;
    vertical-align: top;
    height: 24px;
    width: 24px;
    font-size: 19px;
    color: #a8a8a8;
    text-align: center;
}
.footer-socials a:hover{color: #38a9ff;}
@media (min-width:1px) and (max-width:1000px) {
    .footer-socials a {
        margin-left: 0;
        margin-right: 12px;
    }
}

.footer-socials .vk,.top-main-menu .menu li a.vk{
    background: url(/bitrix/templates/vozledorogi/img/vk.svg) center center no-repeat;
}

.footer-socials .fb,.top-main-menu .menu li a.fb{
    background: url(/bitrix/templates/vozledorogi/img/fb.svg) center center no-repeat;
}

.footer-socials .tw,.top-main-menu .menu li a.tw{
    background: url(/bitrix/templates/vozledorogi/img/tw.svg) center center no-repeat;
}

.footer-socials .instagram,.top-main-menu .menu li a.instagram{
    background: url(/bitrix/templates/vozledorogi/img/insta.svg) center center no-repeat;
}

.footer-socials .youtube,.top-main-menu .menu li a.youtube{
    background: url(/bitrix/templates/vozledorogi/img/yt.svg) center center no-repeat;
}

div.ctools-modal-content {
    background: #fff;
    color: #241f1e;
    padding: 0;
    margin: 2px;
    border: 0;
    width: 600px;
    text-align: left;
    box-shadow: 0 12px 14px rgba(0, 34, 56, 0.4);
}

.modal-in-progress div.ctools-modal-content {
    width: 500px;
    min-height: 380px;
    padding: 0 80px 80px 80px;
}

div.ctools-modal-content .modal-title {
    font-size: 120%;
    font-weight: bold;
    color: white;
    overflow: hidden;
    white-space: nowrap;
}

div.ctools-modal-content .modal-header {
    background-color: #2385c2;
    padding: .25em .25em .25em 1em;
}

div.ctools-modal-content .modal-header a {
    color: white;
}

div.ctools-modal-content .modal-content {
    padding: 1em;
    overflow: auto;
    position: relative;
    width: 100% !important;
}

div.ctools-modal-content a.close {
    color: white;
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/close.svg) no-repeat center;
    outline: none;
    z-index: 2000;
    margin-top: 0;
}

div.ctools-modal-content a.close:hover {
    text-decoration: none;
}

div.ctools-modal-content a.close img {
    display: none;
    position: relative;
    top: 1px;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper {
    text-align: center;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
    margin-top: 160px;
}

div.ctools-modal-content .form-item label {
    width: 15em;
    float: left;
}

div.ctools-modal-content .form-item label.option {
    width: auto;
    float: none;
}

div.ctools-modal-content .form-item .description {
    clear: left;
}

div.ctools-modal-content .form-item .description .tips {
    margin-left: 2em;
}

div.ctools-modal-content .no-float .form-item * {
    float: none;
}

div.ctools-modal-content .modal-form .no-float label {
    width: auto;
}

div.ctools-modal-content fieldset,
div.ctools-modal-content .form-radios,
div.ctools-modal-content .form-checkboxes {
    clear: left;
}

div.ctools-modal-content .vertical-tabs-panes>fieldset {
    clear: none;
}

div.ctools-modal-content .resizable-textarea {
    width: auto;
    margin-left: 15em;
    margin-right: 5em;
}

div.ctools-modal-content .container-inline .form-item {
    margin-right: 2em;
}

.modal-in-progress .image {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    background: transparent url(/bitrix/templates/vozledorogi/img/icons/image.svg) no-repeat center;
}

.modal-in-progress .title {
    margin: 0 auto;
    max-width: 300px;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.modal-in-progress .subtitle {
    margin: 10px auto 0;
    max-width: 300px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #121212;
}

.price-select {
    margin-bottom: 40px;
}

.price-select .tab-selectors {
    padding: 0;
    margin: 0 0 30px 0;
}

.price-select .tab-selectors .disabled {
    color: #5e5e5e;
}

@media (min-width:1px) and (max-width:1000px) {
    .price-select .tab-selectors {
        padding-left: 11px;
        padding-right: 20px;
    }
}

.price-select .tabs-content {
    list-style: none;
    padding: 0;
    margin: 0;
}

.price-select .tabs-content>.item {
    display: none;
}

.price-select .tabs-content>.item.active {
    display: block;
}

@media (min-width:1px) and (max-width:1000px) {
    .price-select .tabs-content {
        padding: 10px 0 0;
    }
}

.price-select .price-head {
    margin-bottom: 15px;
    position: relative;
}

.price-select .price-head .units-select {
    display: none;
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    position: absolute;
    right: -45px;
    top: 25px;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 rgba(76, 115, 151, 0.11);
    width: 110px;
}

.price-select .price-head .units-select li {
    margin-bottom: 10px;
    list-style: none;
    font-size: 16px;
    color: #241f1e;
    cursor: pointer;
}

.price-select .price-head .units-select li:last-child {
    margin-bottom: 0;
}

.price-select .price-head .units-select li.active {
    color: #38a9ff;
}

.price-select .price-value {
    color: #121212;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d8d8d8;
}

.price-select .price-value .value {
    display: inline-block;
    margin-right: 5px;
}

.price-select .price-value .currency {
    display: inline-block;
}

.selected-objects{opacity:0;left:-1000px;transition:.3s;}
.selected-objects.opened{left:0;opacity:1;display: flex;box-shadow:5px 11px 12px rgba(0, 0, 0, 0.1);z-index: 1500;}

.search-filter-popup .close-btn,
.selected-objects .close-btn {
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/close-popup-btn.svg);
    cursor: pointer;
    margin-left: auto;
    transition: .3s;
}
.search-filter-popup .close-btn:hover, 
.selected-objects .close-btn:hover{
    transform: scale(1.2);
}
.show-search-filter-btn {
    display: block;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 52px;
    height: 52px;
    box-shadow: 0 10px 15px 0 rgba(76, 115, 151, 0.11);
    cursor: pointer;
    background-color: #38a9ff;
    border-radius: 50%;

}
.search-map-backtolist-btn{position: absolute;
    bottom:27px;
    right: 8px;
    z-index: 1500;
    background: #38a9ff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding:8px 19px;
    border-radius: 35px;
    box-shadow: 2px 12px 18px rgba(0, 0, 0, .2);
    z-index: 1050;
    text-decoration: none;
    display: none;
}
@media (min-width:1px) and (max-width:800px) {
    .search-map-backtolist-btn{display: block!important;}
    .show-search-filter-btn {z-index: 1000;}

}
.show-search-filter-btn>div {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/search-btn-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.search-filter-popup {
    top: 0;
    left: 0;
    background-color: #fff;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-map-wrapper {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }
}

.search-map-wrapper .loading {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 1;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    align-content: center;
}

.search-map-wrapper .back-to-list-wrapper {
    z-index: 2;
    padding: 8px;
    display: flex;
    flex-direction: row;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-map-wrapper .back-to-list-wrapper {
        background-color: #fff;
        height: 48px;
    }
}

@media (min-width:1001px) {
    .search-map-wrapper .back-to-list-wrapper {
        top: 2px;
        right: 120px;
        position: absolute;
        width: 182px;
        height: 42px;
        border-radius: 35.5px;
        box-shadow: 0 19px 15px 0 rgba(76, 115, 151, 0.11);
        background-color: #fff;
        z-index: 9;
    }
}

.search-map-wrapper .back-to-list {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (min-width:1px) and (max-width:1000px) {
    .search-map-wrapper .back-to-list {
        margin-left: auto;
        flex-shrink: 1;
    }
}

.search-map-wrapper .back-to-list .icon {
    width: 36px;
    height: 36px;
    background-image: url(/bitrix/templates/vozledorogi/img/icons/switch-to-list-icon.svg);
}

@media (min-width:1px) and (max-width:1000px) {
    .search-map-wrapper .back-to-list .icon {
        width: 32px;
        height: 32px;
        background-image: url(/bitrix/templates/vozledorogi/img/icons/close-popup-btn.svg);
    }
}
.notif-block{padding:25px;max-width:500px;margin:100px auto;background:#fff;color:#989ba2;text-align:center;border-radius:5px;box-shadow:0 2px 50px rgba(0,0,0,.1) ;}
.notif-block span.icon{ display:block;
    font-size: 41px;
    margin: 20px auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
}
.form-success{color:#000;padding:25px 25px 45px 25px;}
.form-fail{color:#a76b6b;background: #ffeceb;}
.form-success span.icon{color:#8cc595;background: #e2ffe7;}
.search-map-wrapper .back-to-list .text {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #737373;
    text-decoration: none
}
.search-map-wrapper .back-to-list .text:hover{color: #0986e5}
@media (min-width:1px) and (max-width:1000px) {
    .search-map-wrapper .back-to-list .text {
        display: none;
    }
}

.selected-objects {
    z-index: 2;
    background-color: #fff;
    width: 305px;
    height: 100%;
    position: absolute;
   /* left: 0;*/
   left: -100px;
    bottom: 0;
    display: none;
    flex-direction: column;
}

@media (min-width:1px) and (max-width:1000px) {
    .selected-objects {
        width: 100vw;
        height: 100vh;
        z-index: 102;
    }
    .field-items iframe{width: 100%!important;}
    .field-items ol{width:100%!important;}    
    .field-items a,.field-items p{word-break:break-word;}
}

.selected-objects .close-btn {
    margin: 8px auto 8px 8px;
}

.selected-objects .content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 2px 10px 10px 10px;
}
.slick-dots{list-style:none;position:absolute;bottom:-37px;z-index:10;text-align:center;width: 100%;padding: 0;}
.slick-dots li{height:8px;display: inline-block;}
.slick-dots li button{width:8px;height:8px;background-color:#d8d8d8;border:none;margin:0 2px;border-radius:8px;padding:0px;font-size: 0;}
.slick-dots li.slick-active button{background-color:#38a9ff;}
.purchases .content .slick-slider{overflow:unset!important;}
.purchases .slick-track{height:167px;}
.purchases .slick-dots{bottom:-47px;}
/* End */


/* Start:/bitrix/templates/vozledorogi/template_styles.css?17618215834033*/
	.b24-crmform-custom .b24-form{font-family: "Roboto", sans-serif!important;}
	.b24-crmform-custom .b24-form-padding-side{padding-left: 0!important;}
	.b24-crmform-custom .b24-form-wrapper{margin: 0!important;}
	.section-contact .node-text-page article{padding: 0!important;}
	.b24-crmform-custom .b24-form-wrapper.b24-form-border-bottom{border: 0!important}
	.b24-crmform-custom .b24-form-btn{width:122px;height:50px;border:0;border-radius:24px;padding:12px 24px;font-size:14px;text-decoration:none;outline: none;font-weight: 500;line-height:25px;}
	.b24-crmform-custom .b24-form-control-string .b24-form-control, 
	.b24-crmform-custom .b24-form-control-list .b24-form-control, 
	.b24-crmform-custom .b24-form-control-text .b24-form-control, 
	.b24-crmform-custom .b24-form-control-select .field-item{background:#f1f1f1;border:0!important;border-radius: 0!important;font-family: "Roboto", sans-serif!important;}
	.b24-crmform-custom .b24-form-state-container .b24-form-success{background:transparent!important;}
	.b24-crmform-custom .b24-form-header-description{text-align: left;font-family: "Roboto", sans-serif!important;}
	.b24-crmform-custom .b24-form-control-desc{font-family: "Roboto", sans-serif!important;}
	.tablebodytext{display:none!important;}
	.obj-counter-on-map{position:absolute;top:2px;left:10px;background:#fff;padding:5px 15px;border-radius:30px;box-shadow: 4px 8px 15px rgba(0, 0, 0, .1);color:#8f9ca7;font-size:13px;z-index:2;}
	.section-mediaq .socials a {font-size:17px;}
	.section-mediaq .socials a i{left:8px;top:5px;}
	.section-mediaq .socials a i.fa-youtube{left:5px!important;}
	.section-mediaq .socials a i.fa-instagram{left:7px!important;}
	.map.no-coord .img{background:#f0f0f0;}
	#element_text{font-size:14px;line-height:18px;}
	.block.list-of-zu .view-footer .view-all{display:none}

	.contact-block{background:#fff;width:30%;padding:60px;margin-right:30px;height:100%;}
	.contact-block h2 a{text-decoration:none;color:#241f1e}
	.contact-block .mailto a{display: block;text-decoration:none;font-weight:500;margin:7px 0 25px 0;}
	.contact-block .soc-block{margin-top:35px;}
	.contact-block .soc-block a{display:block;margin-bottom:5px;text-decoration:none;font-size:19px;color:#a8a8a8;}
	.contact-block .soc-block a i{width:25px;text-align: center;height:25px;vertical-align:middle;display: inline-block;padding-top: 3px;}
	.contact-block .soc-block span{display:inline-block!important;color:#666;font-size:14px;}
	
	@media(min-width: 1px) and (max-width: 1000px){
		.block.list-of-zu .views-row{height:430px;max-width:350px!important;}	
		.block.list-of-zu .view-header .view-all{display:none}
		.block.list-of-zu .view-footer .view-all{display:block!important;}
		.footer-wrapper{margin-top:55px!important;}
		.section-map .header .top-logo{z-index:5;}
		.contact-block{width: 100%;padding:30px 15px;}
		.top-catalogs ul.menu li a, .top-catalogs ul.menu li span {padding:14px 0 14px!important;}
		.catalog-sections{padding-top:5px!important;}
		.top-catalogs ul.top-menu>li>a, .top-catalogs ul.top-menu>li>span{padding:14px 0!important;}
		.top-catalogs .menu__item.catalog{order:2;}
	}
	@media(min-width: 1001px){
		.prelast{margin-left:auto;border-left:none!important;}
	}
	.top-main-menu .menu .social-links{margin-left:0!important;}

.promo-offer .img {
    background: url(/upload/portrait_offer_man_merkulov.png) no-repeat -100px 0;
    width:470px;
    height:495px;
    position:absolute;
    bottom:20px;
    right:0;
    z-index:2;
}
	/*
.promo-offer .img {
    background: url(/upload/portrait_offer_man.png) no-repeat 0 0;
    width:400px;
    height:430px;
    position:absolute;
    bottom:20px;
    right:0;
    z-index:2;
}
*/
@media (min-width:1px) and (max-width:1290px) {
    .promo-offer .img {
        display: none;
    }
}
#block-views-tender-block-on-front .content-wrapper{overflow: hidden;}
@media (min-width:1px) and (max-width:400px) {
   .block.list-of-zu{max-width:345px;overflow: hidden;}
}

/* End */
/* /bitrix/templates/vozledorogi/styles.css?1761821583284556 */
/* /bitrix/templates/vozledorogi/template_styles.css?17618215834033 */