:root {
    --main-bg-color: #1A3668;
    --main-sc-color: #1A3668;
    --main-th-color: #1A3668;
    --main-fo-color: #1A3668;
    --main-bg-grad-color: #4282ca;
    --main-border-color: #1A3668;
    --remax-custom-color: rgba(40, 80, 137, 1);
    --remax-custom-red1: #dc1c2e;
    --remax-custom-red2: #c51929;
}

@font-face {
    font-display: swap;
    font-family: fontello;
    src: url('../fonts/fontello.eot?60480237');
    src: url('../fonts/fontello.eot?60480237#iefix') format('embedded-opentype'),url('../fonts/fontello.woff2?60480237') format('woff2'),url('../fonts/fontello.woff?60480237') format('woff'),url('../fonts/fontello.ttf?60480237') format('truetype'),url('../fonts/fontello.svg?60480237#fontello') format('svg');
    font-weight: 400;
    font-style: normal
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.strong, b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

sub, sup {
    position: relative;
    top: -.6em;
    font-size: 75% !important;
    line-height: 1em !important
}

sub {
    top: auto;
    bottom: -.3em
}

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

html {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important
}

body {
    height: 100%;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 17px;
    line-height: 1.764705882352941em;
    color: #333;
    min-width: 320px
}

html.hide-scroll {
    overflow: hidden !important
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: rgba(0,0,0,0);
    outline: 0 !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    position: relative;
    color: #333
}

.h1, h1 {
    font-size: 44px;
    line-height: 1.225em;
    color: #fff;
    margin: 0 0 46px
}

.main-title h1 {
    color: #333;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
}

.load-control .main-title h1 {
    padding-bottom: 12px
}

.load-control .main-title.animated {
    opacity: 0;
    transform: translateY(40px);
    transition: all .5s ease .65s
}

.pace-done .load-control .main-title.animated, .page-load .load-control .main-title.animated {
    opacity: 1;
    transform: none
}

.h2, h2 {
    font-size: 34px;
    line-height: 1.323529411764706em;
    margin: 57px 0 35px
}

.h3, h3 {
    font-size: 31px;
    line-height: 1.387096774193548em;
    margin: 58px 0 32px
}

.h4, h4 {
    font-size: 28px;
    line-height: 1.428571428571429em;
    margin: 58px 0 30px
}

.h5, h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6em;
    margin: 40px 0 26px
}

.h6, h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.666666666666667em;
    margin: 40px 0 26px
}

.descendant-link a {
    color: #333;
    border-bottom: 1px solid #c1c1c1
}

.no-touchevents .descendant-link a:hover {
    color: var(--main-bg-color);
    opacity: 1;
    border-bottom-color: transparent
}

.sideline {
    padding-left: 22px
}

    .sideline:before {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        bottom: 5px;
        width: 4px;
        background: #2cd9c0
    }

ol, ul {
    list-style: none;
    margin: 22px 0
}

    ol li, ul li {
        position: relative;
        padding: 0 0 0 34px;
        margin-bottom: 22px;
        background: url("../icons/list-bullet.png") no-repeat 0 13px
    }

ol {
    counter-reset: list1;
    list-style: none
}

    ol ol, ul ul {
        margin: 12px 0
    }

    ol > li {
        background: 0 0
    }

        ol > li:before {
            counter-increment: list1;
            content: counter(list1) ".";
            position: absolute;
            left: 0;
            top: 0;
            color: #18c2aa
        }

    ol ol {
        counter-reset: list2
    }

        ol ol li {
            padding-left: 40px
        }

            ol ol li:before {
                counter-increment: list2;
                content: counter(list1) "." counter(list2) ". "
            }

    ol li p, ul li p {
        margin-bottom: 0
    }

ul li .meta {
    color: #cdd0d1
}

.scroll-tbl {
    margin: 50px 0 40px;
    position: relative;
    width: 100%;
    overflow-x: auto
}

    .scroll-tbl table {
        margin: 0 auto;
        min-width: 700px
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 50px auto 40px;
    overflow: auto;
    position: relative
}

    table td, table th {
        font-size: 18px;
        line-height: 1.3125em;
        padding: 7px 14px 10px;
        text-align: left;
        border: 1px solid #c8c4c4;
        vertical-align: top
    }

    table th {
        font-weight: 700
    }

    table td {
        font-size: 16px;
        padding: 9px 14px 12px
    }

    table tr:nth-child(2n-1) td {
        background: #f6f6f6
    }

a {
    color: var(--main-bg-color);
    text-decoration: none;
    outline: 0 !important
}

.no-touchevents a:hover {
    opacity: .7
}

a.anchor[href*="#"], a.anchor[href^="#"] {
    border-bottom: 1px dotted #c3e0db
}

.no-touchevents a[href*="#"]:hover, .no-touchevents a[href^="#"]:hover {
/*    border-bottom-color: transparent*/
}

p {
    margin: 22px 0
}

.intro {
    margin: 35px 0;
    padding-left: 30px;
    text-align: left;
    border-left: 4px solid var(--main-bg-color)
}

    .intro.important {
        font-size: 19px;
        line-height: 1.578947368421053em
    }

.h2 + .intro, h2 + .intro {
    margin-top: 80px
}

.intro p {
    margin: 0 0 18px
}

.intro > :first-child {
    margin-top: 0
}

.intro > :last-child {
    margin-bottom: 0
}

blockquote {
    position: relative;
    display: block;
    margin: 34px 0 32px
}

    blockquote .text {
        font-style: italic;
        padding: 0 0 0 34px
    }

        blockquote .text p {
            margin: 0 0 22px
        }

    blockquote.important .text p {
        font-weight: 300;
        font-style: italic;
        font-size: 40px;
        line-height: 1.225em
    }

    blockquote .text :last-child {
        margin: 0
    }

        blockquote .text :last-child:after, blockquote .text:before {
            content: 'В«';
            display: inline-block;
            vertical-align: top;
            font-weight: 700;
            font-style: normal;
            font-size: 34px;
            line-height: 1.1em;
            color: #18c2aa
        }

    blockquote .text:before {
        position: absolute;
        left: 0;
        top: -7px
    }

    blockquote.important .text:before {
        top: 5px
    }

    blockquote .text :last-child:after {
        content: 'В»';
        margin: -6px -14px 0 19px
    }

    blockquote.important .text :last-child:after {
        margin: 6px -14px 0 14px
    }

    blockquote .author {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.3em;
        margin: 13px 0 0 36px
    }

    blockquote.important .author {
        margin-top: 21px
    }

    blockquote .author span {
        font-weight: 400;
        color: #9299a2
    }

    blockquote .author .separator {
        color: #dee1e5;
        margin: 0 6px
    }

    .has-shadow-box, blockquote.has-shadow .text, blockquote.outer-dots-bg .text {
        font-weight: 400;
        font-size: 15px;
        font-style: normal;
        line-height: 1.6em;
        color: #5f656c;
        padding: 25px 36px 28px;
        background: #fff;
        -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
        box-shadow: 0 10px 30px 0 rgba(0,0,0,.1)
    }

        blockquote.has-shadow .text:before, blockquote.outer-dots-bg .text:before {
            left: 11px;
            top: 15px
        }

    blockquote.has-shadow p, blockquote.outer-dots-bg p {
        position: relative;
        margin: 0 0 12px
    }

        .has-shadow-box p:last-child, blockquote.has-shadow p:last-child, blockquote.outer-dots-bg p:last-child {
            margin-bottom: 0 !important
        }

            blockquote.has-shadow p:last-child:after, blockquote.outer-dots-bg p:last-child:after {
                margin: -9px -20px 0 6px
            }

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 44px 0
}

a img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

img.left {
    margin: 10px 28px 20px 0;
    max-width: 50%
}

img.right {
    margin: 10px 0 20px 28px;
    max-width: 50%
}

p img.left, p img.right {
    margin-top: 11px;
    margin-bottom: 13px
}

figure {
    margin: 33px 0 28px
}

    figure img {
        margin: 0 0 15px;
        max-width: 100%
    }

figcaption {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.445em;
    color: #7d8185;
    display: block
}

small {
    font-size: .8em
}

hr {
    display: block;
    height: 0;
    padding: 0 0 1px;
    margin: 42px 0;
    border: none;
    background: #ebebeb
}

.form {
    position: relative;
    margin: 40px 0
}

.inline-fields {
    font-size: 0;
    max-width: 972px;
    margin: 28px auto 0
}

.form .field {
    position: relative;
    text-align: left;
    margin: 0 0 6px
}

.inline-fields .field {
    display: inline-block;
    vertical-align: top;
/*    padding-right: 6px;*/
    /*    width: 32.40740740740741%*/
    width: 100%;
    max-width: 100%;
}

    .inline-fields .field.two-thirds {
        width: 64.81481481481482%
    }

    .inline-fields .field.large {
        /*        width: calc(64.81481481481482% - 196px);*/
        width: 49.3%;
    }
    .inline-fields .field.full {
        /* width: calc(64.81481481481482% - 196px); */
        width: 100%;
    }

    .inline-fields .field.small {
        width: 196px
    }

.form .field.required:after {
    content: '*';
    position: absolute;
    top: 12px;
    left: 38px;
    font-size: 22px;
    line-height: 1em;
    color: #cdd0d3
}

.field .pre {
    position: absolute;
    z-index: 1;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    top: 26px;
    left: 10px
}

.field-name {
    display: block;
    font-size: 14px;
    line-height: 1.125em;
    color: #7d848b;
    margin: 0 0 4px
}

@media screen and (max-width: 1190px) {
    .field-name {
        font-size: 16px;
    }
}

.form .field .currency {
    position: absolute;
    top: 22px;
    right: 20px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1em;
    color: #9299a2
}

.form-control {
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #333;
    line-height: 57px;
    width: 100%;
    height: 59px;
    margin: 0 0 5px;
    padding: 0 16px 0 50px;
    border: 1px solid #fff;
    background-color: #fff !important;
    -webkit-border-radius: 0;
    /*border-radius: 10px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
    text-overflow: ellipsis
}

    .form-control.name-inp {
        background: url("../icons/icon-name-inp.png") no-repeat 18px 17px
    }

.error-field .form-control.name-inp {
    background-position: 18px -84px
}

.form-control.name-inp.active, .form-control.name-inp:focus {
    background-position: 18px -33px
}

.form-control.currency-inp {
    background: url("../icons/icon-currency-inp.png") no-repeat 10px 20px;
    padding-right: 40px
}

.error-field .form-control.currency-inp {
    background-position: 10px -85px
}

.form-control.currency-inp.active, .form-control.currency-inp:focus {
    background-position: 10px -34px
}

.form-control.location-inp {
    background: url("../icons/icon-location-inp.png") no-repeat 20px 17px
}

.error-field .form-control.location-inp {
    background-position: 20px -84px
}

.form-control.location-inp.active, .form-control.location-inp:focus {
    background-position: 20px -33px
}

.form-control.real-estate-inp, .select.real-estate-inp + .select2-container .select2-selection--multiple, .select.real-estate-inp + .select2-container .select2-selection--single {
    background: url("../icons/real-estate-inp.png") no-repeat 15px 19px
}

.error-field .form-control.real-estate-inp, .error-field .select.real-estate-inp + .select2-container .select2-selection--multiple, .error-field .select.real-estate-inp + .select2-container .select2-selection--single {
    background-position: 15px -383px
}

.error-field .select.real-estate-inp + .select2-container--open .select2-selection--multiple, .error-field .select.real-estate-inp + .select2-container--open .select2-selection--single, .form-control.real-estate-inp.active, .form-control.real-estate-inp:focus, .select.real-estate-inp + .select2-container--open .select2-selection--multiple, .select.real-estate-inp + .select2-container--open .select2-selection--single, .select.real-estate-inp.active + .select2-container .select2-selection--multiple, .select.real-estate-inp.active + .select2-container .select2-selection--single {
    background-position: 15px -177px
}

.form-control.number-of-rooms-inp, .select.number-of-rooms-inp + .select2-container .select2-selection--multiple, .select.number-of-rooms-inp + .select2-container .select2-selection--single {
    background: url("../icons/number-of-rooms-inp.png") no-repeat 18px 17px
}

.error-field .form-control.number-of-rooms-inp, .error-field .select.number-of-rooms-inp + .select2-container .select2-selection--multiple, .error-field .select.number-of-rooms-inp + .select2-container .select2-selection--single {
    background-position: 18px -379px
}

.error-field .select.number-of-rooms-inp + .select2-container--open .select2-selection--multiple, .error-field .select.number-of-rooms-inp + .select2-container--open .select2-selection--single, .form-control.number-of-rooms-inp.active, .form-control.number-of-rooms-inp:focus, .select.number-of-rooms-inp + .select2-container--open .select2-selection--multiple, .select.number-of-rooms-inp + .select2-container--open .select2-selection--single, .select.number-of-rooms-inp.active + .select2-container .select2-selection--multiple, .select.number-of-rooms-inp.active + .select2-container .select2-selection--single {
    background-position: 18px -178px
}

.form-control.phone-inp {
    background: url("../icons/icon-phone-inp.png") no-repeat 18px 18px
}

.error-field .form-control.phone-inp {
    background-position: 18px -92px
}

.form-control.phone-inp.active, .form-control.phone-inp:focus {
    background-position: 18px -32px
}

.form-control.mail-inp {
    background: url("../icons/icon-mail-inp.png") no-repeat 15px 20px
}

.error-field .form-control.mail-inp {
    background-position: 15px -82px
}

.form-control.mail-inp.active, .form-control.mail-inp:focus {
    background-position: 15px -32px
}

.form-control.briefcase-inp, .select.briefcase-inp + .select2-container .select2-selection--single {
    background: url("../icons/icon-briefcase-inp.png") no-repeat 15px 18px
}

.error-field .form-control.briefcase-inp, .error-field .select.briefcase-inp + .select2-container .select2-selection--single {
    background-position: 15px -82px
}

.error-field .select.briefcase-inp + .select2-container--open .select2-selection--single, .form-control.briefcase-inp.active, .form-control.briefcase-inp:focus, .select.briefcase-inp + .select2-container--open .select2-selection--single, .select.briefcase-inp.active + .select2-container .select2-selection--single {
    background-position: 15px -32px
}

.form-control.search-inp {
    background: url("../icons/icon-search-inp.png") no-repeat 18px 18px
}

    .form-control.search-inp.active, .form-control.search-inp:focus {
        background-position: 18px -29px
    }

.form-control.object-inp, .select.object-inp + .select2-container .select2-selection--single {
    background: url("../icons/icon-object-inp.png") no-repeat 18px 20px
}

.error-field .form-control.object-inp, .error-field .select.object-inp + .select2-container .select2-selection--single {
    background-position: 18px -86px
}

.error-field .select.object-inp + .select2-container--open .select2-selection--single, .form-control.object-inp.active, .form-control.object-inp:focus, .select.object-inp + .select2-container--open .select2-selection--single, .select.object-inp.active + .select2-container .select2-selection--single {
    background-position: 18px -33px
}

.form-control.message-inp {
    background: url("../icons/icon-message-inp.png") no-repeat 15px 20px
}

.error-field .form-control.message-inp {
    background-position: -1185px 20px
}

.form-control.message-inp.active, .form-control.message-inp:focus {
    background-position: -562px 20px
}

.form-control.question-inp {
    background: url("../icons/icon-question-inp.png") no-repeat 18px 19px
}

.error-field .form-control.question-inp {
    background-position: -1182px 19px
}

.form-control.question-inp.active, .form-control.question-inp:focus {
    background-position: -562px 19px
}

textarea.form-control {
    display: block;
    overflow: auto;
    line-height: 1.325em;
    padding: 19px 16px 12px 50px;
    width: 100%;
    height: 154px;
    min-height: 154px;
    max-width: 100%;
    min-width: 100%
}

    textarea.form-control.low {
        height: 100px;
        min-height: 100px
    }

.error-field .form-control.active, .error-field .form-control:focus, .form-control:focus {
    border-color: #fff;
    background-color: #fff !important
}

.error-field .form-control {
    border-color: #d53e2e;
    background-color: #ffc9c9 !important
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9299a2
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9299a2
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9299a2
}

.error-field input::-webkit-input-placeholder, .error-field textarea::-webkit-input-placeholder {
    color: #333
}

.error-field input::-moz-placeholder, .error-field textarea::-moz-placeholder {
    color: #333
}

.error-field input:-ms-input-placeholder, .error-field textarea:-ms-input-placeholder {
    color: #333
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0 !important
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.clone-select-box {
    position: relative;
    line-height: 0
}

.clone-select {
    position: relative;
    padding: 0 60px 0 50px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .clone-select:after {
        content: '';
        position: absolute;
        top: 25px;
        right: 26px;
        width: 13px;
        height: 8px
    }

    .clone-select.active:after {
        background-position: 0 100%
    }

.clone-select-box .dropdown {
    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 161px;
    padding: 3px 8px 0;
    border: 1px solid #cfdae1;
    border-top: none;
    background: #fff;
    margin: 0;
    overflow: auto;
    -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2)
}

.filter .clone-select-box .dropdown {
    max-height: 360px
}

@media screen and (max-height:500px) and (min-width:1191px) {
    .filter .clone-select-box .dropdown {
        max-height: 240px
    }
}

@media screen and (max-width:860px) {
    .filter .clone-select-box .dropdown {
        max-height: 230px
    }
}

.clone-select-box .dropdown .checkbox-item, .filter .col .dropdown .checkbox-item {
    margin: 6px 0 0;
    padding: 0
}

    .clone-select-box .dropdown .checkbox-item:last-child, .filter .col .dropdown .checkbox-item:last-child {
        margin-bottom: 8px
    }

.clone-select-box .checkbox-item input[type=checkbox] + label {
    font-size: 15px;
    padding: 3px 0 0 22px;
    display: block
}

.error {
    position: relative;
    font-size: 13px;
    line-height: 1.315em;
    color: #fff;
    text-align: center;
    padding: 13px 16px 14px;
    margin: 11px 0 20px;
    background: #d53e2e
}

    .error:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -9px;
        width: 18px;
        height: 9px;
        margin-left: -9px;
        background: url("../icons/error-arrow.png") no-repeat 0 0
    }

.example-message {
    font-size: 12px;
    line-height: 1.4em;
    color: #fff;
    opacity: .5;
    margin: 5px 0 0 50px
}

.message-box {
    text-align: center;
    font-size: 14px;
    line-height: 1.645em;
    color: #fff;
    text-transform: uppercase;
    margin: 6px 0 0
}

.light-form .message-box {
    color: #333
}

.message-box p {
    margin: 0 0 22px
}

    .message-box p:last-child {
        margin: 0
    }

    .message-box p:before {
        position: relative !important;
        display: block;
        left: 0;
        font-size: 32px !important;
        margin: 0 0 10px
    }

.message-box .ok-message:before {
    content: '\e80f';
    color: var(--main-bg-color)
}

.message-box .error-message:before {
    content: '\e80d';
    color: #d53e2e
}

.message-box .alert-message:before {
    content: '\e80e';
    color: #f0f235
}

button {
    border: none;
    cursor: pointer
}

.btn {
    position: relative;
    z-index: 4;
    display: inline-block;
    vertical-align: top;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.435em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 12px 19px;
    min-width: 258px;
    margin: 12px 0;
    background: var(--main-bg-color);
    background: -moz-linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 50%,var(--main-bg-color) 100%);
    background: -webkit-linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 50%,var(--main-bg-color) 100%);
    background: linear-gradient(to right,var(--main-bg-grad-color) 0,var(--main-bg-color) 0,var(--main-bg-grad-color) 50%,var(--main-bg-color) 100%);
    background-size: 200% 200%;
    background-position: 0;
    border: 2px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /*border-radius: 10px;*/
    outline: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .btn.small {
        font-size: 11px;
        min-width: 147px;
        padding: 10px 12px 8px
    }

    .btn.large {
        min-width: 341px
    }

    .btn.transparent {
        padding: 17px 12px 18px;
        color: #333;
        border: 2px solid var(--main-bg-color);
        background: 0 0
    }

    .btn.full-width {
        width: 100%
    }

    .btn::-moz-focus-inner {
        border: 0
    }

.no-touchevents .btn:not(:disabled):hover {
    opacity: 1;
    color: #fff;
    background-color: var(--main-bg-color);
    background-position: 100%
}

.no-touchevents .btn:not(:disabled):active {
    -webkit-box-shadow: inset 0 3px 8px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 3px 8px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 3px 8px 0 rgba(0,0,0,.3)
}

.btn:disabled {
    opacity: .6;
    cursor: default
}

.btn.middle-align {
    padding: 0 12px
}

.btn .sub-box {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .btn .sub-box .align-m {
        display: table-cell;
        vertical-align: middle;
        height: 59px;
        padding: 10px 0 9px
    }

.btn.dotted span {
    border-bottom: 1px dotted #979797
}

.no-touchevents .btn.dotted:hover span {
    border-bottom-color: transparent
}

.inline-fields .btn {
    width: 35.18518518518519%;
    min-width: 0;
    margin: 0
}

.btn-box {
    text-align: center;
    margin: 42px 0
}

.layout-grid + .btn-box {
    margin-top: 34px
}

.nav-inner + .btn-box, .page-banner + .btn-box {
    margin: -69px 0 29px;
    padding: 21px 0;
    background: #fbfbfb;
    border-bottom: 1px solid #ebebeb
}

.page-banner + .btn-box {
    margin-top: -42px
}

    .btn-box.sticky .btn, .nav-inner + .btn-box .btn, .page-banner + .btn-box .btn {
        margin: 0
    }

.btn-box.sticky {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 12px 0;
    margin: 0;
    background: #fbfbfb;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 -5px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,.05);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

    .btn-box.sticky .btn {
        padding: 14px 12px 13px
    }

    .btn-box.sticky.visible {
        opacity: 1;
        visibility: visible
    }

.touchevents .btn-box.sticky {
    display: none !important
}

.checkbox-item, .radio-item {
    position: relative;
    margin: 24px 0;
    line-height: 0
}

    .checkbox-item input[type=checkbox], .radio-item input[type=radio] {
        width: 0;
        height: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: -1;
        opacity: 0
    }

        .checkbox-item input[type=checkbox] + label, .radio-item input[type=radio] + label {
            position: relative;
            display: inline-block;
            vertical-align: top;
            font-size: 15px;
            line-height: 1.275em;
            padding: 1px 0 0 28px;
            color: #333;
            cursor: pointer
        }

        .checkbox-item input[type=checkbox]:disabled + label, .radio-item input[type=radio]:disabled + label {
            cursor: default
        }

        .checkbox-item input[type=checkbox] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 13px;
            height: 13px;
            border: 2px solid var(--main-border-color)
        }

        .checkbox-item input[type=checkbox]:checked + label:before {
            background: url("../icons/checked-icon.png") no-repeat 1px 2px;
            background-color: #fff;
        }

        .checkbox-item input[type=checkbox]:disabled + label:before, .radio-item input[type=radio]:disabled + label:before {
            opacity: .6;
            cursor: default
        }

        .radio-item input[type=radio] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #b0bbc2;
            background: #fff;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
            box-shadow: 0 1px 2px rgba(0,0,0,.25)
        }

        .radio-item input[type=radio]:checked + label:before {
            border-color: var(--main-bg-color)
        }

        .radio-item input[type=radio]:checked + label:after {
            content: '';
            position: absolute;
            top: 7px;
            left: 5px;
            width: 6px;
            height: 6px;
            background: var(--main-bg-color);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px
        }

.rss-form-steps .field {
    display: none
}

.rss-form-steps.step1 .step1-field {
    display: inline-block
}

.rss-form-steps.step2 .step2-field {
    display: inline-block
}

.rss-form-steps.step3 .step3-field.visible {
    display: inline-block
}

.two-step-form .field {
    display: none
}

.two-step-form.step1 .step1-field {
    display: inline-block
}

.two-step-form.step2 .step2-field {
    display: inline-block
}

.page-banner .search-form {
    padding-right: 67px;
    opacity: 0;
    text-align: left;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

.page-banner .h1 + .search-form, .page-banner h1 + .search-form {
    margin: 15px 0 0
}

.search-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 59px;
    line-height: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    min-width: 0
}

    .search-form .btn:before {
        left: 50%;
        top: 50%;
        margin: -16px 0 0 -11px;
        font-size: 23px;
        line-height: 1.5em;
        color: #fff
    }

.search-form .count {
    font-size: 13px;
    line-height: 1em;
    color: #fff;
    margin: -3px 0 0 52px
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center
}

.clr {
    clear: both
}

.uppercase {
    text-transform: uppercase
}

.no-indent {
    margin-bottom: 0 !important
}

.align-b, .align-m {
    display: table-cell;
    vertical-align: middle
}

.align-b {
    vertical-align: bottom
}

.no-wrap {
    white-space: nowrap
}

.container, .container-large, .container-small {
    position: relative;
    z-index: 2;
    max-width: 1288px;
    padding: 0 24px;
    margin: 0 auto
}

    .container.top-inner-indent {
        padding-top: 72px
    }

.container-large {
    max-width: 1368px
}

.container-small {
    max-width: 868px
}

    .container-large:after, .container-small:after, .container:after {
        content: '';
        display: table;
        width: 0;
        height: 0;
        clear: both
    }

#to-top {
    position: fixed;
    z-index: 500;
    bottom: 24px;
    right: 24px;
    width: 70px;
    height: 70px;
    background: url("../icons/to-top.png") no-repeat 0 0;
    background-size: 100% auto;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

    #to-top.visible {
        opacity: .7;
        visibility: visible
    }

.no-touchevents #to-top:hover {
    opacity: .5
}

#all {
    position: relative;
    z-index: 1;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: hidden
}

#indent {
    clear: both
}

#header {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    height: 77px;
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

    #header.show-smooth {
        opacity: 0
    }

    #header.sticky {
        opacity: 1;
        position: fixed;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 5px 0 rgba(0,0,0,.15)
    }

    #header.no-sticky {
        position: absolute !important
    }

    #header.mobile-nav:not(.sticky) {
        background: 0 0;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    #header.visible-search {
        -webkit-transform: translateY(76px);
        -moz-transform: translateY(76px);
        -ms-transform: translateY(76px);
        transform: translateY(76px)
    }

    #header .container, #header .container-large {
        position: static
    }

    #header .form .container, #header .form .container-large {
        position: relative
    }

#logo {
    position: relative;
    width: 57px;
    height: 55px;
    float: left;
    margin: 8px 60px 0 0;
    text-indent: -10000px;
    opacity: 1 !important;
    z-index: 1000;
}

    #logo:after {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("../icons/logo.png") no-repeat 0 0;
        background-size: 100% auto
    }

.no-touchevents a#logo:hover:after {
    opacity: .7
}

#logo:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -1500px;
    top: -8px;
    right: -59px;
    height: 77px;
    background: #fff url("../icons/logo-inclined-bg.png") no-repeat 100% 100%
}

.mobile-nav:not(.sticky) #logo:before {
    top: -8px;
    left: -29px;
    right: -32px;
    height: 77px;
    background: #cbcbcb;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

.call-us-box {
    position: relative;
    z-index: 3;
    font-size: 17px;
    line-height: 1.3em;
    padding: 0 0 0 30px;
    margin: 40px 0
}

#header .call-us-box {
    float: left;
    margin: 19px 0 0
}

    #header .call-us-box:before {
        content: '\e801';
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 28px;
        margin-top: 0;
        color: #333;
        opacity: .56;
        -webkit-transform: rotate(17deg);
        -ms-transform: rotate(17deg);
        transform: rotate(17deg)
    }

#header.mobile-nav:not(.sticky) .call-us-box:before {
    color: #fff;
    opacity: 1
}

.call-us-box .text {
    font-size: 12px;
    line-height: 1.4em;
    color: #62686e;
    display: block;
    opacity: 1
}

#header.mobile-nav:not(.sticky) .call-us-box .text {
    color: #fff;
    opacity: .8
}

.call-us-box a {
    color: #333
}

#header .call-us-box > a {
    border-bottom: 1px dotted #8d8d8d
}

#header.mobile-nav:not(.sticky) .call-us-box > a {
    color: #fff
}

.no-touchevents #header .call-us-box > a:hover {
    border-bottom-color: transparent
}

.js-open-call-dropdown {
    position: absolute;
    right: -34px;
    bottom: 1px;
    width: 30px;
    height: 20px;
    background: url("../icons/open-call-dropdown.png") no-repeat 5px 8px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

#header.mobile-nav:not(.sticky) .js-open-call-dropdown {
    background-position: 5px -22px
}

.no-touchevents .js-open-call-dropdown:hover {
    opacity: .5
}

#header .call-us-box .js-open-call-dropdown:before {
    display: none
}

.touchevents .pc-viber {
    display: none !important
}

.no-touchevents .mb-viber {
    display: none !important
}

.call-us-box .dropdown {
    display: none;
    position: absolute;
    right: -84px;
    top: 50px;
    width: 253px;
    padding: 24px 27px 27px;
    border: 1px solid #d7d7d7;
    background: #fff
}

.no-touchevents .call-us-box:hover .dropdown {
    display: block
}

.call-us-box .dropdown:before {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    right: 0;
    height: 16px;
    background: url("../icons/nav-dropdown-arrow.png") no-repeat 178px 6px
}

.call-us-box .dropdown ul {
    margin: 0
}

.call-us-box .dropdown li {
    font-weight: 300;
    font-size: 21px;
    padding: 0;
    margin: 0 0 14px;
    background: 0 0
}

    .call-us-box .dropdown li:last-child {
        margin: 0 0 2px
    }

.call-us-box .dropdown p {
    margin: 0
}

.call-us-box .dropdown a {
    color: #333
}

.call-us-box .operators {
    display: inline-block;
    vertical-align: top;
    margin: 2px -20px 0 0
}

.call-us-box .dropdown .btn {
    color: #fff !important;
    margin: 19px 0 0;
    width: 100%
}

.call-us-box .operators .icon-velcom {
    top: 4px
}

.call-us-box .operators .icon-a1 {
    top: -2px
}

.call-us-box .operators .icon-mts {
    top: -1px
}

.call-us-box .operators .icon-life {
    top: 5px
}

.call-us-box .operators .icon-viber {
    top: -1px
}

.call-us-box .dropdown .messengers-box {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #a0a5aa;
    margin: 18px 0 5px
}

.call-us-box .dropdown .messengers-links {
    justify-content: center;
    margin: 12px -18px 0
}

    .call-us-box .dropdown .messengers-links a {
        margin: 0 18px
    }

#header .js-open-search {
    color: var(--main-bg-color);
    float: right;
    width: 26px;
    height: 26px;
    line-height: 1em;
    margin: 27px 0 0 31px;
    padding: 0;
    text-align: center;
    cursor: pointer
}

    #header .js-open-search:before {
        position: relative;
        top: 0;
        font-size: 19px;
        margin: 0
    }

.no-touchevents .js-open-search:hover {
    opacity: .7
}

#header .js-open-search.active:before {
    content: '\e80d'
}

#header .favourite {
    position: relative;
    float: right;
    width: 19px;
    height: 19px;
    margin: 28px 0 0 15px;
}

    #header .favourite:before {
        content: '\e80a';
        font-size: 19px
    }

    #header .favourite.not-chosen {
        cursor: default;
        opacity: 1 !important
    }

        #header .favourite.not-chosen:before {
            content: '\e809';
            opacity: 1 !important;
            -webkit-transition: none !important;
            -moz-transition: none !important;
            transition: none !important
        }

#header .search-form {
    position: absolute;
    left: 0;
    top: -76px;
    width: 100%;
    height: 76px;
    margin: 0
}

    #header .search-form:before {
        content: '';
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1500px;
        bottom: 0;
        background: #272727
    }

    #header .search-form .form-control {
        font-weight: 300;
        font-size: 30px;
        height: 76px;
        line-height: 76px;
        color: #9299a2;
        padding: 0 100px 0 0;
        margin: 0;
        border: none;
        background: 0 0 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        #header .search-form .form-control::-webkit-input-placeholder {
            color: rgba(255,255,255,.15)
        }

        #header .search-form .form-control::-moz-placeholder {
            color: rgba(255,255,255,.15)
        }

        #header .search-form .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,.15)
        }

    #header .search-form .btn {
        width: 76px;
        height: 76px
    }

        #header .search-form .btn:before {
            font-size: 28px;
            margin: -20px 0 0 -14px
        }

#nav {
    position: relative;
    z-index: 2;
    float: right;
    margin: 32px 18px 0
}

    #nav .sub-box {
        float: left
    }

    #nav ul {
        margin: 0;
        float: left
    }

    #nav .sub-box > ul > li {
        font-size: 16px;
        line-height: 1.015em;
        color: #333;
        text-transform: uppercase;
        float: left;
        padding: 0;
        margin: 0 0 0 35px;
        background: 0 0
    }

        #nav .sub-box > ul > li > a {
            position: relative;
            color: #333
        }

            #nav .sub-box > ul > li > a > .count {
                position: absolute;
                left: 100%;
                top: -8px;
                font-size: 10px !important;
                line-height: 1em;
                color: #939aa3;
                margin: 0 0 0 -1px
            }

            #nav .sub-box > ul > li > a:before {
                content: '';
                position: absolute;
                top: -31px;
                left: 50%;
                height: 6px;
                width: 0;
                background: var(--main-bg-color);
                -webkit-transform: translate3d(-50%,0,0) skewX(-16deg);
                -moz-transform: translate3d(-50%,0,0) skewX(-16deg);
                -ms-transform: translate3d(-50%,0,0) skewX(-16deg);
                transform: translate3d(-50%,0,0) skewX(-16deg);
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                transition: all .3s ease;
                opacity: 0
            }

        #nav .sub-box > ul > li.has-child > a:after {
            content: '\f107';
            font-size: 16px !important;
            right: -14px;
            left: auto !important;
            top: 0;
            padding-left: 10px
        }

.touchevents #nav .sub-box > ul > li.has-child > a:after {
    top: -1px
}

.touchevents #nav .sub-box > ul > li.has-child.active > a:after {
    top: -2px
}

#nav .sub-box > ul > li.has-child.active > a:after {
    content: '\f106'
}

#nav .sub-box > ul > li.active > a:before, #nav .sub-box > ul > li.current > a:before, .no-touchevents #nav .sub-box > ul > li:hover > a:before {
    width: 106%;
    opacity: 1
}

.no-touchevents #nav .sub-box > ul > li a:hover {
    opacity: 1
}

.no-touchevents #nav .sub-box > ul > li.active a:hover, .no-touchevents #nav .sub-box > ul > li.current > a:hover {
    color: #7d8185
}

.no-touchevents.macos #nav .sub-box > ul > li > a:before {
    opacity: 0
}

.macos #nav .sub-box > ul > li.active > a:before, .macos #nav .sub-box > ul > li.current > a:before, .no-touchevents.macos #nav .sub-box > ul > li > a:hover:before {
    opacity: 1
}

#nav .dropdown {
    display: none;
    position: absolute;
    left: 50%;
    top: 38px;
    float: none;
    width: 249px;
    padding: 22px 0 7px;
    margin: 0 0 0 -124px;
    border: 1px solid #d7d7d7;
    background: #fff
}

    #nav .dropdown:before {
        content: '';
        position: absolute;
        left: 0;
        top: -26px;
        right: 0;
        height: 26px;
        background: url("../icons/nav-dropdown-arrow.png") no-repeat 50% 16px
    }

    #nav .dropdown li {
        font-size: 20px;
        line-height: 1.245em;
        text-transform: none;
        padding: 0 27px;
        margin: 0 0 16px;
        background: 0 0
    }

    #nav .dropdown .active:before {
        content: '';
        position: absolute;
        top: -3px;
        left: -1px;
        bottom: -5px;
        width: 5px;
        background: var(--main-border-color)
    }

    #nav .dropdown li a {
        color: #7d8185
    }

    #nav .dropdown .active a, .no-touchevents #nav .dropdown li a:hover {
        color: #333
    }

.no-touchevents #nav .dropdown .active a:hover {
    color: #7d8185
}

#header.mobile-nav .container-large {
    position: relative;
    z-index: 112 !important
}

#header.mobile-nav .open-nav-box, #header.mobile-nav .sub-container {
    position: absolute;
    z-index: 112;
    left: 0;
    top: 0;
    width: 100%
}

#header.mobile-nav .open-nav-box {
    z-index: 114
}

#header.mobile-nav .sub-container .container {
    position: relative
}

#header.mobile-nav #js-open-nav {
    z-index: 112
}

#header.mobile-nav #nav {
    position: absolute;
    z-index: 113;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

    #header.mobile-nav #nav.visible {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    #header.mobile-nav #nav:after {
        content: '';
        position: absolute;
        z-index: 20;
        right: -500px;
        left: 10%;
        top: 0;
        bottom: 0;
        -webkit-transform: skewX(20deg) translateX(200px);
        -moz-transform: skewX(20deg) translateX(200px);
        -ms-transform: skewX(20deg) translateX(200px);
        transform: skewX(20deg) translateX(200px);
        background: #272727;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    #header.mobile-nav #nav.visible:after {
        opacity: 1;
        -webkit-transform: skewX(20deg) translateX(-40px);
        -moz-transform: skewX(20deg) translateX(-40px);
        -ms-transform: skewX(20deg) translateX(-40px);
        transform: skewX(20deg) translateX(-40px);
        -webkit-transition: all .5s ease .2s;
        -moz-transition: all .5s ease .2s;
        transition: all .5s ease .2s
    }

    #header.mobile-nav #nav .sub-box {
        position: relative;
        z-index: 25;
        height: calc(100% - 80px);
        margin: 80px 0 0;
        padding: 0 0 60px 15%;
        float: none;
        font-size: 0;
        text-align: center;
        overflow: auto;
        opacity: 0;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        transition: all 0s ease;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    #header.mobile-nav #nav.visible .sub-box {
        opacity: 1;
        -webkit-transition: all .4s ease .7s;
        -moz-transition: all .4s ease .7s;
        transition: all .4s ease .7s;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    #header.mobile-nav #nav .sub-box:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        position: relative;
        height: 100%
    }

    #header.mobile-nav #nav .sub-box > ul {
        position: relative;
        z-index: 110;
        float: none;
        width: 618px;
        margin: 0 auto;
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }

        #header.mobile-nav #nav .sub-box > ul > li {
            font-weight: 700;
            font-size: 36px;
            text-transform: none;
            float: none;
            width: 50%;
            margin: 36px 0;
            padding: 0 44px 0 0
        }

            #header.mobile-nav #nav .sub-box > ul > li.agency {
                position: absolute;
                right: 0;
                top: 0;
                width: 50%;
                padding: 0
            }

            #header.mobile-nav #nav .sub-box > ul > li.has-child > a:after {
                display: none
            }

            #header.mobile-nav #nav .sub-box > ul > li.current:before {
                content: '';
                position: absolute;
                top: -1px;
                left: -23px;
                bottom: -1px;
                width: 6px;
                -webkit-transform: skewY(16deg);
                -moz-transform: skewY(16deg);
                -ms-transform: skewY(16deg);
                transform: skewY(16deg);
                background: var(--main-bg-color)
            }

            #header.mobile-nav #nav .sub-box > ul > li.current.agency:before {
                bottom: auto;
                height: 36px
            }

            #header.mobile-nav #nav .sub-box > ul > li a {
                color: #fff
            }

            #header.mobile-nav #nav .sub-box > ul > li.agency > a, #header.mobile-nav #nav .sub-box > ul > li.current > a {
                color: #565656
            }

.no-touchevents #header.mobile-nav #nav .sub-box > ul > li.current a:hover {
    opacity: .7 !important
}

#header.mobile-nav #nav .sub-box > ul > li > a:before {
    display: none;
    top: -4px;
    left: 0;
    bottom: -4px;
    height: auto;
    width: 6px;
    -webkit-transform: translate3d(0,0,0) skew(0,16deg);
    -moz-transform: translate3d(0,0,0) skew(0,16deg);
    -ms-transform: translate3d(0,0,0) skew(0,16deg);
    transform: translate3d(0,0,0) skew(0,16deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#header.mobile-nav #nav .sub-box > ul > li.active > a:before, #header.mobile-nav #nav .sub-box > ul > li.current > a:before, .no-touchevents #header.mobile-nav #nav .sub-box > ul > li:hover > a:before {
    width: 6px
}

.no-touchevents #header.mobile-nav #nav .sub-box > ul > li.current a:hover, .no-touchevents #header.mobile-nav #nav .sub-box > ul > li > a:hover {
    color: #565656;
    opacity: 1
}

#header.mobile-nav #nav .dropdown {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 3px 0 0;
    width: 100%;
    background: 0 0;
    border: none
}

    #header.mobile-nav #nav .dropdown:before {
        display: none
    }

    #header.mobile-nav #nav .dropdown li {
        font-weight: 300;
        font-size: 20px;
        padding: 0;
        margin: 0 0 23px
    }

        #header.mobile-nav #nav .dropdown li:last-child {
            margin-bottom: 0
        }

    #header.mobile-nav #nav .dropdown .active:before {
        content: '';
        position: absolute;
        top: 0;
        left: -23px;
        bottom: -1px;
        width: 6px;
        -webkit-transform: skewY(16deg);
        -moz-transform: skewY(16deg);
        -ms-transform: skewY(16deg);
        transform: skewY(16deg)
    }

    #header.mobile-nav #nav .dropdown li.active a, .no-touchevents #header.mobile-nav #nav .dropdown li a:hover {
        color: #969696
    }

#header.mobile-nav .search-form {
    position: absolute;
    z-index: 200;
    left: 50%;
    top: 19px;
    width: 484px;
    height: 36px;
    margin: 0 0 0 -218px;
    padding: 0 22px;
    opacity: 0
}

    #header.mobile-nav .search-form .container, #header.mobile-nav .search-form .container-large {
        padding: 0
    }

#header.mobile-nav #nav.visible .search-form {
    opacity: 1;
    -webkit-transition: all .2s ease .7s;
    -moz-transition: all .2s ease .7s;
    transition: all .2s ease .7s
}

#header.mobile-nav .search-form .container, #header.mobile-nav .search-form .container-large {
    line-height: 0;
    padding: 0 !important;
    border-bottom: 1px solid #fff
}

#header.mobile-nav .search-form .field {
    margin: 0
}

#header.mobile-nav .search-form:before {
    display: none
}

#header.mobile-nav .search-form .form-control {
    font-weight: 400;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding: 0 40px 0 0
}

    #header.mobile-nav .search-form .form-control::-webkit-input-placeholder {
        color: rgba(255,255,255,.5)
    }

    #header.mobile-nav .search-form .form-control::-moz-placeholder {
        color: rgba(255,255,255,.5)
    }

    #header.mobile-nav .search-form .form-control:-ms-input-placeholder {
        color: rgba(255,255,255,.5)
    }

#header.mobile-nav .search-form .btn {
    width: 28px;
    height: 35px;
    right: 0;
    background: 0 0
}

.no-touchevents #header.mobile-nav .search-form .btn:hover {
    opacity: .7
}

#header.mobile-nav .search-form .btn:before {
    content: '\e802';
    font-size: 19px;
    margin: -15px 0 0 -8px;
    color: var(--main-bg-color)
}

#header.mobile-nav #nav .favourite {
    position: absolute;
    z-index: 100;
    top: 24px;
    right: 78px;
    width: 24px;
    height: 24px;
    margin: 0;
    opacity: 0
}

#header.mobile-nav #nav.visible .favourite {
    opacity: 1;
    -webkit-transition: all .2s ease .7s;
    -moz-transition: all .2s ease .7s;
    transition: all .2s ease .7s
}

.no-touchevents #header.mobile-nav #nav .favourite:hover {
    opacity: 1 !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

#header.mobile-nav .favourite:before {
    font-size: 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.no-touchevents #header.mobile-nav #nav .favourite:hover:before {
    opacity: .7
}

#js-open-nav {
    position: absolute;
    top: 26px;
    right: 24px;
    height: 24px;
    width: 30px;
    cursor: pointer;
    background: 0 0;
    text-align: center;
    float: right;
    display: none
}

.no-touchevents #js-open-nav:hover {
    opacity: .7
}

.mobile-nav #js-open-nav {
    display: block
}

#js-open-nav .lines {
    top: 10px;
    height: 4px;
    display: block;
    width: 30px;
    background: var(--main-bg-color);
    position: relative;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#js-open-nav.active .lines {
    background: 0 0 !important
}

#header.mobile-nav:not(.sticky) #js-open-nav .lines {
    background: #fff
}

#js-open-nav .bottom-line, #js-open-nav .top-line {
    position: absolute;
    left: 0;
    width: 30px;
    top: -10px;
    border-bottom: 4px solid var(--main-bg-color);
    height: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#js-open-nav .bottom-line {
    top: auto;
    bottom: -10px
}

#header.mobile-nav:not(.sticky) #js-open-nav .bottom-line, #header.mobile-nav:not(.sticky) #js-open-nav .top-line {
    border-color: #fff
}

#header.mobile-nav:not(.sticky) #js-open-nav:before {
    content: '';
    position: absolute;
    top: -26px;
    left: -28px;
    right: -28px;
    height: 77px;
    -webkit-transform: skewX(18deg);
    -moz-transform: skewX(18deg);
    -ms-transform: skewX(18deg);
    transform: skewX(18deg);
    background: rgba(39,39,39,.8)
}

.nav-overlay #header.mobile-nav:not(.sticky) #js-open-nav:before {
    display: none
}

.page-banner {
    position: relative;
    overflow: hidden;
/*    margin: 0 0 42px;*/
    opacity: 0
}

.index-page .page-banner {
    z-index: 23;
    overflow: visible
}

.page-banner.no-bg {
    background: var(--main-bg-color);
    background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%)
}

.pace-done.page-banner, .page-load .page-banner {
    opacity: 1
}

.page-banner .sub-box {
    display: table;
    table-layout: fixed;
    width: 100%
}

.page-banner .align-m {
    height: 536px;
    padding: 136px 0 42px
}

.page-banner.characteristics-layout .align-m {
    padding: 152px 0 18px
}

.page-banner.inner .align-m {
    height: 350px;
    padding: 110px 0 42px
}

.page-banner.large-height > .sub-box > .align-m {
    height: 679px;
    padding: 136px 0 42px
}

.page-banner .container {
/*    max-width: 1020px*/
}

.page-banner .inner-article {
    max-width: 1240px
}

    .page-banner .inner-article h1 {
        font-size: 32px;
        margin: 0 0 20px
    }

.landing-page .page-banner.inner h1 {
    font-size: 38px;
    line-height: 1.215em
}

.page-banner .max-w {
    max-width: 790px;
    margin: 0 auto
}

.page-banner.left-position .container-large .max-w {
    max-width: 820px
}

.page-banner.left-position .max-w {
    margin: 0
}

.page-banner .max-w > :last-child {
    margin-bottom: 0
}

.page-banner .h1, .page-banner h1 {
    margin: 0 0 14px;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .3s;
    -moz-transition: all .5s ease .3s;
    transition: all .5s ease .3s
}

    .page-banner .h1.large-size, .page-banner h1.large-size {
        font-size: 50px
    }

.page-banner .h4, .page-banner h4 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5em;
    color: #fff;
    margin: 0 0 30px;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

    .page-banner .h4 svg, .page-banner h4 svg {
        display: inline-block;
        vertical-align: middle;
        margin: -5px 4px 0 4px
    }

    .page-banner .h4 b, .page-banner h4 b {
        font-weight: 900
    }

.page-banner .h5, .page-banner h5 {
    font-weight: 300;
    line-height: 1.5em;
    color: #fff;
    margin: 0 0 30px;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

.page-banner .h1 + .h5, .page-banner .h1 + h5, .page-banner h1 + .h5, .page-banner h1 + h5 {
    margin-top: -11px
}

.page-banner .get-advice {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.416666666666667em;
    color: #fff;
    margin: 14px 0;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

    .page-banner .get-advice h1 {
        font-weight: 300;
        font-size: 24px;
        line-height: 1.416666666666667em;
        color: #fff;
        margin: 0
    }

    .page-banner .get-advice span {
        display: block
    }

    .page-banner .get-advice p {
        margin: 0
    }

    .page-banner .get-advice h1 .agent {
        display: none
    }

    .page-banner .get-advice h1 .img {
        display: inline-block;
        color: #fff
    }

    .page-banner .get-advice h1 .info {
        display: inline-block;
        color: #fff
    }

    .page-banner .get-advice h1 .name {
        margin: 0
    }

    .page-banner .get-advice h1 .meta .icon-phone {
        margin: 6px 0
    }

    .page-banner .get-advice .realtor {
        position: relative;
        font-weight: 900;
        padding-left: 34px
    }

        .page-banner .get-advice .agent .name:before, .page-banner .get-advice .realtor:before {
            content: '';
            position: absolute;
            left: 0;
            top: 15px;
            width: 24px;
            height: 4px;
            background: var(--main-bg-color)
        }

    .page-banner .get-advice .agent {
        display: none
    }

        .page-banner .get-advice .agent .inclined-thumb .img {
            vertical-align: middle
        }

        .page-banner .get-advice .agent .inclined-thumb .info {
            padding-top: 0;
            margin: -16px 0 0;
            vertical-align: middle
        }

        .page-banner .get-advice .agent p {
            color: #fff
        }

        .page-banner .get-advice .agent .name {
            font-size: 24px;
            line-height: 1.416666666666667em
        }

            .page-banner .get-advice .agent .name:before {
                left: -32px
            }

        .page-banner .get-advice .agent a {
            color: #fff
        }

.page-banner .inline-fields {
    margin: 58px auto 0
}

.page-banner .get-advice + .inline-fields {
    margin-top: 37px
}

.landing-page .page-banner .inline-fields {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .6s !important;
    -moz-transition: all .5s ease .6s !important;
    transition: all .5s ease .6s !important
}

.pace-done .page-banner .get-advice, .pace-done .page-banner .h1, .pace-done .page-banner .h4, .pace-done .page-banner .h5, .pace-done .page-banner .inline-fields.animate, .pace-done .page-banner .search-form, .pace-done .page-banner .viewings, .pace-done .page-banner h1, .pace-done .page-banner h4, .pace-done .page-banner h5, .page-load .landing-main-description .btn, .page-load .landing-main-description .event-data, .page-load .landing-main-description .text-box, .page-load .page-banner .get-advice, .page-load .page-banner .h1, .page-load .page-banner .h4, .page-load .page-banner .h5, .page-load .page-banner .inline-fields.animate, .page-load .page-banner .search-form, .page-load .page-banner .viewings, .page-load .page-banner h1, .page-load .page-banner h4, .page-load .page-banner h5 {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.page-banner .bg-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.pace-done .page-banner .bg-box, .page-load .page-banner .bg-box {
    opacity: 1
}

.page-banner .bg-box.shade:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(12, 5, 85, 0.5)
}

.page-banner .bg-box.shade.lighten:after {
    background: rgba(27,27,27,.45)
}

.page-banner .bg-box.shade.darker:after {
    background: rgba(27,27,27,.7)
}

.page-banner .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .page-banner .bg .video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.page-banner .container > :last-child {
    margin-bottom: 0 !important
}

.viewings {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    line-height: 1em;
    padding: 0 0 0 23px !important
}

    .viewings:before {
        font-size: 15px !important;
        color: #fff !important;
        top: -1px !important
    }

.page-banner .viewings {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

.page-banner .anchor {
    color: #fff
}

.page-banner .object-characteristics {
    position: relative;
    margin: 0 0 45px
}

    .page-banner .object-characteristics .h3, .page-banner .object-characteristics h1, .page-banner .object-characteristics h3 {
        font-size: 32px;
        line-height: 1.2em;
        color: #fff;
        margin: 0 0 24px;
        transition: none;
        transform: none
    }

.object-characteristics .isolated-price {
    position: absolute;
    right: 0;
    bottom: 42px;
    margin: 0
}

.page-banner .footer {
    position: relative;
    padding: 30px 0 0
}

    .page-banner .footer:before {
        content: '';
        position: absolute;
        left: -1500px;
        top: 0;
        right: -1500px;
        height: 1px;
        background: rgba(255,255,255,.1)
    }

    .page-banner .footer .agent {
        float: left;
        min-width: 400px;
        margin: 0
    }

        .page-banner .footer .agent.has-btn {
            min-width: 540px
        }

        .page-banner .footer .agent.has-btn {
            margin-bottom: 16px
        }

        .page-banner .footer .agent .inclined-thumb {
            margin: 0
        }

            .page-banner .footer .agent .inclined-thumb .img {
                width: 64px;
                height: 60px
            }

            .page-banner .footer .agent .inclined-thumb .info {
                padding-top: 6px
            }

        .page-banner .footer .agent .icon-phone:before, .page-banner .footer .agent .name, .page-banner .footer .agent a[href^=tel] {
            color: #fff
        }

        .page-banner .footer .agent.has-btn .btn {
            min-width: 198px !important;
            margin: 0 0 0 16px
        }

        .page-banner .footer .agent .who-is {
            color: rgba(255,255,255,.5)
        }

    .page-banner .footer .share-links {
        float: right;
        margin: 20px 0 0
    }

.page-banner.custom-landing-layout .align-m {
    height: 591px;
    padding: 148px 0 104px
}

.landing-main-description {
    color: rgba(255,255,255,.7);
    max-width: 1170px;
    margin: 0 auto
}

    .landing-main-description .event-data {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        -webkit-transition: all .5s ease .15s;
        transition: all .5s ease .15s;
        margin: -14px 0 33px
    }

    .landing-main-description .time {
        display: block;
        font-weight: 700;
        font-size: 25px;
        line-height: 1em;
        color: #fff;
        margin: 0 0 7px
    }

    .landing-main-description .location {
        font-size: 14px;
        line-height: 24px;
        margin: 0
    }

    .landing-main-description .grid {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .landing-main-description .title-box {
        width: 59.3%;
        padding-right: 48px
    }

    .landing-main-description .text-box {
        width: 40.7%;
        margin: 6px 0 0;
        padding-left: 26px;
        border-left: 1px solid #fff;
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        -webkit-transition: all .5s ease .3s;
        transition: all .5s ease .3s
    }

        .landing-main-description .text-box > :first-child {
            margin-top: 0
        }

        .landing-main-description .text-box > :last-child {
            margin-bottom: 0
        }

    .landing-main-description .title {
        font-weight: 700;
        font-size: 38px;
        line-height: 1.215em;
        color: #fff;
        margin: 0
    }

    .landing-main-description .btn {
        display: table;
        margin: 67px auto 0;
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        -webkit-transition: all .2s ease,transform .5s ease .45s,opacity .5s ease .45s;
        transition: all .2s ease,transform .5s ease .45s,opacity .5s ease .45s
    }

.page-banner.no-indent + .nav-inner {
    margin: 42px 0 0
}

.nav-inner.no-indent {
    margin-bottom: 0
}

.landing-page .nav-inner + * {
    margin-top: 0
}

.landing-page .nav-inner + #object-inner-box #object-inner-slider {
    margin-top: 0
}

.tabs-box {
    margin: 42px 0
}

.page-banner .tabs-box {
    margin: 41px 0 0;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s ease .45s;
    -moz-transition: all .5s ease .45s;
    transition: all .5s ease .45s
}

.pace-done .page-banner .tabs-box, .page-load .page-banner .tabs-box {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tabs-list {
    line-height: 0;
    text-align: left;
    /*text-align: justify;
    width: 350px;*/
    margin: 0;
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(255,255,255,.5)
}

.page-banner .tabs-list {
    margin: 0 0 4px
}

.tabs-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 17px;
    line-height: 1em;
    color: #fff;
    padding: 0;
    margin: 0;
    opacity: .8;
    background: 0 0;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 20px;
}

    .tabs-list li.current {
        opacity: 1
    }

        .tabs-list li.current:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -14px;
            height: 4px;
            width: 100%;
/*            background: var(--main-bg-color);*/
            background: #fff;
        }

.tabs-list:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both
}

.tab-content {
    display: none
}

    .tab-content.current {
        display: block
    }

.page-banner .tab-content .inline-fields {
    margin: 0
}

.no-touchevents .gradient-box .layout-grid .animate, .no-touchevents .gradient-box .layout-grid .quick-animate, .no-touchevents .load-control .animate {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.no-touchevents .gradient-box.visible .layout-grid .animate, .no-touchevents .gradient-box.visible .layout-grid .quick-animate, .no-touchevents .pace-done .load-control .animate, .no-touchevents .page-load .load-control .animate {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease 1s;
    -moz-transition: all .5s ease 1s;
    transition: all .5s ease 1s
}

.no-touchevents .gradient-box.visible .layout-grid .quick-animate {
    -webkit-transition: all .5s ease .4s;
    -moz-transition: all .5s ease .4s;
    transition: all .5s ease .4s
}

.anchors-nav {
    text-align: center;
    margin: 42px 0;
    padding: 0 0 13px;
    border-bottom: 1px solid #ebebeb
}

.page-banner + .anchors-nav {
    margin: -23px 0 88px
}

.anchors-nav ol {
    counter-reset: li;
    margin: 0
}

.anchors-nav li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.45em;
    padding: 0 0 0 18px;
    margin: 0 9px 6px
}

    .anchors-nav li a {
        color: #7d8185;
        border-bottom: 1px dotted #999
    }

    .anchors-nav li:before {
        content: counter(li,decimal-leading-zero);
        counter-increment: li;
        top: 2px;
        left: 0;
        font-weight: 700;
        font-size: 11px;
        color: #acb1b5;
        opacity: .8
    }

.layout-grid {
    font-size: 0;
    margin: 42px -10px 0;
    text-align: left
}

    .layout-grid.width-2-percents {
        margin-left: -16px;
        margin-right: -16px
    }

.h2 + .layout-grid, h2 + .layout-grid {
    margin-top: 70px
}

.gradient-box .h2 + .layout-grid, .gradient-box h2 + .layout-grid {
    margin-top: 50px
}

.layout-grid.articles, .layout-grid.objects {
    margin-top: 37px
}

.layout-grid.center {
    text-align: center
}

.layout-grid .grid-col {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.6em;
    color: #43484e;
    width: 100%;
    padding: 0 10px;
    margin: 0 0 44px
}

.articles.lazy-load .grid-col, .employees-list .grid-col, .layout-grid.infinity-loaded .grid-col {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

    .articles.lazy-load .grid-col.hidden, .employees-list .grid-col.hidden, .layout-grid.infinity-loaded .grid-col.hidden {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.layout-grid.small-col-indent .grid-col {
    margin-bottom: 22px
}

.grid-20-percents .grid-col {
    width: 20%;
    padding: 0 16px
}

.grid-25-percents .grid-col {
    width: 25%
}

.grid-33-percents .grid-col {
    width: 33.33333%
}

.grid-50-percents .grid-col {
    width: 50%
}

.layout-grid .grid-col.width-50-percents {
    width: 50%
}

.layout-grid .h5, .layout-grid h5 {
    margin: 0 0 10px
}

.layout-grid p {
    margin: 10px 0 14px
}

.layout-grid .grid-col > :last-child {
    margin-bottom: 0
}

.layout-grid .grid-col > .img {
    position: relative;
    display: block;
    margin: 0 0 24px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 10px 0 rgba(24,24,24,.2);
    -moz-box-shadow: 0 8px 10px 0 rgba(24,24,24,.2);
    box-shadow: 0 8px 10px 0 rgba(24,24,24,.2)
}

.layout-grid .grid-col > a.img:before {
    content: '';
    position: absolute;
    z-index: 5;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    background: #2cd9c0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.layout-grid .grid-col.on-hover > a.img:before, .no-touchevents .layout-grid .grid-col > a.img:hover:before {
    opacity: .8
}

.layout-grid .grid-col > a.img:after {
    content: '';
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    width: 39px;
    height: 26px;
    margin: -13px 0 0 -20px;
    background: url("../icons/article-hover-arrow.png") no-repeat 0 0;
    -webkit-transform: translate3d(-30px,0,0);
    -moz-transform: translate3d(-30px,0,0);
    -ms-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,0,0);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.layout-grid .grid-col.on-hover > a.img:after, .no-touchevents .layout-grid .grid-col > a.img:hover:after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

.layout-grid .grid-col > .img img {
    margin: 0
}

.no-touchevents .layout-grid .grid-col > .img:hover {
    opacity: 1
}

.layout-grid .img + .h6, .layout-grid .img + h6 {
    margin: 0 0 11px
}

.layout-grid .h6 a, .layout-grid h6 a {
    color: #333
}

.layout-grid .grid-col.on-hover .h6 a, .layout-grid .grid-col.on-hover h6 a, .no-touchevents .layout-grid .h6 a:hover, .no-touchevents .layout-grid h6 a:hover {
    color: var(--main-bg-color);
    opacity: 1
}

.layout-grid.articles p {
    margin: 0 0 12px 22px
}

.layout-grid.objects p {
    margin: 0 0 12px
}

.layout-grid.articles .subjects, .layout-grid.objects .subjects {
    font-size: 14px;
    margin: 19px 0 0 22px
}

.layout-grid.objects .subjects {
    margin: 19px 0 0 0
}

.layout-grid .subjects .subject {
    margin: 0 13px 6px 0
}

.meta {
    font-weight: 700
}

    .meta p {
        margin: 0 0 10px
    }

        .meta p:last-child {
            margin: 0
        }

    .meta a[href^=tel] {
        color: #43484e
    }

    .meta [class*=" icon-"]:before, .meta [class^=icon-]:before {
        width: 26px;
        text-align: left;
        margin-right: 11px;
        color: var(--main-bg-color)
    }

    .meta.bg span {
        display: inline-block;
        vertical-align: top;
        font-weight: 400;
        font-size: 11px;
        line-height: 1.275em;
        color: #fff;
        text-transform: uppercase;
        margin: 0 6px 10px 0;
        padding: 7px 14px 5px;
        background: var(--main-bg-color);
        background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%)
    }

.layout-grid.objects .meta.bg {
    margin: -8px 0 -4px
}

.layout-grid.objects .h6, .layout-grid.objects h6 {
    margin: 0 0 11px
}

.no-touchevents .layout-grid.employees-list .on-hover .link {
    opacity: .7
}

.layout-grid.employees-list .h5, .layout-grid.employees-list h5 {
    color: #777;
    margin: 0;
}

    .layout-grid.employees-list .h5 a, .layout-grid.employees-list h5 a {
        color: #333;
        opacity: 1 !important
    }

.no-touchevents .layout-grid.employees-list .on-hover .h5 a, .no-touchevents .layout-grid.employees-list .on-hover h5 a {
    color: var(--main-bg-color)
}

.employees-in-static {
    margin: 120px -189px 120px
}

.chess-grid {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .chess-grid .row {
        display: table-row
    }

    .chess-grid .col {
        display: table-cell;
        vertical-align: middle;
        height: 428px;
        padding: 30px 50px 30px 24px;
        background: url("../icons/gradient-box-bg.png") repeat-x top
    }

    .chess-grid .row:nth-child(even) .col {
        padding: 30px 24px 30px 38px
    }

    .chess-grid .col.with-bg {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .chess-grid .row:nth-child(odd) .max-w {
        float: right;
        max-width: 570px
    }

.no-touchevents .chess-grid .row:nth-child(even) .col.with-bg, .no-touchevents .chess-grid .row:nth-child(odd) .max-w {
    opacity: 0;
    -webkit-transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
}

.chess-grid .row:nth-child(even) .max-w {
    max-width: 520px
}

.no-touchevents .chess-grid .row:nth-child(even) .max-w, .no-touchevents .chess-grid .row:nth-child(odd) .col.with-bg {
    opacity: 0;
    -webkit-transform: translate3d(50px,0,0);
    -moz-transform: translate3d(50px,0,0);
    -ms-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0)
}

.chess-grid .row.visible .max-w, .no-touchevents .chess-grid .visible .col.with-bg {
    opacity: 1 !important;
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transition: all .5s ease .2s;
    -moz-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.chess-grid .h2, .chess-grid h2 {
    margin-top: 0
}

.chess-grid .show-mobile {
    display: none
}

.chess-grid .max-w > :last-child {
    margin-bottom: 0
}

.alone-content-object {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.no-touchevents .alone-content-object {
    background-attachment: fixed
}

.alone-content-object:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(bottom,#000 0,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom,#000 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
    opacity: .5
}

.alone-content-object .align-b {
    width: 100%;
    height: 680px;
    padding: 100px 0 54px;
    color: #fff
}

.alone-content-object .max-w {
    max-width: 520px
}

.alone-content-object .h2, .alone-content-object h2 {
    color: #fff;
    margin-top: 0
}

.alone-content-object img {
    margin: 0;
    width: 100%;
    min-height: 320px
}

.download-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.325em;
    padding: 12px 0 0 63px
}

    .download-item a {
        position: relative;
        color: #333;
        border-bottom: 1px solid rgba(51,51,51,.3)
    }

.no-touchevents .download-item a:hover {
    border-bottom-color: transparent
}

.download-item a:before {
    content: '';
    position: absolute;
    left: -63px;
    top: -12px;
    width: 39px;
    height: 53px;
    background: url("../icons/download-item-icon.png") no-repeat 0 0
}

.download-item .format {
    font-weight: 400;
    font-size: 15px;
    line-height: 1em;
    color: #71777d;
    margin: 11px 0 0
}

.text-video-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 42px 0
}

    .text-video-box .col {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .text-video-box .text-col {
        padding-right: 40px
    }

    .text-video-box .col :first-child {
        margin-top: 0
    }

    .text-video-box .col :last-child {
        margin-bottom: 0
    }

.twin-icon {
    position: relative;
    margin: -3px 0 9px;
    line-height: 0;
    height: 64px
}

    .twin-icon .sub-box {
        position: relative;
        display: inline-block;
        vertical-align: top;
        line-height: 0
    }

    .twin-icon svg {
        width: auto;
        height: 64px
    }

    .twin-icon .twin {
        position: absolute;
        z-index: -1;
        left: 50%;
        top: -19px;
        width: auto;
        height: 100px;
        max-width: 100px;
        max-height: 100px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.load-control .layout-grid .twin-icon, .no-touchevents .gradient-box .layout-grid .twin-icon.quick-animate, .no-touchevents .gradient-box .layout-grid .usual-icon.animate {
    opacity: 0
}

.touchevents .load-control .layout-grid .twin-icon {
    opacity: 1
}

.no-touchevents .gradient-box .layout-grid .usual-icon.animate, .no-touchevents .gradient-box.visible .layout-grid .usual-icon.quick-animate, .no-touchevents .load-control .layout-grid .twin-icon {
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.no-touchevents .gradient-box.visible .layout-grid .twin-icon.quick-animate, .no-touchevents .gradient-box.visible .layout-grid .usual-icon.animate, .no-touchevents .gradient-box.visible .layout-grid .usual-icon.quick-animate, .no-touchevents .pace-done .layout-grid .twin-icon, .no-touchevents .page-load .layout-grid .twin-icon {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease .8s;
    -moz-transition: all .5s ease .8s;
    transition: all .5s ease .8s
}

.no-touchevents .gradient-box.visible .layout-grid .twin-icon.quick-animate, .no-touchevents .gradient-box.visible .layout-grid .usual-icon.quick-animate {
    -webkit-transition: all .5s ease .2s;
    -moz-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.twin-icon .twin * {
    stroke: none;
    fill: #f4f6f7
}

.inclined-bg-box .twin-icon svg * {
    fill: #fff
}

.inclined-bg-box .twin-icon .twin * {
    fill: #fff;
    opacity: .1
}

.usual-icon {
    height: 64px;
    font-size: 0;
    margin: 0 0 4px
}

    .usual-icon:before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }

    .usual-icon img {
        margin: 0;
        display: inline-block;
        vertical-align: middle
    }

.inclined-bg-box {
    position: relative;
    font-size: 18px;
    line-height: 1.666666666666667em;
    color: #fff;
    min-height: 557px;
    padding: 121px 0 0;
    margin: 0 0 77px
}

    .inclined-bg-box.not-slanted {
        padding: 63px 0 60px
    }

.no-touchevents .inclined-bg-box.js-view-checker .header {
    opacity: 0;
    -webkit-transform: translate3d(0,-30px,0);
    -moz-transform: translate3d(0,-30px,0);
    -ms-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)
}

.no-touchevents .inclined-bg-box.js-view-checker.visible .header {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease .3s;
    -moz-transition: all .7s ease .3s;
    transition: all .7s ease .3s
}

.inclined-bg-box .header .max-w {
    max-width: 620px;
    margin: 0 auto
}

.inclined-bg-box .h2, .inclined-bg-box h2 {
    color: #fff;
    max-width: 1020px;
    margin: 0 auto 14px
}

.inclined-bg-box p {
    margin: 0 0 14px
}

.inclined-bg-box .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 557px;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden
}

.inclined-bg-box.not-slanted .bg {
    height: 100%
}

.inclined-bg-box.fluid-bg .bg {
    height: 100%
}

.no-touchevents .inclined-bg-box .bg {
    background-attachment: fixed
}

.inclined-bg-box .bg:after, .inclined-bg-box .bg:before {
    content: '';
    position: absolute;
    left: -10%;
    top: -153px;
    width: 120%;
    height: 200px;
    background: #fff;
    transform-origin: center top;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.inclined-bg-box .bg:after {
    top: auto;
    bottom: -230px;
    height: 300px;
    -webkit-transform: rotate(-3.55deg);
    -ms-transform: rotate(-3.55deg);
    transform: rotate(-3.55deg)
}

.inclined-bg-box.not-slanted .bg:after, .inclined-bg-box.not-slanted .bg:before {
    display: none
}

.inclined-bg-box .layout-grid {
    margin-top: 59px
}

.no-touchevents .inclined-bg-box.js-view-checker .layout-grid .grid-col {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.no-touchevents .inclined-bg-box.js-view-checker.visible .layout-grid .grid-col {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease .8s;
    -moz-transition: all .7s ease .8s;
    transition: all .7s ease .8s
}

    .no-touchevents .inclined-bg-box.js-view-checker.visible .layout-grid .grid-col.small-delay {
        -webkit-transition: all .7s ease .5s;
        -moz-transition: all .7s ease .5s;
        transition: all .7s ease .5s
    }

.no-touchevents .inclined-bg-box .sub-animate {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform-origin: center top;
    -webkit-transform: skewY(-3.75deg);
    -ms-transform: skewY(-3.75deg);
    transform: skewY(-3.75deg)
}

.no-touchevents .inclined-bg-box.not-slanted .sub-animate {
    -webkit-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0)
}

.no-touchevents .inclined-bg-box.visible .sub-animate {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -webkit-transform: translate3d(0,100%,0) skewY(-3.75deg);
    -moz-transform: translate3d(0,100%,0) skewY(-3.75deg);
    -ms-transform: translate3d(0,100%,0) skewY(-3.75deg);
    transform: translate3d(0,100%,0) skewY(-3.75deg)
}

.no-touchevents .inclined-bg-box.visible.not-slanted .sub-animate {
    -webkit-transform: translate3d(0,100%,0) skewY(0);
    -moz-transform: translate3d(0,100%,0) skewY(0);
    -ms-transform: translate3d(0,100%,0) skewY(0);
    transform: translate3d(0,100%,0) skewY(0)
}

.inclined-bg-box.only-layout-grid .layout-grid:last-child {
    margin-bottom: 80px
}

.inclined-bg-box.not-slanted .layout-grid .grid-col, .inclined-bg-box.only-layout-grid .layout-grid .grid-col {
    color: #fff
}

    .inclined-bg-box.not-slanted .layout-grid .grid-col .h5, .inclined-bg-box.not-slanted .layout-grid .grid-col h5, .inclined-bg-box.only-layout-grid .layout-grid .grid-col .h5, .inclined-bg-box.only-layout-grid .layout-grid .grid-col h5 {
        color: #fff
    }

.indicators-list {
    margin-bottom: 42px
}

.no-touchevents .js-view-checker .indicators-list .grid-col {
    opacity: 0;
    -webkit-transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
}

.no-touchevents .js-view-checker.visible .indicators-list .grid-col {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(2) {
        -webkit-transition: all .3s ease .3s;
        -moz-transition: all .3s ease .3s;
        transition: all .3s ease .3s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(3) {
        -webkit-transition: all .3s ease .4s;
        -moz-transition: all .3s ease .4s;
        transition: all .3s ease .4s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(4) {
        -webkit-transition: all .3s ease .5s;
        -moz-transition: all .3s ease .5s;
        transition: all .3s ease .5s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(5) {
        -webkit-transition: all .3s ease .6s;
        -moz-transition: all .3s ease .6s;
        transition: all .3s ease .6s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(6) {
        -webkit-transition: all .3s ease .7s;
        -moz-transition: all .3s ease .7s;
        transition: all .3s ease .7s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(7) {
        -webkit-transition: all .3s ease .8s;
        -moz-transition: all .3s ease .8s;
        transition: all .3s ease .8s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(8) {
        -webkit-transition: all .3s ease .9s;
        -moz-transition: all .3s ease .9s;
        transition: all .3s ease .9s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(9) {
        -webkit-transition: all .3s ease 1s;
        -moz-transition: all .3s ease 1s;
        transition: all .3s ease 1s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(10) {
        -webkit-transition: all .3s ease 1.1s;
        -moz-transition: all .3s ease 1.1s;
        transition: all .3s ease 1.1s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(11) {
        -webkit-transition: all .3s ease 1.2s;
        -moz-transition: all .3s ease 1.2s;
        transition: all .3s ease 1.2s
    }

    .no-touchevents .js-view-checker.visible .indicators-list .grid-col:nth-child(12) {
        -webkit-transition: all .3s ease 1.3s;
        -moz-transition: all .3s ease 1.3s;
        transition: all .3s ease 1.3s
    }

.indicator {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1)
}

.indicators-list .indicator:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 40px;
    left: -900px;
    width: 3000px;
    height: 114px;
    background: url("../icons/x-dot-bg.png") repeat 100% 100%;
    background-position: 0 0;
    display: none
}

.indicators-list .grid-col:nth-child(4n-3) .indicator:after {
    display: block
}

.indicator .align-m {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625em;
    color: #5f656c;
    text-align: center;
    height: 188px;
    width: 100%;
    padding: 24px 16px 29px
}

.indicator .num {
    display: block;
    font-weight: 300;
    font-size: 44px;
    line-height: 1.275em;
    color: var(--main-bg-color)
}

.indicator p {
    margin: 0
}

    .indicator p:first-of-type:before {
        content: '';
        display: block;
        width: 3px;
        height: 18px;
        margin: 2px auto 7px;
        background: var(--main-bg-color);
        opacity: .2
    }

.mirror-icons-list {
    text-align: left;
    margin: 42px auto;
    max-width: 1030px
}

.inclined-bg-box .mirror-icons-list {
    margin: 63px auto 42px
}

    .inclined-bg-box .mirror-icons-list:first-child {
        margin-top: 14px
    }

.mirror-icons-list .item {
    position: relative;
    font-size: 0;
    padding: 0 0 0 150px;
    margin: 0 0 39px
}

    .mirror-icons-list .item:nth-child(even) {
        padding: 0 150px 0 0
    }

.rounded-icon {
    position: relative;
    display: block;
    width: 104px;
    height: 104px;
    margin: 24px 0;
    padding: 9px 0 0;
    background: rgba(255,255,255,.4);
    font-size: 26px;
    color: #333;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px
}

    .rounded-icon.large {
        width: 236px;
        height: 236px;
        padding: 16px 0 0;
        -webkit-border-radius: 155px;
        -moz-border-radius: 155px;
        border-radius: 155px;
        background: rgba(229,231,233,.4)
    }

.mirror-icons-list .rounded-icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -52px 0 0
}

.mirror-icons-list .item:nth-child(even) .rounded-icon {
    left: auto;
    right: 0
}

.rounded-icon:before {
    content: '';
    display: block;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    background: #1dcab1;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.15),inset 0 0 18px 0 rgba(16,131,115,.4);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.15),inset 0 0 18px 0 rgba(16,131,115,.4);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.15),inset 0 0 18px 0 rgba(16,131,115,.4)
}

.rounded-icon.large:before {
    width: 204px;
    height: 204px;
    -webkit-border-radius: 145px;
    -moz-border-radius: 145px;
    border-radius: 145px
}

.rounded-icon:after {
    content: '';
    position: absolute;
    z-index: 3;
    width: 60px;
    height: 60px;
    top: 22px;
    left: 22px;
    background: #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3)
}

.rounded-icon.large:after {
    left: 34px;
    top: 34px;
    width: 168px;
    height: 168px;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    border-radius: 85px
}

.rounded-icon .icon {
    position: absolute;
    z-index: 5;
    top: 22px;
    left: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    padding: 0;
    text-align: center
}

.rounded-icon.large .icon {
    left: 34px;
    top: 34px;
    width: 168px;
    height: 168px;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    border-radius: 85px;
    overflow: hidden
}

.rounded-icon .icon:before {
    position: relative;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.rounded-icon.has-img .icon:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
    width: 0
}

.rounded-icon.large.has-img .icon img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    max-width: 80%
}

.mirror-icons-list .text {
    position: relative;
    font-size: 19px;
    line-height: 1.578947368421053em;
    color: #333;
    padding: 30px 4.8% 34px 34px;
    border-right: 4px solid var(--main-bg-color);
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

.mirror-icons-list .item:nth-child(even) .text {
    border: none;
    border-left: 4px solid var(--main-bg-color)
}

.mirror-icons-list .text p {
    margin: 0 0 10px
}

.mirror-icons-list .text > :last-child {
    margin-bottom: 0
}

.mirror-icons-list .text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mirror-icons-list .item:nth-child(even) .text:after {
    left: auto;
    right: -8px
}

.inclined-icon {
    position: relative;
    height: 315px;
    font-size: 0;
    text-align: center
}

.layout-grid .inclined-icon {
    margin: 0 0 51px
}

.inclined-bg-box.not-slanted .inclined-icon {
    margin-bottom: 43px
}

.inclined-icon svg {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 146px;
    height: 146px
}

.no-touchevents .js-animate-icons svg {
    opacity: 0
}

.no-touchevents .js-animate-icons.visible svg {
    opacity: 1
}

.inclined-icon:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: skewY(-6.75deg);
    -ms-transform: skewY(-6.75deg);
    transform: skewY(-6.75deg);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

.inclined-bg-box.not-slanted .inclined-icon:before {
    -webkit-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0)
}

.inclined-icon:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 22px;
    bottom: -35px;
    width: 3px;
    height: 57px;
    background: var(--main-bg-color)
}

.inclined-bg-box.not-slanted .inclined-icon:after {
    bottom: -28px;
    opacity: .5;
    background: #0a7667
}

.edge .inclined-icon .cube-svg *, .edge .inclined-icon .glasses-svg *, .not-ie .inclined-icon .cube-svg *, .not-ie .inclined-icon .glasses-svg * {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000
}

.edge .visible.inclined-icon .glasses-svg *, .not-ie .visible.inclined-icon .glasses-svg * {
    animation: dash 2.5s linear forwards;
    animation-delay: 1.2s
}

.touchevents .visible.inclined-icon .glasses-svg * {
    animation-delay: .2s !important
}

.edge .visible.inclined-icon .glasses-svg .vr, .edge .visible.inclined-icon .glasses-svg line, .not-ie .visible.inclined-icon .glasses-svg .vr, .not-ie .visible.inclined-icon .glasses-svg line {
    animation: dash 12s linear forwards;
    animation-delay: 2.2s
}

.touchevents .visible.inclined-icon .glasses-svg .vr, .touchevents .visible.inclined-icon .glasses-svg line {
    animation-delay: 1.2s !important
}

.inclined-icon .cube-svg {
    width: 160px;
    height: 160px
}

.edge .visible.inclined-icon .cube-svg *, .not-ie .visible.inclined-icon .cube-svg * {
    animation: dash 3s linear forwards;
    animation-delay: 1s
}

.touchevents .visible.inclined-icon .cube-svg * {
    animation-delay: .2s !important
}

.edge .visible.inclined-icon .cube-svg .delay, .not-ie .visible.inclined-icon .cube-svg .delay {
    animation-delay: 1.5s;
    opacity: 1
}

.touchevents .visible.inclined-icon .cube-svg .delay {
    animation-delay: .7s !important
}

.edge .visible.inclined-icon .cube-svg .arrow, .not-ie .visible.inclined-icon .cube-svg .arrow {
    animation: dash 5s linear forwards;
    animation-delay: 2.5s
}

.touchevents .visible.inclined-icon .cube-svg .arrow {
    animation-delay: 1.7s !important
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

.inclined-img {
    position: relative;
    font-size: 0;
    text-align: center
}

.layout-grid .inclined-img {
    margin: 0 auto 34px;
    max-width: 295px
}

.inclined-img .sub-box {
    display: block;
    position: relative;
    overflow: hidden
}

    .inclined-img .sub-box:after, .inclined-img .sub-box:before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 50%;
        top: -8px;
        width: 310px;
        height: 45px;
        margin: 0 0 0 -155px;
        background: url("../icons/inclined-img-corners.png") no-repeat 0 0
    }

    .inclined-img .sub-box:after {
        top: auto;
        bottom: -7px;
        background-position: 0 100%
    }

.inclined-img img {
    margin: 0 auto
}

.inclined-img.has-line:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 22px;
    bottom: -18px;
    width: 3px;
    height: 57px;
    background: var(--main-bg-color)
}

.employee-of-month, .medal-label {
    position: relative;
    display: table;
    align-items: center;
    font-size: 13px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-align: left
}

.employee-of-month {
    z-index: 4
}

    .employee-of-month span, .medal-label span {
        display: flex;
        align-items: center;
        min-height: 41px;
        max-width: 144px;
        padding: 6px 0
    }

.inclined-img .labels-box {
    position: absolute;
    z-index: 100;
    bottom: -10px;
    right: 33px;
    left: 54px
}

    .inclined-img .labels-box > * {
        margin-top: 3px
    }

.inclined-img .employee-of-month {
    position: absolute;
    z-index: 100;
    bottom: 4px;
    right: 33px
}

.inclined-img .labels-box .employee-of-month, .inclined-img .labels-box .medal-label {
    position: relative;
    bottom: auto;
    right: auto;
    display: table;
    margin-left: auto
}

.inclined-img .labels-box .medal-label {
    padding-left: 26px
}

    .employee-of-month:before, .inclined-img .labels-box .medal-label:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: -15px;
        right: -15px;
        bottom: 0;
        background: #11ac96;
        -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
        -webkit-box-shadow: 0 10px 30px 0 rgba(2,67,58,.4);
        -moz-box-shadow: 0 10px 30px 0 rgba(2,67,58,.4);
        box-shadow: 0 10px 30px 0 rgba(2,67,58,.4)
    }

    .inclined-img .labels-box .medal-label:before {
        background: #ecbb00
    }

    .inclined-img .labels-box .medal-label:after {
        content: '';
        position: absolute;
        z-index: 2;
        left: -2px;
        top: 50%;
        width: 21px;
        height: 21px;
        margin: -11px 0 0;
        background: url("../icons/medal-label-icon.svg") no-repeat 0 0/21px auto
    }

.inclined-corners-box {
    position: relative;
    z-index: 10;
    padding: 0 0 41px;
    margin: 0;
    background: #272727;
    color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

.no-touchevents .inclined-corners-box:after {
    content: '';
    position: absolute;
    z-index: 100;
    top: -30px;
    left: 0;
    width: 100%;
    bottom: -30px;
    background: #fff;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease
}

.no-touchevents .inclined-corners-box.visible:after {
    -webkit-transform: translate3d(110%,0,0);
    -moz-transform: translate3d(110%,0,0);
    -ms-transform: translate3d(110%,0,0);
    transform: translate3d(110%,0,0)
}

.inclined-corners-box .header {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 46px 0 0;
    max-width: 674px;
    margin: 0 auto
}

.no-max-w {
    max-width: none !important
}

.no-touchevents .inclined-corners-box .header {
    opacity: 0;
    -webkit-transform: translate3d(0,-15px,0);
    -moz-transform: translate3d(0,-15px,0);
    -ms-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)
}

.no-touchevents .inclined-corners-box.visible .header {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    transition: all .7s ease .5s
}

.inclined-corners-box .header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    -ms-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    height: 4px;
    background: var(--main-bg-color)
}

.touchevents .inclined-corners-box .header:before {
    width: 100%
}

.no-touchevents .inclined-corners-box .header:before {
    width: 0;
    -webkit-transition: all .7s ease 1s;
    -moz-transition: all .7s ease 1s;
    transition: all .7s ease 1s
}

.no-touchevents .inclined-corners-box.visible .header:before {
    width: 100%
}

.inclined-corners-box .h2, .inclined-corners-box h2 {
    margin-top: 0
}

.inclined-corners-box .h3, .inclined-corners-box h3 {
    font-weight: 500;
    line-height: 1.290322580645161em;
    color: #fff;
    margin: 0
}

    .inclined-corners-box .h3 small, .inclined-corners-box h3 small {
        display: block;
        font-weight: 300;
        font-size: 28px;
        margin: 12px 0 0
    }

    .inclined-corners-box .h3 + .h4, .inclined-corners-box .h3 + .realtor, .inclined-corners-box .h3 + h4, .inclined-corners-box h3 + .h4, .inclined-corners-box h3 + .realtor, .inclined-corners-box h3 + h4 {
        z-index: 2;
        margin: 12px 0 0
    }

.inclined-corners-box .sub-text {
    margin: 48px 0 42px
}

    .inclined-corners-box .sub-text > :last-child {
        margin-bottom: 0
    }

.inclined-corners-box .h4, .inclined-corners-box .realtor, .inclined-corners-box h4 {
    font-weight: 300;
    color: #fff;
    margin: 0 0 16px
}

.inclined-corners-box .realtor {
    font-size: 28px;
    line-height: 1.428571428571429em
}

.no-touchevents .inclined-corners-box .h4, .no-touchevents .inclined-corners-box .realtor, .no-touchevents .inclined-corners-box h4 {
    opacity: 0
}

.no-touchevents .inclined-corners-box.visible .h4, .no-touchevents .inclined-corners-box.visible .realtor, .no-touchevents .inclined-corners-box.visible h4 {
    opacity: 1;
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    transition: all .7s ease .5s
}

.inclined-corners-box .form:not(.inline-fields) {
    max-width: 420px;
    margin: 0 auto 8px
}

.inclined-corners-box .header + .form {
    margin-top: 40px
}

.no-touchevents .inclined-corners-box .form {
    opacity: 0;
    -webkit-transform: translate3d(0,15px,0);
    -moz-transform: translate3d(0,15px,0);
    -ms-transform: translate3d(0,15px,0);
    transform: translate3d(0,15px,0)
}

.no-touchevents .inclined-corners-box.visible .form {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    transition: all .7s ease .5s
}

.inclined-corners-box .form .checkbox-item {
    margin: 14px 0;
    text-align: left
}

    .inclined-corners-box .form .checkbox-item input[type=checkbox] + label, .inclined-corners-box .form .radio-item input[type=radio] + label {
        color: #fff
    }

.inclined-corners-box .corners {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.inclined-corners-box .container:after, .inclined-corners-box .container:before {
    content: '';
    position: absolute;
    z-index: -1;
    height: 154px;
    width: 900px;
    top: -18px;
    left: -942px;
    background: #3f3f3f;
    opacity: .2
}

.no-touchevents .inclined-corners-box .container:before {
    -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
    -ms-transform: translate3d(-100%,0,0) skewX(-30deg);
    transform: translate3d(-100%,0,0) skewX(-30deg)
}

.inclined-corners-box .container:after {
    left: auto;
    right: -942px;
    top: auto;
    bottom: -61px;
    height: 246px
}

.no-touchevents .inclined-corners-box .container:after {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    -ms-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg)
}

.inclined-corners-box.no-indent .container:after {
    bottom: -82px
}

.no-touchevents .inclined-corners-box.visible .container:after, .no-touchevents .inclined-corners-box.visible .container:before {
    -webkit-transform: translate3d(0,0,0) skewX(-30deg);
    -ms-transform: translate3d(0,0,0) skewX(-30deg);
    transform: translate3d(0,0,0) skewX(-30deg);
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    transition: all .7s ease .5s
}

.touchevents .inclined-corners-box .container:after, .touchevents .inclined-corners-box .container:before {
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.inclined-corners-box .inclined-dots {
    position: absolute;
    left: 50%;
    top: -16px;
    height: 16px;
    width: 1246px;
    margin: 0 0 0 -623px
}

.has-bg-text {
    position: relative;
    z-index: 1
}

    .has-bg-text .bg-text {
        position: absolute;
        z-index: -1;
        left: 50%;
        top: -48px;
        font-weight: 700;
        font-size: 118.54px;
        line-height: 1em;
        color: #333;
        opacity: .3;
        -webkit-transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        cursor: default;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none
    }

    .has-bg-text.large .bg-text {
        font-size: 150px;
        top: -64px
    }

    .has-bg-text.light-bg .bg-text {
        color: #f0f2f4;
        opacity: .7
    }

.light {
    color: #fff
}

.inclined-action-box {
    position: relative;
    margin: 0 0 126px
}

    .inclined-action-box .inclined-dots {
        position: absolute;
        z-index: -1;
        left: -40px;
        bottom: -76px;
        height: 154px;
        width: calc(100% - 136px);
        -webkit-transform: skewX(-32deg);
        -ms-transform: skewX(-32deg);
        transform: skewX(-32deg)
    }

    .inclined-action-box .header {
        position: relative;
        z-index: 2;
        font-weight: 300;
        font-size: 23px;
        line-height: 1.4em;
        color: #43484e;
        margin: 0 0 19px
    }

.no-touchevents .inclined-action-box .header {
    opacity: 0;
    -webkit-transform: translate3d(0,-30px,0);
    -moz-transform: translate3d(0,-30px,0);
    -ms-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)
}

.no-touchevents .inclined-action-box.visible .header {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease .3s;
    -moz-transition: all .7s ease .3s;
    transition: all .7s ease .3s
}

.inclined-action-box .header:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 3px;
    height: 27px;
    margin: 0 0 0 -1px;
    background: var(--main-bg-color)
}

.inclined-action-box .header > * {
    position: relative;
    z-index: 2
}

.inclined-action-box .icon {
    max-width: 180px;
    margin: 0 auto 10px
}

    .inclined-action-box .icon img, .inclined-action-box .icon svg {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

.inclined-action-box .header .h2, .inclined-action-box .header h2 {
    z-index: 1;
    line-height: 1.4em;
    margin: 0 0 17px
}

.inclined-action-box .bg-text {
    top: -42px;
    color: #f0f2f4;
    opacity: .71
}

.inclined-action-box .header p {
    margin: 0 0 10px
}

.inclined-action-box .header > :last-child {
    margin-bottom: 0 !important
}

.inclined-action-box .content-box {
    position: relative;
    z-index: 3
}

    .inclined-action-box .content-box:after, .inclined-action-box .content-box:before {
        content: '';
        position: absolute;
        z-index: -11;
        top: 8px;
        bottom: -31px;
        left: -1358px;
        width: 1500px;
        background: #eff1f3;
        -webkit-transform: skewX(-32deg) translate3d(0,0,0);
        -ms-transform: skewX(-32deg) translate3d(0,0,0);
        transform: skewX(-32deg) translate3d(0,0,0)
    }

.no-touchevents .inclined-action-box .content-box:before {
    -webkit-transform: skewX(-32deg) translate3d(100%,0,0);
    -ms-transform: skewX(-32deg) translate3d(100%,0,0);
    transform: skewX(-32deg) translate3d(100%,0,0)
}

.inclined-action-box .content-box:after {
    top: -23px;
    bottom: -92px;
    left: auto;
    right: -1421px
}

.no-touchevents .inclined-action-box .content-box:after {
    -webkit-transform: skewX(-32deg) translate3d(-100%,0,0);
    -ms-transform: skewX(-32deg) translate3d(-100%,0,0);
    transform: skewX(-32deg) translate3d(-100%,0,0)
}

.no-touchevents .inclined-action-box.visible .content-box:after, .no-touchevents .inclined-action-box.visible .content-box:before {
    -webkit-transform: skewX(-32deg) translate3d(0,0,0);
    -ms-transform: skewX(-32deg) translate3d(0,0,0);
    transform: skewX(-32deg) translate3d(0,0,0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    transition: all .7s ease
}

.inclined-action-box .content {
    position: relative;
    font-weight: 300;
    font-size: 23px;
    line-height: 1.5em;
    color: #fff;
    max-width: 1160px;
    margin: 0 auto;
    padding: 41px 40px 56px
}

.no-touchevents .inclined-action-box .content > * {
    opacity: 0
}

.no-touchevents .inclined-action-box.visible .content * {
    opacity: 1;
    -webkit-transition: all .3s ease .8s;
    -moz-transition: all .3s ease .8s;
    transition: all .3s ease .8s
}

.inclined-action-box .content:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    height: 100%;
    background: #272727;
    opacity: 1;
    width: 100%;
    -webkit-transform: skewX(-32deg) translate3d(-50%,0,0);
    -ms-transform: skewX(-32deg) translate3d(-50%,0,0);
    transform: skewX(-32deg) translate3d(-50%,0,0);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

.no-touchevents .inclined-action-box .content:before {
    width: 0;
    -webkit-transform: skewX(-32deg) translate3d(-50%,0,0);
    -ms-transform: skewX(-32deg) translate3d(-50%,0,0);
    transform: skewX(-32deg) translate3d(-50%,0,0)
}

.no-touchevents .inclined-action-box.visible .content:before {
    width: 100%;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease
}

.inclined-action-box .content p {
    margin: 0 0 14px
}

    .inclined-action-box .content p:last-child {
        margin: 0
    }

    .inclined-action-box .content p img, .inclined-action-box .content p svg {
        display: inline-block;
        vertical-align: middle;
        margin: -5px 0 0 4px
    }

.inclined-action-box .animate-btn {
    position: relative;
    z-index: 5;
    margin: -28px 0 12px
}

.no-touchevents .inclined-action-box .animate-btn {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.no-touchevents .inclined-action-box.visible .animate-btn {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .7s ease 1s;
    -moz-transition: all .7s ease 1s;
    transition: all .7s ease 1s
}

.inclined-action-box .animate-btn .btn {
    margin: 0;
    min-width: 346px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.15)
}

.inclined-dots {
    position: relative;
    height: 40px;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    overflow: hidden
}

    .inclined-dots.invert {
        -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
        transform: skewX(30deg)
    }

    .inclined-dots:before {
        content: '';
        position: absolute;
        left: -300px;
        top: 0;
        height: 100%;
        right: -300px;
        background: url("../icons/x-dot-bg.png") repeat 100% 100%;
        background-position: 0 0;
        -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
        transform: skewX(30deg)
    }

    .inclined-dots.invert:before {
        -webkit-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

.command {
    position: relative
}

.command-img {
    min-width: 0 !important;
    margin: 0 auto 30px !important
}

.full-width-img {
    min-width: 100%;
    margin: 0 0 0
}

    .full-width-img + .inclined-box {
        margin-top: 0
    }

.inclined-box {
    position: relative;
    z-index: 50;
    margin: 160px 0 210px;
    padding: 40px 0 0;
    background: #272727
}

    .inclined-box.large-inner-top-indent {
        padding-top: 90px;
        margin-top: 110px
    }

    .inclined-box.light-bg {
        background: #f6f6f6
    }

    .inclined-box.no-bottom-corner {
        margin-bottom: 0;
        padding-bottom: 150px
    }

    .inclined-box .container > :first-child {
        margin-top: 0 !important
    }

    .inclined-box:after, .inclined-box:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: -10%;
        top: -60px;
        width: 120%;
        height: 200px;
        background: #272727;
        transform-origin: center top;
        -webkit-transform: rotate(-2.31deg);
        -ms-transform: rotate(-2.31deg);
        transform: rotate(-2.31deg)
    }

    .inclined-box:after {
        top: auto;
        bottom: -100px;
        -webkit-transform: rotate(-3.9deg);
        -ms-transform: rotate(-3.9deg);
        transform: rotate(-3.9deg)
    }

    .inclined-box.light-bg:after, .inclined-box.light-bg:before {
        background: #f6f6f6
    }

    .inclined-box.no-bottom-corner:after {
        display: none
    }

    .inclined-box .header {
        padding: 30px 0 0;
        margin: 0 0 69px;
        text-align: center
    }

        .inclined-box .header .h2, .inclined-box .header h2 {
            margin: 0
        }

    .inclined-box.we-are .layout-grid .grid-col {
        font-size: 17px;
        line-height: 1.529411764705882em;
        color: #fff;
        margin-bottom: 34px
    }

    .inclined-box.we-are .layout-grid .max-w {
        margin: 0 auto
    }

.no-touchevents .inclined-box.we-are .layout-grid .grid-col p {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    -moz-transform: translate3d(0,20px,0);
    -ms-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

.no-touchevents .inclined-box.we-are .layout-grid.visible .grid-col p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease 1.2s;
    -moz-transition: all .5s ease 1.2s;
    transition: all .5s ease 1.2s
}

.inclined-box .btn-box {
    margin-bottom: 0
}

    .inclined-box .btn-box .btn {
        color: #fff
    }

.circle-dots {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto 14px;
    background: url("../icons/circle-dots.png") no-repeat 50% 0/260px 260px
}

    .circle-dots .align-m {
        height: 260px;
        width: 100%;
        padding: 18px 0 0;
        text-align: center
    }

    .circle-dots .num {
        font-weight: 700;
        font-size: 60px;
        color: #fff
    }

        .circle-dots .num small {
            font-size: 30px
        }

    .circle-dots.has-bg-text .bg-text {
        font-size: 225px;
        color: #2f2f2f;
        opacity: 1;
        top: 10px
    }

    .circle-dots .title {
        font-weight: 700;
        font-size: 44px;
        line-height: 1.235em;
        margin: 0
    }

    .circle-dots .main-text {
        font-weight: 700;
        font-size: 44px;
        line-height: 1.045454545454545em;
        margin: 0 0 15px;
        transition: none !important
    }

        .circle-dots .main-text .strong, .circle-dots .main-text strong {
            color: var(--main-bg-grad-color);
        }

    .circle-dots .sub-text {
        font-weight: 700;
        font-size: 30px;
        line-height: 1.1em;
        margin: 10px 0 20px;
        transition: none !important
    }

    .circle-dots .icon-award {
        display: block;
        padding: 0;
        margin: -28px 0 12px;
        text-align: center
    }

.no-touchevents .command .circle-dots .icon-award {
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -ms-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.no-touchevents .command .visible .circle-dots .icon-award {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease .75s;
    -moz-transition: all .5s ease .75s;
    transition: all .5s ease .75s
}

.circle-dots .icon-award:before {
    position: relative;
    display: block;
    font-size: 42px;
    color: #2cd9c0
}

.circle-dots .line {
    display: block;
    width: 86px;
    height: 2px;
    margin: 20px auto 0;
    background: #2cd9c0
}

.no-touchevents .command .circle-dots .line {
    width: 0
}

.no-touchevents .command .visible .circle-dots .line {
    width: 86px;
    -webkit-transition: all .5s ease .75s;
    -moz-transition: all .5s ease .75s;
    transition: all .5s ease .75s
}

.circle-dots .align-m > :last-child {
    margin-bottom: 0 !important
}

.circle-dots .rating-stars {
    position: relative;
    z-index: 10;
    bottom: auto;
    left: 0;
    width: 100%;
    margin: 0
}

.circle-dots .progress {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 223px;
    margin: -112px 0 0 -100px;
    background: url("../icons/progress-temp.png") no-repeat 0 0;
    background-size: 100% auto
}

.circle-dots img {
    margin: 0 auto 13px
}

    .circle-dots img.negative-indent {
        margin-top: -56px !important
    }

.circle-dots p {
    margin: 0 -10px 2px
}

.circle-dots + p {
    max-width: 262px;
    margin: 10px auto 14px
}

.rating-stars {
    display: block;
    text-align: center;
    font-size: 0;
    margin: 14px 0 30px
}

    .rating-stars svg {
        display: inline-block;
        vertical-align: top;
        width: 41px;
        height: 41px;
        margin: 0 4px
    }

    .rating-stars.small svg {
        width: 33px;
        height: 33px
    }

.no-touchevents .we-are .rating-stars svg {
    opacity: 0
}

.no-touchevents .we-are .layout-grid.visible .rating-stars svg:nth-child(4) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.no-touchevents .we-are .layout-grid.visible .rating-stars svg:nth-child(3) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.no-touchevents .we-are .layout-grid.visible .rating-stars svg:nth-child(2) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s
}

.no-touchevents .we-are .layout-grid.visible .rating-stars svg:nth-child(1) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.no-touchevents .we-are .layout-grid.visible .rating-stars svg {
    opacity: 1;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    transition: all .7s ease
}

.deal-steps .h2, .deal-steps h2, .steps-box .h2, .steps-box h2 {
    margin: 0 0 14px
}

.steps-box {
    margin: 0
}

.anchors-nav + .steps-box {
    margin-top: 126px
}

.steps-list-box {
    position: relative;
    margin: 77px 0 120px
}

.inclined-bg-box .steps-list-box {
    margin-bottom: 36px
}

.inclined-title-box + .steps-list-box {
    margin-top: -36px
}

.steps-list {
    position: relative;
    z-index: 2;
    counter-reset: item;
    text-align: left;
    margin: 0
}

    .steps-list:after {
        content: '';
        display: table;
        clear: both
    }

    .steps-list .item {
        position: relative;
        font-size: 17px;
        line-height: 1.764705882352941em;
        color: #43484e;
        float: left;
        clear: both;
        width: calc(50% - 78px)
    }

        .steps-list .item:nth-child(2n) {
            float: right
        }

        .steps-list .item:before {
            content: '';
            position: absolute;
            z-index: -3;
            top: 0;
            bottom: 0;
            right: -78px;
            width: 1px;
            background: #e7eafd
        }

        .steps-list .item:first-child:before {
            top: 50%
        }

        .steps-list .item:last-child:before {
            bottom: 50%
        }

        .steps-list .item:nth-child(2n):before {
            left: -79px
        }

        .steps-list .item .info {
            position: relative;
            padding: 28px 44px 31px;
            background: #fff;
            -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
            -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
            box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
        }

.no-touchevents .steps-list .item .info {
    opacity: 0;
    -webkit-transform: translate3d(-100px,0,0);
    -moz-transform: translate3d(-100px,0,0);
    -ms-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0)
}

.no-touchevents .steps-list .item:nth-child(2n) .info {
    -webkit-transform: translate3d(100px,0,0);
    -moz-transform: translate3d(100px,0,0);
    -ms-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0)
}

.no-touchevents .steps-list .item .info.visible {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease .2s;
    -moz-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.steps-list .info:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.steps-list .item:nth-child(2n) .info:after {
    left: -8px
}

.steps-list .item .h5, .steps-list .item h5 {
    font-size: 21px;
    line-height: 1.3em;
    text-transform: uppercase;
    margin: 0 0 10px
}

.steps-list .item p {
    margin: 0 0 14px
}

.steps-list .item .info > :last-child {
    margin-bottom: 0
}

.steps-list .item .num {
    content: '';
    font-weight: 700;
    font-size: 26px;
    line-height: 1em;
    color: #333;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: -137px;
    width: 118px;
    height: 121px;
    margin: -54px 0 0;
    padding: 40px 0 0;
    background: url("../icons/steps-num-bg.png") no-repeat 0 0;
    background-size: 100% auto
}

.no-touchevents .steps-list .item .num {
    opacity: 0
}

.steps-list .item.visible .num {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out .2s;
    -moz-transition: all .5s ease-in-out .2s;
    transition: all .5s ease-in-out .2s
}

.steps-list .item:nth-child(2n) .num {
    left: -137px
}

.steps-list .item .num:after {
    content: counter(item,decimal-leading-zero);
    counter-increment: item
}

.steps-list-box .inclined-dots {
    position: absolute;
    left: -780px;
    top: 70px;
    width: 1000px;
    height: 587px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

    .steps-list-box .inclined-dots:before {
        -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .steps-list-box .inclined-dots.right {
        top: 48px;
        left: auto;
        right: -180px;
        width: 500px;
        height: 331px
    }

.top-text-line {
    position: relative;
    display: inline-block;
    vertical-align: top
}

    .top-text-line:before {
        content: '';
        position: absolute;
        left: 0;
        top: -28px;
        height: 4px;
        width: 100%;
        background: var(--main-bg-color)
    }

.transactions-examples {
    margin: 0 0 99px
}

.info-box + .transactions-examples {
    margin-top: 126px
}

.transactions-examples .outer-dots-bg .video-box {
    margin: 10px 0 0
}

.transactions-examples blockquote {
    margin: 10px 0 0
}

.no-touchevents .animate-grid .grid-col, .no-touchevents .transactions-examples .grid-col {
    opacity: 0;
    -webkit-transform: translate3d(0,-40px,0);
    -moz-transform: translate3d(0,-40px,0);
    -ms-transform: translate3d(0,-40px,0);
    transform: translate3d(0,-40px,0)
}

    .no-touchevents .animate-grid .grid-col:nth-of-type(3n-1), .no-touchevents .transactions-examples .grid-col:nth-of-type(3n-1) {
        -webkit-transform: translate3d(100px,0,0);
        -moz-transform: translate3d(100px,0,0);
        -ms-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    .no-touchevents .animate-grid .grid-col.visible, .no-touchevents .transactions-examples .grid-col.visible {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .8s ease
    }

.inclined-title-box {
    position: relative;
    margin: 80px 0 110px
}

.inclined-bottom-box + * .inclined-title-box {
    margin-top: -30px
}

.inclined-title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    min-width: 462px;
    max-width: 100%
}

    .inclined-title:after, .inclined-title:before {
        content: '';
        position: absolute;
        top: 25px;
        left: -1612px;
        width: 1500px;
        height: 62px;
        background: var(--main-border-color);
        -webkit-transform: skewX(-29deg);
        -ms-transform: skewX(-29deg);
        transform: skewX(-29deg)
    }

    .inclined-title:after {
        top: -38px;
        left: auto;
        right: -1612px
    }

    .inclined-title span {
        position: relative;
        display: inline-block;
        vertical-align: top
    }

        .inclined-title span:after, .inclined-title span:before {
            content: '';
            position: absolute;
            height: 1px;
            top: 24px;
            left: -1513px;
            width: 1500px;
            background: #eff2f5
        }

        .inclined-title span:after {
            left: auto;
            right: -1513px
        }

.inclined-title-box .max-w {
    font-size: 18px;
    line-height: 1.666666666666667em;
    color: #43484e;
    max-width: 600px;
    margin: 0 auto
}

.inclined-title-box p {
    margin: 0 0 14px
}

    .inclined-title-box p:last-child {
        margin: 0
    }

.inclined-title .num {
    position: absolute;
    z-index: 1;
    top: -23px;
    left: 50%;
    font-size: 20px;
    line-height: 1em;
    color: #333;
    opacity: .8;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .inclined-title .bg-text:after, .inclined-title .bg-text:before, .inclined-title .num:after, .inclined-title .num:before {
        display: none
    }

.inclined-client, .inclined-thumb {
    font-size: 0;
    margin: 0 0 42px
}

    .inclined-thumb.lonely {
        margin-top: 46px
    }

    .inclined-client .img, .inclined-thumb .img {
        display: inline-block;
        vertical-align: top;
        width: 105px;
        height: 103px;
        -webkit-transform: skewY(-10deg);
        -ms-transform: skewY(-10deg);
        transform: skewY(-10deg);
        overflow: hidden;
        -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 8px 10px 0 rgba(0,0,0,.15);
        box-shadow: 0 8px 10px 0 rgba(0,0,0,.15)
    }

    .inclined-thumb .img {
        width: 84px;
        height: 80px
    }

    .inclined-client .img img, .inclined-thumb .img img {
        /*            margin: -10px 0 0;*/
        margin: 0 0 0;
        -webkit-transform: skewY(10deg);
        -ms-transform: skewY(10deg);
        transform: skewY(10deg)
    }

    .inclined-client .info, .inclined-thumb .info {
        position: relative;
        z-index: 3;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 105px);
        font-weight: 500;
        font-size: 18px;
        line-height: 1.2em;
        padding: 20px 0 0 20px;
        color: #333
    }

    .inclined-thumb .info {
        font-size: 16px
    }

    .inclined-client p, .inclined-thumb p {
        margin: 0
    }

    .inclined-client .who-is, .inclined-thumb .who-is {
        display: block;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.2em;
        color: #9299a2;
        margin: 0 0 6px
    }

    .inclined-thumb .who-is {
        font-size: 13px;
        margin: 0 0 3px
    }

    .inclined-client .name, .inclined-thumb .name {
        position: relative
    }

    .inclined-thumb .name {
        margin: 0 0 10px
    }

        .inclined-client .name:before, .inclined-thumb .name:before {
            content: '';
            position: absolute;
            top: 10px;
            left: -25px;
            width: 19px;
            height: 2px;
            background: var(--main-bg-color)
        }

    .inclined-client .sub-info, .inclined-thumb .sub-info {
        font-size: 13px;
        line-height: 1.225em;
        color: #333;
        opacity: .7;
        margin: 3px 0 0
    }

    .inclined-thumb .meta {
        font-size: 14px;
        color: #43484e;
        margin: 7px 0 0
    }

        .inclined-thumb .meta .icon-phone {
            padding-left: 28px
        }

            .inclined-thumb .meta .icon-phone:before {
                font-size: 20px;
                top: 0
            }

        .inclined-thumb .meta p {
            display: inline-block;
            vertical-align: middle;
            margin: 6px 12px 6px 0
        }

        .inclined-thumb .meta .btn {
            display: inline-block;
            vertical-align: middle;
            margin: 6px 0 6px;
            width: auto !important;
            min-width: 147px !important
        }

.no-touchevents .inclined-thumb.on-hover a:not(.btn) {
    opacity: .7
}

.two-half-bg-box {
    margin: 62px 0;
    background: #15a490;
    overflow: hidden
}

    .two-half-bg-box .sub-box {
        font-size: 0;
        margin: 0 -10px
    }

    .two-half-bg-box .col {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 0;
        color: #43484e;
        text-align: right;
        padding: 85px 0 68px
    }

        .two-half-bg-box .col > :last-child {
            margin-bottom: 0
        }

        .two-half-bg-box .col:nth-child(2) {
            text-align: left
        }

            .two-half-bg-box .col:nth-child(2):before {
                content: '';
                position: absolute;
                z-index: -1;
                left: 0;
                top: 0;
                right: -2000px;
                bottom: -1000px;
                background: #11b59e
            }

        .two-half-bg-box .col .h3, .two-half-bg-box .col h3 {
            padding-right: 86px;
            color: #fff;
            margin: 0 0 25px
        }

        .two-half-bg-box .col:nth-child(2) .h3, .two-half-bg-box .col:nth-child(2) h3 {
            padding: 0 0 0 86px
        }

.inclined-list {
    margin: 22px 0
}

    .inclined-list li {
        position: relative;
        padding: 0;
        margin: 0 0 18px;
        background: 0 0;
        overflow: hidden
    }

.two-half-bg-box .inclined-list li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    position: relative;
    height: 100%
}

.two-half-bg-box .col .align-m {
    position: relative;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    padding: 18px 86px 17px 46px
}

.two-half-bg-box .col:nth-child(2) .inclined-list li .align-m {
    padding: 18px 46px 17px 86px
}

.inclined-list li:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 20px;
    top: 0;
    right: -100px;
    bottom: 0;
    background: #ededed;
    -webkit-transform: skewX(17.5deg);
    -ms-transform: skewX(17.5deg);
    transform: skewX(17.5deg)
}

.two-half-bg-box .col:nth-child(2) .inclined-list li:after {
    left: -100px;
    right: 20px;
    background: #fff;
    -webkit-transform: skewX(-17.5deg);
    -ms-transform: skewX(-17.5deg);
    transform: skewX(-17.5deg)
}

.inclined-list li .icon {
    position: absolute;
    right: 23px;
    top: 12px;
    height: 43px;
    width: 40px;
    font-size: 0;
    text-align: center
}

.two-half-bg-box .col:nth-child(2) .inclined-list li .icon {
    left: 23px
}

.inclined-list li .icon:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 43px
}

.inclined-list li .icon svg {
    display: inline-block;
    vertical-align: middle;
    max-height: 43px;
    width: auto
}

.two-half-bg-box .col:first-child .inclined-list li .icon svg * {
    fill: #767676
}

.info-box {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4em;
    color: #fff;
    padding: 38px 0 43px;
    margin: 0 0 88px;
    background: #272727
}

.no-touchevents .info-box .container {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    -ms-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

.no-touchevents .info-box.visible .container {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .5s ease .3s;
    -moz-transition: all .5s ease .3s;
    transition: all .5s ease .3s
}

.info-box p {
    margin: 0 0 12px
}

.info-box .icon-info {
    display: inline-block;
    vertical-align: top;
    padding-left: 43px
}

.info-box p:last-child {
    margin: 0
}

.info-box .icon-info:before {
    font-size: 35px;
    top: -4px;
    color: #fff;
    opacity: .1
}

.no-touchevents .info-box:after {
    content: '';
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #fff;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease
}

.no-touchevents .info-box.visible:after {
    -webkit-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.task-decision {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625em;
    color: #5f656c;
    padding: 0 0 0 40px
}

    .task-decision .task {
        position: relative;
        margin: 0 0 31px
    }

        .task-decision .task:before {
            content: '';
            position: absolute;
            top: 22px;
            left: -28px;
            bottom: -36px;
            width: 1px;
            background: #eff2f5
        }

    .task-decision .h5, .task-decision h5 {
        line-height: 1.4em;
        margin: 0 0 13px
    }

        .task-decision .h5:before, .task-decision h5:before {
            content: '';
            position: absolute;
            top: 5px;
            left: -37px;
            width: 10px;
            height: 10px;
            background: #fff;
            border: 5px solid #18c0a9;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
            -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
            box-shadow: 0 3px 10px 0 rgba(0,0,0,.15)
        }

    .task-decision p {
        margin: 0 0 11px
    }

    .task-decision .decision > :last-child, .task-decision .task > :last-child {
        margin-bottom: 0
    }

.three-d-box, .video-box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin: 42px 0;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

.outer-dots-bg .three-d-box, .outer-dots-bg .video-box {
    margin: 0
}

.three-d-box .temp, .video-box .video {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.three-d-box .poster, .video-box .poster {
    position: relative;
    z-index: 1;
    margin: 0;
    min-width: 100%
}

.three-d-box:before, .video-box:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: -11.2%;
    top: -2px;
    bottom: -2px;
    width: 28%;
    background: rgba(24,194,170,.8);
    -webkit-transform: skewX(-21.65deg);
    -ms-transform: skewX(-21.65deg);
    transform: skewX(-21.65deg);
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease
}

.no-touchevents .three-d-box:hover:before, .no-touchevents .video-box:hover:before {
    -webkit-transform: translate3d(-20%,0,0) skewX(-21.65deg) !important;
    -ms-transform: translate3d(-20%,0,0) skewX(-21.65deg) !important;
    transform: translate3d(-20%,0,0) skewX(-21.65deg) !important
}

#object-inner-slider .main-slider .video-thumb:after, .three-d-box:after, .video-box:after {
    content: '';
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 16.5%;
    width: 89px;
    height: 89px;
    margin: -45px 0 0 -45px;
    background: #fff url("../icons/play-arrow.svg") no-repeat 60% 50%;
    background-size: 27px 35px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.three-d-box:after {
    content: 'VR';
    font-weight: 700;
    font-size: 34px;
    line-height: 92px;
    color: #18c2aa;
    text-align: center;
    text-transform: uppercase;
    background: #fff
}

.three-d-box.hide-controls:after, .three-d-box.hide-controls:before, .video-box.hide-controls:after, .video-box.hide-controls:before {
    opacity: 0;
    visibility: hidden
}

.three-d-box .three-d-iframe {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000
}

.no-touchevents .js-view-checker.shortly-about .grid-col {
    opacity: 0;
    -webkit-transform: translate3d(-30px,0,0);
    -moz-transform: translate3d(-30px,0,0);
    -ms-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

    .no-touchevents .js-view-checker.shortly-about .grid-col:nth-child(2n) {
        -webkit-transform: translate3d(30px,0,0);
        -moz-transform: translate3d(30px,0,0);
        -ms-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

.no-touchevents .js-view-checker.shortly-about.visible .grid-col {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.shortly-about-list {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625em;
    color: #5f656c;
    padding: 0 0 0 40px;
    margin: 42px 0
}

.gradient-box .shortly-about-list {
    margin: 10px 0 0
}

.shortly-about-list .item {
    position: relative;
    margin: 0 0 31px;
    padding-right: 24px
}

    .shortly-about-list .item:before {
        content: '';
        position: absolute;
        top: 22px;
        left: -28px;
        bottom: -36px;
        width: 1px;
        background: #eff2f5
    }

    .shortly-about-list .item:last-child:before {
        display: none
    }

.shortly-about-list .h5, .shortly-about-list h5 {
    line-height: 1.4em;
    margin: 0 0 13px
}

    .shortly-about-list .h5:before, .shortly-about-list h5:before {
        content: '';
        position: absolute;
        top: 5px;
        left: -37px;
        width: 10px;
        height: 10px;
        background: #fff;
        border: 5px solid #18c0a9;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.15)
    }

.shortly-about-list p {
    margin: 0 0 11px
}

.shortly-about-list .item > :last-child {
    margin-bottom: 0
}

.shortly-about-list blockquote {
    font-size: 15px;
    line-height: 1.6em;
    margin: 0 0 11px
}

.shortly-about blockquote .text {
    font-style: normal;
    padding: 0 0 0 25px
}

.shortly-about-list blockquote .text :last-child:after, .shortly-about-list blockquote .text:before {
    content: 'В«';
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-style: normal;
    font-size: 34px;
    line-height: 1.1em;
    color: #18c2aa
}

.shortly-about-list blockquote .text:before {
    position: absolute;
    left: 0;
    top: -10px
}

.shortly-about-list blockquote .text :last-child:after {
    content: 'В»';
    margin: -10px -34px 0 9px
}

.shortly-about-list blockquote .author {
    font-size: 13px;
    line-height: 1.3em;
    margin: 8px 0 0 24px
}

.outer-dots-bg {
    position: relative
}

    .outer-dots-bg.max-w {
        max-width: 924px;
        margin: 0 auto
    }

    .outer-dots-bg.double-dots:after, .outer-dots-bg:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: -40px;
        left: -40px;
        height: 343px;
        max-height: 100%;
        width: 100%;
        background: url("../icons/x-dot-bg.png") repeat 100% 100%;
        background-position: 0 0
    }

    .outer-dots-bg.double-dots:before {
        left: -105px;
        width: 66.01731601731602%
    }

    .outer-dots-bg.double-dots:after {
        left: auto;
        right: -100px;
        top: 90px;
        width: 66.01731601731602%
    }

.inclined-separator {
    position: relative;
    z-index: 1;
    height: 1px;
    margin: 104px 0
}

    .inclined-separator div {
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1500px;
        height: 1px;
        background: #eff2f5
    }

.layout-grid .inclined-separator {
    z-index: -1;
    margin-top: 6px;
    margin-bottom: 68px
}

.inclined-separator:after, .inclined-separator:before {
    content: '';
    position: absolute;
    top: -62px;
    left: calc(100% + 20px);
    width: 1500px;
    height: 62px;
    background: #f5f7f8;
    -webkit-transform: skewX(-29deg);
    -ms-transform: skewX(-29deg);
    transform: skewX(-29deg)
}

.inclined-separator:after {
    top: 1px;
    left: auto;
    right: calc(100% + 20px)
}

.box-link {
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 1.3em;
    color: #7d8185;
    padding: 15px 86px 16px 30px;
    margin: 34px 0 32px;
    border: 4px solid var(--main-bg-color);
    cursor: pointer
}

    .box-link:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 36px;
        width: 16px;
        height: 26px;
        margin: -13px 0 0;
        background: url("../icons/box-link-arrow.png") no-repeat 0 0
    }

.no-touchevents .box-link:hover:after {
    -webkit-animation: boxlinkarrow .6s infinite ease-in-out;
    -ms-animation: boxlinkarrow .6s infinite ease-in-out;
    animation: boxlinkarrow .6s infinite ease-in-out
}

@-webkit-keyframes boxlinkarrow {
    0% {
        right: 36px
    }

    50% {
        right: 30px
    }

    100% {
        right: 36px
    }
}

@-ms-keyframes boxlinkarrow {
    0% {
        right: 36px
    }

    50% {
        right: 30px
    }

    100% {
        right: 36px
    }
}

@keyframes boxlinkarrow {
    0% {
        right: 36px
    }

    50% {
        right: 30px
    }

    100% {
        right: 36px
    }
}

.box-link .link-for {
    display: block
}

.box-link .h5, .box-link h5 {
    line-height: 1.4em;
    margin: 0 0 14px
}

.no-touchevents .box-link:hover .h5, .no-touchevents .box-link:hover h5 {
    color: var(--main-bg-color)
}

.box-link > :first-child {
    margin-top: 0
}

.box-link > :last-child {
    margin-bottom: 0
}

.inclined-bottom-box {
    position: relative;
/*    padding-bottom: 170px;*/
    margin: 42px 0
}

    .inclined-bottom-box:before {
        content: '';
        position: absolute;
        z-index: -2;
        left: 0;
        bottom: 0;
        height: 404px;
        width: 100%;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(51,51,51,.65) 100%);
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(51,51,51,.65) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(51,51,51,.65) 100%);
        opacity: .05
    }

    .inclined-bottom-box:after {
        content: '';
        position: absolute;
        left: -10%;
        bottom: -200px;
        height: 300px;
        width: 120%;
        background: #fff;
        transform-origin: center top;
        -webkit-transform: rotate(-3.55deg);
        -ms-transform: rotate(-3.55deg);
        transform: rotate(-3deg)
    }

    .inclined-bottom-box .btn-box {
        margin-bottom: 0
    }

section {
    margin: 0 0 80px
}

.section-header {
    margin: 0 0 69px;
    text-align: center
}

.gradient-box {
    padding: 63px 0 56px;
    background: url("../icons/gradient-box-bg.png") repeat-x top
}

    .gradient-box.response-in-brief, .gradient-box.transactions-examples {
        margin: 0
    }

    .gradient-box .h2, .gradient-box h2 {
        margin-top: 0
    }

        .gradient-box .h2 + .outer-dots-bg, .gradient-box h2 + .outer-dots-bg {
            margin: 42px 0
        }

    .gradient-box .outer-dots-bg:last-child {
        margin-bottom: 60px
    }

    .gradient-box .text-box {
        max-width: 820px;
        margin: 0 auto 55px
    }

.custom-landing .gradient-box .text-box > :last-child {
    margin-bottom: 0
}

.purchase-scheme {
    text-align: center
}

    .purchase-scheme .grid-col {
        position: relative
    }

.no-touchevents .js-view-checker .purchase-scheme .grid-col {
    opacity: 0;
    -webkit-transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
}

.no-touchevents .js-view-checker.visible .purchase-scheme .grid-col {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

    .no-touchevents .js-view-checker.visible .purchase-scheme .grid-col:nth-child(2) {
        -webkit-transition: all .3s ease .3s;
        -moz-transition: all .3s ease .3s;
        transition: all .3s ease .3s
    }

    .no-touchevents .js-view-checker.visible .purchase-scheme .grid-col:nth-child(3) {
        -webkit-transition: all .3s ease .4s;
        -moz-transition: all .3s ease .4s;
        transition: all .3s ease .4s
    }

    .no-touchevents .js-view-checker.visible .purchase-scheme .grid-col:nth-child(4) {
        -webkit-transition: all .3s ease .5s;
        -moz-transition: all .3s ease .5s;
        transition: all .3s ease .5s
    }

.purchase-scheme .step-line {
    display: inline-block;
    vertical-align: top;
    line-height: 0
}

.purchase-scheme .grid-col:not(:last-child) .step-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 38px;
    left: 0;
    right: -100%;
    height: 30px;
    background: url("../icons/purchase-step-line.png") no-repeat 50% 0
}

.purchase-scheme .rounded-icon {
    z-index: 2;
    margin: 0 auto 24px
}

.gradient-box .purchase-scheme .rounded-icon {
    background: rgba(229,231,233,.4)
}

.purchase-scheme .step {
    position: relative;
    padding: 0 16px;
    max-width: 320px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15)
}

    .purchase-scheme .step p {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        margin: 0;
        height: 89px
    }

        .purchase-scheme .step p:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            position: relative;
            height: 100%;
            width: 0
        }

        .purchase-scheme .step p span {
            display: inline-block;
            vertical-align: middle;
            font-weight: 700;
            font-size: 21px;
            line-height: 1.325em;
            text-transform: uppercase;
            color: #333
        }

        .purchase-scheme .step p:after {
            content: '';
            position: absolute;
            left: 0;
            top: -9px;
            height: 13px;
            width: 100%;
            background: url("../icons/purchase-step-bg.png") no-repeat 50% 0
        }

.agents-footer {
    padding: 24px 0 0;
    margin: 12px 0 0;
    overflow: hidden;
    text-align: center
}

.lazy-load-box + .agents-footer {
    margin-top: 124px
}

.agents-footer .agent {
    float: left;
    width: 35%;
    text-align: left
}

.agents-footer .share-links {
    float: right;
    margin: 30px 0 0
}

.intro-layout-grid {
    display: table;
    table-layout: fixed;
    margin: 46px 0
}

.experience .intro-layout-grid {
    margin-bottom: 30px
}

.experience .layout-grid {
    margin-top: 30px
}

.intro-layout-grid > .align-m {
    padding-right: 16px
}

    .intro-layout-grid > .align-m.img {
        padding: 0;
        width: 400px
    }

        .intro-layout-grid > .align-m.img .circle-dots {
            margin: 0 auto
        }

.response-in-brief {
    margin: 0 0 90px
}

    .response-in-brief .video-box, .response-in-brief blockquote {
        margin: 0 0 23px
    }

    .response-in-brief .inclined-title-box {
        margin-bottom: 117px
    }

    .response-in-brief .layout-grid + .btn-box {
        margin-top: 45px
    }

.response-filter {
    font-size: 0;
    text-align: center;
    margin: 0 -17px 34px
}

    .response-filter div {
        display: inline-block;
        vertical-align: top;
        font-weight: 300;
        font-size: 20px;
        line-height: 1em;
        color: #d1d1d1;
        margin: 0 17px
    }

    .response-filter a {
        font-weight: 300;
        color: #7d8185;
        border-bottom: 1px dotted #999
    }

    .response-filter .active a {
        color: #333;
        cursor: default;
        border: none;
        opacity: 1
    }

.no-touchevents .response-filter a:hover {
    border-color: transparent
}

.response-filter .count {
    font-weight: 700;
    color: var(--main-bg-color)
}

.response-filter + .inclined-separator {
    margin: 0 0 64px
}

    .response-filter + .inclined-separator:before {
        display: none
    }

.response-list {
    position: relative
}

    .response-list:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50px;
        width: 60px;
        height: 60px;
        margin: 0 0 0 -30px;
        background: url("../icons/loading.gif") no-repeat 0 0/100% auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    .response-list.filtering:before {
        visibility: visible;
        opacity: 1
    }

    .response-list .item {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

        .response-list .inclined-separator.hidden, .response-list .item.hidden {
            opacity: 0;
            -webkit-transform: translateY(40px);
            -moz-transform: translateY(40px);
            -ms-transform: translateY(40px);
            transform: translateY(40px)
        }

        .response-list .item:last-child {
            margin: 0 0 70px
        }

        .response-list .item:after {
            content: '';
            display: table;
            clear: both
        }

    .response-list .text-box {
        position: relative;
        z-index: 3;
        float: left;
        width: 61.6%;
        padding-right: 30px
    }

    .response-list .video-box, .response-list blockquote {
        margin: 0 0 16px
    }

        .response-list .video-box:last-child, .response-list blockquote:last-child {
            margin: 0
        }

    .response-list .whose-response {
        position: relative;
        z-index: 2;
        float: right;
        width: 38.4%;
        padding: 10px 0 0
    }

    .response-list .agent-comment {
        position: relative;
        font-size: 13px;
        line-height: 1.615384615384615em;
        padding: 17px 30px 22px;
        color: #5f656c
    }

        .response-list .agent-comment:before {
            content: '';
            position: absolute;
            z-index: -1;
            top: -6px;
            left: 41px;
            width: 16px;
            height: 16px;
            background: var(--main-border-color);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .response-list .has-shadow-box .sub-box {
        margin: 0 0 8px;
        font-size: 0
    }

        .response-list .has-shadow-box .sub-box img {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            max-height: 38px;
            max-width: 38px
        }

        .response-list .has-shadow-box .sub-box .name {
            font-weight: 700;
            font-size: 13px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.2em;
            margin: 0 0 0 12px;
            max-width: calc(100% - 50px)
        }

.has-shadow-box > :last-child {
    margin-bottom: 0
}

.has-shadow-box p {
    margin: 0 0 14px;
    max-width: 646px
}

.response-list .inclined-client {
    margin: 0 0 72px
}

.agent {
    position: relative;
    z-index: 1
}

    .agent:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: 0;
        top: 6px;
        height: 200px;
        width: 100%;
        background: #f1f2f4;
        -webkit-transform: skewY(-10deg);
        -moz-transform: skewY(-10deg);
        -ms-transform: skewY(-10deg);
        transform: skewY(-10deg);
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0
    }

    .agent.no-bg:before {
        display: none
    }

    .agent.has-bg-text .bg-text {
        text-transform: uppercase;
        color: #fff;
        opacity: 1;
        top: -6px;
        left: 50%;
        font-size: 154px;
        line-height: 1em;
        max-width: 100%;
        overflow: hidden
    }

.response-list .inclined-separator {
    margin: 57px 0 60px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

    .response-list .inclined-separator:first-of-type {
        display: none
    }

.categories {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 12px;
    margin: 0 0 35px;
    border-bottom: 1px solid #d9dce1
}

    .categories:first-of-type {
        margin-top: -26px
    }

    .categories p {
        margin: 0 0 14px
    }

    .categories ul {
        margin: 14px 0 0
    }

    .categories li {
        font-weight: 400;
        font-size: 18px;
        margin: 0 0 16px
    }

    .categories > :first-child {
        margin-top: 0
    }

.faq-item {
    margin: 0 0 58px
}

    .faq-item:last-child {
        margin: 0
    }

    .faq-item .h4, .faq-item h4 {
        margin: 0 0 33px
    }

.faq {
    margin: 0 0 30px
}

    .faq .question {
        position: relative;
        padding: 0 0 0 30px
    }

        .faq .question:before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            width: 20px;
            height: 20px;
            background: url("../icons/faq-plus-minus.png") no-repeat 0 0
        }

    .faq.active .question:before {
        background-position: 0 100%
    }

    .faq .question p {
        position: relative;
        display: inline;
        border-bottom: 1px dotted #999;
        margin: 0;
        cursor: pointer
    }

    .faq.active .question p, .no-touchevents .faq .question p:hover {
        opacity: .6;
        border-bottom-color: transparent
    }

    .faq .question p:first-child:before {
        content: '';
        position: absolute;
        left: -30px;
        top: 0;
        width: 30px;
        height: 20px
    }

    .faq .answer {
        position: relative;
        margin: 17px 0 0 30px;
        padding: 0 0 0 22px;
        display: none
    }

        .faq .answer:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            bottom: 6px;
            width: 4px;
            background: #e1e1e1
        }

        .faq .answer > :first-child {
            margin-top: 0 !important
        }

        .faq .answer > :last-child {
            margin-bottom: 0 !important
        }

        .faq .answer p {
            margin: 0 0 14px
        }

.articles-in-brief .articles .grid-col {
    color: #c6c6c6
}

    .articles-in-brief .articles .grid-col .h6 a, .articles-in-brief .articles .grid-col h6 a {
        color: #fff
    }

    .articles-in-brief .articles .grid-col.on-hover .h6 a, .articles-in-brief .articles .grid-col.on-hover h6 a, .no-touchevents .articles-in-brief .articles .grid-col .h6 a:hover, .no-touchevents .articles-in-brief .articles .grid-col h6 a:hover {
        color: var(--main-bg-color);
        opacity: 1
    }

.articles-in-brief .articles .subjects .subject:not(.active) span {
    color: #717171;
    border-bottom: 1px solid #3b3b3b
}

.similar-box {
    margin: 42px 0
}

#main + .similar-box {
    margin-top: -33px
}

.similar-box .h4, .similar-box h4 {
    font-weight: 500;
    font-size: 23px;
    text-align: center;
    margin: 0 0 25px
}

.similar-box .layout-grid {
    margin-top: 32px
}

[class*=" icon-"], [class^=icon-] {
    position: relative;
    padding-left: 37px
}

.icon-location {
    padding-left: 24px
}

#header .call-us-box .js-open-call-dropdown:before, #nav .sub-box > ul > li.has-child > a:after, #object-inner-slider .main-slider .slide:before, .buy-on-tick-box a:before, .call-us-box:before, .favourite:before, .js-favourite:before, .js-show-seo-text:after, .load-more-box .load-more-items:after, .mCSB_scrollTools .mCSB_buttonDown:before, .mCSB_scrollTools .mCSB_buttonUp:before, .message-box p:before, .object-status:before, .open-gallery:before, .print-btn:before, .quick-links-slider .swiper-btn:before, .scheme:before, .slick-arrow:before, .useful-material-box .download p:before, [class*=" icon-"]:before, [class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: var(--main-bg-color);
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-award:before {
    content: '\e800'
}

.icon-phone:before {
    content: '\e801';
    top: 1px
}

.icon-mail:before {
    content: '\f0e0'
}

.icon-user:before {
    content: '\e803'
}

.icon-search:before {
    content: '\e802'
}

.icon-thumb-up:before {
    content: '\f164'
}

.icon-users:before {
    content: '\e804'
}

.icon-shield:before {
    content: '\f132'
}

.icon-coffee:before {
    content: '\f0f4'
}

.icon-clock:before {
    content: '\e808'
}

.icon-handshake:before {
    content: '\f2b5'
}

.icon-money:before {
    content: '\f0d6'
}

.icon-location:before {
    content: '\e805'
}

.icon-eye:before {
    content: '\e806'
}

.icon-info:before {
    content: '\e807'
}

.js-favourite:before {
    content: '\e809';
    text-shadow: 0 3px 5px rgba(0,0,0,.5)
}

.icon-text-file:before {
    content: '\f15c'
}

.messengers-links, .social-links {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 24px 0
}

    .messengers-links a, .social-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        line-height: 0;
        margin: 0 20px 12px 0;
        border: none !important
    }

        .messengers-links a:last-child, .social-links a:last-child {
            margin-right: 0
        }

    .messengers-links a {
        width: 32px;
        height: 32px;
        margin-right: 12px;
        background: #fff;
        border: 1px solid #dde2e9 !important;
        border-radius: 5px
    }

.no-touchevents .messengers-links a:hover {
    background: #dfe2ea;
    border-color: #bfc6cd !important;
    opacity: 1 !important
}

.messengers-links a svg {
    border-radius: 5px;
    box-shadow: 0 3px 4px rgba(26,49,61,.25)
}

.share-links {
    position: relative;
    line-height: 0;
    font-size: 0;
    margin: 24px 0
}

    .share-links .text {
        font-size: 16px;
        line-height: 1.375em;
        display: inline-block;
        vertical-align: middle;
        color: #9e9e9e;
        margin: 4px 18px 4px 0
    }

    .share-links.inclined .text {
        margin-right: 27px
    }

    .share-links .ya-share2 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 4px 0
    }

    .share-links li {
        padding: 0;
        background: 0 0
    }

    .share-links.inclined .ya-share2:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: -11px;
        top: -6px;
        right: -11px;
        bottom: -6px;
        background: rgba(255,255,255,.4);
        -webkit-transform: skewX(-16deg);
        -moz-transform: skewX(-16deg);
        -ms-transform: skewX(-16deg);
        transform: skewX(-16deg)
    }

.operators {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    margin: 7px 0 0 3px
}

    .operators span {
        position: relative;
        display: inline-block;
        vertical-align: top;
        line-height: 0;
        font-size: 0;
        padding: 0 !important;
        margin: 0 7px 0 0 !important;
        background: url("../icons/operators-sprite.png?v=2") no-repeat 0 0
    }

    .operators .icon-velcom {
        width: 17px;
        height: 13px;
        background-position: -72px 0
    }

    .operators .icon-viber {
        top: -5px;
        width: 20px;
        height: 20px;
        background-position: -96px 0
    }

    .operators .icon-mts {
        top: -5px;
        width: 20px;
        height: 21px;
        background-position: -24px 0
    }

    .operators .icon-life {
        top: 1px;
        width: 19px;
        height: 11px;
        background-position: -48px 0
    }

    .operators .icon-a1 {
        width: 20px;
        height: 20px;
        background-position: 0 0;
        top: -6px
    }

#main {
    position: relative;
    z-index: 10;
    padding: 16px 0 40px
}

#main.no-inner-indent {
    padding-bottom: 0
}

.has-aside #main {
    float: left;
    padding-right: 20px;
    width: calc(100% - 400px)
}

.has-aside .aside {
    float: right;
    width: 400px;
/*    padding-bottom: 60px*/
}

#main .container-small > :first-child, #main .container > :not(.article-footer):first-child {
    margin-top: 0 !important
}

#main .container-small > :last-child, #main .container > :last-child {
    margin-bottom: 0 !important
}

#main .container > .layout-grid:last-child {
    margin-bottom: -42px !important
}

.nav-inner {
    position: relative;
    padding-bottom: 24px;
/*    margin: 0 0 69px*/
}

    .nav-inner:before {
        content: '';
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #ebebeb
    }

    .nav-inner ul {
        margin: -19px 0 0;
        font-size: 0;
        line-height: 0;
        text-align: center
    }

    .nav-inner li {
        font-size: 16px;
        line-height: 1em;
        color: #333;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0 12px;
        background: 0 0
    }

        .nav-inner li a {
            position: relative;
            color: #fff;
            border-bottom: 1px solid #eaeaea
        }

html:not(.sticky-single-page-nav) .single-page-nav ul {
    margin-bottom: -20px
}

html:not(.sticky-single-page-nav) .single-page-nav li {
    margin-bottom: 20px
}

.single-page-nav li a {
    border-bottom: 1px dotted #c1c1c1
}

.nav-inner li.active a {
/*    color: #333;*/
    border-bottom-color: transparent
}

.no-touchevents .nav-inner li a:hover {
    opacity: 1;
    border-bottom-color: transparent
}

.no-touchevents .nav-inner li.active a:hover {
/*    color: #7d8185*/
}

.nav-inner li a:before {
    content: '';
    position: absolute;
    top: -21px;
    left: 50%;
    height: 6px;
    width: 0;
    background: var(--main-bg-color);
    -webkit-transform: translate3d(-50%,0,0) skewX(-16deg);
    -moz-transform: translate3d(-50%,0,0) skewX(-16deg);
    -ms-transform: translate3d(-50%,0,0) skewX(-16deg);
    transform: translate3d(-50%,0,0) skewX(-16deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.no-touchevents.macos .nav-inner li a:before {
    opacity: 0
}

.nav-inner li.active a:before, .no-touchevents .nav-inner li a:hover:before, .no-touchevents.macos .nav-inner li a:hover:before, .no-touchevents.macos .nav-inner li.active a:before {
    opacity: 1;
    width: 100%
}

.single-page-nav .current {
    color: #333;
    border-bottom-color: transparent
}

    .single-page-nav .current:before {
        opacity: 1;
        width: 100%;
        -webkit-transition: opacity .3s ease,width .3s ease;
        -moz-transition: opacity .3s ease,width .3s ease;
        transition: opacity .3s ease,width .3s ease
    }

.no-touchevents .single-page-nav .current:hover {
    color: #5e5e5e
}

.blog-header {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 0 0 0 8px
}

.choose-subject {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em
}

.blog-header .choose-subject {
    float: left;
    width: calc(100% - 450px);
    margin: 0 0 8px
}

.choose-subject p {
    margin: 0 0 20px
}

.subjects {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.355em;
    color: #7d8185
}

    .subjects .subject {
        position: relative;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin: 0 28px 12px 0;
        padding: 0 2px;
        color: #7d8185;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        transition: none !important
    }

        .subjects .subject.active {
            color: var(--main-bg-color);
            margin: -2px 12px 8px -8px;
            padding: 0 16px 2px 8px;
            border: 2px solid var(--main-bg-color)
        }

        .subjects .subject:not(.active) span {
            border-bottom: 1px solid #eaeaea
        }

.no-touchevents .subjects .subject:not(.disabled):hover span {
    border-bottom-color: transparent !important
}

.subjects .subject .close {
    position: absolute;
    top: 48%;
    right: 4px;
    margin: -4px 0 0;
    width: 10px;
    height: 10px;
    display: none;
    background: url("../icons/remove-subject.png") no-repeat 50% 50%
}

.subjects .subject.active .close {
    display: block
}

.subjects .subject.disabled, .subjects .subject.disabled:hover {
    cursor: progress !important;
    opacity: .7 !important
}

.blog-header hr {
    clear: both;
    width: 100%;
    margin: 0 0 8px
}

.articles-count {
    font-weight: 400;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    color: #9299a2;
    margin: 13px 0 0
}

    .articles-count b {
        font-weight: 700
    }

.rss {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em
}

.blog-header .rss {
    float: right;
    width: 420px
}

.rss p {
    font-weight: 700;
    margin: 0 0 14px
}

.rss .field {
    width: calc(100% - 176px)
}

.rss .form .field.required:after {
    top: 4px;
    left: 24px;
    font-size: 16px
}

.rss .form-control {
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    padding: 0 16px 0 32px;
    border-color: #d5d5d5;
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.1)
}

.rss .error-field .form-control {
    border-color: #d53e2e
}

.rss .form-control.mail-inp {
    background: #fff url("../icons/icon-rss-mail-inp.png") no-repeat 7px 11px
}

.rss .error-field .form-control.mail-inp {
    background-position: 7px -105px
}

    .rss .error-field .form-control.mail-inp:focus, .rss .form-control.mail-inp:focus {
        border-color: #d5d5d5;
        background-position: 7px -47px
    }

@-webkit-keyframes autofill {
    to {
        background: transparent url("../icons/icon-rss-mail-inp.png") no-repeat 7px -47px
    }
}

.rss .form-control:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.rss .btn {
    font-weight: 500;
    font-size: 11px;
    width: 176px;
    height: 34px;
    padding: 0 16px
}

.rss .form {
    margin: 0
}

.rss .message-box {
    color: #333;
    margin: 0 0 20px
}

.useful-material-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 33px 0 30px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 8px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.2)
}

    .useful-material-box .col {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .useful-material-box .pretty-form {
        max-width: none
    }

    .useful-material-box .download {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.666666666666667em;
        color: #fff;
        background: var(--main-bg-color);
        background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        opacity: 1 !important
    }

        .useful-material-box .download p {
            position: relative;
            width: 230px;
            max-width: 65%;
            margin: 0 auto
        }

            .useful-material-box .download p:before {
                content: '\f0ed';
                font-size: 34px;
                top: 2px;
                left: -50px;
                color: #fff
            }

.search-results .h6 a, .search-results h6 a {
    color: #333;
    border-bottom: 1px solid #c1c1c1
}

.search-results .item {
    font-size: 15px;
    line-height: 1.6em;
    color: #43484e;
    margin: 0 0 42px
}

.search-results .num {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 1em;
    color: #8e9399;
    margin: 0 0 3px
}

.search-results .h6, .search-results h6 {
    margin: 0 0 11px
}

.no-touchevents .search-results .h6 a:hover, .no-touchevents .search-results h6 a:hover {
    opacity: 1;
    color: var(--main-bg-color);
    border-bottom-color: transparent
}

.search-results .h6 span, .search-results h6 span, .search-results p span {
    color: var(--main-bg-color)
}

.search-results p {
    margin: 0 0 16px
}

.sell-effectively {
    position: relative;
    clear: both;
    text-align: center;
    margin: 90px auto 60px;
    max-width: 1240px
}

    .sell-effectively .max-w {
        max-width: 866px;
        margin: 0 auto
    }

    .sell-effectively img {
        margin: 0 auto 23px
    }

    .sell-effectively .h2, .sell-effectively h2 {
        margin: 0 0 40px
    }

        .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
            font-size: 118.54px;
            top: -42px;
            color: #f0f2f4;
            opacity: .71
        }

    .sell-effectively .layout-grid {
        margin: 0 0 28px !important
    }

    .sell-effectively .grid-col {
        margin: 0
    }

        .sell-effectively .grid-col ul {
            margin: 0
        }

    .sell-effectively ul li {
        font-weight: 300;
        font-size: 20px;
        line-height: 1.6em
    }

    .sell-effectively .btn {
        background-color: #fff
    }

    .sell-effectively:after, .sell-effectively:before {
        content: '';
        position: absolute;
        z-index: -2;
        top: 168px;
        left: -1334px;
        height: 154px;
        width: 1500px;
        background: #eff1f3;
        -webkit-transform: skewX(-32deg);
        -ms-transform: skewX(-32deg);
        transform: skewX(-32deg)
    }

    .sell-effectively:after {
        left: auto;
        top: 137px;
        right: -1400px;
        height: 246px
    }

    .sell-effectively .inclined-dots {
        position: absolute;
        z-index: -1;
        left: -40px;
        bottom: 32px;
        height: 154px;
        width: calc(100% - 136px);
        -webkit-transform: skewX(-32deg);
        -ms-transform: skewX(-32deg);
        transform: skewX(-32deg)
    }

.photo-gallery {
    margin: 33px -5px 14px -6px
}

    .photo-gallery .item {
        float: left;
        width: 33.333333333%;
        padding: 0 5px 0 6px;
        margin: 0 0 11px;
        text-align: center
    }

        .photo-gallery .item a {
            position: relative;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            max-width: 266px;
            opacity: 1 !important
        }

            .photo-gallery .item a:after {
                content: '';
                position: absolute;
                z-index: 2;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,.3);
                opacity: 0
            }

.no-touchevents .photo-gallery .item a:hover:after {
    opacity: 1
}

.photo-gallery img {
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    transition: transform .5s ease
}

.no-touchevents .photo-gallery a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sub-gallery {
    position: relative;
    text-align: center;
    padding: 72px 0 115px;
    line-height: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.no-touchevents .sub-gallery {
    background-attachment: fixed
}

.sub-gallery:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,#d3d4d5 0,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,#d3d4d5 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,#d3d4d5 0,rgba(255,255,255,0) 100%);
    opacity: .2
}

.open-sub-gallery {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.no-touchevents .open-sub-gallery:hover {
    opacity: .7
}

.open-sub-gallery .rounded-icon {
    margin: 0 auto 1px
}

.open-sub-gallery .h2, .open-sub-gallery h2 {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-bottom: 1px dotted #929292
}

.no-touchevents .open-sub-gallery:hover .h2, .no-touchevents .open-sub-gallery:hover h2 {
    border-bottom-color: transparent
}

.sub-gallery .gallery {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    margin: 33px 0
}

    .video-wrapper iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        border: none !important
    }

.article-footer {
    position: relative;
    font-size: 0;
    padding: 24px 0;
    margin: 61px 0 0
}

    .article-footer:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -850px;
        width: 3000px;
        z-index: -1;
        background: #f6f6f6
    }

    .article-footer .share-links {
        display: inline-block;
        vertical-align: top;
        width: 420px;
        margin: 0
    }

    .article-footer .subjects {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        text-align: right;
        width: calc(100% - 420px);
        margin: 4px 0 0;
        padding-left: 24px
    }

    .article-footer .subject {
        margin: 0 0 6px 13px
    }

.return-box {
    position: relative;
    padding: 32px 0 41px;
    margin: 42px 0 0
}

    .return-box:before {
        content: '';
        position: absolute;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        background: #dedede
    }

.return {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 16px;
    padding-left: 16px;
    line-height: 1.2em
}

.return-box .return {
    float: left;
    margin: 6px 0 0
}

.no-touchevents .return:hover {
    opacity: 1
}

.return:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
    height: 13px;
    background: url("../icons/pager-arrows.png") no-repeat 0 0
}

.no-touchevents .return:hover:before {
    -webkit-animation: returnlinkarrow .6s infinite ease-in-out;
    -ms-animation: returnlinkarrow .6s infinite ease-in-out;
    animation: returnlinkarrow .6s infinite ease-in-out
}

@-webkit-keyframes returnlinkarrow {
    0% {
        left: 0
    }

    50% {
        left: -6px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes returnlinkarrow {
    0% {
        left: 0
    }

    50% {
        left: -6px
    }

    100% {
        left: 0
    }
}

@keyframes returnlinkarrow {
    0% {
        left: 0
    }

    50% {
        left: -6px
    }

    100% {
        left: 0
    }
}

.return-box .rss {
    float: right
}

    .return-box .rss p {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 13px 0 0;
        color: #333
    }

    .return-box .rss .form {
        display: inline-block;
        vertical-align: middle
    }

    .return-box .rss .field {
        width: 243px;
        max-width: none;
        margin: 0
    }

    .return-box .rss .form-control {
        margin: 0
    }

.pager {
    position: relative;
    text-align: center;
    padding: 22px 0 0;
    margin: 107px 0 0
}

    .pager:before {
        content: '';
        position: absolute;
        height: 1px;
        top: 0;
        left: -1100px;
        width: 3000px;
        background: #ebebeb
    }

    .pager li {
        font-size: 17px;
        line-height: 1em;
        display: inline-block;
        vertical-align: top;
        margin: 0 6px;
        padding: 0;
        background: 0 0
    }

    .pager a {
        color: #333
    }

    .pager .active *, .pager .dots * {
        position: relative;
        color: var(--main-bg-color)
    }

    .pager .dots {
        margin: 0
    }

    .pager .active:before {
        content: '';
        position: absolute;
        left: -2px;
        top: -21px;
        width: 25px;
        height: 6px;
        background: var(--main-bg-color);
        -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .pager .next, .pager .prev {
        margin: 0
    }

        .pager .next a, .pager .prev a {
            display: inline-block;
            vertical-align: top;
            width: 24px;
            height: 24px;
            margin: -3px 14px 0 0;
            background: url("../icons/pager-arrows.png") no-repeat 8px 50%
        }

        .pager .next a {
            margin: -3px 0 0 14px;
            background-position: -19px 50%
        }

.contacts-wrap {
    position: relative;
    margin: -36px 0 0
}

#main .container .contacts-wrap:first-child {
    margin-top: -36px !important
}

.contacts-wrap .h2 {
    text-align: center;
    margin: 0 0 62px
}

.contacts-box {
    position: relative;
/*    margin: 0 0 81px*/
}

    .contacts-box:after, .contacts-box:before {
        content: '';
        position: absolute;
        top: -41px;
        left: -1576px;
        height: 196px;
        width: 1500px;
        background: #f5f7f8;
        -webkit-transform: skewX(-30deg);
        -moz-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

    .contacts-box:after {
        left: calc(100% + 75px)
    }

    .contacts-box .company-title {
        margin: 0 0 32px
    }

.contacts {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%
}

    .contacts .col {
        font-weight: 300;
        font-size: 19px;
        line-height: 1.425em;
        color: #272727;
        display: table-cell;
        vertical-align: top
    }

        .contacts .col.phones {
            width: 316px;
            padding-right: 32px
        }

    .contacts .address.col {
        width: 43.87096774193548%;
        padding-right: 42px
    }

    .contacts .social.col {
        color: #a0a5aa
    }

    .contacts p {
        margin: 0 0 16px
    }

    .contacts .social.col * + p {
        margin-top: 24px
    }

    .contacts .icon-clock span {
        margin-right: 26px;
        white-space: nowrap
    }

    .contacts .day-off {
        display: block;
        margin-right: 0
    }

    .contacts a {
        color: #272727;
        border-bottom: 1px solid #d4d4d4
    }

.no-touchevents .contacts a:hover {
    opacity: .7;
    border-bottom-color: transparent
}

.contacts a[href^=tel] {
    border-bottom-color: transparent
}

.contacts [class*=" icon-"], .contacts [class^=icon-] {
    padding-left: 37px
}

    .contacts [class*=" icon-"]:before, .contacts [class^=icon-]:before {
        color: #c1c1c1
    }

.contacts .icon-mail:before {
    top: 2px
}

.contacts .icon-location:before {
    left: 5px
}

.contacts .messengers-links, .contacts .social-links {
    margin: -1px 0 0
}

.contacts-box .bg-text {
    top: -14px;
    font-size: 150px;
    color: #f0f2f4;
    opacity: .45
}

.pretty-form {
    position: relative;
    max-width: 400px;
    padding: 20px 16px 32px;
    background: #272727;
    margin: auto;
}

.pretty-form.last-page-box {
    max-width: none;
    padding-bottom: 50px
}

.feedback-box .pretty-form {
    width: 400px;
    float: left
}

.light-form.pretty-form {
    background: #fff
}

.pretty-form:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 374px;
    max-width: 94%;
    height: 4px;
    background: var(--main-bg-color);
    background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pretty-form .h4, .pretty-form .sub-title, .pretty-form h4 {
    font-size: 24px;
    line-height: 1.428571428571429em;
    text-align: center;
    color: #fff;
    margin: 0 auto 25px;
    max-width: 420px
}

.light-form.pretty-form .h4, .light-form.pretty-form h4 {
    color: #333
}

.pretty-form .sub-title {
    font-weight: 300;
    font-size: 20px
}

.pretty-form .h4 + .sub-title, .pretty-form h4 + .sub-title {
    margin-top: -15px
}

.pretty-form .sub-text {
    line-height: 1.235294117647059em;
    color: #fff
}

.pretty-form .form {
    margin: 25px auto 0;
    max-width: 310px
}

.pretty-form.last-page-box .form {
    max-width: 420px
}

.pretty-form .btn {
    width: 100%
}

.pretty-form .checkbox-item + .btn {
    margin-top: 1px
}

.pretty-form .checkbox-item {
    margin: 14px 0
}

    .pretty-form .checkbox-item input[type=checkbox] + label {
        color: #fff
    }

.pretty-form.has-bg-text .bg-text {
    top: 6px;
    color: #333;
    opacity: .3
}

.pretty-form .has-tooltip .tooltip {
    position: absolute;
    right: -24px;
    top: 21px;
    font-size: 11px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    margin: 0
}

.offer-price-form .step2 {
    display: none
}

.pretty-form.check-entered-number {
    font-size: 16px;
    text-align: center;
    color: #fff
}

.popup .pretty-form.check-entered-number .form {
    width: 468px
}

.check-entered-number p {
    margin: 0 0 11px
}

.check-entered-number .entered-number {
    display: block;
    font-weight: 700;
    font-size: 32px;
    line-height: 1em;
    margin: 0 0 18px;
    overflow: hidden;
    text-overflow: ellipsis
}

.check-entered-number .btn-box {
    overflow: hidden;
    margin: 0
}

.check-entered-number .btn {
    width: calc(100% - 159px);
    float: right;
    min-width: 0
}

.check-entered-number .change-number {
    width: 151px;
    color: #fff;
    float: left
}

.pretty-form.light-form {
    color: #333
}

.pretty-form .max-w {
    max-width: 420px;
    margin: 0 auto
}

.pretty-form.light-form .form-control {
    border: 1px solid #dedede
}

.icons-list li {
    padding: 0 0 0 38px;
    margin: 0 0 12px;
    background: 0 0
}

    .icons-list li:before {
        position: absolute;
        top: -1px;
        left: 0;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #1eb9a3;
        width: 33px;
        height: 32px
    }

.icon-piggy-bank:before {
    content: '\e825'
}

.icon-bank:before {
    content: '\f19c'
}

.icon-file:before {
    content: '\e827'
}

.icon-business-time:before {
    content: '\e828'
}

.pretty-form .icons-list {
    margin: 20px 0
}

.pretty-form.buy-on-tick-form .icons-list {
    margin: -5px 0
}

.pretty-form .icons-list li {
    font-size: 15px;
    line-height: 26px;
    padding-left: 34px;
    margin: 0 0 8px
}

    .pretty-form .icons-list li:before {
        top: -3px;
        width: 29px
    }

.map [class*=" icon-"], .map [class^=icon-] {
    padding-left: 0
}

.feedback-box #yandex-map-box {
    float: right;
    width: calc(100% - 420px)
}

#yandex-links {
    position: relative;
    z-index: 5;
    height: 57px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 10px 0 rgba(24,24,24,.2);
    -moz-box-shadow: 0 8px 10px 0 rgba(24,24,24,.2);
    box-shadow: 0 8px 10px 0 rgba(24,24,24,.2)
}

    #yandex-links a {
        float: left;
        width: 50%;
        height: 57px;
        font-size: 17px;
        line-height: 57px;
        color: #272727;
        background: #f2f2f2;
        text-align: center;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

        #yandex-links a.active {
            color: #fff;
            background: var(--main-bg-color);
            background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
            background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
            background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
            cursor: default
        }

.no-touchevents #yandex-links a:hover {
    opacity: 1
}

#yandex-links a:not(.active) span {
    border-bottom: 1px dotted #919191
}

.no-touchevents #yandex-links a:not(.active):hover span {
    border-bottom-color: transparent;
    opacity: .7
}

#yandex-map-box #yandex-map {
    height: 523px;
    width: 100%
}

#yandex-map [class*=" icon-"], #yandex-map [class^=icon-], .usual-map [class*=" icon-"], .usual-map [class^=icon-] {
    padding-left: 10px
}

#objects-box {
    position: relative;
    min-height: 500px;
    margin-top: 77px
}

#objects-filter {
    position: relative;
    z-index: 20;
    /*    background: #ededed;*/
    background: var(--remax-custom-color);
    
    background-size: 100%;
    padding: 12px 0 0
}

    #objects-filter #close-filter {
        display: none;
        position: absolute;
        top: 8px;
        right: 8px;
        width: 23px;
        height: 23px;
        background: url("../icons/close-popup.png") no-repeat 50% 50%;
        cursor: pointer;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

.no-touchevents #objects-filter #close-filter:hover {
    opacity: .7
}

.page-title-box {
    position: relative;
    padding: 16px 0 0;
    margin: 0 0 32px
}

    .page-title-box:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: -12px;
        left: -2000px;
        right: -2000px;
        bottom: -16px;
        background: url(../icons/gradient-box-bg.png) repeat-x top;
        border-top: 1px solid #ededed
    }

    .page-title-box h1 {
        font-size: 18px;
        line-height: 32px;
        color: #333;
        margin: 0 0 10px
    }

.quick-links-box {
    margin: 0
}

.quick-links-slider {
    position: relative;
    font-size: 14px;
    margin: 0 0 12px
}

    .quick-links-slider .swiper-slide {
        line-height: 1em;
        width: auto;
        padding: 0 16px 4px 0
    }

        .quick-links-slider .swiper-slide:last-child {
            padding: 0
        }

    .quick-links-slider a {
        color: #7d848b;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

.no-touchevents .quick-links-slider a:hover {
    border: transparent
}

.quick-links-slider .swiper-btn {
    position: absolute;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px
}

.quick-links-slider .swiper-btn-prev {
    left: -32px
}

.quick-links-slider .swiper-btn-next {
    right: -32px
}

.quick-links-slider .swiper-btn:before {
    position: relative
}

.quick-links-slider .swiper-btn-prev:before {
    content: '\f104';
    font-size: 20px;
    line-height: 1em
}

.quick-links-slider .swiper-btn-next:before {
    content: '\f105'
}

.filter {
    position: relative;
    font-size: 0;
    float: left;
    width: calc(100% - 260px)
    /*    width: 100%*/
}

    .filter .form {
        margin: 0;
        font-size: 0;
        float: left
    }

    .filter .sub-box {
        position: relative;
        /*max-width: 911px;*/
        padding-right: 123px;
        float: left
    }

        .filter .sub-box:after {
            content: '';
            position: absolute;
            width: 28px;
            right: 102px;
            bottom: 0;
            top: -12px;
/*            background: url("../icons/filter-advanced-bg.png") no-repeat 0 calc(50% + 17px);*/
/*            visibility: hidden;
            opacity: 0;*/
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            transition: all .2s ease
        }

    .filter.opened-advanced .sub-box:after {
        opacity: 1;
        visibility: visible
    }

    .filter .main-search {
        position: relative;
        z-index: 12
    }

    .filter .col {
        position: relative;
        z-index: 1;
        display: inline-block;
        vertical-align: top;
        margin: 0 18px 11px 0;
        width: 200px;
        line-height: 0
    }

        .filter .col.max-w {
            max-width: 100px
        }

    .filter .field {
        margin: 0
    }

        .filter .field.small {
            display: inline-block;
            vertical-align: top;
            width: 97px;
            margin-right: 4px
        }

            .filter .field.small:last-of-type {
                margin: 0
            }

        .filter .field .pre {
            font-size: 17px;
            line-height: 1em;
            color: gray;
            top: 15px;
            left: 13px
        }

    .filter .form-control {
        font-size: 16px;
        height: 45px;
        line-height: 43px;
        padding: 2px 4px 0 32px;
        color: #333
    }

    .filter input[type=number] {
        -moz-appearance: textfield
    }

        .filter input[type=number]::-webkit-inner-spin-button, .filter input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .filter .select2-container .select2-selection--single {
        height: 45px
    }

        .filter .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 16px;
            color: #333;
            line-height: 45px;
            padding: 0 32px 0 12px
        }

    .filter .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 25px
    }

        .filter .clone-select:after, .filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
            width: 11px;
            height: 6px;
            top: 20px;
            background: url("../icons/filter-select-arrow.png") no-repeat 0 0
        }

.filter-select-dropdown .select2-results__option {
    font-size: 15px;
    line-height: 1.315em;
    color: #333;
    padding: 7px 12px 8px 12px
}

.select2-container--default .filter-select-dropdown .select2-results > .select2-results__options {
/*    max-height: 145px;*/
    max-height: 250px;
}

.filter .clone-select {
    padding: 1px 32px 0 12px
}

    .filter .clone-select:after {
        right: 13px
    }

.filter .clone-select-box .dropdown {
    top: 45px;
    display: none
}

.filter .col.tiled-checkboxes {
    width: 130px;
    margin-right: 14px;
    max-height: 67.5px
}

.filter .col.top-align {
    vertical-align: top
}

.filter .col .checkbox-item {
    margin: 0 0 6px
}

.filter .col.tiled-checkboxes .checkbox-item {
    display: inline-block;
    vertical-align: top;
    width: 59px
}

    .filter .col.tiled-checkboxes .checkbox-item:nth-child(odd) {
        width: 51px
    }

    .filter .col.tiled-checkboxes .checkbox-item:last-child, .filter .col.tiled-checkboxes .checkbox-item:nth-last-child(2) {
        margin-bottom: 4px
    }

.advanced-search .data-alert, .main-search .data-alert {
    position: absolute;
    left: calc(100% + 14px);
    top: 17px;
    font-size: 12px;
    line-height: 1.25em;
    padding: 7px 10px;
    min-height: 45px;
    width: 176px;
    margin: 0;
    color: #fff;
    background: #d53e2e;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

    .advanced-search .data-alert:after, .main-search .data-alert:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -8px;
        width: 8px;
        height: 17px;
        margin: -9px 0 0;
        background: url("../icons/error-arrow-vertical.png") no-repeat 0 0
    }

@-moz-document url-prefix() {
    .main-search .data-alert {
        top: 18px
    }
}

.filter .form .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 114px;
    min-width: 0;
    margin: 18px 0 0 23px;
    padding: 13px 12px 12px;
    cursor: pointer;
    top: 50%;
    margin-top: -25px;
}

.filter.opened-advanced .form .btn {
    top: 50%;
    margin-top: -21px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease
}

.filter .advanced-search {
    position: relative;
    z-index: 9;
    display: none
}

.open-advanced-search {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3em;
    color: #7d848b;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -12px;
    padding: 5px 17px;
    margin: 0 0 0 -73px;
    background: #ededed;
    cursor: pointer
}

    .open-advanced-search.active {
        margin: 0 0 0 -97px
    }

    .open-advanced-search:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        margin: 5px 0 0 4px;
        width: 11px;
        height: 5px;
        background: url("../icons/filter-select-arrow.png") no-repeat 0 -1px
    }

    .open-advanced-search.active:after {
        background-position: 0 -8px
    }

    .open-advanced-search span {
        border-bottom: 1px dotted #bcbcbc
    }

.no-touchevents .open-advanced-search:hover span {
    opacity: .7;
    border-bottom-color: transparent
}

.filter .btn.mail-btn {
    position: absolute;
    right: 12px;
    top: 18px;
    float: left;
    font-size: 11px;
    min-width: 0;
    padding: 0;
    margin: 0 0 0 40px;
    width: 45px;
    height: 45px;
    border-color: #94cfc7
}

.no-touchevents .filter .btn.mail-btn:hover {
    border-color: var(--main-bg-color)
}

.filter .btn.mail-btn:before {
    position: relative;
    top: 8px;
    left: 0
}

.no-touchevents .filter .btn.mail-btn:hover:before {
    color: #fff
}

.mail-btn span {
    text-transform: none;
    color: #333;
    display: none
}

.change-layout-box {
    float: right;
    margin: 10px 0 0
}

    .change-layout-box.hide-layout-nav {
        margin-top: 32px
    }

.gallery-with-map-box {
    position: relative;
    line-height: 0
}

.gallery-with-map-box, .objects-list-view {
    float: left
}

.objects-list-view {
    margin: 0 0 0 72px
}

.gallery-with-map, .objects-list-view {
    position: relative;
    font-weight: 400;
    font-size: 11px;
    line-height: 1em;
    color: #333
}

    .gallery-with-map span, .mail-btn span, .objects-list-view span {
        border-bottom: 1px dotted #a7a7a7
    }

.change-layout-box .active span, .no-touchevents .gallery-with-map:hover span, .no-touchevents .mail-btn:hover span, .no-touchevents .objects-list-view:hover span {
    border-bottom-color: transparent
}

.change-layout-box .active {
    /*opacity: .5 !important;*/
    cursor: default
}

.gallery-with-map .icon, .objects-list-view .icon {
    position: absolute;
    top: -8px;
    left: -34px
}

.objects-list-view .icon {
    top: -8px;
    left: -38px
}

.change-layout-box .icon * {
/*    fill: var(--main-bg-color);*/
    fill: white;
}

.change-layout-box .active .icon * {
    /*fill: #858484*/
}

.change-layout-nav {
    position: absolute;
    left: -137px;
    top: 34px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #535353;
    padding: 11px 21px;
/*    background: #272727;*/
    background: #FFF;
    white-space: nowrap
}

.hide-layout-nav .change-layout-nav {
    display: none
}

.change-layout-nav:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 110px;
    width: 13px;
    height: 6px;
    background: url("../icons/change-layout-nav-arrow.png") no-repeat 0 0
}

.change-layout-nav .separator {
    margin: 0 5px
}

.change-layout-nav a {
    /*    color: #fff;*/
    color: var(--remax-custom-color);
    border-bottom: 1px dotted #a7a7a7
}

.change-layout-nav .active, .no-touchevents .change-layout-nav a:hover {
    border-bottom-color: transparent
}

.change-layout-nav .active {
    opacity: .7;
    cursor: default
}

.change-layout-nav a .icon {
    display: none
}

#objects-layout-box {
    position: relative;
    z-index: 19;
    margin: 0 auto
}

    #objects-layout-box:after {
        content: '';
        z-index: 100;
        position: absolute;
        left: 0;
        top: 20px;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: #fff url("../icons/loading.gif") no-repeat 50% 40%;
        opacity: 0;
        visibility: hidden
    }

    #objects-layout-box.loading:after {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .15s ease;
        -moz-transition: all .15s ease;
        transition: all .15s ease
    }

#objects-layout {
    position: relative;
    overflow: hidden
}

    #objects-layout.list-view {
        max-width: 1030px;
        margin: 0 auto;
        padding: 0 0 100px;
        overflow: visible
    }

.no-objects-message {
    position: absolute;
    left: 0;
    top: 26px;
    bottom: 16px;
    z-index: 100;
    overflow-y: auto;
    width: 59.09090909090909%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.list-view .no-objects-message, .tiled-view .no-objects-message {
    width: 100%
}

.list-view .no-objects-message {
    position: relative;
    display: block;
    top: auto;
    bottom: auto;
    overflow: visible;
    margin: 72px 0 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.map-view .no-objects-message {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateX(-100%)
}

.no-objects-message .align-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 100%;
    padding: 40px 16px;
    overflow: hidden
}

.no-objects-message .h4, .no-objects-message h4 {
    margin: 0 0 14px
}

.no-objects-message p {
    margin: 0
}

.no-objects-message .pretty-form {
    width: 100%;
    max-width: 600px;
    padding: 22px 16px 60px
}

    .no-objects-message .pretty-form .h4 {
        line-height: 1.291666666666667em;
        margin: 0 auto 13px
    }

    .no-objects-message .pretty-form > * {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

    .no-objects-message .pretty-form .form {
        margin: 31px auto 0
    }

    .no-objects-message .pretty-form .btn {
        margin: 12px auto 0
    }

    .no-objects-message .pretty-form .message-box {
        margin-top: 18px
    }

    .no-objects-message .pretty-form .bg {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

        .no-objects-message .pretty-form .bg:after, .no-objects-message .pretty-form .bg:before {
            content: '';
            position: absolute;
            top: -57px;
            left: -109px;
            width: 263px;
            height: 182px;
            background: url("../icons/pretty-form-left-bg.png") no-repeat 0 0
        }

        .no-objects-message .pretty-form .bg:after {
            top: -62px;
            left: auto;
            right: -296px;
            width: 681px;
            height: 473px;
            background: url("../icons/pretty-form-right-bg.png") no-repeat 0 0
        }

#objects-list-box {
    position: absolute;
    z-index: 2;
    top: 26px;
    left: 0;
    bottom: 16px;
    width: 59.09090909090909%;
    padding: 0 24px 0 24px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff
}

#objects-layout.list-view #objects-list-box {
    position: relative;
    top: 0;
    padding: 26px 0 0;
    bottom: auto;
    width: 100%
}

#objects-layout.map-view #objects-list-box, #objects-layout.tiled-view #objects-list-box {
    width: 100%
}

#objects-layout.map-view #objects-list-box {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

#objects-layout-box.loading, #objects-list-box.loading {
    background: url("../icons/loading.gif") no-repeat 50% 40%;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

#objects-list-box .mCustomScrollBox {
    margin-right: -46px;
    padding: 0 46px 0 0;
    max-width: none
}

#objects-list-box.loading .mCSB_scrollTools {
    display: none !important
}

#objects-list-box h1 {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    margin: -2px 0 23px
}

.list-view #objects-list-box h1, .map-view #objects-list-box h1, .tiled-view #objects-list-box h1 {
    display: none
}

#objects-list {
    font-size: 0;
    margin: 0 -10px;
    background: #fff
}

.list-view #objects-list {
    margin: 0
}

.no-objects-test #objects-list {
    display: none !important
}

#objects-list .item {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin: 0 0 32px;
    min-width: 320px
}

.list-view #objects-list .item.hidden {
    margin: 0 0 19px;
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
    -moz-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.list-view #objects-list .item {
    display: block;
    padding: 0;
    width: 100%;
    padding-right: 168px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#objects-layout.tiled-view #objects-list .item {
    width: 33.33333333%
}

@media screen and (min-width:1600px) {
    #objects-layout.tiled-view #objects-list .item {
        width: 25%
    }
}

@media screen and (min-width:1956px) {
    #objects-layout.tiled-view #objects-list .item {
        width: 20%
    }
}

@media screen and (min-width:1820px) {
    #objects-list .item {
        width: 33.333333%
    }
}

@media screen and (min-width:2312px) {
    #objects-layout.tiled-view #objects-list .item {
        width: 16.66666666666667%
    }
}

@media screen and (min-width:2500px) {
    #objects-list .item {
        width: 25%
    }
}

#objects-list .object, .object, .similar-objects-slider .object {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.533333333333333em;
    max-width: 356px;
    margin: 0 auto
}

.list-view #objects-list .object {
    position: static;
    max-width: none;
    margin: 0;
    overflow: hidden
}

.objects-list .object {
    max-width: none
}

.object {
    position: relative
}

    .object * {
        margin: 0;
        color: #333
    }

    .object .img-box {
        position: relative;
        margin: 0 0 7px;
        overflow: hidden;
        max-height: 240px
    }

.objects-list .object .img-box {
    max-height: 320px
}

.list-view .object .img-box {
    width: 252px;
    float: left;
    max-height: 170px;
    margin: 0
}

.no-touchevents .object .img-box a {
    display: block;
    line-height: 0;
    overflow: hidden
}

    .no-touchevents .object .img-box a:hover {
        opacity: 1
    }

#objects-layout-box .object .img-slider, #objects-map-box .object .img-slider {
    background: url("../icons/loader.gif") no-repeat 50% 50%
}

.objects-list .object .img-box img {
    width: 100%
}

.list-view .object .img-box img {
    max-height: 170px
}

.no-touchevents .object .img-box a img {
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transition: all 3s ease
}

.no-touchevents .object .img-box a:hover img:not(.no-photo), .no-touchevents .object.on-hover .img-box a img:not(.no-photo) {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 10s ease;
    -moz-transition: all 10s ease;
    transition: all 15s ease
}

.object .img-slider .slick-arrow {
    top: 38%;
    width: 28px;
    height: 28px;
    padding: 0;
    margin-top: -14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: 0 0;
    opacity: 1 !important
}

.list-view .object .img-slider .slick-arrow {
    top: 50%
}

.object .img-slider .slick-arrow:after {
    display: none
}

.object .img-slider .slick-arrow:before {
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    text-indent: 0;
    text-shadow: 0 3px 5px rgba(0,0,0,.5)
}

.object .img-slider .slick-prev:before {
    content: '\f104';
    left: 8px
}

.object .img-slider .slick-next:before {
    content: '\f105';
    left: auto;
    right: 8px
}

.no-touchevents .object .img-slider .slick-arrow:hover:before {
    color: var(--main-border-color)
}

.object .img-box .header {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: -2px;
    min-height: 44px;
    padding: 0 10px 8px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

    .object .img-box .header:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: -1px;
        right: -1px;
        bottom: 0;
        height: 76px;
        background: url("../icons/object-header-bg.png") repeat-x 100% 100%
    }

.object.has-status .img-box .header:before {
    display: none
}

.object .description {
    position: relative;
    max-height: 69px;
    overflow: hidden;
    margin: 0 10px 6px;
}

.list-view .object .description {
    max-height: 46px
}

.objects-list.layout-grid .object p {
    margin: 0
}

.object .description a {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
@media screen and (min-width: 701px) {
    .object .description a {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.no-touchevents .object .description a:hover, .no-touchevents .object.on-hover .description a {
    opacity: 1 !important;
    color: var(--main-th-color)
}

.object .description:after {
    content: '';
    position: absolute;
    top: 46px;
    right: 0;
    width: 177px;
    height: 26px;
    background: url("../icons/text-gradient.png") no-repeat 0 0
}

.list-view .object .description:after {
    top: 23px
}

.number-of-rooms {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 11px;
    line-height: 1em;
    color: #fff;
    padding: 8px 14px 7px;
    text-transform: uppercase;
    background: var(--main-bg-color);
    background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
    background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%)
}

.object .img-box .header .number-of-rooms {
    margin: 0 0 6px
}

.object .img-box .header.short-label .number-of-rooms {
    max-width: 104px;
    padding-left: 13px;
    padding-right: 13px
}

.object .status {
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    padding: 0 10px;
    background: rgba(0,0,0,.5)
}

    .object .status:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        position: relative;
        height: 100%;
        width: 0
    }

    .object .status span {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-weight: 700;
        font-size: 34px;
        line-height: 1em;
        color: #fff;
        text-align: center;
        padding: 17px 16px 21px;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
        box-shadow: 0 10px 10px rgba(0,0,0,.2)
    }

.price {
    font-size: 18px;
    text-align: right
}

.object .img-box .header .price-box {
    display: flex;
    align-items: flex-end
}

#objects-map-box .img-box .header .price-box {
    display: block
}

.object .img-box .header .price-box .price {
    white-space: nowrap;
    margin-left: 12px
}

    .object .img-box .header .price-box .price:first-child {
        margin-left: 0
    }

    .object .img-box .header .price-box .price.additional .ruble {
        font-size: 16px;
        line-height: 20px
    }

    .object .img-box .header .price-box .price.additional .others-currency, .object .img-box .header .price-box .price.additional .square-meter-price {
        font-size: 14px
    }

.list-view .price {
    margin: 0 0 26px
}

    .list-view .price:last-child {
        margin: 0
    }

.price.attr span {
    color: #171717
}

.price.attr .scheme-el {
    color: #fff
}

.aside .price.attr .scheme-el {
    color: #333
}

.price.attr:before {
    display: none
}

.vat {
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 1em;
    margin: 0 0 4px
}

.ruble {
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 1em;
    color: #171717
}

.list-view .additional .ruble {
    font-size: 16px
}

.others-currency, .square-meter-price {
    display: block;
    font-weight: 900;
    font-size: 16px;
    line-height: 1em;
    color: #171717
}

    .others-currency .tooltip {
        margin: 3px 0 0 4px
    }

.additional .others-currency .tooltip, .additional .square-meter-price .tooltip {
    margin-top: 1px
}

.list-view .others-currency .tooltip {
    display: none
}

.ruble + .others-currency, .ruble + .square-meter-price {
    margin: 2px 0 0
}

.list-view .ruble + .others-currency, .list-view .ruble + .square-meter-price {
    margin: 4px 0 0
}

.list-view .additional .ruble + .others-currency, .list-view .additional .ruble + .square-meter-price {
    margin: 6px 0 0
}

#objects-list .ruble .tooltip {
    display: none
}

.list-view #objects-list .ruble .tooltip {
    display: block
}

.list-view .ruble .tooltip {
    position: absolute;
    top: 3px;
    right: -16px;
    margin: 0
}

.list-view .additional .ruble .tooltip {
    top: 1px
}

.js-favourite {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    font-size: 22px;
    line-height: 1em;
    color: #fff;
    cursor: pointer
}

.object .js-favourite {
    position: absolute;
    z-index: 10;
    top: 2px;
    right: 3px
}

    .object .js-favourite:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        width: 24px;
        height: 20px;
        opacity: 0;
        background: url("../icons/js-favourite-fill.png") no-repeat 0 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    .object .js-favourite:before {
        color: #fff;
        margin: 4px 0 0 5px
    }

.js-favourite.active:before, .no-touchevents .js-favourite:hover:before {
    color: var(--main-border-color)
}

.js-favourite.active:after {
    opacity: 1
}

.vr-tour-icon {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: var(--main-border-color);
    width: 27px;
    height: 27px;
    padding: 1px 1px 0 0;
    background: #fff;
    border-radius: 110%;
    box-shadow: 0 2px 1px rgba(65,65,65,.19)
}

.object .vr-tour-icon {
    position: absolute;
    z-index: 10;
    top: 7px;
    left: 8px
}

.attributes {
    display: flex;
/*    gap: 10px;*/
    justify-content: space-between;
    /*    display: table;
    table-layout: fixed;*/
    width: 100%;
    font-size: 0;
    margin: 6px 0 0
}

    .attributes .col {
        display: table-cell;
        vertical-align: top;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5em;
        color: #43484e;
        margin: 0 10px 7px
    }

    .attributes .col:nth-child(2n) {
/*        text-align: right;
        width: 136px*/
        text-wrap: nowrap;
    }

.attr {
    position: relative;
    font-weight: 700;
    color: #43484e;
    padding-left: 28px
}

.attributes .square {
    /*white-space: nowrap*/
}

.objects-list .square {
    padding-left: 0
}

.icon-location.attr {
    font-weight: 400;
    padding-left: 24px !important
}

.attr span {
    color: #7d848b
}

.list-view .attr:not(.icon-location):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 21px;
    background: url("../icons/attributes-icons.png") no-repeat 0 0
}

.attributes .icon-location:before {
    top: -1px
}

.total-area.attr:before {
    top: -1px
}

.construction-year.attr:before {
    background-position: -23px 0 !important
}

.floor.attr:before {
    background-position: -46px 0 !important
}

.material-walls.attr:before {
    background-position: -68px 0 !important
}

.living-space.attr:before {
    background-position: -91px 0 !important
}

.kitchen.attr:before {
    background-position: -114px 0 !important
}

.land-area.attr:before {
    background-position: -137px 0 !important
}

.land-area-no-house.attr:before {
    background-position: -160px 0 !important
}

.map-view #objects-list .attr, .similar-objects .attr, .tiled-map-view #objects-list .attr, .tiled-view #objects-list .attr {
    padding-left: 0
}

.map-view #objects-list .total-area.attr:before, .tiled-map-view #objects-list .total-area.attr:before, .tiled-view #objects-list .total-area.attr:before {
    display: none
}

.list-view .description-box {
    float: left;
    width: calc(100% - 252px);
    padding: 17px 24px 10px 17px
}

    .list-view .description-box > :last-child {
        margin: 0
    }

    .list-view .description-box > .attributes:last-child {
        margin-bottom: -7px
    }

    .list-view .description-box .header {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 0 5px
    }

        .list-view .description-box .header .col {
            display: table-cell;
            vertical-align: top
        }

            .list-view .description-box .header .col:nth-child(2) {
                width: 190px;
                padding-left: 24px
            }

.list-view .icon-location {
    font-weight: 400;
    font-size: 14px;
    margin: 3px 0 7px
}

    .list-view .icon-location.has-district {
        margin: 0
    }

        .list-view .icon-location.has-district:before {
            top: 3px
        }

.icon-location .district {
    font-size: 10px;
    line-height: 1em;
    color: #43484e;
    display: none
}

.list-view .icon-location .district {
    display: block
}

.list-view .description {
    margin: 0 0 9px
}

.list-view .attributes {
    display: block;
    margin: 9px 0 -7px
}

    .list-view .attributes .col {
        display: inline-block;
        vertical-align: top;
        width: 33.3333%;
        text-align: left;
        white-space: nowrap
    }

.list-view .price-box {
    position: absolute;
    right: 0;
    top: 17px;
    height: calc(100% - 34px);
    font-size: 0;
    padding-right: 36px;
    border-left: 1px solid #e4e4e4
}

    .list-view .price-box:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        position: relative;
        height: 100%
    }

    .list-view .price-box .sub-box {
        display: inline-block;
        vertical-align: middle
    }

#objects-map-box {
    position: absolute;
    z-index: 1;
    top: 26px;
    right: 0;
    bottom: 16px;
    width: 40.90909090909091%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

#objects-layout.list-view #objects-map-box {
    display: none
}

#objects-layout.map-view #objects-map-box, #objects-layout.tiled-view #objects-map-box {
    width: 100%
}

#objects-layout.tiled-view #objects-map-box {
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

#objects-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#objects-map-box .checkbox-item {
    position: absolute;
    z-index: 100;
    top: 4px;
    left: 4px;
    padding: 7px 10px 7px 7px;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.15);
    box-shadow: 0 5px 10px rgba(0,0,0,.15)
}

    #objects-map-box .checkbox-item input[type=checkbox] + label {
        font-weight: 500;
        font-size: 11px;
        line-height: 1.2em;
        color: #686e74;
        padding: 1px 0 0
    }

        #objects-map-box .checkbox-item input[type=checkbox] + label span {
            display: inline-block;
            vertical-align: middle
        }

        #objects-map-box .checkbox-item input[type=checkbox] + label:before {
            position: relative;
            top: -1px;
            left: 0;
            display: inline-block;
            vertical-align: middle;
            margin: 0 7px 0 0
        }

#objects-map-box .pin-icon-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 33px;
    margin: 0;
    padding: 9px 8px 0;
    letter-spacing: -.5px;
    white-space: nowrap;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    box-shadow: 0 10px 20px rgba(0,0,0,.15)
}

.no-touchevents #objects-map-box .pin-icon-text.on-hover {
    color: #fff;
    background: var(--main-bg-color);
    -webkit-animation: pointAnimate .4s ease-in-out;
    -ms-animation: pointAnimate .4s ease-in-out;
    animation: pointAnimate .4s ease-in-out
}

@-webkit-keyframes pointAnimate {
    0% {
        -webkit-transform: translate3d(0,0,0)
    }

    50% {
        -webkit-transform: translate3d(0,-10px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0)
    }
}

@-ms-keyframes pointAnimate {
    0% {
        -ms-transform: translate3d(0,0,0)
    }

    50% {
        -ms-transform: translate3d(0,-10px,0)
    }

    100% {
        -ms-transform: translate3d(0,0,0)
    }
}

@keyframes pointAnimate {
    0% {
        transform: translate3d(0,0,0)
    }

    50% {
        transform: translate3d(0,-10px,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

#objects-map-box .pin-icon-text:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 13px;
    height: 6px;
    margin: 0 0 0 -7px;
    background: url("../icons/map-point-arrow.png") no-repeat 0 0
}

#objects-map-box .pin-icon-text.on-hover:after {
    background-position: 0 100%
}

#objects-map-box .cluster-icon-text, #objects-map-box .pin-icon-text {
    font-weight: 900;
    font-size: 15px;
    line-height: 1em;
    color: #171717;
    text-align: center
}

#objects-map-box .object {
    max-width: 240px
}

    #objects-map-box .object * {
        font-family: Roboto,sans-serif !important
    }

#objects-map-box .img-box {
    margin: 0
}

#objects-map-box .object .img-box .header {
    padding: 7px 8px 9px 0
}

    #objects-map-box .object .img-box .header:before {
        height: 60px;
        background: url("../icons/object-header-bg-small.png") repeat-x 100% 100%
    }

#objects-map-box .object .number-of-rooms {
    font-weight: 700;
    font-size: 8px;
    padding: 9px 9px 7px;
    margin-bottom: 2px
}

#objects-map-box .price.attr {
    padding-left: 0
}

#objects-map-box .tooltip {
    margin: 2px 0 0 2px
}

#objects-map-box .ruble {
    font-size: 14px
}

#objects-map-box .vat {
    margin-right: 12px
}

#objects-map-box .others-currency {
    font-size: 13px;
    margin: 1px 12px 0 0
}

#objects-map-box .content {
    padding: 10px 12px 14px
}

#objects-map-box .description {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.307692307692308em;
    color: #333;
    margin: 0 0 9px
}

#objects-map-box .object .description:after {
    top: 50px;
    width: 77px;
    height: 20px
}

#objects-map-box .attributes {
    font-weight: 400;
    font-size: 11px;
    line-height: 1.272727272727273em;
    color: #43484e
}

    #objects-map-box .attributes .col:first-child {
        width: 116px
    }

    #objects-map-box .attributes .col:nth-child(2n) {
        width: auto
    }

#objects-map-box .icon-location.attr, #objects-map-box .square.attr {
    font-weight: 400;
    font-size: 11px;
    line-height: 1.272727272727273em;
    color: #43484e;
    padding-left: 14px !important
}

#objects-map-box .icon-location:before {
    font-size: 19px;
    top: 0
}

#objects-map-box .square.attr {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    padding: 0 !important;
    margin: 0
}

#objects-map-box .js-favourite {
    top: 5px;
    right: 6px;
    width: 24px;
    height: 24px
}

    #objects-map-box .js-favourite:before {
        font-weight: 400;
        font-size: 18px;
        margin: 3px 0 0 3px
    }

    #objects-map-box .js-favourite:after {
        top: 4px;
        left: 3px;
        width: 18px;
        height: 15px;
        background-size: 100% auto
    }

#objects-map-box .img-slider .slide img {
    min-height: 161.8px
}

#map-zoom-controls {
    width: 36px
}

    #map-zoom-controls .zoom-btn {
        position: relative;
        width: 36px;
        height: 36px;
        background: #fff;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        cursor: pointer
    }

    #map-zoom-controls #zoom-out {
        position: relative;
        z-index: 100;
        margin: 8px 0 0;
        background-position: 0 100%
    }

    #map-zoom-controls .zoom-btn:after {
        content: '+';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: Arial,sans-serif;
        font-weight: 400;
        font-size: 29px;
        line-height: 37px;
        text-align: center;
        color: #4d4d4d
    }

    #map-zoom-controls #zoom-out:after {
        content: '—';
        font-weight: 700;
        line-height: 36px;
        font-size: 14px
    }

.no-touchevents #map-zoom-controls .zoom-btn:hover:after {
    color: var(--main-border-color)
}

.map-text-grid {
    position: relative;
    padding: 63px 0 92px;
    min-height: 428px;
    background: url("../icons/gradient-box-bg.png") repeat-x top
}

    .map-text-grid .text-box {
        max-width: 50.5%;
        padding-right: 24px
    }

    .map-text-grid .h2, .map-text-grid h2 {
        margin-top: 0
    }

    .map-text-grid .usual-map-box {
        position: absolute;
        top: 0;
        right: 0;
        width: 49.5%;
        height: 100%
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: block;
    max-width: 340px;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,.3);
    box-shadow: 0 5px 20px rgba(0,0,0,.3)
}

    .popover.in-cluster {
        padding-top: 24px
    }

.popover-inner {
    padding: 0 !important
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

    .popover-title:empty {
        display: none
    }

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-width: 11px;
    border-bottom-width: 0
}

    .popover .arrow:after {
        content: "";
        bottom: 1px;
        border-width: 10px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0
    }

.popover .close {
    position: absolute;
    left: 0;
    top: -23px;
    width: 23px;
    height: 23px;
    background: #fff;
    cursor: pointer
}

.popover.in-cluster .close {
    top: 0
}

.no-touchevents .popover .close:hover {
    opacity: 1;
    background: var(--main-th-color)
}

.popover .close:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    margin: 5px auto;
    background: url("../icons/popover-close.png") no-repeat 0 0
}

.no-touchevents .popover .close:hover:after {
    content: '';
    background-position: 0 100%
}

.popover-inner ymaps {
    color: var(--main-border-color) !important
}

.popover-inner :before {
    border-color: var(--main-border-color) !important
}

#objects-controls {
    display: none;
    position: fixed;
    z-index: 100;
    height: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 -3px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 -3px 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 -3px 5px 0 rgba(0,0,0,.15)
}

    #objects-controls.unfixed {
        position: absolute
    }

#open-filter {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.2em;
    border-bottom: 1px dotted #a7a7a7;
    cursor: pointer;
    margin: 20px 0 0 0
}

.no-touchevents #open-filter:hover {
    border-bottom-color: transparent
}

#open-filter:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -34px;
    width: 27px;
    height: 25px;
    background: url("../icons/open-filter-icon.png") no-repeat 0 0
}

@media screen and (max-width:1360px) {
    .filter {
        width: calc(100% - 260px)
    }

        .filter .sub-box {
            max-width: 794px;
            padding-right: 102px
        }

            .filter .sub-box:after {
                right: 77px
            }

        .filter .col {
            margin: 0 14px 11px 0;
            width: 174px
        }

            .filter .col.tiled-checkboxes {
                margin-right: 8px
            }

        .filter .field.small {
            width: 85px
        }

        .filter .col.max-w {
            max-width: 100px
        }

/*        .filter .form .btn {
            width: 90px;
            margin: 18px 0 0 18px
        }*/

        .filter .btn.mail-btn {
            right: 50px
        }
}

@media screen and (max-width:1250px) {
    .change-layout-box {
        float: right;
/*        margin: 4px 0 0*/
        margin: 10px 30px 0
    }

    .change-layout-box.hide-layout-nav {
        margin-top: 24px
    }

    .gallery-with-map, .objects-list-view {
        display: inline-block;
        vertical-align: top;
        line-height: 1.4em;
        max-width: 70px
    }

    .objects-list-view {
        margin: 0 0 0 58px
    }

        .gallery-with-map .icon, .objects-list-view .icon {
            position: absolute;
            top: -1px;
            left: -34px
        }

        .objects-list-view .icon {
            top: 2px;
            left: -38px
        }

    .change-layout-nav {
        top: 40px
    }

    .filter .btn.mail-btn {
        right: 0
    }
}

@media screen and (min-width:1191px) {
    .sticky-single-page-nav .single-page-nav .container {
        position: fixed;
        z-index: 1000;
        left: 50%;
        top: 48px;
        width: 1170px;
        max-width: 100%;
        margin: 0 0 0 -585px
    }

    .opened-nav.sticky-single-page-nav .single-page-nav .container {
        opacity: 0;
        visibility: hidden;
        transition: all .2s linear
    }

    .sticky-single-page-nav .single-page-nav ul {
        text-align: left;
        margin-left: 250px
    }

    .sticky-single-page-nav .single-page-nav li a:before {
        top: -28px
    }
}

@media screen and (max-width:1190px) {
    .objects-page #header {
        -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);
        box-shadow: 0 3px 3px 0 rgba(0,0,0,.15)
    }

    #objects-box {
        margin-left: -8px;
        margin-right: -8px;
        padding: 0 8px;
        min-height: 440px
    }

    #objects-filter {
        position: fixed;
        z-index: 1001;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 40px 0 0;
        font-size: 0;
        text-align: center;
        background: #f4f4f4;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transition: all .3s ease .2s;
        -moz-transition: all .3s ease .2s;
        transition: all .3s ease .2s
    }

        #objects-filter.visible {
            visibility: visible;
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease
        }

        #objects-filter:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            position: relative;
            height: 100%;
            width: 0
        }

        #objects-filter .container-large {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            max-width: 840px;
            margin: 0 auto;
            overflow: auto;
            max-height: 100%;
            padding: 0 12px;
            opacity: 0;
            -webkit-transform: translate3d(0,-30px,0);
            -moz-transform: translate3d(0,-30px,0);
            -ms-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            transition: all .5s ease
        }

        #objects-filter.visible .container-large {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transition: all .5s ease .3s;
            -moz-transition: all .5s ease .3s;
            transition: all .5s ease .3s
        }

    .filter {
        float: none;
        width: 100%
    }

        .filter .form {
            float: none;
            padding-bottom: 32px
        }

        .filter .sub-box {
            position: relative;
            max-width: none;
            padding: 0;
            float: none
        }

            .filter .sub-box:after {
                display: none
            }

        .filter .col {
            margin: 0 0 11px 0;
            width: 216px;
            padding: 0 8px
        }

            .filter .col.tiled-checkboxes {
                margin: 0 0 11px 0;
                width: 136px
            }

        .filter .field.small {
            width: 97px;
            margin: 0 6px 0 0
        }

    .open-advanced-search {
        display: none;
        position: relative;
        bottom: auto;
        margin: 10px 0 0 -73px
    }

        .open-advanced-search.active {
            margin-top: 16px
        }

    .filter .advanced-search {
        display: block
    }

    .filter .form .btn, .filter.opened-advanced .form .btn {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        max-width: 320px;
        margin: 22px auto 0
    }

    #objects-filter #close-filter {
        z-index: 100;
        display: block
    }

    .advanced-search .data-alert, .main-search .data-alert {
        position: relative;
        left: 0;
        top: 0;
        font-size: 12px;
        line-height: 1.25em;
        padding: 7px 10px;
        min-height: 45px;
        width: 100%;
        margin: 16px 0 0;
        color: #fff;
        background: #d53e2e;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
        box-shadow: 0 2px 4px rgba(0,0,0,.2)
    }

        .advanced-search .data-alert:after, .main-search .data-alert:after {
            top: -9px;
            left: 50%;
            width: 18px;
            height: 9px;
            margin: 0 0 0 -9px;
            background: url("../icons/error-arrow.png") no-repeat 0 0
        }

    .single-page-nav li a:before {
        display: none
    }

    #objects-layout-box:after {
        top: 0
    }

    #objects-layout {
        width: 200%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease
    }

        #objects-layout.map-view {
            -webkit-transform: translate3d(-50%,0,0);
            -moz-transform: translate3d(-50%,0,0);
            -ms-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0)
        }

    #objects-list-box {
        width: 50% !important;
        float: left;
        position: relative;
        top: 0;
        padding: 0 16px;
        margin: 16px 0 60px;
        min-height: calc(100vh - 77px);
        max-width: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
    }

    .tiled-view #objects-list-box h1 {
        display: block;
        margin: 16px 0 24px
    }

    #objects-list .item {
        width: 33.3333333% !important
    }

    #objects-map-box {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50% !important;
        height: calc(100vh - 77px);
        min-height: 500px;
        float: left;
        max-width: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
    }

        #objects-map-box .checkbox-item {
            display: none
        }

    #objects-controls {
        display: block
    }

    .change-layout-box {
        display: none
    }

    #objects-controls .change-layout-nav {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 0;
        left: 0;
        margin: 24px 0 0 0;
        padding: 0;
        background: 0 0
    }

        #objects-controls .change-layout-nav:before {
            display: none
        }

        #objects-controls .change-layout-nav a {
            position: relative;
            color: #535353;
            margin: 0 30px
        }

            #objects-controls .change-layout-nav a[data-layout=tiled-map-view] {
                display: none
            }

    #objects-controls .change-layout-box .active {
        opacity: 1
    }

    #objects-controls .change-layout-nav a .icon {
        position: absolute;
        top: -10px;
        left: -34px;
        display: block
    }

    #objects-controls .change-layout-nav a[data-layout=tiled-view] .icon {
        top: -8px;
        left: -38px
    }

    #objects-controls .change-layout-nav .icon * {
        fill: var(--main-bg-color)
    }

    #objects-controls .change-layout-nav .active .icon * {
        fill: #858484
    }

    #objects-controls .change-layout-nav .separator {
        display: none
    }

    #objects-list-box .lazy-load-box {
        display: none
    }

    #objects-list-box #objects-list.lazy-load + .lazy-load-box {
        display: block
    }

    .no-objects-message {
        top: 0;
        bottom: 120px;
        width: 50% !important;
        overflow-y: visible
    }

        .no-objects-message .align-box {
            padding: 24px 16px
        }

    #open-filter {
        margin: 20px 0 0 70px
    }

    #objects-controls .btn.mail-btn {
        position: relative;
        top: 0;
        right: 0;
        min-width: 0;
        margin: 15px 0 0 32px;
        border: none;
        padding: 3px 0 0 32px;
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

        #objects-controls .btn.mail-btn span {
            display: inline-block;
            vertical-align: top
        }

        #objects-controls .btn.mail-btn:before {
            top: 0
        }
}

@media screen and (max-width:1100px) and (min-width:1000px) {
    .circle-dots .main-text {
        font-size: 40px
    }

    .circle-dots .sub-text {
        font-size: 27px
    }
}

@media screen and (max-width:1040px) {
    #objects-list .item {
        width: 50% !important
    }
}

@media screen and (max-width:860px) {
    .landing-main-description .title-box {
        width: 56%;
        padding-right: 32px
    }

    .landing-main-description .text-box {
        width: 44%;
        margin: 6px 0 0
    }

    .landing-main-description .title {
        font-size: 34px
    }

    #objects-filter .container-large {
        max-width: 510px
    }

    .filter .main-search {
        z-index: 11
    }

    .open-advanced-search {
        display: inline-block;
        vertical-align: top
    }

    .filter .advanced-search {
        display: none
    }
}

@media screen and (max-width:780px) {
    #objects-box {
        margin-top: 60px
    }

    #objects-list-box {
        min-height: calc(100vh - 60px)
    }

    #objects-map-box {
        height: calc(100vh - 60px)
    }

    .tiled-view #objects-list-box h1 {
        margin: 0 0 24px
    }

    .page-banner.custom-landing-layout .align-m {
        height: auto;
        padding: 120px 0 60px
    }

    .landing-main-description .event-data {
        margin: 0 0 33px
    }

    .landing-main-description .grid {
        display: block
    }

    .landing-main-description .title-box {
        width: 100%;
        padding-right: 0;
        margin: 0 0 25px
    }

    .landing-main-description .text-box {
        width: 100%;
        margin: 0
    }

    .landing-main-description .title {
        font-size: 34px
    }

    .landing-main-description .btn {
        margin: 40px auto 0
    }

    .command {
        padding-top: 24px
    }

    .contacts-wrap {
        margin: 0
    }

    #main .container .contacts-wrap:first-child {
        margin-top: 0 !important
    }

    .lazy-load-box + .agents-footer {
        margin-top: 90px
    }
}

@media screen and (max-width:700px) {
    #objects-list-box {
        padding: 0 12px
    }

    #objects-list {
        margin: 0
    }

        #objects-list .item {
            padding: 0;
            min-width: 0;
            width: 100% !important;
            margin: 0 0 48px
        }
}

@media screen and (max-width:540px) {
    #objects-controls .change-layout-nav {
        margin: 14px 0 0
    }

        #objects-controls .change-layout-nav a {
            display: inline-block;
            vertical-align: top;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            width: 29px;
            height: 33px;
            margin: 0 15px;
            border: none
        }

            #objects-controls .change-layout-nav a[data-layout=tiled-view] .icon {
                top: 2px;
                left: 0
            }

            #objects-controls .change-layout-nav a[data-layout=map-view] .icon {
                top: 0;
                left: 2px
            }

    .command {
        padding-top: 32px
    }
}

@media screen and (max-width:500px) {
    #objects-filter .container-large {
        max-width: 320px;
        width: 100%
    }

    .filter .col {
        display: block;
        padding: 0;
        margin: 0 0 16px;
        width: 100%
    }

        .filter .col.tiled-checkboxes {
            margin: 0 0 16px
        }

    .filter .field.small {
        width: 48.5%;
        margin: 0 1.5% 0 0
    }

        .filter .field.small:last-of-type {
            margin: 0 0 0 1.5%
        }

    .filter .col.max-w {
        max-width: none
    }

    .filter .col.top-align {
        vertical-align: top;
        margin-top: -14px
    }

    .filter .col .form-control {
        margin: 0
    }

    .open-advanced-search.active {
        margin-top: 12px
    }
}

@media screen and (max-width:440px) {
    #objects-controls .change-layout-nav {
        margin: 19px 0 0
    }

        #objects-controls .change-layout-nav a {
            width: 19px;
            height: 23px;
            margin: 0 8px
        }

            #objects-controls .change-layout-nav a[data-layout=tiled-view] .icon {
                top: 2px;
                width: 19px;
                height: 19px
            }

            #objects-controls .change-layout-nav a[data-layout=map-view] .icon {
                top: 0;
                left: 0;
                width: 19px;
                height: 22px
            }

    #open-filter {
        font-size: 13px;
        margin: 22px 0 0 52px
    }

        #open-filter:before {
            top: -1px;
            left: -29px;
            width: 22px;
            height: 20px;
            background: url("../icons/open-filter-icon.png") no-repeat 0 0/22px 20px
        }

    #objects-controls .btn.mail-btn {
        font-size: 13px;
        margin: 17px 0 0 21px;
        border: none;
        padding: 3px 0 0 27px;
        width: auto !important
    }

        #objects-controls .btn.mail-btn:before {
            font-size: 20px;
            top: 3px;
            left: 0
        }

    .touchevents #objects-controls .btn.mail-btn:before {
        top: 2px
    }
}

@media screen and (max-width:410px) {
    #objects-controls {
        min-width: 320px
    }
}

#object-inner-slider {
    position: relative;
    z-index: 10;
    margin: 77px 0 70px;
    opacity: 0
}

.page-banner + #object-inner-box #object-inner-slider {
    margin-top: 0
}

.landing-page #object-inner-slider {
    margin-bottom: 116px
}

#object-inner-slider.visible {
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

#object-inner-slider .main-slider {
    position: relative;
    max-height: 425px;
    overflow: hidden
}

#object-inner-slider .slider {
    background: #fff
}

#object-inner-slider .main-slider .slide {
    position: relative;
    width: 632px;
    padding: 0;
    cursor: pointer
}

    #object-inner-slider .main-slider .slide.slick-current:not(.video-slide):before {
        content: '\e802';
        position: absolute;
        z-index: 20;
        left: 50%;
        top: 50%;
        font-size: 70px;
        line-height: 70px;
        -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        opacity: 0
    }

.no-touchevents #object-inner-slider .main-slider .slide:hover:before {
    opacity: 1
}

#object-inner-slider .slide img {
    margin: 0 auto
}

#object-inner-slider .slide .video-wrapper {
    padding-bottom: 67.24683544303797%;
    margin: 0
}

#object-inner-slider .main-slider .sub-box {
    position: absolute;
    z-index: 991;
    left: 50%;
    width: 632px;
    margin: 0 0 0 -316px;
    bottom: 0;
    padding: 0 70px 12px;
    text-align: center
}

#object-inner-slider .main-slider .video-thumb {
    position: relative;
    padding-bottom: 67.24683544303797%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

    #object-inner-slider .main-slider .video-thumb:after {
        left: 50%;
        top: 45%
    }

.no-touchevents #object-inner-slider .main-slider .video-thumb:hover:after {
    opacity: .9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#object-inner-slider .main-slider .vr-tour-icon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding: 0;
    width: 150px;
    height: 132px;
    margin: -66px 0 0 -75px
}

#object-inner-slider .main-slider .vr-tour-icon {
    width: 89px;
    height: 89px;
    background: #fff url("../icons/virtual-tour-icon.svg") no-repeat 50% 50%/54px 40px;
    margin: 0 auto;
    border-radius: 110%;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    transition: all .3s ease
}

#object-inner-slider .main-slider .icon-text {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1em;
    color: var(--main-bg-color);
    padding: 6px 12px;
    margin: 12px 0 0;
    border-radius: 3px;
    background: #fff;
    transition: all .3s ease
}

.no-touchevents #object-inner-slider .main-slider .virtual-tour:hover .vr-tour-icon {
    box-shadow: none
}

.no-touchevents #object-inner-slider .main-slider .virtual-tour:hover .icon-text {
    color: #fff;
    background: var(--main-bg-color)
}

#object-inner-slider .main-slider .virtual-tour:before {
    display: none
}

#object-inner-slider .main-slider .status {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.25em;
    color: #fff;
    text-align: center;
    text-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 14px 46px 17px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px rgba(0,0,0,.2)
}

#object-inner-slider .main-slider .open-gallery {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 30;
    cursor: pointer;
    background: #fff
}

.no-touchevents #object-inner-slider .main-slider .open-gallery:hover {
    background: var(--main-bg-color)
}

#object-inner-slider .main-slider .open-gallery:before {
    content: '\f0b2';
    position: relative;
    left: 0;
    font-size: 25px;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: var(--main-bg-color)
}

.no-touchevents #object-inner-slider .main-slider .open-gallery:hover:before {
    color: #fff
}

#object-inner-slider .next-arrow, #object-inner-slider .prev-arrow {
    position: absolute;
    z-index: 990;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    width: calc(50% - 316px);
    background: rgba(255,255,255,.7)
}

#object-inner-slider .next-arrow {
    left: auto;
    right: 0
}

    #object-inner-slider .next-arrow:hover, .no-touchevents #object-inner-slider .prev-arrow:hover {
        opacity: 1
    }

.no-touchevents #object-inner-slider .next-arrow:before, .no-touchevents #object-inner-slider .prev-arrow:before {
    display: none
}

#object-inner-slider .next-arrow:hover .slick-arrow, .no-touchevents #object-inner-slider .prev-arrow:hover .slick-arrow {
    opacity: .7
}

#object-inner-slider .prev-arrow .slick-arrow {
    left: auto;
    right: 30px
}

#object-inner-slider .next-arrow .slick-arrow {
    left: 30px
}

#object-inner-slider .thumb-slider {
    max-width: 1315px;
    padding: 0 40px;
    margin: 11px auto 0;
    height: 84px;
    overflow: hidden
}

    #object-inner-slider .thumb-slider .slick-track {
        margin: 0 auto;
        float: left
    }

    #object-inner-slider .thumb-slider .slide {
        position: relative;
        float: left;
        width: 95px;
        padding: 0 5px
    }

        #object-inner-slider .thumb-slider .slide .thumb {
            position: relative;
            cursor: pointer;
            max-width: 84px;
            margin: 0 auto;
            overflow: hidden
        }

        #object-inner-slider .thumb-slider .slide.video-slide .thumb {
            padding-bottom: 100%
        }

            #object-inner-slider .thumb-slider .slide.video-slide .thumb img {
                position: absolute;
                left: 50%;
                top: 0;
                min-height: 84px;
                max-height: 84px;
                min-width: 100%;
                max-width: 200%;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%)
            }

        #object-inner-slider .thumb-slider .slide.choosen .thumb {
            cursor: default
        }

        #object-inner-slider .thumb-slider .slide .thumb:before {
            content: '';
            position: absolute;
            z-index: 10;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,.5);
            opacity: 0
        }

.no-touchevents #object-inner-slider .thumb-slider .slide .thumb:hover:before {
    opacity: 1
}

.no-touchevents #object-inner-slider .thumb-slider .slide.choosen .thumb:hover:before {
    opacity: 0
}

#object-inner-slider .thumb-slider .video-slide .thumb:before {
    background: rgba(0,0,0,.5) url("../icons/play-icon.png") no-repeat 50% 50%;
    background-size: 38px 38px;
    opacity: 1 !important
}

#object-inner-slider .thumb-slider .virtual-tour .thumb:before {
    background: rgba(0,0,0,.5) url("../icons/virtual-tour-icon.svg") no-repeat 50% 50%/60px 44px;
    opacity: 1 !important
}

.no-touchevents #object-inner-slider .thumb-slider .slide.video-slide .thumb:hover:before, .no-touchevents #object-inner-slider .thumb-slider .virtual-tour .thumb:before {
    opacity: .85 !important
}

#object-inner-slider .thumb-slider .slide.choosen .thumb:after {
    content: '';
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 5px solid var(--main-border-color)
}

#object-inner-slider .thumb-slider .slide img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

#object-inner-slider .thumb-slider .slick-prev {
    left: -34px
}

#object-inner-slider .thumb-slider .slick-next {
    right: -34px
}

#object-inner-slider .thumb-slider .slick-arrow:before {
    font-size: 28px;
    left: 11px
}

#object-inner-slider .thumb-slider .slick-arrow.slick-next:before {
    left: auto;
    right: 11px
}

.object-description {
    margin: -30px 0 0
}

    .object-description b, .object-description strong {
        font-weight: 500
    }

    .object-description :first-child {
        margin-top: 0
    }

    .object-description .h2, .object-description h1, .object-description h2 {
        margin-bottom: 20px;
        padding-right: 40px
    }

    .object-description h1 {
        font-size: 34px;
        line-height: 1.323529411764706em;
        color: #333
    }

.attributes-box {
    font-size: 0;
    margin: 0 0 -15px
}

.object-characteristics .attributes-box {
    width: 630px
}

.page-banner .object-characteristics .attributes-box {
    min-height: 260px
}

.attributes-box .col {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    font-size: 25px;
    line-height: 1.15em;
    color: #333;
    margin: 0 0 33px;
    padding-right: 24px
}

.attributes-box.light-color .col {
    color: #fff;
    margin-bottom: 28px
}

.attributes-box .col.large {
    width: 50%;
    margin: 0 0 60px
}

.attributes-box .col.full-width {
    width: 100%;
    margin: 0 0 72px
}

.attributes-box .col.rare-position {
    position: absolute;
    right: 0;
    width: 610px;
    padding-right: 250px
}

.attributes-box .col p {
    margin: 0;
    color: #333
}

.attributes-box.light-color .col p {
    color: #fff
}

.attributes-box .col p.number-of-rooms {
    color: #fff;
    font-size: 15px;
    line-height: 1.345em;
    padding: 10px 26px 8px
}

.attributes-box .col p.icon-location {
    font-size: 17px;
    line-height: 1.145em;
    margin: -5px 0 0
}

    .attributes-box .col p.icon-location .district {
        display: block;
        font-size: 15px;
        line-height: 1.245em;
        color: #43484e;
        margin: 0 0 3px
    }

    .attributes-box .col p.icon-location .district {
        color: rgba(255,255,255,.5)
    }

.object-description .attributes-box .col p.icon-location .district {
    color: #43484e
}

.attributes-box .col p.icon-location .anchor {
    font-weight: 700;
    color: #333;
    border-bottom: 1px dotted #999
}

.attributes-box.light-color .col p.icon-location .anchor {
    color: #fff
}

.no-touchevents .attributes-box .col p.icon-location .anchor:hover {
    border-bottom-color: transparent
}

.attributes-box .col p.icon-location:before {
    font-size: 30px;
    top: 13px;
    left: -4px
}

.attributes-box.light-color .col p.icon-location:before {
    color: #fff
}

.attributes-box .col .attr {
    position: relative;
    padding-left: 54px
}

    .attributes-box .col .attr:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        width: 39px;
        height: 40px;
        background: url("../icons/attributes-large-icons.png") no-repeat 0 0
    }

    .attributes-box .col .attr.total-area:before {
        background-position: 0 0
    }

    .attributes-box .col .attr.living-space:before {
        background-position: -43px 0 !important
    }

    .attributes-box .col .attr.kitchen:before {
        background-position: -86px 0 !important
    }

    .attributes-box .col .attr.floor:before {
        background-position: -129px 0 !important
    }

    .attributes-box .col .attr.construction-year:before {
        background-position: -172px 0 !important
    }

    .attributes-box .col .attr.material-walls:before {
        background-position: -215px 0 !important
    }

    .attributes-box .col .attr.land-area:before {
        background-position: -258px 0 !important
    }

    .attributes-box .col .attr.land-area-no-house:before {
        background-position: -301px 0 !important
    }

.attributes-box.light-color .col .attr:before {
    background-image: url("../icons/attributes-large-icons-light.png")
}

.attributes-box .col span {
    color: #7d848b
}

.attributes-box.light-color .col span {
    color: #fff;
    opacity: .5
}

.attributes-box .col .sub-text {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25em;
    color: #43484e;
    margin: 2px 0 0
}

.gps-box {
    font-size: 17px;
    line-height: 1.2em
}

.attributes-box .col.rare-position .gps-box {
    position: absolute;
    top: 0;
    right: 0;
    margin: -5px 0 0
}

.attributes-box .gps-box p, .gps-box p {
    margin: 0 0 1px
}

.gps-box span {
    font-weight: 400
}

.gps-box .scheme {
    position: relative;
    padding-left: 41px;
    font-size: 12px
}

    .gps-box .scheme:before {
        content: '\f124';
        font-size: 16px;
        top: 3px;
        left: 22px;
        color: rgba(255,255,255,.5)
    }

.gps-box a {
    font-weight: 700;
    color: #fff;
    border-bottom: 1px dotted #999
}

.no-touchevents .gps-box a:hover {
    border-bottom-color: transparent
}

.meta-object {
    max-width: 400px;
    margin: 0
}

.object-status {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.225em;
    color: #fff;
    margin: 0 0 52px;
    padding: 24px 24px 29px 128px;
    background: var(--main-fo-color)
}

    .object-status:before {
        content: '\e80b';
        position: absolute;
        top: 24px;
        left: 0;
        font-size: 64.41px;
        line-height: 1em;
        text-align: center;
        color: #fff;
        width: 128px
    }

    .object-status.object-sold:before {
        content: '\f2b5'
    }

    .object-status .status {
        font-weight: 700;
        font-size: 34px;
        line-height: 1.117647058823529em;
        margin: 0
    }

    .object-status .return {
        display: inline-block;
        vertical-align: top;
        line-height: 1.175em;
        margin: 11px 0 0
    }

        .object-status .return:before {
            top: 4px;
            background: url("../icons/return-light-arrow.png") no-repeat 0 0
        }

        .object-status .return span {
            color: #fff;
            border-bottom: 1px solid rgba(255,255,255,.4)
        }

.no-touchevents .object-status .return:hover span {
    border-bottom-color: transparent
}

.object-description .scheme-el-descr {
    margin-top: 22px
}

.isolated-price {
    position: relative;
    margin: 0 0 52px;
    max-width: 400px
}

    .isolated-price:after, .isolated-price:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 1px;
        top: 7px;
        bottom: 7px;
        background: #e3e3e3
    }

.attributes-box.light-color .isolated-price:before {
    color: #fff;
    opacity: .2
}

.isolated-price:after {
    top: 19px;
    bottom: 19px;
    background: var(--main-bg-color)
}

.attributes-box.light-color .isolated-price:after {
    background: #fff
}

.isolated-price.has-offer-btn:before {
    bottom: 20px
}

.isolated-price.has-offer-btn:after {
    bottom: 32px
}

.isolated-price .sub-box {
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 5px solid var(--main-fo-color);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);
    box-shadow: 0 10px 30px rgba(0,0,0,.1)
}

.attributes-box.light-color .isolated-price .sub-box {
    border-color: #fff
}

.isolated-price .price {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    color: #333;
    text-align: left;
    padding: 26px 24px 24px 26px
}

.isolated-price.one-col .price {
    width: 100%
}

.isolated-price.has-offer-btn .price {
    padding-bottom: 37px
}

.attributes-box.light-color .isolated-price .price {
    color: #fff
}

.isolated-price .price .ruble {
    font-weight: 300;
    font-size: 26px;
    line-height: 1em;
    margin: 0;
    color: #333
}

.attributes-box.light-color .isolated-price .price .ruble {
    color: #fff
}

.isolated-price .price.additional .ruble {
    font-size: 21px;
    margin: 4px 0 0
}

.isolated-price .price .others-currency {
    font-weight: 900;
    font-size: 23px;
    line-height: 1em;
    color: #333;
    margin: 9px 0 0
}

.attributes-box.light-color .isolated-price .price .others-currency {
    color: #fff
}

.isolated-price .price .square-meter-price {
    font-weight: 900;
    font-size: 17px;
    line-height: 1em;
    color: #333;
    margin: 15px 0 0
}

.attributes-box.light-color .isolated-price .price .square-meter-price {
    color: #fff
}

.isolated-price .vat {
    color: #686868 !important;
    margin: -14px 0 4px
}

.light-color .isolated-price .vat {
    color: #fff !important
}

.isolated-price .tooltip {
    font-weight: 900;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    margin: 5px 0 0 3px;
    width: 14px;
    height: 14px
}

.isolated-price .price.additional .ruble .tooltip {
    margin-top: 4px
}

.isolated-price .price .square-meter-price .tooltip {
    margin-top: 2px
}

.isolated-price.no-additional:after, .isolated-price.no-additional:before {
    display: none
}

.attributes-box.light-color .isolated-price.no-additional .price, .isolated-price.no-additional .price {
    text-align: center;
    width: 100%;
    padding: 20px 24px 20px
}

.attributes-box.light-color .isolated-price.no-additional.has-offer-btn .price, .isolated-price.no-additional.has-offer-btn .price {
    padding-bottom: 37px
}

.isolated-price.no-additional .price .wrap {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.isolated-price .offer-price {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 238px;
    margin: 0 0 0 -119px
}

.buy-on-tick-box {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .15px;
    text-align: center;
    margin: -19px 0 0
}

.object-characteristics .buy-on-tick-box {
    position: absolute;
    right: 0;
    bottom: -12px;
    width: 400px
}

.meta-object .buy-on-tick-box + .agent {
    margin-top: 80px
}

.buy-on-tick-box a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: var(--main-sc-color);
    text-align: left;
    margin-left: 46px
}

.no-touchevents .buy-on-tick-box a:hover {
    opacity: 1;
    color: rgba(29,178,157,.7)
}

.object-characteristics .buy-on-tick-box a {
    color: #fff
}

.no-touchevents .object-characteristics .buy-on-tick-box a:hover {
    color: rgba(255,255,255,.7)
}

.buy-on-tick-box a span {
    padding-bottom: 1px;
    border-bottom: 1px dotted var(--main-bg-grad-color);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.object-characteristics .buy-on-tick-box a span {
    border-color: rgba(255,255,255,.5)
}

.no-touchevents .buy-on-tick-box a:hover span {
    border-color: transparent
}

.buy-on-tick-box a:before {
    content: '\e824';
    position: absolute;
    left: -44px;
    top: -4px;
    width: 46px;
    height: 33px;
    font-size: 17px;
    line-height: 33px;
    text-align: left;
    padding: 1px 0 0 10px;
    color: #333;
    background: url("../icons/buy-on-tick.svg") no-repeat 0 0/38px 33px
}

.meta-object .agent {
    margin-top: 70px
}

    .meta-object .agent.has-bg-text .bg-text {
        font-size: 130px
    }

.inclined-separator-box {
    overflow: hidden
}

    .inclined-separator-box .item {
        position: relative;
        padding: 71px 0 39px
    }

        .inclined-separator-box .item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 24px;
            display: block;
            height: 1px;
            width: 100%;
            background: #d8d9d9;
            -webkit-transform: rotate(-6.5deg);
            -ms-transform: rotate(-6.5deg);
            transform: rotate(-6.5deg)
        }

.add-to-favourite {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.315em;
    color: #333;
    text-align: center
}

    .add-to-favourite .js-favourite {
        width: 49px;
        height: 49px;
        margin: 0 auto 12px;
        padding: 13px 0 0;
        background: var(--main-bg-color);
        border: 1px solid var(--main-bg-color);
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px
    }

.no-touchevents .add-to-favourite .js-favourite:hover {
    background: 0 0
}

.add-to-favourite .js-favourite:before {
    position: relative;
    display: inline-block;
    vertical-align: top;
    content: '\e80a';
    color: #fff;
    text-shadow: none
}

.no-touchevents .add-to-favourite .js-favourite:hover:before {
    color: var(--main-bg-color)
}

.add-to-favourite p {
    margin: 0
}

.inclined-separator-box .share-links {
    text-align: center;
    margin: 5px 0 0
}

    .inclined-separator-box .share-links .text {
        display: block;
        padding: 0;
        margin: 0 0 8px
    }

.print-btn {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.115em;
    text-transform: uppercase;
    color: #333;
    max-width: 100%;
    width: 341px;
    cursor: pointer;
    margin: 17px auto;
    text-align: center;
    padding: 16px 16px 12px;
    border: 1px solid #f5f7f8;
    background: #f5f7f8
}

.no-touchevents .print-btn:hover {
    color: #057263;
    border-color: var(--main-bg-color);
    background: 0 0
}

.print-btn:before {
    content: '\e80c';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 28.57px;
    color: var(--main-bg-color);
    margin: 0 14px 0 0
}

.similar-objects.in-static {
    margin: 80px -189px 120px
}

.tabs-box.similar-objects {
    margin: 68px 0 90px;
    text-align: center
}

.similar-objects .h5, .similar-objects h5 {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.345em;
    margin: 0 0 49px
}

.similar-objects.in-static .h5, .similar-objects.in-static h5 {
    text-align: center
}

.similar-objects .tabs-list {
    text-align: center;
    width: auto;
    margin: 49px 0 35px
}

    .similar-objects .tabs-list li {
        display: inline-block;
        vertical-align: top;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.245em;
        color: #43484e;
        margin: 0 26px
    }

        .similar-objects .tabs-list li.current {
            cursor: default
        }

            .similar-objects .tabs-list li.current:after {
                top: -18px;
                bottom: auto
            }

        .similar-objects .tabs-list li span {
            border-bottom: 1px dotted #999
        }

        .similar-objects .tabs-list li.current span {
            opacity: .6;
            border-bottom-color: transparent
        }

.no-touchevents .similar-objects .tabs-list li:hover span {
    border-bottom-color: transparent
}

.similar-objects .tab-content {
    text-align: left;
    max-width: 1278px;
    padding: 0 40px;
    margin: 0 auto
}

.similar-objects-slider {
    max-height: 380px
}

    .similar-objects-slider .item {
        padding: 0 16px
    }

.similar-objects .object {
    max-width: 356px
}

.similar-objects-slider > .slick-prev {
    top: 40%;
    left: -49px
}

.similar-objects-slider > .slick-next {
    top: 40%;
    right: -49px
}

.usual-map-box {
    position: relative;
    z-index: 50;
    height: 450px;
    min-height: 320px
}

    .usual-map-box.middle-size {
        height: 480px
    }

.usual-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-width: 320px;
    visibility: hidden
}

.opened-popup .overlay {
    visibility: visible
}

.overlay .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255,255,255,.8);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.opened-popup .overlay .bg {
    opacity: 1
}

.popup {
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 50%;
    padding: 0;
    max-height: 100%;
    max-width: 100%;
    min-width: 260px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    -webkit-transform: translate3d(0,-30px,0);
    -moz-transform: translate3d(0,-30px,0);
    -ms-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
    -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
    -moz-transition: opacity .2s ease,-moz-transform .2s ease;
    transition: opacity .2s ease,transform .2s ease
}

.ie .popup {
    overflow-x: hidden
}

.opened-popup .popup {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity .5s ease .3s,-webkit-transform .5s ease .3s;
    -moz-transition: opacity .5s ease .3s,-moz-transform .5s ease .3s;
    transition: opacity .5s ease .3s,transform .5s ease .3s
}

.popup.has-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.2)
}

.popup.large-shadow {
    -webkit-box-shadow: 0 14px 54px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 0 14px 54px 0 rgba(0,0,0,.13);
    box-shadow: 0 14px 54px 0 rgba(0,0,0,.13)
}

.popup.indented {
    max-height: calc(100% - 40px)
}

.popup .close-popup {
    position: absolute;
    top: 13px;
    right: 16px;
    width: 17px;
    height: 17px;
    background: url("../icons/close-popup.png") no-repeat 50% 50%;
    cursor: pointer
}

.popup.invert-close .close-popup {
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    background-color: #fff
}

.no-touchevents .popup .close-popup:hover {
    opacity: .7
}

.popup .hidden {
    display: none
}

.popup .pretty-form {
    width: 550px;
    max-width: 100%;
    padding: 20px 16px 50px
}

    .popup .pretty-form .form {
        width: 420px;
        max-width: 100%
    }

.popup .rss-form-steps-box.pretty-form .form .field {
    display: none;
    width: 100% !important
}

.popup .rss-form-steps-box.pretty-form .form.rss-form-steps.step1 .step1-field {
    display: block
}

.popup .rss-form-steps-box.pretty-form .form.rss-form-steps.step2 .step2-field {
    display: block
}

.popup .rss-form-steps-box.pretty-form .form.rss-form-steps.step3 .step3-field.visible {
    display: block
}

.location-map {
    max-width: 100%;
    width: 804px
}

    .location-map img {
        margin: 0 auto;
        min-height: 300px
    }

.lazy-load-box {
    height: 0
}

    .lazy-load-box.btn-box .btn.load-more {
        font-weight: 500;
        font-size: 11px;
        line-height: 1.455em;
        padding: 12px 16px 10px;
        margin: -16px 0 24px;
        min-width: 198px !important;
        width: auto;
        visibility: visible
    }

        .lazy-load-box.btn-box .btn.load-more.hidden {
            display: none
        }

.load-more.btn {
    overflow-anchor: none
}

.lazy-load + .lazy-load-box:last-child {
    margin-top: 32px;
    padding-bottom: 60px
}

.lazy-load-box > * {
    visibility: hidden
}

.lazy-load-box .loader {
    margin: 0 auto;
    visibility: visible
}

.lazy-load-box .message {
    font-size: 18px;
    text-align: center;
    color: var(--main-bg-color);
    margin: 0
}

.lazy-load-box.finished .message {
    visibility: visible
}

.lazy-load-box.visible-btn {
    height: auto
}

    .lazy-load-box.visible-btn .loader, .lazy-load-box.visible-btn .message {
        display: none
    }

    .lazy-load-box.visible-btn .load-more {
        visibility: visible
    }

    .lazy-load-box.visible-btn.finished .message {
        display: block
    }

.gradient-box .lazy-load-box, .gradient-box .load-more-box {
    margin: 50px auto 64px
}

.lazy-load-box.visible-btn .load-more, .load-more-box .load-more-items {
    display: block;
    color: #0b8b79;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    width: 340px;
    max-width: 100%;
    padding: 23px 16px 12px;
    margin: 0 auto;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 6px 20px 0 rgba(0,0,0,.05);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.05)
}

.lazy-load-box.visible-btn .load-more {
    padding-bottom: 22px
}

    .lazy-load-box.visible-btn .load-more span, .load-more-box .load-more-items span {
        border-bottom: 1px dotted #999
    }

.load-more-box .load-more-items:after {
    content: '\f107';
    position: relative;
    left: 0;
    top: -6px;
    margin: 0 -20px 0 1px;
    display: inline-block;
    vertical-align: top
}

.load-more-box .load-more-items.active:after {
    content: '\f106'
}

.no-touchevents .lazy-load-box.visible-btn .load-more:hover, .no-touchevents .load-more-box .load-more-items:hover {
    opacity: 1
}

    .no-touchevents .lazy-load-box.visible-btn .load-more:hover span, .no-touchevents .load-more-box .load-more-items:hover span {
        border-bottom-color: transparent
    }

.seo-text {
    padding: 80px 0 100px
}

.inclined-action-box + .seo-text {
    padding-top: 40px
}

#main + .seo-text {
    padding-top: 0;
    margin-top: -32px
}

.objects-page .container-large + .seo-text {
    padding-top: 0
}

#objects-section + .seo-text, .gradient-box + .seo-text {
    padding-top: 40px
}

.seo-text .dropdown {
    display: none
}

    .seo-text .dropdown > :first-child {
        margin-top: 0
    }

.js-show-seo-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
    color: var(--main-bg-color);
    padding-right: 24px
}

.no-touchevents .js-show-seo-text:hover {
    opacity: .7
}

.js-show-seo-text:after {
    content: '\f107';
    position: absolute;
    left: auto;
    top: 2px;
    right: 0;
    font-size: 22px;
    line-height: 14px;
    width: 13px
}

.opened-dropdown .js-show-seo-text:after {
    top: 3px;
    transform: scaleY(-1)
}

.sitemap-list {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.35em;
    padding: 24px 0 0
}

    .sitemap-list li {
        padding: 0;
        margin: 0 0 32px;
        background: 0 0
    }

        .sitemap-list li ul {
            margin: 24px 0 0
        }

        .sitemap-list li ul {
            position: relative;
            margin: 20px 0 0 32px
        }

        .sitemap-list li li {
            font-weight: 400;
            font-size: 22px;
            line-height: 1.35em;
            margin: 0 0 16px
        }

            .sitemap-list li li ul {
                margin-top: 12px
            }

            .sitemap-list li li li {
                font-size: 18px
            }

    .sitemap-list .col li li:last-child {
        margin: 0
    }

    .sitemap-list li > ul:before {
        content: '';
        position: absolute;
        left: -32px;
        top: 4px;
        bottom: 0;
        width: 1px;
        background: rgba(0,0,0,.05)
    }

    .sitemap-list sup {
        top: -1em;
        font-size: 50% !important;
        color: rgba(0,0,0,.3)
    }

#footer {
    position: relative;
    z-index: 2;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.45em;
    background: var(--main-bg-color)
}

    #footer .container {
        padding-top: 10px;
        padding-bottom: 10px
    }

#sub-nav {
    font-size: 0;
    padding-bottom: 37px;
    margin: 0 0 45px;
    border-bottom: 1px solid #16baa3;
    color: #fff;
}

    #sub-nav .col {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        line-height: 1.455em;
        text-transform: uppercase;
        width: 24%;
        padding-right: 40px
    }

        #sub-nav .col:first-child {
            width: 52%
        }

        #sub-nav .col:last-child {
            padding: 0
        }

    #sub-nav .item {
        position: relative;
        margin: 0 0 14px
    }

    #sub-nav .active:before {
        content: '';
        position: absolute;
        left: -11px;
        top: 2px;
        bottom: 2px;
        width: 2px;
        background: #1fd8be
    }

#footer a {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.5)
}

    #footer a[href^=tel] {
        border-bottom-color: transparent
    }

#sub-nav .active a, #sub-nav .item.level2 > a, .no-touchevents #footer a:hover {
    opacity: .65;
    border-bottom-color: transparent
}

    #sub-nav .active a:hover, #sub-nav .item.level2 > a:hover {
        opacity: 1;
        border-bottom: 1px solid rgba(255,255,255,.5)
    }

#sub-nav ul {
    margin: 6px 0 0
}

#sub-nav li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0 14px 6px 0;
    background: 0 0
}

    #sub-nav li a {
        text-transform: none
    }

#sub-nav .level2 .active:before {
    left: 0;
    top: -2px;
    bottom: auto;
    height: 2px;
    width: 100%
}

#footer .meta-box {
    font-size: 15px;
    line-height: 1.455em;
    color: #fff;
    margin-top: 20px;
}

    #footer .meta-box .col {
        float: left;
        display: inline-block;
        vertical-align: top;
        /*font-size: 13px;*/
        line-height: 2.455em;
        /*text-transform: uppercase;*/
        width: 24%;
        padding-right: 40px;
        padding-left: 40px;
    }
@media screen and (min-width: 500px) and (max-width: 780px) {
    #footer .meta-box .col {
        width: 49%;
    }
}
@media screen and (max-width: 500px) {
    #footer .meta-box .col {
        width: 100%;
    }
}

    #footer .meta-box .col:first-child {
        /*            float: right*/
    }

    #footer .meta-box .sub-col {
        display: inline-block;
        vertical-align: top
    }

        #footer .meta-box .sub-col:first-child {
            /*            padding-right: 80px*/
        }

    #footer p {
        margin: 0 0 18px
    }

    #footer #copy {
        margin: 0 0 19px
    }

    #footer .unp {
        font-weight: 500;
        font-size: 13px
    }

    #footer [class*=" icon-"]:before, #footer [class^=icon-]:before {
        color: #fff
    }

    #footer .icon-location {
        padding-left: 37px
    }

        #footer .icon-location:before {
            left: 4px;
            top: 2px
        }

    #footer .icon-mail:before {
        top: 3px
    }

    #footer .icon-phone:before {
        top: 3px
    }

    #footer .order-call {
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
        font-size: 11px;
        line-height: 1.455em;
        color: var(--main-bg-color);
        text-transform: uppercase;
        text-align: center;
        padding: 10px 16px 8px;
        margin: -4px 0 0;
        width: 198px;
        border: 1px solid #fff;
        background: #fff
    }

    .no-touchevents #footer .order-call:hover {
        opacity: 1;
        color: #fff;
        border: 1px solid #fff;
        background: 0 0
    }

    #footer.simple {
        background: #272727
    }

        #footer.simple .container {
            padding-top: 60px;
            padding-bottom: 42px;
            overflow: hidden
        }

        #footer.simple p {
            margin: 0
        }

        #footer.simple #copy {
            color: #5f6468;
            float: left
        }

        #footer.simple a {
            color: #18c2aa;
            border-bottom: 0
        }

        #footer.simple .meta {
            font-weight: 400;
            width: 60%;
            float: right;
            text-align: right
        }

            #footer.simple .meta p {
                color: #18c2aa
            }

        #footer.simple .icon-phone a {
            color: #fff
        }

        #footer.simple [class*=" icon-"]:before, #footer.simple [class^=icon-]:before {
            color: #18c2aa;
            top: -1px
        }

        #footer.simple .meta p {
            display: inline-block;
            vertical-align: top;
            margin-left: 75px;
            white-space: nowrap
        }

            #footer.simple .meta p:first-child {
                margin-left: 0
            }

        #footer.simple .meta [class*=" icon-"]:before, #footer.simple .meta [class^=icon-]:before {
            width: auto;
            text-align: left
        }

    #error-page-box {
        display: table;
        table-layout: fixed;
        width: 100%;
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat
    }

        #error-page-box .align-m {
            font-size: 18px;
            line-height: 1.568888888888889em;
            color: #fff;
            padding: 140px 0 60px
        }

            #error-page-box .align-m p {
                margin: 14px 0 0
            }

        #error-page-box .container {
            text-align: center;
            max-width: 560px
        }

        #error-page-box .align-m .h6, #error-page-box .align-m h6 {
            font-size: 16px;
            line-height: 1.525em;
            color: #fff;
            text-transform: uppercase;
            margin: 0 0 6px
        }

        #error-page-box .num {
            display: inline-block;
            vertical-align: top;
            font-weight: 700;
            font-size: 259px;
            line-height: 1em;
            color: #fff;
            white-space: nowrap;
            margin: 0 0 -56px
        }

        #error-page-box .zero {
            position: relative;
            z-index: -1;
            display: inline-block;
            vertical-align: middle;
            font-size: 358px;
            line-height: 1em;
            color: var(--main-bg-color);
            margin: -46px -59px 0 -46px
        }

    #scroll-progress {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        height: 4px;
        width: 0;
        background: var(--main-bg-color);
        background: -moz-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: -webkit-linear-gradient(left,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%);
        background: linear-gradient(to right,var(--main-bg-color) 0,var(--main-bg-grad-color) 100%)
    }

    @media print {
        .container {
            padding: 0 !important
        }

        #footer, #header, #object-inner-box .thumb-slider, #scroll-progress, .inclined-corners-box, .no-print {
            display: none !important
        }

        #object-inner-box .main-slider .slick-slide, #object-inner-box .main-slider .sub-box {
            display: none !important
        }

        #object-inner-slider {
            margin: 20px 0 0 !important
        }

            #object-inner-slider .main-slider {
                max-height: none;
                overflow: visible
            }

                #object-inner-slider .main-slider * {
                    padding: 0 !important;
                    margin: 0 !important;
                    width: 100% !important;
                    left: 0 !important;
                    height: auto !important;
                    max-height: none !important
                }

        #object-inner-box .main-slider .slick-track:before {
            display: none
        }

        #object-inner-box .main-slider .slick-slide.slick-current {
            display: block !important;
            width: 100% !important
        }

            #object-inner-box .main-slider .slick-slide.slick-current img {
                width: 100%;
                max-width: none !important;
                margin: 0 !important
            }

        #object-inner-slider .main-slider .slick-arrow {
            display: none
        }

        .has-aside #main {
            padding: 0;
            width: 100%
        }

        ul {
            list-style: disc;
            margin-left: 20px
        }

            ul li {
                padding-left: 0
            }

        .object-description {
            margin: 30px 0 0
        }

            .object-description .h2, .object-description h1, .object-description h2 {
                margin: 0 0 30px
            }

        .attributes-box .col {
            color: #000 !important
        }

            .attributes-box .col.large {
                margin-bottom: 34px
            }

            .attributes-box .col p.icon-location .district {
                color: #000
            }

        .icon-location {
            padding-left: 0
        }

        .number-of-rooms {
            padding-left: 0 !important;
            color: #000 !important
        }

        .icon-location:before {
            display: none
        }

        .attributes-box .col .attr {
            padding-left: 0
        }

            .attributes-box .col .attr:before {
                display: none
            }

        .has-aside .aside {
            float: none;
            width: 100%;
            margin: 0
        }

        .objects-page .meta-object .agent {
            margin: 24px 0 30px
        }

        .objects-page .agent .inclined-thumb {
            margin-bottom: 16px
        }

            .objects-page .agent .inclined-thumb .info {
                padding: 0
            }

        .objects-page .isolated-price {
            max-width: 340px;
            margin: 24px 0 40px
        }

            .objects-page .isolated-price .sub-box {
                border: none;
                box-shadow: none
            }

            .objects-page .isolated-price .price {
                padding: 0 32px 0 0
            }

            .objects-page .isolated-price .btn.offer-price, .objects-page .isolated-price .tooltip, .objects-page .meta-object .agent .bg-text, .objects-page .meta-object .agent .img, .objects-page .meta-object .agent:before {
                display: none !important
            }
    }

    #object-inner-slider .main-slider .slide:before, #object-inner-slider .thumb-slider .slide .thumb:before, .no-touchevents #js-open-nav, .no-touchevents #logo:after, .no-touchevents #object-inner-slider .slide .open-gallery:before, .no-touchevents #to-top, .no-touchevents #yandex-links a:not(.active) span, .no-touchevents .add-to-favourite .js-favourite, .no-touchevents .box-link .h5, .no-touchevents .box-link h5, .no-touchevents .close-popup, .no-touchevents .js-favourite:before, .no-touchevents .js-open-search, .no-touchevents .open-advanced-search span, .no-touchevents .photo-gallery .item a:after, .no-touchevents .print-btn, .no-touchevents .slick-arrow, .no-touchevents .slick-arrow:before, .no-touchevents .useful-material-box .download p, .no-touchevents a {
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    @media screen and (max-width:2230px) {
        .inclined-box:after {
            bottom: -90px
        }
    }

    @media screen and (max-width:2000px) {
        .full-width-img + .inclined-box {
            margin-top: 20px
        }
    }

    @media screen and (max-width:1930px) {
        .full-width-img + .inclined-box {
            margin-top: 0
        }

        .inclined-box:after, .inclined-box:before {
            top: -40px
        }

        .inclined-box:after {
            top: auto;
            bottom: -67px
        }

        .command-img {
            margin: 0 auto 10px !important
        }
    }

    @media screen and (max-width:1500px) {
        .full-width-img + .inclined-box {
            margin-top: 10px
        }

        .inclined-separator:before {
            left: 90%
        }

        .inclined-separator:after {
            right: 90%
        }
    }

    @media screen and (max-width:1420px) {
        .quick-links-slider .swiper-btn-prev {
            left: -26px
        }

        .quick-links-slider .swiper-btn-next {
            right: -26px
        }
    }

    @media screen and (max-width:1380px) {
        .inclined-corners-box .container:before {
            left: -862px
        }

        .inclined-corners-box .container:after {
            right: -902px
        }

        .full-width-img + .inclined-box {
            margin-top: 14px
        }
    }

    @media screen and (max-width:1360px) {
        #header.mobile-nav:not(.sticky) #logo:before {
            left: -129px
        }

        #header.mobile-nav:not(.sticky) #js-open-nav:before {
            right: -100px
        }
    }

    @media screen and (max-width:1340px) {
        .similar-objects.in-static {
            position: relative;
            left: 50%;
            width: calc(100vw - 140px);
            margin: 80px calc((50vw - 70px) * -1) 120px
        }

        .employees-in-static {
            position: relative;
            left: 50%;
            width: calc(100vw - 90px);
            margin: 120px calc((50vw - 45px) * -1)
        }
    }

    @media screen and (max-width:1280px) {
        .sell-effectively:before {
            left: -1404px
        }
    }

    @media screen and (max-width:1260px) {
        .inclined-separator {
            margin: 104px 0
        }

            .inclined-separator:after, .inclined-separator:before {
                left: 80vw;
                width: 500px
            }

            .inclined-separator:after {
                left: auto;
                right: 80vw
            }

        .inclined-action-box {
            margin: 0 0 20%
        }

            .inclined-action-box .content {
                margin: 0 30px
            }

        .alone-content-object .align-b {
            height: 580px
        }

        .inclined-action-box + .seo-text {
            margin-top: -10%
        }

        #sub-nav .col {
            width: 20%
        }

            #sub-nav .col:first-child {
                width: 60%
            }
    }

    @media screen and (max-width:1320px) {
        #nav .sub-box > ul > li {
            margin-left: 27px
        }
    }

    @media screen and (min-width:1281px) {
        #header:not(.mobile-nav) #nav {
            height: auto !important
        }
    }

    @media screen and (max-width:1280px) {
        #header.visible-search {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        #header .js-open-search {
            display: none
        }

        #js-open-nav {
            display: block;
            z-index: 112
        }

        #header:not(.no-burger) .container, #header:not(.no-burger) .container-large {
            padding-right: 74px
        }

        #nav .favourite {
            position: absolute;
            z-index: 100;
            top: 24px;
            right: 78px;
            width: 24px;
            height: 24px;
            margin: 0
        }

        #header .favourite, #header .favourite.not-chosen {
            opacity: 0 !important
        }

        #header #nav.visible .favourite.not-chosen {
            opacity: 1 !important
        }

        #header #nav.visible .favourite {
            opacity: 1 !important;
            -webkit-transition: all .2s ease .7s;
            -moz-transition: all .2s ease .7s;
            transition: all .2s ease .7s
        }

        .no-touchevents #header #nav .favourite:hover {
            opacity: .7;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            transition: all .2s ease
        }

        #header .favourite:before {
            font-size: 24px
        }

        #header .container, #header .container-large {
            position: relative;
            z-index: 120
        }

        #nav {
            position: absolute;
            z-index: 111;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            min-height: 100vh;
            margin: 0;
            overflow: hidden;
            background: rgba(0,0,0,.5);
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            transition: all .2s ease
        }

            #nav.visible {
                visibility: visible;
                opacity: 1;
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                transition: all .2s ease
            }

            #nav:after {
                content: '';
                position: absolute;
                z-index: 20;
                right: -500px;
                left: 10%;
                top: 0;
                bottom: 0;
                -webkit-transform: skewX(20deg) translateX(200px);
                -moz-transform: skewX(20deg) translateX(200px);
                -ms-transform: skewX(20deg) translateX(200px);
                transform: skewX(20deg) translateX(200px);
                /*            background: #272727;*/
                background: #fff;
                opacity: 0;
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                transition: all .2s ease
            }

            #nav.visible:after {
                opacity: 1;
                -webkit-transform: skewX(20deg) translateX(-40px);
                -moz-transform: skewX(20deg) translateX(-40px);
                -ms-transform: skewX(20deg) translateX(-40px);
                transform: skewX(20deg) translateX(-40px);
                -webkit-transition: all .5s ease .2s;
                -moz-transition: all .5s ease .2s;
                transition: all .5s ease .2s
            }

            #header.mobile-nav #nav .sub-box, #nav .sub-box {
                position: relative;
                z-index: 25;
                height: calc(100% - 80px);
                margin: 80px 0 0;
                padding: 0 0 60px 20%;
                float: none;
                font-size: 0;
                text-align: center;
                overflow-y: auto;
                opacity: 0;
                -webkit-overflow-scrolling: touch;
                -webkit-transition: all 0s ease;
                -moz-transition: all 0s ease;
                transition: all 0s ease;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                transform: translateX(-30px)
            }

        .touchevents #header.mobile-nav #nav .sub-box, .touchevents #nav .sub-box {
            height: calc(100% - 136px) !important;
            margin-top: 80px !important;
            padding-top: 40px !important;
            padding-bottom: 0 !important
        }

        #nav.visible .sub-box {
            opacity: 1;
            -webkit-transition: all .4s ease .7s;
            -moz-transition: all .4s ease .7s;
            transition: all .4s ease .7s;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        #nav .sub-box:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 0;
            position: relative;
            height: 100%
        }

        #nav .sub-box > ul {
            position: relative;
            z-index: 110;
            float: none;
            width: 618px;
            margin: 0 auto;
            text-align: left;
            display: inline-block;
            vertical-align: middle
        }

        .touchevents #nav .sub-box > ul {
            margin-bottom: 40px !important
        }

        #nav .sub-box > ul > li {
            font-weight: 700;
            font-size: 36px;
            text-transform: none;
            float: none;
            width: 50%;
            margin: 36px 0;
            padding: 0 44px 0 0
        }

            #nav .sub-box > ul > li.agency {
                position: absolute;
                right: 0;
                top: 0;
                width: 50%;
                padding: 0
            }

            #nav .sub-box > ul > li.has-child {
                padding: 0
            }

                #nav .sub-box > ul > li.has-child > a:after {
                    display: none
                }

            #nav .sub-box > ul > li.current:not(.has-child):before {
                content: '';
                position: absolute;
                top: -1px;
                left: -23px;
                bottom: -1px;
                width: 6px;
                -webkit-transform: skewY(16deg);
                -moz-transform: skewY(16deg);
                -ms-transform: skewY(16deg);
                transform: skewY(16deg);
                background: var(--main-bg-color)
            }

            #nav .sub-box > ul > li.current.agency:before {
                bottom: auto;
                height: 36px
            }

            #nav .sub-box > ul > li a {
                /*            color: #fff*/
            }

            #nav .sub-box > ul > li.agency > a, #nav .sub-box > ul > li.current > a {
                color: #565656
            }

        .no-touchevents #nav .sub-box > ul > li.current a:hover {
            opacity: .7 !important
        }

        #nav .sub-box > ul > li > a:before {
            display: none;
            top: -4px;
            left: 0;
            bottom: -4px;
            height: auto;
            width: 6px;
            -webkit-transform: translate3d(0,0,0) skew(0,16deg);
            -moz-transform: translate3d(0,0,0) skew(0,16deg);
            -ms-transform: translate3d(0,0,0) skew(0,16deg);
            transform: translate3d(0,0,0) skew(0,16deg);
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease
        }

        #nav .sub-box > ul > li.active > a:before, #nav .sub-box > ul > li.current > a:before, .no-touchevents #nav .sub-box > ul > li:hover > a:before {
            width: 6px
        }

        .no-touchevents #nav .sub-box > ul > li.current a:hover, .no-touchevents #nav .sub-box > ul > li > a:hover {
            color: #565656;
            opacity: 1
        }

        #nav .dropdown {
            display: block;
            position: relative;
            float: none;
            top: 0;
            left: 0;
            margin: 3px 0 0;
            width: 100%;
            background: 0 0;
            border: none
        }

            #nav .dropdown:before {
                display: none
            }

            #nav .dropdown li {
                font-weight: 300;
                font-size: 20px;
                padding: 0;
                margin: 0 0 23px
            }

                #nav .dropdown li:last-child {
                    margin-bottom: 0
                }

            #nav .dropdown .active:before {
                content: '';
                position: absolute;
                top: 0;
                left: -23px;
                bottom: -1px;
                width: 6px;
                -webkit-transform: skewY(16deg);
                -moz-transform: skewY(16deg);
                -ms-transform: skewY(16deg);
                transform: skewY(16deg)
            }

            #nav .dropdown li.active a, .no-touchevents #nav .dropdown li a:hover {
                /*            color: #969696;*/
                color: rgba(51, 51, 51, .6);
            }

        #header .search-form {
            position: absolute;
            z-index: 200;
            left: 50%;
            top: 19px;
            width: 484px;
            height: 36px;
            margin: 0 0 0 -218px;
            padding: 0 22px;
            opacity: 0
        }

            #header .search-form .container, #header .search-form .container-large {
                padding: 0
            }

        #header #nav.visible .search-form {
            opacity: 1;
            -webkit-transition: all .2s ease .7s;
            -moz-transition: all .2s ease .7s;
            transition: all .2s ease .7s
        }

        #header .search-form .container, #header .search-form .container-large {
            line-height: 0;
            padding: 0 !important;
            border-bottom: 1px solid #fff
        }

        #header .search-form .field {
            margin: 0
        }

        #header .search-form:before {
            display: none
        }

        #header .search-form .form-control {
            font-weight: 400;
            font-size: 12px;
            height: 35px;
            line-height: 35px;
            padding: 0 40px 0 0
        }

            #header .search-form .form-control::-webkit-input-placeholder {
                color: rgba(255,255,255,.5)
            }

            #header .search-form .form-control::-moz-placeholder {
                color: rgba(255,255,255,.5)
            }

            #header .search-form .form-control:-ms-input-placeholder {
                color: rgba(255,255,255,.5)
            }

        #header .search-form .btn {
            width: 28px;
            height: 35px;
            right: 0;
            background: 0 0
        }

        .no-touchevents #header .search-form .btn:hover {
            opacity: .7
        }

        #header .search-form .btn:before {
            content: '\e802';
            font-size: 19px;
            margin: -15px 0 0 -8px;
            color: var(--main-bg-color)
        }
    }

    @media screen and (max-width:1220px) {
        .indicator .num {
            font-size: 40px
        }
    }

    @media screen and (min-width:1217px) {
        .page-banner .get-advice .icon-phone {
            font-weight: 700;
            font-size: 20px;
            padding-left: 32px;
            margin: 6px 0 0 36px
        }

            .page-banner .get-advice .icon-phone:before {
                top: 5px
            }

            .page-banner .get-advice .icon-phone a {
                color: #fff
            }
    }

    @media screen and (max-width:1216px) {
        .page-banner .get-advice .icon-phone {
            display: none
        }

        .page-banner .get-advice .realtor {
            display: none
        }

        .page-banner .get-advice .agent {
            display: block;
            margin: 20px 0 0
        }

            .page-banner .get-advice .agent .icon-phone {
                display: block
            }

        .page-banner .get-advice h1 .agent {
            display: block
        }
    }

    @media screen and (max-width:1190px) {
        .page-title-box {
            padding: 32px 16px 0;
            margin: 0
        }

            .page-title-box h1 {
                margin: 0 0 16px
            }

            .page-title-box:before {
                display: none
            }

        .quick-links-slider.has-arrows {
            padding: 0 24px
        }

        .quick-links-slider .swiper-btn-prev {
            left: -6px
        }

        .quick-links-slider .swiper-btn-next {
            right: -6px
        }
    }

    @media screen and (max-width:1160px) {
        .page-banner .align-m {
            height: 486px;
            padding: 130px 0 42px
        }

        .command .full-width-img {
            -webkit-transform: translate3d(0,0,0) !important;
            -moz-transform: translate3d(0,0,0) !important;
            -ms-transform: translate3d(0,0,0) !important;
            transform: translate3d(0,0,0) !important
        }

        .similar-objects .tab-content {
            max-width: 880px;
            padding: 0 14px
        }

        .similar-objects-slider > .slick-prev {
            left: -29px
        }

        .similar-objects-slider > .slick-next {
            right: -29px
        }

        .similar-objects.in-static {
            left: 0;
            max-width: calc(100% - 32px);
            width: auto;
            margin: 80px auto 120px
        }
    }

    @media screen and (max-width:1120px) {
        .text-video-box {
            display: block
        }

            .text-video-box .col {
                display: block;
                width: 100%;
                margin: 0 0 42px
            }

        .map-text-grid {
            padding: 63px 0
        }
    }

    @media screen and (max-width:1110px) {
        .layout-grid.grid-20-percents .grid-col {
            width: 33.33333333%
        }

        .has-bg-text .bg-text {
            top: -40px;
            font-size: 100px
        }

        .has-bg-text.large .bg-text {
            font-size: 132px;
            top: -53px
        }

        .contacts-box .bg-text {
            top: -14px;
            font-size: 150px
        }

        .inclined-action-box .bg-text {
            top: -34px
        }

        .indicator .num {
            font-size: 36px
        }

        .sell-effectively:before {
            left: -1464px
        }

        .sell-effectively:after {
            right: -1460px
        }

        .sell-effectively .inclined-dots {
            width: calc(100% - 80px);
            left: -40px
        }
    }

    @media screen and (max-width:1080px) {
        .page-banner.characteristics-layout .align-m {
            padding: 132px 0 18px
        }

        .page-banner .object-characteristics {
            margin: 0 0 60px
        }

        .object-characteristics .isolated-price {
            position: relative;
            right: 0;
            bottom: auto;
            max-width: 100%;
            width: 400px;
            margin: 16px auto 0
        }

        .object-characteristics .attributes-box {
            width: 100%
        }

        .page-banner .object-characteristics .attributes-box {
            min-height: 0;
            border: 1px solid transparent
        }

        .attributes-box .col.rare-position + .isolated-price {
            margin-top: 80px
        }

        .object-characteristics .buy-on-tick-box {
            position: relative;
            right: auto;
            bottom: auto;
            width: auto;
            margin: 32px 0 -16px
        }

        .alone-content-object .align-b {
            height: 500px
        }

        #footer .container {
            padding-bottom: 20px
        }

        #footer .meta-box .col, #footer .meta-box .col:first-child {
            float: none
        }

        #footer .meta-box .col {
            margin: 0 0 25px;
        }

            #footer .meta-box .col:last-child {
/*                text-align: center*/
            }

        #footer .meta-box .sub-col:first-child {
            padding-right: 14%
        }
    }

    @media screen and (max-width:1040px) {
        .chess-grid .col, .chess-grid .row:nth-child(even) .col {
            height: 328px;
            padding: 30px 24px
        }

        .inclined-box.no-bottom-corner {
            padding-bottom: 100px
        }

        .contacts .col.phones {
            width: 306px
        }

        .contacts .address.col {
            width: auto
        }

        .contacts .social.col {
            width: 230px
        }

        .map-text-grid .usual-map-box, .usual-map-box {
            height: auto !important;
            padding-bottom: 44%
        }

        .map-text-grid {
            padding: 63px 0 0;
            min-height: 0
        }

            .map-text-grid .text-box {
                max-width: none;
                padding: 0;
                margin: 0 0 46px
            }

            .map-text-grid .usual-map-box {
                position: relative;
                width: 100%
            }
    }

    @media screen and (max-width:1010px) {
        .agents-footer .agent {
            width: 50%
        }

        .agents-footer .share-links {
            width: 100%;
            margin: 16px 0 24px
        }
    }

    @media screen and (max-width:1000px) {
        .gradient-box {
            padding: 52px 0 32px
        }

            .gradient-box .text-box {
                margin: 0 auto 42px
            }

        .map-text-grid {
            padding: 52px 0 0
        }

        .layout-grid .grid-col {
            width: 50%
        }

        .inclined-bg-box.only-layout-grid .layout-grid:last-child {
            margin: 0 0 60px
        }

        .employees-in-static {
            position: relative;
            left: 0;
            width: 100%;
            margin: 100px 0
        }

        .inclined-bg-box.not-slanted {
            padding: 52px 0 32px
        }

        .full-width-img + .inclined-box {
            margin-top: 20px
        }

        .steps-list-box {
            margin: 77px 0 80px
        }

        .steps-list .item .info {
            padding: 28px 24px 24px
        }

        .no-touchevents .js-view-checker .purchase-scheme .grid-col {
            -webkit-transform: translate3d(0,30px,0);
            -moz-transform: translate3d(0,30px,0);
            -ms-transform: translate3d(0,30px,0);
            transform: translate3d(0,30px,0)
        }

        .purchase-scheme .grid-col:not(:last-child) .step-line:after {
            display: none
        }

        .response-in-brief {
            margin: 0 0 70px
        }

        .response-list .text-box {
            float: left;
            width: calc(100% - 380px)
        }

        .response-list .whose-response {
            width: 380px
        }

        .outer-dots-bg.double-dots:after {
            display: none
        }

        .landing-page #object-inner-slider {
            margin-bottom: 80px
        }

        .indicator .num {
            font-size: 40px
        }

        .indicators-list .grid-col:nth-child(2n-1) .indicator:after {
            display: block
        }

        .gradient-box .lazy-load-box, .gradient-box .load-more-box {
            margin: 32px auto 64px
        }

        .inclined-action-box + .seo-text {
            margin-top: -8%
        }
    }

    @media screen and (min-width:981px) {
        .has-aside + .seo-text {
            clear: both;
            padding-top: 0;
            margin-top: -48px
        }
    }

    @media screen and (max-width:980px) {
        .object-characteristics .attributes-box {
            width: 100%
        }

        .attributes-box .col.full-width {
            margin: 0 0 36px
        }

        .attributes-box .col.rare-position {
            position: relative;
            right: auto;
            width: 100%;
            padding-right: 0;
            margin: 0 0 42px
        }

            .attributes-box .col.rare-position .icon-location {
                display: inline-block;
                vertical-align: top;
                margin: 0 30px 0 0
            }

            .attributes-box .col.rare-position .gps-box {
                position: relative;
                display: inline-block;
                vertical-align: top;
                top: 0;
                right: 0;
                margin: -1px 0 0
            }

        .page-banner .object-characteristics .attributes-box {
            min-height: 0;
            border: none
        }

        .attributes-box .col.rare-position + .isolated-price {
            margin-top: 0
        }

        .has-aside #main {
            float: none;
            padding: 0 0 60px;
            width: 100%
        }

        .has-aside .aside {
            float: none;
            width: 100%;
            padding: 0
        }

            .has-aside .aside .pretty-form {
                width: auto;
                max-width: none;
                float: none;
                margin: 0 -24px 0;
                padding: 42px 24px 52px
            }

        .meta-object {
            margin: 0 auto 60px
        }

        aside + .sell-effectively {
            margin-top: 60px
        }

        .feedback-box #yandex-map-box {
            float: none;
            width: auto;
            margin: 0 -24px
        }

        #yandex-map-box #yandex-map {
            height: 400px
        }

        .feedback-box .pretty-form {
            width: auto;
            max-width: none;
            float: none;
            margin: 0 -24px -100px;
            padding: 42px 24px 52px
        }

        .contacts-page #main + .seo-text {
            padding-top: 60px;
            margin: 0
        }

        #sub-nav {
            display: none
        }
    }

    @media screen and (max-width:960px) {
        .sell-effectively:before {
            left: -1500px
        }

        .sell-effectively:after {
            right: -1500px
        }

        .sell-effectively .inclined-dots {
            width: 100%;
            left: -74px
        }
    }

    @media screen and (max-width:940px) {
        .has-bg-text .bg-text {
            top: -28px;
            font-size: 80px
        }

        .has-bg-text.large .bg-text {
            font-size: 112px;
            top: -43px
        }

        .contacts-box .bg-text {
            top: -14px;
            font-size: 150px
        }

        .inclined-action-box .bg-text {
            top: -22px
        }

        .page-banner .h1.large-size, .page-banner h1.large-size {
            font-size: 44px
        }

        .contacts-box {
            margin: 0 0 60px
        }

        .contacts {
            font-size: 0;
            display: block
        }

            .contacts .col {
                display: inline-block;
                vertical-align: top;
                margin: 0 0 20px
            }

                .contacts .col.phones {
                    width: 346px
                }

            .contacts .address.col {
                width: calc(100% - 346px);
                padding: 0
            }

            .contacts .social.col {
                width: 100%
            }
    }

    @media screen and (max-width:900px) {
        .blog-header .choose-subject {
            width: calc(100% - 380px)
        }

        .page-banner .footer .agent.has-btn {
            min-width: 400px
        }

            .page-banner .footer .agent.has-btn .btn {
                margin: 16px 0 0
            }

        .blog-header .rss {
            width: 350px
        }

        .rss .field {
            width: calc(100% - 120px)
        }

        .rss .btn {
            width: 120px
        }

        .intro-layout-grid > .align-m {
            padding-right: 32px
        }

            .intro-layout-grid > .align-m.img {
                width: 280px
            }

        .response-list .item:last-child {
            margin: 0 0 20px
        }

        .response-list .text-box {
            float: none;
            width: 100%;
            padding: 0
        }

        .response-list .video-box, .response-list blockquote {
            position: relative;
            z-index: 5
        }

        .response-list .whose-response {
            float: none;
            width: 100%;
            padding: 0;
            max-width: 475px;
            margin: 0 0 30px
        }

        .agent:before {
            display: none
        }

        .agent.has-bg-text .bg-text {
            color: #333;
            opacity: .025
        }

        .response-list .inclined-client {
            margin: 0 0 52px
        }

        .response-list .inclined-thumb {
            margin: 0
        }

        .response-list .inclined-separator {
            margin: 74px 0 77px
        }

        .meta-object .agent, .meta-object .buy-on-tick-box + .agent {
            margin-top: 40px
        }

        .return-box .return {
            float: left;
            margin: 24px 0 0
        }

        .return-box .rss p {
            display: block;
            margin: 0 0 6px
        }

        .return-box .rss .btn {
            width: 176px
        }

        .sell-effectively:after, .sell-effectively:before {
            display: none
        }

        .sell-effectively .inclined-dots {
            width: calc(100% - 60px);
            left: 0
        }

        .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
            font-size: 110px;
            top: -39px
        }
    }

    @media screen and (max-width:840px) {
        #header .search-form, #header.mobile-nav .search-form {
            margin: 0 0 0 -270px
        }

        #header.mobile-nav #nav, #nav {
            /*        background: #272727;*/
            background: #fff;
        }

            #header.mobile-nav #nav:after, #nav:after {
                display: none
            }

            #header.mobile-nav #nav .sub-box, #nav .sub-box {
                padding: 0 0 60px
            }

            #header.mobile-nav #nav.visible .sub-box, #nav.visible .sub-box {
                -webkit-transition: all .4s ease .3s;
                -moz-transition: all .4s ease .3s;
                transition: all .4s ease .3s
            }

            #header.mobile-nav #nav .sub-box > ul, #nav .sub-box > ul {
                width: 500px
            }

                #header.mobile-nav #nav .sub-box > ul > li, #nav .sub-box > ul > li {
                    width: 60%
                }

                    #header.mobile-nav #nav .sub-box > ul > li.agency, #nav .sub-box > ul > li.agency {
                        width: 40%
                    }

            #header #nav.visible .search-form, #header.mobile-nav #nav.visible .search-form {
                opacity: 1;
                -webkit-transition: all .2s ease .3s;
                -moz-transition: all .2s ease .3s;
                transition: all .2s ease .3s
            }

            #header #nav.visible .favourite, #header.mobile-nav #nav.visible .favourite {
                opacity: 1;
                -webkit-transition: all .2s ease .3s;
                -moz-transition: all .2s ease .3s;
                transition: all .2s ease .3s
            }

        .no-touchevents #header #nav.visible .favourite {
            opacity: 1 !important
        }

            .no-touchevents #header #nav.visible .favourite:before {
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                transition: all .2s ease
            }

            .no-touchevents #header #nav.visible .favourite:hover:before {
                opacity: .7
            }

        .landing-page #object-inner-slider {
            margin-bottom: 60px
        }

        .sub-gallery {
            padding: 60px 0 72px
        }

        .rounded-icon.large {
            width: 180px;
            height: 180px
        }

            .rounded-icon.large:before {
                width: 148px;
                height: 148px
            }

            .rounded-icon.large:after {
                width: 112px;
                height: 112px
            }

            .rounded-icon.large .icon {
                left: 34px;
                top: 34px;
                width: 112px;
                height: 112px
            }
    }

    @media screen and (max-width:820px) {
        #object-inner-slider .slide {
            width: 580px
        }

        #object-inner-slider .prev-arrow .slick-arrow {
            right: 10px
        }

        #object-inner-slider .next-arrow .slick-arrow {
            left: 10px
        }
    }

    @media screen and (max-width:800px) {
        #footer.simple .meta p {
            margin-left: 35px
        }
    }

    @media screen and (max-width:780px) {
        .h1, h1 {
            font-size: 40px
        }

        ol li, ul li {
            padding: 0 0 0 28px
        }

        blockquote .text {
            padding: 0 0 0 28px
        }

            blockquote .text:before {
                left: 0
            }

        blockquote .author {
            font-size: 15px;
            margin: 13px 0 0 28px
        }

        .intro {
            padding-left: 16px
        }

        .h2 + .intro, h2 + .intro {
            margin-top: 50px
        }

        .container, .container-large, .container-small {
            padding: 0 16px
        }

        .inline-fields {
            max-width: 400px
        }

            .inline-fields .field, .inline-fields .field.large, .inline-fields .field.small, .inline-fields .field.two-thirds {
                /*            display: block;*/
                padding: 0;
                width: 100%
            }

            /*Чтобы поля с ценой были в один ряд*/
            .inline-fields .field-price.field, .inline-fields .field-price.field.large, .inline-fields .field-price.field.small, .inline-fields .field-price.field.two-thirds {
                width: 48.5%;
                margin: 0;
                display: inline-block;
            }

            .inline-fields .btn {
                display: block;
                margin: 20px 0 0;
                width: 100%
            }

            .inline-fields .message-box {
                margin-top: 16px
            }

        .two-step-form.step1 .step1-field {
            display: block
        }

        .two-step-form.step2 .step2-field {
            display: block
        }

        #header {
            height: 60px;
            min-width: 320px
        }

            #header:not(.no-burger) .container, #header:not(.no-burger) .container-large {
                padding-right: 68px
            }

            #header.mobile-nav:not(.no-burger) .container-large {
                padding-right: 86px
            }

        #logo {
            width: 46px;
            height: 45px;
            margin: 6px 60px 0 0
        }

            #logo:before {
                top: -8px;
                right: -56px;
                height: 60px
            }

        .mobile-nav:not(.sticky) #logo:before {
            top: -6px;
            height: 60px
        }

        #js-open-nav {
            top: 18px;
            right: 16px
        }

        #header.mobile-nav #js-open-nav:before {
            height: 60px !important;
            top: -18px !important
        }

        #header .call-us-box {
            float: left;
            margin: 12px 0 0
        }

        #header.mobile-nav #nav .favourite, #nav .favourite {
            top: 17px;
            right: 70px
        }

        .call-us-box .dropdown {
            top: 48px
        }

        #header .search-form, #header.mobile-nav .search-form {
            padding: 0 16px;
            margin: 0 0 0 -264px;
            top: 12px
        }

        .h2 + .layout-grid, h2 + .layout-grid {
            margin-top: 50px
        }

        .gradient-box .h2 + .layout-grid, .gradient-box h2 + .layout-grid {
            margin-top: 40px
        }

        .chess-grid .col, .chess-grid .row:nth-child(even) .col {
            padding: 30px 16px
        }

        .chess-grid .h2, .chess-grid h2 {
            margin-bottom: 16px
        }

        .page-banner.characteristics-layout .align-m {
            padding: 100px 0 18px
        }

        .page-banner.large-height > .sub-box > .align-m {
            height: auto;
            padding: 120px 0 60px
        }

        .page-banner .align-m {
            height: 460px;
            padding: 130px 0 60px
        }

        .page-banner .h1.large-size, .page-banner h1.large-size {
            font-size: 40px
        }

        .page-banner .get-advice {
            font-size: 20px
        }

            .page-banner .get-advice h1 {
                font-size: 20px
            }

            .page-banner .get-advice .realtor:before {
                top: 14px;
                height: 3px
            }

            .page-banner .get-advice .agent {
                margin: 26px 0 0
            }

                .page-banner .get-advice .agent .inclined-thumb .info {
                    margin: -12px 0 0
                }

                .page-banner .get-advice .agent .inclined-thumb .meta {
                    margin-top: 3px
                }

                .page-banner .get-advice .agent .name:before {
                    top: 13px;
                    height: 3px
                }

                .page-banner .get-advice .agent .name {
                    font-size: 20px
                }

        .page-banner .footer {
            padding: 30px 0 16px;
            text-align: center
        }

            .page-banner .footer .agent, .page-banner .footer .agent.has-btn {
                float: none;
                min-width: 100%;
                margin: 0 0 32px;
                text-align: left
            }

                .page-banner .footer .agent.has-btn .btn {
                    margin: 0 0 0 16px
                }

            .page-banner .footer .share-links {
                float: none;
                margin: 0
            }

                .page-banner .footer .share-links .text {
                    display: none
                }

        .page-banner .tab-content, .page-banner .tabs-list {
            max-width: 400px;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

        .inclined-corners-box {
            padding: 0 0 60px;
            margin: 0 0 100px
        }

            .inclined-corners-box .container:after {
                bottom: -80px
            }

            .inclined-corners-box .form:not(.inline-fields) {
                max-width: 400px;
                margin-bottom: 0
            }

                .inclined-corners-box .form:not(.inline-fields) .btn {
                    margin-bottom: 0
                }

        .inclined-box.large-inner-top-indent {
            padding-top: 50px;
            margin-top: 60px
        }

        .inclined-box.no-bottom-corner {
            padding-bottom: 80px
        }

        .inclined-title:before {
            left: -1562px
        }

        .inclined-title:after {
            right: -1562px
        }

        .steps-list .item .info {
            padding: 28px 20px 20px
        }

        .transactions-examples .layout-grid .grid-col {
            width: 100%;
            max-width: none;
            margin: 0 0 30px
        }

        .response-in-brief .layout-grid .grid-col {
            width: 100%;
            display: block;
            max-width: none;
            margin: 0 0 80px
        }

            .response-in-brief .layout-grid .grid-col:last-of-type {
                margin-bottom: 62px
            }

        .outer-dots-bg:before {
            top: -24px;
            left: -24px
        }

        .inclined-action-box {
            margin: 0 0 130px
        }

            .inclined-action-box .content {
                margin: 0 36px
            }

        .box-link {
            padding: 15px 60px 16px 16px
        }

            .box-link:after {
                right: 16px
            }

        @-webkit-keyframes boxlinkarrow {
            0% {
                right: 16px
            }

            50% {
                right: 10px
            }

            100% {
                right: 16px
            }
        }

        @-ms-keyframes boxlinkarrow {
            0% {
                right: 16px
            }

            50% {
                right: 10px
            }

            100% {
                right: 16px
            }
        }

        @keyframes boxlinkarrow {
            0% {
                right: 16px
            }

            50% {
                right: 10px
            }

            100% {
                right: 16px
            }
        }

        .blog-header .choose-subject {
            width: calc(100% - 270px)
        }

        .blog-header .rss {
            width: 240px
        }

        .rss .btn {
            margin-top: 10px
        }

        .nav-inner {
            display: none
        }

        .single-page-nav {
            display: block
        }

        .circle-dots .main-text {
            font-size: 38px
        }

        .circle-dots .sub-text {
            font-size: 27px
        }

        .nav-inner + .btn-box {
            margin: -42px 0 29px
        }

        .btn-box.sticky {
            display: none !important
        }

        .article-footer {
            text-align: center
        }

            .article-footer .share-links {
                display: block;
                width: 100%
            }

            .article-footer .subjects {
                display: none
            }

        .contacts .col.phones {
            width: 306px
        }

        .contacts .address.col {
            width: calc(100% - 306px);
            padding: 0
        }

        .return-box .form {
            max-width: none
        }

        .return-box .inline-fields .field {
            display: inline-block;
            padding-right: 6px
        }

        .return-box .rss .btn {
            width: 176px;
            display: inline-block;
            margin: 0
        }

        #object-inner-slider {
            margin: 60px 0 70px
        }

        .page-title-box {
            padding: 16px 16px 0
        }

        #scroll-progress {
            height: 2px
        }

        #error-page-box .align-m {
            padding: 123px 0 60px
        }

        .inclined-action-box + .seo-text {
            margin-top: -24px
        }
    }

    @media screen and (max-width:750px) {
        .layout-grid.grid-20-percents .grid-col {
            width: 50%
        }

        #object-inner-slider .prev-arrow .slick-arrow {
            right: 0
        }

        #object-inner-slider .next-arrow .slick-arrow {
            left: 0
        }

        .tabs-box.similar-objects {
            margin: 54px 0 60px
        }

        .similar-objects .tab-content {
            max-width: 420px
        }

        .similar-objects .tabs-list {
            margin: 49px 0 15px
        }

        .similar-objects.in-static {
            width: 400px;
            margin: 72px auto
        }
    }

    @media screen and (max-width:740px) {
        .full-width-img + .inclined-box {
            margin-top: 24px
        }

        .inclined-box {
            margin: 120px 0 180px
        }

        .intro-layout-grid {
            display: block;
            margin: 80px 0 0
        }

            .intro-layout-grid > .align-m {
                padding-right: 0;
                display: block;
                margin: 0 0 80px
            }

                .intro-layout-grid > .align-m.img {
                    width: 280px;
                    margin: 0 auto 50px
                }

        .contacts-box .bg-text {
            top: -10px;
            font-size: 130px
        }

        .sell-effectively .inclined-dots {
            width: 100%;
            left: 0
        }

        .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
            font-size: 100px;
            top: -35px
        }

        #footer.simple {
            text-align: center
        }

            #footer.simple .container {
                padding-bottom: 30px
            }

            #footer.simple .meta {
                float: none;
                width: 100%;
                text-align: center;
                margin: 0 0 30px
            }

                #footer.simple .meta p {
                    margin: 0 25px 20px !important
                }

            #footer.simple #copy {
                float: none
            }
    }

    @media screen and (max-width:720px) {
        blockquote.important .text p {
            font-size: 32px;
            line-height: 1.225em
        }

        blockquote.important .text:before {
            top: -2px
        }

        blockquote.important .text :last-child:after {
            margin: 1px 0 0 14px
        }

        blockquote.important .author {
            margin-top: 18px
        }

        .inclined-bg-box {
            margin-top: -20px
        }

        .inclined-box .header {
            padding: 0
        }

        .anchors-nav + .steps-box {
            margin-top: 100px
        }

        .steps-list-box {
            position: relative;
            margin: 77px 0 60px
        }

        .inclined-bg-box .steps-list-box {
            margin-bottom: 0
        }

        .steps-list {
            padding-left: 118px
        }

            .steps-list .item {
                float: none;
                width: 100%;
                margin: 0 0 40px
            }

                .steps-list .item:before {
                    left: -74px !important;
                    bottom: -40px
                }

                .steps-list .item .info {
                    padding: 28px 16px 20px
                }

        .no-touchevents .steps-list .item .info {
            -webkit-transform: translate3d(100px,0,0);
            -moz-transform: translate3d(100px,0,0);
            -ms-transform: translate3d(100px,0,0);
            transform: translate3d(100px,0,0)
        }

        .steps-list .item:nth-child(2n) {
            float: none
        }

        .steps-list .item .info:after {
            left: -8px
        }

        .steps-list .item .num {
            left: -131px !important
        }

        .two-half-bg-box .sub-box {
            margin: 0
        }

        .two-half-bg-box .col {
            display: block;
            width: 100%;
            text-align: left;
            padding: 32px 0
        }

            .two-half-bg-box .col:nth-child(2):before {
                left: -50px
            }

            .two-half-bg-box .col .h3, .two-half-bg-box .col h3 {
                height: auto !important;
                padding: 0 !important
            }

        .two-half-bg-box .inclined-list li {
            height: auto !important
        }

            .two-half-bg-box .inclined-list li:before {
                display: none
            }

        .two-half-bg-box .col .align-m {
            display: block;
            padding: 18px 24px 17px 56px !important
        }

        .inclined-list li:after {
            content: '';
            position: absolute;
            z-index: -1;
            left: 0 !important;
            top: 0;
            right: 0 !important;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important
        }

        .inclined-list li .icon {
            left: 8px !important
        }

        .inclined-bg-box + .response-in-brief {
            margin-top: -40px
        }

        #object-inner-slider .main-slider {
            position: relative;
            max-height: 475px;
            overflow: hidden
        }

        #object-inner-slider .slide {
            width: 100%
        }

            #object-inner-slider .slide img {
                width: 100%
            }

        #object-inner-slider .main-slider .sub-box {
            left: 0;
            width: 100%;
            margin: 0
        }

        #object-inner-slider .next-arrow, #object-inner-slider .prev-arrow {
            background: 0 0;
            width: 38px;
            left: 4px
        }

        #object-inner-slider .next-arrow {
            left: auto;
            right: 4px
        }

            #object-inner-slider .next-arrow .slick-arrow, #object-inner-slider .prev-arrow .slick-arrow {
                background: rgba(255,255,255,.5)
            }

        .useful-material-box {
            display: block
        }

            .useful-material-box .col {
                display: block;
                width: 100%
            }

                .useful-material-box .col.download {
                    padding: 60px 16px
                }

            .useful-material-box .download p {
                max-width: none
            }

        #main {
            padding-bottom: 80px
        }

            #main + .similar-box {
                margin-top: -13px
            }

        #yandex-map-box #yandex-map {
            height: 320px
        }

        .feedback-box .pretty-form {
            margin: 0 -24px -80px
        }

        .seo-text {
            padding: 72px 0 80px
        }

        #objects-section + .seo-text, .gradient-box + .seo-text {
            padding-top: 0
        }

        #footer .meta-box .sub-col {
            display: block
        }

            #footer .meta-box .sub-col:first-child {
                padding: 0;
                margin: 0 0 20px
            }

        #to-top {
            bottom: 16px;
            right: 16px;
            width: 40px;
            height: 40px
        }
    }

    @media screen and (max-width:700px) {
        .page-title-box {
            padding: 16px 12px 0
        }

        .lazy-load-box.btn-box .btn.load-more {
            margin: -32px 0 16px
        }
    }

    @media screen and (max-width:680px) {
        #header .search-form, #header.mobile-nav .search-form {
            width: 464px
        }

        .objects-list.layout-grid {
            margin: 42px -4px 0
        }

            .objects-list.layout-grid.favorites-list {
                margin-bottom: 42px !important
            }

            .objects-list.layout-grid .grid-col {
                display: block;
                padding: 0;
                width: 100%;
                max-width: 400px;
                margin: 0 auto 44px
            }

                .objects-list.layout-grid .grid-col:last-child {
                    margin-bottom: 0
                }

        .layout-grid.articles-list .grid-col {
            max-width: 400px
        }

        .shortly-about-grid.layout-grid {
            margin: 42px 0
        }

        .gradient-box .shortly-about-grid.layout-grid:last-child {
            margin-bottom: 24px
        }

        .shortly-about-list .item {
            padding: 0
        }

        .shortly-about-grid.layout-grid .grid-col {
            display: block;
            padding: 0;
            width: 100%;
            margin: 0;
            max-width: none
        }

        .shortly-about-list .item:last-child:before {
            display: block
        }

        .shortly-about-list .item:last-child:before {
            display: block
        }

        .shortly-about-grid.layout-grid .grid-col:last-child .shortly-about-list .item:last-child:before {
            display: none
        }

        .chess-grid {
            padding-top: 60px;
            margin-bottom: 60px;
            display: block;
            background: url("../icons/gradient-box-bg.png") repeat-x top
        }

            .chess-grid .row {
                display: block
            }

            .chess-grid .col {
                display: block;
                height: auto !important;
                padding: 0 16px !important;
                margin: 0 0 32px;
                background: 0 0
            }

                .chess-grid .col.with-bg {
                    display: none
                }

            .chess-grid .row .col .max-w {
                float: none !important;
                max-width: none
            }

            .chess-grid .h2, .chess-grid h2 {
                margin-bottom: 16px
            }

            .chess-grid .show-mobile {
                display: block;
                margin: 0 0 12px
            }

        .alone-content-object .align-b {
            height: 420px;
            padding-bottom: 16px
        }

        .sell-effectively {
            margin: 70px auto 60px
        }

            .sell-effectively .max-w {
                max-width: 540px
            }

            .sell-effectively .layout-grid {
                margin: 0 0 40px !important
            }

        .circle-dots .main-text {
            font-size: 35px
        }

        .circle-dots .sub-text {
            font-size: 24px
        }
    }

    @media screen and (max-width:670px) {
        .h1, h1 {
            font-size: 36px
        }

        .page-banner .align-m {
            height: 400px;
            padding: 120px 0 60px
        }

        .page-banner.inner .align-m {
            height: 320px;
            padding: 120px 0 60px
        }

        .page-banner .h1.large-size, .page-banner h1.large-size, .page-banner.inner .h1, .page-banner.inner h1 {
            font-size: 36px
        }

        .page-banner .inner-article h1 {
            font-size: 26px
        }

        .page-banner .h4, .page-banner h4 {
            font-size: 22px
        }

        .page-banner .inline-fields {
            margin: 44px auto 0
        }

        .page-banner .tabs-box {
            margin: 44px auto 0
        }

        .inclined-bg-box {
            font-size: 17px;
            padding: 100px 0 0
        }

            .inclined-bg-box .h3, .inclined-bg-box h3 {
                font-size: 31px;
                margin: 0 0 16px
            }

        .layout-grid .grid-25-percents {
            margin-top: 66px
        }

        .inclined-action-box .content {
            padding: 41px 16px 56px;
            margin: 0
        }

            .inclined-action-box .content:before {
                left: 0;
                -webkit-transform: skewX(0) translate3d(0,0,0);
                -ms-transform: skewX(0) translate3d(0,0,0);
                transform: skewX(0) translate3d(0,0,0)
            }

        .no-touchevents .inclined-action-box .content:before {
            left: 50%;
            -webkit-transform: skewX(0) translate3d(-50%,0,0);
            -ms-transform: skewX(0) translate3d(-50%,0,0);
            transform: skewX(0) translate3d(-50%,0,0)
        }

        .info-box {
            text-align: left
        }

        .return-box .return {
            float: left;
            margin: 0 0
        }

        .return-box .inline-fields .field {
            display: block;
            padding: 0
        }

        .return-box .rss .btn {
            width: 100%;
            display: block;
            margin: 6px 0 0
        }

        #object-inner-slider .main-slider .status {
            font-size: 26px;
            padding: 14px 36px 16px;
            border: 4px solid #fff
        }

        .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
            font-size: 90px;
            top: -31px
        }

        #error-page-box .align-m {
            padding: 110px 0 50px
        }

            #error-page-box .align-m .h6, #error-page-box .align-m h6 {
                margin: 0 0 16px
            }

        #error-page-box .num {
            font-size: 209px;
            margin: 0 0 -42px
        }

        #error-page-box .zero {
            font-size: 300px;
            margin: -46px -49px 0 -38px
        }
    }

    @media screen and (max-width:640px) {
        .inclined-bg-box .steps-list-box:last-child {
            margin-bottom: -30px
        }

        #object-inner-slider .main-slider .vr-tour-icon-box {
            top: 45%
        }

        #object-inner-slider .main-slider .icon-text {
            font-size: 14px
        }

        .attributes-box .col {
            width: 50%;
            max-width: 260px;
            margin: 0 0 33px
        }

            .attributes-box .col:nth-child(even) {
                padding: 0
            }

            .attributes-box .col.full-width, .attributes-box .col.large {
                width: 100%;
                max-width: none;
                margin: 0 0 20px
            }

            .attributes-box .col.full-width {
                margin: 0 0 32px
            }

            .attributes-box .col p.icon-location {
                margin: 0 0 20px
            }

            .attributes-box .col.rare-position {
                max-width: none;
                padding-left: 18px;
                margin: 0 0 32px
            }

                .attributes-box .col.rare-position .icon-location {
                    display: block;
                    margin: 0 0 28px;
                    width: 100%
                }

                .attributes-box .col.rare-position .gps-box {
                    display: block;
                    width: 100%;
                    margin-left: -18px
                }

        .object-characteristics .isolated-price {
            margin: 6px auto 0
        }

        .agents-footer {
            margin: 0
        }

            .agents-footer .agent {
                float: none;
                width: 100%
            }

            .agents-footer .share-links {
                float: none;
                width: 100%;
                margin: 16px 0 24px
            }

        .contacts .col {
            display: block;
            width: 100% !important;
            padding-right: 0 !important;
/*            margin: 0 0 40px*/
        }

        .contacts-box .bg-text {
            top: -5px;
            font-size: 110px
        }
    }

    @media screen and (max-width:620px) {
        #header .search-form, #header.mobile-nav .search-form {
            left: 0;
            margin: 0;
            max-width: calc(100% - 100px);
            width: 400px
        }

        #header.mobile-nav #nav .sub-box, #nav .sub-box {
            height: calc(100% - 70px);
            margin: 70px 0 0;
            padding: 0 0 40px 10%
        }

            #header.mobile-nav #nav .sub-box > ul, #nav .sub-box > ul {
                width: 440px
            }

                #header.mobile-nav #nav .sub-box > ul > li, #nav .sub-box > ul > li {
                    font-size: 26px;
                    margin: 40px 0;
                    width: 55%
                }

                    #header.mobile-nav #nav .sub-box > ul > li.current.agency:before, #nav .sub-box > ul > li.current.agency:before {
                        height: 28px
                    }

                    #header.mobile-nav #nav .sub-box > ul > li.agency, #nav .sub-box > ul > li.agency {
                        width: 45%
                    }

        #header.mobile-nav #nav .dropdown, #nav .dropdown {
            margin: 5px 0 0
        }

            #header.mobile-nav #nav .dropdown li, #nav .dropdown li {
                margin: 0 0 18px
            }

        .mirror-icons-list .item {
            padding: 0 0 0 130px
        }

            .mirror-icons-list .item:nth-child(even) {
                padding: 0 130px 0 0
            }

        .mirror-icons-list .text {
            font-size: 17px;
            padding: 24px 24px 28px
        }

        .blog-header {
            padding: 0;
            overflow: visible
        }

            .blog-header .choose-subject {
                float: none;
                width: 100%
            }

            .blog-header .rss {
                float: none;
                width: 100%;
                max-width: 380px;
                margin: 0 0 44px
            }

        .sitemap-list {
            font-size: 22px;
            padding: 0
        }

            .sitemap-list li {
                margin: 0 0 24px
            }

                .sitemap-list li ul {
                    margin: 20px 0 0 24px
                }

                .sitemap-list li li {
                    font-size: 18px;
                    margin: 0 0 14px
                }

                    .sitemap-list li li li {
                        font-size: 17px
                    }

                .sitemap-list li > ul:before {
                    left: -24px;
                    top: 2px
                }
    }

    @media screen and (max-width:620px) and (min-width:380px) {
        .blog-header .rss {
            margin: 0 0 30px
        }

        .rss .field {
            display: inline-block;
            padding-right: 6px;
            width: calc(100% - 140px)
        }

        .rss .btn {
            display: inline-block;
            width: 140px;
            margin: 0
        }
    }

    @media screen and (max-width:600px) {
        .layout-grid {
            margin: 42px 0 0
        }

            .layout-grid .grid-col, .layout-grid .grid-col.width-50-percents, .layout-grid.grid-20-percents .grid-col {
                display: block;
                padding: 0;
                width: 100%;
                max-width: 320px;
                margin: 0 auto 44px
            }

            .layout-grid.articles .grid-col, .layout-grid.objects .grid-col {
                max-width: 460px
            }

            .layout-grid.no-max-w-mobile .grid-col {
                max-width: none
            }

        .we-are .layout-grid .grid-col {
            max-width: 400px
        }

        .layout-grid + .btn-box {
            margin-top: 54px
        }

        .inclined-bg-box.only-layout-grid .layout-grid:last-child {
            margin: 0 0 130px
        }

        .employees-list .grid-col:last-child {
            margin-bottom: 0
        }

        .employees-in-static {
            margin: 72px 0
        }

        .inclined-bg-box {
            padding-top: 120px;
            margin-bottom: 50px
        }

        .inclined-box.we-are .layout-grid .grid-col {
            margin-bottom: 50px
        }

            .inclined-box.we-are .layout-grid .grid-col:last-child {
                margin-bottom: 10px
            }

        .inclined-title-box {
            margin-top: 60px
        }

        .inclined-title {
            min-width: 100%
        }

            .inclined-title:before {
                top: auto;
                width: 70%;
                left: -40%;
                height: 30px;
                bottom: -46px
            }

            .inclined-title:after {
                top: -42px;
                right: -40%;
                width: 70%;
                height: 30px
            }

            .inclined-title span {
                background: 0 0
            }

        .inclined-title-box .max-w {
            margin: 60px auto 0
        }

        .inclined-separator {
            margin: 74px 0
        }

        .layout-grid .inclined-separator {
            z-index: -1;
            margin-top: 60px;
            margin-bottom: 60px
        }

        .inclined-separator:after, .inclined-separator:before {
            left: 60vw;
            top: -30px;
            height: 30px
        }

        .inclined-separator:after {
            top: 1px;
            left: auto;
            right: 60vw
        }

        .inclined-icon {
            height: 195px;
            max-width: 200px
        }

        .layout-grid .inclined-icon {
            margin: 0 auto 51px
        }

        .inclined-icon svg {
            width: 126px;
            height: 126px
        }

        .inclined-icon .cube-svg {
            width: 140px;
            height: 140px
        }

        .layout-grid .inclined-img {
            max-width: 220px
        }

        .inclined-img .sub-box {
            padding: 2px 0
        }

            .inclined-img .sub-box:before {
                top: -11px
            }

            .inclined-img .sub-box:after {
                bottom: -10px
            }

        .employee-of-month, .medal-label {
            font-size: 11px
        }

        .circle-dots .main-text {
            font-size: 38px
        }

        .circle-dots .sub-text {
            font-size: 26px
        }

        .steps-list-box {
            margin: 77px 0 60px
        }

        .indicators-list {
            margin-bottom: 42px
        }

        .indicator .align-m {
            height: 158px
        }

        .indicators-list .grid-col .indicator:after {
            display: block;
            top: 50%;
            margin-top: -57px
        }

        .gradient-box {
            padding: 52px 0 32px
        }

            .gradient-box .text-box {
                margin: 0 auto 22px
            }

            .gradient-box .lazy-load-box, .gradient-box .load-more-box {
                margin: 32px auto 40px
            }

                .gradient-box .lazy-load-box.finished {
                    margin-bottom: 24px
                }

            .gradient-box .outer-dots-bg:last-child {
                margin-bottom: 40px
            }

        .chess-grid {
            padding-top: 50px
        }

        .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
            font-size: 80px;
            top: -24px
        }
    }

    @media screen and (max-width:580px) {
        .h2, h2 {
            font-size: 31px
        }

        .h3, h3 {
            font-size: 28px
        }

        .h4, h4 {
            font-size: 25px
        }

        blockquote.important .text p {
            font-size: 28px
        }

        blockquote.important .text:before {
            top: -4px
        }

        blockquote.important .text :last-child:after {
            margin: -2px 0 0 14px
        }

        #header .call-us-box {
            float: right;
            margin: 18px 0 0;
            padding: 0
        }

            #header .call-us-box:before {
                display: none
            }

            #header .call-us-box .text, #header .call-us-box > a {
                display: none !important
            }

            #header .call-us-box .js-open-call-dropdown {
                position: relative;
                top: 0;
                left: 0;
                right: auto;
                display: block !important;
                height: auto;
                width: auto;
                background: 0 0
            }

                #header .call-us-box .js-open-call-dropdown:before {
                    content: '\e801';
                    position: relative;
                    font-size: 28px;
                    line-height: 1em;
                    left: 0
                }

                #header .call-us-box .js-open-call-dropdown.active, .no-touchevents #header .call-us-box .js-open-call-dropdown:hover {
                    opacity: .7
                }

        .call-us-box .dropdown {
            right: -55px;
            top: 42px;
            padding: 24px 16px 20px
        }

        #header.mobile-nav .call-us-box .dropdown {
            right: 0
        }

            #header.mobile-nav .call-us-box .dropdown:before {
                background-position: 100% 6px
            }

        .landing-page .page-banner.inner h1 {
            font-size: 34px
        }

        .inclined-corners-box .h3 small, .inclined-corners-box h3 small {
            font-size: 25px
        }

        .inclined-corners-box .realtor {
            font-size: 25px
        }

        .inclined-action-box .bg-text {
            top: -25px
        }

        .gradient-box .h2 + .outer-dots-bg, .gradient-box h2 + .outer-dots-bg {
            margin-top: 32px
        }

        .sell-effectively img {
            margin: 0 auto 32px
        }

        .sell-effectively .h2, .sell-effectively h2 {
            margin: 0 0 32px
        }

            .sell-effectively .h2 .bg-text, .sell-effectively h2 .bg-text {
                top: -27px
            }

        .object-description .h2, .object-description h1, .object-description h2 {
            padding-right: 0
        }

        .object-description h1 {
            font-size: 31px
        }
    }

    @media screen and (max-width:560px) {
        .page-banner .footer .agent.has-btn .btn {
            display: table;
            margin: 16px 0 0
        }

        .full-width-img + .inclined-box {
            margin-top: 29px
        }

        .inclined-corners-box {
            margin: 0 0 70px
        }

        .inclined-box.large-inner-top-indent {
            padding-top: 30px;
            margin-top: 50px
        }

        .inclined-box.no-bottom-corner {
            padding-bottom: 60px
        }

        .pager {
            margin: 70px 0 0
        }

        #object-inner-slider .main-slider .slide.slick-current:not(.video-slide):before {
            font-size: 60px;
            line-height: 60px
        }
    }

    @media screen and (max-width:1280px) and (min-width:541px) {
        #nav .dropdown {
            display: block !important
        }
    }

    @media screen and (min-width:541px) {
        .mobile-nav #nav .sub-box > ul > li .dropdown {
            display: block !important
        }
    }

    @media screen and (max-width:540px) {
        #header.mobile-nav #nav .sub-box, #nav .sub-box {
            padding: 30px 0 0 20px
        }

            #header.mobile-nav #nav .sub-box > ul, #nav .sub-box > ul {
                width: 100%;
                max-width: 260px;
                margin: 0 0 10px
            }

                #header.mobile-nav #nav .sub-box > ul > li, #nav .sub-box > ul > li {
                    font-size: 26px;
                    margin: 0 0 31px;
                    width: 100%
                }

                    #header.mobile-nav #nav .sub-box > ul > li.agency, #nav .sub-box > ul > li.agency {
                        position: relative;
                        width: 100%
                    }

        #header.mobile-nav #nav .dropdown, #nav .dropdown {
            margin: 0;
            display: none
        }

        #header.mobile-nav #nav .sub-box > ul > li.has-child {
            padding-right: 0
        }

            #header.mobile-nav #nav .sub-box > ul > li.has-child a, #nav .sub-box > ul > li.has-child a {
                position: relative;
                z-index: 5;
                padding-right: 20px
            }

                #header.mobile-nav #nav .sub-box > ul > li.has-child a:after, #nav .sub-box > ul > li.has-child > a:after {
                    position: relative;
                    font-size: 24px !important;
                    display: inline-block;
                    vertical-align: top;
                    right: 0;
                    top: 0 !important;
                    margin: 3px 0 0 0
                }

        .touchevents #header.mobile-nav #nav .sub-box > ul > li.has-child a:after, .touchevents #nav .sub-box > ul > li.has-child > a:after {
            margin-top: 1px
        }

        #header.mobile-nav #nav .sub-box > ul > li.has-child.active > a:after, #nav .sub-box > ul > li.has-child.active > a:after {
            margin: 2px 0 0 0
        }

        .touchevents #header.mobile-nav #nav .sub-box > ul > li.has-child.active a:after, .touchevents #nav .sub-box > ul > li.has-child.active > a:after {
            margin-top: 0
        }

        #nav .dropdown:after {
            content: '';
            position: absolute;
            z-index: -1;
            top: 24px;
            left: -18px;
            bottom: 8px;
            width: 1px;
            background: #6c6c6c
        }

        #header.mobile-nav #nav .dropdown li, #nav .dropdown li {
            margin: 0 0 18px
        }

        .landing-page #object-inner-slider {
            margin-bottom: 40px
        }

        .sub-gallery {
            padding: 40px 0 52px
        }
    }

    @media screen and (max-width:540px) and (max-height:460px) {
        #nav .sub-box > ul > li {
            font-size: 24px;
            margin: 0 0 21px
        }
    }

    @media screen and (max-width:520px) {
        .page-banner .align-m {
            padding: 84px 0 40px
        }

        .page-banner.large-height > .sub-box > .align-m {
            padding: 100px 0 40px
        }

        .page-banner .h4, .page-banner h4 {
            margin-bottom: 22px
        }

        .page-banner .inline-fields {
            margin: 22px auto 0
        }

        .page-banner .tabs-box {
            margin: 22px auto 0
        }

        .page-banner.custom-landing-layout .align-m {
            padding: 100px 0 60px
        }

        .landing-main-description .event-data {
            margin: 0 0 24px
        }

        .landing-main-description .time {
            font-size: 22px
        }

        .landing-main-description .title {
            font-size: 32px
        }

        .page-banner .object-characteristics .h3, .page-banner .object-characteristics h1, .page-banner .object-characteristics h3 {
            font-size: 28px
        }

        .steps-list {
            padding-left: 62px
        }

            .steps-list .item:before {
                left: -45px !important;
                bottom: -40px
            }

            .steps-list .item .num {
                font-size: 16px;
                left: -76px !important;
                width: 64px;
                height: 65px;
                margin: -29px 0 0;
                padding: 21px 0 0
            }

        .inclined-box {
            margin: 100px 0 160px
        }

        .inclined-action-box {
            margin: 0 0 100px
        }

            .inclined-action-box .header .h3, .inclined-action-box .header h3 {
                font-size: 28px
            }

        .photo-gallery .item {
            width: 50%
        }

        .alone-content-object .align-b {
            height: 360px;
            padding-bottom: 12px
        }

            .alone-content-object .align-b .h2, .alone-content-object .align-b h2 {
                margin-bottom: 16px
            }

        #error-page-box .align-m {
            font-size: 16px
        }

        #error-page-box .num {
            font-size: 169px;
            margin: 0 0 -36px
        }

        #error-page-box .zero {
            font-size: 240px;
            margin: -36px -39px 0 -30px
        }

        .pretty-form .has-tooltip {
            padding-right: 24px
        }

            .pretty-form .has-tooltip .tooltip {
                right: 0
            }

            .pretty-form .has-tooltip .currency {
                right: 44px
            }
    }

    @media screen and (max-width:500px) {
        .mirror-icons-list .item, .mirror-icons-list .item:nth-child(even) {
            padding: 0
        }

        .mirror-icons-list .rounded-icon {
            position: relative;
            left: 0;
            top: 0;
            margin: 0 auto 24px
        }

        .mirror-icons-list .item:nth-child(even) .text, .mirror-icons-list .text {
            padding: 24px 16px 28px;
            border: none;
            border-left: 4px solid var(--main-bg-color)
        }

            .mirror-icons-list .item:nth-child(even) .text:after, .mirror-icons-list .text:after {
                top: -8px;
                left: 50%;
                margin: 0 0 0 -8px
            }
    }

    @media screen and (max-width:480px) {
        body {
            font-size: 16px
        }

        .h1, h1 {
            font-size: 28px
        }

        .h2, h2 {
            font-size: 28px
        }

        .h3, h3 {
            font-size: 26px
        }

        .h4, h4 {
            font-size: 24px
        }

        blockquote .text:before {
            top: -9px
        }

        blockquote .text :last-child:after {
            margin: -7px 0 0 12px
        }

        .intro.important {
            font-size: 18px
        }

        .form .field .currency {
            top: 17px;
            right: 10px
        }

        .form .field.required:after {
            top: 7px;
            left: 38px;
            font-size: 20px
        }

        .form-control {
            line-height: 46px;
            height: 48px
        }

            .form-control.name-inp {
                background-position: 18px 13px
            }

        .error-field .form-control.name-inp {
            background-position: 18px -88px
        }

        .form-control.name-inp.active, .form-control.name-inp:focus {
            background-position: 18px -37px
        }

        .form-control.currency-inp {
            background: url("../icons/icon-currency-inp.png") no-repeat 10px 15px;
            padding-right: 30px
        }

        .error-field .form-control.currency-inp {
            background-position: 10px -90px
        }

        .form-control.currency-inp.active, .form-control.currency-inp:focus {
            background-position: 10px -39px
        }

        .form-control.location-inp {
            background: url("../icons/icon-location-inp.png") no-repeat 20px 13px
        }

        .error-field .form-control.location-inp {
            background-position: 20px -88px
        }

        .form-control.location-inp.active, .form-control.location-inp:focus {
            background-position: 20px -37px
        }

        .form-control.real-estate-inp, .select.real-estate-inp + .select2-container .select2-selection--multiple, .select.real-estate-inp + .select2-container .select2-selection--single {
            background: url("../icons/real-estate-inp.png") no-repeat 15px 14px
        }

        .error-field .form-control.real-estate-inp, .error-field .select.real-estate-inp + .select2-container .select2-selection--multiple, .error-field .select.real-estate-inp + .select2-container .select2-selection--single {
            background-position: 15px -388px
        }

        .error-field .select.real-estate-inp + .select2-container--open .select2-selection--multiple, .error-field .select.real-estate-inp + .select2-container--open .select2-selection--single, .form-control.real-estate-inp.active, .form-control.real-estate-inp:focus, .select.real-estate-inp + .select2-container--open .select2-selection--multiple, .select.real-estate-inp + .select2-container--open .select2-selection--single, .select.real-estate-inp.active + .select2-container .select2-selection--multiple, .select.real-estate-inp.active + .select2-container .select2-selection--single {
            background-position: 15px -182px
        }

        .form-control.number-of-rooms-inp, .select.number-of-rooms-inp + .select2-container .select2-selection--multiple, .select.number-of-rooms-inp + .select2-container .select2-selection--single {
            background: url("../icons/number-of-rooms-inp.png") no-repeat 18px 12px
        }

        .error-field .form-control.number-of-rooms-inp, .error-field .select.number-of-rooms-inp + .select2-container .select2-selection--multiple, .error-field .select.number-of-rooms-inp + .select2-container .select2-selection--single {
            background-position: 18px -384px
        }

        .error-field .select.number-of-rooms-inp + .select2-container--open .select2-selection--multiple, .error-field .select.number-of-rooms-inp + .select2-container--open .select2-selection--single, .form-control.number-of-rooms-inp.active, .form-control.number-of-rooms-inp:focus, .select.number-of-rooms-inp + .select2-container--open .select2-selection--multiple, .select.number-of-rooms-inp + .select2-container--open .select2-selection--single, .select.number-of-rooms-inp.active + .select2-container .select2-selection--multiple, .select.number-of-rooms-inp.active + .select2-container .select2-selection--single {
            background-position: 18px -183px
        }

        .form-control.phone-inp {
            background-position: 18px 14px
        }

        .error-field .form-control.phone-inp {
            background-position: 18px -96px
        }

        .form-control.phone-inp.active, .form-control.phone-inp:focus {
            background-position: 18px -36px
        }

        .form-control.mail-inp {
            background-position: 15px 15px
        }

        .error-field .form-control.mail-inp {
            background-position: 15px -87px
        }

        .form-control.mail-inp.active, .form-control.mail-inp:focus {
            background-position: 15px -37px
        }

        .rss .form-control.mail-inp {
            background: #fff url("../icons/icon-rss-mail-inp.png") no-repeat 7px 11px
        }

        .rss .error-field .form-control.mail-inp {
            background-position: 7px -105px
        }

            .rss .error-field .form-control.mail-inp:focus, .rss .form-control.mail-inp:focus {
                border-color: #d5d5d5;
                background-position: 7px -47px
            }

        .form-control.search-inp {
            background-position: 18px 18px
        }

            .form-control.search-inp.active, .form-control.search-inp:focus {
                background-position: 18px -29px
            }

        .form-control.object-inp {
            background-position: 18px 15px
        }

        .error-field .form-control.object-inp {
            background-position: 18px -91px
        }

        .form-control.object-inp.active, .form-control.object-inp:focus {
            background-position: 18px -38px
        }

        .form-control.search-inp {
            padding: 0 14px 0 38px;
            background-position: 10px 13px
        }

            .form-control.search-inp.active, .form-control.search-inp:focus {
                background-position: 10px -34px
            }

        .form-control.message-inp {
            background-position: 15px 14px
        }

        .error-field .form-control.message-inp {
            background-position: -1185px 14px
        }

        .form-control.message-inp.active, .form-control.message-inp:focus {
            background-position: -562px 14px
        }

        .form-control.question-inp {
            background: url("../icons/icon-question-inp.png") no-repeat 17px 12px
        }

        .error-field .form-control.question-inp {
            background-position: -1184px 12px
        }

        .form-control.question-inp.active, .form-control.question-inp:focus {
            background-position: -564px 12px
        }

        textarea.form-control {
            padding: 13px 16px 12px 50px;
            height: 124px;
            min-height: 124px
        }

        .search-form .count {
            margin: -3px 0 0 40px
        }

        .btn {
            padding: 15px 12px 14px
        }

            .btn .sub-box .align-m {
                height: 49px;
                padding: 9px 0 8px
            }

            .btn.transparent {
                padding: 12px 12px 13px
            }

        .chess-grid .show-mobile {
            width: 112%;
            max-width: none;
            margin: 0 -6% 12px
        }

        .page-banner .get-advice + .inline-fields {
            margin-top: 28px
        }

        .page-banner .inline-fields .btn {
            margin-top: 12px
        }

        .page-banner .search-form {
            padding-right: 56px
        }

        .search-form .btn {
            width: 49px;
            height: 49px
        }

            .search-form .btn:before {
                margin: -16px 0 0 -11px
            }

        .page-banner .h1.large-size, .page-banner h1.large-size {
            font-size: 28px
        }

        .page-banner .get-advice {
            font-size: 18px
        }

            .page-banner .get-advice h1 {
                font-size: 18px
            }

            .page-banner .get-advice .realtor:before {
                top: 12px;
                height: 3px
            }

            .page-banner .get-advice .agent .name {
                font-size: 17px
            }

                .page-banner .get-advice .agent .name:before {
                    top: 11px
                }

        .landing-page .page-banner.inner h1 {
            font-size: 28px
        }

        .page-banner.custom-landing-layout .align-m {
            padding: 100px 0 40px
        }

        .landing-main-description .text-box {
            padding-left: 16px
        }

        .landing-main-description .title {
            font-size: 28px
        }

        .landing-main-description .btn {
            margin: 32px auto 0
        }

        section {
            margin: 0 0 60px
        }

        .inclined-bg-box {
            font-size: 16px;
            padding: 110px 0 0
        }

        .layout-grid .grid-25-percents {
            margin-top: 66px
        }

        .employees-in-static {
            margin: 54px 0
        }

            .employees-in-static .btn-box {
                margin: 32px auto 0
            }

        #object-inner-slider .main-slider .video-thumb:after, .three-d-box:after, .video-box:after {
            width: 70px;
            height: 70px;
            margin: -35px 0 0 -35px;
            background-size: 22px auto
        }

        .three-d-box:after {
            line-height: 72px
        }

        #object-inner-slider .main-slider .vr-tour-icon-box {
            width: 134px;
            height: 110px;
            margin: -55px 0 0 -67px
        }

        #object-inner-slider .main-slider .vr-tour-icon {
            width: 70px;
            height: 70px;
            background-size: 46px auto
        }

        #object-inner-slider .main-slider .icon-text {
            font-size: 13px;
            padding: 6px 10px;
            margin: 8px 0 0
        }

        .has-bg-text.large .bg-text {
            top: -45px
        }

        .inclined-action-box .header {
            font-size: 21px
        }

        .inclined-action-box .content {
            font-size: 21px
        }

        .inclined-action-box .bg-text {
            top: -27px
        }

        .steps-list .item {
            font-size: 16px
        }

        .intro-layout-grid {
            margin: 60px 0 0
        }

        .info-box {
            font-size: 18px
        }

        .inclined-title-box .max-w {
            font-size: 17px
        }

        #object-inner-slider .main-slider .sub-box {
            padding: 0 58px 12px
        }

        #object-inner-slider .main-slider .status {
            font-size: 22px;
            padding: 12px 24px 14px;
            border: 3px solid #fff
        }

        .no-objects-message .pretty-form .bg:after, .no-objects-message .pretty-form .bg:before {
            left: -169px
        }

        .no-objects-message .pretty-form .bg:after {
            right: -496px
        }

        .purchase-scheme .step p span {
            font-size: 18px
        }

        #main {
            padding-bottom: 60px
        }

            #main + .similar-box {
                margin-top: 7px
            }

        .categories li {
            font-size: 17px
        }

        .faq .question:before {
            top: 3px
        }

        .feedback-box .pretty-form {
            margin: 0 -24px -60px
        }

        .popup .pretty-form {
            padding: 40px 16px 32px
        }

        .pretty-form.check-entered-number {
            padding-top: 26px !important
        }

        .check-entered-number .entered-number {
            font-size: 28px
        }

        .check-entered-number .btn {
            width: calc(100% - 129px)
        }

        .check-entered-number .change-number {
            width: 120px
        }

        .return-box {
            padding-bottom: 56px
        }

        .similar-box + .return-box {
            margin-top: 20px
        }

        .return-box .return {
            float: none;
            margin: 0 0 28px
        }

        .return-box .rss {
            float: none
        }

            .return-box .rss .form {
                display: block
            }

        .return-box .inline-fields .field {
            display: inline-block;
            width: calc(100% - 140px);
            padding: 0 6px 0 0
        }

        .return-box .rss .btn {
            width: 140px;
            display: inline-block;
            margin: 0
        }

        .object-status .status {
            font-size: 28px
        }

        .isolated-price:after, .isolated-price:before {
            top: 6px;
            bottom: 6px
        }

        .isolated-price:after {
            top: 18px;
            bottom: 18px
        }

        .isolated-price .sub-box {
            border: 4px solid var(--main-fo-color)
        }

        .isolated-price .price {
            padding: 26px 24px
        }

            .isolated-price .price .ruble {
                font-size: 22px
            }

            .isolated-price .price.additional .ruble {
                font-size: 20px;
                margin: 1px 0 0
            }

            .isolated-price .price .others-currency {
                font-size: 20px;
                margin: 7px 0 0
            }

            .isolated-price .price .square-meter-price {
                font-size: 16px;
                margin: 12px 0 0
            }

        .isolated-price .price-box .tooltip {
            margin: 4px 0 0 3px
        }

        .isolated-price .price.additional .ruble .tooltip {
            margin-top: 4px
        }

        .isolated-price .price .square-meter-price .tooltip {
            margin-top: 1px
        }

        .attributes-box.light-color .isolated-price.no-additional .price, .isolated-price.no-additional .price {
            padding: 20px 16px 20px
        }

        .attributes-box.light-color .isolated-price.no-additional.has-offer-btn .price, .isolated-price.no-additional.has-offer-btn .price {
            padding-bottom: 34px
        }

        .isolated-price.no-additional .price .ruble {
            font-size: 26px
        }

        .isolated-price .price .others-currency {
            font-size: 22px
        }

        .similar-box {
            margin-bottom: 20px
        }

        .inclined-corners-box .realtor {
            font-size: 24px
        }

        .object .status span {
            font-size: 30px;
            padding: 18px 16px 20px;
            border: 4px solid #fff
        }

        .object-description h1 {
            font-size: 28px
        }

        .alone-content-object .align-b {
            height: 360px;
            padding-bottom: 0
        }

            .alone-content-object .align-b .h2, .alone-content-object .align-b h2 {
                margin-bottom: 12px
            }

        .response-filter {
            margin: 0 -14px 34px
        }

            .response-filter div {
                font-size: 18px;
                margin: 0 14px
            }

        .response-list:before {
            top: 10px
        }

        .lazy-load-box + .agents-footer {
            margin-top: 48px
        }

        .seo-text {
            padding: 54px 0 70px
        }

        .objects-page .container-large + .seo-text {
            margin-top: -16px
        }

        .contacts-page #main + .seo-text {
            padding-top: 48px
        }

        #footer.simple .container {
            padding-top: 40px;
            padding-bottom: 14px
        }

        .pretty-form .has-tooltip .tooltip {
            top: 17px
        }

        .pretty-form .has-tooltip .currency {
            right: 36px
        }
    }

    @media screen and (max-width:430px) {
        #object-inner-slider .main-slider .slide.slick-current:not(.video-slide):before {
            font-size: 50px;
            line-height: 50px
        }

        .attributes-box .col {
            font-size: 16px;
            line-height: 1.15em;
            padding: 0 12px 0 0
        }

            .attributes-box .col p.number-of-rooms {
                font-size: 13px
            }

            .attributes-box .col p.icon-location {
                font-size: 16px;
                line-height: 1.345em;
                margin: 0 0 16px
            }

                .attributes-box .col p.icon-location .district {
                    font-size: 14px
                }

                .attributes-box .col p.icon-location:before {
                    top: 11px
                }

            .attributes-box .col .attr {
                padding-left: 32px
            }

                .attributes-box .col .attr:before {
                    top: 5px;
                    width: 24px;
                    height: 25px;
                    background-size: 207px 25px
                }

                .attributes-box .col .attr.total-area:before {
                    background-position: 0 0
                }

                .attributes-box .col .attr.living-space:before {
                    background-position: -26px 0 !important
                }

                .attributes-box .col .attr.kitchen:before {
                    background-position: -53px 0 !important
                }

                .attributes-box .col .attr.floor:before {
                    background-position: -79px 0 !important
                }

                .attributes-box .col .attr.construction-year:before {
                    background-position: -105px 0 !important
                }

                .attributes-box .col .attr.material-walls:before {
                    background-position: -131px 0 !important
                }

                .attributes-box .col .attr.land-area:before {
                    background-position: -157px 0 !important
                }

                .attributes-box .col .attr.land-area-no-house:before {
                    background-position: -183px 0 !important
                }

            .attributes-box .col .sub-text {
                font-size: 13px;
                margin: 0
            }

        .meta-object {
            margin: 0 auto 50px
        }

        .object-status {
            margin: 0 0 42px;
            padding: 24px 16px 29px
        }

            .object-status:before {
                position: relative;
                top: 0;
                display: block;
                width: auto;
                margin: 0 0 16px
            }

            .object-status .return {
                display: inline-block;
                vertical-align: top;
                line-height: 1.175em;
                margin: 11px 0 0
            }

        .meta-object .agent {
            margin-top: 40px
        }

        .isolated-price {
            margin: 0 0 55px
        }

            .isolated-price .sub-box {
                display: block
            }

            .isolated-price:after, .isolated-price:before {
                top: 50%;
                left: 6px;
                right: 6px;
                bottom: auto;
                width: auto;
                height: 1px
            }

            .isolated-price:after {
                top: 50%;
                left: 18px;
                right: 18px;
                bottom: auto;
                width: auto;
                height: 1px
            }

            .isolated-price .sub-box {
                border: 4px solid var(--main-fo-color)
            }

            .isolated-price .price {
                display: block;
                width: 100%;
                text-align: center;
                padding: 24px 16px
            }

            .isolated-price .vat {
                margin-top: -4px
            }

            .isolated-price.has-offer-btn .price {
                padding-bottom: 24px
            }

                .isolated-price.has-offer-btn .price.additional {
                    padding-bottom: 37px
                }

        .inclined-separator-box .item {
            padding: 56px 0 19px
        }

        .popup .close-popup {
            right: 11px
        }
    }

    @media screen and (max-width:420px) {
        blockquote.important .text p {
            font-size: 25px
        }

        blockquote.important .text:before {
            top: -6px
        }

        blockquote.important .text :last-child:after {
            margin: -5px 0 0 10px
        }

        .btn {
            min-width: 0 !important;
            width: 100%
        }

        .page-banner .inner-article h1 {
            font-size: 24px
        }

        .inclined-bg-box {
            margin-bottom: 40px
        }

        .inclined-action-box {
            margin: 0 0 80px
        }

            .inclined-action-box .content-box {
                margin: 0 -16px
            }

        #object-inner-slider .main-slider .sub-box {
            padding: 0 58px 12px
        }

        #object-inner-slider .main-slider .status {
            font-size: 20px;
            padding: 10px 18px 12px
        }

        .similar-objects .tabs-list {
            margin: 49px -16px 45px
        }

            .similar-objects .tabs-list li {
                margin: 0 16px
            }

        .similar-objects .tab-content {
            max-width: 420px;
            padding: 0
        }

        .similar-objects-slider {
            margin: 0 -4px
        }

            .similar-objects-slider .item {
                padding: 0
            }

            .similar-objects-slider > .slick-prev {
                top: -23px;
                left: 50%;
                margin-left: -39px
            }

            .similar-objects-slider > .slick-next {
                top: -23px;
                left: 50%;
                right: auto;
                margin-right: -39px
            }

        .similar-objects.in-static {
            width: 100%;
            max-width: none;
            margin: 64px auto
        }

        .response-filter div {
            font-size: 16px
        }

        .useful-material-box {
            display: block
        }

            .useful-material-box .col {
                display: block;
                width: 100%
            }

                .useful-material-box .col.download {
                    font-size: 16px;
                    padding: 50px 16px
                }

            .useful-material-box .download p {
                max-width: none;
                width: 100%;
                padding-left: 40px;
                max-width: 280px
            }

                .useful-material-box .download p:before {
                    font-size: 28px;
                    top: 1px;
                    left: 0
                }

        .has-aside #main {
            padding: 0 0 40px
        }

        .circle-dots .main-text {
            font-size: 32px
        }

        .circle-dots .sub-text {
            font-size: 24px
        }

        .pager {
            margin: 70px -16px 0
        }

            .pager li {
                margin: 0 4px
            }

            .pager .next a, .pager .prev a {
                margin: -3px 2px 0 0
            }

            .pager .next a {
                margin: -3px 0 0 2px
            }

        .download-item {
            font-size: 18px;
            padding: 12px 0 0 56px
        }

            .download-item a:before {
                left: -56px
            }

        .sell-effectively .layout-grid {
            margin: 0 0 24px !important
        }

        .sell-effectively ul li {
            font-size: 18px
        }

        .inclined-action-box + .seo-text {
            margin-top: -10px
        }
    }

    @media screen and (max-width:400px) {
        .h1, h1 {
            font-size: 24px
        }

        .page-banner .h1.large-size, .page-banner h1.large-size {
            font-size: 24px
        }

        .layout-grid .grid-25-percents {
            margin-top: 46px
        }

        .full-width-img + .inclined-box {
            margin-top: 32px
        }

        .steps-list-box {
            margin: 77px 0 40px
        }

        .steps-list {
            padding-left: 0
        }

            .steps-list .item .info:after, .steps-list .item:before {
                display: none
            }

            .steps-list .item .h5, .steps-list .item h5 {
                font-size: 20px
            }

            .steps-list .item .num {
                left: auto !important;
                right: -20px;
                top: -24px;
                margin: 0
            }

        #object-inner-slider .main-slider .video-thumb:after, .three-d-box:after, .video-box:after {
            width: 60px;
            height: 60px;
            margin: -30px 0 0 -30px;
            background-size: 20px auto
        }

        #object-inner-slider .main-slider .vr-tour-icon-box {
            top: 40%;
            width: 132px;
            height: 96px;
            margin: -48px 0 0 -66px
        }

        #object-inner-slider .main-slider .vr-tour-icon {
            width: 60px;
            height: 60px;
            background-size: 40px auto
        }

        #object-inner-slider .main-slider .icon-text {
            font-size: 12px
        }

        .three-d-box:after {
            line-height: 62px;
            font-size: 28px
        }
    }

    @media screen and (max-width:380px) {
        .h2, h2 {
            font-size: 26px
        }

        .h3, h3 {
            font-size: 24px
        }

        .h4, h4 {
            font-size: 22px
        }

        #header.no-burger .container, #header.no-burger .container-large {
            padding-right: 16px
        }

        #logo {
            margin: 6px 0 0 -6px
        }

            #logo:before {
                right: -36px
            }

        .call-us-box {
            position: static
        }

            .call-us-box .dropdown {
                left: 0;
                top: 60px;
                width: 100%
            }

                .call-us-box .dropdown:before {
                    left: auto;
                    right: 36px;
                    height: 24px;
                    top: -25px;
                    width: 80px;
                    background-position: 50% 100% !important
                }

        #header.mobile-nav .call-us-box .dropdown {
            right: 0
        }

        #header.mobile-nav.no-burger .call-us-box .dropdown:before {
            right: -13px
        }

        #header.mobile-nav .call-us-box .dropdown:before {
            right: 56px
        }

        .page-banner .object-characteristics .h3, .page-banner .object-characteristics h1, .page-banner .object-characteristics h3 {
            font-size: 26px
        }

        .has-bg-text.large .bg-text {
            top: -49px
        }

        .inclined-corners-box .h3 small, .inclined-corners-box h3 small {
            font-size: 22px
        }

        .inclined-action-box .bg-text {
            top: -29px
        }

        .return-box .inline-fields .field {
            display: block;
            width: 100%;
            padding: 0
        }

        .return-box .rss .btn {
            width: 100%;
            display: block;
            margin: 10px 0 0
        }

        .response-filter {
            display: flex;
            justify-content: space-between;
            margin: 0 -6px 34px
        }

            .response-filter div {
                margin: 0 6px
            }

        .form .questionnaire-upload {
            width: 240px
        }

        .object .status span {
            font-size: 26px;
            padding: 18px 16px 20px;
            border: 3px solid #fff
        }

        .object-description h1 {
            font-size: 26px
        }

        .inclined-corners-box .realtor {
            font-size: 22px
        }

        .check-entered-number .entered-number {
            font-size: 26px
        }
    }

    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

        .slick-list:focus {
            outline: 0
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

    .slick-slider .slick-list, .slick-slider .slick-track {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block
    }

        .slick-track:after, .slick-track:before {
            display: table;
            content: ''
        }

        .slick-track:after {
            clear: both
        }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir=rtl] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block;
        object-fit: cover;
        object-position: center;
        /*Убрал тк изза этого в галлерее фоток на странице объекта был баг с отображением
    height: 240px;
    width: 356px;*/
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow {
        position: absolute;
        z-index: 100;
        top: 50%;
        left: 0;
        padding: 0;
        width: 38px;
        height: 38px;
        margin-top: -19px;
        text-indent: -10000px;
        background: 0 0;
        cursor: pointer
    }

    .no-touchevents .slick-arrow:not(.slick-disabled):hover {
        opacity: .7
    }

    .slick-next {
        left: auto;
        right: 0
    }

    .slick-arrow:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 0;
        height: 100%;
        font-size: 45px;
        line-height: 38px;
        color: var(--main-border-color);
        text-indent: 0
    }

    .slick-prev:before {
        content: '\f104'
    }

    .slick-next:before {
        content: '\f105';
        left: auto;
        right: 9px
    }

    .slick-arrow.slick-disabled {
        background: #a7ebfb;
        opacity: 1
    }

    .slick-next::-moz-focus-inner, .slick-prev::-moz-focus-inner {
        border: none
    }

    .slick-arrow.slick-disabled {
        opacity: .7;
        cursor: default
    }

    .slick-dots {
        position: absolute;
        z-index: 50;
        left: 0;
        width: 100%;
        bottom: 0;
        margin: 0;
        padding: 0 15px;
        text-align: center;
        font-size: 0;
        line-height: 0
    }

        .slick-dots li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 7px 0 6px;
            padding: 2px 0 0;
            width: 16px;
            height: 16px;
            border: 1px solid rgba(255,255,255,.5);
            background: 0 0;
            -webkit-border-radius: 14px;
            -moz-border-radius: 14px;
            border-radius: 14px
        }

        .slick-dots .slick-active {
            cursor: default !important;
            border: none;
            padding: 1px 0 0
        }

    .no-touch .slick-dots li:hover {
        cursor: pointer
    }

    .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        background: #fff;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        text-indent: -10000px;
        margin: 0 auto;
        cursor: pointer
    }

    .slick-dots .slick-active button {
        background: 0 0;
        width: 14px;
        height: 14px;
        border: 2px solid rgba(255,255,255,.8);
        cursor: default
    }

    .slick-dots button::-moz-focus-inner {
        border: none
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    .tooltipster-base {
        display: flex;
        pointer-events: none;
        position: absolute
    }

    .tooltipster-box {
        flex: 1 1 auto
    }

    .tooltipster-content {
        box-sizing: border-box;
        max-height: 100%;
        max-width: 100%;
        overflow: auto
    }

    .tooltipster-ruler {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden
    }

    .tooltipster-fade {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity
    }

        .tooltipster-fade.tooltipster-show {
            opacity: 1
        }

    .tooltip-box {
        position: relative
    }

    .tooltip {
        display: inline-block;
        vertical-align: top;
        position: relative;
        font-weight: 700;
        font-size: 8px;
        line-height: 10px;
        text-align: center;
        color: #fff !important;
        margin: 6px 0 0 4px;
        width: 10px;
        height: 10px;
        background: var(--main-sc-color);
        cursor: pointer;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

    #objects-box .tooltip {
        color: #fff !important
    }

    .list-view .tooltip {
        font-size: 10px;
        width: 14px;
        height: 14px;
        line-height: 15px
    }

    .tooltip.important {
        background-position: 0 100%
    }

    .tooltipster-box {
        padding: 10px 16px;
        max-width: 280px;
        border: 1px solid var(--main-sc-color);
        background: #fff;
        -webkit-box-shadow: 0 2px 5px rgba(0,61,96,.05);
        -moz-box-shadow: 0 2px 5px rgba(0,61,96,.05);
        box-shadow: 0 2px 5px rgba(0,61,96,.05)
    }

        .tooltipster-box .tooltipster-content {
            font-size: 15px;
            line-height: 1.45em;
            color: #333
        }

            .tooltipster-box .tooltipster-content p {
                margin: 0 0 5px
            }

                .tooltipster-box .tooltipster-content p:last-child {
                    margin: 0
                }

    .tooltipster-arrow {
        position: absolute;
        z-index: 10000;
        top: auto;
        bottom: -8px;
        width: 18px;
        height: 9px;
        margin: 0 0 0 -9px;
        background: url("../icons/tooltip-arrow.png") no-repeat 0 0
    }

    .tooltipster-bottom .tooltipster-arrow {
        top: -8px;
        background-position: 0 100%
    }

    .hidden-tooltip {
        position: absolute;
        z-index: -10000;
        right: 0;
        bottom: 0;
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden
    }

    .questionnaire-upload {
        position: relative;
        max-width: 270px;
        font-size: 15px;
        line-height: 1.225em;
        margin: 31px auto 23px
    }

        .questionnaire-upload:before {
            content: '';
            position: absolute;
            top: 15px;
            left: -30px;
            width: 21px;
            height: 41px;
            background: url("../icons/questionnaire-upload-arrow.png") no-repeat 0 0
        }

    .icon-text-file {
        padding-left: 31px
    }

    .questionnaire-upload .icon-text-file {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 8px
    }

    .no-touchevents .questionnaire-upload .icon-text-file:hover {
        opacity: 1
    }

    .icon-text-file span {
        border-bottom: 1px solid rgba(15,163,142,.3)
    }

    .no-touchevents .icon-text-file:hover span {
        border-bottom-color: transparent
    }

    .icon-text-file:before {
        font-size: 22px
    }

    .upload-box {
        margin: 16px 0 12px;
        line-height: 0
    }

    .form .upload-box.image-upload {
        margin-bottom: -6px;
        text-align: center
    }

    .fileinput-wrapper {
        display: inline-block;
        padding: 4px 0 0 31px;
        margin: 0;
        line-height: 0;
        text-align: left;
        background: url("../icons/upload-bg.png") no-repeat 0 2px
    }

    .image-upload .fileinput-wrapper {
        background: url("../icons/upload-image-bg.png") no-repeat 0 2px
    }

    .fileinput {
        overflow: hidden;
        position: relative;
        cursor: pointer;
        z-index: 1
    }

        .fileinput input[type=file], .fileinput input[type=file]:focus, .fileinput input[type=file]:hover {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            opacity: 0;
            padding: 0;
            -ms-filter: 'alpha(opacity=0)';
            direction: ltr;
            cursor: pointer;
            outline: 0;
            cursor: pointer
        }

    .fileinput-name {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        line-height: 1em;
        padding: 4px 24px 4px 0;
        margin: 6px 0 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: rgba(255,255,255,.45)
    }

    .upload-box.image-upload .fileinput-name {
        max-width: 124px
    }

    .fileinput-name .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        background: url("../icons/remove-subject.png") no-repeat 50% 50%;
        text-indent: -10000px
    }

    .no-touchevents .fileinput-name .close:hover {
        opacity: .7
    }

    .upload-btn {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 15px;
        line-height: 1.225em;
        color: var(--main-bg-color);
        padding: 0 0 4px 0;
        cursor: pointer;
        overflow: hidden
    }

    ::-webkit-file-upload-button {
        cursor: pointer
    }

    .upload-btn span {
        cursor: pointer;
        border-bottom: 1px dotted rgba(15,163,142,.8)
    }

    .no-touchevents .upload-btn:hover span {
        border-bottom-color: transparent
    }

    .fileinput-wrapper .formats {
        font-size: 11px;
        line-height: 1.325em;
        color: #fff;
        opacity: .12;
        margin: 0
    }

    .select2-container {
        display: block;
        margin: 0 0 5px;
        position: relative
    }

        .select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
            cursor: pointer;
            display: block;
            height: 59px;
            border: 1px solid #fff;
            background-color: #fff !important;
            user-select: none;
            -webkit-user-select: none;
            -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
            -moz-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
            box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
            /*border-radius: 10px;*/
        }

    .error-field .select2-container .select2-selection--single {
        border-color: #d53e2e;
        background-color: #ffc9c9 !important
    }

    .error-field .select + .select2-container--open .select2-selection--single, .error-field .select.active + .select2-container .select2-selection--single {
        border-color: #fff;
        background-color: #fff !important
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        font-family: Roboto,sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #333;
        line-height: 57px;
        padding: 0 40px 0 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block
    }

    .select2-container .select2-selection--single .select2-selection__clear {
        position: relative
    }

    .select2-container .select2-selection--multiple {
        display: block;
        user-select: none;
        -webkit-user-select: none;
        padding: 0 38px 0 50px;
        cursor: pointer;
        height: auto;
        min-height: 59px
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            box-sizing: border-box;
            list-style: none;
            margin: 0;
            padding: 17px 0 7px;
            width: 100%;
            min-height: 57px
        }

    .select2-container .select2-search--inline {
        line-height: 0 !important;
        float: left;
        margin: 0;
        padding: 0;
        background: 0 0;
        height: 24px !important
    }

    .select2-container .select2-selection--multiple .select2-search--inline, .select2-container .select2-selection--multiple .select2-search--inline input {
        width: 100% !important
    }

    .select2-container .select2-selection--multiple li + .select2-search--inline, .select2-container .select2-selection--multiple li + .select2-search--inline input {
        width: 0 !important
    }

    .select2-container .select2-selection--multiple .select2-search--inline input {
        caret-color: transparent
    }

    .select2-container .select2-search--inline .select2-search__field {
        font-size: 0;
        border: none;
        margin: 0;
        height: 24px !important
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-dropdown {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 10000;
        overflow: hidden;
        border: 1px solid #cfdae1;
        border-top: none;
        background: #fff;
        margin: 0;
        -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
        -moz-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2);
        box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.2)
    }

        .select2-dropdown.custom {
            border: 1px solid #cfdae1 !important
        }

        .select2-dropdown.select2-dropdown--above {
            border: 1px solid #cfdae1;
            border-bottom: none
        }

    .select2-results {
        display: block
    }

    .select2-results__options {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .select2-results__option {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.375em;
        color: #000;
        background: 0 0;
        user-select: none;
        -webkit-user-select: none;
        padding: 10px 15px 11px 15px;
        margin: 0
    }

        .select2-results__option[aria-selected] {
            cursor: pointer
        }

    .select2-container--open .select2-dropdown {
        left: 0
    }

    .select2-container--open .select2-dropdown--below {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-search--dropdown {
        display: block;
        padding: 4px 20px;
        margin: 6px 0
    }

        .select2-search--dropdown .select2-search__field {
            padding: 4px 34px 4px 13px;
            width: 100%
        }

            .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

        .select2-search--dropdown.select2-search--hide {
            display: none
        }

    .select2-close-mask {
        border: 0;
        margin: 0;
        padding: 0;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        min-height: 100%;
        min-width: 100%;
        height: auto;
        width: auto;
        opacity: 0;
        z-index: 99;
        background-color: #fff
    }

    .select2-hidden-accessible {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
        top: 1px;
        right: 0;
        bottom: 1px;
        width: 35px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            position: absolute;
            top: 26px;
            left: 0;
            width: 13px;
            height: 8px;
            background: url("../icons/select-arrow.png") no-repeat 0 0
        }

    .select2-selection--multiple:after {
        content: '';
        position: absolute;
        top: 26px;
        right: 22px;
        width: 13px;
        height: 8px;
        background: url("../icons/select-arrow.png") no-repeat 0 0
    }

    .filter .clone-select.active:after, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--open .select2-selection--multiple:after {
        background-position: 0 100%
    }

    .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
        left: 1px;
        right: auto
    }

    .select2-container--default.select2-container--disabled .select2-selection--single {
        opacity: .6;
        cursor: default
    }

        .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
            display: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-selection__placeholder {
        color: #9299a2;
        margin: 0;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        position: relative;
        font-size: 14px;
        line-height: 1em;
        color: #333;
        background: #fff;
        border: 1px solid #dfe1e2;
        border-radius: 2px;
        cursor: default;
        float: left;
        margin: 0 8px 8px 0;
        padding: 4px 28px 4px 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        cursor: pointer;
        position: absolute;
        font-size: 22px;
        top: 50%;
        width: 20px;
        height: 20px;
        line-height: 22px;
        right: 4px;
        font-weight: 700;
        margin: -10px 0 0;
        text-align: center;
        color: var(--main-bg-color)
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            opacity: .7
        }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
        float: right
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
        margin-left: 5px;
        margin-right: auto
    }

    .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        outline: 0
    }

    .select2-container--default.select2-container--disabled .select2-selection--multiple {
        background-color: #eee;
        cursor: default
    }

    .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
        display: none
    }

    .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #aaa
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        font-family: Roboto,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #333;
        background: 0 0;
        border: none;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: textfield;
        cursor: pointer
    }

    .select2-container--default .select2-results > .select2-results__options {
        max-height: 161px;
        overflow-y: auto
    }

    .select2-container--default .select2-results__option[role=group] {
        padding: 0
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #999
    }

    .select2-container--default .select2-results__option[aria-selected=true] {
        background: var(--main-bg-color) !important;
        color: #fff !important;
        cursor: default
    }

    .select2-container--default .select2-results__option .select2-results__option {
        padding-left: 1em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -1em;
            padding-left: 2em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -2em;
                padding-left: 3em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -3em;
                    padding-left: 4em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -4em;
                        padding-left: 5em
                    }

                        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -5em;
                            padding-left: 6em
                        }

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background: var(--main-bg-color);
        color: #fff
    }

    .select2-container--default .select2-results__group {
        cursor: default;
        display: block;
        padding: 6px
    }

    @font-face {
        font-display: swap;
        font-family: lg;
        src: url("../fonts/lg.eot?n1z373");
        src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"),url("../fonts/lg.woff?n1z373") format("woff"),url("../fonts/lg.ttf?n1z373") format("truetype"),url("../fonts/lg.svg?n1z373#lg") format("svg");
        font-weight: 400;
        font-style: normal
    }

    .lg-icon {
        font-family: lg;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .lg-actions .lg-next, .lg-actions .lg-prev {
        position: absolute;
        z-index: 1080;
        top: 47px;
        bottom: 0;
        display: block;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
        width: 20%;
        min-width: 70px
    }

        .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
            pointer-events: none;
            opacity: .5
        }

    .lg-actions .lg-next {
        right: 0
    }

    .lg-actions .lg-prev {
        left: 0
    }

        .lg-actions .lg-next:before, .lg-actions .lg-prev:before {
            content: "\e095";
            position: absolute;
            top: 50%;
            margin: -60px 0 0;
            right: 20px;
            padding: 8px 10px 9px;
            background: rgba(255,255,255,.5);
            border-radius: 2px
        }

        .lg-actions .lg-prev:before {
            content: "\e094";
            right: auto;
            left: 20px
        }

    .no-touchevents .lg-actions .lg-next:hover:before, .no-touchevents .lg-actions .lg-prev:hover:before {
        opacity: .7
    }

    @-webkit-keyframes lg-right-end {
        0% {
            left: 0
        }

        50% {
            left: -30px
        }

        100% {
            left: 0
        }
    }

    @-moz-keyframes lg-right-end {
        0% {
            left: 0
        }

        50% {
            left: -30px
        }

        100% {
            left: 0
        }
    }

    @-ms-keyframes lg-right-end {
        0% {
            left: 0
        }

        50% {
            left: -30px
        }

        100% {
            left: 0
        }
    }

    @keyframes lg-right-end {
        0% {
            left: 0
        }

        50% {
            left: -30px
        }

        100% {
            left: 0
        }
    }

    @-webkit-keyframes lg-left-end {
        0% {
            left: 0
        }

        50% {
            left: 30px
        }

        100% {
            left: 0
        }
    }

    @-moz-keyframes lg-left-end {
        0% {
            left: 0
        }

        50% {
            left: 30px
        }

        100% {
            left: 0
        }
    }

    @-ms-keyframes lg-left-end {
        0% {
            left: 0
        }

        50% {
            left: 30px
        }

        100% {
            left: 0
        }
    }

    @keyframes lg-left-end {
        0% {
            left: 0
        }

        50% {
            left: 30px
        }

        100% {
            left: 0
        }
    }

    .lg-outer.lg-right-end .lg-object {
        -webkit-animation: lg-right-end .3s;
        -o-animation: lg-right-end .3s;
        animation: lg-right-end .3s;
        position: relative
    }

    .lg-outer.lg-left-end .lg-object {
        -webkit-animation: lg-left-end .3s;
        -o-animation: lg-left-end .3s;
        animation: lg-left-end .3s;
        position: relative
    }

    .lg-toolbar {
        z-index: 1080;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(255,255,255,.5);
        min-width: 320px
    }

        .lg-toolbar .lg-icon {
            color: #fff;
            cursor: pointer;
            float: right;
            font-size: 24px;
            height: 47px;
            line-height: 27px;
            padding: 10px 0;
            text-align: center;
            width: 50px;
            text-decoration: none !important;
            outline: medium none
        }

            .lg-toolbar .lg-icon:hover {
                color: #fff
            }

        .lg-toolbar .lg-close:after {
            content: "\e070"
        }

        .lg-toolbar .lg-download:after {
            content: "\e0f2";
            background: 0 0
        }

    .lg-sub-html {
        background-color: rgba(0,0,0,.45);
        bottom: 0;
        color: #eee;
        font-size: 16px;
        left: 0;
        padding: 10px 40px;
        position: fixed;
        right: 0;
        text-align: center;
        z-index: 1080
    }

        .lg-sub-html .h4, .lg-sub-html h4 {
            margin: 0;
            font-size: 13px;
            font-weight: 700
        }

        .lg-sub-html p {
            font-size: 12px;
            margin: 5px 0 0
        }

    #lg-counter {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        padding: 9px 0 0 15px;
        vertical-align: middle
    }

    .lg-next, .lg-prev, .lg-toolbar {
        opacity: 1;
        -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s,opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
        -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s,opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
        -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s,opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
        transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s,opacity .35s cubic-bezier(0, 0, .25, 1) 0s
    }

    .lg-hide-items .lg-prev {
        opacity: 0;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    .lg-hide-items .lg-next {
        opacity: 0;
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    .lg-hide-items .lg-toolbar {
        opacity: 0;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5);
        opacity: 0;
        -webkit-transition: -webkit-transform 250ms ease 0s,opacity 250ms !important;
        -moz-transition: -moz-transform 250ms ease 0s,opacity 250ms !important;
        -o-transition: -o-transform 250ms ease 0s,opacity 250ms !important;
        transition: transform 250ms ease 0s,opacity 250ms !important;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1
    }

    .lg-outer .lg-thumb-outer {
        background: rgba(255,255,255,.5);
        bottom: 0;
        position: absolute;
        width: 100%;
        z-index: 1080;
        max-height: 350px;
        padding: 0 10px;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
        -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
        -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
        transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
    }

        .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }

        .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
            -webkit-transition-duration: 0s !important;
            transition-duration: 0s !important
        }

    .lg-outer.lg-thumb-open .lg-thumb-outer {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .no-touchevents .lg-outer.lg-thumb-open .lg-thumb-outer {
        -webkit-transform: translate3d(0,70px,0);
        transform: translate3d(0,70px,0)
    }

        .no-touchevents .lg-outer.lg-thumb-open .lg-thumb-outer:hover {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .lg-outer .lg-thumb {
        padding: 10px 0;
        height: 100%;
        margin-bottom: -5px
    }

    .lg-outer .lg-thumb-item {
        cursor: pointer;
        float: left;
        overflow: hidden;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 4px;
        margin-bottom: 5px;
        position: relative
    }

        .lg-outer .lg-thumb-item.active {
            border-color: var(--main-bg-color)
        }

        .lg-outer .lg-thumb-item img {
            width: 100%;
            height: 100%;
            opacity: 1
        }

    .lg-outer.lg-has-thumb .lg-item {
        padding-bottom: 120px
    }

    .lg-outer.lg-can-toggle .lg-item {
        padding-bottom: 0
    }

    .lg-outer.lg-pull-caption-up .lg-sub-html {
        -webkit-transition: bottom .25s ease;
        -o-transition: bottom .25s ease;
        transition: bottom .25s ease
    }

    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 100px
    }

    .lg-outer .lg-toogle-thumb {
        background: rgba(255,255,255,.5);
        border-radius: 2px 2px 0 0;
        color: #fff;
        cursor: pointer;
        font-size: 24px;
        height: 39px;
        line-height: 27px;
        padding: 5px 0;
        position: absolute;
        right: 20px;
        text-align: center;
        top: -39px;
        width: 50px
    }

        .lg-outer .lg-toogle-thumb:after {
            content: "\e1ff"
        }

        .lg-outer .lg-toogle-thumb:hover {
            color: #fff
        }

    .lg-outer .lg-video-cont {
        display: inline-block;
        vertical-align: middle;
        max-width: 1140px;
        max-height: 100%;
        width: 100%;
        padding: 0 5px
    }

    .lg-outer .lg-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative
    }

        .lg-outer .lg-video .lg-object {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important
        }

        .lg-outer .lg-video .lg-video-play {
            position: absolute;
            z-index: 10;
            top: 50%;
            left: 50%;
            width: 90px;
            height: 90px;
            margin: -45px 0 0 -45px;
            background: url("../icons/play-arrow.svg") no-repeat 0 0;
            cursor: pointer
        }

    .lg-outer .lg-video-object {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0
    }

    .lg-outer .lg-has-video .lg-video-object {
        visibility: hidden
    }

    .lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
        display: none
    }

    .lg-outer .lg-has-video.lg-video-palying .lg-video-object {
        visibility: visible
    }

    .lg-progress-bar {
        background-color: #333;
        height: 5px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1080;
        opacity: 0;
        -webkit-transition: opacity 80ms ease 0s;
        -moz-transition: opacity 80ms ease 0s;
        -o-transition: opacity 80ms ease 0s;
        transition: opacity 80ms ease 0s
    }

        .lg-progress-bar .lg-progress {
            background-color: #fff;
            height: 5px;
            width: 0
        }

        .lg-progress-bar.lg-start .lg-progress {
            width: 100%
        }

    .lg-show-autoplay .lg-progress-bar {
        opacity: 1
    }

    .lg-autoplay-button {
        display: none
    }

        .lg-autoplay-button:after {
            content: "\e01d"
        }

    .lg-show-autoplay .lg-autoplay-button:after {
        content: "\e01a"
    }

    .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
        -webkit-transition: -webkit-transform .3s ease 0s;
        -moz-transition: -moz-transform .3s ease 0s;
        -o-transition: -o-transform .3s ease 0s;
        transition: transform .3s ease 0s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        -webkit-transition: -webkit-transform .3s ease 0s,opacity .15s !important;
        -moz-transition: -moz-transform .3s ease 0s,opacity .15s !important;
        -o-transition: -o-transform .3s ease 0s,opacity .15s !important;
        transition: transform .3s ease 0s,opacity .15s !important;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    #lg-zoom-in:after {
        content: "\e311"
    }

    #lg-zoom-out {
        opacity: .5;
        pointer-events: none
    }

        #lg-zoom-out:after {
            content: "\e312"
        }

    .lg-zoomed #lg-zoom-out {
        opacity: 1;
        pointer-events: auto
    }

    .lg-outer .lg-pager-outer {
        bottom: 60px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 1080;
        height: 10px
    }

        .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
            overflow: visible
        }

    .lg-outer .lg-pager-cont {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        margin: 0 5px
    }

        .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
            box-shadow: 0 0 0 2px #fff inset
        }

    .lg-outer .lg-pager-thumb-cont {
        background-color: #fff;
        color: #fff;
        bottom: 100%;
        height: 83px;
        left: 0;
        margin-bottom: 20px;
        margin-left: -60px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        width: 120px;
        border-radius: 3px;
        -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
        -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s;
        -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s;
        transition: opacity .15s ease 0s,transform .15s ease 0s;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

        .lg-outer .lg-pager-thumb-cont img {
            width: 100%;
            height: 100%
        }

    .lg-outer .lg-pager {
        background-color: rgba(255,255,255,.5);
        border-radius: 50%;
        box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset;
        display: block;
        height: 12px;
        -webkit-transition: box-shadow .3s ease 0s;
        -o-transition: box-shadow .3s ease 0s;
        transition: box-shadow .3s ease 0s;
        width: 12px
    }

        .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
            box-shadow: 0 0 0 8px #fff inset
        }

    .lg-outer .lg-caret {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px dashed;
        bottom: -10px;
        display: inline-block;
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        vertical-align: middle;
        width: 0
    }

    .lg-fullscreen:after {
        content: "\e20c"
    }

    .lg-fullscreen-on .lg-fullscreen:after {
        content: "\e20d"
    }

    .group:after, .group:before {
        display: table;
        content: "";
        line-height: 0
    }

    .group:after {
        clear: both
    }

    .lg-outer {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        opacity: 0;
        -webkit-transition: opacity .15s ease 0s;
        -o-transition: opacity .15s ease 0s;
        transition: opacity .15s ease 0s
    }

        .lg-outer * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .lg-outer.lg-visible {
            opacity: 1
        }

        .lg-outer img {
            margin: 0
        }

        .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
            -webkit-transition-duration: inherit !important;
            transition-duration: inherit !important;
            -webkit-transition-timing-function: inherit !important;
            transition-timing-function: inherit !important
        }

        .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
            -webkit-transition-duration: 0s !important;
            transition-duration: 0s !important;
            opacity: 1
        }

        .lg-outer.lg-grab img.lg-object {
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab
        }

        .lg-outer.lg-grabbing img.lg-object {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }

        .lg-outer .lg {
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 100%
        }

        .lg-outer .lg-inner {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            white-space: nowrap
        }

        .lg-outer .lg-item {
            background: url(../icons/loading.gif) no-repeat scroll center center transparent;
            display: none !important
        }

        .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
            display: inline-block !important
        }

        .lg-outer.lg-css .lg-current {
            display: inline-block !important
        }

        .lg-outer .lg-img-wrap, .lg-outer .lg-item {
            display: inline-block;
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%
        }

            .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
                content: "";
                display: inline-block;
                height: 50%;
                width: 1px;
                margin-right: -1px
            }

        .lg-outer .lg-img-wrap {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 48px 5px 31px
        }

        .lg-outer .lg-item.lg-complete {
            background-image: none
        }

        .lg-outer .lg-item.lg-current {
            z-index: 1060
        }

        .lg-outer .lg-image {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
            width: auto !important;
            height: auto !important
        }

        .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
            opacity: 0;
            -webkit-transition: opacity .15s ease 0s;
            -o-transition: opacity .15s ease 0s;
            transition: opacity .15s ease 0s
        }

        .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
            opacity: 1
        }

        .lg-outer .lg-empty-html {
            display: none
        }

    .lg-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        background: rgba(0,0,0,.7);
        opacity: 0;
        -webkit-transition: opacity .15s ease 0s;
        -o-transition: opacity .15s ease 0s;
        transition: opacity .15s ease 0s
    }

        .lg-backdrop.in {
            opacity: 1
        }

    .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
        -webkit-transition: none 0s ease 0s !important;
        -moz-transition: none 0s ease 0s !important;
        -o-transition: none 0s ease 0s !important;
        transition: none 0s ease 0s !important
    }

    .lg-css3.lg-use-css3 .lg-item {
        will-change: transform,opacity
    }

    .lg-css3.lg-use-left .lg-item {
        will-change: left,opacity
    }

    .lg-css3.lg-fade .lg-item {
        opacity: 0
    }

        .lg-css3.lg-fade .lg-item.lg-current {
            opacity: 1
        }

        .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
            -webkit-transition: opacity .1s ease 0s;
            -moz-transition: opacity .1s ease 0s;
            -o-transition: opacity .1s ease 0s;
            transition: opacity .1s ease 0s
        }

    .lg-css3.lg-slide.lg-use-css3 .lg-item {
        opacity: 0
    }

        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }

        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0)
        }

        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            opacity: 1
        }

        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s
        }

    .lg-css3.lg-slide.lg-use-left .lg-item {
        opacity: 0;
        position: absolute;
        left: 0
    }

        .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
            left: -100%
        }

        .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
            left: 100%
        }

        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
            left: 0;
            opacity: 1
        }

        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
            -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s;
            transition: left 1s cubic-bezier(0, 0, .25, 1) 0s,opacity .1s ease 0s
        }

    .mCustomScrollbar {
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom
    }

        .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
            -ms-touch-action: auto;
            touch-action: auto
        }

    .mCustomScrollBox {
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: 0;
        direction: ltr
    }

    .mCSB_container {
        overflow: hidden;
        width: auto;
        height: auto
    }

        .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
            margin-right: 0
        }

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-left: 30px
    }

        .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
            margin-left: 0
        }

    .mCSB_scrollTools {
        position: absolute;
        width: 8px;
        height: auto;
        left: auto;
        top: 0;
        right: 20px;
        bottom: 0
    }

    .mCSB_outside + .mCSB_scrollTools {
        right: -26px
    }

    .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
        right: auto;
        left: 0
    }

    .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
        left: -26px
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto
    }

    .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 14px 0
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        height: 100%;
        margin: 0 auto
    }

    .mCSB_scrollTools .mCSB_dragger {
        cursor: pointer;
        width: 100%;
        height: 40px;
        z-index: 1
    }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            position: relative;
            width: 8px;
            height: 100%;
            margin: 0 auto;
            text-align: center
        }

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 12px
    }

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 8px
    }

    .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
        display: block;
        position: absolute;
        height: 20px;
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer
    }

    .mCSB_scrollTools .mCSB_buttonDown {
        bottom: 0
    }

    .mCSB_container_wrapper {
        position: absolute;
        height: auto;
        width: auto;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-right: 30px;
        margin-bottom: 30px
    }

        .mCSB_container_wrapper > .mCSB_container {
            padding-right: 30px;
            padding-bottom: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
            right: 0
        }

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 20px
    }

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 0
    }

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
        margin-right: 0;
        margin-left: 30px
    }

    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
        padding-right: 0
    }

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
        padding-bottom: 0
    }

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
        margin-left: 0
    }

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
        margin-bottom: 0
    }

    .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
        transition: opacity .2s ease-in-out,background-color .2s ease-in-out
    }

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
        -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
        -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
        -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
        transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
    }

    .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)"
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        background: rgba(167,167,167,.2)
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: var(--main-border-color);
        cursor: pointer
    }

    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        opacity: .7
    }

    .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
        width: 12px;
        height: 18px;
        text-align: center;
        text-decoration: none;
        border: none;
        top: -6px;
        left: -2px
    }

    .mCSB_scrollTools .mCSB_buttonDown {
        top: auto;
        bottom: -5px
    }

        .mCSB_scrollTools .mCSB_buttonDown:before, .mCSB_scrollTools .mCSB_buttonUp:before {
            font-size: 18px;
            line-height: 1em;
            color: var(--main-border-color)
        }

    .mCSB_scrollTools .mCSB_buttonUp:before {
        content: '\f106'
    }

    .mCSB_scrollTools .mCSB_buttonDown:before {
        content: '\f107'
    }

    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .swiper-container-multirow > .swiper-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
    }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-transition-property: height,-webkit-transform;
            transition-property: height,-webkit-transform;
            -o-transition-property: transform,height;
            transition-property: transform,height;
            transition-property: transform,height,-webkit-transform
        }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-btn {
        cursor: pointer
    }

    .swiper-button-disabled {
        cursor: default;
        opacity: 0;
        visibility: hidden
    }

    @media screen and (max-width:480px) {
        .select2-container .select2-selection--single {
            height: 48px
        }

            .select2-container .select2-selection--single .select2-selection__rendered {
                line-height: 46px
            }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            top: 21px
        }

        .select2-container .select2-selection--multiple {
            min-height: 48px;
            padding: 0 38px 0 50px
        }

            .select2-container .select2-selection--multiple .select2-selection__rendered {
                min-height: 46px;
                padding-top: 11px;
                padding-bottom: 5px
            }

        .select2-selection--multiple:after {
            top: 21px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin: 0 5px 5px 0;
            padding: 4px 22px 4px 8px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            font-size: 18px;
            width: 16px;
            height: 16px;
            line-height: 20px;
            right: 4px;
            margin: -10px 0 0
        }

        .form-control.briefcase-inp, .select.briefcase-inp + .select2-container .select2-selection--single {
            background: url("../icons/icon-briefcase-inp.png") no-repeat 15px 13px
        }

            .form-control.briefcase-inp:focus, .select.briefcase-inp + .select2-container--open .select2-selection--single, .select.briefcase-inp.active + .select2-container--open .select2-selection--single {
                background-position: 15px -37px
            }

        .error-field .form-control.briefcase-inp, .error-field .select.briefcase-inp + .select2-container .select2-selection--single {
            background-position: 15px -87px
        }

        .error-field .select.briefcase-inp + .select2-container--open .select2-selection--single, .select.briefcase-inp + .select2-container--open .select2-selection--single {
            background-position: 15px -37px
        }

        .select.object-inp + .select2-container .select2-selection--single {
            background: url("../icons/icon-object-inp.png") no-repeat 18px 15px
        }

        .error-field .select.object-inp + .select2-container .select2-selection--single {
            background-position: 18px -91px
        }

        .error-field .select.object-inp + .select2-container--open .select2-selection--single, .select.object-inp + .select2-container--open .select2-selection--single, .select.object-inp.active + .select2-container .select2-selection--single {
            background-position: 18px -38px
        }
    }

    @media screen and (max-width:410px) {
        .lg-toolbar .lg-icon {
            width: 40px
        }
    }


    @media screen and (min-width:1191px) {
        .filter .col.is_sale_or_rent {
            width: 120px;
            margin-right: 14px;
            max-height: 67.5px;
        }

        .filter .col.col-price {
            width: 274px;
            /*        margin-right: 14px;
        max-height: 67.5px;*/
        }

            .filter .col.col-price .field-price {
                width: 130px;
            }
    }

    /*Не используется. Было для решения бага и отображеним фоток в галерее, но решил его по другому
.my-slide{

}
#object-inner-slider .thumb-slider .slide.my-slide .thumb {
    padding-bottom: 100%;
}
#object-inner-slider .thumb-slider .slide.my-slide .thumb img {
    position: absolute;
    left: 50%;
    top: 0;
    min-height: 84px;
    max-height: 84px;
    min-width: 100%;
    max-width: 200%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}*/



    #object-inner-slider .slide img {
        max-height: 425px;
    }

    #object-inner-slider .thumb-slider .slide img {
        /*max-height: 84px;*/
        height: 84px;
        object-fit: cover;
    }

    @media screen and (max-width: 720px) {
        #object-inner-slider .slide img {
            max-height: 475px;
        }
    }

    @media screen and (max-width: 720px) {
        #object-inner-slider .main-slider {
            max-height: 251px;
        }
    }

    #object-inner-box .main-slider .slick-track {
        display: flex;
        align-items: center;
    }

    @media screen and (max-width: 720px) {
        #object-inner-box .main-slider .slick-track {
            display: flex;
            align-items: flex-start;
        }
    }

    [contentEditable=true]:empty:not(:focus):before {
        content: attr(data-text);
        color: gray;
    }


    .field-mainform-city span.select2-selection__rendered {
        background: url(../icons/icon-location-inp.png) no-repeat 20px 17px;
    }

    .field-mainform-city .select2-container--open span.select2-selection__rendered {
        background-position: 20px -33px;
    }

    .field-sellform-name span.select2-selection__rendered {
        background: url(../icons/icon-briefcase-inp.png) no-repeat 20px 17px;
    }

    .field-sellform-name .select2-container--open span.select2-selection__rendered {
        background-position: 20px -33px;
    }


.field-sellform-category span.select2-selection__rendered {
    background: url(../icons/icon-object-inp.png) no-repeat 15px 19px;
}
.field-sellform-category .select2-container--open span.select2-selection__rendered {
    background-position: 15px -34px;
}

    .field-sellform-price .field-price input {
        background: url(../icons/icon-currency-inp.png) no-repeat 17px 20px;
    }

        .field-sellform-price .field-price input:focus {
            background-position: 17px -34px;
        }

    .field-mainform-rooms .checkbox-item {
        display: inline-block;
        margin: 15px 0;
        margin-right: 20px;
    }

        .field-mainform-rooms .checkbox-item input[type=checkbox] + label {
            color: #fff;
        }

    .inline-fields .field-name {
        color: #fff;
    }

    @media screen and (max-width: 480px) {
        .field-mainform-city span.select2-selection__rendered {
            background: url(../icons/icon-location-inp.png) no-repeat 20px 13px;
        }

        .field-mainform-city .select2-container--open span.select2-selection__rendered {
            background-position: 20px -37px;
        }
    }

    @media screen and (min-width: 1020px) {
        .page-banner .tabs-box {
            width: 60%
        }
    }

    .inline-fields .field-sellform-price .field {
        width: 49.3%;
        float: right;
    }

        .inline-fields .field-sellform-price .field:first-of-type {
            /*    margin-right: 3%;*/
        }

    .inline-fields .checkbox-item input[type=checkbox] + label:before {
        border-color: white;
        background-color: #fff;
        border-radius: 4px;
    }
    /*@media screen and (min-width: 780px) {*/
    .inline-fields .field-sellform-price .field:first-of-type {
        /*        margin-right: 5px;*/
        float: left;
    }
    /*}*/



    /*tr*/




    /*end tr*/

    @media (min-width: 980px) {
        .price-block-top {
            display: none;
        }

        .price-block-aside {
            display: block;
        }
    }

    @media (max-width: 980px) {
        .price-block-top {
            display: block;
        }

        .price-block-aside {
            display: none;
        }

        .meta-object .agent, .meta-object .buy-on-tick-box + .agent {
            /*        margin-top: 0px;*/
        }
    }

    .agent-item-avatar {
        width: 240px;
        height: 300px;
        object-fit: cover;
    }

    .agent-card .title {
        color: #012158; /*--main-bg-color*/
        font-weight: 600;
    }

        .agent-card .title strong {
            color: #dc1c2e;
            font-weight: 600;
        }

    .agent-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px 0 rgba(20, 50, 80, 0.12);
    }

    .agent-card {
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(20, 50, 80, 0.12);
        border-radius: 5px;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .office-card .info svg {
        width: 16px;
        height: 16px;
        display: inline-block;
    }

    .office-card .info {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 14px;
        margin-bottom: 10px;
        max-width: 100%;
    }

        .office-card .info > div:first-child {
            min-width: 25px;
            margin-right: 10px;
            margin-top: 3px;
            text-align: center;
            color: var(--main-bg-color);
        }

        .office-card .info > div:last-child {
            padding-top: 2px;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            max-width: 100%;
        }

    @media screen and (max-width: 1280px) {
        .tooltip {
            display: none;
        }

        #nav .sub-box > ul > li > a > .count {
            color: #333;
        }

        #nav .dropdown li a {
            color: #333;
        }
    }


    .re-card {
        overflow: hidden;
        border: rgba(20, 50, 80, 0.12) solid 1px;
        /*    background: #fff;*/
        box-shadow: 0 1px 2px 0 rgba(20, 50, 80, 0.12);
        border-radius: 5px;
        transition: transform 0.2s, box-shadow 0.2s;
    }

        .re-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px 0 rgba(20, 50, 80, 0.12);
        }

    @media screen and (max-width: 500px) {
        .filter .col.rooms-tiled-checkboxes {
            width: 100%;
        }
    }

    @media screen and (min-width: 501px) and (max-width:1190px) {
        .filter .col.rooms-tiled-checkboxes {
            width: 216px;
        }
    }

    @media screen and (max-width: 500px) {
        .filter .floors-tiled-checkboxes {
            display: flex;
            justify-content: space-between;
        }
    }

    @media screen and (min-width:1191px) {
        .filter .col[data-attr="floot-ch"] {
            width: 130px;
        }
    }

    @media screen and (min-width: 701px) {
        .object .attributes p.icon-location {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .attributes {
            min-height: 50px;
        }
    }


    #sell-form .field-name {
        margin-left: 20px;
    }

    #sell-form {
        margin-top: 20px;
    }

    @media screen and (min-width: 701px) {
        .field-mainform-rooms {
            float: left;
        }

        #tab-1 .btn {
            float: right;
        }
    }

#sell-form .field-sellform-name {
    float: left;
}

    #sell-form .field-mainform-city {
        float: right;
    }

    #tab-4 .field-mainform-city, #tab-5 .field-mainform-city {
        float: left;
    }

    .checkbox-item input[type=checkbox] + label:before {
        background-color: #fff;
        border-radius: 4px;
    }

    @media screen and (min-width: 1191px) {
        .field-name {
            color: #fff;
        }

        div:not([class^="dropdown"]) > .checkbox-item input[type=checkbox] + label,
        div:not([class^="dropdown"]) > .radio-item input[type=radio] + label {
            color: #fff;
        }

            div:not([class^="dropdown"]) > .checkbox-item input[type=checkbox] + label:before {
                border-color: white;
                background-color: #fff;
            }

        .open-advanced-search {
            background: var(--remax-custom-color);
            color: #fff;
        }

            .open-advanced-search:after {
                background: url(../icons/filter-select-arrow-white.png) no-repeat 0 -1px;
            }

        .js-change-layout span {
            color: white;
        }
    }

    @media screen and (min-width: 781px) {
        .assessment-form.inline-fields .field {
            width: 32.40740740740741%;
            padding-right: 6px;
        }

        .assessment-form.inline-fields .btn {
            border: none;
        }
    }

    @media screen and (min-width:1191px) and (max-width:1360px) {
        .filter .form .btn {
            right: -34px;
        }
    }

    @media screen and (min-width: 1191px) {
        .sorting-nav {
            display: none;
        }

        .gallery-with-map-box .sorting-nav {
            display: block;
            position: absolute;
            left: -137px;
            top: 73px;
        }

        .sorting-nav .col {
            width: 235px;
        }
    }

    @media screen and (max-width: 1190px) {
        .gallery-with-map-box .sorting-nav {
            display: none;
        }

        .sorting-nav {
            text-align: center;
            margin-top: 28px;
        }

            .sorting-nav .col {
                width: 100%;
            }
    }

    @media screen and (min-width: 500px) and (max-width: 1190px) {
        .sorting-nav .col {
            width: 100%;
        }

        .sorting-nav {
            width: 216px;
            margin: auto;
            margin-top: 28px;
        }
    }

    .sorting-nav .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .gallery-with-map-box .sorting-nav .select2-container .select2-selection--single .select2-selection__rendered {
        color: var(--remax-custom-color);
    }

    .sorting-nav .select2-container .select2-selection--single {
        height: 35px;
    }

    .sorting-nav .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 15px;
    }

    .filter .btn {
        background: var(--remax-custom-red1) !important;
    }

        .filter .btn:hover {
            background: var(--remax-custom-red2) !important;
        }

    .pretty-form2 {
        background: none;
        top: -40px;
    }

        .pretty-form2::before {
            display: none;
        }


    .vr-tour-icon svg {
        width: 21px;
        height: 25px;
        display: inline-block;
        margin-left: 2px;
    }

        .vr-tour-icon svg * {
            color: var(--main-bg-color) !important;
        }

@media screen and (min-width: 780px) {
    form#sell-form2 {
        max-width: 780px;
    }

        form#sell-form2.inline-fields .field {
            padding-right: 6px;
        }
}


.icon-clock span {
    display: block;
}

.feedback-box .pretty-form{
    background: none;
}

    .feedback-box .pretty-form .contacts-box {
        margin-top: 20px;
    }

#main {
    /*margin-top: 95px;*/
}

img.main-logo-full {
    margin: auto;
    width: 256px;
}

#footer .icon-location{
    line-height: 1rem;
}

a.whatsapp {
    vertical-align: middle;
    border-bottom: none !important;
}

.remax_ballon_large {
    margin: 0
}
@media screen and (min-width: 780px) {
    .remax_ballon_large {
        margin-top: -90px;
    }
}

.finance-block {
    background: var(--remax-custom-red1);
}
    .finance-block h2 {
        color: #fff;
    }
    .finance-block .layout-grid .grid-col .indicator {
        background: var(--remax-custom-red1);
    }
        .finance-block .layout-grid .grid-col .indicator span,
        .finance-block .layout-grid .grid-col .indicator p {
            color: #fff;
        }