@font-face {
    font-family: fontello;
    src: url(wp-content/themes/fonts/fontello.html);
    src: url(wp-content/themes/fonts/fontello.html) format('embedded-opentype'), url(wp-content/themes/fonts/fontello-2.html) format('woff2'), url(wp-content/themes/fonts/fontellod3ab.html?23640306) format('woff'), url(wp-content/themes/fonts/fontello-3.html) format('truetype'), url(wp-content/themes/fonts/fontello-4.html) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=icon-] {
    display: inline-block;
    height: 16px
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    margin-left: 0;
    margin-right: 0
}

.icon-twitter:before {
    content: '\f099'
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-linkedin:before {
    content: '\f0e1'
}

.icon-youtube:before {
    content: '\f167'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-telegram:before {
    content: '\f2c6'
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}


.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0/100% 100% no-repeat;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports(padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: 1s linear infinite a;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media(max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports(padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::after,
.wpcf7-list-item-label::before {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media(prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {

    from,
    to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url] {
    direction: ltr
}

.wpcf7-reflection>output {
    display: list-item;
    list-style: none
}

.wpcf7-reflection>output[hidden] {
    display: none
}

#chat-24-desktop #chat-24-inner-container {
    background: 0 0 !important
}

#chat-24-desktop #chat-24-close-icons {
    display: none !important;
    width: 0 !important;
    height: 0 !important
}

#chat-24-desktop #chat-24-close-icons::after,
#chat-24-desktop #chat-24-close-icons::before,
#chat-24-desktop #chat-24-footer {
    display: none !important
}

#chat-24-desktop #chat-24-content {
    position: relative
}

#chat-24-desktop #chat-24-widget-container .chat-24-icon {
    margin: 0 !important
}

#chat-24-desktop #chat-24-inner-container .chat-24-icon-wa,
#chat-24-desktop #chat-24-inner-container .chat-24icon-call {
    width: 56px !important;
    height: 56px !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 100% !important;
    box-shadow: 0 0 15px rgb(0, 0, 0, .45) !important;
    transition-duration: .3s !important
}

#chat-24-desktop #chat-24-inner-container .chat-24icon-call {
    background: #04aee4 !important;
    position: absolute !important;
    top: -96px;
    margin-top: 20px !important
}

#chat-24-desktop #chat-24-inner-container .chat-24icon-call::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTE2IDUxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2ZXJzaW9uPScxLjEnPjxwYXRoIGQ9J001MDMuMDUgNDA5LjEyNyBMNDQ2LjI4OSAzNzEuMjgzIDM5NS44MyAzMzcuNjUgQzM4Ni4wOTIgMzMxLjE3MSAzNzMuMDA1IDMzMy4yOTUgMzY1LjgxNiAzNDIuNTIzIEwzMzQuNTkzIDM4Mi42NjIgQzMyNy44ODYgMzkxLjM3MiAzMTUuODIxIDM5My44NzUgMzA2LjIwMyAzODguNTUgMjg1LjAxNyAzNzYuNzY1IDI1OS45NjQgMzY1LjY2OSAyMDQuNjg2IDMxMC4zMiAxNDkuNDA4IDI1NC45NzEgMTM4LjI0MSAyMjkuOTg5IDEyNi40NTYgMjA4LjgwMyAxMjEuMTMxIDE5OS4xODUgMTIzLjYzNCAxODcuMTIgMTMyLjM0NCAxODAuNDE0IEwxNzIuNDgzIDE0OS4xOTEgQzE4MS43MSAxNDIuMDAzIDE4My44MzUgMTI4LjkxNiAxNzcuMzU2IDExOS4xNzcgTDE0NC43NTYgNzAuMjcyIDEwNS44NzkgMTEuOTU2IEM5OS4yNjIgMi4wMyA4Ni4wMTYgLTAuOTUgNzUuNzg2IDUuMTg1IEwzMC45NSAzMi4wODMgQzE4LjgzMyAzOS4yMjIgOS45MjYgNTAuNzUgNi4wNzQgNjQuMjc3IC02LjE4NyAxMDguOTggLTguNjU5IDIwNy41OTMgMTQ5LjM4MSAzNjUuNjMzIDMwNy40MjEgNTIzLjY3MyA0MDYuMDI1IDUyMS4xOTMgNDUwLjcyOCA1MDguOTMxIDQ2NC4yNTUgNTA1LjA4IDQ3NS43ODMgNDk2LjE3MyA0ODIuOTIyIDQ4NC4wNTUgTDUwOS44MiA0MzkuMjIgQzUxNS45NTYgNDI4Ljk4OSA1MTIuOTc2IDQxNS43NDQgNTAzLjA1IDQwOS4xMjcgWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48cGF0aCBkPSdNMjkyLjMwOSA4MS40NDcgQzM3NS4xNTEgODEuNTM5IDQ0Mi4yODYgMTQ4LjY3MyA0NDIuMzc4IDIzMS41MTYgNDQyLjM3OCAyMzYuMzkxIDQ0Ni4zMyAyNDAuMzQ0IDQ1MS4yMDYgMjQwLjM0NCA0NTYuMDgxIDI0MC4zNDQgNDYwLjAzNCAyMzYuMzkyIDQ2MC4wMzQgMjMxLjUxNiA0NTkuOTMyIDEzOC45MjcgMzg0Ljg5OSA2My44OTQgMjkyLjMxIDYzLjc5MiAyODcuNDM1IDYzLjc5MiAyODMuNDgyIDY3Ljc0NCAyODMuNDgyIDcyLjYyIDI4My40ODEgNzcuNDk0IDI4Ny40MzMgODEuNDQ3IDI5Mi4zMDkgODEuNDQ3IFonIGZpbGw9JyNmZmZmZmYnIGZpbGwtb3BhY2l0eT0nMScgc3Ryb2tlPSdub25lJz48L3BhdGg+PHBhdGggZD0nTTI5Mi4zMDkgMTM0LjQxMiBDMzQ1LjkxMiAxMzQuNDc1IDM4OS4zNDkgMTc3LjkxMyAzODkuNDEyIDIzMS41MTUgMzg5LjQxMiAyMzYuMzkgMzkzLjM2NCAyNDAuMzQzIDM5OC4yNCAyNDAuMzQzIDQwMy4xMTUgMjQwLjM0MyA0MDcuMDY4IDIzNi4zOTEgNDA3LjA2OCAyMzEuNTE1IDQwNi45OTUgMTY4LjE2NiAzNTUuNjU5IDExNi44MjkgMjkyLjMwOSAxMTYuNzU2IDI4Ny40MzQgMTE2Ljc1NiAyODMuNDgxIDEyMC43MDggMjgzLjQ4MSAxMjUuNTg0IDI4My40ODEgMTMwLjQ2IDI4Ny40MzMgMTM0LjQxMiAyOTIuMzA5IDEzNC40MTIgWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48cGF0aCBkPSdNMjkyLjMwOSAxODcuMzc4IEMzMTYuNjc0IDE4Ny40MDcgMzM2LjQxOCAyMDcuMTUxIDMzNi40NDcgMjMxLjUxNiAzMzYuNDQ3IDIzNi4zOTEgMzQwLjM5OSAyNDAuMzQ0IDM0NS4yNzUgMjQwLjM0NCAzNTAuMTUgMjQwLjM0NCAzNTQuMTAzIDIzNi4zOTIgMzU0LjEwMyAyMzEuNTE2IDM1NC4wNjQgMTk3LjQwNSAzMjYuNDIxIDE2OS43NjIgMjkyLjMxIDE2OS43MjMgMjg3LjQzNSAxNjkuNzIzIDI4My40ODIgMTczLjY3NSAyODMuNDgyIDE3OC41NTEgMjgzLjQ4MSAxODMuNDI2IDI4Ny40MzMgMTg3LjM3OCAyOTIuMzA5IDE4Ny4zNzggWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48L3N2Zz4=);
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0;
    width: 25px
}

#chat-24-desktop #chat-24-inner-container .chat-24-icon-wa {
    position: relative;
    background: #01c24a !important
}

#chat-24-desktop #chat-24-inner-container .chat-24-icon-wa::after {
    content: 'Need Help? Chat with Us';
    display: block;
    position: absolute;
    width: 156px;
    right: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    font-family: Arial;
    color: #43474e;
    padding: 7px;
    margin-right: 7px;
    letter-spacing: -.03em;
    border-radius: 4px;
    transition: .4s;
    box-sizing: border-box;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)
}

#chat-24-desktop #chat-24-inner-container .chat-24-icon-wa::before {
    content: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20yMC41MiAzLjQ0OWMtMi4yOC0yLjIwNC01LjI4LTMuNDQ5LTguNDc1LTMuNDQ5LTkuMTcgMC0xNC45MjggOS45MzUtMTAuMzQ5IDE3LjgzOGwtMS42OTYgNi4xNjIgNi4zMzUtMS42NTJjMi43NiAxLjQ5MSA1LjAyMSAxLjM1OSA1LjcxNiAxLjQ0NyAxMC42MzMgMCAxNS45MjYtMTIuODY0IDguNDU0LTIwLjMwN3onIGZpbGw9JyNlY2VmZjEnPjwvcGF0aD48cGF0aCBkPSdtMTIuMDY3IDIxLjc1MS0uMDA2LS4wMDFoLS4wMTZjLTMuMTgyIDAtNS4yMTUtMS41MDctNS40MTUtMS41OTRsLTMuNzUuOTc1IDEuMDA1LTMuNjQ1LS4yMzktLjM3NWMtLjk5LTEuNTc2LTEuNTE2LTMuMzkxLTEuNTE2LTUuMjYgMC04Ljc5MyAxMC43NDUtMTMuMTkgMTYuOTYzLTYuOTc1IDYuMjAzIDYuMTUgMS44NDggMTYuODc1LTcuMDI2IDE2Ljg3NXonIGZpbGw9J3JnYigxLCAxOTQsIDc0KScgY2xhc3M9J2ZpbGxfY29sb3JfaG92ZXInIHN0eWxlPScnPjwvcGF0aD48cGF0aCBkPSdtMTcuNTA3IDE0LjMwNy0uMDA5LjA3NWMtLjMwMS0uMTUtMS43NjctLjg2Ny0yLjA0LS45NjYtLjYxMy0uMjI3LS40NC0uMDM2LTEuNjE3IDEuMzEyLS4xNzUuMTk1LS4zNDkuMjEtLjY0Ni4wNzUtLjMtLjE1LTEuMjYzLS40NjUtMi40MDMtMS40ODUtLjg4OC0uNzk1LTEuNDg0LTEuNzctMS42Ni0yLjA3LS4yOTMtLjUwNi4zMi0uNTc4Ljg3OC0xLjYzNC4xLS4yMS4wNDktLjM3NS0uMDI1LS41MjQtLjA3NS0uMTUtLjY3Mi0xLjYyLS45MjItMi4yMDYtLjI0LS41ODQtLjQ4Ny0uNTEtLjY3Mi0uNTEtLjU3Ni0uMDUtLjk5Ny0uMDQyLTEuMzY4LjM0NC0xLjYxNCAxLjc3NC0xLjIwNyAzLjYwNC4xNzQgNS41NSAyLjcxNCAzLjU1MiA0LjE2IDQuMjA2IDYuODA0IDUuMTE0LjcxNC4yMjcgMS4zNjUuMTk1IDEuODguMTIxLjU3NC0uMDkxIDEuNzY3LS43MjEgMi4wMTYtMS40MjYuMjU1LS43MDUuMjU1LTEuMjkuMTgtMS40MjUtLjA3NC0uMTM1LS4yNy0uMjEtLjU3LS4zNDV6JyBmaWxsPScjZmFmYWZhJz48L3BhdGg+PC9zdmc+);
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0
}

#chat-24-desktop #chat-24-inner-container .chat-24-icon-wa:hover,
#chat-24-desktop #chat-24-inner-container .chat-24icon-call:hover {
    transform: scale(1) !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: transform 0 ease-in !important;
    transition: none !important;
    background-color: #08a84a !important
}

#chat-24-mobile #chat-24-inner-container {
    background: 0 0 !important
}

#chat-24-mobile #chat-24-close-icons {
    display: none !important;
    width: 0 !important;
    height: 0 !important
}

#chat-24-mobile #chat-24-close-icons::after,
#chat-24-mobile #chat-24-close-icons::before,
#chat-24-mobile #chat-24-footer {
    display: none !important
}

#chat-24-mobile {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 56px
}

#chat-24-mobile #chat-24-content .chat-24-icon-container {
    width: 50% !important;
    float: right;
    margin: 0 !important;
    height: 56px !important
}

#chat-24-widget-container #chat-24-mobile #chat-24-content,
#chat-24-widget-container #chat-24-mobile #chat-24-inner-container {
    padding: 0 !important
}

#chat-24-mobile #chat-24-content .chat-24-icon-container .chat-24-icon-text {
    display: none !important
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-call,
#chat-24-mobile #chat-24-inner-container .chat-24-icon-wa {
    width: 100% !important;
    height: 56px !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    box-shadow: 0 !important;
    transition-duration: .3s !important;
    background: 0 0 !important;
    position: relative
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-call {
    background-color: #04aee4 !important
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-wa {
    background-color: #01c24a !important
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-call::after,
#chat-24-mobile #chat-24-inner-container .chat-24-icon-wa::after {
    position: absolute;
    color: #fff;
    font-weight: 700;
    top: 50%;
    transform: translateY(-50%) translateX(15px);
    margin: auto;
    left: 0;
    right: 0;
    font-size: 15px
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-wa::after {
    content: 'WhatsApp';
    transform: translateY(-50%) translateX(20px)
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-wa::before {
    content: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20yMC41MiAzLjQ0OWMtMi4yOC0yLjIwNC01LjI4LTMuNDQ5LTguNDc1LTMuNDQ5LTkuMTcgMC0xNC45MjggOS45MzUtMTAuMzQ5IDE3LjgzOGwtMS42OTYgNi4xNjIgNi4zMzUtMS42NTJjMi43NiAxLjQ5MSA1LjAyMSAxLjM1OSA1LjcxNiAxLjQ0NyAxMC42MzMgMCAxNS45MjYtMTIuODY0IDguNDU0LTIwLjMwN3onIGZpbGw9JyNlY2VmZjEnPjwvcGF0aD48cGF0aCBkPSdtMTIuMDY3IDIxLjc1MS0uMDA2LS4wMDFoLS4wMTZjLTMuMTgyIDAtNS4yMTUtMS41MDctNS40MTUtMS41OTRsLTMuNzUuOTc1IDEuMDA1LTMuNjQ1LS4yMzktLjM3NWMtLjk5LTEuNTc2LTEuNTE2LTMuMzkxLTEuNTE2LTUuMjYgMC04Ljc5MyAxMC43NDUtMTMuMTkgMTYuOTYzLTYuOTc1IDYuMjAzIDYuMTUgMS44NDggMTYuODc1LTcuMDI2IDE2Ljg3NXonIGZpbGw9J3JnYigxLCAxOTQsIDc0KScgY2xhc3M9J2ZpbGxfY29sb3JfaG92ZXInIHN0eWxlPScnPjwvcGF0aD48cGF0aCBkPSdtMTcuNTA3IDE0LjMwNy0uMDA5LjA3NWMtLjMwMS0uMTUtMS43NjctLjg2Ny0yLjA0LS45NjYtLjYxMy0uMjI3LS40NC0uMDM2LTEuNjE3IDEuMzEyLS4xNzUuMTk1LS4zNDkuMjEtLjY0Ni4wNzUtLjMtLjE1LTEuMjYzLS40NjUtMi40MDMtMS40ODUtLjg4OC0uNzk1LTEuNDg0LTEuNzctMS42Ni0yLjA3LS4yOTMtLjUwNi4zMi0uNTc4Ljg3OC0xLjYzNC4xLS4yMS4wNDktLjM3NS0uMDI1LS41MjQtLjA3NS0uMTUtLjY3Mi0xLjYyLS45MjItMi4yMDYtLjI0LS41ODQtLjQ4Ny0uNTEtLjY3Mi0uNTEtLjU3Ni0uMDUtLjk5Ny0uMDQyLTEuMzY4LjM0NC0xLjYxNCAxLjc3NC0xLjIwNyAzLjYwNC4xNzQgNS41NSAyLjcxNCAzLjU1MiA0LjE2IDQuMjA2IDYuODA0IDUuMTE0LjcxNC4yMjcgMS4zNjUuMTk1IDEuODguMTIxLjU3NC0uMDkxIDEuNzY3LS43MjEgMi4wMTYtMS40MjYuMjU1LS43MDUuMjU1LTEuMjkuMTgtMS40MjUtLjA3NC0uMTM1LS4yNy0uMjEtLjU3LS4zNDV6JyBmaWxsPScjZmFmYWZhJz48L3BhdGg+PC9zdmc+);
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-40px);
    width: 25px;
    margin: auto;
    left: 0;
    right: 0
}

#chat-24-mobile #chat-24-inner-container .chat-24-icon-call::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTE2IDUxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2ZXJzaW9uPScxLjEnPjxwYXRoIGQ9J001MDMuMDUgNDA5LjEyNyBMNDQ2LjI4OSAzNzEuMjgzIDM5NS44MyAzMzcuNjUgQzM4Ni4wOTIgMzMxLjE3MSAzNzMuMDA1IDMzMy4yOTUgMzY1LjgxNiAzNDIuNTIzIEwzMzQuNTkzIDM4Mi42NjIgQzMyNy44ODYgMzkxLjM3MiAzMTUuODIxIDM5My44NzUgMzA2LjIwMyAzODguNTUgMjg1LjAxNyAzNzYuNzY1IDI1OS45NjQgMzY1LjY2OSAyMDQuNjg2IDMxMC4zMiAxNDkuNDA4IDI1NC45NzEgMTM4LjI0MSAyMjkuOTg5IDEyNi40NTYgMjA4LjgwMyAxMjEuMTMxIDE5OS4xODUgMTIzLjYzNCAxODcuMTIgMTMyLjM0NCAxODAuNDE0IEwxNzIuNDgzIDE0OS4xOTEgQzE4MS43MSAxNDIuMDAzIDE4My44MzUgMTI4LjkxNiAxNzcuMzU2IDExOS4xNzcgTDE0NC43NTYgNzAuMjcyIDEwNS44NzkgMTEuOTU2IEM5OS4yNjIgMi4wMyA4Ni4wMTYgLTAuOTUgNzUuNzg2IDUuMTg1IEwzMC45NSAzMi4wODMgQzE4LjgzMyAzOS4yMjIgOS45MjYgNTAuNzUgNi4wNzQgNjQuMjc3IC02LjE4NyAxMDguOTggLTguNjU5IDIwNy41OTMgMTQ5LjM4MSAzNjUuNjMzIDMwNy40MjEgNTIzLjY3MyA0MDYuMDI1IDUyMS4xOTMgNDUwLjcyOCA1MDguOTMxIDQ2NC4yNTUgNTA1LjA4IDQ3NS43ODMgNDk2LjE3MyA0ODIuOTIyIDQ4NC4wNTUgTDUwOS44MiA0MzkuMjIgQzUxNS45NTYgNDI4Ljk4OSA1MTIuOTc2IDQxNS43NDQgNTAzLjA1IDQwOS4xMjcgWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48cGF0aCBkPSdNMjkyLjMwOSA4MS40NDcgQzM3NS4xNTEgODEuNTM5IDQ0Mi4yODYgMTQ4LjY3MyA0NDIuMzc4IDIzMS41MTYgNDQyLjM3OCAyMzYuMzkxIDQ0Ni4zMyAyNDAuMzQ0IDQ1MS4yMDYgMjQwLjM0NCA0NTYuMDgxIDI0MC4zNDQgNDYwLjAzNCAyMzYuMzkyIDQ2MC4wMzQgMjMxLjUxNiA0NTkuOTMyIDEzOC45MjcgMzg0Ljg5OSA2My44OTQgMjkyLjMxIDYzLjc5MiAyODcuNDM1IDYzLjc5MiAyODMuNDgyIDY3Ljc0NCAyODMuNDgyIDcyLjYyIDI4My40ODEgNzcuNDk0IDI4Ny40MzMgODEuNDQ3IDI5Mi4zMDkgODEuNDQ3IFonIGZpbGw9JyNmZmZmZmYnIGZpbGwtb3BhY2l0eT0nMScgc3Ryb2tlPSdub25lJz48L3BhdGg+PHBhdGggZD0nTTI5Mi4zMDkgMTM0LjQxMiBDMzQ1LjkxMiAxMzQuNDc1IDM4OS4zNDkgMTc3LjkxMyAzODkuNDEyIDIzMS41MTUgMzg5LjQxMiAyMzYuMzkgMzkzLjM2NCAyNDAuMzQzIDM5OC4yNCAyNDAuMzQzIDQwMy4xMTUgMjQwLjM0MyA0MDcuMDY4IDIzNi4zOTEgNDA3LjA2OCAyMzEuNTE1IDQwNi45OTUgMTY4LjE2NiAzNTUuNjU5IDExNi44MjkgMjkyLjMwOSAxMTYuNzU2IDI4Ny40MzQgMTE2Ljc1NiAyODMuNDgxIDEyMC43MDggMjgzLjQ4MSAxMjUuNTg0IDI4My40ODEgMTMwLjQ2IDI4Ny40MzMgMTM0LjQxMiAyOTIuMzA5IDEzNC40MTIgWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48cGF0aCBkPSdNMjkyLjMwOSAxODcuMzc4IEMzMTYuNjc0IDE4Ny40MDcgMzM2LjQxOCAyMDcuMTUxIDMzNi40NDcgMjMxLjUxNiAzMzYuNDQ3IDIzNi4zOTEgMzQwLjM5OSAyNDAuMzQ0IDM0NS4yNzUgMjQwLjM0NCAzNTAuMTUgMjQwLjM0NCAzNTQuMTAzIDIzNi4zOTIgMzU0LjEwMyAyMzEuNTE2IDM1NC4wNjQgMTk3LjQwNSAzMjYuNDIxIDE2OS43NjIgMjkyLjMxIDE2OS43MjMgMjg3LjQzNSAxNjkuNzIzIDI4My40ODIgMTczLjY3NSAyODMuNDgyIDE3OC41NTEgMjgzLjQ4MSAxODMuNDI2IDI4Ny40MzMgMTg3LjM3OCAyOTIuMzA5IDE4Ny4zNzggWicgZmlsbD0nI2ZmZmZmZicgZmlsbC1vcGFjaXR5PScxJyBzdHJva2U9J25vbmUnPjwvcGF0aD48L3N2Zz4=);
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-67px);
    width: 20px;
    margin: auto;
    left: 0;
    right: 0
}

#chat-24-mobile.safari,
#chat-24-mobile.safari #chat-24-content .chat-24-icon-container,
#chat-24-mobile.safari #chat-24-inner-container .chat-24-icon-call,
#chat-24-mobile.safari #chat-24-inner-container .chat-24-icon-wa {
    height: 42px !important
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter/Inter-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: InterMedium;
    src: url(../fonts/Inter/Inter-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: InterSemiBold;
    src: url(../fonts/Inter/Inter-SemiBold.ttf);
    font-display: swap
}

@font-face {
    font-family: InterBold;
    src: url(../fonts/Inter/Inter-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: InterBlack;
    src: url(../fonts/Inter/Inter-Black.ttf);
    font-display: swap
}

@font-face {
    font-family: GothamPro;
    src: url(../fonts/GothamPro/GothamPro.ttf);
    font-display: swap
}

@font-face {
    font-family: GothamProLight;
    src: url(../fonts/GothamPro/GothamPro-Light.ttf);
    font-display: swap
}

@font-face {
    font-family: GothamProBold;
    src: url(../fonts/GothamPro/GothamPro-Bold.ttf);
    font-display: swap
}

*,
::after,
::before {
    box-sizing: border-box
}

:root {
    --app-height: 100vh;
    --timeout-slider-promo: 5000ms
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

html[lang=ru] {
    -webkit-locale: auto
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
    padding-right: 0 !important;
    padding-left: 0 !important
}

body::-webkit-scrollbar {
    width: .5em
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

body::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    outline: #02b2ee solid 1px
}

.simplebar-content-wrapper::-webkit-scrollbar-corner,
.simplebar-content-wrapper:active::-webkit-scrollbar-thumb,
.simplebar-content-wrapper:hover::-webkit-scrollbar-thumb {
    background-color: transparent
}

.body-mpp {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 126px
}

@media(max-width:990px) {
    .body-mpp {
        padding-top: 91px
    }
}

@media(max-width:767px) {
    .body-mpp {
        padding-top: 67px
    }
}

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

a {
    color: #fd8f5e;
    text-decoration: none;
    background-color: transparent;
    transition: color .2s ease-in
}

a:hover {
    color: #fd8f5e
}

dl,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #fff !important; 
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

textarea {
    overflow: auto;
    resize: vertical
}

blockquote {
    margin: 0 0 1rem
}

button,
input,
textarea {
    -webkit-appearance: none
}

a,
button,
input,
select {
    outline: 0 !important
}

input[type=email],
input[type=text],
select,
textarea {
    outline: 0;
    box-shadow: none !important;
    width: 100%
}

input[type=text].outline-none {
    border: none
}

:focus,
[contenteditable=true]:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0 !important
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    transition: border-color .5s
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #02b2ee !important
}

::placeholder {
    color: #999;
    font-family: Inter, sans-serif !important;
    font-size: 14px
}

:-ms-input-placeholder {
    color: #999;
    font-family: Inter, sans-serif !important;
    font-size: 14px
}

::-ms-input-placeholder {
    color: #999;
    font-family: Inter, sans-serif !important;
    font-size: 14px
}

.bold {
    font-weight: 700 !important;
    font-family: InterBold !important
}

.blue {
    color: #02b2ee !important
}

sup {
    top: -.5em
}

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

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px !important;
    margin-right: -10px !important
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col-md-3 {
    vertical-align: top
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media(min-width:576px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:768px) {
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:1024px) {
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.contentSection {
    display: block;
    position: relative
}

.featureProjects {
    display: block;
    padding: 0;
    position: relative;
    z-index: 2
}

.featureProjects.noPd {
    padding: 0 !important
}

.featureProjects.hidden {
    overflow: hidden
}

.bgDottedL {
    position: absolute;
    left: 0;
    top: 200px
}

.bgDottedR {
    position: absolute;
    right: 0;
    bottom: 100px
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container {
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1180px !important
}

.container.noPd {
    padding-top: 0 !important
}

.featureProjects:not(.pt-0)>.container:first-child {
    padding-top: 80px
}

@media only screen and (max-width:1360px) {
    .contentSection {
        overflow: hidden
    }
}

@media all and (max-width:1024px) {
    .featureProjects .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px
    }

    .featureProjects .col-md-3:last-child,
    .featureProjects .col-md-3:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {

    #chat-24-mobile,
    #chat-24-mobile #chat-24-content .chat-24-icon-container,
    #chat-24-mobile #chat-24-inner-container .chat-24-icon-call,
    #chat-24-mobile #chat-24-inner-container .chat-24-icon-wa,
    #chat-24-widget-container {
        height: 42px !important
    }

    .featureProjects {
        padding: 40px 0 10px
    }

    .featureProjects .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .featureProjects .col-md-3:nth-last-child(2) {
        margin-bottom: 25px
    }

    .bgDottedL {
        position: absolute;
        right: 0;
        left: auto;
        top: -100px;
        width: 100px !important;
        z-index: -1
    }

    .bgDottedR {
        display: none
    }

    .container {
        position: relative;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100%;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .featureProjects.hidden .container {
        padding: 0 10px
    }

    .featureProjects:not(.pt-0)>.container:first-child {
        padding-top: 0
    }
}

@media only screen and (max-width:640px) {
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

.bannerBlock {
    padding-top: 20px;
    padding-bottom: 50px
}

.banner {
    width: 100%;
    height: 650px;
    background-color: #333;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.bannerPM {
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1
}

.bannerPM:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .35;
    content: "";
    z-index: 1
}

.page-template .bannerPM {
    padding: 80px 0 0;
    min-height: 660px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bannerPM .menuItem {
    font-family: InterBold;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-right: 20px
}

.bannerText {
    display: block;
    position: relative;
    z-index: 10
}

.bannerPM .bannerText {
    display: block;
    padding-top: 0
}

.bannerText.smallWidth {
    max-width: 900px
}

.bannerHeading {
    font-family: InterBold;
    font-size: 44px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.bannerSubHeading {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    .bannerBlock {
        padding-bottom: 10px
    }

    .bannerBlock .col-md-3 {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }

    .banner {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .bannerPM {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        float: none;
        background-size: cover
    }

    .page-template .bannerPM {
        padding: 100px 0 0;
        min-height: 460px
    }

    .bannerText {
        padding-top: 60px
    }

    .bannerPM .bannerText {
        padding: 80px 0 30px
    }

    .bannerHeading {
        font-size: 28px
    }

    .bannerSubHeading {
        font-size: 18px;
        font-weight: 400
    }
}

.headPage {
    width: 100%;
    position: relative;
    z-index: 1
}

.headBG {
    background-size: cover;
    height: 100vh;
    min-height: 640px;
    max-height: 700px;
    background-position: center
}

.headBG .container {
    height: 100%
}

.headBG .bannerBtn-wrp {
    align-items: center;
    display: flex
}

.headBG .bannerBtn.promo {
    max-width: 60%;
    padding-bottom: 10%
}

.headBG .promoTitle {
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 1;
    display: inline-block;
    padding: 11px 10px 7px;
    background: #02b2ee;
    text-transform: uppercase
}

.headBG .promoDesc {
    color: #333;
    font-size: 42px;
    font-family: InterBold, sans-serif;
    padding-top: 10px
}

.headBG .promoBtn a {
    font-family: InterBold;
    color: #02b2ee;
    text-decoration: none;
    display: inline-block;
    padding: 0 25px 0 15px;
    height: 50px;
    line-height: 48px;
    font-size: 14px;
    background: #fff;
    background: linear-gradient(90deg, #fff 0, #fff 50%, #02b2ee 50%, #02b2ee 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    text-transform: uppercase;
    border: 3px solid #02b2ee;
    margin-top: 20px
}

.headBG .promoBtn a svg {
    margin-right: 8px
}

.headBG .promoBtn a svg path {
    fill: #02b2ee;
    transition: fill .3s
}

.headBG .promoBtn a:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.headBG .promoBtn a:hover svg path {
    fill: #fff
}

.headLink {
    font-family: InterBold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 54px;
    line-height: 58px;
    font-size: 16px;
    border: 0;
    padding: 0 40px;
    background: #02b2ee;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    text-transform: uppercase
}

.headLink:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.headText {
    position: relative;
    clear: both
}

.headText__wrp {
    width: calc(100% - 50px);
    margin-left: 50px;
    background-color: #f9f9f9;
    padding: 30px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: -50px
}

.headText__header {
    width: 40%;
    height: 280px;
    background: #02b2ee;
    position: absolute;
    top: -100px;
    left: -50px;
    display: flex;
    align-items: center;
    padding: 40px
}

.headText__title {
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 0
}

.headText__content {
    width: 60%;
    min-height: 180px
}

.headText__view {
    padding-top: 60px;
    font-family: Inter, sans-serif;
    color: #333
}

.headText__header .separator {
    position: absolute;
    width: 210px;
    height: 4px;
    background: #02b2ee;
    top: 140px;
    right: -170px
}

.headText__header .separator:before {
    content: "";
    width: 40px;
    background: #fff;
    height: 4px;
    display: block
}

.vpatPA {
    position: absolute;
    right: -45px;
    top: 20px
}

.vpatL {
    position: absolute;
    left: 30px;
    top: -50px
}

.headText b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

@media only screen and (max-width:1200px) {
    .headText .vpatPA {
        right: 20px;
        top: -47px
    }
}

@media only screen and (max-width:900px) {
    .headBG {
        max-height: none !important;
        min-height: 380px !important;
        padding-top: 40px;
        height: auto
    }

    .headBG .bannerBtn-wrp {
        justify-content: center
    }

    .headBG .bannerBtn.promo {
        padding-bottom: 200px
    }

    .headBG .promoDesc {
        font-size: 30px;
        line-height: 1.2
    }

    .headBG .promoTitle {
        font-size: 18px
    }

    .headBG .promo ul {
        font-size: 16px
    }

    .headBG .promoBtn a {
        margin-top: 0
    }

    .headText__header {
        width: 70%;
        height: 200px
    }

    .headText__title {
        font-size: 36px
    }

    .headText__header .separator {
        width: 160px;
        right: -120px
    }

    .headText__content {
        width: 100%;
        padding-top: 60px
    }

    .headText__view {
        padding-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .headBG .bannerBtn.promo {
        padding-bottom: 120px
    }

    .headBG .bannerBtn.promo,
    .promoDesc {
        max-width: 100%;
        text-align: center
    }

    .headBG .promoTitle {
        font-size: 18px
    }

    .headBG .promoDesc {
        line-height: 1.2;
        font-size: 32px
    }

    .headBG .promoText {
        text-align: left
    }

    .headLink {
        font-size: 14px;
        height: 48px;
        line-height: 50px
    }

    .headText .vpatPA {
        display: none
    }

    .vpatL {
        right: 30px;
        left: auto;
        top: -100px
    }

    .headText__wrp {
        width: 100%;
        margin: 0;
        padding: 20px;
        font-size: 15px
    }

    .headText__header {
        width: 100%;
        height: 170px;
        top: -70px;
        left: -20px;
        padding: 20px
    }

    .headText__title {
        font-size: 32px
    }

    .headText__header .separator {
        width: 60px;
        right: -30px
    }

    .headText__header .separator:before {
        width: 30px
    }
}

.pmFooter {
    display: block;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    position: relative;
    margin-top: 50px
}

.pmfooterDot {
    position: absolute;
    right: 150px;
    top: 20px;
    display: inline-block
}

.pmfooterDotL {
    position: absolute;
    left: 150px;
    bottom: 20px;
    display: inline-block
}

.pmFooterInner {
    position: relative;
    max-width: 850px;
    background-color: #fff;
    padding: 50px;
    display: inline-block;
    z-index: 100
}

@media only screen and (max-width:767px) {
    .pmFooter {
        padding: 15px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #fff
    }

    .pmfooterDot,
    .pmfooterDotL {
        display: none
    }

    .pmFooterInner {
        width: 100%;
        padding: 20px 10px;
        max-width: 340px
    }

    .pmFooterInner h2 {
        max-width: 190px;
        display: inline-block;
        width: auto
    }

    .pmFooterInner .middleSlash {
        margin-top: -18px
    }
}

.propertiesRow {
    padding-top: 25px
}

.propertiesRow .col-md-4 {
    margin-bottom: 50px;
    width: 393px !important
}

.propertiesRow .col-md-6 {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .propertiesRow {
        padding-top: 30px
    }

    .propertiesRow .col-md-4 {
        width: 100% !important
    }
}

.abtRow:not(.noPd) {
    padding-top: 50px
}

.abtRow .col-md-3 {
    width: 295px !important
}

.abtRow .col-md-3,
.abtRow .col-md-4,
.abtRow .col-md-6 {
    margin-bottom: 50px;
    display: flex
}

.abtRow .col-md-3>div,
.abtRow .col-md-4>div,
.abtRow .col-md-6>div {
    width: 100%
}

.abtRow li {
    margin-bottom: 15px
}

.abtRow li:last-child {
    margin-bottom: 0
}

.abtRow a,
.abtRow a>* {
    text-decoration: none !important;
    color: #222;
}

.property-content {
    color: #333;
    margin-left: auto;
    margin-right: auto;
    font-family: Inter;
    font-size: 16px
}

.property-content strong {
    font-family: Inter
}

.property-content ul {
    padding: 15px 0 0;
    font-family: Inter;
    font-size: 18px;
    list-style: none
}

.property-content ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}

.property-content ul li:before {
    display: block;
    width: 16px;
    height: 2px;
    background: #02b2ee;
    content: "";
    left: 0;
    top: 10px;
    position: absolute
}

@media only screen and (max-width:767px) {
    .abtRow:not(.noPd) {
        padding-top: 50px
    }

    .abtRow .col-md-3 {
        width: 100% !important;
        margin-bottom: 25px
    }

    .abtRow .col-md-4,
    .abtRow .col-md-6 {
        margin-bottom: 20px
    }

    .property-content ul li {
        padding-left: 20px
    }

    .property-content ul li:before {
        width: 12px
    }

    .owl-carousel .owl-item img:not(.whatsapp) {
        height: 100%
    }
}

.btnWrp {
    display: inline-block;
    position: absolute;
    right: 10px !important;
    top: 82px;
    z-index: 1
}

.btnWrp_right {
    right: 10px
}

.showAllPrp {
    display: inline-block;
    padding: 10px 20px 8px;
    min-width: 243px;
    text-align: center;
    border: 2px solid #02b2ee;
    color: #02b2ee;
    font-family: InterBold, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    transition: background-color .5s, color .5s
}

.showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:1024px) {
    .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 30px 0 0
    }
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: #fff
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    background: #d2f4ff;
    border-radius: 10px
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #fd8f5e;
    border-radius: 10px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-scrollbar:after {
    position: absolute;
    display: block;
    content: '...';
    font-size: 14px;
    line-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
    color: #d2f4ff;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:after,
.simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
    transition: opacity linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 10px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0;
    bottom: 0
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 10px;
    max-width: 1160px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 0;
    right: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    height: 10px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

@media(max-width:767px) {
    .simplebar-track.simplebar-horizontal {
        left: 20px;
        right: 20px
    }

    .showTrack .simplebar-track.simplebar-horizontal {
        position: fixed;
        z-index: 99;
        bottom: 60px
    }
}

@media(max-width:640px) {
    .simplebar-track.simplebar-horizontal {
        left: 10px;
        right: 10px
    }
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical,
body.rtl .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ajax-loader {
    position: absolute !important;
    right: 0;
    top: 11px
}

.grecaptcha-badge {
    transform: translateX(50%)
}

@keyframes error_border_light {

    0%,
    100%,
    50% {
        border-color: #ece4d7
    }

    10%,
    60% {
        border-color: #ff4440
    }
}

span.rs-phone {
    opacity: 0;
    position: relative
}

.callme_button_rngst {
    background-color: #fd8f5e;
    color: #fff;
    border-radius: 4px;
    border: none;
    outline: 0;
    font-family: InterBold, sans-serif;
    font-size: 13px;
    height: auto;
    line-height: 1;
    padding: 4px 5px 2px;
    margin-left: 4px
}

.notice-text {
    padding: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    margin-top: 15px
}

.fancybox-container {
    z-index: 100000 !important
}

.container.fPabout {
    position: relative;
    color: #222;
    padding: 70px 10px 75px !important;
    margin-top: 90px
}

.container.fPabout:after {
    position: absolute;
    content: '';
    background: #fd8f5e;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: 0;
    bottom: 0;
    z-index: -1
}

.fPabout .aboutBtm {
    padding: 35px 0 40px;
}

.fPabout .aboutBtm p {
    color: #fff;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0
}

.fPabout .abtRow.about {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: -10px !important
}

.fPabout .abtRow.about>div {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 10px !important;
    margin: 0 !important
}

.fPabout .abtRow-cell {
    width: 100%;
    padding: 120px 30px 25px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top 40px;
    background-size: 50px 50px;
    text-align: center
}

.fPabout .abtRow-cell-content {
    text-align: center
}

.fPabout .abtH1,
.fPabout .abtH2 {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    color: #222
}

.fPabout .abtH1 span {
    color: #fd8f5e
}

.fPabout .abtDesc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-top: 10px;
    margin-bottom: 0
}

.aboutVideo {
    margin-top: 70px
}

.aboutVideo .vSection {
    margin: 0 auto;
    max-width: 100%
}

.aboutVideo .youtubePlay .play {
    width: 50px;
    height: 50px
}

@media all and (max-width:1024px) {
    .fPabout .abtRow.about>div {
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%
    }
}

@media only screen and (max-width:767px) {
    .container.fPabout {
        padding: 50px 20px 45px !important;
        margin-top: 0
    }

    .fPabout .aboutBtm {
        padding: 20px 0
    }

    .fPabout .abtRow.about {
        margin: -5px !important
    }

    .fPabout .abtRow.about>div {
        padding: 5px !important;
        flex: 0 0 50%;
        max-width: 50%
    }

    .fPabout .abtRow-cell {
        padding: 110px 15px 20px;
        background-position: center top 35px
    }

    .fPabout .abtH1,
    .fPabout .abtH2 {
        line-height: 110%
    }

    .aboutVideo {
        margin-top: 30px
    }
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 0 !important;
    margin: -10px !important
}

.advantages>div {
    padding: 10px;
    margin: 0 !important
}

.advantages>.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.advantages .advTxt {
    height: 100%;
    width: 100%;
    padding: 40px 30px 25px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background-color: #fff;
    text-align: center
}

.advImg {
    width: 50px;
    height: 50px;
    margin: 0 auto 30px
}

.advImg img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.advantages .advHead {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    color: #222
}

.advantages .advHead span {
    color: #fd8f5e
}

.advantages .advDesc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-top: 10px;
    margin-bottom: 0
}

@media all and (max-width:1024px) {
    .advantages>.col-md-3 {
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%
    }
}

@media only screen and (max-width:767px) {
    .advantages {
        padding: 30px 0 0 !important;
        margin: -5px !important
    }

    .advantages>.col-md-3,
    .advantages>div {
        padding: 5px !important;
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .advantages .advTxt {
        padding: 35px 15px 20px
    }

    .advantages .advHead {
        line-height: 110%;
        word-break: break-word
    }
}

.agetns_slider {
    position: relative;
    margin-top: 40px;
    display: block;
    width: 100%
}

.agetns_slider-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.agetns_slider .owl-stage-outer {
    overflow: hidden
}

.agetns_slider .owl-item {
    float: left
}

.agetns_slider .owl-stage:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.agetns_slider .owl-nav {
    position: absolute;
    top: -75px;
    z-index: 10;
    width: 100%
}

.agetns_slider .owl-nav.disabled {
    display: none
}

.agetns_slider .owl-next,
.agetns_slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.agetns_slider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.agetns_slider .owl-next {
    left: auto;
    right: 0
}

.agetns_slider .owl-next span,
.agetns_slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.agetns_slider .owl-next span:before,
.agetns_slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.agetns_slider .owl-next:hover span:before,
.agetns_slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.agetns_slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

.agetns_item-photo {
    background-size: cover;
    background-position: center;
    background-color: #f2f6f7;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.agetns_item-photo img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    pointer-events: none
}

.agetns_item-contact {
    position: relative;
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 15px 20px 18px;
    border-radius: 0 0 8px 8px
}

.agetns_item-name {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #222
}

.agetns_item-lngs {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%;
    margin-top: 1px;
    color: #222
}

.agetns_item-lngs span {
    color: #fd8f5e
}

.agetns_item-whatsapp {
    position: absolute;
    top: -55px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #01c24a;
    text-decoration: none !important;
    transition: background-color .3s
}

.agetns_item-whatsapp:after {
    content: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20yMC41MiAzLjQ0OWMtMi4yOC0yLjIwNC01LjI4LTMuNDQ5LTguNDc1LTMuNDQ5LTkuMTcgMC0xNC45MjggOS45MzUtMTAuMzQ5IDE3LjgzOGwtMS42OTYgNi4xNjIgNi4zMzUtMS42NTJjMi43NiAxLjQ5MSA1LjAyMSAxLjM1OSA1LjcxNiAxLjQ0NyAxMC42MzMgMCAxNS45MjYtMTIuODY0IDguNDU0LTIwLjMwN3onIGZpbGw9JyNlY2VmZjEnPjwvcGF0aD48cGF0aCBkPSdtMTIuMDY3IDIxLjc1MS0uMDA2LS4wMDFoLS4wMTZjLTMuMTgyIDAtNS4yMTUtMS41MDctNS40MTUtMS41OTRsLTMuNzUuOTc1IDEuMDA1LTMuNjQ1LS4yMzktLjM3NWMtLjk5LTEuNTc2LTEuNTE2LTMuMzkxLTEuNTE2LTUuMjYgMC04Ljc5MyAxMC43NDUtMTMuMTkgMTYuOTYzLTYuOTc1IDYuMjAzIDYuMTUgMS44NDggMTYuODc1LTcuMDI2IDE2Ljg3NXonIGZpbGw9J3JnYigxLCAxOTQsIDc0KScgY2xhc3M9J2ZpbGxfY29sb3JfaG92ZXInIHN0eWxlPScnPjwvcGF0aD48cGF0aCBkPSdtMTcuNTA3IDE0LjMwNy0uMDA5LjA3NWMtLjMwMS0uMTUtMS43NjctLjg2Ny0yLjA0LS45NjYtLjYxMy0uMjI3LS40NC0uMDM2LTEuNjE3IDEuMzEyLS4xNzUuMTk1LS4zNDkuMjEtLjY0Ni4wNzUtLjMtLjE1LTEuMjYzLS40NjUtMi40MDMtMS40ODUtLjg4OC0uNzk1LTEuNDg0LTEuNzctMS42Ni0yLjA3LS4yOTMtLjUwNi4zMi0uNTc4Ljg3OC0xLjYzNC4xLS4yMS4wNDktLjM3NS0uMDI1LS41MjQtLjA3NS0uMTUtLjY3Mi0xLjYyLS45MjItMi4yMDYtLjI0LS41ODQtLjQ4Ny0uNTEtLjY3Mi0uNTEtLjU3Ni0uMDUtLjk5Ny0uMDQyLTEuMzY4LjM0NC0xLjYxNCAxLjc3NC0xLjIwNyAzLjYwNC4xNzQgNS41NSAyLjcxNCAzLjU1MiA0LjE2IDQuMjA2IDYuODA0IDUuMTE0LjcxNC4yMjcgMS4zNjUuMTk1IDEuODguMTIxLjU3NC0uMDkxIDEuNzY3LS43MjEgMi4wMTYtMS40MjYuMjU1LS43MDUuMjU1LTEuMjkuMTgtMS40MjUtLjA3NC0uMTM1LS4yNy0uMjEtLjU3LS4zNDV6JyBmaWxsPScjZmFmYWZhJz48L3BhdGg+PC9zdmc+);
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0
}

.agetns_item-whatsapp:hover {
    background-color: #08a84a
}

@media only screen and (max-width:767px) {
    .agetns_slider {
        max-width: 200px;
        margin-top: 20px;
        margin-right: calc(50vw - 180px/2)
    }

    .agetns_slider .owl-stage-outer {
        overflow: visible
    }
}

.agentsY {
    position: relative;
    color: #fff;
    background: #fd8f5e;
    padding-top: 70px;
    margin: 90px 0 0;
    overflow: hidden
}

.agentsY__title {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .agentsY {
        margin: 0;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .agentsY__title {
        display: none
    }
}

.agentsY__item {
    display: flex;
    justify-content: space-between;
    gap: 130px
}

.agentsY__col-content {
    flex: 0 1 50%
}

.agentsY__col-image {
    flex: 0 1 50%;
    position: relative;
    z-index: 1
}

.agentsY__content_pc {
    display: block
}

.agentsY__content_mobile {
    display: none
}

.agentsY__name {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 5px;
    padding-top: 110px
}

.agentsY__propBuy {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 0
}

.agentsY__desc {
    margin-top: 30px;
    margin-bottom: 0
}

.agentsY__desc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 10px
}

.agentsY__desc p:last-child {
    margin-bottom: 0
}

.agentsY__quote {
    position: relative;
    padding-top: 80px;
    margin-bottom: 20px
}

.agentsY__quote img {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: auto;
    object-fit: contain
}

.agentsY__quote p {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 15px
}

.agentsY__quote p:last-child {
    margin-bottom: 0
}

.agentsY__name-full {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 140%;
    color: #bbb;
    margin-bottom: 0
}

.agentsY__photo-wrap {
    position: relative;
    height: 520px;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.agentsY__photo-wrap:after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(../images/agentsY-bg.svg);
    z-index: -1
}

.agentsY__photo {
    height: auto;
    width: auto;
    object-fit: cover;
    object-position: center top;
    z-index: 2
}

.agentsY__award {
    position: absolute;
    top: 40px;
    right: 80px;
    max-width: 190px;
    max-height: 110px;
    object-fit: contain;
    object-position: right;
    display: inline-block;
    z-index: 3
}

@media only screen and (max-width:1024px) {
    .agentsY__item {
        gap: 40px
    }

    .agentsY__award {
        right: 30px
    }
}

@media only screen and (max-width:767px) {
    .agentsY__item {
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 25px;
        height: 100%
    }

    .agentsY__col-content,
    .agentsY__col-image {
        flex: 0 1 100%
    }

    .agentsY__col-content {
        flex-grow: 1
    }

    .agentsY__content_pc {
        display: none
    }

    .agentsY__content_mobile {
        display: block
    }

    .agentsY__photo-wrap {
        height: 320px
    }

    .agentsY__award {
        top: 0
    }
}

.agentsY__slider {
    position: relative;
    margin-top: -20px
}

.agentsY__slider .owl-stage {
    display: flex;
    flex-wrap: wrap
}

.agentsY__slider .owl-item {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out
}

.agentsY__slider .owl-item.active {
    opacity: 1;
    pointer-events: auto
}

.agentsY__slider .owl-nav {
    position: absolute;
    left: 0;
    bottom: 120px;
    width: 100%;
    z-index: 10
}

.agentsY__slider .owl-nav.disabled {
    display: none
}

.agentsY__slider .owl-next,
.agentsY__slider .owl-prev {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff !important;
    background: #fd8f5e !important;
    box-shadow: none;
    opacity: 1;
    transition: background .2s ease-out
}

.agentsY__slider .owl-next:hover,
.agentsY__slider .owl-prev:hover {
    background: #fd8f5e !important
}

.agentsY__slider .owl-next {
    right: auto;
    left: calc(50px + 25px)
}

.agentsY__slider .owl-prev {
    right: auto;
    left: 0
}

.agentsY__slider .owl-next span,
.agentsY__slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.agentsY__slider .owl-next span:before,
.agentsY__slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 11px;
    height: 21px;
    background-image: url(../icons/btn-arrow-white-bold.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.agentsY__slider .owl-next:hover span:before,
.agentsY__slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-white-bold.html)
}

.agentsY__slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:767px) {
    .agentsY__slider {
        margin-top: 0;
        padding-bottom: 90px
    }

    .agentsY__slider .owl-nav {
        bottom: 50px
    }

    .agentsY__slider .owl-next {
        left: auto;
        right: -19px
    }

    .agentsY__slider .owl-prev {
        right: auto;
        left: -19px
    }
}

@media only screen and (max-width:641px) {
    .agentsY__slider .owl-prev {
        left: -10px
    }

    .agentsY__slider .owl-next {
        right: -10px
    }
}

.abtRow.areas__row {
    padding-top: 40px !important
}

.areas__row .col-md-4,
.areas__row .col-md-6 {
    display: block !important;
    margin-bottom: 100px
}

.areas__row .col-md-4:last-child,
.areas__row .col-md-4:nth-last-child(2),
.areas__row .col-md-4:nth-last-child(3),
.areas__row .col-md-6:last-child,
.areas__row .col-md-6:nth-last-child(2) {
    margin-bottom: 0
}

.areas__item {
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(0 0 0/1%)
}

.areas__item-link {
    color: #222;
    text-decoration: none !important;
    transition: color .2s ease-in-out
}

.areas__item-link:hover {
    color: #fd8f5e;
    text-decoration: none !important
}

.areas__item-img-wrap {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: #f9f9f9
}

.areas__item-img-wrap img {
    width: 100%;
    height: 100%;
    transition: transform .65s;
    object-fit: cover
}

html.desktop .areas__item-link:hover .areas__item-img-wrap img {
    transform: scale(1.1)
}

.areas__item-head {
    padding: 20px
}

.areas__item-title {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px
}

.areas__item-data {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f
}

.areas__container .btnWrp {
    top: -36px !important
}

@media only screen and (max-width:1024px) {
    .areas__container .btnWrp {
        top: auto !important
    }
}

.container.areas {
    position: relative
}

.areas_tpl {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 20px
}

.areas_tpl.count-1 {
    grid-template-columns: repeat(1, 1fr)
}

.areas_tpl.count-2 {
    grid-template-columns: repeat(2, 1fr)
}

.areas_item {
    position: relative;
    min-height: 283px;
    border-radius: 8px;
    overflow: hidden
}

.areas_item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 283px;
    object-fit: cover
}

.areas_tpl.count-1 .areas_item,
.areas_tpl.count-1 .areas_item img {
    min-height: 380px
}

.areas_tpl.count-2 .areas_item,
.areas_tpl.count-2 .areas_item img {
    min-height: 320px
}

.areas_tpl.count-3 .areas_item:first-child,
.areas_tpl.count-6 .areas_item:first-child,
.areas_tpl.count-7 .areas_item:first-child {
    grid-column: 1/span 2
}

.areas_tpl.count-5 .areas_item:nth-child(2) {
    grid-column: 2/span 2
}

.areas_tpl.count-5 .areas_item:nth-child(4) {
    grid-column: 1/span 2
}

.areas_tpl.count-5 .areas_item:nth-child(3),
.areas_tpl.count-6 .areas_item:nth-child(3) {
    grid-row: 1/span 2;
    grid-column: 4/span 2
}

.areas_item-details {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 30px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(51, 51, 51, .3);
    background: linear-gradient(0deg, #333 0, rgba(51, 51, 51, 0) 50%);
    background-size: 100% 110%;
    background-position: 0 0;
    transition: background-position .5s, padding .3s
}

.areas_item-title {
    font-family: InterMedium, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 10px
}

.areas_item-data {
    font-family: Inter, sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 160%
}

.areas_item:hover .areas_item-details {
    background-position: 0 50%;
    padding-bottom: 35px
}

.areas .btnWrp {
    top: -62px
}

@media(max-width:1024px) {
    .areas_item-details {
        padding: 20px
    }

    .areas_item:hover .areas_item-details {
        padding-bottom: 25px
    }

    .areas .btnWrp {
        top: 0 !important
    }
}

@media(max-width:900px) {
    .areas_tpl {
        grid-template-columns: repeat(3, 1fr)
    }

    .areas_tpl.count-5 .areas_item:nth-child(2),
    .areas_tpl.count-6 .areas_item:first-child {
        grid-column: auto
    }

    .areas_tpl.count-5 .areas_item:nth-child(4),
    .areas_tpl.count-7 .areas_item:first-child {
        grid-column: 1/span 2
    }

    .areas_tpl.count-3 .areas_item:first-child,
    .areas_tpl.count-5 .areas_item:nth-child(3),
    .areas_tpl.count-6 .areas_item:nth-child(3) {
        grid-row: auto;
        grid-column: auto
    }

    .areas_tpl.count-7 .areas_item:nth-child(4) {
        grid-row: 2/span 2;
        grid-column: 2
    }

    .areas_tpl.count-4 .areas_item:nth-child(4) {
        grid-column: 1/span 2
    }

    .areas_tpl.count-4 .areas_item:nth-child(3) {
        grid-row: 1/span 2;
        grid-column: 3
    }
}

@media(max-width:767px) {

    .areas__row .col-md-4,
    .areas__row .col-md-6 {
        margin-bottom: 40px !important
    }

    .areas__row .col-md-4:last-child,
    .areas__row .col-md-6:last-child {
        margin-bottom: 0 !important
    }

    .areas_tpl {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .areas_tpl .areas_item {
        grid-row: auto !important;
        grid-column: auto !important;
        min-height: 280px !important
    }

    .areas_tpl .areas_item img {
        min-height: 180px !important
    }
}

@media(max-width:640px) {
    .areas_tpl .areas_item {
        min-height: 180px !important
    }
}

.awardRow .col-md-3 {
    width: 295px !important;
    padding-top: 50px
}

.awardText {
    width: 87%;
    float: right;
    box-shadow: 0 7px 17px 0 rgba(200, 200, 200, .5);
    margin-top: -50px;
    height: 200px
}

.awardTextBottom {
    width: 87%;
    float: right;
    padding-top: 20px
}

.awardLogo {
    display: block;
    text-align: right;
    padding-right: 15px;
    height: 50px
}

.awardLogo img {
    object-fit: contain
}

.awardImg {
    display: block;
    text-align: center;
    position: relative;
    height: 150px;
    vertical-align: bottom
}

.awardImg img {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain
}

.awardTextP {
    font-family: GothamProBold;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #333
}

@media all and (max-width:1024px) {
    .featureProjects.fPawards .col-md-3 {
        flex: 0 0 33.33%
    }

    .awardRow {
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.fPawards .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .awardRow {
        padding: 0 15px
    }

    .awardRow .col-md-3 {
        width: 100% !important
    }

    .awardRow .col-md-3>img {
        margin-left: -10px
    }

    .awardTextBottom {
        height: auto;
        padding: 20px
    }

    .awardText {
        box-shadow: 0 7px 17px 0 rgba(200, 200, 200, .2)
    }

    .awardText,
    .awardTextBottom {
        width: 100%
    }

    .awardTextP {
        margin-bottom: 0
    }
}

.awards__items {
    padding: 10px 0
}

.award {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative
}

.award:last-child {
    border-bottom: none
}

.award:hover {
    cursor: pointer
}

.award__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    color: #222;
    margin-bottom: 0;
    transition: color .3s ease-in
}

.award:hover .award__title {
    color: #fd8f5e
}

.award__devImg-wrap {
    margin-left: 20px;
    width: 75px
}

.award__devImg-wrap img {
    filter: grayscale(100%);
    opacity: .5;
    width: 100%;
    object-fit: contain
}

.award__image-wrap {
    position: absolute;
    z-index: 3;
    right: 0;
    top: -25px;
    width: 150px;
    transform: rotate(15deg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in
}

.award:last-child .award__image-wrap {
    top: auto;
    bottom: -25px
}

.award:hover .award__image-wrap {
    opacity: 1
}

.award__image-wrap img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain
}

@media only screen and (max-width:767px) {
    .award__title {
        font-size: 28px
    }

    .award {
        padding: 15px 0;
        flex-wrap: wrap
    }

    .award__title-wrap {
        width: 100%
    }

    .award__devImg-wrap {
        margin: 15px 0 0
    }

    .award__image-wrap {
        display: none
    }
}

.valBtnCont {
    display: block;
    text-align: center
}

.valBtnCont.left {
    text-align: left
}

.bannerValBtn {
    display: inline-block;
    padding: 8px 25px;
    height: 40px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    text-decoration: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.bannerValBtn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.row.bwi {
    color: #222;
    padding-top: 40px !important
}

.row.bwi>div {
    margin-bottom: 20px
}

.abtRow.bwi .col-md-3>div,
.abtRow.bwi .col-md-4>div,
.abtRow.bwi .col-md-6>div {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px
}

.abtRow.bwi .col-md-4>div,
.abtRow.bwi .col-md-6>div {
    padding: 30px
}

.abtRow.bwi .col-md-3>div {
    padding: 20px
}

.bwi .abtRowTCont {
    display: flex
}

.bwi .col-md-4 .abtRowTCont,
.bwi .col-md-6 .abtRowTCont {
    gap: 30px
}

.bwi .col-md-3 .abtRowTCont {
    gap: 20px
}

.bwi .abtRowTL {
    flex: 0 0 50px;
    width: 50px;
    height: 50px
}

.bwi .abtRowTL img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.bwi .abtRowTR {
    flex-grow: 1;
    margin-top: 10px
}

.bwi .abtRowTR h3,
.bwi .abtRowTR p>b {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0
}

.bwi .col-md-3 .abtRowTR h3,
.bwi .col-md-3 .abtRowTR p>b {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400
}

.bwi .abtRowTR p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 10px;
    display: block
}

.bwi .abtRowTR p:last-child {
    margin-bottom: 0
}

.bwi .abtRowBCont {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-top: 15px;
    margin-bottom: 10px
}

.bwi .col-md-6 .abtRowBCont {
    padding-left: 80px
}

.bwi .abtRowBCont ul {
    padding: 0;
    list-style: none
}

.bwi .abtRowBCont ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.bwi .abtRowBCont ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

@media only screen and (max-width:1024px) {

    .abtRow.bwi .col-md-3,
    .abtRow.bwi .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .bwi .col-md-6 .abtRowBCont {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    .valBtnCont {
        padding: 0
    }

    .row.bwi {
        color: #222;
        padding-top: 30px !important
    }

    .abtRow.bwi .col-md-3,
    .abtRow.bwi .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .abtRow.bwi .col-md-3>div,
    .abtRow.bwi .col-md-4>div,
    .abtRow.bwi .col-md-6>div {
        padding: 20px !important
    }

    .bwi .abtRowTCont {
        align-items: center;
        gap: 20px !important
    }

    .bwi .abtRowTR {
        margin-top: 0
    }

    .bwi .abtRowTR h3,
    .bwi .abtRowTR p>b {
        font-size: 18px !important;
        line-height: 120% !important
    }
}

.ceoQuote {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 520px
}

.ceoQuote .container {
    height: 100%;
    display: flex;
    align-items: center
}

.ceoQuote-content {
    max-width: 650px
}

.ceoQuote-сap {
    margin-top: 30px;
    color: #fff;
    font-family: GothamProBold, sans-serif
}

.ceoQuote-сap:after {
    height: 2px;
    width: 40px;
    background: #fff;
    display: inline-block;
    content: "";
    margin-left: 20px;
    margin-bottom: 3px
}

.ceoQuote-text {
    color: #fff;
    font-size: 32px;
    font-family: GothamProLight, sans-serif;
    line-height: 1.3
}

@media only screen and (max-width:900px) {
    .ceoQuote {
        height: 360px
    }

    .ceoQuote-text {
        font-size: 24px
    }

    .ceoQuote-content {
        max-width: 600px
    }

    .ceoQuote-сap {
        margin-top: 20px;
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .ceoQuote {
        background-position: center right -200px
    }

    .ceoQuote-content {
        max-width: 280px
    }

    .catalogInfo-content,
    .ceoQuote-text {
        font-size: 16px
    }

    .ceoQuote-сap {
        font-size: 13px
    }

    .ceoQuote-сap:after {
        width: 25px;
        margin-left: 10px
    }
}

@media(max-width:414px) {
    .ceoQuote {
        background-position: center right -225px
    }
}

.developers_slider {
    position: relative;
    list-style: none;
    margin: 40px 0;
    padding: 0
}

.developers_slider .owl-stage-outer {
    overflow: hidden
}

.developers_slider .owl-item {
    position: relative;
    height: 100%;
    float: left
}

.developers_slider .owl-nav {
    position: absolute;
    top: -75px;
    z-index: 10;
    width: 100%
}

.developers_slider .owl-nav.disabled {
    display: none
}

.developers_slider .owl-next,
.developers_slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.developers_slider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.developers_slider .owl-next {
    left: auto;
    right: 0
}

.developers_slider .owl-next span,
.developers_slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.developers_slider .owl-next span:before,
.developers_slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.developers_slider .owl-next:hover span:before,
.developers_slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.developers_slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

.developers_slider-item {
    max-width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

.developers_slider-item a {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    transition: border .2s ease-in-out
}

.developers_slider-item a:hover {
    border: 1px solid #fd8f5e
}

.developers_slider-item img {
    max-width: 60%;
    width: 60%;
    height: 100%;
    max-height: 100%;
    padding: 10% 0;
    object-fit: contain
}

@media(max-width:767px) {
    .developers_slider {
        margin: 20px 0 0
    }

    .developers_slider .owl-stage-outer {
        overflow: visible;
        min-height: 90px
    }

    .developers_slider-item {
        height: 90px
    }

    .developers_slider-item img {
        max-width: 50%
    }
}

.textBlock {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #222;
    margin-left: 0;
    margin-right: 0;
    max-width: 930px
}

.textBlock.pd15 {
    padding: 0 10px
}

.textBlock.pd30 {
    padding-top: 30px;
    padding-bottom: 10px
}

.textBlock.noCenter {
    margin: 0;
    width: 100%
}

.featureProjects>.container:first-child .textBlock {
    padding-top: 0
}

.textBlock.bigText {
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #222
}

.textBlock h2 {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    margin-bottom: 20px
}

.textBlock h3 {
    font-family: InterSemiBold, sans-serif;
    font-size: 20px;
    line-height: 120%;
    color: #222;
    margin-bottom: 20px
}

.textBlock h4 {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 100%;
    color: #222;
    margin-bottom: 15px
}

.textBlock b,
.textBlock strong {
    font-family: InterMedium, sans-serif !important;
    font-weight: 400 !important
}

.textBlock b,
.textBlock p,
.textBlock span {
    text-align: left !important
}

.textBlock p:last-child {
    margin-bottom: 0
}

.textBlock ul {
    padding: 0 0 0 10px;
    list-style: none
}

.textBlock ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.textBlock ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

.textBlock blockquote {
    padding: 3px 0 3px 15px;
    margin-bottom: 1rem;
    border-left: 2px solid #fd8f5e
}

.textBlock blockquote>* {
    color: #222 !important;
    font-family: Inter, sans-serif !important
}

.textBlock table,
.textBlock tbody,
.textBlock td,
.textBlock th,
.textBlock tr {
    border: 0 !important
}

.textBlock table {
    position: relative;
    width: 100%;
    border-spacing: 0;
    padding-bottom: 10px
}

.textBlock table tbody,
.textBlock table thead {
    display: block
}

.textBlock table thead.fixedHeader {
    position: fixed;
    top: 0;
    left: calc(50vw - ((1160px + .5em)/2));
    z-index: 1;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 1160px
}

body.logged-in .textBlock table thead.fixedHeader {
    top: 32px
}

#headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
    top: 125px
}

body.logged-in #headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
    top: calc(125px + 32px)
}

.textBlock table thead.fixedHeader::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: 0 0
}

.textBlock table tr td {
    padding: 17px 25px 15px;
    line-height: 1.3
}

.textBlock table tr td p {
    margin: 0
}

.textBlock table thead tr td {
    padding: 16px 25px 14px;
    word-break: break-word
}

.textBlock table thead tr td,
.textBlock table thead tr td p {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    background-color: #fd8f5e;
    color: #fff
}

.textBlock table thead tr td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.textBlock table thead tr td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.textBlock table tbody tr:nth-child(even) {
    background: #f9f9f9
}

.textBlock table tbody tr td {
    min-width: 180px;
    white-space: nowrap
}

.textBlock table.wrap tbody tr td {
    min-width: 250px;
    white-space: normal
}

@media(max-width:1160px) {
    .textBlock table thead.fixedHeader {
        left: 10px;
        right: 10px
    }
}

@media(max-width:990px) {
    #headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
        top: 91px
    }

    body.logged-in #headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
        top: calc(91px + 32px)
    }
}

@media(max-width:767px) {
    .textBlock table thead.fixedHeader {
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding-left: 20px
    }

    body.logged-in .textBlock table thead.fixedHeader {
        top: 46px
    }

    #headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
        top: 67px
    }

    body.logged-in #headerMenu.scroll~.featureProjects .textBlock table thead.fixedHeader {
        top: calc(67px + 46px)
    }

    .textBlock table tr td {
        padding: 12px 15px 10px
    }

    .textBlock table tr td:last-child {
        border-right: 20px solid #fff !important
    }

    .textBlock table thead tr td {
        position: relative;
        padding: 11px 15px 9px
    }

    .textBlock table thead tr td:last-child:after,
    .textBlock table thead tr td:last-child:before {
        position: absolute;
        content: '';
        right: 0;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }

    .textBlock table thead tr td:last-child:after {
        background-image: url(../icons/border-top-right-radius-8.html);
        top: 0
    }

    .textBlock table thead tr td:last-child:before {
        background-image: url(../icons/border-bottom-right-radius-8.html);
        bottom: 0
    }

    .textBlock table tbody tr td {
        min-width: 165px !important
    }

    .textBlock table tbody tr td:last-child {
        min-width: calc(165px + 20px) !important
    }

    .textBlock table.wrap tbody tr td {
        min-width: 320px !important
    }

    .textBlock table.wrap tbody tr td:last-child {
        min-width: calc(320px + 20px) !important
    }
}

@media(max-width:640px) {
    .textBlock table thead.fixedHeader {
        padding-left: 10px
    }

    .textBlock table tr td:last-child {
        border-right-width: 10px !important
    }

    .textBlock table tbody tr td:last-child {
        min-width: calc(165px + 10px) !important
    }

    .textBlock table.wrap tbody tr td:last-child {
        min-width: calc(320px + 10px) !important
    }
}

.abtRow.expert {
    flex-wrap: nowrap;
    justify-content: center;
    background: #d2f4ff;
    color: #222;
    border-radius: 8px;
    overflow: hidden;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: calc(320px + 60px + 60px);
    margin-top: 30px
}

.expert_img {
    order: 1;
    flex: 0 0 270px;
    height: 320px;
    margin: auto 50px auto 60px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-image: url(../images/agent-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.expert_img img {
    position: absolute;
    padding-top: 20px;
    width: auto;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.expert_info {
    order: 2;
    flex-grow: 1;
    padding: 60px 30px 60px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.expert_info .projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 15px
}

.expert_caprion {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%
}

.expert_desc {
    flex-grow: 1;
    margin-top: 15px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%
}

.expert_button,
.expert_contacts {
    margin-top: 30px
}

.expert_contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.expert_contacts-item {
    display: inline-flex
}

.expert_contacts-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3px
}

.expert_contacts-img.phone {
    background-image: url(../icons/expert-phone.html)
}

.expert_contacts-img.email {
    background-image: url(../icons/expert-mail.html)
}

.expert_contacts-item .expert_contacts-img+span,
.expert_contacts-value {
    display: inline-block;
    color: #222;
    text-decoration: none;
    word-break: normal;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    padding-left: 10px
}

.expert_contacts-value a {
    color: #222
}

.expert_contacts-value a:hover {
    text-decoration: underline !important
}

.expert_form {
    order: 3;
    flex: 0 0 360px;
    padding: 30px 30px 20px;
    background: #fd8f5e;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.expert_form-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 15px
}

.expert_form-inner form {
    position: relative;
    width: 100%
}

.expert_form-inner form .wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.expert_form-inner .wpcf7-list-item-label {
    color: #fff !important
}

.expert_form-inner .form-group {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.expert_form-inner .form-group label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.expert_form-inner .form-group label.filled {
    background: #fd8f5e;
    color: #fff;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.expert_form-inner .form-group input,
.expert_form-inner .form-group select,
.expert_form-inner .form-group textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 4px
}

.expert_form-inner .form-group input {
    height: 40px
}

.expert_form-inner .form-group textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.expert_form-inner .form-group select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

.expert_form-inner .form-group .wpcf7-form-control-wrap:has(>select) {
    position: relative;
    display: block;
    cursor: pointer
}

.expert_form-inner .form-group .wpcf7-form-control-wrap:has(>select):before {
    content: '';
    position: absolute;
    right: 13px;
    width: 11px;
    top: 18px;
    height: 5px;
    background: url(../icons/icon-arrow-gray.html) center center no-repeat;
    pointer-events: none
}

.expert_form-inner .checkbox {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 20px
}

.expert_form-inner div.checkbox .label,
.expert_form-inner div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.expert_form-inner button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 0 auto;
    min-height: 40px;
    width: 100%;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s
}

.expert_form-inner button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media only screen and (max-width:1120px) {
    .abtRow.expert {
        flex-wrap: wrap
    }

    .expert_img {
        flex: 0 0 calc(50% - 110px);
        margin: 60px 50px 60px 60px
    }

    .expert_info {
        flex: 0 0 50%
    }

    .expert_form {
        flex: 0 0 100%
    }
}

@media only screen and (max-width:767px) {
    .abtRow.expert {
        background: #fd8f5e;
        color: #fff
    }

    .expert_img {
        flex: 0 1 100%;
        height: 335px;
        margin: 0;
        border-radius: 0
    }

    .expert_info {
        flex: 0 1 50%;
        padding: 20px 30px 30px
    }

    .expert_form {
        flex: 0 1 50%
    }

    .expert_info .projectHeading h2 {
        color: #fff;
        font-family: InterSemiBold, sans-serif;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 3px
    }

    .expert_caprion {
        font-size: 16px;
        line-height: 150%
    }

    .expert_desc {
        margin-top: 15px
    }

    .expert_button,
    .expert_contacts {
        margin-top: 20px
    }

    .expert_contacts-item {
        width: 100%
    }

    .expert_contacts-item .expert_contacts-img+span,
    .expert_contacts-value a {
        color: #fff !important
    }

    .expert_form-title {
        margin-bottom: 20px
    }

    .expert_form-inner button[type=submit] {
        width: auto
    }
}

@media only screen and (max-width:640px) {
    .expert_img {
        flex: 0 1 100%;
        height: 335px;
        margin: 15px 15px 0
    }

    .expert_form,
    .expert_info {
        flex: 0 1 100%;
        padding: 20px 15px 30px
    }
}

.full-width_block {
    background: 0 0 !important;
    padding: 60px 0 10px
}

.full-width_block .container {
    position: relative
}

.fWbImage {
    display: block;
    overflow: hidden;
    border-radius: 8px 8px 0 0
}

.fWbImage img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    max-height: 50vh;
    object-fit: cover
}

.fWbContent {
    color: #222;
    background: #fd8f5e;
    border-radius: 0 0 8px 8px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 50px
}

.fWbContent .vpatLR {
    display: none
}

.fWbContent .fwHead h2 {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 30px
}

.fWbContent .fwDesc {
    margin-bottom: 30px
}

.fWbContent .fwDesc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 10px
}

.fWbContent .fwDesc p:last-child {
    margin-bottom: 0
}

.fWbContent .fwDesc ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.fWbContent .fwDesc ul li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px
}

.fWbContent .fwDesc ul li::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 8px;
    background: url(../icons/tick-bold-blue.html) 0 0/contain no-repeat
}

.featureProjects.sliderFW {
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .full-width_block {
        padding: 0
    }

    .fWbImage img {
        height: auto;
        min-height: 200px;
        max-height: 80vh
    }

    .fWbContent {
        padding: 20px
    }

    .fWbContent .fwHead h2 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .fWbContent .fwDesc {
        margin-bottom: 20px
    }

    .featureProjects.sliderFW {
        padding-bottom: 0
    }
}

.gallerySlider-wrap {
    overflow: hidden
}

.gallerySlider {
    margin-top: 30px
}

.gallerySlider.single-image {
    width: 100%
}

.gallerySlider.full {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px
}

.gallerySlider .owl-stage-outer {
    overflow: unset !important
}

.gallerySlider,
.gallerySlider .owl-item,
.gallerySlider .owl-item>div,
.gallerySlider .owl-stage,
.gallerySlider .owl-stage-outer {
    position: relative;
    height: 100%
}

.gallerySlider.single-image .owl-stage {
    width: 100% !important
}

.gallerySlider.single-image .owl-item {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.gallerySlider .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallerySlider .owl-item img.lazyload {
    width: 1px;
    height: 1px
}

.gallerySlider.grid .owl-item img {
    border-radius: 8px;
    height: 360px
}

.gallerySlider.full .owl-item img {
    border-radius: 8px;
    height: 620px
}

.gallerySlider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.gallerySlider .owl-dot {
    margin: 0 5px;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background: #fff !important;
    vertical-align: top
}

.gallerySlider .owl-dot.active {
    border: 2px solid #fff;
    background: #02b2ee !important
}

.gallerySlider .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -25px;
    width: 100%
}

.gallerySlider .owl-next,
.gallerySlider .owl-prev {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7) !important;
    transition: background .5s
}

.gallerySlider .owl-prev {
    left: 10px
}

.gallerySlider .owl-next {
    right: 10px
}

.gallerySlider .owl-next:hover,
.gallerySlider .owl-prev:hover {
    background: #fff !important
}

.gallerySlider .owl-next span,
.gallerySlider .owl-prev span {
    font-size: 0;
    display: block;
    position: relative;
    transform: none;
    margin: auto;
    border: 0;
    width: 100%;
    height: 100%
}

.gallerySlider .owl-next span:before,
.gallerySlider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 8px;
    height: 14px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.gallerySlider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media(max-width:1024px) {
    .gallerySlider.grid .owl-item img {
        height: 330px
    }

    .gallerySlider.full .owl-item img {
        height: 500px
    }
}

@media only screen and (max-width:767px) {

    .gallerySlider.full,
    .gallerySlider.grid {
        margin-right: 0;
        margin-left: 0;
        max-width: calc(100vw - (20px * 2) - 40px)
    }

    .contentSection .gallerySlider.full,
    .contentSection .gallerySlider.grid {
        margin-right: 20px;
        margin-left: 20px
    }

    .gallerySlider.single-image {
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100% !important
    }

    .gallerySlider .owl-item img {
        height: 300px !important
    }

    .gallerySlider .owl-next,
    .gallerySlider .owl-prev {
        width: 40px;
        height: 40px
    }

    .gallerySlider .owl-next {
        right: 15px
    }

    .gallerySlider .owl-prev {
        left: 15px
    }

    .gallerySlider .owl-next span,
    .gallerySlider .owl-prev span {
        width: 10px;
        height: 10px
    }

    .gallerySlider .owl-dots {
        bottom: 10px
    }

    .gallerySlider .owl-dot {
        width: 8px;
        height: 8px
    }
}

@media only screen and (max-width:640px) {

    .gallerySlider.full,
    .gallerySlider.grid {
        max-width: calc(100vw - (10px * 2) - 40px)
    }

    .contentSection .gallerySlider.full,
    .contentSection .gallerySlider.grid {
        margin-right: 10px;
        margin-left: 10px
    }

    .gallerySlider .owl-item img {
        height: 250px !important
    }
}

@media only screen and (max-width:450px) {
    .gallerySlider .owl-item img {
        height: 200px !important
    }
}

.getRequest {
    position: relative;
    padding: 0 10px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px;
    width: 100%;
    height: 360px;
    display: flex;
    justify-content: space-between
}

.getRequest-item {
    flex: 0 0 calc(50% - 10px);
    background-color: #eee;
    height: 100%;
    padding: 40px 15px 15px 40px;
    line-height: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.getRequest-title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.getRequest-subtitle {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    margin-top: 5px
}

.getRequest-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 10px 24px;
    height: 40px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    white-space: nowrap;
    text-transform: capitalize;
    outline: 0;
    border: none;
    border-radius: 8px;
    margin-top: 20px
}

.getRequest-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .getRequest {
        display: block;
        height: auto;
        margin-top: 0;
        padding: 0 20px;
        max-width: 100% !important
    }

    .getRequest-item {
        padding: 30px;
        height: 340px
    }

    .getRequest-item:first-child {
        margin-bottom: 10px
    }

    .getRequest-title {
        font-size: 28px
    }

    .getRequest-subtitle {
        margin-top: 10px
    }
}

@media only screen and (max-width:640px) {
    .getRequest {
        padding: 0 10px
    }
}

.globalReach {
    background-image: url(../images/worldMarketing.svg);
    background-size: 1300px auto;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 200px;
    margin-top: 80px
}

.globalReachTitle {
    color: #fff;
    font-family: InterBold, sans-serif;
    text-align: center;
    width: 350px;
    height: 300px;
    margin: 50px auto 0;
    font-size: 36px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center
}

.globalReachText {
    width: 100%;
    background: #fff;
    padding: 50px 40px 0;
    margin: 130px auto 0;
    text-align: center
}

.globalReachText p {
    font-family: Inter, sans-serif;
    font-size: 21px;
    margin-bottom: 1rem
}

.globalReachText p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:900px) {
    .gallerySlider.full .owl-item img {
        height: 330px
    }

    .globalReach {
        background-size: 700px auto;
        padding-top: 200px;
        margin-top: 50px
    }

    .globalReachTitle {
        width: 100%;
        height: auto;
        background: #fff;
        color: #fd8f5e;
        border: 1px solid #e9e9e9;
        border-radius: 8px;
        display: block;
        max-width: 500px;
        font-size: 32px;
        margin-top: 0;
        padding: 30px 40px
    }

    .globalReachTitle br {
        display: block;
        margin: 1px 0;
        line-height: 1px;
        font-size: 1px;
        content: ""
    }

    .globalReachText {
        margin-top: 0;
        padding: 20px 0;
        max-width: 600px
    }

    .globalReachText p {
        font-size: 20px
    }
}

@media only screen and (max-width:767px) {
    .globalReach {
        background-size: 510px auto;
        padding-top: 148px;
        margin-top: 0
    }

    .globalReachTitle {
        font-size: 24px;
        padding: 20px
    }

    .globalReachText p {
        font-size: 16px
    }
}

@media(max-width:414px) {
    .globalReach {
        background-size: 360px auto;
        padding-top: 190px
    }
}

.article__author-photo img.logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain
}

.news-wrap .container {
    position: relative
}

.news-wrap .btnWrp {
    top: -40px
}

.news__slider .owl-stage {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.news__slider .owl-nav {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: -40px;
    margin-top: 0
}

.news__slider .owl-next,
.news__slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.news__slider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.news__slider .owl-next {
    left: auto;
    right: 0
}

.news__slider .owl-next span,
.news__slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.news__slider .owl-next span:before,
.news__slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.news__slider .owl-next:hover span:before,
.news__slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.news__slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:767px) {
    .news__slider .owl-stage {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .news__slider .owl-nav {
        top: 200px
    }

    .news__slider .owl-next,
    .news__slider .owl-prev {
        border: 2px solid #fff !important;
        background: #fd8f5e !important
    }

    .news__slider .owl-next {
        right: -10px
    }

    .news__slider .owl-prev {
        left: -10px
    }

    .news__slider .owl-next span:before,
    .news__slider .owl-prev span:before {
        width: 8px !important;
        background-image: url(../icons/btn-arrow-white-bold.html) !important
    }
}

.article {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: #fff;
    color: #222;
    border: 1px solid #e9e9e9;
    border-radius: 8px
}

.article__link {
    text-decoration: none !important;
    display: block
}

.article__image-wrap {
    position: relative;
    height: 270px
}

.article__image-wrap:after {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #333 0, #333 40%, rgba(51, 51, 51, 0) 100%);
    z-index: 2;
    opacity: 0;
    transition: opacity .5s
}

.article:hover .article__image-wrap:after {
    opacity: .7
}

.article__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article__content {
    position: relative;
    padding: 20px 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.article__title {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #222;
    margin-bottom: 0;
    transition: color .2s ease-out
}

.article__link:hover>.article__title {
    color: #fd8f5e
}

.article__desc {
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 25px 40px;
    transform: translateY(-100%);
    width: 100%;
    opacity: 0;
    margin-top: 40px;
    pointer-events: none;
    transition: margin .3s, opacity .4s;
    z-index: 10
}

.article:hover .article__desc {
    opacity: 1;
    margin-top: 0
}

.article__content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9e9e9
}

.article__author {
    display: flex;
    align-items: center
}

.article__author-photo {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    overflow: hidden;
    text-align: center
}

.article__author-photo.mpp {
    min-width: 50px
}

.article__author-photo.user {
    border-radius: 8px;
    background: #e9e9e9
}

.article__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.article__author-photo img.user {
    width: auto !important;
    height: 140% !important;
    margin: 5px auto 0;
    object-fit: contain
}

.article__author-photo img.mpp {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    vertical-align: top
}

.article__author-name {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 0
}

.article__author-date {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%;
    color: #8f8f8f;
    margin-bottom: 0
}

.article__views {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #8f8f8f;
    padding-right: 25px;
    background-image: url(../icons/acticle-views.html);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .article__content {
        padding: 20px 10px 15px
    }

    .article__image-wrap:after {
        display: none
    }

    .article__desc {
        position: relative;
        color: #222;
        opacity: 1;
        transform: none;
        margin: 0;
        padding: 10px 0 0;
        font-size: 13px
    }

    .article__content-bottom {
        flex-wrap: wrap
    }

    .article__author {
        width: 100%
    }

    .article__views-wrap {
        margin-left: 65px
    }
}

@media only screen and (max-width:767px) and (min-width:700px) {

    .article__image-wrap,
    .article__video-wrap {
        height: 400px
    }
}

@media only screen and (max-width:699.99px) and (min-width:641px) {

    .article__image-wrap,
    .article__video-wrap {
        height: 340px
    }
}

.abtRow.offplan {
    padding-top: 40px !important
}

.offplan .col-md-4:last-child,
.offplan .col-md-4:nth-last-child(2),
.offplan .col-md-4:nth-last-child(3),
.offplan .col-md-6:last-child,
.offplan .col-md-6:nth-last-child(2) {
    margin-bottom: 0
}

.offplan-cell {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    overflow: hidden
}

.offplan-link {
    text-decoration: none !important
}

.offplan-block {
    width: 100%;
    display: flex;
    padding: 0 10px;
    margin-bottom: 20px
}

.offplan-block-col {
    flex: 0 0 50%
}

.offplan-block-col.content {
    border: 5px solid #f9f9f9;
    border-left: none;
    padding: 20px 40px 40px;
    position: relative;
    max-height: 250px
}

.offplan-readmore {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #fd8f5e;
    position: absolute;
    bottom: -27px;
    right: 30px;
    transition: background-color .5s
}

.offplan-readmore:hover {
    background-color: #008ce4
}

.offplan-readmore:after {
    width: 18px;
    height: 18px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    top: 16px;
    right: 20px;
    transform: rotate(45deg);
    content: ""
}

.offplan-image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: #f9f9f9
}

.offplan-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform .65s, filter .65s;
    object-fit: cover
}

html.desktop .offplan-link:hover img {
    transform: scale(1.1)
}

.offplan-head {
    padding: 20px
}

.offplan-flex {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 3;
    left: 0;
    top: 0;
    align-items: center;
    padding: 20px;
    box-sizing: border-box
}

.offplan-flex:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s
}

.offplan-link:hover .offplan-flex:after {
    opacity: .8
}

.offplan-desc .desc {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s, opacity .4s
}

.offplan-link:hover .offplan-desc .desc {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s
}

.ofpH2 {
    font-family: InterMedium, sans-serif;
    font-size: 18px !important;
    line-height: 120%;
    padding: 0 !important;
    font-weight: 400;
    color: #333;
    transition: color .3s
}

.offplan-link:hover .ofpH2 {
    color: #fd8f5e
}

.offplan-link:hover .ofpH2.white,
.ofpH2.white {
    color: #fff
}

.offplan-desc .ofpH2 {
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s .1s, opacity .4s .1s
}

.offplan-link:hover .offplan-desc .ofpH2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .01s
}

.ofploc {
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f;
    padding-left: 22px;
    background-image: url(../icons/community-icon-gray.html);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: left center
}

.ofploc a {
    color: #fd8f5e
}

.ofploc a:hover {
    text-decoration: underline !important
}

.ofdesc {
    margin-top: 20px
}

.ofdesc p {
    margin: 0;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    color: #333;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.offplan-stickers {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 10;
    pointer-events: none
}

.offplan-stickers-item {
    font-family: Inter, sans-serif;
    font-size: 12px;
    display: block;
    width: fit-content;
    clear: both;
    z-index: 2;
    color: #fff;
    padding: 5px 8px 3px !important;
    border-radius: 3px !important;
    line-height: 17px !important;
    margin-bottom: 5px;
    transition: .3s
}

.offplan-stickers-item.skr_green {
    background: #09b500
}

.offplan-stickers-item.skr_red {
    background: #ee0202
}

.offplan-stickers-item.skr_blue {
    background: #fd8f5e
}

.offplan-types {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10
}

.offplan-types-item {
    font-family: InterSemiBold, sans-serif;
    text-transform: uppercase !important;
    font-size: 11px;
    display: inline-block !important;
    z-index: 2;
    color: #333;
    background: #fff;
    padding: 7px 8px 5px !important;
    border-radius: 3px !important;
    line-height: 12px !important;
    margin-left: 5px;
    margin-bottom: 5px;
    transition: .3s
}

.offplan-types-item:hover {
    background: #fd8f5e;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:1024px) {
    .abtRow.offplan {
        padding-top: 30px !important
    }

    .offplan-image:not(.block) {
        height: 200px
    }
}

@media only screen and (max-width:767px) {
    .abtRow.offplan {
        padding-top: 25px !important
    }

    .offplan .col-md-4,
    .offplan .col-md-6 {
        margin-bottom: 40px !important
    }

    .offplan-desc .desc,
    .ofploc {
        font-size: 13px;
        background-size: 13px auto;
        padding-left: 18px
    }

    .ofpH2 {
        font-size: 18px;
        margin-bottom: 3px
    }

    .offplan-head {
        padding-top: 15px
    }

    .offplan-image.block {
        height: 200px
    }

    .offplan-block-col.content {
        padding: 10px 10px 30px;
        border: 5px solid #f9f9f9;
        border-top: none;
        max-height: none
    }

    .offplan-block {
        display: block;
        margin-bottom: 15px
    }

    .ofdesc p {
        -webkit-line-clamp: initial
    }
}

.pmTbl {
    margin-top: 50px
}

.pmTbl td,
.pmTbl th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.pmTbl,
.pmTbl tbody,
.pmTbl tr {
    border: 0 !important
}

.pmTbl td {
    border: 1px solid #eee !important;
    color: #373737;
    font-size: 16px;
    font-family: GothamPro;
    vertical-align: middle !important
}

.pmTbl .td-header {
    border-top: 0 !important;
    text-align: center;
    font-family: GothamPro !important
}

.pmTbl .td-col-1 {
    width: 40%
}

.pmTbl .td-col-2,
.pmTbl .td-col-3,
.pmTbl .td-col-4 {
    width: 20%;
    text-align: center
}

.pmTbl .td-col-3,
.pmTbl .td-col-4 {
    font-family: GothamProBold
}

.pmTbl .td-header:nth-child(1) {
    border-left: 0 !important
}

.pmTbl .td-header:nth-child(4) {
    border-right: 0 !important
}

.pmTbl .td-left {
    border-left: 0 !important
}

.pmTbl .td-right {
    border-right: 0 !important
}

.pmTbl .td-last {
    border-bottom: 0 !important
}

.pmTbl .plusIcon {
    width: 25px
}

.pmTbl .bb-0 td {
    border-bottom: 0 !important
}

@media only screen and (max-width:767px) {
    .pmTbl {
        width: 100% !important
    }

    .pmTbl td {
        padding: .4rem !important;
        font-size: 12px
    }

    .pmTbl .td-header {
        vertical-align: middle
    }

    .pmTbl .td-header span {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: inline-block;
        height: 80px;
        text-align: left
    }

    .pmTbl .td-header span:nth-child(2) {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: inline-block;
        width: 80px;
        height: 80px
    }

    .pmTbl .tdbcol {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: block;
        width: 40px;
        height: 90px;
        text-align: left
    }

    .pmTbl .td-col-2,
    .pmTbl .td-col-3,
    .pmTbl .td-col-4 {
        width: 20% !important
    }

    .pmTbl .plusIcon {
        width: 20px
    }

    .pmTbl .mobiletdCol {
        width: auto;
        font-size: 10px;
        line-height: 1.1;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        max-width: 60px;
        max-height: 80px;
        height: auto;
        text-align: left;
        display: inline-block
    }
}

.textBlock .question {
    font-family: GothamProBold, sans-serif;
    font-size: 22px
}

.textBlock .answer {
    margin-bottom: 0
}

@media only screen and (max-width:900px) {
    .textBlock .question {
        font-size: 20px
    }

    .textBlock .answer {
        font-size: 16px
    }
}

@media(max-width:767px) {
    .textBlock .question {
        font-size: 18px
    }
}

.sellProperty {
    display: flex;
    position: relative;
    height: 420px
}

.sellProperty-title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    color: #222
}

.sellProperty-subtitle {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 100%;
    margin-top: 20px;
    color: #222
}

.sellProperty-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 60px;
    padding: 0 25px;
    height: 40px;
    line-height: 42px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    border-radius: 8px
}

.sellProperty-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.sellProperty-col:first-child {
    flex: 0 0 34%;
    max-width: 34%;
    padding-right: 90px;
    align-self: center
}

.sellProperty-col.photo {
    flex: 0 0 32%;
    max-width: 32%;
    background-image: url(../images/bg-sellProperty.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    border-radius: 8px
}

.sellProperty-col.photo img {
    vertical-align: bottom;
    height: 90%;
    padding-left: 40px
}

.sellProperty-col.text {
    align-self: center;
    flex-grow: 1;
    padding: 70px 10px 70px 70px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f;
    background: #fff
}

.sellProperty-review {
    margin-top: 30px
}

.sellProperty-review img.feefo {
    display: none
}

.sellProperty-review .google {
    display: inline-block;
    transform: scale(1.3);
    margin-top: 5px;
    margin-left: 23px
}

@media only screen and (max-width:1024px) {
    .sellProperty-col:first-child {
        padding-right: 50px
    }

    .sellProperty-col.text {
        padding: 50px 10px 50px 50px
    }
}

@media only screen and (max-width:900px) {
    .sellProperty-col.photo img {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    .sellProperty {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 20px 0
    }

    .sellProperty-col {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .sellProperty-col:first-child {
        padding: 0 0 30px;
        width: 100%;
        text-align: center
    }

    .sellProperty-col.photo {
        position: relative;
        width: 100%;
        min-height: 380px;
        overflow: hidden
    }

    .sellProperty-col.text {
        padding: 20px 0 0
    }

    .sellProperty-title {
        font-size: 32px
    }

    .sellProperty-subtitle {
        margin-top: 10px
    }

    .sellProperty-btn {
        margin-top: 35px
    }

    .sellProperty-col.photo img {
        position: absolute;
        bottom: 0;
        height: 100%;
        width: auto;
        object-fit: contain;
        padding: 20px 0 0 35px
    }

    .sellProperty-review {
        margin-top: 25px
    }
}

.sellProperty-review .google .grw-net-widget {
    all: initial;
    font-family: Arial, Helvetica, sans-serif
}

.sellProperty-review .google .grw-net-widget * {
    all: unset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sellProperty-review .google .grw-net-widget a:hover {
    text-decoration: none;
    color: inherit
}

.sellProperty-review .google .grw-net-widget .grw-net-text {
    color: #5f6369
}

.sellProperty-review .google .grw-net-widget .grw-net-text-bold {
    font-weight: 700
}

.sellProperty-review .google .grw-net-widget .grw-net-text-medium {
    font-weight: 700;
    color: #5f6368
}

.sellProperty-review .google .grw-net-widget .grw-net-text-line {
    font-size: 1.1em;
    margin-left: .2rem;
    margin-right: .2rem
}

.sellProperty-review .google .grw-net-widget .grw-net-text-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget .grw-net-text-row-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sellProperty-review .google .grw-net-widget .grw-net-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-star {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    background-size: auto auto;
    background-position: center;
    background-repeat: no-repeat
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-4-5-star .grw-net-stars-star,
.sellProperty-review .google .grw-net-widget .grw-net-stars-5-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-4-5-star .grw-net-stars-star:last-child {
    background-image: url(../icons/star-half.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-4-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-4-0-star .grw-net-stars-star:nth-last-child(-n+1) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star:nth-last-child(2) {
    background-image: url(../icons/star-half.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star:nth-last-child(-n+1) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-3-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-3-0-star .grw-net-stars-star:nth-last-child(-n+2) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star:nth-last-child(3) {
    background-image: url(../icons/star-half.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star:nth-last-child(-n+2) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-2-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-2-0-star .grw-net-stars-star:nth-last-child(-n+3) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star:nth-last-child(4) {
    background-image: url(../icons/star-half.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star:nth-last-child(-n+3) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-1-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-1-0-star .grw-net-stars-star:nth-last-child(-n+4) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-0-5-star .grw-net-stars-star {
    background-image: url(../icons/star-half.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-stars-0-0-star .grw-net-stars-star,
.sellProperty-review .google .grw-net-widget .grw-net-stars-0-5-star .grw-net-stars-star:nth-last-child(-n+4) {
    background-image: url(../icons/star-empty.html)
}

.sellProperty-review .google .grw-net-widget .grw-net-logo-r {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-r.html);
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat
}

.sellProperty-review .google .grw-net-widget-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.sellProperty-review .google .grw-net-widget-one-type-1 {
    min-width: 190px
}

.sellProperty-review .google .grw-net-widget-one-type-3 {
    min-width: 220px
}

.sellProperty-review .google .grw-net-widget-one-type-1,
.sellProperty-review .google .grw-net-widget-one-type-3 {
    height: 34px
}

.sellProperty-review .google .grw-net-widget-one-type-1 .grw-net-logo-l,
.sellProperty-review .google .grw-net-widget-one-type-3 .grw-net-logo-l {
    width: 40px;
    height: 30px;
    margin-left: .4rem
}

.sellProperty-review .google .grw-net-widget-one-type-1 .grw-net-text,
.sellProperty-review .google .grw-net-widget-one-type-3 .grw-net-text {
    font-size: 1rem
}

.sellProperty-review .google .grw-net-widget-one-type-2 {
    min-width: 222px
}

.sellProperty-review .google .grw-net-widget-one-type-4 .grw-net-text {
    font-size: .9rem
}

.sellProperty-review .google .grw-net-widget-one-type-4 .grw-net-stars {
    margin-right: .5rem
}

.sellProperty-review .google .grw-net-widget-one-type-2,
.sellProperty-review .google .grw-net-widget-one-type-4 {
    min-height: 30px
}

.sellProperty-review .google .grw-net-widget-one-type-2 .grw-net-logo-l,
.sellProperty-review .google .grw-net-widget-one-type-4 .grw-net-logo-l {
    width: 32px;
    height: 22px;
    margin-left: .1rem
}

.sellProperty-review .google .grw-net-widget-one-type-2 .grw-net-stars,
.sellProperty-review .google .grw-net-widget-one-type-4 .grw-net-stars {
    width: 110px;
    gap: 2px;
    margin-left: .5rem
}

.sellProperty-review .google .grw-net-widget-one-type-2 .grw-net-stars-star,
.sellProperty-review .google .grw-net-widget-one-type-4 .grw-net-stars-star {
    height: 20px
}

.sellProperty-review .google .grw-net-widget-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.sellProperty-review .google .grw-net-widget-two .grw-net-logo-r-w {
    width: 40px;
    height: 30px;
    z-index: 1
}

.sellProperty-review .google .grw-net-widget-two-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: .8rem;
    background-color: #4285f4;
    margin-left: -10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.sellProperty-review .google .grw-net-widget-two-content .grw-net-widget-text {
    font-size: .94rem;
    color: #fff
}

.sellProperty-review .google .grw-net-widget-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    background-color: #fff
}

.sellProperty-review .google .grw-net-widget-three-type-1 {
    padding: 2em;
    border: 1px solid #a6a8ab
}

.sellProperty-review .google .grw-net-widget-three-type-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #a6a8ab;
    min-width: 280px
}

.sellProperty-review .google .grw-net-widget-three-type-2 .grw-net-text-better {
    width: 100%;
    padding: .5rem .2rem;
    position: relative;
    background-color: #d0d2d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-size: .9rem
}

.sellProperty-review .google .grw-net-widget-three-type-2 .grw-net-text-better::before {
    content: "";
    position: absolute;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    width: 20px;
    height: 11px;
    background-color: #d0d2d3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -9px;
    left: 50%
}

.sellProperty-review .google .grw-net-widget-three-type-2 .grw-net-text-better .grw-net-text-blue {
    color: #1967d2;
    font-weight: 700
}

.sellProperty-review .google .grw-net-widget-three-type-2 .grw-net-widget-content {
    padding: 1em
}

.sellProperty-review .google .grw-net-widget-three .grw-net-widget-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-three .grw-net-widget-content .grw-net-text-center {
    text-align: center
}

.sellProperty-review .google .grw-net-widget-three .grw-net-logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-three .grw-net-logo-row .grw-net-logo-r {
    width: 40px;
    height: 30px;
    margin-right: .3rem
}

.sellProperty-review .google .grw-net-widget-three .grw-net-logo-row .grw-net-logo-simple {
    width: 24px;
    height: 24px;
    margin-right: .4rem
}

.sellProperty-review .google .grw-net-widget-three .grw-net-logo-row .grw-net-text {
    font-size: 1.2rem
}

.sellProperty-review .google .grw-net-widget-three .grw-net-stars {
    width: 160px;
    height: 28px;
    gap: 6px;
    margin: .5rem 0 .7rem
}

.sellProperty-review .google .grw-net-widget-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.sellProperty-review .google .grw-net-widget-four-type-1,
.sellProperty-review .google .grw-net-widget-four-type-2 {
    min-width: 270px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sellProperty-review .google .grw-net-widget-four-type-1 .grw-net-widget-four-logo {
    width: 68px;
    height: 58px
}

.sellProperty-review .google .grw-net-widget-four-type-1 .grw-net-text {
    margin-top: .2rem
}

.sellProperty-review .google .grw-net-widget-four-type-3 .grw-net-widget-four-logo {
    width: 51px;
    height: 39px
}

.sellProperty-review .google .grw-net-widget-four-type-3 .grw-net-stars-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sellProperty-review .google .grw-net-widget-four-type-3 .grw-net-stars-col .grw-net-stars {
    width: 66px !important;
    height: 12px !important
}

.sellProperty-review .google .grw-net-widget-four-type-3 .grw-net-stars-col .grw-net-stars-text-small {
    margin-top: 0;
    font-size: 11px;
    font-weight: 400;
    padding-left: .2rem;
    color: #5f6368
}

.sellProperty-review .google .grw-net-widget-four-type-4 {
    min-width: 160px;
    padding: .8rem
}

.sellProperty-review .google .grw-net-widget-four-type-4 .grw-net-widget-four-logo {
    width: 78px;
    height: 88px;
    margin-right: 0
}

.sellProperty-review .google .grw-net-widget-four-type-4 .grw-net-widget-four-rows {
    margin-top: .5rem;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-four-type-4 .grw-net-widget-four-rows .grw-net-stars-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sellProperty-review .google .grw-net-widget-four-type-4 .grw-net-widget-four-rows .grw-net-stars-row .grw-net-stars {
    margin-top: .3rem
}

.sellProperty-review .google .grw-net-widget-four-type-4 .grw-net-stars-text-small {
    margin-top: .3rem;
    font-size: .85rem !important;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center
}

.sellProperty-review .google .grw-net-widget-four-type-5 {
    min-width: 180px;
    padding: .8em 0
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-logo-row .grw-net-widget-four-logo {
    width: 36px;
    height: 24px;
    margin-right: .1rem
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-logo-row .grw-net-text {
    font-size: .92rem
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .1rem .8rem
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-rows .grw-net-stars {
    width: 100px;
    gap: 3px
}

.sellProperty-review .google .grw-net-widget-four-type-5 .grw-net-widget-four-rows .grw-net-stars-text-small {
    margin-top: .3rem;
    font-size: .9rem;
    font-weight: 400;
    text-align: center
}

.sellProperty-review .google .grw-net-widget-four-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-four-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px
}

.sellProperty-review .google .grw-net-widget-four-logo .grw-net-logo-b,
.sellProperty-review .google .grw-net-widget-four-logo .grw-net-logo-r {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
}

.sellProperty-review .google .grw-net-widget-four-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-stars {
    width: 150px;
    height: 24px
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text {
    font-size: 13px
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text-small {
    font-size: .85rem
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text-big {
    font-size: 1.3rem
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text-more-big {
    font-size: 1.4rem;
    line-height: 1.1
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text-much-big {
    font-size: 26px;
    line-height: 1
}

.sellProperty-review .google .grw-net-widget-four-rows .grw-net-text-extra-big {
    font-size: 2.8rem;
    line-height: 1
}

.sellProperty-review .google .grw-net-widget-four .grw-net-stars-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sellProperty-review .google .grw-net-widget-four .grw-net-stars-row .grw-net-stars {
    width: 110px;
    height: 18px;
    gap: 1px;
    margin-left: .2rem
}

.sellProperty-review .google .grw-net-widget-four-blue-tag {
    width: 100%;
    text-align: center;
    background-color: #4285f4;
    color: #fff;
    font-size: .9rem;
    padding: .2rem .8rem
}

.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-text-bold,
.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-text-dark-white,
.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-text-medium {
    color: #fff
}

.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-widget-three {
    background-color: rgba(250, 250, 250, .1)
}

.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-widget-three-type-2 .grw-net-text-better,
.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-widget-three-type-2 .grw-net-text-better::before {
    background-color: #fff
}

.sellProperty-review .google .grw-net-widget.grw-net-widget-dark .grw-net-widget-four {
    background-color: rgba(250, 250, 250, .1)
}

.row.services {
    padding-top: 30px !important
}

.servicePackages {
    padding: 30px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.servicePackages>* {
    position: relative;
    z-index: 2
}

.servicePackages.silver {
    border-top: 10px solid #5f8da7
}

.servicePackages.gold {
    border-top: 10px solid #b68234
}

.servicePackages.diamond {
    border-top: 10px solid #4e45b9
}

.servicePackages:after {
    display: block;
    width: 240px;
    height: 240px;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 100px;
    color: #fd8f5e;
    font-family: InterBlack, sans-serif;
    font-size: 240px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase
}

.servicePackages.silver:after {
    content: "S"
}

.servicePackages.gold:after {
    content: "G"
}

.servicePackages.diamond:after {
    content: "D"
}

.servicePackages-head {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 0
}

.servicePackages.silver .servicePackages-head {
    color: #5f8da7
}

.servicePackages.gold .servicePackages-head {
    color: #b68234
}

.servicePackages.diamond .servicePackages-head {
    color: #4e45b9
}

.servicePackages ul {
    color: #222;
    padding: 0;
    margin: 0;
    list-style: none
}

.servicePackages ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%
}

.servicePackages ul li:after {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

.servicePackages ul li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:900px) {
    .row.services {
        padding-top: 10px !important
    }

    .row.services .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.row.servicesLinks {
    justify-content: center
}

.row.servicesLinks>div {
    margin-bottom: 20px
}

.servicesLinks .col-md-3 h3,
.servicesLinks .col-md-4 h3,
.servicesLinks .col-md-6 h3 {
    font-family: InterMedium, sans-serif;
    line-height: 120%;
    margin-bottom: 0
}

.servicesLinks .col-md-3 h3 {
    font-size: 18px
}

.servicesLinks .col-md-4 h3,
.servicesLinks .col-md-6 h3 {
    font-size: 20px
}

.servicesLinks__item {
    display: flex;
    align-items: center;
    min-height: 150px;
    width: 100%;
    position: relative;
    background-image: none;
    transition: background .3s ease-in-out;
    border-radius: 8px;
    overflow: hidden
}

.servicesLinks__item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #02b2ee;
    border-radius: 8px;
    opacity: 0;
    z-index: -1;
    transition: opacity .3s ease-in-out
}

.servicesLinks__item.hidden:after {
    background: 0 0;
    opacity: 1
}

.servicesLinks__link {
    display: flex;
    align-items: center;
    padding: 50px 40px;
    height: 100%;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    color: #222;
    transition: .1s ease-in-out
}

html.desktop .servicesLinks__link:hover {
    color: #fff
}

html.mobile .servicesLinks__link:hover {
    color: #02b2ee
}

.servicesLinks__icon-wrap {
    width: 70px;
    flex-shrink: 0
}

.servicesLinks__icon-wrap img {
    vertical-align: middle
}

html.desktop .servicesLinks__link:hover .servicesLinks__icon-wrap img {
    filter: brightness(0) grayscale(1) invert(100%)
}

.col-md-3 .servicesLinks__icon-wrap {
    width: 55px;
    vertical-align: top
}

.col-md-3 .servicesLinks__icon-wrap img {
    width: 40px !important
}

.servicesLinks__head {
    flex-grow: 1
}

@media only screen and (max-width:767px) {
    .abtRow.services {
        padding-top: 15px
    }

    .servicesLinks .col-md-3 h3 {
        font-size: 16px
    }

    .servicesLinks .col-md-4 h3,
    .servicesLinks .col-md-6 h3 {
        font-size: 18px
    }

    .servicesLinks__item {
        min-height: 50px
    }

    .servicesLinks__icon-wrap {
        width: 60px
    }
}

.servicesWrp {
    display: block;
    height: auto;
    padding: 50px 0;
    overflow: hidden;
    color: #222
}

.servicesWrp .container {
    padding: 0 10px
}

.servicesBlock {
    position: relative
}

.servicesItem {
    position: relative;
    margin-bottom: 50px
}

.servicesItem:last-child {
    margin-bottom: 0
}

.servicesItem .container {
    display: flex;
    justify-content: space-between;
    gap: 120px;
    flex-grow: 1;
    transition: opacity .3s;
    align-items: center;
    width: 100%;
    min-height: 500px;
    position: relative;
    z-index: 10
}

.servicesCln {
    position: relative
}

.servicesCln.content {
    flex-grow: 1
}

.servicesCln.img {
    flex: 0 0 500px
}

.servicesItem:nth-child(2n+2) .servicesCln.content {
    order: 1
}

.servicesImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 500px;
    transform: translateY(-50%)
}

.servicesItem:nth-child(2n+2) .servicesImg {
    right: 0;
    left: auto
}

.servicesCln .projectHeading h2 {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 0
}

.servicesText {
    padding-top: 20px;
    padding-bottom: 30px
}

.servicesText p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 10px
}

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

@media all and (max-width:1024px) {
    .servicesItem .container {
        gap: 80px
    }

    .servicesCln.img {
        flex: 0 0 400px
    }
}

@media only screen and (max-width:767px) {
    .servicesWrp {
        padding: 30px 0 20px
    }

    .servicesItem .container {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        height: auto;
        flex-direction: column;
        padding-bottom: 0
    }

    .servicesCln {
        flex: 0 0 100% !important;
        width: 100% !important
    }

    .servicesCln.content {
        order: 1
    }

    .servicesCln.img {
        text-align: center;
        padding-top: 50px
    }

    .servicesBlock {
        height: auto
    }

    .servicesImg {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        transform: none;
        margin: 0 0 20px
    }

    .servicesCln .valBtnCont.left {
        text-align: center !important
    }
}

.propertySlider {
    margin-top: 40px
}

.propertySlider .property_listing-item {
    width: 100%;
    padding: 15px
}

.propertySlider .owl-nav {
    position: absolute;
    top: -75px;
    z-index: 10;
    width: 100%
}

.propertySlider .owl-next,
.propertySlider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.propertySlider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.propertySlider .owl-next {
    left: auto;
    right: 0
}

.propertySlider .owl-next span,
.propertySlider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.propertySlider .owl-next span:before,
.propertySlider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.propertySlider .owl-next:hover span:before,
.propertySlider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.propertySlider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:767px) {
    .propertySlider {
        margin-top: 20px
    }

    .propertySlider .owl-nav {
        top: 180px
    }

    .propertySlider .owl-next,
    .propertySlider .owl-prev {
        border: 2px solid #fff !important;
        background: #fd8f5e !important
    }

    .propertySlider .owl-next {
        right: -20px
    }

    .propertySlider .owl-prev {
        left: -20px
    }

    .propertySlider .owl-next span:before,
    .propertySlider .owl-prev span:before {
        width: 8px !important;
        background-image: url(../icons/btn-arrow-white-bold.html) !important
    }
}

@media only screen and (max-width:641px) {
    .propertySlider .owl-next {
        right: 0
    }

    .propertySlider .owl-prev {
        left: 0
    }
}

.projectsSlider {
    margin-top: 30px
}

.projectsSlider .projects_list-item {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

.projectsSlider .owl-nav {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: -72px;
    margin-top: 0
}

.projectsSlider .owl-next,
.projectsSlider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.projectsSlider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.projectsSlider .owl-next {
    left: auto;
    right: 0
}

.projectsSlider .owl-next span,
.projectsSlider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.projectsSlider .owl-next span:before,
.projectsSlider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.projectsSlider .owl-next:hover span:before,
.projectsSlider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.projectsSlider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:767px) {
    .projectsSlider .owl-nav {
        top: 200px
    }

    .projectsSlider .owl-next,
    .projectsSlider .owl-prev {
        border: 2px solid #fff !important;
        background: #fd8f5e !important
    }

    .projectsSlider .owl-next {
        right: -20px
    }

    .projectsSlider .owl-prev {
        left: -20px
    }

    .projectsSlider .owl-next span:before,
    .projectsSlider .owl-prev span:before {
        width: 8px !important;
        background-image: url(../icons/btn-arrow-white-bold.html) !important
    }
}

@media only screen and (max-width:641px) {
    .projectsSlider .owl-prev {
        left: -5px
    }

    .projectsSlider .owl-next {
        right: -5px
    }
}

.featureProjects.sec-steps {
    background: #fd8f5e;
    padding: 0 !important;
    margin-top: 70px
}

.featureProjects.sec-steps>div:first-child {
    padding-top: 90px !important
}

.featureProjects.sec-steps>div:last-child {
    padding-bottom: 95px !important
}

.steps {
    background: #fd8f5e;
    padding: 0 0 70px
}

.container+.steps {
    margin-top: -32px
}

.steps__row {
    display: flex;
    justify-content: space-between
}

.steps__col-empty {
    flex: 0 0 380px
}

.steps__col-content {
    flex-grow: 1
}

.steps__items {
    display: block;
    margin-left: 18px;
    padding-left: 55px;
    border-left: 2px solid #d2f4ff
}

.steps__item {
    position: relative;
    padding-bottom: 70px
}

.steps__item:last-child {
    padding-bottom: 0
}

.steps__item-bullet {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -85px;
    top: -16px;
    background-color: #fff;
    border-radius: 50%;
    border: 10px solid #fd8f5e
}

.steps__item-step {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #fd8f5e;
    margin-bottom: 20px
}

.steps__item-heads {
    position: relative
}

.steps__item:last-child .steps__item-heads:after {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: calc(100% + 10px);
    background: #fd8f5e
}

.steps__item-header {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    margin-bottom: 10px
}

.steps__item-subheader {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f;
    margin-bottom: 0
}

@media only screen and (max-width:1360px) {
    .container+.steps {
        margin-top: 0
    }

    .steps {
        padding: 50px 0
    }

    .steps__col-empty {
        display: none
    }
}

.projectHeading {
    display: block;
    text-align: left
}

.projectHeading.center {
    text-align: center
}

.projectHeading.left {
    text-align: left
}

.projectHeading.left.padR {
    padding-right: 390px
}

.projectHeading.left.padR,
.projectHeading.left.padR h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.projectHeading h1 {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    color: #222;
    text-align: left;
    margin: 0
}

.projectHeading h2,
.projectHeading h3 {
    font-family: InterSemiBold, sans-serif;
    line-height: 120%;
    color: #222;
    text-align: left;
    margin: 0
}

.projectHeading h2 {
    font-size: 24px
}

.projectHeading h3 {
    font-size: 20px
}

.projectHeading.left h1,
.projectHeading.left h2,
.projectHeading.left h3 {
    text-align: left
}

.projectHeading.center h1,
.projectHeading.center h2,
.projectHeading.center h3 {
    text-align: center
}

.projectHeading .middleSlash {
    display: none
}

@media only screen and (max-width:1024px) {
    .projectHeading.left.padR {
        padding-right: 100px
    }

    .projectHeading.left.padR,
    .projectHeading.left.padR h2 {
        white-space: normal;
        overflow: visible;
        text-overflow: unset
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.sec-steps {
        margin-top: 50px
    }

    .featureProjects.sec-steps>div:first-child {
        padding-top: 50px !important
    }

    .featureProjects.sec-steps>div:last-child {
        padding-bottom: 50px !important
    }

    .steps {
        padding: 30px 0
    }

    .steps__items {
        margin-left: 12px;
        padding-left: 27px
    }

    .steps__item {
        padding-bottom: 30px
    }

    .steps__item:last-child .steps__item-heads:after {
        top: -10px
    }

    .steps__item-step {
        margin-bottom: 15px
    }

    .steps__item-bullet {
        width: 34px;
        height: 34px;
        left: -45px;
        top: -6px;
        border: 5px solid #fd8f5e
    }

    .steps__item-header {
        font-size: 20px
    }

    .projectHeading.left.padR {
        padding-right: 0
    }
}

.featureProjects>.container:not(:first-child) .triggerRequest {
    margin-top: 20px
}

.triggerRequest {
    position: relative;
    background: #fd8f5e;
    color: #fff;
    border-radius: 8px;
    padding: 60px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.triggerRequest:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 445px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    background-image: url(../images/trigger-request-bg.svg);
    z-index: 1
}

.triggerRequest-left,
.triggerRequest-right {
    position: relative;
    z-index: 2
}

.triggerRequest-left {
    flex-grow: 1
}

.triggerRequest-title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 10px
}

.triggerRequest-subtitle {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%
}

.triggerRequest-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    padding: 8px 35px;
    height: 40px;
    line-height: 150%;
    text-decoration: none;
    color: #fd8f5e;
    background: #fff;
    background: linear-gradient(90deg, #fff 0, #fff 50%, transparent 50%, transparent 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    white-space: nowrap;
    text-transform: capitalize;
    outline: 0;
    border: 1px solid #fff;
    border-radius: 8px
}

.triggerRequest-btn.whatsapp {
    color: #fff;
    background: linear-gradient(90deg, #62d53a 0, #62d53a 50%, transparent 50%, transparent 100%);
    background-size: 200% 100%;
    border: 1px solid #62d53a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    margin-right: 5px
}

.triggerRequest-btn.whatsapp:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    content: "";
    background-image: url(../images/whatsapp-mob.svg);
    width: 18px;
    height: 18px
}

.triggerRequest-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:900px) {
    .servicesItem .container {
        gap: 50px
    }

    .triggerRequest {
        display: block;
        padding: 40px 20px;
        text-align: center
    }

    .triggerRequest-title {
        font-size: 32px
    }

    .triggerRequest-subtitle {
        margin: 20px 0 30px
    }
}

@media only screen and (max-width:767px) {
    .triggerRequest:after {
        width: 145px;
        top: auto;
        bottom: 0;
        background-size: contain;
        background-position: bottom left
    }

    .triggerRequest-title {
        font-size: 24px
    }

    .triggerRequest-subtitle {
        margin: 10px 0 15px
    }

    .triggerRequest-btn {
        clear: both;
        display: block;
        width: 210px;
        text-align: center;
        margin: 10px auto 0 !important
    }
}

.two-col-text {
    display: grid;
    padding: 30px 0 50px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    color: #222
}

.two-col-text p:last-of-type {
    margin: 0
}

.two-col-text .YtImg {
    position: absolute;
    display: block;
    top: 0;
    z-index: 10;
    width: 100%
}

.two-col-text .videoWrapper,
.two-col-text iframe {
    width: 100%
}

.two-col-text-item {
    max-width: 100%
}

.two-col-text-item:not(.text-text) {
    align-self: center;
    position: relative
}

.two-col-text-item .videoWrapper:after {
    display: none
}

.two-col-text h2,
.two-col-text h3,
.two-col-text h4 {
    font-family: InterSemiBold, sans-serif;
    line-height: 120%;
    color: #222
}

.two-col-text h2 {
    font-size: 24px;
    margin-bottom: 20px
}

.two-col-text h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.two-col-text h4 {
    font-size: 18px;
    margin-bottom: 15px
}

.two-col-text b,
.two-col-text strong {
    font-family: InterSemiBold, sans-serif !important;
    font-weight: 400
}

.two-col-text ol {
    margin-top: 15px
}

.two-col-text ul {
    padding: 0 0 0 10px;
    list-style: none;
    margin-top: 15px
}

.two-col-text ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.two-col-text ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

.two-col-grid {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 450px
}

.two-col-grid-image {
    position: absolute;
    object-fit: cover;
    border-radius: 8px
}

.count-3 img.one-1 {
    width: 70%;
    height: 45%;
    top: 0;
    left: 15%
}

.count-3 img.one-2 {
    width: 60%;
    height: calc(55% - 5px);
    bottom: 0;
    right: 0
}

.count-3 img.one-3 {
    width: calc(40% - 5px);
    height: 30%;
    top: calc(45% + 5px);
    left: 0
}

.count-3 img.two-1 {
    top: 0;
    left: 0;
    width: 30%;
    height: 90%
}

.count-3 img.two-2 {
    top: 15%;
    left: calc(30% + 5px);
    width: calc(70% - 5px);
    height: 50%
}

.count-3 img.two-3 {
    left: calc(30% + 5px);
    width: 40%;
    height: calc(35% - 5px);
    bottom: 0
}

.count-3 img.three-1 {
    right: 0;
    top: 0;
    height: calc(75% - 5px);
    width: 45%
}

.count-3 img.three-2 {
    left: 0;
    top: 25%;
    height: calc(50% - 5px);
    width: calc(55% - 5px)
}

.count-3 img.three-3 {
    right: 25%;
    bottom: 0;
    width: 50%;
    height: 25%
}

.count-1 {
    display: flex;
    align-items: center;
    justify-content: center
}

.count-1 img {
    max-width: 100%;
    max-height: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .two-col-text {
        display: flex;
        flex-wrap: wrap;
        padding: 30px 0 0
    }

    .two-col-text-item {
        width: 100%;
        margin-bottom: 30px
    }

    .text-grid:first-child {
        order: 1
    }

    .two-col-grid {
        height: 420px
    }

    .two-col-grid.count-1 {
        height: auto
    }
}

@media only screen and (max-width:640px) {
    .two-col-grid {
        height: 320px
    }
}

.two-col-tv .col-md-6 {
    margin-bottom: 0 !important
}

.catalogInfo {
    color: #222
}

.catalogInfo .row {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 70px;
    margin: 0 !important
}

.catalogInfo .col-md-6 {
    justify-content: center;
    flex-direction: column;
    padding: 0 !important;
    margin-bottom: 0 !important
}

.catalogInfo-img {
    height: 100%;
    min-height: 480px;
    display: flex;
    align-items: center
}

.catalogInfo-img img {
    width: 100%
}

.catalogInfo .first {
    flex: 0 1 500px;
    max-width: 500px
}

.catalogInfo .last {
    flex-grow: 1
}

.catalogInfo .projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 0
}

.catalogInfo-content {
    padding-top: 20px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%
}

.catalogInfo-content strong {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400
}

.catalogInfo-content p {
    margin-bottom: 15px
}

.catalogInfo-content p:last-child {
    margin-bottom: 0;
    margin-top: 20px
}

.catalogInfo-content ul {
    padding: 0 0 0 10px;
    list-style: none
}

.catalogInfo-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.catalogInfo-content ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

@media only screen and (max-width:900px) {
    .catalogInfo .row {
        flex-wrap: wrap;
        gap: 50px
    }

    .catalogInfo .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .catalogInfo .col-md-6:first-child {
        order: 1
    }

    .catalogInfo-img {
        justify-content: center;
        min-height: 100%
    }

    .catalogInfo-img img {
        max-width: 500px
    }
}

.vSection {
    margin: 30px auto;
    max-width: 100%
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #d9d9d9;
    border-radius: 8px;
    overflow: hidden
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.YtImg {
    position: relative;
    display: block;
    height: 100%
}

.vSection .YtImg {
    position: absolute;
    display: block;
    min-height: 100%;
    left: 0;
    top: 0;
    background: #eee;
    width: 100%;
    z-index: 2
}

.youtubePlay {
    cursor: pointer
}

.youtubePlay .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: .3s;
    transform-origin: 0 0;
    width: 50px;
    height: 50px
}

.youtubePlay:hover .play {
    transform: scale(1.1) translate3d(-50%, -50%, 0)
}

.youtubePlay:hover .icon {
    fill: #fd8f5e
}

.youtubePlay:hover .circle {
    fill: #02b2ee !important
}

.youtubePlay:hover .btn {
    fill: #fff !important
}

.youtubePlay img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width:767px) {
    .catalogInfo .row {
        gap: 30px
    }

    .catalogInfo .projectHeading h2 {
        font-size: 28px
    }

    .catalogInfo-content {
        padding-top: 15px
    }

    .catalogInfo-img img {
        width: 100%;
        max-width: 100%
    }

    .catalogInfo-content .valBtnCont.left {
        text-align: center !important
    }

    .youtubePlay .play {
        max-width: 60px
    }
}

.offplan-exper {
    padding-top: 60px
}

.container.offplan-exper-wrp {
    display: flex;
    justify-content: center
}

.offplan-exper_agent {
    order: 1;
    flex: 0 0 360px;
    border-radius: 8px 0 0 8px;
    padding: 60px 25px 60px 60px;
    background: #d2f4ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.offplan-exper_agent div {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-image: url(../images/agent-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 320px;
    width: 100%
}

.offplan-exper_agent img {
    position: absolute;
    padding-top: 20px;
    width: auto;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.offplan-exper_contact {
    order: 2;
    flex-grow: 1;
    padding: 90px 60px 60px 25px;
    background: #d2f4ff;
    color: #222;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.offplan-exper_contact-header {
    flex-grow: 1
}

.offplan-exper_contact-name {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 15px
}

.offplan-exper_contact-desc {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%
}

.offplan-exper_contact-desc br {
    display: none
}

.offplan-exper_contact-office,
.offplan-exper_contact-phone {
    position: relative;
    display: flex;
    align-items: flex-start
}

.offplan-exper_contact-office {
    margin-top: 20px
}

.offplan-exper_contact-phone .whatContainer {
    display: none
}

.offplan-exper_contact-icon {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.offplan-exper_contact-phone .offplan-exper_contact-icon {
    background-image: url(../icons/phone_blue.html)
}

.offplan-exper_contact-office .offplan-exper_contact-icon {
    background-image: url(../icons/placeholder_blue.html)
}

.offplan-exper_contact-icon img {
    display: none
}

.offplan-exper_contact-content,
.offplan-exper_contact-phone .offplan-exper_contact-icon+span {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #222 !important
}

.offplan-exper_request {
    order: 3;
    flex: 0 0 360px;
    border-radius: 0 8px 8px 0;
    padding: 30px 30px 20px;
    background: #fd8f5e;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.offplan-exper_form-header {
    margin-bottom: 15px
}

.offplan-exper_form-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%
}

.offplan-exper_form form {
    position: relative;
    width: 100%
}

.offplan-exper_form form .wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.offplan-exper_form .wpcf7-list-item-label {
    color: #fff !important
}

.offplan-exper_form .form-group {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.offplan-exper_form .form-group label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.offplan-exper_form .form-group label.filled {
    background: #fd8f5e;
    color: #fff;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.offplan-exper_form .form-group input,
.offplan-exper_form .form-group textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 4px
}

.offplan-exper_form .form-group input {
    height: 40px
}

.offplan-exper_form .form-group textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.offplan-exper_form .checkbox {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 20px
}

.offplan-exper_form div.checkbox .label,
.offplan-exper_form div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.offplan-exper_form button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 0 auto;
    min-height: 40px;
    width: 100%;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s
}

.offplan-exper_form button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media(max-width:1120px) {
    .container.offplan-exper-wrp {
        flex-wrap: wrap
    }

    .offplan-exper_agent {
        flex: 0 0 50%;
        border-radius: 8px 0 0
    }

    .offplan-exper_contact {
        flex: 0 0 50%;
        border-radius: 0 8px 0 0
    }

    .offplan-exper_request {
        flex: 0 0 100%;
        border-radius: 0 0 8px 8px
    }
}

@media(max-width:768px) {
    .offplan-exper_agent {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 30px;
        background: #fd8f5e;
        border-radius: 8px 0 0;
        order: 1
    }

    .offplan-exper_contact-header {
        flex-grow: initial;
        margin-bottom: 25px
    }

    .offplan-exper_contact {
        max-width: 100%;
        border-radius: 0 0 8px 8px;
        order: 3;
        flex: 0 0 100%
    }

    .offplan-exper {
        padding-top: 0;
        padding-bottom: 15px
    }

    .offplan-exper_contact {
        padding: 10px 30px 30px;
        background: #fd8f5e;
        color: #fff
    }

    .offplan-exper_request {
        max-width: 50%;
        flex: 0 0 50%;
        border-radius: 0 8px 0 0;
        order: 2;
        padding: 30px
    }

    .offplan-exper_agent div {
        height: 335px
    }

    .offplan-exper_contact-name {
        font-family: InterSemiBold, sans-serif;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 3px
    }

    .offplan-exper_contact-desc {
        font-size: 16px;
        line-height: 150%
    }

    .offplan-exper_contact-icon {
        margin-right: 10px
    }

    .offplan-exper_contact-content,
    .offplan-exper_contact-phone .offplan-exper_contact-content>a,
    .offplan-exper_contact-phone .offplan-exper_contact-content>span,
    .offplan-exper_contact-phone .offplan-exper_contact-icon+span {
        color: #fff !important
    }

    .offplan-exper_contact-office {
        margin-top: 24px
    }

    .offplan-exper_contact-office:after {
        position: absolute;
        top: -12px;
        left: 30px;
        content: '';
        width: 220px;
        height: 1px;
        background: #fd8f5e;
        opacity: .4
    }

    .offplan-exper_form-header {
        margin-bottom: 20px
    }
}

@media(max-width:641px) {

    .offplan-exper_agent,
    .offplan-exper_contact,
    .offplan-exper_request {
        flex: 0 0 100%;
        border-radius: 0;
        max-width: 100%
    }

    .offplan-exper_agent {
        order: 1;
        background: #fd8f5e
    }

    .offplan-exper_contact {
        order: 2
    }

    .offplan-exper_request {
        order: 3
    }

    .offplan-exper_form button[type=submit] {
        width: auto
    }
}

.as_lits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0;
    max-width: 930px;
    padding: 0;
    margin-top: 20px;
    position: relative;
    z-index: 10
}

.as_lits-item {
    display: flex;
    padding: 13px 0 10px;
    color: #222;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    align-items: center
}

.as_lits-title {
    flex: 0 0 40%;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    padding-right: 10px
}

.as_lits-params {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%
}

.as_lits-params a {
    color: #fd8f5e
}

.as_lits-params a:hover {
    color: #fd8f5e
}

@media only screen and (max-width:768px) {
    .as_lits {
        display: block
    }

    .as_lits-item {
        font-size: 14px;
        padding: 10px 0
    }

    .as_lits-item:last-child {
        border-bottom: 1px solid #e9e9e9
    }
}

.advRow.as_grid {
    position: relative;
    justify-content: flex-start;
    background: 0 0;
    padding: 0 !important;
    margin-top: 50px;
    max-width: 950px
}

.advRow.as_grid:after,
.advRow.as_grid:before {
    position: absolute;
    content: '';
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: #dfdfdf
}

.advRow.as_grid:before {
    top: 0
}

.advRow.as_grid:after {
    bottom: 0
}

.as_grid-cell {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 20px 10px
}

.as_grid-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%
}

.as_grid-params {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fd8f5e
}

.as_grid-title {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #222;
    margin-top: 5px
}

.as_grid-title br {
    content: " ";
    display: none
}

@media only screen and (max-width:768px) {
    .advRow.as_grid {
        margin-top: 10px
    }

    .as_grid-cell {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.fp-slider {
    position: relative;
    margin: 30px 0 0
}

.fpSliderTabs.owl-dots {
    position: absolute;
    left: 0;
    top: 25px;
    width: 40%;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.fpSliderTabs .owl-dot {
    position: relative;
    background: 0 0;
    border: 0;
    padding: 0 25px 3px 0;
    text-align: left;
    color: #222
}

.fpSliderTabs .owl-dot:after,
.fpSliderTabs .owl-dot:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.fpSliderTabs .owl-dot:before {
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #fd8f5e
}

.fpSliderTabs .owl-dot:after {
    opacity: 0;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #fd8f5e
}

.fpSliderTabs .owl-dot.active:after {
    opacity: 1
}

.fpSliderTabs .owl-dot span {
    display: inline-block;
    font-size: 16px;
    pointer-events: none;
    padding-left: 24px;
    color: #222
}

.fpSliderTabs .owl-dot span br {
    display: none
}

.fpSliderTabs .owl-dot b {
    font-weight: 400
}

.fpSlider.owl-carousel {
    z-index: 1
}

.fpSlider__row {
    display: flex;
    justify-content: space-between;
    margin: 0 -40px
}

.fpSlider__col--image {
    width: 60%;
    padding: 20px 40px
}

.fpSlider__col--desc {
    width: 40%;
    padding: 85px 40px 20px
}

.fpSlider__col--image img {
    height: 380px !important;
    object-fit: contain !important
}

.fpSlider__desc-head {
    margin-bottom: 10px
}

.fpSlider__desc-head h3 {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    margin: 0
}

.fpSlider__desc-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1
}

.fpSlider__desc-item img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
    margin-right: 10px
}

.fpSlider__desc-item p {
    flex-basis: 135px;
    font-family: InterSemiBold, sans-serif;
    margin: 0
}

.fpSlider__desc-item span {
    flex-grow: 1;
    font-family: Inter, sans-serif
}

.fpSlider__desc-btns {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.fpSlider__desc-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 8px 24px;
    margin: 10px 0 0;
    height: 40px;
    min-width: calc(50% - 5px);
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008CE4FF 50%, #008CE4FF 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border-radius: 8px
}

.fpSlider__desc-btn--PDF {
    color: #fd8f5e;
    background: #fff;
    background: linear-gradient(90deg, #fff 0, #fff 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    border: 1px solid #fd8f5e
}

.fpSlider__desc-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (max-width:1180px) {
    .fpSlider__row {
        margin: 0 -20px
    }

    .fpSlider__col--image {
        padding: 20px
    }

    .fpSlider__col--desc {
        padding: 85px 20px 20px
    }
}

@media only screen and (max-width:990px) {
    .fpSliderTabs.owl-dots {
        position: initial;
        width: 100%
    }

    .fpSlider__row {
        flex-wrap: wrap
    }

    .fpSlider__col {
        width: 100%;
        padding: 20px
    }

    .fpSlider__col--image {
        order: -1
    }
}

@media only screen and (max-width:767px) {
    .fp-slider {
        margin-top: 15px
    }

    .fpSliderTabs .owl-dot {
        width: 33.33%;
        padding: 10px 0
    }

    .fpSlider__row {
        margin: 0 -10px
    }

    .fpSlider__col {
        padding: 10px
    }

    .fpSlider__col--image img {
        height: 100% !important;
        max-height: 100vh !important
    }

    .fpSlider__desc-head {
        margin-bottom: 10px
    }

    .fpSlider__desc-btns {
        margin-top: 10px;
        justify-content: center;
        flex-direction: column
    }

    .fpSlider__desc-btn {
        min-width: 100%;
        width: auto;
        min-width: 280px
    }
}

.featureProjects>.container.fp:nth-child(2) {
    padding-top: 50px
}

.fp-table {
    margin: 30px 0 0;
    max-width: 100%;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #222
}

.fp-table table,
.fp-table tbody,
.fp-table td,
.fp-table th,
.fp-table tr {
    border: 0 !important;
    transition: background-color .2s ease-in-out
}

.fp-table table {
    position: relative;
    width: 100%;
    border-spacing: 0;
    padding-bottom: 10px
}

.fp-table table tbody,
.fp-table table thead {
    display: block
}

.fp-table table thead.fixedHeader {
    position: fixed;
    top: 0;
    left: calc(50vw - ((1160px + .5em)/2));
    z-index: 1;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 1160px
}

body.logged-in .fp-table table thead.fixedHeader {
    top: 32px
}

#headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
    top: 125px
}

body.logged-in #headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
    top: calc(125px + 32px)
}

.fp-table table thead.fixedHeader::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: 0 0
}

.fp-table table tr td {
    padding: 17px 25px 15px;
    line-height: 1.3
}

.fp-table table tr td p {
    margin: 0
}

.fp-table table thead tr td {
    padding: 16px 25px 14px;
    word-break: break-word
}

.fp-table table thead tr td,
.fp-table table thead tr td p {
    font-family: InterSemiBold, sans-serif;
    font-size: 15px;
    background-color: #fd8f5e;
    color: #fff
}

.fp-table table thead tr td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.fp-table table thead tr td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.fp-table table tbody tr:nth-child(even) {
    background: #f9f9f9
}

.fp-table table tbody tr:hover {
    background-color: #eee;
    cursor: pointer
}

.fp-table table tbody tr td {
    min-width: 204px
}

.fp-table table tbody tr td.fp-table__col--img {
    min-width: 140px;
    cursor: default
}

.fp-table table tbody tr td.fp-table__col--img img {
    width: 90px;
    height: 90px;
    object-fit: cover
}

.fp-table table tbody tr td.fp-table__col--price,
.fp-table table tbody tr td.fp-table__col--size {
    white-space: nowrap
}

@media(max-width:1160px) {
    .fp-table table thead.fixedHeader {
        left: 10px;
        right: 10px
    }
}

@media(max-width:990px) {
    #headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
        top: 91px
    }

    body.logged-in #headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
        top: calc(91px + 32px)
    }
}

@media only screen and (max-width:767px) {
    .fp-table table thead.fixedHeader {
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding-left: 20px
    }

    body.logged-in .fp-table table thead.fixedHeader {
        top: 46px
    }

    #headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
        top: 67px
    }

    body.logged-in #headerMenu.scroll~.featureProjects .fp-table table thead.fixedHeader {
        top: calc(67px + 46px)
    }

    .fp-table table tr td {
        padding: 12px 15px 10px
    }

    .fp-table table tr td:last-child {
        min-width: calc(150px + 20px) !important;
        border-right: 20px solid #fff !important
    }

    .fp-table table thead tr td {
        position: relative;
        padding: 11px 15px 9px
    }

    .fp-table table thead tr td:last-child:after,
    .fp-table table thead tr td:last-child:before {
        position: absolute;
        content: '';
        right: 0;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }

    .fp-table table thead tr td:last-child:after {
        background-image: url(../icons/border-top-right-radius-8.html);
        top: 0
    }

    .fp-table table thead tr td:last-child:before {
        background-image: url(../icons/border-bottom-right-radius-8.html);
        bottom: 0
    }

    .fp-table table tbody tr td.fp-table__col {
        min-width: 150px
    }

    .fp-table table tbody tr td.fp-table__col--img {
        min-width: auto
    }

    .fp-table table tbody tr td.fp-table__col--img img {
        width: 70px;
        height: 70px
    }
}

@media only screen and (max-width:640px) {
    .fp-table table thead.fixedHeader {
        padding-left: 10px
    }

    .fp-table table tr td:last-child {
        min-width: calc(150px + 10px) !important;
        border-right-width: 10px !important
    }
}

.Faq {
    display: block;
    margin: 15px 0
}

.Faq_item {
    border-bottom: 1px solid #dfe4ea
}

.Faq_item:last-child {
    border-bottom: none
}

.Faq_title {
    position: relative;
    cursor: pointer;
    padding: 20px 50px 20px 0;
    width: 100%
}

.Faq_title:after,
.Faq_title:before {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #8f8f8f;
    content: "";
    right: 0;
    top: calc(50% - 1px);
    transition: transform .4s, background-color .3s
}

.Faq_title:before {
    transform: rotate(-90deg)
}

.Faq_item.active .Faq_title:before {
    transform: rotate(0)
}

.Faq_item.active .Faq_title:after,
.Faq_title:hover:after,
.Faq_title:hover:before {
    background-color: #fd8f5e
}

.Faq_title-item {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    transition: color .2s
}

.Faq_title:hover .Faq_title-item {
    color: #fd8f5e
}

.Faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s, margin .4s
}

.Faq_item.active .Faq_answer {
    max-height: 1000px;
    margin-top: -10px
}

.Faq_answer-item {
    padding-bottom: 30px
}

.Faq_answer-item p {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #222;
    margin-bottom: 0
}

@media(max-width:767px) {
    .Faq_title-item {
        font-size: 18px
    }

    .Faq_title:after,
    .Faq_title:before {
        top: 32px
    }

    .Faq_answer-item {
        padding-bottom: 15px
    }
}

.reviews {
    color: #222
}

.reviews__head {
    max-width: calc(100% - (40px * 2) - 20px)
}

.reviews__title {
    color: #fff !important;
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 0
}

.reviews__desc {
    margin-top: 15px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media(max-width:767px) {
    .reviews__title {
        font-size: 28px
    }

    .reviews__head {
        max-width: 100%
    }
}

.review {
    padding: 20px;
    border: 1px solid #e9e9e9;
    border-radius: 8px
}

.review-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px
}

.review-header__rating {
    display: flex;
    align-items: center
}

.review-header__rating-value {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 1;
    margin-right: 5px
}

.review-header__rating-body .item-rating,
.review-header__rating-body .item-rating-fill {
    display: block;
    height: 23px;
    line-height: 23px;
    background-repeat: repeat-x;
    background-size: auto 19px;
    background-position: left center
}

.review-header__rating-body .item-rating {
    background-image: url(../icons/rating-agent-gray-BR.html);
    position: relative;
    overflow: hidden;
    width: 120px;
    margin: 0 auto
}

.review-header__rating-body .item-rating-fill {
    background-image: url(../icons/rating-agent-new-BR.html);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0
}

.review-header__date span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #8f8f8f
}

.review-body {
    margin-bottom: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9e9e9
}

.review-body__title h3 {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px
}

.review-body__text p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 0
}

.review-body__text-msq {
    border-radius: 4px;
    padding: 2px 5px;
    display: inline-block;
    font-size: 10px;
    background-color: #f1f1f1
}

.review-body__text-label {
    color: #8f8f8f;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-top: 40px
}

@media(max-width:767px) {
    .review-body__text-label {
        font-size: 12px
    }
}

.review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.review-footer__author span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #8f8f8f
}

.review-footer__system {
    height: 20px
}

.review-footer__system img {
    max-height: 100%;
    height: 100%;
    width: auto !important;
    object-fit: contain
}

#ReviewsCaroseul {
    position: relative;
    margin-top: 30px
}

#ReviewsCaroseul .owl-stage-outer {
    padding-bottom: 1px
}

#ReviewsCaroseul .owl-nav {
    position: absolute;
    top: -70px;
    z-index: 10;
    width: 100%
}

#ReviewsCaroseul .owl-next,
#ReviewsCaroseul .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

#ReviewsCaroseul .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

#ReviewsCaroseul .owl-next {
    left: auto;
    right: 0
}

#ReviewsCaroseul .owl-next span,
#ReviewsCaroseul .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#ReviewsCaroseul .owl-next span:before,
#ReviewsCaroseul .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

#ReviewsCaroseul .owl-next:hover span:before,
#ReviewsCaroseul .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

#ReviewsCaroseul .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

.labels__image {
    max-width: 100%;
    object-fit: cover
}

.objects-grid__cards {
    margin-top: 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 20px
}

.objects-grid__cards .property {
    position: relative;
    width: calc(33.33% - 13.33px)
}

@media only screen and (max-width:1024px) {
    .objects-grid__cards {
        margin-top: 35px
    }

    .objects-grid__cards .property {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:767px) {
    #ReviewsCaroseul {
        margin-top: 20px
    }

    #ReviewsCaroseul .owl-nav {
        top: 126px
    }

    #ReviewsCaroseul .owl-next,
    #ReviewsCaroseul .owl-prev {
        border: 2px solid #fff !important;
        background: #fd8f5e !important
    }

    #ReviewsCaroseul .owl-next {
        right: -10px
    }

    #ReviewsCaroseul .owl-prev {
        left: -10px
    }

    #ReviewsCaroseul .owl-next span:before,
    #ReviewsCaroseul .owl-prev span:before {
        width: 8px !important;
        background-image: url(../icons/btn-arrow-white-bold.html) !important
    }

    .objects-grid__cards {
        margin-top: 30px;
        row-gap: 20px
    }

    .objects-grid__cards .property {
        width: 100%
    }
}

.about-company__bottom-row,
.about-company__top-row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px
}

.about-company__top-row+.about-company__bottom-row {
    padding-top: 80px
}

.about-company__bottom-col,
.about-company__top-col {
    flex: 0 1 calc(50% - 10px)
}

.about-company__top-col_image {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    min-height: 170px
}

.about-company__top-col_image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.about-company__bottom-col_image {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.about-company__bottom-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.about-company__bottom-logo {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 185px;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    z-index: 2
}

.about-company__desc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.about-company__desc p:last-child {
    margin-bottom: 0
}

.about-company__items {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px
}

.about-company__item {
    flex: 0 1 calc(50% - 10px);
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e7e7e7
}

.about-company__item.dark {
    background: #fd8f5e;
    border-color: #fd8f5e
}

.about-company__item img {
    display: inline-block;
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 25px
}

.about-company__item-title {
    width: 100%;
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    color: #222;
    margin-top: auto;
    margin-bottom: 0
}

.about-company__item.dark .about-company__item-title {
    color: #fff
}

.about-company__item-desc {
    margin-top: 5px
}

.about-company__item-desc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.about-company__item-desc p:last-child {
    margin-bottom: 0
}

.about-company__item.dark .about-company__item-desc p {
    color: #fff;
    opacity: .7
}

@media only screen and (max-width:990px) {
    .about-company__top-row {
        flex-wrap: wrap;
        gap: 50px
    }

    .about-company__bottom-row {
        flex-wrap: wrap
    }

    .about-company__bottom-col,
    .about-company__top-col {
        flex: 0 1 100%
    }

    .about-company__top-col_image img {
        max-height: 190px
    }

    .about-company__bottom-image {
        position: static;
        height: 565px
    }
}

@media only screen and (max-width:743px) {
    .about-company__top-row+.about-company__bottom-row {
        padding-top: 20px
    }

    .about-company__bottom-row,
    .about-company__top-row {
        gap: 25px
    }

    .about-company__top-col_image {
        min-height: unset
    }

    .about-company__top-col_image img {
        max-height: 100px
    }

    .about-company__bottom-image {
        height: 320px
    }

    .about-company__bottom-logo {
        width: 130px;
        max-height: 50px
    }

    .about-company__desc p {
        font-size: 14px;
        line-height: 21px
    }

    .about-company__items {
        gap: 10px
    }

    .about-company__item {
        flex: 0 1 calc(50% - 5px);
        min-height: 170px;
        padding: 15px
    }

    .about-company__item img {
        width: 50px;
        height: 50px
    }

    .about-company__item-title {
        font-size: 30px;
        line-height: 36px
    }

    .about-company__item-desc p {
        font-size: 14px;
        line-height: 21px
    }
}

.offplan-expert__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 90px;
    margin-top: -20px
}

.offplan-expert__col_form {
    flex: 0 0 480px;
    padding-top: 35px
}

.offplan-expert__col_info {
    flex-grow: 1;
    padding-top: 50px
}

.offplan-expert__form-wrap form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left
}

.offplan-expert__form-wrap .wpcf7 form .wpcf7-response-output {
    width: 100%;
    margin: 25px 0 0
}

.offplan-expert__form-wrap div.checkbox {
    margin-bottom: 0
}

.offplan-expert__form-wrap .form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 20px !important;
    width: 100%
}

.offplan-expert__form-wrap .form-group:nth-child(2),
.offplan-expert__form-wrap .form-group:nth-child(3) {
    width: calc(50% - 15px)
}

.offplan-expert__form-wrap label,
.offplan-expert__form-wrap label.filled {
    order: -1;
    font-family: InterMedium, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 0;
    color: #344054;
    transform: none
}

.offplan-expert__form-wrap div.checkbox .label,
.offplan-expert__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f
}

.offplan-expert__form-wrap div.checkbox .label {
    margin-bottom: 10px
}

.offplan-expert__form-wrap div.checkbox .label:last-child {
    margin-bottom: 0
}

.offplan-expert__form-wrap div.checkbox .wpcf7-list-item-label {
    padding-left: 32px
}

.offplan-expert__form-wrap div.checkbox .wpcf7-list-item-label:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px
}

.offplan-expert__form-wrap div.checkbox .wpcf7-acceptance.not-valid .wpcf7-list-item-label:after {
    border-color: #f04438
}

.offplan-expert__form-wrap div.checkbox input:checked+.wpcf7-list-item-label:after {
    border-color: #fd8f5e
}

.offplan-expert__form-wrap div.checkbox .wpcf7-list-item-label:before {
    width: 10px;
    height: 20px;
    background: url(../icons/offplan-form-check.html) center/contain no-repeat;
    content: "";
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 2px;
    opacity: 0;
    transition: .3s
}

.offplan-expert__form-wrap .wpcf7-acceptance.not-valid .wpcf7-list-item-label {
    color: #f04438 !important
}

.offplan-expert__form-wrap .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05) !important
}

.offplan-expert__form-wrap .form-control::placeholder {
    color: #8f8f8f
}

.offplan-expert__form-wrap input[type=email]:focus,
.offplan-expert__form-wrap input[type=tel]:focus,
.offplan-expert__form-wrap input[type=text]:focus,
.offplan-expert__form-wrap textarea:focus {
    border-color: #fd8f5e !important
}

.offplan-expert__form-wrap textarea.form-control {
    height: 100px;
    min-height: 48px;
    max-height: 100px
}

.offplan-expert__form-wrap button {
    min-height: 48px;
    width: 100%;
    padding: 12px 15px;
    margin-top: 20px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    border-radius: 8px;
    outline: 0;
    transition: background .3s ease-in-out
}

.offplan-expert__form-wrap button:hover {
    background-position: 100% 0
}

.offplan-expert__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 30px 20px 20px;
    background: #fd8f5e;
    border-radius: 8px
}

.offplan-expert__info-photo {
    position: absolute;
    left: -35px;
    bottom: 0;
    height: calc(100% + 50px);
    width: auto;
    pointer-events: none
}

.offplan-expert__info-photo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: left bottom
}

.offplan-expert__info-quote {
    position: relative;
    max-width: 240px;
    margin-bottom: 0
}

.offplan-expert__info-quote::before {
    content: "";
    position: absolute;
    left: 0;
    top: -52px;
    width: 44px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/offplan-expert-quote.html)
}

.offplan-expert__info-quote p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffffb2
}

.offplan-expert__info-quote p:last-child {
    margin-bottom: 0
}

.offplan-expert__info-phone {
    margin-top: auto;
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.offplan-expert__info-phone>span {
    display: inline-block;
    color: inherit
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .offplan-expert__row {
        gap: 50px
    }

    .offplan-expert__col_form {
        flex: 0 0 45%
    }

    .offplan-expert__info-quote {
        max-width: 200px
    }
}

@media only screen and (max-width:990px) {
    .offplan-expert__row {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 0
    }

    .offplan-expert__col_form,
    .offplan-expert__col_info {
        flex: 0 1 100%;
        max-width: 100%
    }

    .offplan-expert__col_form {
        padding-top: 0
    }

    .offplan-expert__col_info {
        padding-top: 20px
    }

    .offplan-expert__form-wrap .form-group:nth-child(2),
    .offplan-expert__form-wrap .form-group:nth-child(3) {
        width: calc(50% - 10px)
    }

    .offplan-expert__info {
        min-height: 510px
    }

    .offplan-expert__info-photo {
        left: 30px;
        height: calc(100% + 20px)
    }

    .offplan-expert__info-quote::before {
        top: -45px;
        width: 35px;
        height: 27px
    }
}

@media only screen and (max-width:743px) {
    .offplan-expert__row {
        gap: 20px
    }

    .offplan-expert__col_info {
        padding-top: 10px
    }

    .offplan-expert__form-wrap .form-group {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    .offplan-expert__form-wrap label,
    .offplan-expert__form-wrap label.filled {
        font-size: 12px !important
    }

    .offplan-expert__form-wrap div.checkbox .label,
    .offplan-expert__form-wrap div.checkbox label {
        font-size: 10px !important;
        line-height: 15px
    }

    .offplan-expert__form-wrap div.checkbox .wpcf7-list-item-label:after,
    .offplan-expert__form-wrap div.checkbox .wpcf7-list-item-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .offplan-expert__form-wrap .form-control {
        height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 24px
    }

    .offplan-expert__form-wrap textarea.form-control {
        height: 100px;
        min-height: 40px
    }

    .offplan-expert__form-wrap button {
        min-height: 45px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px
    }

    .offplan-expert__info {
        justify-content: flex-start;
        padding: 20px
    }

    .offplan-expert__info-photo {
        padding-top: 100px;
        left: -10px
    }

    .offplan-expert__info-photo img {
        width: auto;
        object-position: right bottom
    }

    .offplan-expert__info-quote {
        max-width: 135px
    }

    .offplan-expert__info-quote::before {
        top: -29px;
        width: 29px;
        height: 22px
    }

    .offplan-expert__info-quote p {
        font-size: 14px;
        line-height: 21px
    }

    .offplan-expert__info-phone {
        margin-top: 15px;
        min-width: 135px;
        font-size: 14px;
        line-height: 21px
    }
}

@media only screen and (max-width:359px) {
    .offplan-expert__info-photo {
        left: -35px
    }
}

.propertySliderOffplan {
    margin-top: 30px
}

.propertySliderOffplan .owl-nav {
    top: -70px
}

.propertySliderOffplan .owl-prev {
    left: auto;
    right: calc(40px + 5px)
}

@media only screen and (max-width:767px) {
    .propertySliderOffplan {
        margin-top: 20px
    }

    .propertySliderOffplan .owl-nav {
        top: 180px
    }

    .propertySliderOffplan .owl-next {
        right: -20px
    }

    .propertySliderOffplan .owl-prev {
        left: -20px
    }
}

@media only screen and (max-width:641px) {
    .propertySliderOffplan .owl-next {
        right: 0
    }

    .propertySliderOffplan .owl-prev {
        left: 0
    }
}

.projectsSliderOffplan {
    margin-top: 30px
}

.projectsSliderOffplan .owl-nav {
    top: -70px
}

.projectsSliderOffplan .owl-prev {
    left: auto;
    right: calc(40px + 5px)
}

@media only screen and (max-width:767px) {
    .projectsSliderOffplan {
        margin-top: 20px
    }

    .projectsSliderOffplan .owl-nav {
        top: 200px
    }

    .projectsSliderOffplan .owl-next {
        right: -20px
    }

    .projectsSliderOffplan .owl-prev {
        left: -20px
    }
}

@media only screen and (max-width:641px) {
    .projectsSliderOffplan .owl-next {
        right: 0
    }

    .projectsSliderOffplan .owl-prev {
        left: 0
    }
}

.faq-offplan {
    display: block;
    margin: 0
}

.faq-offplan__item {
    border-bottom: 1px solid #e7e7e7
}

.faq-offplan__item:first-child {
    border-top: 1px solid #e7e7e7
}

.faq-offplan__item:last-child {
    border-bottom: 1px solid #e7e7e7
}

.faq-offplan__title {
    position: relative;
    cursor: pointer;
    padding: 25px 50px 25px 0;
    width: 100%
}

.faq-offplan__title:after,
.faq-offplan__title:before {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    width: 22px;
    height: 2px;
    background-color: #222;
    border-radius: 2px;
    transition: transform .4s, background-color .3s
}

.faq-offplan__title:before {
    transform: rotate(-90deg)
}

.faq-offplan__item.active .faq-offplan__title:before {
    transform: rotate(0)
}

.faq-offplan__title:hover:after,
.faq-offplan__title:hover:before {
    background-color: #fd8f5e
}

.faq-offplan__title-item {
    font-family: InterSemiBold, sans-serif;
    font-size: 25px;
    line-height: 32px;
    color: #222;
    transition: color .2s
}

.faq-offplan__title:hover .faq-offplan__title-item {
    color: #fd8f5e
}

.faq-offplan__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s, margin .4s
}

.faq-offplan__item.active .faq-offplan__answer {
    max-height: 1000px;
    margin-top: -10px
}

.faq-offplan__answer-item {
    padding-bottom: 25px
}

.faq-offplan__answer-item p {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6d6e70;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .faq-offplan__title {
        padding: 20px 40px 20px 0
    }

    .faq-offplan__title:after,
    .faq-offplan__title:before {
        width: 18px
    }

    .faq-offplan__title-item {
        font-size: 20px;
        line-height: 26px
    }

    .faq-offplan__answer-item {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:743px) {
    .faq-offplan__title-item {
        font-size: 18px
    }

    .faq-offplan__answer-item p {
        font-size: 14px
    }
}

.floor-plans__itemHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    background: #f7f7f5
}

.floor-plans__itemHead-col:nth-child(1) {
    flex-basis: 380px
}

.floor-plans__itemHead-col:nth-child(2) {
    flex-grow: 1
}

.floor-plans__itemHead-col:nth-child(3) {
    flex-basis: 320px
}

.floor-plans__itemHead-col span {
    display: block;
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #8f8f8f
}

.floor-plans__itemHead-col:nth-child(1) span {
    padding-left: 20px
}

.floor-plans__itemHead-col:nth-child(3) span {
    padding-right: 20px
}

.floor-plans__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    border-bottom: 1px solid #e7e7e7
}

.floor-plans__item-rowTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 30px 0;
    cursor: pointer;
    position: relative
}

.floor-plans__item-rowTop:after,
.floor-plans__item-rowTop:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 28px;
    right: 0;
    width: 40px;
    height: 40px
}

.floor-plans__item-rowTop:after {
    border-radius: 8px;
    border: 1px solid #fd8f5e
}

.floor-plans__item-rowTop:before {
    background-image: url(../icons/project-new-fp-arrow.html);
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .2s
}

.floor-plans__item.active .floor-plans__item-rowTop:before {
    transform: rotate(180deg)
}

.floor-plans__item-rowTop-col:nth-child(1) {
    flex-basis: 380px
}

.floor-plans__item-rowTop-col:nth-child(2) {
    flex-grow: 1
}

.floor-plans__item-rowTop-col:nth-child(3) {
    flex-basis: 320px;
    padding-right: 45px
}

.floor-plans__item-rowTop-col p {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #222;
    margin-bottom: 0
}

.floor-plans__item-rowTop-col span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.floor-plans__item-rowBottom {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height .25s, opacity .4s, padding .5s
}

.floor-plans__item.active .floor-plans__item-rowBottom {
    padding: 5px 0 30px;
    max-height: 100%;
    opacity: 1;
    pointer-events: auto
}

.floor-plans__item-rowBottom-col_gallery {
    flex-grow: 1;
    max-width: calc(100% - 340px - 20px)
}

.floor-plans__item-rowBottom-col_gallery.full-width {
    max-width: 100%
}

.floor-plans__item-rowBottom-col_table {
    flex-basis: 340px
}

.floor-plans__gallery {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: 340px
}

.floor-plans__gallery-col_gallery {
    flex: 0 0 160px
}

.floor-plans__gallery-col_image {
    flex-grow: 1;
    max-width: calc(100% - 160px - 70px)
}

.floor-plans__gallery-col_image.full-width {
    max-width: 100%
}

.floorPlansGallery.slick-slider {
    position: relative;
    min-width: 0;
    padding: 25px 0;
    margin-top: -15px
}

.floorPlansGallery .slick-list {
    overflow: hidden;
    margin: -3px 0
}

.floorPlansGallery .slick-track {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.floorPlansGallery .slick-slide {
    cursor: pointer
}

.floorPlansGallery .slick-arrow {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.floorPlansGallery .slick-arrow.slick-prev {
    top: 0
}

.floorPlansGallery .slick-arrow.slick-next {
    bottom: 0
}

.floorPlansGallery .slick-arrow svg {
    width: 15px;
    height: 100%;
    object-fit: contain
}

.floorPlansGallery__item {
    padding: 3px 0;
    overflow: hidden
}

.floorPlansGallery__item a {
    display: block;
    width: 100%;
    height: 100%
}

.floorPlansGallery__img-wrap {
    background: #f7f7f5;
    border-radius: 8px;
    height: 100px;
    width: 100%;
    transform: scale(.85);
    transition: transform .2s ease-in-out
}

.floorPlansGallery .slick-slide.slick-current .floorPlansGallery__img-wrap {
    transform: scale(1)
}

.floorPlansGallery__item img {
    padding: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.floorPlansImage.slick-slider {
    min-width: 0;
    height: 100%
}

.floorPlansImage .slick-list {
    overflow: hidden;
    height: 100%
}

.floorPlansImage .slick-track {
    display: flex;
    align-items: flex-start;
    height: 100%
}

.floorPlansImage__item {
    width: 100%;
    height: 100%
}

.floorPlansImage__item a {
    display: block;
    width: 100%;
    height: 100%
}

.floorPlansImage__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%
}

.floor-plans__table-info {
    padding: 20px;
    background: #f7f7f5;
    border-radius: 8px
}

.floor-plans__table-info-title {
    font-family: InterMedium, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 12px
}

.floor-plans__table-info-items {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

.floor-plans__table-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid #e7e7e7;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.floor-plans__table-info-item:last-child {
    border: none;
    padding-bottom: 0
}

.floor-plans__table-info-item-title {
    color: #6d6e70
}

.floor-plans__table-info-item-params {
    color: #222
}

.floor-plans__table-info-item-params a {
    display: inline-block;
    color: #fd8f5e;
    padding-right: 28px;
    cursor: pointer;
    position: relative
}

.floor-plans__table-info-item-params a:hover {
    text-decoration: underline;
    color: #fd8f5e
}

.floor-plans__table-info-item-params a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 2px;
    height: 100%;
    width: 22px;
    background-image: url(../icons/project-new-documents.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.floor-plans__table-info-btns {
    order: 100;
    padding-top: 35px
}

.floor-plans__table-info-btn {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    min-height: 50px;
    width: 100%;
    padding: 13px 15px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.floor-plans__table-info-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.floor-plans__btn-wrap {
    padding-top: 20px
}

.floor-plans__btn {
    display: inline-block;
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    min-height: 63px;
    width: 100%;
    padding: 18px 20px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.floor-plans__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 8px;
    background-image: url(../icons/project-new-documents.html);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 24px;
    filter: brightness(0) grayscale(1) invert(100%)
}

.floor-plans__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:990px) {

    .floor-plans__itemHead-col:nth-child(1),
    .floor-plans__itemHead-col:nth-child(3) {
        flex: 0 1 calc(50% - 10px)
    }

    .floor-plans__itemHead-col:nth-child(2) {
        display: none
    }

    .floor-plans__item-rowTop {
        flex-wrap: wrap;
        row-gap: 7px
    }

    .floor-plans__item-rowTop-col:nth-child(1),
    .floor-plans__item-rowTop-col:nth-child(3) {
        flex: 0 1 calc(50% - 10px)
    }

    .floor-plans__item-rowTop-col:nth-child(2) {
        flex: 0 1 100%;
        order: 10
    }

    .floor-plans__item-rowTop-col:nth-child(2) span {
        color: #8f8f8f
    }

    .floor-plans__item-rowBottom {
        flex-wrap: wrap;
        gap: 60px
    }

    .floor-plans__item.active .floor-plans__item-rowBottom {
        padding: 30px 0
    }

    .floor-plans__item-rowBottom-col_gallery,
    .floor-plans__item-rowBottom-col_table {
        flex: 0 1 100%;
        max-width: 100%
    }

    .floor-plans__gallery {
        height: 300px
    }

    .floor-plans__gallery-col_gallery {
        flex: 0 0 150px
    }

    .floor-plans__gallery-col_image {
        max-width: calc(100% - 150px - 15px)
    }

    .floorPlansGallery.slick-slider {
        margin-top: -22px
    }

    .floorPlansGallery__img-wrap {
        height: 95px
    }
}

@media only screen and (max-width:743px) {
    .floor-plans__itemHead {
        display: none
    }

    .floor-plans__itemHead+.floor-plans__item {
        border-top: 1px solid #e7e7e7
    }

    .floor-plans__item-rowTop {
        padding: 20px 0;
        row-gap: 9px
    }

    .floor-plans__item-rowTop:after,
    .floor-plans__item-rowTop:before {
        top: 20px;
        width: 30px;
        height: 30px
    }

    .floor-plans__item-rowTop:before {
        background-size: 13px auto
    }

    .floor-plans__item-rowTop-col:nth-child(1) {
        flex: 0 1 100%;
        padding-right: 35px
    }

    .floor-plans__item-rowTop-col:nth-child(2) {
        flex: 0 1 calc(50% - 10px);
        order: unset
    }

    .floor-plans__item-rowTop-col:nth-child(3) {
        flex: 0 1 calc(50% - 10px);
        padding-right: 0
    }

    .floor-plans__item-rowTop-col p {
        font-size: 20px;
        line-height: 24px
    }

    .floor-plans__item-rowTop-col span {
        font-size: 14px;
        line-height: 21px
    }

    .floor-plans__item.active .floor-plans__item-rowBottom {
        padding: 40px 0 20px
    }

    .floor-plans__gallery {
        height: 150px
    }

    .floor-plans__gallery-col_gallery {
        flex: 0 0 85px
    }

    .floor-plans__gallery-col_image {
        max-width: calc(100% - 85px - 20px)
    }

    .floorPlansGallery.slick-slider {
        padding: 15px 0;
        margin-top: -22px
    }

    .floorPlansGallery .slick-list {
        margin: 0
    }

    .floorPlansGallery .slick-arrow {
        height: 20px
    }

    .floorPlansGallery .slick-arrow svg {
        width: 10px
    }

    .floorPlansGallery__item {
        padding: 0
    }

    .floorPlansGallery__img-wrap {
        height: 55px
    }

    .floor-plans__table-info-title {
        font-size: 12px;
        margin-bottom: 5px
    }

    .floor-plans__table-info-item {
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0
    }

    .floor-plans__table-info-btns {
        padding-top: 25px
    }

    .floor-plans__table-info-btn {
        padding: 12px 10px;
        min-height: 45px;
        font-size: 14px;
        line-height: 21px
    }

    .floor-plans__btn {
        padding: 14px 10px;
        min-height: 50px;
        font-size: 14px;
        line-height: 21px
    }

    .floor-plans__btn:after {
        width: 22px;
        height: 20px
    }
}

.amenities__list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px
}

.amenities__item {
    flex: 0 1 calc(50% - 10px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column
}

.amenities__item-icon-wrap {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 174, 230, .1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

.amenities__item-icon {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.amenities__item-title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px
}

.amenities__item-description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70;
    margin-bottom: auto
}

.amenities__item-image {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 30px
}

.amenities__cloud {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

.amenities__cloud-item {
    flex-grow: 1
}

.amenities__cloud-item-wrapper {
    border: 1px solid rgba(0, 174, 230, .5);
    border-radius: 8px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.amenities__cloud-item-wrapper img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

.amenities__cloud-item-label {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #fd8f5e
}

.amenities__cloud-item-link {
    border-radius: 8px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    background-color: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.amenities__cloud-item-link:hover {
    color: #fff;
    background-position: 100% 0
}

.amenities__cloud-item-link img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

@media only screen and (max-width:990px) {
    .amenities__list {
        flex-wrap: wrap;
        gap: 50px;
        margin-bottom: 30px
    }

    .amenities__item {
        flex: 0 1 100%
    }

    .amenities__cloud-item {
        flex-grow: 0
    }
}

@media only screen and (max-width:743px) {
    .amenities__item-icon-wrap {
        width: 60px;
        height: 60px;
        margin-bottom: 25px
    }

    .amenities__item-icon {
        width: 35px;
        height: 35px
    }

    .amenities__item-title {
        font-size: 20px;
        line-height: 24px
    }

    .amenities__item-description {
        font-size: 14px;
        line-height: 21px
    }

    .amenities__item-image {
        height: 320px
    }

    .amenities__cloud {
        gap: 7px
    }

    .amenities__cloud-item-link,
    .amenities__cloud-item-wrapper {
        padding: 5px 10px
    }
}

.offplan-developers__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px
}

.offplan-developers__left {
    flex-grow: 1
}

.offplan-developers__right {
    flex: 0 0 320px;
    background-color: #f7f7f5;
    border-radius: 8px;
    padding: 20px
}

.offplan-developers__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70;
    margin-bottom: 0
}

.offplan-developers__img-wrap {
    height: 110px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.offplan-developers__img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.offplan-developers__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 13px 15px;
    border-radius: 8px;
    border: 1px solid #fd8f5e;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.offplan-developers__btn:hover {
    background-color: #fd8f5e;
    color: #fff
}

.offplan-developers__btn img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    transition: filter .3s
}

.offplan-developers__btn:hover img {
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:990px) {
    .offplan-developers__wrapper {
        flex-wrap: wrap;
        gap: 30px
    }

    .offplan-developers__left,
    .offplan-developers__right {
        max-width: 100%;
        flex: 0 1 100%
    }

    .offplan-developers__left {
        order: 2
    }

    .offplan-developers__right {
        order: 1;
        background-color: transparent;
        padding: 0
    }

    .offplan-developers__btn {
        display: none
    }

    .offplan-developers__img-wrap {
        margin-bottom: 0
    }

    .offplan-developers__img {
        width: 215px
    }
}

@media only screen and (max-width:743px) {
    .offplan-developers__wrapper {
        gap: 20px
    }

    .offplan-developers__img-wrap {
        height: 85px
    }

    .offplan-developers__img {
        width: 170px;
        object-position: center left
    }

    .offplan-developers__desc {
        font-size: 14px;
        line-height: 21px
    }
}

.materials__items {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px
}

.materials__item {
    flex: 0 1 calc(25% - 15px)
}

.materials__item-link {
    display: block;
    height: 100%;
    width: 100%
}

.materials__item-img {
    border-radius: 8px;
    width: 100%;
    height: 375px;
    object-fit: cover
}

.materials__item-title {
    display: inline-block;
    margin: 25px 0 5px;
    padding-right: 30px;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #222;
    transition: color .2s;
    position: relative
}

.materials__item-title:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 25px;
    background-image: url(../icons/project-new-documents.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.materials__item-link:hover .materials__item-title {
    color: #fd8f5e
}

.materials__item-size {
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

@media only screen and (max-width:990px) {
    .materials__items {
        margin: 0 -10px;
        padding: 0 10px;
        flex-wrap: nowrap;
        overflow: auto
    }

    .materials__item {
        flex: 0 0 265px
    }
}

@media only screen and (max-width:767px) {
    .materials__items {
        margin: 0 -20px;
        padding: 0 20px
    }
}

@media only screen and (max-width:743px) {
    .materials__item {
        flex: 0 0 165px
    }

    .materials__item-title {
        margin: 15px 0 3px;
        padding-right: 27px;
        font-size: 20px;
        line-height: 26px
    }

    .materials__item-title:after {
        width: 20px
    }

    .materials__item-size {
        font-size: 12px;
        line-height: 18px
    }

    .materials__item-img {
        height: 235px
    }
}

@media only screen and (max-width:640px) {
    .materials__items {
        margin: 0 -10px;
        padding: 0 10px
    }
}

.offplan-image_full_width {
    position: relative;
    margin: 80px 0 0
}

.offplan-image_full_width__img {
    width: 100%;
    height: 740px;
    max-height: 80vh;
    object-fit: cover
}

.offplan-image_full_width__container-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.offplan-image_full_width__container {
    padding-top: 30px
}

.offplan-image_full_width__label,
.offplan-image_full_width__link {
    border-radius: 8px;
    padding: 2px 10px;
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background-color: #fff;
    color: #fd8f5e;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 1px solid #fff;
    transition: .5s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.offplan-image_full_width__link:hover {
    border: 1px solid #fd8f5e;
    color: #fd8f5e
}

.offplan-image_full_width__label img,
.offplan-image_full_width__link img {
    width: 16px;
    height: 100%;
    object-fit: contain
}

@media only screen and (max-width:990px) {
    .offplan-image_full_width__img {
        height: 380px
    }

    .offplan-image_full_width__container {
        padding-top: 20px
    }
}

@media only screen and (max-width:743px) {
    .offplan-image_full_width {
        margin: 65px 0 0
    }
}

.economic_appeal__wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px
}

.economic_appeal__item {
    flex: 0 1 calc(50% - 20px)
}

.economic_appeal__item_right {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px
}

.economic_appeal__description p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.economic_appeal__description p:last-of-type {
    margin-bottom: 0
}

.economic_appeal__item-content {
    margin-top: auto;
    padding: 5px
}

.economic_appeal__item-span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #6d6e70;
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 8px;
    padding: 2px 10px;
    margin-bottom: 15px
}

.economic_appeal__price,
.economic_appeal__roi {
    background-color: #f7f7f5;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.economic_appeal__price {
    max-width: calc(60% - 10px);
    flex-basis: calc(60% - 10px)
}

.economic_appeal__roi {
    max-width: calc(40% - 10px);
    flex-basis: calc(40% - 10px)
}

.economic_appeal__item-title {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.economic_appeal__item-desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #6d6e70
}

@media only screen and (max-width:990px) {
    .economic_appeal__wrapper {
        flex-wrap: wrap;
        gap: 50px
    }

    .economic_appeal__item {
        flex: 0 1 100%
    }

    .economic_appeal__price,
    .economic_appeal__roi {
        max-width: calc(50% - 10px);
        flex: calc(50% - 10px);
        min-height: 210px
    }
}

@media only screen and (max-width:743px) {
    .economic_appeal__wrapper {
        gap: 30px
    }

    .economic_appeal__item_right {
        gap: 10px
    }

    .economic_appeal__description p {
        font-size: 14px;
        line-height: 21px
    }

    .economic_appeal__item-span {
        font-size: 10px
    }

    .economic_appeal__item-content {
        padding: 0
    }

    .economic_appeal__price,
    .economic_appeal__roi {
        padding: 20px 20px 15px
    }

    .economic_appeal__price {
        max-width: calc(60% - 5px);
        flex-basis: calc(60% - 5px)
    }

    .economic_appeal__roi {
        max-width: calc(40% - 5px);
        flex-basis: calc(40% - 5px)
    }

    .economic_appeal__item-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 5px
    }

    .economic_appeal__item-desc {
        font-size: 14px;
        line-height: 21px
    }
}

.brochure__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 90px
}

.brochure__col_form {
    flex: 0 0 480px
}

.brochure__col_image {
    position: relative;
    flex-grow: 1;
    padding-top: 20px;
    padding-bottom: 30px
}

.brochure__image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.brochure__info {
    position: absolute;
    bottom: 0;
    right: 50px;
    z-index: 1
}

.brochure__info-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 5px
}

.brochure__info-title h3 {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 0;
    color: #222
}

.brochure__info-title img {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.brochure__info-size {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #8f8f8f
}

.brochure__form-wrap form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left
}

.brochure__form-wrap .wpcf7 form .wpcf7-response-output {
    width: 100%;
    margin: 25px 0 0
}

.brochure__form-wrap div.checkbox {
    margin-bottom: 0
}

.brochure__form-wrap .form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 20px !important;
    width: 100%
}

.brochure__form-wrap .form-group:nth-child(2),
.brochure__form-wrap .form-group:nth-child(3) {
    width: calc(50% - 15px)
}

.brochure__form-wrap label,
.brochure__form-wrap label.filled {
    order: -1;
    font-family: InterMedium, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 0;
    color: #344054;
    transform: none
}

.brochure__form-wrap div.checkbox .label,
.brochure__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f
}

.brochure__form-wrap div.checkbox .label {
    margin-bottom: 10px
}

.brochure__form-wrap div.checkbox .label:last-child {
    margin-bottom: 0
}

.brochure__form-wrap div.checkbox .wpcf7-list-item-label {
    padding-left: 32px
}

.brochure__form-wrap div.checkbox .wpcf7-list-item-label:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px
}

.brochure__form-wrap div.checkbox .wpcf7-acceptance.not-valid .wpcf7-list-item-label:after {
    border-color: #f04438
}

.brochure__form-wrap div.checkbox input:checked+.wpcf7-list-item-label:after {
    border-color: #fd8f5e
}

.brochure__form-wrap div.checkbox .wpcf7-list-item-label:before {
    width: 10px;
    height: 20px;
    background: url(../icons/offplan-form-check.html) center/contain no-repeat;
    content: "";
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 2px;
    opacity: 0;
    transition: .3s
}

.brochure__form-wrap .wpcf7-acceptance.not-valid .wpcf7-list-item-label {
    color: #f04438 !important
}

.brochure__form-wrap .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05) !important
}

.brochure__form-wrap .form-control::placeholder {
    color: #8f8f8f
}

.brochure__form-wrap input[type=email]:focus,
.brochure__form-wrap input[type=tel]:focus,
.brochure__form-wrap input[type=text]:focus,
.brochure__form-wrap textarea:focus {
    border-color: #fd8f5e !important
}

.brochure__form-wrap textarea.form-control {
    height: 100px;
    min-height: 48px;
    max-height: 100px
}

.brochure__form-wrap button {
    position: relative;
    min-height: 48px;
    width: 100%;
    padding: 12px 15px;
    margin-top: 20px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    border-radius: 8px;
    outline: 0;
    transition: background .3s ease-in-out
}

.brochure__form-wrap button:hover {
    background-position: 100% 0
}

.brochure__form-wrap button:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    background-image: url(../icons/project-new-documents.html);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:990px) {
    .brochure__row {
        flex-wrap: wrap;
        gap: 70px
    }

    .brochure__col_form,
    .brochure__col_image {
        flex: 0 1 100%;
        max-width: 100%
    }

    .brochure__col_image {
        padding-top: 0
    }

    .brochure__info {
        right: 20px
    }

    .brochure__form-wrap .form-group:nth-child(2),
    .brochure__form-wrap .form-group:nth-child(3) {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:743px) {
    .brochure__row {
        gap: 30px
    }

    .brochure__col_image {
        padding-bottom: 40px
    }

    .brochure__info {
        right: 0
    }

    .brochure__info-title h3 {
        font-size: 20px;
        line-height: 26px
    }

    .brochure__info-title img {
        width: 20px;
        height: 20px
    }

    .brochure__info-size {
        font-size: 12px;
        line-height: 18px
    }

    .brochure__form-wrap .form-group {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    .brochure__form-wrap label,
    .brochure__form-wrap label.filled {
        font-size: 12px !important
    }

    .brochure__form-wrap div.checkbox .label,
    .brochure__form-wrap div.checkbox label {
        font-size: 10px !important;
        line-height: 15px
    }

    .brochure__form-wrap div.checkbox .wpcf7-list-item-label:after,
    .brochure__form-wrap div.checkbox .wpcf7-list-item-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .brochure__form-wrap .form-control {
        height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 24px
    }

    .brochure__form-wrap textarea.form-control {
        height: 100px;
        min-height: 40px
    }

    .brochure__form-wrap button {
        min-height: 45px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px
    }

    .brochure__form-wrap button:after {
        margin-top: -4px;
        margin-left: 8px;
        width: 16px;
        height: 16px
    }
}

.offplan-advantages__caption {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6d6e70;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 30px
}

.offplan-advantages__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7
}

.offplan-advantages__item:first-child {
    border-top: 1px solid #e7e7e7
}

.offplan-advantages__title {
    cursor: pointer;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    z-index: 10
}

.offplan-advantages__title span {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    color: #222
}

.offplan-advantages__content {
    cursor: pointer;
    flex-grow: 1;
    padding-right: 15%;
    position: relative;
    z-index: 10
}

.offplan-advantages__content:after,
.offplan-advantages__content:before {
    content: "";
    position: absolute;
    transition: transform .4s
}

.offplan-advantages__content:before {
    top: 17px;
    right: 12px;
    width: 17px;
    height: 8px;
    background-image: url(../images/arrow_top.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg)
}

.offplan-advantages__content:after {
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    border: 1px solid #fd8f5e;
    background-color: transparent;
    border-radius: 8px
}

.offplan-advantages__item.active .offplan-advantages__content:before {
    transform: rotate(0)
}

.offplan-advantages__item.active .offplan-advantages__content:after {
    background-color: transparent
}

.offplan-advantages__content-inner {
    position: relative;
    overflow: hidden;
    height: 48px;
    max-height: 48px;
    transition: max-height .5s
}

.offplan-advantages__content-inner:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 1;
    background: #fff;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, .5) 100%);
    transition: opacity .3s
}

.offplan-advantages__item.active .offplan-advantages__content-inner {
    max-height: 1000px;
    height: auto;
    min-height: 48px
}

.offplan-advantages__item.active .offplan-advantages__content-inner:after {
    height: 0;
    opacity: 0
}

.offplan-advantages__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70;
    margin-bottom: 0
}

.offplan-advantages__clouds {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px
}

.offplan-advantages__cloud span {
    color: #fd8f5e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    font-family: Inter, sans-serif;
    padding: 4px 13px;
    min-height: 30px;
    border-radius: 8px;
    border: 1px solid #fd8f5e;
    display: inline-block
}

.offplan-advantages__cloud a {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 12px;
    min-height: 30px;
    border-radius: 8px;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    color: #fff;
    transition: background .3s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.offplan-advantages__cloud a:hover {
    background-position: 100% 0
}

.offplan-advantages__cloud a img {
    width: 18px;
    height: 100%;
    object-fit: contain
}

.offplan-advantages__link {
    padding: 18px 20px;
    width: 100%;
    min-height: 63px;
    border-radius: 8px;
    margin-top: 20px;
    display: block;
    color: #fff;
    background-color: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    transition: background .3s ease-in-out
}

.offplan-advantages__link:hover {
    color: #fff;
    background-position: 100% 0
}

@media only screen and (max-width:990px) {
    .offplan-advantages__caption {
        margin-bottom: 20px
    }

    .offplan-advantages__item {
        flex-wrap: wrap
    }

    .offplan-advantages__title {
        flex: 0 1 100%;
        max-width: 100%
    }

    .offplan-advantages__content {
        flex: 0 1 100%;
        max-width: 100%;
        padding-right: 0
    }

    .offplan-advantages__content:after {
        top: -60px
    }

    .offplan-advantages__content:before {
        top: calc(17px - 60px)
    }
}

@media only screen and (max-width:743px) {
    .offplan-advantages__caption {
        font-size: 12px;
        margin-bottom: 15px
    }

    .offplan-advantages__item {
        padding: 20px 0;
        gap: 15px
    }

    .offplan-advantages__title span {
        font-size: 20px;
        line-height: 24px
    }

    .offplan-advantages__content:before {
        top: -31px;
        right: 8.5px;
        width: 12px;
        height: 5px
    }

    .offplan-advantages__content:after {
        top: -45px;
        height: 30px;
        width: 30px
    }

    .offplan-advantages__content-inner {
        height: 63px;
        max-height: 63px
    }

    .offplan-advantages__item.active .offplan-advantages__content-inner {
        min-height: 63px
    }

    .offplan-advantages__desc {
        font-size: 14px;
        line-height: 21px
    }

    .offplan-advantages__cloud a {
        padding: 5px 10px
    }

    .offplan-advantages__link {
        padding: 14px 10px;
        min-height: 50px;
        font-size: 14px;
        line-height: 21px
    }
}

@media only screen and (max-width:450px) {
    .offplan-advantages__content-inner {
        height: 84px;
        max-height: 84px
    }

    .offplan-advantages__item.active .offplan-advantages__content-inner {
        min-height: 84px
    }
}

.offplan-location__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px
}

.offplan-location__left {
    flex-grow: 1
}

.offplan-location__left .projectHeading {
    margin-bottom: 0 !important
}

.offplan-location__right {
    flex: 0 0 320px;
    padding: 20px;
    background-color: #f7f7f5;
    border-radius: 8px
}

.offplan-location__content {
    margin-top: 30px
}

.offplan-location__content p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.offplan-location__content p:last-child {
    margin-bottom: 0
}

.offplan-location__table-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding: 12px 0
}

.offplan-location__table-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0
}

.offplan-location__table-item p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.offplan-location__table-item-label {
    color: #6d6e70
}

.offplan-location__table-item-val {
    color: #222
}

.offplan-location__table-item-val a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.offplan-location__table-item-val a img {
    width: 20px;
    height: 100%;
    object-fit: contain
}

.offplan-location__right-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 12px
}

.offplan-location__info {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 80px
}

.offplan-location__info-item {
    width: 100%;
    max-width: 33.33%;
    flex: 0 1 33.33%
}

.offplan-location__info-count-1 .offplan-location__info-item,
.offplan-location__info-count-2 .offplan-location__info-item {
    max-width: 50%;
    flex: 0 1 50%
}

.offplan-location__info-count-4 .offplan-location__info-item {
    max-width: 25%;
    flex: 0 1 25%
}

.offplan-location__info-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6d6e70;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e7e7e7
}

.location__info-label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 33px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    min-height: 48px
}

.location__info-label:last-child {
    margin-bottom: 0
}

.location__info-label__blue {
    flex: 0 0 90px;
    margin-bottom: 0;
    color: #fd8f5e;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.location__info-label__blue img {
    width: 20px;
    height: 100%;
    object-fit: contain
}

.location__info-label__text {
    flex-grow: 1;
    max-width: 60%;
    margin-bottom: 0;
    color: #222
}

.offplan-location__maps {
    margin: 80px 0 0
}

.acf-map-offplan {
    width: 100%;
    height: 600px;
    max-height: 90vh;
    margin: 0
}

.acf-map-offplan img {
    max-width: inherit !important
}

@media only screen and (max-width:990px) {
    .offplan-location__wrapper {
        flex-wrap: wrap;
        gap: 40px
    }

    .offplan-location__left,
    .offplan-location__right {
        max-width: 100%;
        flex: 0 1 100%
    }

    .offplan-location__info {
        margin: 60px -10px 0;
        padding: 0 10px;
        flex-wrap: nowrap;
        overflow: auto
    }

    .offplan-location__info-item {
        max-width: 48% !important;
        flex: 0 0 48% !important
    }
}

@media only screen and (max-width:767px) {
    .offplan-location__info {
        margin: 60px -20px 0;
        padding: 0 20px
    }
}

@media only screen and (max-width:743px) {
    .offplan-location__wrapper {
        gap: 30px
    }

    .offplan-location__content {
        margin-top: 20px
    }

    .offplan-location__content p {
        font-size: 14px;
        line-height: 21px
    }

    .offplan-location__right-title {
        font-size: 12px;
        margin-bottom: 5px
    }

    .offplan-location__table-item {
        padding: 10px 0
    }

    .offplan-location__table-item p {
        font-size: 14px;
        line-height: 21px
    }

    .offplan-location__info {
        margin: 60px 0 0;
        padding: 0;
        flex-wrap: wrap;
        overflow: unset;
        gap: 35px
    }

    .offplan-location__info-item {
        max-width: 100% !important;
        flex: 0 1 100% !important
    }

    .offplan-location__info-title {
        font-size: 12px;
        padding-bottom: 15px;
        margin-bottom: 20px
    }

    .location__info-label {
        gap: 25px;
        font-size: 14px;
        line-height: 21px;
        min-height: fit-content
    }

    .location__info-label__blue {
        flex: 0 0 80px
    }

    .location__info-label__blue img {
        width: 19px
    }

    .location__info-label__text {
        max-width: 100%
    }

    .offplan-location__maps {
        margin: 60px 0 0
    }
}

.payment-plan__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25px;
    padding-top: 25px
}

.payment-plan__col {
    flex-basis: calc(25% - 20px);
    flex-grow: 1
}

.payment-plan__col-title {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0
}

.payment-plan__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    margin: 20px 0
}

.payment-plan__item-line {
    height: 3px;
    background: #fd8f5e;
    border-radius: 3px;
    font-size: 0;
    flex-grow: 1
}

.payment-plan__col-desc>a,
.payment-plan__col-desc>span {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.payment-plan__col-desc>a {
    padding-right: 29px;
    position: relative
}

.payment-plan__col-desc>a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 24px;
    background-image: url(../icons/project-new-arrow-gray.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .2s ease-in-out
}

.payment-plan__col-desc>a:hover {
    color: #fd8f5e;
    text-decoration: none
}

.payment-plan__col-desc>a:hover:after {
    background-image: url(../icons/project-new-arrow-blue.html)
}

@media only screen and (max-width:990px) {
    .payment-plan__row {
        padding-top: 5px;
        column-gap: 20px;
        row-gap: 30px
    }

    .payment-plan__col {
        flex-basis: calc(50% - 10px)
    }

    .payment-plan__items {
        margin: 15px 0
    }
}

@media only screen and (max-width:743px) {
    .payment-plan__row {
        padding-top: 5px;
        gap: 20px
    }

    .payment-plan__items {
        margin: 10px 0;
        gap: 3px
    }

    .payment-plan__col-title {
        font-size: 30px;
        line-height: 36px
    }

    .payment-plan__col-desc>a,
    .payment-plan__col-desc>span {
        font-size: 12px;
        line-height: 18px
    }

    .payment-plan__col-desc>a {
        padding-right: 23px
    }

    .payment-plan__col-desc>a:after {
        width: 18px
    }
}

.home .banner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    min-height: calc(860px - 134px);
    z-index: 4;
    position: relative
}

.home .banner.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.home .banner.show-advertising {
    background-color: #f9f9f9
}

.bannerBtn.home {
    text-align: center
}

.home .banner .bannerPromo {
    visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.home .banner .bannerText {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 40px;
    max-width: 1200px
}

.home .banner.show-advertising .bannerText {
    visibility: hidden;
    padding-top: 30px
}

.home .banner .bannerHeading {
    font-size: 60px;
    margin-bottom: 0
}

.home_video {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0
}

#home_video {
    top: 50% !important;
    transform: translateY(-50%)
}

.home-video-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media(max-width:1200px) {
    .home .banner .bannerText {
        width: 100%
    }

    .home .banner .bannerHeading {
        font-size: 66px
    }
}

@media all and (max-width:1024px) {
    .home .banner {
        min-height: calc(100vh - 101px - 56px)
    }

    .home .banner .bannerText {
        padding-top: 60px
    }

    .home .banner.show-advertising .bannerText {
        padding-top: 40px
    }

    .home .banner .bannerHeading {
        font-size: 60px
    }
}

@media only screen and (max-width:980px) {
    .home .banner .bannerText {
        max-width: 620px
    }

    .home .banner.show-advertising .bannerText {
        padding-top: 65px
    }
}

@media all and (max-width:900px) {
    .home .banner .bannerHeading {
        font-size: 48px
    }
}

@media only screen and (max-width:767px) {
    .home .banner {
        background-position: right -250px center;
        min-height: calc(100vh - 75px - 56px)
    }

    .home .banner.loading:after {
        background-position: top 200px center
    }

    .home .banner .bannerText.homepage {
        margin-top: 30px
    }

    .home .banner.show-advertising .bannerText.homepage {
        margin-top: 0;
        padding-top: 30px
    }

    .home .banner .bannerHeading {
        font-size: 32px
    }

    .home .banner .bannerText {
        width: 100%;
        padding: 0 20px;
        max-width: 100%
    }
}

@media(max-height:700px) {
    .home-video-content {
        height: 100% !important
    }
}

.show-advertising {
    position: relative
}

.advertising-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    overflow: hidden;
    pointer-events: none
}

.advertising-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.advertising {
    position: relative;
    padding: 0 15px;
    margin-top: 0;
    width: 100%;
    max-width: 1190px
}

.advertising__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.advertising__logo-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.advertising__logo-wrap img {
    object-fit: contain !important;
    height: 45px !important;
    width: auto !important
}

.advertising__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 125%;
    color: #fff;
    margin-bottom: 0;
    max-width: 700px
}

.advertising__details {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 45px
}

.advertising__details-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.advertising__details-item img {
    object-fit: contain !important
}

.advertising__details-item_date img,
.advertising__details-item_location img {
    width: auto !important;
    height: 25px !important
}

.advertising__details-item_payment img,
.advertising__details-item_price img {
    width: 30px !important;
    height: auto !important
}

.advertising__details-item p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 125%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0
}

.advertising__details-item p>b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.advertising__details-item_payment p,
.advertising__details-item_price p {
    font-size: 12px
}

.advertising__details-item_payment p>b,
.advertising__details-item_price p>b {
    font-size: 16px
}

.advertising__buttons {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px
}

.advertising__button-link {
    display: inline-block;
    padding: 16.5px 25px;
    min-height: 55px;
    min-width: 190px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 5px;
    background: #fd8f5e;
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.advertising__button-link:hover {
    text-decoration: none;
    color: #fd8f5e;
    background: #fff
}

.advertising__play-link {
    display: inline-block
}

.advertising__play-link img {
    height: 60px !important;
    width: 60px !important;
    object-fit: contain !important;
    transition: .5s
}

.advertising__play-link:hover img {
    transform: scale(1.05) !important
}

@media only screen and (max-width:1024px) {
    .advertising {
        margin-top: 40px
    }
}

@media all and (max-width:980px) {
    .advertising {
        margin-top: 30px;
        max-width: 650px
    }

    .advertising__logo-wrap {
        position: unset;
        margin-bottom: 25px
    }

    .advertising__logo-wrap img {
        height: 42px !important
    }

    .advertising__details {
        margin-top: 25px
    }

    .advertising__buttons {
        margin-top: 40px
    }
}

.home .featureProjects:not(.pt-0)>.container:first-child {
    padding-top: 90px
}

.bgDottedR {
    display: none
}

.home .projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    color: #fff
}

.home .projectHeading h3 {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f
}

.home .featureProjects:not(.pt-0)>.container:first-child .btnWrp {
    top: 90px
}

.home .areas .btnWrp {
    top: -60px
}

.home .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.home .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #fd8f5e
}

@media only screen and (max-width:1024px) {

    .home .areas .btnWrp,
    .home .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 25px 0 0
    }
}

.home .propertySlider .owl-nav {
    top: -80px
}

.home .projectsSlider .owl-nav {
    top: -70px
}

@media only screen and (max-width:767px) {
    .advertising__logo-wrap {
        margin-bottom: 20px
    }

    .advertising__logo-wrap img {
        height: 32px !important
    }

    .advertising__title {
        font-size: 25px
    }

    .advertising__details {
        margin-top: 20px
    }

    .advertising__details-item {
        width: 50%
    }

    .advertising__buttons {
        margin-top: 25px;
        gap: 15px;
        flex-wrap: wrap
    }

    .advertising__button-link {
        min-height: 45px;
        min-width: 170px;
        font-size: 14px;
        padding: 12.5px 25px
    }

    .advertising__play-link img {
        height: 45px !important;
        width: 45px !important
    }

    .home .featureProjects:not(.pt-0)>.container:first-child {
        padding-top: 0
    }

    .home .projectHeading h2 {
        font-size: 28px
    }

    .home .areas .btnWrp,
    .home .btnWrp {
        padding: 10px 0 0
    }

    .home .showAllPrp {
        display: inline-block
    }

    .home .propertySlider .owl-nav {
        top: 180px
    }

    .home .projectsSlider .owl-nav {
        top: 200px
    }
}

.SliderPromo-Info.owl-carousel {
    padding-bottom: 55px;
    display: flex;
    flex-wrap: nowrap
}

.SliderPromo-Info.owl-carousel:has(>.owl-dots.disabled) {
    padding-bottom: 10px
}

.SliderPromo-Info.owl-carousel .owl-stage-outer {
    overflow: unset !important
}

.SliderPromo-Info.owl-carousel .owl-stage {
    display: flex;
    align-items: flex-end
}

.SliderPromo-Info.owl-carousel .owl-item {
    flex: 0 0 auto;
    opacity: 0;
    transition: opacity .1s ease-out
}

.SliderPromo-Info.owl-carousel .owl-item.active {
    opacity: 1
}

.SliderPromo-Info.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.SliderPromo-Info.owl-carousel .owl-dots.disabled {
    display: none
}

.SliderPromo-Info.owl-carousel .owl-dots .owl-dot {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.SliderPromo-Info.owl-carousel .owl-dots .owl-dot:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    transform: translate(-50%, -50%);
    transition: width .2s ease-in-out, height .2s ease-in-out
}

.SliderPromo-Info.owl-carousel .owl-dots .owl-dot.active:before {
    width: 11px;
    height: 11px;
    background: #fff
}

.SliderPromo-Info.owl-carousel .owl-dots .owl-dot .preloader {
    display: block;
    border-radius: 50%;
    transform: rotate(-90deg) translate3d(0, 0, 0) translateZ(0);
    transition: opacity .5s ease-in-out
}

.SliderPromo-Info.owl-carousel .owl-dots .owl-dot .preloader .progress {
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    animation: fill-progress var(--timeout-slider-promo) linear forwards;
    animation-iteration-count: 1
}

@keyframes fill-progress {
    0% {
        stroke-dashoffset: 113
    }

    100% {
        stroke-dashoffset: 0
    }
}

.SliderPromo-Image.owl-carousel,
.SliderPromo-Image.owl-carousel .owl-stage-outer {
    height: 100%
}

.SliderPromo-Image.owl-carousel .owl-stage {
    display: flex;
    flex-wrap: unset;
    height: 100%
}

.SliderPromo-Image.owl-carousel .owl-stage:after {
    display: none
}

@media only screen and (max-width:767px) {
    .SliderPromo-Info.owl-carousel {
        padding-bottom: 50px
    }
}

.featureProjects.areasNav {
    background: #182643;
    padding: 15px 0
}

.areas__nav-container {
    padding-top: 0 !important
}

.areas__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.areas__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.areas__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.areas__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.areas__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.areas__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.areas__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.areas__nav-breadcrumbs .breadcrumbs__current {
    color: #fff
}

.areas__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.areas__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.areas__nav-back:hover {
    color: #fd8f5e
}

.areas__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .areas__nav {
        display: block
    }

    .areas__nav-back {
        display: none
    }

    .areas__nav-breadcrumbs {
        padding: 0
    }
}

.areas-header {
    position: relative;
    margin-bottom: 100px
}

.areas-header__body {
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/areas-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.areas-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px
}

.areas-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
    margin: 0 -5px
}

.areas-header__col {
    padding: 0 5px
}

.areas-header__col_filter {
    flex-grow: 1
}

.areas-header__col_btn {
    display: none
}

.areas__btn-map {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    padding: 12px 52px 12px 28px;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    color: #fff !important;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none !important;
    border-radius: 8px;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.areas__btn-map:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 0;
    background-image: url(../icons/icon-map-btn.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 14px;
    height: 100%
}

.areas__btn-map:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:1100px) {
    .areas-header__row {
        flex-wrap: wrap
    }

    .areas-header__col_btn {
        padding-top: 10px;
        width: 100%
    }

    .areas__btn-map {
        margin: 0 auto
    }
}

@media(max-width:767px) {
    .areas-header {
        margin-bottom: 50px
    }

    .areas-header__body {
        padding: 20px
    }

    .areas-header__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.filter-areas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    font-family: Inter, sans-serif
}

.filter-areas__item {
    position: relative;
    padding: 0 6px;
    text-align: left
}

.filter-areas__item_name {
    flex-grow: 1
}

.filter-areas__item_name input[name=area_name] {
    width: 100%;
    height: 36px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0 15px 0 32px;
    background-image: url(../icons/icon-map-pin.html);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #000
}

.filter-areas__item_name input[name=area_name]::placeholder {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    padding-top: 2px
}

.area_name-result {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: calc(100% + 8px);
    max-width: 500px;
    min-height: 64px;
    max-height: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow-y: auto;
    opacity: 0;
    font-size: 16px;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.area_name-result::-webkit-scrollbar {
    width: .5em
}

.area_name-result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.area_name-result::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.area_name-result.show {
    max-height: 305px;
    opacity: 1;
    pointer-events: initial
}

.area_name-result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.area_name-result .result-item,
.area_name-result .result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.area_name-result .result-item a,
.area_name-result .result-item_all {
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none !important;
    color: #212529;
    transition: background-color .3s, color .2s
}

.area_name-result .result-item:hover a {
    background: #02b2ee;
    color: #fff
}

.area_name-result .result-item b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.area_name-result .search-not-found {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    color: #999
}

@media only screen and (max-width:980px) {
    .filter-areas {
        padding: 10px 4px;
        flex-wrap: wrap
    }

    .filter-areas__item_name {
        order: -2
    }

    .area_name-result {
        top: 54px
    }
}

.areas-list .abtRow.offplan,
.areas-list .container {
    padding-top: 0 !important
}

.col-lg-4.areas-list__item,
.col-md-4.areas-list__item,
.col-md-6.areas-list__item {
    display: block !important;
    margin-bottom: 100px
}

.col-lg-4.areas-list__item:last-child,
.col-lg-4.areas-list__item:nth-last-child(2),
.col-lg-4.areas-list__item:nth-last-child(3),
.col-md-4.areas-list__item:last-child,
.col-md-4.areas-list__item:nth-last-child(2),
.col-md-4.areas-list__item:nth-last-child(3),
.col-md-6.areas-list__item:last-child,
.col-md-6.areas-list__item:nth-last-child(2) {
    margin-bottom: 0
}

.areas-list__showMore {
    display: none;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    margin: 20px auto 0;
    height: 46px;
    line-height: 48px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 8px
}

.areas-list__showMore:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:767px) {
    .filter-areas__item_name input[name=area_name]::placeholder {
        font-size: 14px
    }

    .area_name-result {
        top: 44px
    }

    .area_name-result .result-item a {
        font-size: 14px;
        line-height: 18px
    }

    .featureProjects.areas-list {
        padding-top: 0
    }

    .col-lg-4.areas-list__item,
    .col-md-4.areas-list__item,
    .col-md-6.areas-list__item {
        margin-bottom: 40px !important
    }

    .col-lg-4.areas-list__item:last-child,
    .col-md-4.areas-list__item:last-child,
    .col-md-6.areas-list__item:last-child {
        margin-bottom: 0 !important
    }

    .areas-list .container {
        max-height: 3715px;
        overflow: hidden;
        grid-template-columns: 1fr;
        grid-auto-rows: 180px
    }

    .areas-list .container:after {
        position: absolute;
        width: 100%;
        height: 120px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, .5) 0, #fff 90%)
    }

    .areas-list.all .container {
        max-height: initial
    }

    .areas-list.all .areas-list__showMore,
    .areas-list.all .container:after {
        display: none
    }

    .areas-list__showMore {
        display: block
    }
}

.area-item {
    position: relative;
    font-family: Inter, sans-serif
}

.area-item__cell {
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .012)
}

.area-item__image-wrap {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: #f9f9f9
}

.area-item__link {
    color: #222;
    text-decoration: none !important;
    transition: color .2s ease-in-out
}

.area-item__link:hover {
    color: #fd8f5e;
    text-decoration: none !important
}

.area-item__link.guide {
    font-family: InterBold, sans-serif;
    font-size: 12px;
    line-height: 160%;
    color: #fd8f5e;
    text-decoration: underline !important
}

.area-item__link.guide:hover {
    color: #fd8f5e;
    text-decoration: none !important
}

.area-item__image {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform .65s;
    object-fit: cover
}

html.desktop .area-item__link:hover .area-item__image {
    transform: scale(1.1)
}

.area-item__details {
    padding: 20px;
    background-color: #fff !important;
}

.area-item__title {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #222;
    margin-bottom: 1px
}

.area-item__data {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.area-item__data-price {
    font-size: 12px;
    line-height: 160%;
    color: #8f8f8f
}

.area-item__btns {
    margin-top: 15px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px
}

.area-item__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    flex: 1 0 calc(50% - 5px);
    padding: 7px 5px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .3s, color .2s
}

.area-item__btn.buy {
    border-color: #fd8f5e;
    background-color: #fd8f5e
}

.area-item__btn.buy:hover {
    background-color: #fff;
    color: #fd8f5e
}

.area-item__btn.rent {
    border-color: #fd8f5e;
    background-color: #fd8f5e
}

.area-item__btn.rent:hover {
    background-color: #fff;
    color: #fd8f5e
}

@media(max-width:767px) {
    .area-item.active .area-item__image {
        transform: scale(1.1)
    }

    .area-item__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        line-height: 180%
    }
}

.featureProjects.category-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.category-nav__container {
    padding-top: 0 !important
}

.category-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.category-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.category-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.category-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.category-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.category-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.category-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.category-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.category-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.category-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.category-nav__back:hover {
    color: #fd8f5e
}

.category-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.category-nav {
        padding: 15px 0 !important
    }

    .category-nav__body {
        display: block
    }

    .category-nav__back {
        display: none
    }

    .category-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.category-head {
    position: relative;
    color: #222;
    padding: 0 !important;
    margin-bottom: 70px
}

.category-head .container {
    padding-top: 0 !important
}

.category-head__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.category-head__col-content {
    flex: 0 0 500px;
    padding: 50px 45px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    flex-direction: column
}

.category-head__col-img,
.category-head__col-promo {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.category-head__col-promo {
    max-width: calc(100% - 500px)
}

.category-head__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 0
}

.category-head__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 0;
    margin-top: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.category-head.show-promo .category-head__desc {
    -webkit-line-clamp: 9
}

.category-head__image {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important
}

@media only screen and (max-height:940px) {
    .category-head__desc {
        -webkit-line-clamp: 10
    }

    .category-head.show-promo .category-head__desc {
        -webkit-line-clamp: 8
    }
}

@media only screen and (max-height:890px) {
    .category-head__desc {
        -webkit-line-clamp: 9
    }

    .category-head.show-promo .category-head__desc {
        -webkit-line-clamp: 7
    }
}

@media only screen and (max-width:1024px) {
    .category-head__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .category-head__col {
        width: 100%;
        flex: 0 1 100%
    }

    .category-head__col-img {
        order: -1
    }

    .category-head__col-content {
        padding: 25px
    }

    .category-head__col-promo {
        max-width: 100%
    }

    .category-head__image {
        min-height: 260px !important;
        max-height: 440px !important
    }

    .category-head__title {
        font-size: 36px
    }

    .category-head__desc {
        margin-top: 20px;
        margin-bottom: 0;
        display: unset;
        -webkit-line-clamp: unset !important;
        text-overflow: unset
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.category-head {
        margin-bottom: 50px
    }

    .category-head__col-content {
        padding: 30px 20px;
        text-align: center
    }

    .category-head__image {
        max-height: 50vh !important
    }

    .category-head__title {
        font-size: 32px
    }

    .category-head__desc {
        margin-top: 15px
    }
}

.category-promo__inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 15px 45px;
    z-index: 10
}

.category-promo__inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(0, 90, 140, .3) 0, rgba(0, 160, 211, .3) 100%);
    background-position: -4.037px -27.046px;
    background-size: 131.326% 130.475%;
    background-repeat: no-repeat;
    z-index: 2
}

.category-promo__image-wrap {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.category-promo__image {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important
}

.category-promo__logo-wrap {
    margin-bottom: 40px;
    z-index: 10
}

.category-promo__logo-wrap img {
    object-fit: contain !important;
    height: 30px !important;
    width: auto !important
}

.category-promo__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 125%;
    color: #fff;
    margin-bottom: 0;
    max-width: 450px;
    z-index: 10
}

.category-promo__details {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 45px;
    z-index: 10
}

.category-promo__details-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.category-promo__details-item img {
    object-fit: contain !important
}

.category-promo__details-item_date img,
.category-promo__details-item_location img {
    width: auto !important;
    height: 25px !important
}

.category-promo__details-item_payment img,
.category-promo__details-item_price img {
    width: 30px !important;
    height: auto !important
}

.category-promo__details-item p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 125%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0
}

.category-promo__details-item p>b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.category-promo__details-item_payment p,
.category-promo__details-item_price p {
    font-size: 12px
}

.category-promo__details-item_payment p>b,
.category-promo__details-item_price p>b {
    font-size: 16px
}

.category-promo__buttons {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    z-index: 10
}

.category-promo__button-link {
    display: inline-block;
    padding: 15.5px 25px;
    min-height: 55px;
    min-width: 190px;
    text-align: center;
    border: 2px solid #fd8f5e;
    border-radius: 5px;
    background: #fd8f5e;
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.category-promo__button-link:hover {
    text-decoration: none;
    color: #fd8f5e;
    background: #fff
}

.category-promo__play-link {
    display: inline-block
}

.category-promo__play-link img {
    height: 55px !important;
    width: 55px !important;
    object-fit: contain !important;
    transition: .5s
}

.category-promo__play-link:hover img {
    transform: scale(1.05) !important
}

@media only screen and (max-width:1024px) {
    .category-promo__inner {
        padding: 30px 25px 85px;
        justify-content: flex-end
    }

    .category-promo__logo-wrap {
        margin-bottom: 30px
    }

    .category-promo__logo-wrap img {
        height: 40px !important
    }

    .category-promo__title {
        font-size: 30px;
        max-width: 550px
    }
}

@media only screen and (max-width:767px) {
    .category-promo__inner {
        padding: 30px 20px 85px
    }

    .category-promo__logo-wrap {
        margin-bottom: 20px
    }

    .category-promo__logo-wrap img {
        height: 32px !important
    }

    .category-promo__title {
        font-size: 28px;
        line-height: 110%
    }

    .category-promo__details {
        gap: 15px;
        min-width: 100%
    }

    .category-promo__details-item {
        width: 50%;
        align-items: flex-start
    }

    .category-promo__details-item_date img,
    .category-promo__details-item_location img {
        height: 21px !important
    }

    .category-promo__details-item_payment img,
    .category-promo__details-item_price img {
        width: 23px !important
    }

    .category-promo__buttons {
        margin-top: 25px;
        gap: 15px;
        flex-wrap: wrap
    }

    .category-promo__button-link {
        padding: 8px 24px;
        min-height: 40px;
        min-width: 170px;
        border-radius: 8px
    }

    .category-promo__play-link img {
        height: 40px !important;
        width: 40px !important
    }
}

.SliderPromoBlog.owl-carousel,
.SliderPromoBlog.owl-carousel .owl-stage-outer {
    height: 100%
}

.SliderPromoBlog.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.SliderPromoBlog.owl-carousel .owl-stage:after {
    display: none
}

.SliderPromoBlog.owl-carousel .owl-item {
    flex: 0 0 auto;
    height: 100%
}

.SliderPromoBlog.owl-carousel .owl-dots {
    position: absolute;
    left: -455px;
    bottom: 50px;
    width: 410px;
    background-color: #fd8f5e;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.SliderPromoBlog.owl-carousel .owl-dots.disabled {
    display: none
}

.SliderPromoBlog.owl-carousel .owl-dots .owl-dot {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.SliderPromoBlog.owl-carousel .owl-dots .owl-dot:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    transform: translate(-50%, -50%);
    transition: width .2s ease-in-out, height .2s ease-in-out
}

.SliderPromoBlog.owl-carousel .owl-dots .owl-dot.active:before {
    width: 11px;
    height: 11px;
    background: #fff
}

.SliderPromoBlog.owl-carousel .owl-dots .owl-dot .preloader {
    display: block;
    opacity: 1;
    border-radius: 50%;
    transform: rotate(-90deg) translate3d(0, 0, 0) translateZ(0);
    transition: opacity .5s ease-in-out
}

.SliderPromoBlog.owl-carousel .owl-dots .owl-dot .preloader .progress {
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    animation: fill-progress-blog var(--timeout-slider-promo) linear forwards;
    animation-iteration-count: 1
}

@keyframes fill-progress-blog {
    0% {
        stroke-dashoffset: 113
    }

    100% {
        stroke-dashoffset: 0
    }
}

@media only screen and (max-width:1024px) {
    .SliderPromoBlog.owl-carousel .owl-stage {
        align-items: stretch
    }

    .SliderPromoBlog.owl-carousel .owl-item {
        flex-grow: 1;
        height: auto
    }

    .SliderPromoBlog.owl-carousel .owl-dots {
        background: 0 0;
        left: 25px;
        bottom: 30px;
        width: calc(100% - 50px)
    }
}

.category-articles {
    padding: 0 !important
}

.category-articles>.container {
    padding-top: 0 !important
}

.category-articles__row {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px
}

.category-articles__col {
    flex: 0 1 50%;
    padding: 20px 10px
}

@media only screen and (max-width:767px) {
    .SliderPromoBlog.owl-carousel .owl-dots {
        left: 20px;
        width: calc(100% - 40px)
    }

    .category-articles__row {
        margin: -15px 0
    }

    .category-articles__col {
        flex: 0 1 100%;
        padding: 15px 0
    }
}

.category-nav-cat {
    padding: 0 0 40px !important;
    overflow: hidden
}

.category-nav-cat>.container {
    padding-top: 0 !important;
    position: relative
}

.projectHeading .category-nav-cat__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    color: #222;
    padding-right: 800px
}

.category-nav-cat__slider-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 800px
}

.category-nav-cat__slider {
    position: relative
}

.category-nav-cat__slider.nav-show {
    padding: 0 60px
}

.category-nav-cat__slider .owl-stage-outer {
    display: flex;
    justify-content: flex-end
}

.category-nav-cat__slider.nav-show .owl-stage-outer {
    display: block
}

.category-nav-cat__slider .owl-nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%
}

.category-nav-cat__slider .owl-nav.disabled {
    display: none !important
}

.category-nav-cat__slider .owl-next,
.category-nav-cat__slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.category-nav-cat__slider .owl-prev {
    left: 0;
    right: auto
}

.category-nav-cat__slider .owl-next {
    left: auto;
    right: 0
}

.category-nav-cat__slider .owl-next span,
.category-nav-cat__slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.category-nav-cat__slider .owl-next span:before,
.category-nav-cat__slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.category-nav-cat__slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

.category-nav-cat__slider .owl-next:hover span:before,
.category-nav-cat__slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.category-nav-cat__slider .owl-dots.disabled {
    display: none !important
}

.category-nav-cat__item {
    border-radius: 8px;
    overflow: hidden
}

.category-nav-cat__link {
    display: block;
    padding: 8px 12px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #fd8f5e;
    background: #fd8f5e;
    transition: color .2s, background-color .3s
}

.category-nav-cat__link:hover {
    color: #fff;
    background: #fd8f5e
}

.category-nav-cat__link.active {
    font-family: InterSemiBold, sans-serif;
    background: #fd8f5e;
    color: #fff
}

@media only screen and (max-width:1024px) {
    .projectHeading .category-nav-cat__title {
        padding: 0;
        margin-bottom: 20px
    }

    .category-nav-cat__slider-wrap {
        position: unset;
        width: 100%
    }

    .category-nav-cat__slider .owl-stage-outer {
        overflow: unset;
        display: block
    }
}

@media only screen and (max-width:767px) {
    .category-nav-cat__slider.nav-show {
        padding: 0
    }

    .projectHeading .category-nav-cat__title {
        font-size: 28px
    }
}

.category-nav-mm {
    padding: 0 0 40px !important;
    overflow: hidden
}

.category-nav-mm>.container {
    padding-top: 0 !important;
    position: relative
}

.projectHeading .category-nav-mm__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    color: #222;
    margin-bottom: 0
}

.category-nav-mm__slider {
    position: relative;
    list-style: none;
    margin: 20px 0 0;
    padding: 0
}

.category-nav-mm__slider .owl-stage-outer {
    overflow: hidden
}

.category-nav-mm__slider .owl-item {
    position: relative;
    height: 100%;
    float: left
}

.category-nav-mm__slider .owl-nav {
    position: absolute;
    top: -59px;
    z-index: 10;
    width: 100%
}

.category-nav-mm__slider .owl-nav.disabled {
    display: none
}

.category-nav-mm__slider .owl-next,
.category-nav-mm__slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #e9e9e9 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1
}

.category-nav-mm__slider .owl-prev {
    left: auto;
    right: calc(40px + 10px)
}

.category-nav-mm__slider .owl-next {
    left: auto;
    right: 0
}

.category-nav-mm__slider .owl-next span,
.category-nav-mm__slider .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.category-nav-mm__slider .owl-next span:before,
.category-nav-mm__slider .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-black.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.category-nav-mm__slider .owl-next:hover span:before,
.category-nav-mm__slider .owl-prev:hover span:before {
    background-image: url(../icons/btn-arrow-blue.html)
}

.category-nav-mm__slider .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

.category-nav-mm__item {
    max-width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px
}

.category-nav-mm__item>a {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    transition: border .2s ease-in-out;
    position: relative
}

.category-nav-mm__item>a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 6.5px;
    pointer-events: none;
    transition: border .2s ease-in-out
}

.category-nav-mm__item>a:hover,
.category-nav-mm__item>a:hover:after {
    border-color: #fd8f5e
}

.category-nav-mm__item img {
    display: inline-block !important;
    max-width: 60%;
    width: 60% !important;
    height: 100%;
    max-height: 100%;
    padding: 10% 0;
    object-fit: contain
}

@media(max-width:767px) {
    .projectHeading .category-nav-mm__title {
        font-size: 28px
    }

    .category-nav-mm__slider {
        margin: 20px 0 0
    }

    .category-nav-mm__slider .owl-stage-outer {
        overflow: visible;
        min-height: 90px
    }

    .category-nav-mm__item {
        height: 90px
    }

    .category-nav-mm__item img {
        max-width: 50%
    }
}

.featureProjects.article-nav {
    background: #fff;
    padding: 15px 0
}

.article-nav__container {
    padding-top: 0 !important
}

.article-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.article-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.article-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.article-nav__breadcrumbs .breadcrumbs__link {
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.article-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.article-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.article-nav__breadcrumbs .breadcrumbs__current,
.article-nav__breadcrumbs .breadcrumbs__separator,
.article-nav__breadcrumbs span:nth-last-child(3) .breadcrumbs__link:after {
    display: none
}

.article-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.article-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.article-nav__back:hover {
    color: #fd8f5e
}

.article-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

.article-nav__userBtn {
    margin-right: -10px
}

.article-nav__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.article-nav__userBtn-button:first-child {
    margin-left: 0
}

.article-nav__userBtn-button:focus {
    outline: 0
}

.article-nav__userBtn-button:hover {
    border-color: #01aee5
}

.article-nav__userBtn-button .label {
    position: relative;
    padding-left: 22px
}

.article-nav__userBtn-button .label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.article-nav__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

@media only screen and (max-width:767px) {
    .article-nav__body {
        display: block
    }

    .article-nav__back {
        display: none
    }

    .article-nav__breadcrumbs {
        padding: 0
    }

    .article-nav__btns {
        display: none
    }
}

.article-post {
    margin-bottom: 90px;
    padding: 0 !important;
    overflow: hidden
}

.article-post__container {
    max-width: 840px !important;
    padding-top: 30px !important
}

.article-post__body {
    color: #222
}

@media only screen and (max-width:767px) {
    .article-post {
        margin-bottom: 70px
    }

    .article-post__container {
        max-width: 100% !important;
        padding-top: 10px !important
    }
}

.article-post__header {
    margin-bottom: 35px;
    padding: 0 !important
}

.article-post__title {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 35px;
    color: #fd8f5e;
}

.article-post__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 410px
}

.article-post__author {
    display: flex;
    align-items: center;
    gap: 15px
}

.article-post__author-photo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center
}

.article-post__author-photo.mpp {
    min-width: 50px
}

.article-post__author-photo.user {
    border-radius: 8px;
    background: #e9e9e9
}

.article-post__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.article-post__author-photo img.user {
    width: auto !important;
    height: 140% !important;
    margin: 5px auto 0;
    object-fit: contain
}

.article-post__author-photo img.mpp {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    vertical-align: top
}

.article-post__author-name {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 0
}

.article-post__author-date {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%;
    color: #8f8f8f;
    margin-bottom: 0
}

.article-post__views {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #8f8f8f;
    padding-right: 25px;
    background-image: url(../icons/acticle-views.html);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .article-post__header {
        margin-bottom: 30px
    }

    .article-post__title {
        font-size: 28px;
        margin-bottom: 20px
    }

    .article-post__views-wrap {
        margin-left: 20px
    }
}

.article-post__content {
    display: flex !important;
    flex-direction: column
}

.article-post__content-video .video-post {
    border-radius: 8px;
    overflow: hidden
}

.article-post__content-video .video-post iframe {
    vertical-align: middle
}

.article-post__content-tofc {
    order: -1;
    margin-bottom: 35px
}

.postTofC {
    margin-top: -1px;
    padding: 25px 30px 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    max-height: unset;
    height: 100%
}

.postTofC.limited {
    max-height: 400px;
    height: 400px
}

.postTofC-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px
}

.postTofC-section {
    padding: 0;
    margin-bottom: 0
}

.postTofC-section.sub-section {
    padding: 10px 0 0 30px;
    border: 0
}

.postTofC a {
    color: #222;
    transition: color .2s;
    font-family: InterBold, sans-serif;
    font-size: 16px
}

.postTofC a:hover {
    text-decoration: none;
    color: #fd8f5e
}

.postTofC li {
    list-style-type: none;
    font-family: InterBold, sans-serif;
    position: relative
}

.postTofC ol {
    counter-reset: list1;
    position: relative;
    padding-left: 20px
}

.postTofC ol li {
    margin-bottom: 10px
}

.postTofC ol li:before {
    width: 30px;
    left: -35px;
    text-align: right;
    display: inline-block;
    position: absolute;
    counter-increment: list1;
    content: counter(list1) ". "
}

.postTofC ol ol {
    counter-reset: list2;
    font-family: Inter, sans-serif
}

.postTofC ol ol li {
    font-family: Inter, sans-serif
}

.postTofC ol ol li a {
    font-weight: 400;
    font-family: Inter, sans-serif
}

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

.postTofC-down {
    position: absolute;
    top: 300px;
    width: 100%;
    height: 100px;
    z-index: 2;
    left: 0;
    background: #f9f9f9;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, .75) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: max-height .5s
}

.postTofC-showAll {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
    text-align: center;
    color: #fff;
    padding: 8px 24px;
    border-radius: 8px;
    text-decoration: none;
    background: #02b2ee;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal
}

.postTofC-showAll:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:767px) {
    .postTofC {
        padding: 15px
    }

    .postTofC-title {
        margin-bottom: 15px
    }
}

.article-post__content-promo {
    margin-bottom: 35px
}

.post-promo__inner {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    overflow: hidden
}

.post-promo__image-wrap {
    position: relative;
    flex: 0 0 360px;
    min-height: 320px
}

.post-promo__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.post-promo__logo {
    position: absolute;
    top: 20px;
    left: 20px;
    object-fit: contain !important;
    height: 30px !important;
    width: auto !important
}

.post-promo__content {
    flex-grow: 1;
    padding: 25px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.post-promo__details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px
}

.post-promo__details-item {
    min-height: 24px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid #01aee5
}

.post-promo__details-item span {
    display: inline-block;
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #01aee5
}

.post-promo__details-item span b {
    font-weight: 400
}

.post-promo__details-item span b:after {
    content: ' '
}

.post-promo__details-item span br {
    display: none
}

.post-promo__title {
    color: #222;
    font-size: 25px;
    font-family: InterMedium, sans-serif;
    font-style: normal;
    line-height: 120%;
    margin-bottom: 5px
}

.post-promo__location {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px
}

.post-promo__location img {
    width: 11px !important;
    height: 100% !important;
    object-fit: contain
}

.post-promo__location span {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #8f8f8f
}

.post-promo__location span b {
    font-weight: 400
}

.post-promo__location span b:after {
    content: ' '
}

.post-promo__location span br {
    display: none
}

.post-promo__desc {
    flex-grow: 1;
    margin-top: 20px
}

.post-promo__desc p {
    color: #222;
    font-size: 12px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 0
}

.post-promo__buttons {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    z-index: 10
}

.post-promo__button-link {
    display: inline-block;
    padding: 15.5px 25px;
    min-height: 55px;
    min-width: 190px;
    text-align: center;
    border: 2px solid #fd8f5e;
    border-radius: 5px;
    background: #fd8f5e;
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.post-promo__button-link:hover {
    text-decoration: none;
    color: #fd8f5e;
    background: #fff
}

.post-promo__play-link {
    display: inline-block
}

.post-promo__play-link img {
    height: 55px !important;
    width: 55px !important;
    object-fit: contain !important;
    transition: .5s
}

.post-promo__play-link:hover img {
    transform: scale(1.05) !important
}

@media only screen and (max-width:767px) {
    .post-promo__inner {
        flex-wrap: wrap
    }

    .post-promo__image-wrap {
        flex: 0 1 100%;
        height: 250px;
        min-height: unset
    }

    .post-promo__content {
        padding: 30px 15px 25px;
        height: calc(100% - 250px)
    }

    .post-promo__button-link {
        padding: 8px 24px;
        min-height: 40px;
        min-width: 170px;
        border-radius: 8px
    }

    .post-promo__play-link img {
        height: 40px !important;
        width: 40px !important
    }
}

.SliderPromoPost.owl-carousel,
.SliderPromoPost.owl-carousel .owl-stage-outer {
    height: 100%
}

.SliderPromoPost.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%
}

.SliderPromoPost.owl-carousel .owl-stage:after {
    display: none
}

.SliderPromoPost.owl-carousel .owl-item {
    flex: 0 0 auto;
    flex-grow: 1;
    height: auto
}

.SliderPromoPost.owl-carousel .owl-dots {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 320px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.SliderPromoPost.owl-carousel .owl-dots.disabled {
    display: none
}

.SliderPromoPost.owl-carousel .owl-dots .owl-dot {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.SliderPromoPost.owl-carousel .owl-dots .owl-dot:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    transform: translate(-50%, -50%);
    transition: width .2s ease-in-out, height .2s ease-in-out
}

.SliderPromoPost.owl-carousel .owl-dots .owl-dot.active:before {
    width: 11px;
    height: 11px;
    background: #fff
}

.SliderPromoPost.owl-carousel .owl-dots .owl-dot .preloader {
    display: block;
    opacity: 1;
    border-radius: 50%;
    transform: rotate(-90deg) translate3d(0, 0, 0) translateZ(0);
    transition: opacity .5s ease-in-out
}

.SliderPromoPost.owl-carousel .owl-dots .owl-dot .preloader .progress {
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    animation: fill-progress-post var(--timeout-slider-promo) linear forwards;
    animation-iteration-count: 1
}

@keyframes fill-progress-post {
    0% {
        stroke-dashoffset: 113
    }

    100% {
        stroke-dashoffset: 0
    }
}

@media only screen and (max-width:767px) {
    .SliderPromoPost.owl-carousel .owl-dots {
        top: 195px;
        bottom: auto
    }
}

.article-cc .blog-slider-obj,
.article-cc .blog-wrap-fw {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%)
}

.article-cc .blog-slider-obj .btnWrp {
    position: relative;
    right: auto !important;
    top: auto !important;
    text-align: center;
    display: block;
    padding: 30px 0 0
}

.article-cc .blog-slider-obj .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    text-align: center;
    transition: background-color .5s, color .5s
}

.article-cc .blog-slider-obj .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:1024px) {
    .article-cc .blog-slider-obj .btnWrp {
        padding: 25px 0 0
    }
}

@media only screen and (max-width:767px) {
    .article-cc .blog-slider-obj .btnWrp {
        padding: 10px 0 0
    }

    .article-cc .blog-slider-obj .showAllPrp {
        display: block
    }

    .article-cc .subscribe__form .form-group {
        max-width: 294px;
        margin: 10px 5px
    }
}

@media only screen and (max-width:640px) {
    .article-cc .subscribe__form .form-group {
        max-width: 45%
    }
}

@media only screen and (max-width:450px) {
    .article-cc .subscribe__form .form-group {
        max-width: 100%
    }

    .article-cc .subscribe__form button[type=submit] {
        margin-top: 15px
    }
}

.article-cc .projectHeading h2 {
    margin-top: 35px;
    margin-bottom: 30px;
    text-align: center
}

.article-cc .projectHeading.left h2 {
    text-align: left
}

.article-cc .textBlock {
    padding: 0 !important;
    margin-top: 30px;
    font-size: 16px;
    line-height: 150%
}

.article-cc .textBlock:first-child {
    margin-top: 0
}

.article-cc .textBlock h2 {
    margin-bottom: 25px
}

.article-cc .textBlock h3 {
    margin-bottom: 20px
}

.article-cc .textBlock table thead.fixedHeader {
    left: calc(50vw - ((820px + .5em)/2));
    max-width: 820px
}

@media(max-width:820px) {
    .article-cc .textBlock table thead.fixedHeader {
        left: 10px;
        right: 10px
    }
}

.article-cc .blog-img {
    width: 100%;
    margin-top: 35px
}

.article-cc .blog-img:first-child {
    margin-top: 0
}

.article-cc .blog-img.big {
    width: 1160px;
    margin-left: -170px
}

.article-cc .blog-img.large {
    width: 1000px;
    margin-left: -95px
}

.article-cc .blog-img img {
    width: 100%;
    border-radius: 8px
}

.article-cc .row.bwi {
    padding: 0 !important;
    margin-top: 40px;
    margin-bottom: 40px
}

.article-cc .steps {
    position: relative;
    padding: 0 !important;
    margin-top: 40px;
    margin-bottom: 40px
}

.article-cc .steps:before {
    content: '';
    display: block;
    position: absolute;
    left: -100vw;
    width: 200vw;
    height: 100%;
    background: #fd8f5e;
    z-index: -1
}

.article-cc .steps .steps__inner {
    padding: 50px 0 !important
}

.article-cc .steps .steps__col-empty {
    display: none
}

.article-cc .Faq {
    margin-top: 40px;
    margin-bottom: 40px
}

.article-cc .form-article {
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 8px;
    overflow: hidden
}

.article-cc .form-article__row {
    display: flex
}

.article-cc .form-article__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.article-cc .form-article__col_text {
    flex-grow: 1;
    background: #d2f4ff;
    padding: 50px;
    text-align: center
}

.article-cc .form-article__col_form {
    flex: 0 0 330px;
    background: #fd8f5e;
    color: #fff;
    padding: 30px
}

.article-cc .form-article__img-wrap {
    margin-bottom: 25px;
    width: 75px;
    height: 75px
}

.article-cc .form-article__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.article-cc .form-article__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 10px
}

.article-cc .form-article__desc {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 110%;
    margin-bottom: 0
}

.article-cc .form-article__form form {
    position: relative;
    width: 100%
}

.article-cc .form-article__form form .wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.article-cc .form-article__form .wpcf7-list-item-label {
    color: #fff !important
}

.article-cc .form-article__form .form-group {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.article-cc .form-article__form .form-group label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.article-cc .form-article__form .form-group label.filled {
    background: #fd8f5e;
    color: #fff;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.article-cc .form-article__form .form-group input,
.article-cc .form-article__form .form-group textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    color: #222;
    background: #fff;
    border: 0;
    border-radius: 4px
}

.article-cc .form-article__form .form-group input {
    height: 40px
}

.article-cc .form-article__form .form-group textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.article-cc .form-article__form .checkbox {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 20px
}

.article-cc .form-article__form div.checkbox .label,
.article-cc .form-article__form div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.article-cc .form-article__form button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    padding: 8px 20px;
    margin: 0;
    min-height: 40px;
    width: 100%;
    border: none !important;
    border-radius: 8px;
    text-decoration: none;
    background: #fd8f5e;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s
}

.article-cc .form-article__form button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media(max-width:767px) {
    .article-cc .textBlock table thead.fixedHeader {
        left: 0;
        right: 0;
        max-width: 100%
    }

    .article-cc .row.bwi>div:last-child {
        margin-bottom: 0
    }

    .article-cc .form-article__row {
        flex-wrap: wrap
    }

    .article-cc .form-article__col_text {
        padding: 70px 20px
    }

    .article-cc .form-article__col_form {
        flex: 0 1 100%;
        padding: 30px 20px
    }

    .article-cc .form-article__title {
        font-size: 24px
    }
}

.article-cc .subscribe {
    margin-top: 40px;
    margin-bottom: 40px;
    background: #f9f9f9;
    position: relative
}

.article-cc .subscribe:before {
    content: '';
    display: block;
    position: absolute;
    left: -100vw;
    width: 200vw;
    height: 100%;
    background: #f9f9f9;
    z-index: -1
}

.article-cc .subscribe__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0 80px
}

.article-cc .subscribe__head {
    text-align: center;
    color: #222;
    margin-bottom: 20px
}

.article-cc .subscribe__title {
    font-family: InterBold, sans-serif;
    font-size: 32px;
    line-height: 110%;
    margin-bottom: 35px
}

.article-cc .subscribe__desc {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.article-cc .subscribe__form form {
    display: flex;
    align-items: center;
    justify-content: center
}

.article-cc .subscribe__form .form-group {
    margin-bottom: 0
}

.article-cc .subscribe__form input.form-control {
    border-radius: 0;
    font-size: 16px;
    padding: 8px 16px;
    height: 40px;
    width: auto;
    max-width: 310px;
    margin-right: 10px
}

.article-cc .subscribe__form input[aria-invalid=true] {
    animation: 3s ease-out error_border_light
}

.article-cc .subscribe__form button[type=submit] {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 8px 30px;
    min-height: 40px;
    border: none !important;
    border-radius: 8px;
    color: #fff;
    background: #02b2ee;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.article-cc .subscribe__form button[type=submit]:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.article-cc .subscribe__form .wpcf7-response-output {
    display: none !important
}

@media(max-width:820px) {
    .article-cc .subscribe__form input.form-control {
        width: 220px
    }
}

@media(max-width:767px) {
    .article-cc .subscribe__form form {
        flex-wrap: wrap
    }

    .article-cc .subscribe__form input.form-control {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
        border-radius: 8px
    }
}

.article-cc .container.areas {
    margin-top: 35px !important
}

.article-cc .offplan {
    margin-top: 35px !important;
    padding-top: 0 !important
}

.article-cc .offplan .projects_list-item {
    flex: 0 0 50%;
    max-width: 380px !important
}

.article-cc .blog-wrap-fw .offplan .col-lg-4.projects_list-item,
.article-cc .blog-wrap-fw .offplan .col-md-4.projects_list-item,
.article-cc .blog-wrap-fw .offplan .col-md-6.projects_list-item {
    margin-bottom: 20px
}

.article-cc .blog-wrap-fw .offplan .projects_list-item {
    flex: 0 0 33.333%;
    max-width: 33.333% !important
}

@media(max-width:1024px) {
    .article-cc .blog-wrap-fw .offplan .projects_list-item {
        flex: 0 0 50%;
        max-width: 50% !important;
        margin-bottom: 20px !important
    }
}

@media(max-width:767px) {

    .article-cc .blog-wrap-fw .offplan .projects_list-item,
    .article-cc .offplan .projects_list-item {
        flex: 0 0 100%;
        max-width: 100% !important;
        margin-bottom: 30px !important
    }

    .article-cc .blog-wrap-fw .offplan .projects_list-item:last-child,
    .article-cc .offplan .projects_list-item:last-child {
        margin-bottom: 0 !important
    }
}

.article-cc .learnMore {
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 50px;
    overflow: hidden;
    border-radius: 8px
}

.article-cc .learnMore-item {
    flex: 0 0 100%;
    height: 100%;
    padding: 50px;
    line-height: 1;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.article-cc .learnMore-title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.article-cc .learnMore-subtitle {
    font-family: InterMedium, sans-serif;
    font-size: 20px;
    line-height: 110%;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    margin-top: 10px
}

.article-cc .learnMore-btn {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    word-break: normal;
    padding: 8px 24px;
    margin-top: 30px;
    background: #02b2ee;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.article-cc .learnMore-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:900px) {
    .article-cc .learnMore-item {
        padding: 50px 20px;
        text-align: center
    }
}

.article-post__rating {
    margin: 60px 0
}

.article-post__rating-body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.article-post__rating-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.article-post__rating-head {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    margin-top: 4px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .article-cc .learnMore {
        display: block;
        height: auto;
        margin-top: 25px
    }

    .article-cc .learnMore-item {
        min-height: 310px
    }

    .article-cc .learnMore-title {
        font-size: 24px
    }

    .article-cc .learnMore-subtitle {
        font-size: 16px
    }

    .article-post__rating {
        margin: 50px 0
    }

    .article-post__rating-flex {
        width: 100%;
        flex-grow: 1
    }

    .article-post__rating-head {
        font-family: InterMedium, sans-serif;
        font-size: 18px;
        margin: 0
    }

    .article-post__rating-btns {
        display: none
    }
}

.article-post__agent.post-author {
    margin-top: 60px
}

.post-author__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.post-author__photo-wrap {
    margin-bottom: 20px;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-image: url(../images/bg-agent.jpg);
    display: flex;
    justify-content: center
}

.post-author__photo {
    margin-top: 10px;
    width: 85%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.post-author__name {
    margin-bottom: 20px;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222
}

.post-author__desc {
    margin-bottom: 25px;
    max-width: 750px
}

.post-author__desc p {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #8f8f8f
}

.post-author__desc p:last-child {
    margin-bottom: 0
}

.post-author__btn {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
    color: #fff;
    padding: 8px 24px;
    border-radius: 8px;
    text-decoration: none;
    background: #02b2ee;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal
}

.post-author__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.featureProjects.article-rm {
    padding: 0 !important;
    overflow: hidden;
    color: #222
}

.article-rm__container {
    max-width: 840px !important;
    padding-top: 0 !important
}

.article-rm__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px
}

.article-rm__links {
    list-style: none;
    margin: 0;
    padding: 0
}

.article-rm__links-item {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9
}

.article-rm__links-item:last-child {
    border: 0
}

.article-rm__link {
    color: #222;
    text-decoration: none;
    transition: color .3s;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 150%
}

.article-rm__link:hover {
    color: #fd8f5e
}

.article-rm__details {
    font-family: Inter, sans-serif;
    color: #8f8f8f;
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 300px
}

.article-rm__details span {
    padding-left: 26px;
    display: inline-block;
    line-height: 17px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center
}

.article-rm__details span.date {
    font-size: 12px;
    background-image: url(../icons/acticle-clock.html)
}

.article-rm__details span.views {
    font-size: 14px;
    background-image: url(../icons/acticle-views.html)
}

.article-latest {
    margin-top: 90px;
    padding: 0 !important;
    overflow: hidden
}

.article-latest__container {
    padding-top: 0 !important
}

.article-latest h2.article-latest__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%
}

.article-latest .news-wrap .owl-stage-outer {
    overflow: unset !important
}

.article-post__author-photo img.logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain
}

.article-cc_mass-media {
    position: relative
}

.article-cc_mass-media:after {
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute
}

.article-post__rating_mass-media {
    margin-top: 30px
}

.article-post__original {
    text-align: center;
    margin-bottom: 35px
}

.article-post__original-title {
    color: #222;
    font-family: Inter, sans-serif;
    font-size: 20px
}

.article-post__original-logo img {
    max-width: 240px;
    max-height: 80px;
    margin-bottom: 10px;
    min-height: 45px
}

.article-post__original-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    padding: 7px 24px;
    text-decoration: none !important;
    transition: background .3s ease-in-out;
    background-repeat: no-repeat;
    word-break: normal;
    vertical-align: top;
    border: 1px solid #fd8f5e;
    border-radius: 8px
}

.article-post__original-btn.back {
    color: #fff;
    background-color: #fd8f5e;
    padding-left: 50px;
    background-image: url(../icons/left-arrow.html);
    background-size: 16px auto;
    background-position: left 20px center
}

.article-post__original-btn.source {
    color: #fd8f5e;
    background-color: #fff;
    margin-left: 6px;
    padding-right: 50px;
    background-size: 16px auto;
    background-position: right 20px center;
    background-image: url(../icons/arrow-readmore-hover.html)
}

@media only screen and (max-width:767px) {
    .article-post__author.post-author {
        margin-top: 50px
    }

    .article-rm__container {
        max-width: 360px !important
    }

    .article-rm__details {
        max-width: 100%
    }

    .article-latest {
        margin-top: 30px
    }

    .article-latest h2.article-latest__title {
        font-size: 28px
    }

    .article-cc_mass-media:after {
        height: 200px
    }

    .article-post__original-logo {
        margin-bottom: 10px
    }

    .article-post__original-logo img {
        max-width: 200px;
        max-height: 70px;
        min-height: 35px
    }

    .article-post__original-title {
        font-size: 18px
    }

    .article-post__original-btn.back {
        display: none
    }
}

.article-post-vacancy {
    margin-bottom: 70px
}

.article-post-vacancy .article-post__header {
    margin-bottom: 50px
}

.article-post-vacancy .article-post__content-video {
    margin-bottom: 80px
}

@media only screen and (max-width:767px) {
    .article-post-vacancy {
        margin-bottom: 20px
    }

    .article-post-vacancy .article-post__header {
        margin-bottom: 30px
    }

    .article-post-vacancy .article-post__content-video {
        margin-bottom: 60px
    }
}

.vacancy {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.vacancy b,
.vacancy strong {
    font-family: InterMedium, sans-serif !important;
    font-weight: 400 !important
}

.vacancy h2,
.vacancy h3,
.vacancy h4 {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 35px
}

.vacancy ul {
    padding: 0;
    margin: 0 0 80px 25px;
    list-style: none
}

.vacancy ul.limited {
    padding-bottom: 60px;
    position: relative
}

.vacancy ul.two-column {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 45px
}

.vacancy ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 27px;
    height: 100%;
    opacity: 1;
    transition: .3s
}

.vacancy ul li:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background: #01aee5;
    border-radius: 50%
}

.vacancy ul li:last-child {
    margin-bottom: 0
}

.vacancy ul.limited li:nth-child(5) {
    position: relative;
    margin-bottom: 0
}

.vacancy ul.limited li:nth-child(5):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #fff 100%);
    z-index: 1
}

.vacancy ul.limited li:nth-child(n+6) {
    opacity: 0;
    height: 0;
    margin-bottom: 0
}

.vacancy ul.two-column li {
    flex: 0 1 calc(50% - 25px)
}

.vacancy ul.two-column li:nth-last-child(2) {
    margin-bottom: 0
}

.vacancy .requirements-seeAll {
    display: none
}

.vacancy ul.limited .requirements-seeAll {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    z-index: 3;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.vacancy .requirements-seeAll span {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fd8f5e
}

.vacancy .requirements-seeAll img {
    object-fit: contain;
    width: 12px;
    height: 100%;
    transition: transform .2s
}

.vacancy ul.limited .requirements-seeAll:hover img {
    transform: translateY(2px)
}

@media only screen and (max-width:743px) {
    .vacancy {
        font-size: 14px;
        line-height: 21px
    }

    .vacancy h2,
    .vacancy h3,
    .vacancy h4 {
        font-size: 20px;
        line-height: 26px
    }

    .vacancy ul {
        margin: 0 0 60px
    }

    .vacancy ul li {
        padding-left: 13px
    }

    .vacancy ul li:before {
        width: 3px;
        height: 3px
    }

    .vacancy ul.two-column {
        display: block
    }

    .vacancy ul.two-column li:nth-last-child(2) {
        margin-bottom: 27px
    }
}

.vacancy-company {
    padding: 0 !important
}

.vacancy-company .container {
    padding-top: 0 !important
}

.vacancy-company__title.career-title {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 50px
}

.vacancy-company__cards {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px
}

.vacancy-company__card {
    flex: 0 1 calc(25% - 15px);
    min-height: 160px;
    padding: 120px 20px 20px;
    background-color: #fd8f5e;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.vacancy-company__card.card1 {
    background-image: url(../images/vacancy-company-card1.html)
}

.vacancy-company__card.card2 {
    background-image: url(../images/vacancy-company-card2.html)
}

.vacancy-company__card.card3 {
    background-image: url(../images/vacancy-company-card3.html)
}

.vacancy-company__card.card4 {
    background-image: url(../images/vacancy-company-card4.html)
}

.vacancy-company__card-title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .vacancy-company__cards {
        flex-wrap: wrap
    }

    .vacancy-company__card {
        flex: 0 1 calc(50% - 10px)
    }

    .vacancy-company__card.card1 {
        background-position: top -35px center
    }

    .vacancy-company__card.card2 {
        background-position: top -55px center
    }

    .vacancy-company__card.card3,
    .vacancy-company__card.card4 {
        background-size: auto 160px;
        background-position: top left
    }
}

@media only screen and (max-width:767px) {
    .vacancy-company__card.card1 {
        background-position: top -15px center
    }

    .vacancy-company__card.card2 {
        background-position: top -35px center
    }
}

@media only screen and (max-width:743px) {
    .vacancy-company__title.career-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 35px
    }

    .vacancy-company__cards {
        gap: 10px
    }

    .vacancy-company__card {
        flex: 0 1 100%;
        min-height: 170px;
        justify-content: flex-end
    }

    .vacancy-company__card.card1 {
        background-position: top -80px center
    }

    .vacancy-company__card.card2 {
        background-position: top -120px center
    }
}

@media only screen and (max-width:640px) {
    .vacancy-company__card.card1 {
        background-position: top -50px center
    }

    .vacancy-company__card.card2 {
        background-position: top -80px center
    }
}

@media only screen and (max-width:500px) {
    .vacancy-company__card.card1 {
        background-position: top -15px center
    }

    .vacancy-company__card.card2 {
        background-position: top -30px center
    }
}

.career-form-footer {
    margin: 150px 0
}

.career-form-footer .container {
    padding-top: 0 !important
}

.career-form-footer__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 70px
}

.career-form-footer__col_title {
    flex-basis: 43%
}

.career-form-footer__col_desc {
    flex-basis: 57%
}

.career-form-footer__title.career-title {
    font-size: 30px;
    line-height: 33px
}

.career-form-footer__desc p {
    margin-bottom: 0
}

.career-form-footer__form-wrap {
    max-width: 480px;
    margin: 0 auto
}

@media only screen and (max-width:990px) {
    .career-form-footer__row {
        gap: 20px;
        margin-bottom: 115px
    }
}

@media only screen and (max-width:743px) {
    .career-form-footer {
        margin: 80px 0 100px
    }

    .career-form-footer__row {
        flex-wrap: wrap;
        margin-bottom: 40px
    }

    .career-form-footer__col {
        flex: 0 1 100% !important
    }

    .career-form-footer__title.career-title {
        font-size: 20px;
        line-height: 26px
    }
}

.featureProjects.agentsNav {
    background: #fff;
    padding: 15px 0
}

.agents__nav-container {
    padding-top: 0 !important
}

.agents__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.agents__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.agents__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.agents__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.agents__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.agents__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.agents__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.agents__nav-breadcrumbs .breadcrumbs__current {
    color: #222
}

.agents__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.agents__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.agents__nav-back:hover {
    color: #fd8f5e
}

.agents__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .agents__nav {
        display: block
    }

    .agents__nav-back {
        display: none
    }

    .agents__nav-breadcrumbs {
        padding: 0
    }
}

.agents-header {
    position: relative;
    margin-bottom: 70px
}

.agents-header__body {
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/agents-bg-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.agents-header__title {
    color: #fff;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px
}

.agents-header__sub-title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-top: 10px
}

.agents-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
    margin: 0 -5px
}

.agents-header__col {
    padding: 0 5px
}

.agents-header__col_filter {
    flex-grow: 1
}

@media(max-width:1100px) {
    .agents-header__row {
        flex-wrap: wrap
    }
}

@media(max-width:767px) {
    .agents-header {
        margin-bottom: 40px
    }

    .agents-header__body {
        padding: 20px
    }

    .agents-header__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.filter-agents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    font-family: Inter, sans-serif
}

.filter-agents__item {
    position: relative;
    padding: 0 6px;
    text-align: left
}

.filter-agents__item_name {
    flex-grow: 1
}

.filter-agents__item_name input[name=agent_name] {
    width: 100%;
    height: 36px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0 10px;
    color: #000
}

.filter-agents__item_name input[name=agent_name]::placeholder {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    padding-top: 2px
}

.agent_name-result {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: calc(100% + 8px);
    max-width: 500px;
    min-height: 64px;
    max-height: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow-y: auto;
    opacity: 0;
    font-size: 16px;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.agent_name-result::-webkit-scrollbar {
    width: .5em
}

.agent_name-result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.agent_name-result::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.agent_name-result.show {
    max-height: 305px;
    opacity: 1;
    pointer-events: initial
}

.agent_name-result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.agent_name-result .result-item,
.agent_name-result .result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.agent_name-result .result-item a,
.agent_name-result .result-item_all {
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none !important;
    color: #212529;
    transition: background-color .3s, color .2s
}

.agent_name-result .result-item:hover a {
    background: #02b2ee;
    color: #fff
}

.agent_name-result .result-item b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.agent_name-result .search-not-found {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    color: #999
}

@media only screen and (max-width:980px) {
    .filter-agents {
        padding: 10px 4px;
        flex-wrap: wrap
    }

    .filter-agents__item_name {
        order: -2
    }

    .agent_name-result {
        top: 54px
    }
}

.agents-list .container {
    padding-top: 0 !important
}

.agents-list__block {
    margin-bottom: 70px
}

.agents-list__block:last-child {
    margin-bottom: 0
}

.agents-list__title {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    color: #fd8f5e;
    margin-bottom: 30px
}

.agents-list__row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -40px
}

.agents-list__item {
    flex: 0 0 25%;
    max-width: 23%;
    width: 96%;
    /* padding-right: 15px; */
    /* padding-left: 10px; */
    margin-bottom: 40px;
    margin-right: 20px;
}

@media(max-width:1024px) {
    .agents-list__row {
        margin-bottom: -30px
    }

    .agents-list__item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 30px
    }
}

@media(max-width:767px) {
    .filter-agents__item_name input[name=agent_name]::placeholder {
        font-size: 14px
    }

    .agent_name-result {
        top: 44px
    }

    .agent_name-result .result-item a {
        font-size: 14px;
        line-height: 18px
    }

    .agents-list__title {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 20px
    }

    .featureProjects.agents-list {
        padding-top: 0
    }

    .agents-list__row {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px
    }

    .agents-list__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 10px
    }
}

.agent-item {
    position: relative;
    font-family: Inter, sans-serif;
    background-color: #fff;
    border-radius: 10px;
}

.agent-item__cell {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    height: 100%
}

.agent-item__photo {
    width: 125%;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    align-items: flex-end;
    justify-content: center
}

.agent-item__photo img {
    max-width: 80%;
    margin-top: 15px;
    max-height: calc(100% - 15px);
    width: 100%;
    object-fit: cover;
    object-position: top;
    pointer-events: none
}

.agent-item__contact {
    flex-grow: 1;
    position: relative;
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 15px 20px 18px;
    border-radius: 0 0 8px 8px
}

.agent-item__name {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #222
}

.agent-item__lngs {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 160%;
    margin-top: 1px;
    color: #222
}

.agent-item__lngs span {
    color: #fd8f5e
}

.agent-item__whatsapp {
    position: absolute;
    top: -55px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #01c24a;
    text-decoration: none !important;
    transition: background-color .3s
}

.agent-item__whatsapp:after {
    content: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAyNCAyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20yMC41MiAzLjQ0OWMtMi4yOC0yLjIwNC01LjI4LTMuNDQ5LTguNDc1LTMuNDQ5LTkuMTcgMC0xNC45MjggOS45MzUtMTAuMzQ5IDE3LjgzOGwtMS42OTYgNi4xNjIgNi4zMzUtMS42NTJjMi43NiAxLjQ5MSA1LjAyMSAxLjM1OSA1LjcxNiAxLjQ0NyAxMC42MzMgMCAxNS45MjYtMTIuODY0IDguNDU0LTIwLjMwN3onIGZpbGw9JyNlY2VmZjEnPjwvcGF0aD48cGF0aCBkPSdtMTIuMDY3IDIxLjc1MS0uMDA2LS4wMDFoLS4wMTZjLTMuMTgyIDAtNS4yMTUtMS41MDctNS40MTUtMS41OTRsLTMuNzUuOTc1IDEuMDA1LTMuNjQ1LS4yMzktLjM3NWMtLjk5LTEuNTc2LTEuNTE2LTMuMzkxLTEuNTE2LTUuMjYgMC04Ljc5MyAxMC43NDUtMTMuMTkgMTYuOTYzLTYuOTc1IDYuMjAzIDYuMTUgMS44NDggMTYuODc1LTcuMDI2IDE2Ljg3NXonIGZpbGw9J3JnYigxLCAxOTQsIDc0KScgY2xhc3M9J2ZpbGxfY29sb3JfaG92ZXInIHN0eWxlPScnPjwvcGF0aD48cGF0aCBkPSdtMTcuNTA3IDE0LjMwNy0uMDA5LjA3NWMtLjMwMS0uMTUtMS43NjctLjg2Ny0yLjA0LS45NjYtLjYxMy0uMjI3LS40NC0uMDM2LTEuNjE3IDEuMzEyLS4xNzUuMTk1LS4zNDkuMjEtLjY0Ni4wNzUtLjMtLjE1LTEuMjYzLS40NjUtMi40MDMtMS40ODUtLjg4OC0uNzk1LTEuNDg0LTEuNzctMS42Ni0yLjA3LS4yOTMtLjUwNi4zMi0uNTc4Ljg3OC0xLjYzNC4xLS4yMS4wNDktLjM3NS0uMDI1LS41MjQtLjA3NS0uMTUtLjY3Mi0xLjYyLS45MjItMi4yMDYtLjI0LS41ODQtLjQ4Ny0uNTEtLjY3Mi0uNTEtLjU3Ni0uMDUtLjk5Ny0uMDQyLTEuMzY4LjM0NC0xLjYxNCAxLjc3NC0xLjIwNyAzLjYwNC4xNzQgNS41NSAyLjcxNCAzLjU1MiA0LjE2IDQuMjA2IDYuODA0IDUuMTE0LjcxNC4yMjcgMS4zNjUuMTk1IDEuODguMTIxLjU3NC0uMDkxIDEuNzY3LS43MjEgMi4wMTYtMS40MjYuMjU1LS43MDUuMjU1LTEuMjkuMTgtMS40MjUtLjA3NC0uMTM1LS4yNy0uMjEtLjU3LS4zNDV6JyBmaWxsPScjZmFmYWZhJz48L3BhdGg+PC9zdmc+);
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0
}

.agent-item__whatsapp:hover {
    background-color: #08a84a
}

@media only screen and (max-width:767px) {
    .agent-item__cell {
        position: relative;
        display: flex;
        flex-direction: column
    }

    .agent-item__photo {
        height: 165px
    }
}

.featureProjects.agent-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.agent-nav__container {
    padding-top: 0 !important
}

.agent-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.agent-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.agent-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.agent-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.agent-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.agent-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.agent-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.agent-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.agent-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.agent-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.agent-nav__back:hover {
    color: #fd8f5e
}

.agent-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.agent-nav {
        padding: 15px 0 !important
    }

    .agent-nav__body {
        display: block
    }

    .agent-nav__back {
        display: none
    }

    .agent-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.agent-head {
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    min-height: 625px
}

.agent-head__container {
    padding-top: 0 !important
}

.agent-head__row {
    position: relative;
    display: flex;
    align-items: stretch;
    max-height: 100%;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: space-between;
    background-color: #fd8f5e;
    border-radius: 8px;
    overflow: hidden
}

.agent-head__col-left {
    position: relative;
    width: 65%;
    max-width: 65%;
    max-height: 100%;
    flex: 1;
    overflow: auto;
    padding: 0 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

.agent-head__col-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px
}

.agent-head__form {
    width: 350px
}

@media(max-width:1024px) {
    .featureProjects.agent-head {
        min-height: 570px
    }

    .agent-head__col-left {
        width: 70%;
        max-width: 70%
    }

    .agent-head__col-right {
        padding: 15px 25px
    }

    .agent-head__form {
        width: 300px
    }
}

@media(max-width:960px) {
    .featureProjects.agent-head {
        height: auto;
        min-height: auto;
        padding-top: 0 !important
    }

    .agent-head__col-left {
        width: 100%;
        max-width: 100%;
        padding: 0 0 70px;
        overflow: hidden
    }

    .agent-head__col-right {
        display: none
    }
}

.agent-image {
    position: relative;
    z-index: 4;
    flex: 1;
    overflow: hidden;
    text-align: right;
    height: 625px;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    pointer-events: none
}

.agent-image img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right
}

@media(max-width:1024px) {
    .agent-image {
        height: 570px
    }
}

@media(max-width:960px) {
    .agent-image {
        text-align: right;
        height: 530px;
        padding-top: 20px;
        overflow: initial
    }

    .agent-image img {
        margin-right: 5%;
        max-width: 100%;
        max-height: 100%;
        height: auto
    }
}

@media(max-width:500px) {
    .agent-image {
        height: 420px
    }

    .agent-image img {
        margin-right: -35px
    }
}

.agent-info {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 405px;
    min-height: 60%;
    padding: 60px 70px 60px 25px;
    background: #fd8f5e;
    color: #fff;
    text-align: left
}

.agent-info__award img {
    max-width: 190px;
    max-height: 110px;
    width: 100%;
    object-fit: contain;
    object-position: left;
    display: inline-block
}

.agent-info__name {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding-top: 30px
}

.agent-info__name h1 {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 3px
}

.agent-info__position {
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.agent-info__rating {
    display: flex;
    padding-top: 30px
}

.agent-info__rating-value {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 1;
    margin-right: 6px
}

.agent-info__rating .item-rating,
.agent-info__rating .item-rating-fill {
    display: block;
    height: 15px;
    line-height: 15px;
    background-repeat: repeat-x;
    background-size: auto 15px;
    background-position: left center
}

.agent-info__rating .item-rating {
    background-image: url(../icons/rating-agent-gray.html);
    position: relative;
    overflow: hidden;
    width: 96px;
    margin: 0
}

.agent-info__rating .item-rating-fill {
    background-image: url(../icons/rating-agent-new.html);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0
}

.agent-info__contact {
    display: none
}

.agent-info__contact-btn {
    font-family: Inter, sans-serif;
    font-size: 16px;
    display: block;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    color: #fff;
    background: #fd8f5e;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 1px 5px
}

@media(max-width:960px) {
    .agent-info {
        z-index: 5;
        width: 40%;
        min-width: 160px;
        min-height: auto;
        padding: 30px 15px 0;
        text-align: center;
        border-bottom-right-radius: 8px;
        overflow: hidden;
        background: rgba(1, 174, 230, .9)
    }

    .agent-info__award img {
        max-height: 80px;
        object-position: center
    }

    .agent-info__name {
        padding-top: 50px
    }

    .agent-info__rating {
        justify-content: center
    }

    .agent-info__contact {
        display: block;
        padding-top: 30px
    }
}

@media(max-width:767px) {
    .agent-info__name h1 {
        font-size: 18px;
        line-height: 22px
    }

    .agent-info__position {
        font-size: 12px
    }
}

.agent-expire {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 405px;
    min-height: 40%;
    padding: 25px 70px 25px 25px;
    background: #fd8f5e;
    color: #fff
}

.agent-expire__item {
    padding-bottom: 10px
}

.agent-expire__item:last-child {
    padding-bottom: 0
}

.agent-expire__item-title {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.agent-expire__item-value {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 16px
}

.agent-expire-ln {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -5px -11px
}

.agent-expire-ln__item {
    display: flex;
    align-items: center;
    padding: 5px 11px
}

.agent-expire-ln__item img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    margin-right: 9px
}

.agent-expire-ln__item span {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px
}

@media(max-width:960px) {
    .agent-expire {
        flex-direction: row;
        z-index: 5;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: auto;
        padding: 15px
    }

    .agent-expire__item--languages {
        width: 100%;
        padding-bottom: 15px
    }

    .agent-expire__item--propBuy,
    .agent-expire__item--propRent {
        width: 50%;
        padding-bottom: 0
    }
}

@media(max-width:767px) {
    .agent-expire__item-value {
        font-size: 14px
    }
}

.agent-form {
    padding: 22px 25px 28px;
    background: #fff;
    border-radius: 8px
}

.agent-form__title {
    color: #222;
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 18px
}

.agent-form__cf7 .form-group {
    position: relative;
    margin-bottom: 8px
}

.agent-form__cf7 .form-control {
    height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #e7e7e7
}

.agent-form__cf7 textarea.form-control {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.agent-form__cf7 label {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.agent-form__cf7 label.filled {
    background: #02b2ee;
    color: #fff;
    transform: translateY(-120%);
    font-size: 11px !important;
    border-radius: 2px
}

.agent-form__cf7 .checkbox {
    margin-top: 20px;
    margin-bottom: 0
}

.agent-form__cf7 .checkbox label {
    color: #000;
    margin: 0;
    pointer-events: auto
}

.agent-form__cf7 button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin-top: 25px;
    min-height: 40px;
    width: 100%;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.agent-form__cf7 button[type=submit]:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.agent-form__cf7 .wpcf7 form .wpcf7-response-output {
    margin: 10px 0 20px;
    font-size: .6rem
}

.agent-form__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px
}

.agent-form__btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    height: 40px;
    padding: 0 10px;
    width: calc(50% - 5px);
    text-decoration: none;
    border-radius: 8px;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    cursor: pointer
}

.agent-form__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.agent-form__btn.whatsapp {
    background: linear-gradient(90deg, #62d53a 0, #62d53a 50%, #128c7e 50%, #128c7e 100%);
    background-size: 200% 100%
}

.agent-form__btn.whatsapp:hover {
    background-position: 100% 0
}

.agent-form__btn img {
    object-fit: contain;
    margin-right: 8px;
    vertical-align: top;
    height: 100%;
    width: 14px
}

.agent-form__btn.whatsapp img {
    width: 20px
}

.agent-form__btn span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

@media(max-width:960px) {
    .agent-form {
        background-color: rgba(255, 255, 255, .75)
    }
}

.agent-property__container {
    padding-top: 105px !important
}

@media(max-width:767px) {
    .agent-property__container {
        padding-top: 0 !important
    }
}

.agent-reviews .reviews__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 1.33;
    color: #222
}

.agent-projects .btnWrp {
    top: -36px !important
}

@media(max-width:1024px) {
    .agent-form__btn img {
        margin: 0
    }

    .agent-form__btn span {
        display: none
    }

    .agent-projects .btnWrp {
        top: auto !important
    }
}

.featureProjects.agent-videos {
    background-color: #f9f9f9;
    padding: 0 0 60px !important;
    margin: 130px 0 0 !important
}

.agent-videos__container {
    padding-top: 80px !important
}

.agent-videos .blogPost {
    box-shadow: 0 2px 8px rgb(0 0 0/1%);
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    overflow: hidden
}

.agent-videos .blogPostH {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #222
}

.agent-videos .newsCaroseul .owl-stage {
    padding-top: 25px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

@media(max-width:767px) {
    .featureProjects.agent-videos {
        padding: 40px 0 !important;
        margin: 40px 0 0 !important
    }

    .agent-videos__container {
        padding-top: 0 !important
    }
}

.agent-blog__row {
    padding: 12px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 8px
}

.agent-blog .news__article {
    transform: none !important;
    width: 40%;
    min-width: 40%
}

.agent-blog .article-rm__links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 83px 38px 102px
}

@media(max-width:960px) {
    .agent-blog .news__article {
        width: 50%;
        min-width: 50%
    }

    .agent-blog .article-rm__links {
        padding: 20px
    }
}

@media(max-width:767px) {
    .agent-blog__row {
        flex-direction: column
    }

    .agent-blog .news__article {
        width: 100%;
        min-width: 100%
    }

    .agent-blog .article-rm__links {
        padding: 15px 0 0
    }
}

.agent-modal .modal-content.popUp {
    border-radius: 8px
}

.agent-modal .popUp-header {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    background: #fd8f5e
}

.agent-modal .popUp-form .form-group {
    margin-bottom: 8px
}

.agent-modal .popUp-form .wpcf7-text,
.agent-modal .popUp-form .wpcf7-textarea {
    font-family: Inter, sans-serif;
    font-size: 14px;
    height: 40px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid #e7e7e7 !important
}

.agent-modal .popUp-form .wpcf7-textarea {
    min-height: 40px !important;
    height: auto !important;
    max-height: 200px !important
}

.agent-modal .popUp-form .form-group label {
    font-family: Inter, sans-serif;
    left: 10px;
    padding: 3px 6px 2px
}

.agent-modal .popUp-form .form-group label.filled {
    font-size: 12px !important;
    transform: translateY(-120%);
    border-radius: 2px
}

.agent-modal .popUp-form .checkbox {
    margin-top: 25px;
    margin-bottom: 0
}

.agent-modal .popUp-form .checkbox label {
    font-size: 14px
}

.agent-modal .popUp-form button {
    height: 40px;
    line-height: 40px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-radius: 8px;
    text-transform: none;
    margin-top: 30px
}

.agent .projectHeading h1,
.agent .projectHeading h2 {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 1.33;
    color: #222
}

.agent .projectHeading h3 {
    font-family: InterSemiBold, sans-serif;
    font-size: 20px;
    color: #222
}

.agent .middleSlash {
    display: none
}

.agent .propertySlider .owl-nav {
    top: -76px
}

.agent .btnWrp {
    top: 101px
}

.agent .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.agent .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:767px) {
    .agent .propertySlider .owl-nav {
        top: 180px
    }

    .agent .btnWrp {
        top: auto
    }

    .agent .showAllPrp {
        display: block
    }
}

.featureProjects.projectsNav {
    background: #182643;
    padding: 15px 0
}

.projects__nav-container {
    padding-top: 0 !important
}

.projects__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.projects__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.projects__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.projects__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.projects__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.projects__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.projects__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.projects__nav-breadcrumbs .breadcrumbs__current {
    color: #222
}

.projects__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.projects__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.projects__nav-back:hover {
    color: #fd8f5e
}

.projects__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .projects__nav {
        display: block
    }

    .projects__nav-back {
        display: none
    }

    .projects__nav-breadcrumbs {
        padding: 0
    }
}

.projects-header {
    position: relative;
    margin-bottom: 100px
}

.projects-header__body {
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/projects-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.projects-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px
}

.projects-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 -5px
}

.projects-header__col {
    padding: 0 5px
}

.projects-header__col_filter {
    flex-grow: 1
}

.projects-header__col_btn {
    display: none
}

.projects__btn-map {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    padding: 12px 52px 12px 28px;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    color: #fff !important;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none !important;
    border-radius: 8px;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.projects__btn-map:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 0;
    background-image: url(../icons/icon-map-btn.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 14px;
    height: 100%
}

.projects__btn-map:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:1100px) {
    .projects-header__row {
        flex-wrap: wrap
    }

    .projects-header__col_btn {
        padding-top: 10px;
        width: 100%
    }

    .projects__btn-map {
        margin: 0 auto
    }
}

@media(max-width:767px) {
    .projects-header {
        margin-bottom: 50px
    }

    .projects-header__body {
        padding: 20px
    }

    .projects-header__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.filter-projects {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    font-family: Inter, sans-serif
}

.filter-projects__item {
    position: relative;
    padding: 0 6px;
    text-align: left
}

.filter-projects__item_name {
    flex-grow: 1
}

.filter-projects__item_select:after {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 1px;
    height: calc(100% - 8px);
    background: #e0e0e0
}

.filter-projects__item_name input[name=project_name] {
    width: 100%;
    height: 36px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0 15px 0 32px;
    background-image: url(../icons/icon-map-pin.html);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #000
}

.filter-projects__item_name input[name=project_name]::placeholder {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    padding-top: 2px
}

.project_name-result {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: calc(100% + 4px);
    min-height: 64px;
    max-height: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow-y: auto;
    opacity: 0;
    font-size: 16px;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.project_name-result::-webkit-scrollbar {
    width: .5em
}

.project_name-result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.project_name-result::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.project_name-result.show {
    max-height: 305px;
    opacity: 1;
    pointer-events: initial
}

.project_name-result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.project_name-result .result-item,
.project_name-result .result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.project_name-result .result-item a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none !important;
    color: #212529;
    transition: background-color .3s, color .2s
}

.project_name-result .result-item:hover a {
    background: #02b2ee;
    color: #fff
}

.project_name-result .result-item b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.project_name-result .search-not-found {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    color: #999
}

.filter-projects__select-wrap {
    position: relative
}

.filter-projects__select {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 31px 8px 12px;
    min-width: 180px;
    height: 36px;
    cursor: pointer
}

.filter-projects__select:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 15px;
    background-image: url(../icons/icon-select-down.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 11px;
    height: 100%;
    transition: transform .2s ease-out
}

.filter-projects__select.opened:after {
    transform: rotate(180deg)
}

.filter-projects__select>span {
    position: relative;
    pointer-events: none
}

.filter-projects__select span.counter {
    position: absolute;
    top: -5px;
    right: -20px;
    display: block;
    text-align: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    background: #e74c3c;
    line-height: 17px;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 10px;
    opacity: 0;
    transition: opacity .3s
}

.filter-projects__select span.counter.show {
    opacity: 1
}

.filter-projects__select-list {
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: 100%;
    min-width: calc(100% + 50px);
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    padding: 18px 16px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

.filter-projects__select-list.show {
    max-height: 305px;
    opacity: 1;
    overflow-y: auto;
    pointer-events: initial;
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out
}

.filter-projects__select-list.show::-webkit-scrollbar {
    width: .5em
}

.filter-projects__select-list.show::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.filter-projects__select-list.show::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.filter-projects__select-list label {
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px
}

.filter-projects__select-list label:last-child {
    margin-bottom: 0
}

.filter-projects__select-list label input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.filter-projects__select-list label .checkbox-icon {
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #fd8f5e;
    border-radius: 2px;
    transition: background .2s
}

.filter-projects__select-list label input[type=checkbox]:checked~.checkbox-icon {
    background-color: #fd8f5e;
    background-image: url(../icons/icon-check-mark.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.filter-projects__btn {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: #fd8f5e;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    transition: background .3s ease-in-out
}

.filter-projects__btn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../icons/icon-zoom-in.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px
}

.filter-projects__btn:hover {
    cursor: pointer;
    background: #008ce4ff
}

@media only screen and (max-width:980px) {
    .filter-projects {
        padding: 10px 4px;
        flex-wrap: wrap
    }

    .filter-projects__item_name {
        order: -2;
        width: calc(100% - 36px - 12px)
    }

    .filter-projects__item_name:after {
        position: absolute;
        content: '';
        bottom: -6px;
        left: 8px;
        width: calc(100% - 4px + 36px);
        height: 1px;
        background: #e0e0e0
    }

    .project_name-result {
        top: 54px
    }

    .filter-projects__btn-wrap {
        order: -1;
        padding: 0 6px
    }

    .filter-projects__item_select {
        margin-top: 12px;
        flex-grow: 1
    }

    .filter-projects__item_select:nth-child(2):after {
        opacity: 0
    }

    .filter-projects__select-list {
        top: 54px;
        left: -10px;
        min-width: calc(100% + 19px)
    }
}

@media(max-width:641px) {
    .filter-projects__item_select {
        width: 100%
    }

    .filter-projects__item_select:after {
        opacity: 0
    }

    .filter-projects__item_select:nth-child(3):after {
        opacity: 1;
        top: -6px;
        bottom: auto;
        left: 6px;
        height: 1px;
        width: calc(100% - 12px)
    }
}

.projects_list .abtRow.offplan,
.projects_list .container {
    padding-top: 0 !important
}

.projects_list-item {
    position: relative
}

.col-lg-4.projects_list-item,
.col-md-4.projects_list-item,
.col-md-6.projects_list-item {
    display: block !important;
    margin-bottom: 100px
}

.col-lg-4.projects_list-item:last-child,
.col-lg-4.projects_list-item:nth-last-child(2),
.col-lg-4.projects_list-item:nth-last-child(3),
.col-md-4.projects_list-item:last-child,
.col-md-4.projects_list-item:nth-last-child(2),
.col-md-4.projects_list-item:nth-last-child(3),
.col-md-6.projects_list-item:last-child,
.col-md-6.projects_list-item:nth-last-child(2) {
    margin-bottom: 0
}

@media(max-width:1023px) {

    .col-lg-4.projects_list-item,
    .col-md-4.projects_list-item,
    .col-md-6.projects_list-item {
        margin-bottom: 100px !important
    }

    .col-lg-4.projects_list-item:last-child,
    .col-md-4.projects_list-item:last-child,
    .col-md-6.projects_list-item:last-child {
        margin-bottom: 0 !important
    }
}

@media(max-width:767px) {
    .filter-projects__item_name input[name=project_name]::placeholder {
        font-size: 14px
    }

    .project_name-result {
        top: 44px
    }

    .project_name-result .result-item a {
        font-size: 14px;
        line-height: 18px
    }

    .filter-projects__select {
        font-size: 14px
    }

    .filter-projects__select-list {
        top: 44px
    }

    .filter-projects__select-list label {
        font-size: 14px;
        line-height: 18px
    }

    .featureProjects.projects_list {
        padding-top: 0
    }

    .col-lg-4.projects_list-item,
    .col-md-4.projects_list-item,
    .col-md-6.projects_list-item {
        margin-bottom: 40px !important
    }

    .col-lg-4.projects_list-item:last-child,
    .col-md-4.projects_list-item:last-child,
    .col-md-6.projects_list-item:last-child {
        margin-bottom: 0 !important
    }

    #projects-pagenavi .next,
    #projects-pagenavi .prev {
        font-size: 0
    }

    #projects-pagenavi .prev {
        padding-right: 0
    }

    #projects-pagenavi .next {
        padding-left: 0
    }

    .project.active .project__image {
        transform: scale(1.1)
    }
}

.project {
    position: relative;
    color: #222;
    font-family: InterMedium, sans-serif
}

.project__cell {
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .012)
}

.project__image-wrap {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: #f9f9f9
}

.project__link {
    color: #222;
    text-decoration: none !important;
    transition: color .2s ease-in-out
}

.project__link:hover {
    color: #fd8f5e;
    text-decoration: none !important
}

.project__image {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform .65s;
    object-fit: cover
}

html.desktop .project__link:hover .project__image {
    transform: scale(1.1)
}

.project__stickers {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
    pointer-events: none
}

.project__sticker {
    z-index: 2;
    display: block;
    width: fit-content;
    padding: 4px 10px 2px;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    font-size: 12px;
    line-height: 20px
}

.project__head {
    padding: 20px;
    background-color: #fff;
}

.project__title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px
}

.project__location {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f;
    margin-bottom: 15px;
    padding-left: 22px;
    background-image: url(../icons/community-icon-gray.html);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: left center
}

.project__location a {
    text-decoration: underline !important;
    color: #8f8f8f
}

.project__location a:hover {
    text-decoration: none !important
}

.project__type {
    z-index: 2;
    display: inline-block;
    padding: 1px 8px 0;
    margin-right: 4px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    color: #fd8f5e;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    transition: .2s ease-in-out
}

.project__type:hover {
    color: #fff;
    background: #fd8f5e
}

.project-one {
    width: 100%;
    padding: 0 10px;
    margin-top: 15px
}

.project-one .project__cell {
    display: flex;
    flex-wrap: nowrap
}

.project-one .project__image-wrap {
    flex: 0 0 360px;
    height: 260px
}

.project-one .project__head {
    flex-grow: 1;
    padding: 25px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.project-one .project__desc {
    flex-grow: 1
}

.project-one .project__desc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 15px
}

@media(max-width:767px) {
    .project-one {
        margin-top: 0
    }

    .project-one .project__cell {
        flex-wrap: wrap
    }

    .project-one .project__image-wrap {
        flex: 0 1 100%;
        height: 220px
    }

    .project-one .project__head {
        padding: 20px
    }
}

.featureProjects.developersNav {
    background: #182643 !important;
    padding: 15px 0
}

.developers__nav-container {
    padding-top: 0 !important
}

.developers__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.developers__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.developers__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.developers__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.developers__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.developers__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.developers__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.developers__nav-breadcrumbs .breadcrumbs__current {
    color: #fff
}

.developers__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.developers__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.developers__nav-back:hover {
    color: #fd8f5e
}

.developers__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .developers__nav {
        display: block
    }

    .developers__nav-back {
        display: none
    }

    .developers__nav-breadcrumbs {
        padding: 0
    }
}

.developers-header {
    position: relative;
    margin-bottom: 40px
}

.developers-header__body {
    position: relative;
    z-index: 3;
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/developers-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.developers-header__body:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .1) 100%);
    border-radius: 8px
}

.developers-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px
}

.developers-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
    margin: 0 -5px
}

.developers-header__col {
    padding: 0 5px
}

.developers-header__col_filter {
    flex-grow: 1
}

.developers-header__col_btn {
    display: none
}

.developers__btn-map {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    padding: 12px 52px 12px 28px;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    color: #fff !important;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none !important;
    border-radius: 8px;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.developers__btn-map:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 0;
    background-image: url(../icons/icon-map-btn.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 14px;
    height: 100%
}

.developers__btn-map:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:1100px) {
    .developers-header__row {
        flex-wrap: wrap
    }

    .developers-header__col_btn {
        padding-top: 10px;
        width: 100%
    }

    .developers__btn-map {
        margin: 0 auto
    }
}

@media(max-width:767px) {
    .developers-header {
        margin-bottom: 20px
    }

    .developers-header__body {
        padding: 20px
    }

    .developers-header__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.filter-developers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    font-family: Inter, sans-serif
}

.filter-developers__item {
    position: relative;
    padding: 0 6px;
    text-align: left
}

.filter-developers__item_name {
    flex-grow: 1
}

.filter-developers__item_select:after {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 1px;
    height: calc(100% - 8px);
    background: #e0e0e0
}

.filter-developers__item_name input[name=developer_name] {
    width: 100%;
    height: 36px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0 15px 0 32px;
    background-image: url(../icons/icon-map-pin.html);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #000
}

.filter-developers__item_name input[name=developer_name]::placeholder {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    padding-top: 2px
}

.developer_name-result {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: calc(100% + 4px);
    min-height: 64px;
    max-height: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow-y: auto;
    opacity: 0;
    font-size: 16px;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.developer_name-result::-webkit-scrollbar {
    width: .5em
}

.developer_name-result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.developer_name-result::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.developer_name-result.show {
    max-height: 305px;
    opacity: 1;
    pointer-events: initial
}

.developer_name-result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.developer_name-result .result-item,
.developer_name-result .result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.developer_name-result .result-item a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none !important;
    color: #212529;
    transition: background-color .3s, color .2s
}

.developer_name-result .result-item:hover a {
    background: #02b2ee;
    color: #fff
}

.developer_name-result .result-item b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.developer_name-result .search-not-found {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    color: #999
}

.filter-developers__select-wrap {
    position: relative
}

.filter-developers__select {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 31px 8px 12px;
    min-width: 180px;
    height: 36px;
    cursor: pointer
}

.filter-developers__select:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 15px;
    background-image: url(../icons/icon-select-down.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 11px;
    height: 100%;
    transition: transform .2s ease-out
}

.filter-developers__select.opened:after {
    transform: rotate(180deg)
}

.filter-developers__select>span {
    position: relative;
    pointer-events: none
}

.filter-developers__select span.counter {
    position: absolute;
    top: -5px;
    right: -20px;
    display: block;
    text-align: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    background: #e74c3c;
    line-height: 17px;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 10px;
    opacity: 0;
    transition: opacity .3s
}

.filter-developers__select span.counter.show {
    opacity: 1
}

.filter-developers__select-list {
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: 100%;
    min-width: calc(100% + 50px);
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    padding: 18px 16px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

.filter-developers__select-list.show {
    max-height: 305px;
    opacity: 1;
    overflow-y: auto;
    pointer-events: initial;
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out
}

.filter-developers__select-list.show::-webkit-scrollbar {
    width: .5em
}

.filter-developers__select-list.show::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.filter-developers__select-list.show::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.filter-developers__select-list label {
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px
}

.filter-developers__select-list label:last-child {
    margin-bottom: 0
}

.filter-developers__select-list label input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.filter-developers__select-list label .checkbox-icon {
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #fd8f5e;
    border-radius: 2px;
    transition: background .2s
}

.filter-developers__select-list label input[type=checkbox]:checked~.checkbox-icon {
    background-color: #fd8f5e;
    background-image: url(../icons/icon-check-mark.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.filter-developers__btn {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: #fd8f5e;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    transition: background .3s ease-in-out
}

.filter-developers__btn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../icons/icon-zoom-in.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px
}

.filter-developers__btn:hover {
    cursor: pointer;
    background: #008ce4ff
}

@media only screen and (max-width:980px) {
    .filter-developers {
        padding: 10px 4px;
        flex-wrap: wrap
    }

    .filter-developers__item_name {
        order: -2;
        width: calc(100% - 36px - 12px)
    }

    .filter-developers__item_name:after {
        position: absolute;
        content: '';
        bottom: -6px;
        left: 8px;
        width: calc(100% - 4px + 36px);
        height: 1px;
        background: #e0e0e0
    }

    .developer_name-result {
        top: 54px
    }

    .filter-developers__btn-wrap {
        order: -1;
        padding: 0 6px
    }

    .filter-developers__item_select {
        margin-top: 12px;
        flex-grow: 1
    }

    .filter-developers__item_select:nth-child(2):after {
        opacity: 0
    }

    .filter-developers__select-list {
        top: 54px;
        left: -10px;
        min-width: calc(100% + 19px)
    }
}

@media(max-width:767px) {
    .filter-developers__item_name input[name=developer_name]::placeholder {
        font-size: 14px
    }

    .developer_name-result {
        top: 44px
    }

    .developer_name-result .result-item a {
        font-size: 14px;
        line-height: 18px
    }

    .filter-developers__item_select {
        width: 100%
    }

    .filter-developers__item_select:after {
        opacity: 0
    }

    .filter-developers__item_select:nth-child(3):after {
        opacity: 1;
        top: -6px;
        bottom: auto;
        left: 6px;
        height: 1px;
        width: calc(100% - 12px)
    }

    .filter-developers__select {
        font-size: 14px
    }

    .filter-developers__select-list {
        top: 44px
    }

    .filter-developers__select-list label {
        font-size: 14px;
        line-height: 18px
    }
}

.developers-list .abtRow.offplan,
.developers-list .container {
    padding-top: 0 !important
}

.developers-list__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.developers-list__item {
    padding: 10px
}

.developers-list__showMore {
    display: none;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    margin: 20px auto 0;
    height: 46px;
    line-height: 48px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 8px
}

.developers-list__showMore:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:767px) {
    .featureProjects.developers-list {
        padding-top: 0
    }

    .developers-list .container {
        max-height: 1820px;
        overflow: hidden
    }

    .developers-list .container:after {
        position: absolute;
        width: 100%;
        height: 115px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, .5) 0, #fff 90%)
    }

    .developers-list__showMore {
        display: block
    }

    .developers-list.all .container {
        max-height: initial
    }

    .developers-list.all .container:after,
    .developers-list.all .developers-list__showMore {
        display: none
    }

    .developers-list__row {
        margin: 0 -5px
    }

    .developers-list__item {
        padding: 5px
    }
}

.developer-item {
    width: 25%;
    min-height: 220px
}

.col-md-12.developer-item {
    width: 100%;
    min-height: auto;
    color: #222;
    font-family: InterMedium, sans-serif
}

.developer-item__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    transition: border-color .5s
}

.developer-item__link:hover {
    border-color: #fd8f5e
}

.developer-item img {
    max-width: 50%;
    width: 100%;
    height: 80px;
    object-fit: contain
}

.developer-item span {
    color: #fff !important;
    font-family: Inter, sans-serif;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    margin-top: 10px
}

@media(max-width:767px) {
    .developer-item {
        width: 50%;
        min-height: 135px
    }

    .developer-item img {
        max-width: 60%;
        height: 50px
    }
}

.page360__header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4
}

.page360__header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page360__header h1 {
    font-weight: 400;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 42px;
    margin-bottom: 0
}

.page360__header .search-none {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    color: #999
}

.page360__header .search_result,
.page360__header .search_result-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.page360__header .search_result-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    transition: background-color .3s
}

.page360__header .search_result-item:hover {
    background-color: #eee
}

.page360__header .search_result-item a {
    display: block;
    width: 100%;
    height: 70px;
    transition: background-color .3s;
    text-decoration: none !important
}

.page360__header .search_result-item img {
    width: 100px;
    object-fit: cover;
    height: 70px
}

.page360__header .projects_searh {
    width: 380px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.page360__header .projects_searh input {
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 2px 15px 0 40px;
    background-image: url(../images/search-filter.svg);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333
}

.page360__header .page360__header .projects_searh input::placeholder {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #999;
    padding-top: 2px
}

.page360__header .projects_result {
    width: 100%;
    min-height: 70px;
    background: #fff;
    max-height: 0;
    overflow-y: scroll;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .05);
    opacity: 0;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out;
    pointer-events: none;
    position: absolute;
    top: 48px
}

.page360__header .projects_result.show {
    max-height: 210px;
    opacity: 1;
    pointer-events: initial
}

.page360__header .projects_result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.page360__breadcrumbs {
    margin: 20px 0 30px;
    font-family: GothamPro, sans-serif
}

.page360__cards .container {
    padding-top: 0 !important
}

.page360__row {
    display: flex;
    justify-content: flex-start;
    margin: 0 -10px
}

.page360__item {
    padding: 0 10px;
    margin-bottom: 50px;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.page360-item__image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden
}

.page360-item__link {
    text-decoration: none !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.page360-item__link:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s
}

.page360-item__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-image: url(../icons/360-view.html);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 3;
    opacity: 0;
    transition: opacity .5s
}

.page360-item__link:hover:after {
    opacity: .6
}

.page360-item__link:hover:before {
    opacity: 1
}

.page360-item__head .page360-item__link:after,
.page360-item__head .page360-item__link:before {
    display: none
}

.page360-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform .65s;
    object-fit: cover
}

.page360-item__link:hover img {
    transform: scale(1.1)
}

.page360-item-stickers {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 10;
    pointer-events: none
}

.page360-item-stickers-item {
    font-family: GothamProLight, sans-serif;
    font-size: 12px;
    display: block;
    width: fit-content;
    clear: both;
    z-index: 2;
    color: #fff;
    padding: 5px 8px 3px !important;
    border-radius: 3px !important;
    line-height: 17px !important;
    margin-bottom: 5px;
    transition: .3s
}

.page360-item-stickers-item.skr_green {
    background: #09b500
}

.page360-item-stickers-item.skr_red {
    background: #ee0202
}

.page360-item-stickers-item.skr_blue {
    background: #02b2ee
}

.page360-item-types {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10
}

.page360-item-types-item {
    font-family: GothamProBold, sans-serif;
    text-transform: uppercase !important;
    font-size: 11px;
    display: inline-block !important;
    z-index: 2;
    color: #333;
    background: #fff;
    padding: 7px 8px 5px !important;
    border-radius: 3px !important;
    line-height: 12px !important;
    margin-left: 5px;
    margin-bottom: 5px;
    transition: .3s
}

.page360-item-types-item:hover {
    background: #02b2ee;
    color: #fff;
    text-decoration: none
}

.page360-item__head {
    padding-top: 20px;
    padding-bottom: 20px
}

.page360-item__head h3 {
    font-size: 20px !important;
    font-family: GothamProBold, sans-serif;
    padding: 0 !important;
    margin: 0;
    line-height: 1;
    font-weight: 400;
    color: #333;
    transition: color .3s
}

.page360-item__link:hover h3 {
    color: #02b2ee
}

.page360-item__author {
    display: flex;
    align-items: center;
    margin: 0;
    background-color: #f9f9f9;
    border-radius: 30px;
    position: relative
}

.page360-item__author-photo {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-right: 10px;
    overflow: hidden;
    background: #b4c7d3;
    text-align: center
}

.page360-item__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.page360-item__author-photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.page360-item__author-photo img.user {
    width: auto;
    height: 140%;
    margin: 5px auto 0;
    object-fit: contain
}

.page360-item__author-name {
    margin-bottom: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    white-space: nowrap;
    color: #333
}

.page360-item__author-listed {
    font-family: GothamPro, sans-serif;
    font-size: 11px;
    color: #adadad;
    margin-bottom: 0
}

.page360-item__author .agetns_item-whatsapp {
    width: 44px;
    height: 44px;
    border-radius: 30px;
    top: 8px;
    right: 8px
}

.page360-item__author .agetns_item-whatsapp:after {
    height: 24px;
    width: 24px
}

.page360__loadmore a {
    border: none;
    padding: 2px 0 0;
    max-width: 240px;
    margin: 20px auto 0;
    line-height: 48px;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff !important;
    text-align: center;
    width: 100%;
    display: block;
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important
}

.page360__loadmore a.loading {
    animation: 1.2s ease-in-out infinite loading
}

@media only screen and (max-width:1024px) {
    .page360__item {
        margin-bottom: 40px;
        flex: 0 0 50%;
        max-width: 50%
    }

    .page360-item__image {
        height: 200px
    }
}

@media(max-width:767px) {
    .featureProjects.page360__cards {
        padding-top: 0
    }

    .page360__header .container {
        flex-direction: column;
        text-align: center
    }

    .page360__header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .page360__header .projects_searh {
        width: 100%
    }

    .page360__header .projects_searh input {
        height: 42px
    }

    .page360__item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page360-item__head {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .page360-item__head h3 {
        font-size: 18px !important
    }

    .page360-item__author-name {
        font-size: 12px
    }

    .page360__loadmore a {
        margin: 5px auto 0;
        line-height: 44px
    }
}

@keyframes loading {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.featureProjects.services-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.services-nav__container {
    padding-top: 0 !important
}

.services-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.services-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.services-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.services-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.services-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.services-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.services-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.services-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.services-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.services-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.services-nav__back:hover {
    color: #fd8f5e
}

.services-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.services-nav {
        padding: 15px 0 !important
    }

    .services-nav__body {
        display: block
    }

    .services-nav__back {
        display: none
    }

    .services-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.services-header {
    font-family: Inter, sans-serif;
    padding: 0 !important
}

.container.services-header__container {
    padding-top: 0 !important
}

.services-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.services-header__col-content {
    flex: 0 0 500px;
    padding: 70px 50px 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.services-header__col-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.services-header__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.services-header__promotitle {
    flex-grow: 1;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px
}

.services-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.services-header__btns {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.services-header__btn {
    position: relative;
    text-align: center;
    padding: 8px 24px;
    margin-top: 10px;
    height: 40px;
    min-width: calc(50% - 5px);
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out
}

.services-header__btn.mod {
    background: #fd8f5e;
    color: #fff
}

.services-header__btn.mod:hover,
.services-header__btn.prom {
    background: #fff;
    color: #fd8f5e
}

.services-header__btn.prom:hover {
    background: #fd8f5e;
    color: #fff
}

@media all and (max-width:1024px) {
    .services-header__col-img {
        width: 100%
    }

    .services-header__col-content {
        position: absolute;
        z-index: 1;
        left: 30px;
        bottom: 30px;
        width: 70%;
        border-radius: 8px
    }
}

.featureProjects.services-header-bottom {
    margin-top: 70px;
    padding: 0 !important
}

.container.services-header-bottom__container {
    padding-top: 0 !important
}

.services-header-bottom__content {
    color: #222;
    max-width: 920px
}

.services-header-bottom__content.prom {
    margin-bottom: 30px
}

.services-header-bottom__content p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 20px
}

.services-header-bottom__content p:first-child {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%
}

.services-header-bottom__content p:last-child {
    margin-bottom: 0
}

.services-header-bottom__content p>b {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .services-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .services-header__col {
        width: 100%
    }

    .services-header__col-img {
        order: -1
    }

    .services-header__image {
        min-height: 260px;
        max-height: 50vh
    }

    .services-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 0
    }

    .services-header__promotitle {
        margin-bottom: 10px
    }

    .services-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .services-header__btns {
        margin-top: 20px;
        justify-content: center
    }

    .services-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px
    }

    .featureProjects.services-header-bottom {
        margin-top: 50px
    }
}

.services-form__inner {
    padding: 40px;
    background: #fd8f5e;
    border-radius: 8px
}

.services-form__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 20px
}

.services-form__form-wrap form {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.services-form__form-wrap form .wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.services-form__form-wrap .wpcf7-list-item-label {
    color: #fff !important
}

.services-form__form-wrap .form-group {
    position: relative;
    margin-bottom: 30px;
    flex: 0 1 calc(33.3333% - 5px)
}

.services-form__form-wrap .form-group label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.services-form__form-wrap .form-group label.filled {
    background: #fd8f5e;
    color: #fff;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.services-form__form-wrap .form-group input,
.services-form__form-wrap .form-group textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 4px
}

.services-form__form-wrap .form-group input {
    height: 40px
}

.services-form__form-wrap .form-group textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.services-form__form-wrap .checkbox {
    flex-grow: 1;
    padding-top: 10px;
    margin-bottom: 0
}

.services-form__form-wrap div.checkbox .label,
.services-form__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.services-form__form-wrap button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 0 auto;
    min-height: 40px;
    flex: 0 1 calc(33.3333% - 5px);
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s
}

.services-form__form-wrap button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media only screen and (max-width:990px) {

    .services-form__form-wrap .checkbox,
    .services-form__form-wrap button[type=submit] {
        flex: 0 1 calc(50% - 10px)
    }
}

.page-template-template-services .container>.projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    color: #222
}

.page-template-template-services .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-services .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:767px) {
    .services-form__inner {
        padding: 30px 30px 20px
    }

    .services-form__form-wrap .form-group {
        flex: 0 1 100%;
        margin-bottom: 10px
    }

    .services-form__form-wrap .checkbox {
        flex: 0 1 100%;
        margin-bottom: 20px
    }

    .services-form__form-wrap button[type=submit] {
        flex: inherit;
        margin: 0
    }

    .page-template-template-services .container>.projectHeading h2 {
        font-size: 28px
    }

    .page-template-template-services .showAllPrp {
        display: block
    }
}

.featureProjects.services-new-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.services-new-nav__container {
    padding-top: 0 !important
}

.services-new-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.services-new-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.services-new-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.services-new-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.services-new-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.services-new-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.services-new-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.services-new-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.services-new-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.services-new-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.services-new-nav__back:hover {
    color: #fd8f5e
}

.services-new-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.services-new-nav {
        padding: 15px 0 !important
    }

    .services-new-nav__body {
        display: block
    }

    .services-new-nav__back {
        display: none
    }

    .services-new-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.services-new-header {
    font-family: Inter, sans-serif;
    padding: 0 !important
}

.container.services-new-header__container {
    padding-top: 0 !important
}

.services-new-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.services-new-header__col-content {
    flex: 0 0 500px;
    padding: 70px 50px 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.services-new-header__col-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.services-new-header__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.services-new-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.services-new-header__btns {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.services-new-header__btn {
    position: relative;
    text-align: center;
    padding: 8px 24px;
    margin-top: 10px;
    height: 40px;
    min-width: calc(50% - 5px);
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out
}

.services-new-header__btn.link {
    line-height: 150%;
    background: #fd8f5e;
    color: #fff;
    padding: 8px 48px 8px 24px
}

.services-new-header__btn.link:after {
    position: absolute;
    right: 24px;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out
}

.services-new-header__btn.link:hover:after {
    right: 20px
}

.services-new-header__btn.mod {
    line-height: 100%;
    background: #fff;
    color: #fd8f5e
}

.services-new-header__btn.mod:hover {
    background: #fd8f5e;
    color: #fff
}

@media all and (max-width:1024px) {
    .services-new-header__col-img {
        width: 100%
    }

    .services-new-header__col-content {
        position: absolute;
        z-index: 1;
        left: 30px;
        bottom: 30px;
        width: 70%;
        border-radius: 8px
    }
}

.page-template-template-services-new .container>.projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    color: #222
}

@media only screen and (max-width:767px) {
    .services-new-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .services-new-header__col {
        width: 100%
    }

    .services-new-header__col-img {
        order: -1
    }

    .services-new-header__image {
        min-height: 260px;
        max-height: 50vh
    }

    .services-new-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 0
    }

    .services-new-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .services-new-header__btns {
        margin-top: 20px;
        justify-content: center
    }

    .services-new-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px
    }

    .services-new-header__btn.link {
        line-height: 170%
    }

    .page-template-template-services-new .container>.projectHeading h2 {
        font-size: 28px
    }

    .page-template-template-services-new .showAllPrp {
        display: inline-block;
        margin-bottom: 30px
    }
}

.page-template-template-services-new .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-services-new .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

.property__listing {
    display: block;
    padding: 40px 15px 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1220px;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .property__listing {
        padding: 20px 20px 0
    }
}

@media only screen and (max-width:640px) {
    .property__listing {
        padding: 20px 10px 0
    }
}

.property__listing-params {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: GothamPro, sans-serif;
    font-weight: 400
}

.property__params {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.property__params-col {
    display: flex;
    height: 50px
}

.property__params-item {
    display: flex;
    align-items: center
}

.property__params-item.area {
    margin-left: 30px
}

.property__params-select {
    padding: 0;
    list-style: none;
    margin: 0 0 0 5px;
    position: relative
}

.property__params-select:not(.select) .property__params-select-item {
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 10px;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    transition: color .5s
}

.property__params-select:not(.select) .property__params-select-item:last-child {
    border-right: 1px solid #f1f1f1
}

.property__params-select:not(.select) .property__params-select-item:first-child {
    border-left: 1px solid #f1f1f1
}

.property__params-select:not(.select) .property__params-select-item.active {
    background-color: #02b2ee;
    color: #fff;
    border-color: #02b2ee
}

.property__params-select-item:not(.active) {
    cursor: pointer
}

.property__params-select-item:not(.active):hover {
    color: #02b2ee
}

.property__params-selected {
    background: #fff;
    color: #333;
    align-items: center;
    padding: 0 20px 0 10px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom;
    transition: border-color .5s
}

.property__params-selected:after {
    display: block;
    position: absolute;
    right: 5px;
    background-image: url(../images/str-down.svg);
    background-size: 10px auto;
    background-position: center;
    width: 10px;
    height: 12px;
    top: 50%;
    margin-top: -5px;
    z-index: 9;
    content: "";
    filter: grayscale(1);
    opacity: .6;
    transition: filter .5s, opacity .5s, transform .2s
}

.price .property__params-selected {
    min-width: 68px
}

.area .property__params-selected {
    min-width: 86px
}

.sorting .property__params-selected {
    min-width: 140px
}

.property__params-selected:hover {
    border-color: #02b2ee
}

.property__params-selected.opened:after,
.property__params-selected:hover:after {
    filter: grayscale(0);
    opacity: 1
}

.property__params-selected.opened:after {
    transform: rotate(180deg)
}

.property__params-list {
    position: relative;
    margin-left: 5px
}

.property__params-select.select {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 39px;
    left: 0;
    min-width: calc(100% - 10px);
    background: #fff;
    z-index: 10;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .05);
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out;
    pointer-events: none;
    width: 100%
}

.property__params-select.select.opened {
    max-height: 300px;
    opacity: 1;
    overflow: scroll;
    pointer-events: initial;
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out
}

.property__params-select.select .property__params-select-item {
    padding: 5px 10px 3px;
    font-size: 14px;
    color: #333;
    font-family: GothamPro, sans-serif;
    display: block;
    clear: both;
    width: 100%;
    line-height: 18px;
    transition: background .5s, color .5s;
    cursor: pointer;
    white-space: nowrap
}

.property__params-select.select .property__params-select-item:hover {
    color: #02b2ee
}

.property__params-select.select .property__params-select-item.active {
    background-color: #02b2ee !important;
    color: #fff !important
}

@media only screen and (min-width:767px) {

    .area .property__params-selected,
    .price .property__params-selected {
        display: none
    }
}

@media only screen and (max-width:960px) {
    .property__params-label {
        display: none
    }

    .sorting .property__params-selected {
        padding-left: 26px;
        background-image: url(../icons/sort.html);
        background-repeat: no-repeat;
        background-position: left 5px center;
        background-size: 16px auto
    }

    .property__params-list {
        margin-left: 0
    }

    .property__params-item.area {
        margin-left: 10px
    }

    .area .property__params-selected {
        min-width: 75px
    }

    .property__listing-params {
        padding: 0 5px
    }
}

@media only screen and (max-width:768px) {
    .property__params-select {
        max-height: 0;
        overflow: hidden
    }
}

.property__params-item.map-btn-wrap {
    margin-right: 30px
}

#show-map {
    position: relative;
    border: none;
    outline: 0;
    margin: 0;
    line-height: 100%;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    color: #fff !important;
    text-align: center;
    display: block;
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    text-decoration: none !important;
    padding: 12px 42px 11px 20px;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

html.desktop #show-map:hover {
    background-position: 100% 0
}

#show-map:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../icons/map-white.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 100%;
    margin-right: 15px;
    animation: 7s infinite mapBG-rotation
}

@keyframes mapBG-rotation {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(360deg)
    }
}

@media screen and (max-width:768px) {
    .map-btn-wrap {
        height: 37px
    }

    #show-map {
        display: none
    }

    #show-map.fixed {
        display: block;
        position: fixed;
        bottom: 90px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        background: #fff;
        color: #333 !important;
        box-shadow: 0 6px 12px rgb(0 0 0/5%)
    }

    #show-map:after {
        background-image: url(../icons/map.html);
        animation: none
    }
}

.property__listing-load {
    position: relative;
    z-index: 1
}

.property__listing-page {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.property__listing-page .property {
    position: relative;
    width: 33.333333%;
    margin-bottom: 40px;
    padding: 15px
}

.listing-img {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.listing-img>img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .2s ease-in-out
}

.listing-img a {
    display: none
}

.listing-gallery .owl-item {
    position: relative;
    height: 100%;
    float: left;
    border: none
}

.listing-gallery .owl-item img {
    position: relative !important;
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block
}

.listing-gallery .owl-item a {
    display: block;
    height: 200px
}

.listing-gallery .owl-nav {
    position: absolute;
    top: 0;
    z-index: 10;
    height: 200px;
    width: 100%;
    pointer-events: none
}

.listing-img .owl-nav button {
    border: none;
    outline: 0;
    margin: 0
}

.listing-gallery .owl-next,
.listing-gallery .owl-prev {
    position: absolute;
    top: 0;
    width: 80px;
    text-align: center !important;
    height: 100%;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .3) !important;
    transition: .3s ease-out;
    pointer-events: initial
}

.listing-gallery .owl-next.disabled,
.listing-gallery .owl-prev.disabled {
    opacity: 0 !important;
    pointer-events: none
}

html.desktop .listing-gallery .owl-next,
html.desktop .listing-gallery .owl-prev {
    opacity: 0
}

.listing-gallery .owl-next span,
.listing-gallery .owl-prev span {
    font-size: 30px;
    line-height: 20px;
    vertical-align: unset;
    transition: color .5s
}

html.desktop .listing-gallery .owl-prev {
    left: -80px
}

html.desktop .listing-gallery .owl-next {
    right: -80px
}

html.desktop .listing-gallery:hover .owl-prev,
html:not(.desktop) .listing-gallery .owl-prev {
    left: 0;
    opacity: .7
}

html.desktop .listing-gallery:hover .owl-next,
html:not(.desktop) .listing-gallery .owl-next {
    right: 0;
    opacity: .7
}

@media only screen and (max-width:1024px) {
    .property__listing-page .property {
        width: 50%
    }
}

.property__linking .container {
    margin-top: 80px
}

.property__linking h2 {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    color: #222;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .property__listing-page .property {
        width: 100%;
        padding: 5px
    }

    .property__linking .container {
        margin-top: 40px
    }
}

.x-main-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 0 !important
}

.x-main-wrap.featureProjects {
    padding: 0
}

.y-slider {
    position: relative;
    width: 100%;
    height: 440px
}

.y-slider .owl-carousel,
.y-slider .owl-carousel .owl-item,
.y-slider .owl-carousel .owl-item>div,
.y-slider .owl-carousel .owl-stage,
.y-slider .owl-carousel .owl-stage-outer {
    position: relative;
    height: 100% !important
}

.y-slider .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -30px;
    width: 100%
}

.y-slider .owl-next,
.y-slider .owl-prev {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #fff !important;
    opacity: .5;
    transition: opacity .5s
}

.y-slider .owl-next span,
.y-slider .owl-prev span {
    font-size: 40px;
    line-height: 17px;
    vertical-align: unset;
    transition: color .5s
}

.y-slider .owl-prev {
    left: 30px
}

.y-slider .owl-next {
    right: 30px
}

.y-slider .owl-next:hover,
.y-slider .owl-prev:hover {
    opacity: 1
}

.y-slider .owl-next:hover span,
.y-slider .owl-prev:hover span {
    color: #02b2ee
}

.y-slider .owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease-out;
    display: block;
    min-height: 100%
}

.y-slider .owl-item>div {
    display: block
}

.y-slider-link {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.y-slider-link:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0;
    content: "";
    top: 0;
    left: 0;
    transition: opacity .2s
}

html.desktop .y-slider-link:hover img {
    transform: scale(1.1)
}

html.desktop .y-slider .owl-stage:hover .y-slider-link:after {
    opacity: .25
}

html.desktop .y-slider-link:hover:after {
    opacity: 0 !important
}

@media(max-width:993px) {
    .y-slider {
        height: 460px
    }

    .y-slider-link {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .y-slider {
        height: 320px
    }

    .y-slider .owl-next,
    .y-slider .owl-prev {
        width: 40px;
        height: 40px
    }

    .y-slider .owl-next span,
    .y-slider .owl-prev span {
        font-size: 30px;
        line-height: 19px
    }

    .y-slider .owl-next {
        right: 15px
    }

    .y-slider .owl-prev {
        left: 15px
    }
}

@media(max-width:419px) {
    .y-slider {
        height: 270px
    }
}

.y-initial-info-wrap {
    position: relative;
    background: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 60px
}

.y-initial-info-wrap>article {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.y-initial-info-wrap article {
    position: relative;
    display: flex
}

.y-initial-info-wrap .y-left {
    position: relative;
    width: 65%;
    padding: 20px;
    font-family: GothamPro
}

.y-initial-info-wrap .y-right {
    width: 35%;
    padding: 20px
}

.y-left p {
    direction: ltr
}

.y-initial-info-wrap .y-left b,
.y-initial-info-wrap .y-left strong {
    font-weight: 400;
    font-family: GothamProBold
}

@media(max-width:993px) {
    .y-initial-info-wrap {
        padding-top: 20px
    }

    .y-initial-info-wrap .y-left {
        width: 100%
    }

    .y-initial-info-wrap .y-right {
        display: none
    }
}

@media(max-width:767px) {
    .y-initial-info-wrap {
        padding-bottom: 20px
    }

    .y-initial-info-wrap .y-left {
        padding-bottom: 0;
        padding-top: 0
    }
}

.y-property-stickers {
    display: block;
    padding-bottom: 15px
}

.y-sticker {
    margin-right: 5px;
    width: auto;
    display: inline-block;
    padding: 10px 20px 7px;
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    box-sizing: border-box
}

.y-sticker:last-child {
    margin-right: 0
}

.y-sticker.type {
    border: 2px solid #333;
    color: #333;
    background: #fff
}

.y-sticker.plan {
    color: #fff
}

.y-sticker.plan.buy {
    background-color: #ee0204;
    border: 2px solid #ee0204
}

.y-sticker.plan.rent {
    background: #2ecc3d;
    border: 2px solid #2ecc3d
}

@media(max-width:767px) {
    .y-sticker {
        font-size: 10px;
        padding: 8px 15px 5px
    }
}

.y-property-title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: GothamProBold, sans-serif;
    color: #333
}

@media(max-width:767px) {
    .y-property-title {
        font-size: 24px
    }
}

.y-property-location {
    display: block;
    margin-bottom: 20px
}

.y-location-icon {
    margin-right: 5px
}

.y-location-text {
    line-height: 24px;
    font-size: 16px;
    font-family: GothamProLight, sans-serif;
    color: #858585
}

a.y-location-text {
    text-decoration: underline
}

a.y-location-text:hover {
    color: #02b2ee;
    text-decoration: none
}

.y-property-init-det-wrap {
    position: relative;
    margin-bottom: 40px;
    border-top: 1px solid #eee;
    padding-top: 30px
}

.y-property-init-det-wrap>div {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 50px
}

.y-property-init-det-wrap>div:last-child {
    padding-right: 0
}

.y-property-init-det-wrap-img {
    padding-right: 20px
}

.y-label-icon {
    position: relative;
    left: 0;
    top: 0;
    width: 35px
}

.y-init-det-label {
    text-transform: uppercase;
    font-size: .75em;
    display: block;
    font-family: GothamProLight;
    color: #666
}

.y-init-det-entry {
    font-size: 1.3em;
    font-weight: 400;
    font-family: GothamProBold, sans-serif;
    color: #333;
    margin: 0
}

.y-init-det-entry .area-m:after {
    display: inline-block;
    font-size: 14px;
    line-height: 10px;
    vertical-align: top;
    content: "2";
    margin-top: 5px
}

@media(max-width:993px) {
    .y-property-init-det-wrap {
        flex-wrap: wrap
    }

    .y-property-init-det-wrap>div {
        width: 50% !important;
        margin-bottom: 40px
    }

    .y-property-init-det-wrap>div:last-child:before {
        display: block
    }
}

@media(max-width:767px) {
    .y-property-init-det-wrap {
        display: flex;
        margin-bottom: 20px
    }

    .y-property-init-det-wrap>div {
        flex: 0 0 50%;
        width: auto !important;
        padding-right: 20px;
        margin-bottom: 20px
    }

    .y-wrp-area {
        order: 3;
        flex: 0 0 100% !important
    }

    .y-label-icon {
        width: 24px
    }

    .y-init-det-label {
        font-size: 10px
    }

    .y-init-det-entry {
        font-size: 16px
    }

    .y-init-det-entry .area-m:after {
        font-size: 11px;
        margin-top: 3px
    }
}

.y-inquiry-form-wrap {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 107px;
    background: #fff;
    padding: 0;
    box-shadow: 8px 8px 22px rgba(0, 0, 0, .05);
    z-index: 5
}

.y-inquiry-form-wrap.mobile {
    display: none
}

.y-inquiry-form-wrap .wpcf7 {
    padding: 30px
}

.y-inquiry-form-wrap .uncf-label {
    color: #000 !important
}

.y-inquiry-form-wrap .unit-contact-form input,
.y-inquiry-form-wrap .unit-contact-form textarea {
    border-bottom: 1px solid #ccc;
    padding: 0
}

.y-inquiry-form-wrap .unit-contact-form textarea {
    height: 150px
}

.y-inquiry-form-wrap .unit-contact-form .half-column {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.y-inquiry-form-wrap div.wpcf7-response-output {
    margin: 10px 0 0
}

.y-price-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 30px 25px;
    background: #02b2ee
}

.y-price-wrap>div {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.y-price-wrap>div:first-child {
    width: 65%
}

.y-price-wrap>div:nth-child(2) {
    width: 35%;
    text-align: right
}

.y-init-price {
    font-size: 36px;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    display: block;
    margin-bottom: 0;
    line-height: 1
}

.y-init-price-label {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: GothamProLight, sans-serif;
    line-height: 1
}

.y-contact-wrap {
    padding: 30px 30px 20px
}

.y-ref {
    padding-top: 5px;
    text-align: center;
    color: #adadad;
    font-size: 13px;
    padding-bottom: 15px;
    font-family: GothamProLight, sans-serif
}

.y-ref strong {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}

.y-author {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px
}

.y-author-photo {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin-right: 15px;
    overflow: hidden;
    background: #b4c7d3;
    text-align: center
}

.y-author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.y-author-photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.y-author-photo img.user {
    width: auto;
    height: 140%;
    margin: 5px auto 0;
    object-fit: contain
}

.y-author-name {
    margin-bottom: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    color: #333
}

.y-author-name.mpp {
    font-size: 13px
}

.y-author-listed {
    font-family: GothamProLight, sans-serif;
    font-size: 13px;
    color: #adadad;
    margin-bottom: 0
}

.y-agetnRating .item-rating {
    background: url(../icons/rating-agent-gray.html) 0 0/16px 32px repeat-x;
    height: 16px;
    line-height: 16px;
    width: 80px;
    margin: 0
}

.y-agetnRating .item-rating-fill {
    background: url(../icons/rating-agent-gray.html) 0 -16px/16px 32px repeat-x;
    height: 16px;
    line-height: 16px
}

.y-agetnRating .agetnRating-details {
    vertical-align: top;
    line-height: 1;
    margin: 4px 0 0 5px;
    display: inline-block;
    color: #02b2ee;
    text-decoration: underline
}

.y-btn-req {
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    height: 46px;
    line-height: 48px;
    text-decoration: none;
    background: #02b2ee;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    text-transform: uppercase;
    width: calc(50% - 5px)
}

.y-btn-req:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.y-btn-req:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    content: ""
}

.y-btn-req.call:before {
    background-image: url(../images/phone.svg)
}

.y-btn-req.email:before {
    background-image: url(../images/icon-mail-white.svg);
    width: 16px;
    height: 16px
}

.y-btn-req.email {
    margin-left: 10px
}

.y-btn-req.whatsapp {
    background: linear-gradient(90deg, #25d366 0, #25d366 50%, #128c7e 50%, #128c7e 100%);
    background-size: 200% 100%;
    width: 100%;
    margin-top: 10px
}

.y-btn-req.whatsapp:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.y-btn-req.whatsapp:before {
    background-image: url(../images/whatsapp-mob.svg);
    width: 18px;
    height: 18px
}

@media(max-width:1200px) {
    .y-init-price {
        font-size: 30px
    }
}

@media(max-width:993px) {
    .y-inquiry-form-wrap.mobile {
        margin-bottom: 40px;
        display: block;
        position: relative;
        top: auto
    }

    .y-price-wrap {
        padding: 20px 20px 15px
    }

    .y-init-price {
        font-size: 28px
    }

    .y-contact-wrap {
        padding: 20px
    }

    .y-ref {
        padding-bottom: 15px;
        font-size: 16px
    }

    .y-btn-req {
        padding: 0;
        height: 40px;
        line-height: 42px;
        font-size: 11px;
        width: calc(33.33% - 4px) !important
    }

    .y-btn-req:before {
        width: 12px;
        height: 12px;
        margin-right: 4px
    }

    .y-btn-req.email:before {
        width: 14px;
        height: 14px
    }

    .y-btn-req.email {
        margin: 0 5px
    }
}

@media only screen and (max-width:767px) {
    .y-author-photo.mpp {
        width: 60px;
        height: 60px;
        border-radius: 30px
    }
}

@media(max-width:376px) {
    .y-btn-req {
        width: auto !important;
        padding: 0 10px
    }

    .y-btn-req:before {
        margin-right: 3px
    }

    .y-btn-req.email {
        margin: 0 3px
    }
}

@media(max-width:361px) {
    .y-btn-req {
        font-size: 10px;
        padding: 0 8px
    }
}

.y-property-writeup h2,
.y-property-writeup h3,
.y-property-writeup h4 {
    font-weight: 400;
    font-family: GothamProBold, sans-serif;
    line-height: 1.1;
    color: #333
}

.y-property-writeup h2 {
    font-size: 30px;
    margin: 20px 0
}

.y-property-writeup h3 {
    font-size: 24px;
    margin: 20px 0 15px
}

.y-property-writeup h4 {
    font-size: 18px;
    margin: 20px 0 10px
}

.y-property-writeup ul {
    padding: 0;
    list-style: none
}

.y-property-writeup ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}

.y-property-writeup ul li:before {
    display: block;
    width: 16px;
    height: 2px;
    background: #02b2ee;
    content: "";
    left: 0;
    top: 10px;
    position: absolute
}

.y-info-wrp {
    overflow: hidden
}

.y-info-wrp h2 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400
}

@media(max-width:767px) {
    .y-property-writeup {
        font-size: 14px;
        margin-bottom: 0
    }

    .y-property-writeup h2 {
        font-size: 24px;
        margin: 15px 0
    }

    .y-property-writeup h3 {
        font-size: 20px;
        margin: 15px 0 10px
    }

    .y-property-writeup h4 {
        font-size: 17px;
        margin: 15px 0 10px
    }

    .y-property-writeup ul li {
        padding-left: 20px
    }

    .y-property-writeup ul li:before {
        width: 12px
    }

    .y-info-wrp h2 {
        font-size: 24px
    }
}

.y-det-info-wrap {
    position: relative;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 100px
}

.y-det-container {
    position: relative;
    width: 1200px;
    padding: 20px;
    margin: 0 auto;
    display: flex
}

.y-det-container-clm {
    flex: 0 0 50%;
    max-width: 50%
}

.y-det-container table {
    width: 100%
}

.y-det-container table a {
    color: #02b2ee
}

.y-det-container tr td {
    vertical-align: top !important;
    color: #333
}

.y-det-container tr td:first-child,
.y-det-container tr td:nth-child(3) {
    font-family: GothamProBold, sans-serif
}

.y-proj-tbl {
    margin-top: 20px
}

.y-proj-tbl td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    border: 0 !important;
    width: 25%;
    font-size: .9em
}

.y-proj-tbl tr:nth-child(2n+2) td {
    background-color: #f9f9f9
}

.y-proj-tbl tr:last-of-type td {
    border: none !important
}

.y-proj-tbl .whatContainer img {
    width: 18px !important;
    height: 18px !important
}

.y-proj-tbl .whatContainer {
    margin-top: 0 !important
}

.y-img-container1 {
    position: relative;
    left: 150px;
    width: 680px;
    box-shadow: -50px 50px 0 #f9f9f9;
    top: -30px
}

.y-img-container1.video {
    top: 0
}

.y-img-container1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width:1700px) {
    .y-img-container1 {
        left: 70px
    }
}

@media only screen and (max-width:1500px) {
    .y-det-info-wrap .y-det-container-clm.table {
        flex: 0 0 37%;
        max-width: 37%
    }

    .y-img-container1 {
        box-shadow: -40px 40px 0 #f9f9f9;
        width: 660px
    }
}

@media(max-width:1200px) {
    .y-det-info-wrap {
        padding-bottom: 60px
    }

    .y-det-container,
    .y-pictures-wrap {
        width: 100%
    }

    .y-det-info-wrap .y-det-container-clm.table {
        flex: 0 0 40%;
        max-width: 40%
    }

    .y-det-container-clm.img {
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 60px
    }

    .y-img-container1 {
        left: 0
    }

    .y-img-container1.video {
        width: 100%;
        top: 30px
    }
}

@media(max-width:993px) {
    .y-det-info-wrap {
        padding-top: 20px;
        padding-bottom: 30px !important;
        min-height: 400px;
        height: auto
    }

    .y-det-container {
        width: 100%;
        flex-wrap: wrap
    }

    .y-det-container>div {
        width: 100%
    }

    .y-det-container-clm {
        max-width: 100% !important;
        flex: 0 0 100% !important
    }

    .y-det-container-clm.table {
        order: 1
    }

    .y-img-container1 {
        width: 100%;
        left: initial !important;
        right: 0 !important;
        top: 0;
        box-shadow: none;
        height: 300px
    }

    .y-img-container1.video {
        top: 0;
        height: auto
    }

    .y-det-container-clm.img {
        top: 0;
        padding: 0 0 40px;
        display: block
    }
}

@media(max-width:767px) {
    .y-det-info-wrap {
        padding-bottom: 0 !important
    }
}

.y-pictures-wrap {
    position: relative;
    width: 100%;
    font-family: GothamPro;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

.y-pictures-clm {
    flex: 0 0 50%;
    max-width: 50%
}

.y-pictures-article {
    display: flex
}

.y-img-container2 {
    position: relative;
    float: right;
    right: 150px;
    width: 680px;
    box-shadow: 50px 50px 0 #f9f9f9
}

.y-img-container2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.y-pictures-wrap>article>table {
    position: relative;
    width: 100%;
    table-layout: fixed
}

.y-pictures-wrap>article>table td {
    width: 50%;
    border: 0 !important
}

.y-pictures-tbl-2 td {
    vertical-align: top
}

.x-unit-facilities-subtitle {
    position: relative;
    display: block;
    font-size: 1.3em;
    margin-top: 10px
}

.x-unit-facilities-listing {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 40px;
    padding-left: 0;
    list-style: none
}

.x-unit-facilities-listing li {
    position: relative;
    width: 50%;
    list-style-position: inside;
    padding: 10px 10px 10px 40px;
    font-size: 18px
}

.x-unit-facilities-listing li:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../icons/tick.html) 0 0/contain no-repeat
}

@media only screen and (max-width:1700px) {
    .y-img-container2 {
        right: 70px
    }
}

@media only screen and (max-width:1500px) {
    .y-img-container2 {
        box-shadow: 40px 40px 0 #f9f9f9;
        width: 660px
    }
}

@media(max-width:993px) {
    .y-pictures-wrap {
        width: 100%;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .y-pictures-clm {
        max-width: 100% !important;
        flex: 0 0 100% !important
    }

    .y-pictures-clm.img {
        top: 0;
        padding: 0 0 40px;
        display: block
    }

    .y-pictures-clm.img img {
        height: 320px
    }

    .y-img-container2 {
        width: 100%;
        right: 0;
        box-shadow: none
    }

    .y-pictures-article {
        flex-wrap: wrap;
        padding: 20px
    }

    .y-pictures-wrap>article>table:first-child td:first-child {
        display: none !important
    }

    .y-pictures-wrap>article>table>td {
        width: 100% !important
    }

    .y-pictures-tbl-2 {
        margin-top: 0
    }

    .y-pictures-tbl-2 td:first-child {
        display: none
    }
}

@media(max-width:968px) {
    .x-unit-facilities-listing li {
        width: 33.33%;
        font-size: 1.1em
    }
}

@media(max-width:767px) {
    .y-pictures-clm.img img {
        height: 220px
    }

    .y-pictures-clm h2 {
        font-size: 24px
    }

    .x-unit-facilities-subtitle {
        font-size: 1em
    }

    .x-unit-facilities-listing li {
        width: 50%;
        font-size: .85em;
        padding-left: 28px
    }
}

.x-contact-section {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
    background: #37404b;
    color: #fff
}

.x-contact-section .x-contact-section-content {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto
}

.x-contact-section-title {
    text-align: left
}

.x-contact-section-subtitle {
    color: #fff;
    font-size: 16px;
    font-family: GothamProLight, sans-serif
}

.x-contact-section-heading {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    color: #fff;
    margin-bottom: 30px
}

.x-contact-container {
    position: relative;
    display: flex
}

.x-contact-form-container {
    width: 60%
}

.x-contact-form-container div.wpcf7-response-output {
    color: #fff;
    margin: 10px 0 0
}

.x-contact-pre {
    position: relative;
    color: #fff;
    font-size: 21px;
    font-family: GothamProBold, sans-serif
}

.x-contact-pre:after {
    content: '';
    width: 50px;
    height: 2px;
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    background: #16a2e4;
    margin-left: 15px
}

.x-contact-basic {
    width: 30%;
    margin-right: 10%
}

.x-contact-basic a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.x-contact-basic a:hover {
    text-decoration: underline;
    color: #fff
}

.x-contact-basic h3 {
    font-size: 32px;
    font-weight: 400;
    font-family: GothamProLight, sans-serif;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 40px
}

.x-contact-basic ul {
    position: relative;
    list-style: none;
    padding-left: 0
}

.x-contact-basic li {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding-left: 60px
}

.x-contact-basic li .x-contract-entry-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 40px;
    height: 40px;
    background: #16a2e4;
    padding: 0;
    align-items: center;
    justify-content: center
}

.x-contact-basic li .x-contract-entry-icon img {
    max-height: 28px;
    max-width: 22px
}

.x-contact-basic li .x-contract-entry-icon.email img {
    max-width: 20px
}

.x-contact-basic li .x-contact-entry-label {
    color: #fff;
    display: block;
    font-family: GothamProLight, sans-serif;
    font-size: 16px
}

.x-contact-basic li .x-contact-entry-listing {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 16px
}

.unit-contact-form {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.unit-contact-form .half-column {
    width: 50%;
    padding-bottom: 8px
}

.unit-contact-form .half-column:nth-of-type(2n+2) {
    padding-left: 4px
}

.unit-contact-form .half-column:nth-of-type(2n+1) {
    padding-right: 4px
}

.unit-contact-form .full-column {
    position: relative;
    width: 100%;
    padding-bottom: 8px
}

.unit-contact-form .uncf-label {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.unit-contact-form label {
    position: relative;
    width: 100%;
    margin: 0
}

.unit-contact-form input:not([type=checkbox]):not([type=submit]),
.unit-contact-form textarea {
    width: 100%;
    outline: 0;
    padding: 8px 16px;
    margin: 0;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px
}

.unit-contact-form input:not([type=checkbox]):not([type=submit])::placeholder,
.unit-contact-form textarea::placeholder {
    opacity: 0
}

.unit-contact-form textarea {
    height: 100px;
    min-height: 40px;
    max-height: 160px;
    resize: vertical
}

.unit-contact-form .checkbox {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 30px
}

.unit-contact-form input[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: #fff;
    padding: 8px 20px;
    min-height: 40px;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    min-width: 150px
}

.unit-contact-form input[type=submit]:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media(max-width:1280px) {
    .x-contact-container {
        padding: 40px
    }
}

@media(max-width:767px) {
    .x-contact-section {
        padding-top: 40px;
        padding-bottom: 0
    }

    .x-contact-section-heading {
        font-size: 2em;
        margin-bottom: 20px
    }

    .x-contact-container {
        padding: 20px;
        flex-wrap: wrap
    }

    .x-contact-form-container {
        width: 100%
    }

    .x-contact-section .unit-contact-form input,
    .x-contact-section .unit-contact-form textarea {
        margin-top: 0
    }

    .x-contact-basic {
        position: relative;
        width: 100%;
        margin-right: 0
    }

    .x-contact-basic h3 {
        font-size: 32px
    }

    .x-contact-basic ul {
        padding-left: 0
    }

    .unit-contact-form .checkbox {
        margin-bottom: 20px
    }

    .unit-contact-form input[type=submit] {
        width: 50%
    }
}

@media(max-width:640px) {
    .unit-contact-form input[type=submit] {
        width: 100%;
        max-width: 300px
    }

    .unit-contact-form .half-column {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.modalFormReq {
    position: relative;
    padding: 20px 20px 0
}

.modalFormReq label {
    position: relative
}

.modalFormReq .uncf-label {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 5px;
    width: auto;
    padding: 3px 5px 2px;
    line-height: 1;
    color: #333;
    font-size: 14px;
    transition: .3s;
    pointer-events: none;
    user-select: none
}

.modalFormReq .uncf-label:hover {
    cursor: text
}

.modalFormReq input,
.modalFormReq textarea {
    border: 1px solid #e1e1ec;
    margin-top: 0
}

.modalFormReq textarea {
    height: 120px
}

.modalFormReq div.wpcf7-response-output {
    margin: 0
}

@media(max-width:767px) {
    #sendReq .modal-content {
        margin-bottom: 100px
    }

    .modalFormReq {
        padding: 15px 0 0
    }

    .modalFormReq .uncf-label {
        top: 10px
    }

    .modalFormReq .unit-contact-form input:not[type=submit]:not[type=checkbox],
    .modalFormReq .unit-contact-form textarea {
        padding: 6px 10px
    }

    .single-properties .container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media(max-width:400px) {
    .unit-contact-form input[type=submit] {
        max-width: 100%
    }

    .single-properties .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

.featureProjects.join-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.join-nav__container {
    padding-top: 0 !important
}

.join-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.join-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.join-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.join-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.join-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.join-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.join-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.join-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.join-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.join-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.join-nav__back:hover {
    color: #fd8f5e
}

.join-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.join-nav {
        padding: 15px 0 !important
    }

    .join-nav__body {
        display: block
    }

    .join-nav__back {
        display: none
    }

    .join-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.join-head {
    position: relative;
    color: #222;
    margin-bottom: 80px
}

.join-head .container {
    padding-top: 0 !important
}

.join-head__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px
}

.join-head__col_text {
    flex: 0 1 35%
}

.join-head__col_img {
    flex: 0 1 65%;
    position: relative
}

.join-head__header {
    position: relative;
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 100%;
    margin-bottom: 30px
}

.join-head__desc {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 50px
}

.join-head__btn-wrap a {
    display: inline-block;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px 8px 40px;
    border-radius: 8px;
    background-color: #fd8f5e;
    transition: background-color .5s, color .5s;
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-image: url(../icons/icon-video-play.html)
}

.join-head__btn-wrap a:hover {
    background-color: #fd8f5e
}

.join-head__img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px
}

.join-head__badge {
    position: absolute;
    right: 10px;
    top: -20px;
    width: auto;
    height: 140px;
    object-fit: contain
}

@media(max-width:767px) {
    .featureProjects.join-head {
        padding: 0 !important;
        margin-bottom: 50px
    }

    .join-head__row {
        flex-wrap: wrap;
        gap: 35px
    }

    .join-head__col {
        flex: 0 1 100% !important
    }

    .join-head__header {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 15px
    }

    .join-head__desc {
        margin-bottom: 25px
    }

    .join-head__img {
        height: 220px
    }

    .join-head__badge {
        right: 10px;
        top: -75px;
        height: 120px
    }
}

.join-advantages {
    padding: 0 !important;
    margin-bottom: 80px;
    overflow: hidden;
    color: #222
}

.join-advantages .container {
    position: relative;
    padding-bottom: 70px;
    padding-top: 0 !important
}

.join-advantages .container:after {
    position: absolute;
    content: '';
    left: 10px;
    bottom: 0;
    height: 1px;
    width: 2000px;
    opacity: .1;
    background: #222
}

.join-advantages__items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -35px
}

.join-advantages__item {
    padding: 0 35px;
    color: #222
}

.join-advantages__item-title {
    font-family: InterBold, sans-serif;
    font-size: 54px;
    line-height: 100%;
    color: #fd8f5e;
    margin-bottom: 20px
}

.join-advantages__item-desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media only screen and (max-width:1024px) {
    .join-advantages .container:after {
        left: 10px;
        right: 10px;
        width: auto
    }

    .join-advantages__items {
        flex-wrap: wrap;
        margin: -25px -30px
    }

    .join-advantages__item {
        width: 50%;
        padding: 25px 30px
    }
}

@media only screen and (max-width:767px) {
    .join-advantages {
        margin-bottom: 30px
    }

    .join-advantages .container {
        padding-bottom: 45px
    }

    .join-advantages__item-title {
        font-size: 32px;
        margin-bottom: 10px
    }

    .join-advantages__item-desc {
        font-size: 14px;
        line-height: 20px
    }
}

.join-labels {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222
}

.join-labels .container {
    padding-top: 0 !important
}

.join-labels__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 80px
}

.join-labels__col_text {
    flex: 0 0 360px
}

.join-labels__col_images {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.join-labels__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #222;
    margin-bottom: 40px
}

.join-labels__link {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #222;
    transition: color .2s ease-in;
    position: relative;
    padding-left: 25px;
    padding-bottom: 4px
}

.join-labels__link:hover {
    color: #fd8f5e
}

.join-labels__link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/trophy-cup.html)
}

.join-labels__link:before {
    content: "";
    position: absolute;
    left: 25px;
    bottom: 0;
    width: calc(100% - 25px);
    height: 1px;
    background: #222;
    transition: background .2s ease-in;
    pointer-events: none
}

.join-labels__link:hover:before {
    background: #fd8f5e
}

.join-labels__images {
    width: 33.3333%
}

.join-labels__image {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain
}

@media only screen and (max-width:767px) {
    .join-labels {
        margin-bottom: 30px
    }

    .join-labels__row {
        flex-wrap: wrap;
        gap: 50px
    }

    .join-labels__col {
        flex: 0 0 100%
    }

    .join-labels__desc {
        margin-bottom: 20px
    }
}

.join-about {
    padding: 80px 0 40px !important;
    overflow: hidden;
    color: #222;
    background: #fd8f5e
}

.join-about .container {
    padding-top: 0 !important
}

.join-about__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 130px;
    margin-bottom: 50px
}

.join-about__title {
    flex-grow: 1;
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 0
}

.join-about__desc {
    flex: 0 0 360px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 0
}

.join-about__video-wrap {
    margin-bottom: 50px
}

.join-about__video-wrap .vSection {
    margin: 0 auto;
    max-width: 100%
}

.join-about__text p {
    margin-bottom: 20px
}

.join-about__text p:last-child {
    margin-bottom: 0
}

.join-about__text_bold {
    padding-bottom: 45px
}

.join-about__text_bold p {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%
}

.join-about__text_normal {
    position: relative;
    padding-bottom: 80px
}

.join-about__text_normal:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 2000px;
    opacity: .1;
    background: #222
}

.join-about__text_normal p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media only screen and (max-width:1024px) {
    .join-about__head {
        gap: 20px
    }
}

@media only screen and (max-width:767px) {
    .join-about {
        padding: 50px 0 15px !important
    }

    .join-about__head {
        flex-wrap: wrap;
        margin-bottom: 30px
    }

    .join-about__desc,
    .join-about__title {
        flex: 0 0 100%
    }

    .join-about__title {
        font-size: 28px
    }

    .join-about__video-wrap {
        margin-bottom: 40px
    }

    .join-about__text_bold {
        padding-bottom: 30px
    }

    .join-about__text_bold p {
        font-size: 20px
    }

    .join-about__text_normal {
        padding-bottom: 50px
    }

    .join-about__text_normal:after {
        width: 100%
    }
}

.join-services {
    padding: 40px 0 65px !important;
    margin-bottom: 80px;
    overflow: hidden;
    color: #222;
    background: #fd8f5e
}

.join-services .container {
    padding-top: 0 !important
}

.join-services__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 50px
}

.join-services__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -20px -38px
}

.join-services__col {
    width: 50%;
    padding: 20px 38px
}

.join-services__item {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.join-services__item-icon {
    flex: 0 0 50px
}

.join-services__item-icon img {
    width: 100%;
    height: auto;
    max-height: 50px;
    object-fit: contain
}

.join-services__item-content {
    flex-grow: 1
}

.join-services__item-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px
}

.join-services__item-desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0
}

.join-services__text-bottom {
    background: #fff;
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 50px;
    text-align: center
}

.join-services__text-bottom p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    max-width: 830px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .join-services {
        padding: 15px 0 35px !important;
        margin-bottom: 50px
    }

    .join-services__title {
        font-size: 28px;
        margin-bottom: 40px
    }

    .join-services__row {
        margin: -22px 0
    }

    .join-services__col {
        width: 100%;
        padding: 22px 0
    }

    .join-services__item {
        flex-wrap: wrap
    }

    .join-services__item-content,
    .join-services__item-icon {
        width: 100%
    }

    .join-services__item-title {
        font-size: 20px
    }

    .join-services__text-bottom {
        margin-top: 30px
    }
}

.join-gt {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222;
    display: flex;
    flex-direction: column
}

.join-gt .container {
    padding-top: 0 !important
}

.join-gt__head-wrap {
    order: 0;
    margin-bottom: 30px
}

.join-gt__gallery-wrap {
    order: 2;
    overflow: hidden;
    width: 100%
}

.join-gt__texts-wrap {
    order: 4
}

.join-gt__texts-wrap.position-top {
    order: 1;
    margin: 5px 0 20px
}

.join-gt__texts-wrap.position-bottom {
    order: 3;
    margin: 50px 0 0
}

.join-gt__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 130px
}

.join-gt__title {
    flex-grow: 1;
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 0
}

.join-gt__desc {
    flex: 0 0 360px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 0
}

.join-gt__text p {
    margin-bottom: 20px
}

.join-gt__text p:last-child {
    margin-bottom: 0
}

.join-gt__text_bold {
    padding-bottom: 30px
}

.join-gt__text_bold p {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%
}

.join-gt__text_normal p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media only screen and (max-width:1024px) {
    .join-gt__head {
        gap: 20px
    }

    .join-gt {
        width: 100%;
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    .join-gt {
        margin-bottom: 50px;
        width: 100%;
        overflow: hidden
    }

    .join-gt__head-wrap {
        margin-bottom: 0
    }

    .join-gt__texts-wrap.position-top {
        margin: 20px 0 0
    }

    .join-gt__texts-wrap.position-bottom {
        margin: 30px 0 0
    }

    .join-gt__head {
        flex-wrap: wrap
    }

    .join-gt__desc,
    .join-gt__title {
        flex: 0 0 100%
    }

    .join-gt__title {
        font-size: 28px
    }

    .join-gt__text_bold {
        padding-bottom: 20px
    }

    .join-gt__text_bold p {
        font-size: 20px
    }
}

.join-two-col-content {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222
}

.join-two-col-content .container {
    padding-top: 0 !important
}

.join-two-col-content__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%
}

.join-two-col-content__item .videoWrapper,
.join-two-col-content__item iframe {
    width: 100%
}

.join-two-col-content__item .YtImg {
    position: absolute;
    display: block;
    top: 0;
    z-index: 10;
    width: 100%
}

.join-two-col-content__item {
    max-width: 100%
}

.join-two-col-content__item:not(.text-text) {
    align-self: center;
    position: relative
}

.join-two-col-content__item h2,
.join-two-col-content__item h3,
.join-two-col-content__item h4 {
    font-family: InterBold, sans-serif;
    line-height: 110%
}

.join-two-col-content__item h2 {
    font-size: 36px;
    margin-bottom: 30px
}

.join-two-col-content__item h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.join-two-col-content__item h4 {
    font-size: 20px;
    margin-bottom: 15px
}

.join-two-col-content__item b,
.join-two-col-content__item strong {
    font-family: InterSemiBold, sans-serif !important;
    font-weight: 400
}

.join-two-col-content__item ol {
    margin-top: 15px
}

.join-two-col-content__item ul {
    padding: 0 0 0 10px;
    list-style: none;
    margin: 20px 0
}

.join-two-col-content__item ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 25px
}

.join-two-col-content__item ul li:last-child {
    margin-bottom: 0
}

.join-two-col-content__item ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

.join-two-col-content__item p:last-of-type {
    margin-bottom: 0
}

.join-two-col-content__text-bottom {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 50px;
    text-align: center
}

.join-two-col-content__text-bottom p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    max-width: 830px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .join-two-col-content {
        margin-bottom: 50px
    }

    .join-two-col-content__items {
        display: flex;
        flex-wrap: wrap
    }

    .join-two-col-content__item {
        width: 100%;
        margin-bottom: 25px
    }

    .join-two-col-content__item:last-child {
        margin-bottom: 0
    }

    .join-two-col-content__item h2 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .join-two-col-content__item h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .join-two-col-content__item h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .join-two-col-content__item ul {
        margin: 10px 0
    }

    .join-two-col-content__item ul li {
        margin-bottom: 15px
    }

    .join-two-col-content__text-bottom {
        margin-top: 20px
    }
}

.join-vacancies {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222
}

.join-vacancies .container {
    padding-top: 0 !important
}

.join-vacancies__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 30px;
    max-width: 860px
}

.join-vacancies__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
}

.join-vacancies__row:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff
}

.join-vacancies__col {
    width: calc(50% - 20px);
    padding: 20px 0;
    border-bottom: 1px solid rgba(34, 34, 34, .1)
}

.join-vacancies__vacancy-link {
    display: block;
    height: 100%
}

.join-vacancies__vacancy-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    margin-bottom: 10px;
    max-width: 515px;
    transition: color .2s ease-out
}

.join-vacancies__vacancy-link:hover .join-vacancies__vacancy-title {
    color: #fd8f5e
}

.join-vacancies__vacancy-locate {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px
}

.join-vacancies__vacancy-locate:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/icon-vacancy-locate.html)
}

.join-vacancies__text-bottom {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 25px 20px;
    margin-top: 30px;
    text-align: center
}

.join-vacancies__text-bottom p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    max-width: 830px;
    margin: 0 auto
}

.join-vacancies__text-bottom .bannerValBtn {
    margin-top: 15px
}

@media only screen and (max-width:767px) {
    .join-vacancies {
        margin-bottom: 50px
    }

    .join-vacancies__title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .join-vacancies__row:after {
        display: none
    }

    .join-vacancies__col {
        width: 100%;
        padding: 20px 0
    }

    .join-vacancies__col:last-child {
        border-bottom: none
    }

    .join-vacancies__vacancy-title {
        font-size: 20px
    }

    .join-vacancies__vacancy-locate {
        font-size: 14px
    }

    .join-vacancies__vacancy-locate:after {
        top: 3px
    }

    .join-vacancies__text-bottom {
        margin-top: 10px
    }
}

.join-agentsY {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222
}

.join-agentsY .container {
    padding-top: 0 !important
}

.join-agentsY .agentsY {
    margin: 0;
    padding-top: 60px
}

.join-agentsY .agentsY__slider {
    margin-top: 0
}

.join-agentsY .agentsY__quote {
    padding-top: 100px;
    margin-bottom: 30px
}

.join-agentsY .agentsY__quote img {
    height: 60px
}

.join-agentsY .agentsY__name-full {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media only screen and (max-width:767px) {
    .join-agentsY {
        margin-bottom: 50px;
        width: 100%;
        overflow: hidden
    }

    .join-agentsY .agentsY {
        padding-top: 40px
    }

    .join-agentsY .agentsY__quote {
        padding-top: 80px;
        margin-bottom: 20px
    }

    .join-agentsY .agentsY__quote img {
        height: 50px
    }

    .join-agentsY .agentsY__name-full {
        font-family: InterMedium, sans-serif;
        font-size: 18px;
        line-height: 140%
    }
}

.join-awards {
    padding: 0 !important;
    margin-bottom: 50px;
    color: #222;
    width: 100%;
    overflow: hidden
}

.join-awards .container {
    padding-top: 0 !important
}

.join-awards__title {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .join-awards {
        margin-bottom: 20px
    }
}

.join-trigger-request {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222
}

.join-trigger-request .container {
    padding-top: 0 !important
}

@media only screen and (max-width:767px) {
    .join-trigger-request {
        margin-bottom: 50px
    }
}

.join-faq {
    padding: 0 !important;
    margin-bottom: 80px;
    color: #222;
    width: 100%;
    overflow: hidden
}

.join-faq .container {
    padding-top: 0 !important
}

.join-faq__title {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8f8f8f;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .join-faq {
        margin-bottom: 50px
    }
}

.join-modal .career-form-agent__form-wrap .form-group {
    margin-bottom: 15px
}

.join-modal .career-form-agent__form-wrap .form-group:nth-child(2),
.join-modal .career-form-agent__form-wrap .form-group:nth-child(3) {
    width: 100%
}

.join-modal .career-form-agent__form-wrap .file-group .file_add_btn {
    padding: 0 10px
}

.join-modal .career-form-agent__form-wrap div.checkbox .label {
    margin-bottom: 5px
}

.page-template-template-career p:last-child {
    margin-bottom: 0
}

.career-title {
    display: inline-block;
    font-family: InterBold, sans-serif;
    font-weight: 400;
    line-height: 1.15;
    color: #222;
    margin-bottom: 0
}

.career-title span {
    color: #fd8f5e
}

.career-caption {
    font-family: InterMedium, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 40px
}

.career-desc p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #6d6e70
}

@media only screen and (max-width:743px) {
    .career-desc p {
        font-size: 14px;
        line-height: 21px
    }

    .career-caption {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 30px
    }
}

.featureProjects.career-nav {
    background: #fff;
    padding: 15px 0 35px !important
}

.career-nav__container {
    padding-top: 0 !important
}

.career-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 35px
}

.career-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.career-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.career-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.career-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.career-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.career-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.career-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.career-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.career-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.career-nav__back:hover {
    color: #fd8f5e
}

.career-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

.career__userBtn {
    margin-right: -10px
}

.career__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.career__userBtn-button:first-child {
    margin-left: 0
}

.career__userBtn-button:focus {
    outline: 0
}

.career__userBtn-button:hover {
    border-color: #01aee5
}

.career__userBtn-button .label {
    position: relative;
    padding-left: 22px
}

.career__userBtn-button .label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.career__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

@media only screen and (max-width:990px) {
    .featureProjects.career-nav {
        padding: 20px 0 60px !important
    }

    .career-nav__btns {
        display: none
    }
}

@media only screen and (max-width:743px) {
    .featureProjects.career-nav {
        padding: 15px 0 40px !important
    }

    .career-nav__body {
        display: block
    }

    .career-nav__back {
        display: none
    }

    .career-nav__breadcrumbs {
        padding: 0
    }
}

.career-head {
    padding: 0 !important;
    margin-bottom: 105px
}

.career-head .container {
    padding-top: 0 !important
}

.career-head__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px
}

.career-head__col_text {
    flex-grow: 1
}

.career-head__col_img {
    flex: 0 0 490px
}

.career-head__title {
    font-size: 65px;
    line-height: 100%;
    margin-bottom: 25px
}

.career-head__desc {
    margin-bottom: 45px
}

.career-head__desc p {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #8f8f8f
}

.career-head__btn {
    font-size: 16px;
    line-height: 24px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    word-break: normal;
    white-space: normal;
    outline: 0;
    border: none;
    padding: 13px 15px;
    min-height: 50px;
    min-width: 206px;
    border-radius: 8px;
    background: #fd8f5e;
    color: #fff;
    transition: background .3s ease-in-out
}

.career-head__btn span {
    position: relative;
    display: inline-block;
    padding-right: 26px
}

.career-head__btn span:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out
}

.career-head__btn:hover span:after {
    right: -5px
}

.career-labels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px
}

.career-labels__label {
    border-radius: 8px;
    overflow: hidden
}

.career-labels__label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

.career-labels__label_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    min-height: 217px;
    background: #fd8f5e
}

.career-labels__label_main-year {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #e7e7e7;
    opacity: .5
}

.career-labels__label_main-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    max-width: 180px;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .career-head {
        margin-bottom: 120px
    }

    .career-head__row {
        flex-wrap: wrap;
        gap: 50px
    }

    .career-head__col_img,
    .career-head__col_text {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-head__title {
        font-size: 60px
    }

    .career-head__desc {
        margin-bottom: 40px
    }

    .career-head__btn {
        width: 100%
    }

    .career-labels {
        grid-gap: 30px
    }
}

@media only screen and (max-width:743px) {
    .career-head {
        margin-bottom: 80px
    }

    .career-head__row {
        gap: 25px
    }

    .career-head__title {
        font-size: 32px;
        margin-bottom: 15px
    }

    .career-head__desc {
        margin-bottom: 25px
    }

    .career-head__desc p {
        font-size: 16px;
        line-height: 21px
    }

    .career-head__btn {
        font-size: 14px;
        line-height: 21px
    }

    .career-labels {
        grid-gap: 20px
    }

    .career-labels__label_main {
        min-height: unset
    }

    .career-labels__label_main-year {
        font-size: 12px;
        line-height: 14px
    }

    .career-labels__label_main-title {
        font-size: 20px;
        line-height: 22px
    }
}

.career-video {
    padding: 0 !important;
    margin-bottom: 105px;
    position: relative
}

.career-video__content {
    max-width: 1680px;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 480px;
    background: #fd8f5e;
    border-radius: 40px 40px 0 0;
    text-align: center
}

.career-video .container {
    padding-top: 0 !important
}

.career-video__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    color: #fff;
    opacity: .9;
    display: block;
    margin: 0 auto;
    max-width: 600px
}

.career-video__btns {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    margin-top: 40px
}

.career-video__btn {
    display: inline-block;
    min-height: 50px;
    padding: 13px 15px;
    border-radius: 8px;
    background-color: #fd8f5e;
    color: #fff;
    transition: background-color .5s, color .5s
}

.career-video__btn:hover {
    color: #fff;
    background-color: #3ac1ff
}

.career-video__btn_text {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    min-width: 300px
}

.career-video__btn_icon {
    font-size: 0;
    min-width: 50px;
    background-repeat: no-repeat;
    background-position: 18px center;
    background-image: url(../icons/career-icon-video-play.html)
}

.career-video__agents-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 480px
}

.career-video__agents {
    max-width: 1680px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    position: relative
}

.career-video__agents:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background: #fff;
    z-index: 1
}

.career-video__agents-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.career-video__agents-item {
    position: relative;
    margin: 0 -.65%
}

.career-video__agents-item:nth-child(1),
.career-video__agents-item:nth-child(7) {
    flex: 0 0 280px;
    height: 280px;
    z-index: 4
}

.career-video__agents-item:nth-child(2),
.career-video__agents-item:nth-child(6) {
    flex: 0 0 220px;
    height: 220px;
    margin-bottom: 55px;
    z-index: 6
}

.career-video__agents-item:nth-child(3),
.career-video__agents-item:nth-child(5) {
    flex: 0 0 250px;
    height: 250px;
    margin-bottom: 40px;
    z-index: 8
}

.career-video__agents-item:nth-child(4) {
    flex: 0 0 295px;
    height: 295px;
    margin-bottom: 50px;
    z-index: 10
}

.career-video__agent {
    height: 100%
}

.career-video__agent-photo {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #fff;
    background: #e7f9ff;
    overflow: hidden;
    cursor: pointer;
    will-change: transform
}

.career-video__agent-photo img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 25px;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform .65s
}

.career-video__agent-photo:active img,
.career-video__agent-photo:hover img {
    transform: scale(1.1)
}

.career-video__agent-info-wrap {
    position: absolute;
    left: 50%;
    bottom: 110%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s
}

.career-video__agent-photo:active+.career-video__agent-info-wrap,
.career-video__agent-photo:hover+.career-video__agent-info-wrap {
    opacity: 1
}

.career-video__agent-info {
    position: relative;
    background: #ffffffd9;
    box-shadow: 0 5px 36px 0 #0000001f;
    border-radius: 19px;
    padding: 11px 15px;
    min-width: 185px;
    text-align: center
}

.career-video__agents-item:nth-child(1) .career-video__agent-info {
    transform: rotate(3.2deg)
}

.career-video__agents-item:nth-child(7) .career-video__agent-info {
    transform: rotate(-3.2deg)
}

.career-video__agents-item:nth-child(3) .career-video__agent-info {
    transform: rotate(2.2deg)
}

.career-video__agents-item:nth-child(5) .career-video__agent-info {
    transform: rotate(-2.2deg)
}

.career-video__agent-info:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    height: 10px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-image: url(../images/career-agent-info.html);
    transform: translateX(-50%)
}

.career-video__agent-info span.name {
    display: block;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 2px;
    color: #222
}

.career-video__agent-info span.position {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #71717a
}

@media screen and (max-width:1680px) {
    .career-video__agents-item:nth-child(1) .career-video__agent-info-wrap {
        transform: rotate(3.2deg) translateX(calc(-50% + 70px))
    }

    .career-video__agents-item:nth-child(7) .career-video__agent-info-wrap {
        transform: rotate(-3.2deg) translateX(calc(-50% - 70px))
    }
}

@media screen and (min-width:1501px) {
    .career-video__agents-item {
        margin: 0 -.35%
    }
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .career-video__agents-item {
        margin: 0 -2.8%
    }

    .career-video__agents-item:nth-child(1) .career-video__agent-info-wrap,
    .career-video__agents-item:nth-child(7) .career-video__agent-info-wrap {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .career-video {
        margin-bottom: 80px
    }

    .career-video__content {
        padding-top: 100px;
        padding-bottom: 365px
    }

    .career-video__agents-wrap {
        height: 365px
    }

    .career-video__agents-item {
        margin: 0 -1.5%
    }

    .career-video__agents-item:nth-child(1),
    .career-video__agents-item:nth-child(7) {
        flex: 0 0 180px;
        height: 180px
    }

    .career-video__agents-item:nth-child(2),
    .career-video__agents-item:nth-child(6) {
        flex: 0 0 145px;
        height: 145px;
        margin-bottom: 40px
    }

    .career-video__agents-item:nth-child(3),
    .career-video__agents-item:nth-child(5) {
        flex: 0 0 160px;
        height: 160px;
        margin-bottom: 25px
    }

    .career-video__agents-item:nth-child(4) {
        flex: 0 0 190px;
        height: 190px;
        margin-bottom: 35px
    }

    .career-video__agents-item:nth-child(1) .career-video__agent-info-wrap,
    .career-video__agents-item:nth-child(7) .career-video__agent-info-wrap {
        display: none
    }

    .career-video__agent-photo {
        border-width: 7px
    }

    .career-video__agent-photo img {
        top: 20px
    }
}

@media only screen and (max-width:743px) {
    .career-video {
        margin-bottom: 60px
    }

    .career-video__content {
        padding-top: 50px;
        padding-bottom: 175px;
        border-radius: 20px 20px 0 0
    }

    .career-video__title {
        font-size: 28px
    }

    .career-video__btns {
        gap: 5px
    }

    .career-video__btn_text {
        flex-grow: 1;
        font-size: 14px;
        line-height: 21px;
        min-width: unset
    }

    .career-video__agents-wrap {
        height: 175px
    }

    .career-video__agents-item:nth-child(1),
    .career-video__agents-item:nth-child(7) {
        flex: 0 0 95px;
        height: 95px
    }

    .career-video__agents-item:nth-child(2),
    .career-video__agents-item:nth-child(6) {
        flex: 0 0 75px;
        height: 75px;
        margin-bottom: 25px
    }

    .career-video__agents-item:nth-child(3),
    .career-video__agents-item:nth-child(5) {
        flex: 0 0 85px;
        height: 85px;
        margin-bottom: 15px
    }

    .career-video__agents-item:nth-child(4) {
        flex: 0 0 100px;
        height: 100px;
        margin-bottom: 20px
    }

    .career-video__agent-photo {
        border-width: 3px
    }

    .career-video__agent-photo img {
        top: 10px
    }

    .career-video__agent-info-wrap {
        display: none
    }
}

.career-about {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-about .container {
    padding-top: 0 !important
}

.career-about__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 40px
}

.career-about__col {
    flex: 0 1 calc(50% - 10px)
}

.career-about__title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 0
}

.career-about__cards {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px
}

.career-about__card {
    flex: 0 1 calc(25% - 15px);
    min-height: 220px;
    padding: 120px 20px 20px;
    background-color: #fd8f5e;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px
}

.career-about__card.card1 {
    background-image: url(../images/career-about-card1.html)
}

.career-about__card.card2 {
    background-image: url(../images/career-about-card2.html)
}

.career-about__card.card3 {
    background-image: url(../images/career-about-card3.html)
}

.career-about__card.card4 {
    background-image: url(../images/career-about-card4.html)
}

.career-about__card-title {
    font-size: 23px;
    color: #fff
}

.career-about__card-desc p {
    color: #fff
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .career-about__card {
        padding-top: 110px
    }

    .career-about__card-title {
        font-size: 20px
    }

    .career-about__card-desc p {
        font-size: 14px
    }
}

@media only screen and (max-width:990px) {
    .career-about {
        margin-bottom: 120px
    }

    .career-about__row {
        flex-wrap: wrap;
        gap: 20px;
        padding-bottom: 50px
    }

    .career-about__col {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-about__cards {
        flex-wrap: wrap
    }

    .career-about__card {
        flex: 0 1 calc(50% - 10px);
        background-position: top -20px center
    }
}

@media only screen and (max-width:743px) {
    .career-about {
        margin-bottom: 80px
    }

    .career-about__row {
        padding-bottom: 40px
    }

    .career-about__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-about__card {
        flex: 0 1 100%;
        justify-content: flex-end;
        background-position: top center
    }

    .career-about__card-title {
        font-size: 18px
    }
}

.career-vacancies {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-vacancies .container {
    padding-top: 0 !important
}

.career-vacancies__title {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 60px
}

.career-vacancies__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 90px
}

.career-vacancies__item {
    flex-basis: calc(50% - 45px)
}

.career-vacancies__vacancy-link {
    display: block;
    height: 100%
}

.career-vacancies__vacancy-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 25px;
    line-height: 32px;
    color: #222;
    margin-bottom: 12px;
    transition: color .2s ease-out
}

.career-vacancies__vacancy-link:hover .career-vacancies__vacancy-title {
    color: #fd8f5e
}

.career-vacancies__vacancy-locate {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70;
    margin-bottom: 0;
    position: relative;
    padding-left: 20px
}

.career-vacancies__vacancy-locate:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-vacancy-locate.html)
}

@media only screen and (max-width:990px) {
    .career-vacancies {
        margin-bottom: 120px
    }

    .career-vacancies__title {
        margin-bottom: 50px
    }

    .career-vacancies__item {
        flex-basis: 100%
    }
}

@media only screen and (max-width:743px) {
    .career-vacancies {
        margin-bottom: 80px
    }

    .career-vacancies__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-vacancies__items {
        gap: 30px
    }

    .career-vacancies__vacancy-title {
        font-size: 18px;
        line-height: 24px
    }

    .career-vacancies__vacancy-locate {
        font-size: 14px;
        line-height: 21px
    }
}

.career-vacancies-slider {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222;
    overflow: hidden
}

.career-vacancies-slider .container {
    padding-top: 0 !important
}

.career-vacancies-slider__title {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 40px
}

.career-vacancies-slider__item {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.career-vacancies-slider__item-locate {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

.career-vacancies-slider__item-locate:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-vacancy-locate.html)
}

.career-vacancies-slider__item-link {
    margin-top: auto
}

.career-vacancies-slider__item-title {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #222;
    margin-bottom: 0;
    transition: color .2s
}

.career-vacancies-slider__item-link:hover .career-vacancies-slider__item-title {
    color: #fd8f5e
}

.career-vacancies-slider__item-btns {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-top: 20px
}

.career-vacancies-slider__item-btn-wrap {
    flex-grow: 1
}

.career-vacancies-slider__item-btn {
    min-width: auto;
    width: 100%
}

.career-vacancies-slider__item-btn_vac {
    display: inline-block;
    min-height: 50px;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #fff;
    color: #fd8f5e;
    border: 1px solid #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    transition: background-color .5s, color .5s
}

.career-vacancies-slider__item-btn_vac:hover {
    background-color: #fd8f5e;
    color: #fff
}

.carouselCareerVac {
    position: relative;
    display: block;
    width: 100%;
    touch-action: none
}

.carouselCareerVac .owl-stage-outer {
    overflow: hidden
}

.carouselCareerVac .owl-stage {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

.carouselCareerVac .owl-stage:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.carouselCareerVac .owl-nav {
    position: absolute;
    top: -81px;
    z-index: 10;
    width: 100%
}

.carouselCareerVac .owl-nav.disabled {
    display: none
}

.carouselCareerVac .owl-next,
.carouselCareerVac .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border: 1.5px solid #6d6e70 !important;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: none;
    opacity: 1;
    transition: border .2s
}

.carouselCareerVac .owl-prev {
    left: auto;
    right: calc(40px + 5px)
}

.carouselCareerVac .owl-next {
    left: auto;
    right: 0
}

.carouselCareerVac .owl-next:hover,
.carouselCareerVac .owl-prev:hover {
    border-color: #fd8f5e !important
}

.carouselCareerVac .owl-next span,
.carouselCareerVac .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.carouselCareerVac .owl-next span:before,
.carouselCareerVac .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-gray-dark.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background .2s ease-out
}

.carouselCareerVac .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:990px) {
    .career-vacancies-slider {
        margin-bottom: 120px
    }

    .career-vacancies-slider__title {
        margin-bottom: 30px
    }

    .carouselCareerVac {
        max-width: 360px
    }

    .carouselCareerVac .owl-stage-outer {
        overflow: visible
    }
}

@media only screen and (max-width:743px) {
    .career-vacancies-slider {
        margin-bottom: 80px
    }

    .career-vacancies-slider__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-vacancies-slider__item {
        padding: 15px;
        min-height: 250px
    }

    .career-vacancies-slider__item-title {
        font-size: 18px;
        line-height: 23px
    }

    .career-vacancies-slider__item-locate {
        font-size: 12px;
        line-height: 18px;
        padding-left: 15px
    }

    .career-vacancies-slider__item-locate:after {
        width: 10px
    }

    .career-vacancies-slider__item-btn_main {
        padding: 14px 10px
    }

    .career-vacancies-slider__item-btn_vac {
        padding: 13px 10px;
        font-size: 14px;
        line-height: 21px
    }

    .carouselCareerVac {
        max-width: 295px
    }
}

.career-recruitment {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-recruitment .container {
    padding-top: 0 !important
}

.career-recruitment__inner {
    padding: 40px 40px 70px;
    border-radius: 20px;
    background: #e6f9ff
}

.career-recruitment__title {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 30px
}

.career-recruitment__items {
    position: relative;
    padding-top: calc(565/1080 * 100%);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/career-recruitment-timeline.html)
}

.career-recruitment__item {
    position: absolute;
    width: 265px;
    height: auto
}

.career-recruitment__item:nth-child(1) {
    left: 0;
    top: 80.53%
}

.career-recruitment__item:nth-child(2) {
    left: 19.91%;
    bottom: 40.71%
}

.career-recruitment__item:nth-child(3) {
    left: 48.61%;
    top: 60.18%
}

.career-recruitment__item:nth-child(4) {
    left: 62.5%;
    bottom: 81.42%
}

.career-recruitment__item:nth-child(5) {
    left: 75%;
    top: 29.32%
}

.career-recruitment__item:nth-child(n+6) {
    display: none
}

.career-recruitment__item-title {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 10px
}

.career-recruitment__item-desc p {
    margin-bottom: .5rem
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .career-recruitment__item {
        width: 240px
    }
}

@media only screen and (max-width:990px) {
    .career-recruitment {
        margin-bottom: 120px
    }

    .career-recruitment__inner {
        padding: 30px
    }

    .career-recruitment__items {
        background: 0 0;
        padding-top: 0;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
        gap: 50px;
        position: relative
    }

    .career-recruitment__items::before {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: calc(100% - 10px);
        border-left: 1px dashed #fd8f5e;
        z-index: 1
    }

    .career-recruitment__item {
        position: static;
        width: 100%;
        z-index: 2
    }

    .career-recruitment__item-title {
        position: relative
    }

    .career-recruitment__item-title:before {
        content: '';
        position: absolute;
        left: -37px;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border: 5px solid #fd8f5e;
        border-radius: 50%
    }

    .career-recruitment__item:last-child .career-recruitment__item-desc {
        position: relative
    }

    .career-recruitment__item:last-child .career-recruitment__item-desc:before {
        content: '';
        position: absolute;
        right: 100%;
        top: -10px;
        height: calc(100% + 10px);
        width: 40px;
        background: #e6f9ff
    }
}

@media only screen and (max-width:743px) {
    .career-recruitment {
        margin-bottom: 80px
    }

    .career-recruitment__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-recruitment__inner {
        padding: 20px
    }

    .career-recruitment__items {
        gap: 35px;
        padding-left: 15px
    }

    .career-recruitment__item-title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 5px
    }

    .career-recruitment__item-title:before {
        left: -22px
    }

    .career-recruitment__item:last-child .career-recruitment__item-desc:before {
        top: -5px;
        height: calc(100% + 5px);
        width: 20px
    }
}

.career-form-agent {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222;
    width: 100%
}

.career-form-agent .container {
    padding-top: 0 !important
}

.career-form-agent__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 90px;
    overflow: hidden
}

.career-form-agent__col_form {
    flex: 0 0 480px
}

.career-form-agent__col_info {
    flex-grow: 1;
    padding-top: 50px
}

.career-form-agent__title {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 30px
}

.career-form-agent__form-wrap form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left
}

.career-form-agent__form-wrap .wpcf7 form .wpcf7-response-output {
    width: 100%;
    margin: 25px 0 0
}

.career-form-agent__form-wrap div.checkbox {
    margin-bottom: 0;
    width: 100%
}

.career-form-agent__form-wrap .form-group {
    margin-bottom: 20px !important
}

.career-form-agent__form-wrap .form-group:nth-child(2),
.career-form-agent__form-wrap .form-group:nth-child(3) {
    width: calc(50% - 15px)
}

.career-form-agent__form-wrap .form-group:nth-child(4) {
    width: 100%
}

.career-form-agent__form-wrap label,
.career-form-agent__form-wrap label.filled {
    font-family: InterMedium, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 0;
    color: #344054;
    transform: none
}

.career-form-agent__form-wrap div.checkbox .label,
.career-form-agent__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f
}

.career-form-agent__form-wrap div.checkbox .label {
    margin-bottom: 10px
}

.career-form-agent__form-wrap div.checkbox .label:last-child {
    margin-bottom: 0
}

.career-form-agent__form-wrap div.checkbox .wpcf7-list-item-label {
    padding-left: 32px
}

.career-form-agent__form-wrap div.checkbox .wpcf7-list-item-label:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px
}

.career-form-agent__form-wrap div.checkbox .wpcf7-acceptance.not-valid .wpcf7-list-item-label:after {
    border-color: #f04438
}

.career-form-agent__form-wrap div.checkbox input:checked+.wpcf7-list-item-label:after {
    border-color: #fd8f5e
}

.career-form-agent__form-wrap div.checkbox .wpcf7-list-item-label:before {
    width: 10px;
    height: 20px;
    background: url(../icons/career-form-check.html) center/contain no-repeat;
    content: "";
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 2px;
    opacity: 0;
    transition: .3s
}

.career-form-agent__form-wrap .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05) !important
}

.career-form-agent__form-wrap .form-control::placeholder {
    color: #8f8f8f
}

.career-form-agent__form-wrap .form-control.wpcf7-not-valid {
    border: 1px solid #f04438
}

.career-form-agent__form-wrap .wpcf7-acceptance.not-valid,
.career-form-agent__form-wrap .wpcf7-not-valid-tip {
    position: relative;
    color: #f04438 !important
}

.career-form-agent__form-wrap .wpcf7-acceptance.not-valid .wpcf7-list-item-label {
    color: #f04438 !important
}

.career-form-agent__form-wrap .wpcf7-acceptance.not-valid::before,
.career-form-agent__form-wrap .wpcf7-not-valid-tip::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-form-error.html);
    pointer-events: none
}

.career-form-agent__form-wrap .wpcf7-not-valid-tip::before {
    top: -34px;
    right: 10px
}

.career-form-agent__form-wrap .wpcf7-acceptance.not-valid::before {
    top: 2px;
    right: 0
}

.career-form-agent__form-wrap input[type=email]:focus,
.career-form-agent__form-wrap input[type=tel]:focus,
.career-form-agent__form-wrap input[type=text]:focus,
.career-form-agent__form-wrap textarea:focus {
    border-color: #fd8f5e !important
}

.career-form-agent__form-wrap button {
    min-height: 48px;
    width: 100%;
    padding: 12px 15px;
    margin-top: 20px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    border-radius: 8px;
    outline: 0;
    transition: background .3s ease-in-out
}

.career-form-agent__form-wrap button:hover {
    background-position: 100% 0
}

.career-form-agent__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 50px 20px 20px;
    background: #fd8f5e;
    border-radius: 8px
}

.career-form-agent__info-photo {
    position: absolute;
    z-index: 0;
    left: -35px;
    bottom: 0;
    height: 100%;
    width: auto;
    pointer-events: none
}

.career-form-agent__info-photo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: left bottom
}

.career-form-agent__info-quote {
    position: relative;
    z-index: 1;
    max-width: 240px;
    margin-bottom: 0
}

.career-form-agent__info-quote::before {
    content: "";
    position: absolute;
    left: 0;
    top: -66px;
    width: 44px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-info-quote.html)
}

.career-form-agent__info-quote p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffffb2
}

.career-form-agent__info-phone {
    z-index: 1;
    margin-top: auto;
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.career-form-agent__info-phone>span {
    display: inline-block;
    color: inherit
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .career-form-agent__row {
        gap: 50px
    }

    .career-form-agent__col_form {
        flex: 0 0 45%
    }

    .career-form-agent__info-quote {
        max-width: 200px
    }
}

@media only screen and (max-width:990px) {
    .career-form-agent {
        margin-bottom: 150px;
        overflow: hidden
    }

    .career-form-agent__row {
        flex-wrap: wrap;
        gap: 0;
        overflow: unset
    }

    .career-form-agent__col_form,
    .career-form-agent__col_info {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-form-agent__info {
        min-height: 535px
    }

    .career-form-agent__info-photo {
        left: -10px
    }
}

@media only screen and (max-width:743px) {
    .career-form-agent {
        margin-bottom: 80px
    }

    .career-form-agent__row {
        overflow: hidden
    }

    .career-form-agent__col_info {
        padding-top: 40px;
        overflow: hidden;
        border-radius: 8px
    }

    .career-form-agent__title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px
    }

    .career-form-agent__form-wrap .form-group {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    .career-form-agent__form-wrap label,
    .career-form-agent__form-wrap label.filled {
        font-size: 12px !important
    }

    .career-form-agent__form-wrap div.checkbox .label,
    .career-form-agent__form-wrap div.checkbox label {
        font-size: 10px !important;
        line-height: 15px
    }

    .career-form-agent__form-wrap div.checkbox .wpcf7-list-item-label:after,
    .career-form-agent__form-wrap div.checkbox .wpcf7-list-item-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .career-form-agent__form-wrap .form-control {
        height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 24px
    }

    .career-form-agent__form-wrap button {
        min-height: 45px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px
    }

    .career-form-agent__form-wrap .wpcf7-not-valid-tip::before {
        top: -30px;
        right: 10px
    }

    .career-form-agent__form-wrap .wpcf7-acceptance.not-valid::before {
        top: -2px;
        right: 0
    }

    .career-form-agent__info {
        min-height: 510px;
        justify-content: flex-start;
        padding: 20px
    }

    .career-form-agent__info-photo {
        padding-top: 110px;
        left: -55px
    }

    .career-form-agent__info-photo img {
        width: auto;
        object-position: right bottom
    }

    .career-form-agent__info-quote {
        max-width: 145px
    }

    .career-form-agent__info-quote::before {
        top: -30px;
        width: 29px;
        height: 22px
    }

    .career-form-agent__info-quote p {
        font-size: 14px;
        line-height: 21px
    }

    .career-form-agent__info-phone {
        margin-top: 25px;
        min-width: 145px;
        font-size: 14px;
        line-height: 21px
    }
}

.career-advantages {
    padding: 0 !important;
    margin-bottom: 90px;
    color: #222
}

.career-advantages .container {
    padding-top: 0 !important
}

.career-advantages__body {
    position: relative
}

.career-advantages__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
    margin-bottom: 40px
}

.career-advantages__col_title {
    flex: 0 0 515px
}

.career-advantages__col_desc {
    flex-grow: 1
}

.career-advantages__title {
    font-size: 36px;
    line-height: 40px
}

.career-advantages__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.career-advantages__item {
    border-radius: 8px;
    padding: 50px 45px 25px;
    background: #fff;
    color: #222;
    border: 1px solid #e7e7e7
}

.career-advantages__item.dark {
    background: #fd8f5e;
    color: #fff;
    border-color: #fd8f5e
}

.career-advantages__item:nth-child(2) {
    grid-column: span 2
}

.career-advantages__item img {
    display: inline-block;
    width: 80px;
    height: 80px;
    object-fit: contain
}

.career-advantages__item.dark img {
    opacity: .7
}

.career-advantages__item-title {
    width: 100%;
    font-size: 30px;
    line-height: 33px;
    margin-top: 30px;
    margin-bottom: 10px
}

.career-advantages__item.dark .career-advantages__item-title {
    color: #fff
}

.career-advantages__item-desc {
    max-width: 510px;
    margin: 0 auto
}

.career-advantages__item.dark .career-advantages__item-desc p {
    color: #fff;
    opacity: .7
}

@media only screen and (max-width:990px) {
    .career-advantages {
        margin-bottom: 120px
    }

    .career-advantages__row {
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 50px
    }

    .career-advantages__col_desc,
    .career-advantages__col_title {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-advantages__items {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }

    .career-advantages__item {
        padding: 50px 15px 20px
    }

    .career-advantages__item:nth-child(2) {
        grid-column: span 1
    }

    .career-advantages__item:nth-child(3) {
        grid-column: span 2
    }
}

@media only screen and (max-width:743px) {
    .career-advantages {
        margin-bottom: 80px
    }

    .career-advantages__row {
        gap: 20px;
        margin-bottom: 35px
    }

    .career-advantages__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-advantages__items {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .career-advantages__item {
        grid-column: 1 !important;
        padding: 25px 10px 15px
    }

    .career-advantages__item img {
        width: 50px;
        height: 50px
    }

    .career-advantages__item-title {
        font-size: 20px;
        line-height: 22px;
        margin-top: 20px;
        margin-bottom: 5px
    }
}

.career-map {
    padding: 0 !important;
    margin-bottom: 120px;
    color: #222
}

.career-map .container {
    padding-top: 0 !important
}

.career-map__title-wrap {
    position: relative;
    max-width: 380px
}

.career-map__title {
    font-size: 36px;
    line-height: 40px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.career-map__body {
    overflow: hidden
}

.career-map__image-wrap {
    position: relative;
    width: 100%;
    height: 815px;
    display: flex;
    justify-content: center;
    align-items: center
}

.career-map__object {
    max-height: 100%
}

.career-map__object.pc {
    display: block
}

.career-map__object.mobile,
.career-map__object.tablet {
    display: none
}

.career-map__window {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 250px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s
}

.career-map__window.show {
    opacity: 1
}

.career-map__window-body {
    position: relative;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(64, 69, 70, .1);
    border-radius: 10px;
    padding: 15px
}

.career-map__window-body:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    height: 10px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-image: url(../images/career-map-window.html);
    transform: translateX(-50%)
}

.career-map__window-country {
    display: inline-block;
    border-radius: 30px;
    padding: 3px 12px;
    background: #e6f9ff;
    color: #323232;
    font-family: InterSemiBold, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.career-map__window-row {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.career-map__window-photo {
    flex: 0 0 60px
}

.career-map__window-photo img {
    width: 100%;
    height: 40px;
    object-fit: cover;
    border-radius: 5px
}

.career-map__window-caption {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #323232
}

@media only screen and (max-width:990px) {
    .career-map {
        margin-bottom: 100px
    }

    .career-map__image-wrap {
        height: 700px
    }

    .career-map__object.pc {
        display: none
    }

    .career-map__object.tablet {
        display: block
    }
}

@media only screen and (max-width:743px) {
    .career-map {
        margin-bottom: 80px
    }

    .career-map__title-wrap {
        max-width: 100%
    }

    .career-map__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-map__image-wrap {
        height: 380px;
        padding-top: 55px
    }

    .career-map__object.tablet {
        display: none
    }

    .career-map__object.mobile {
        display: block
    }

    .career-map__window {
        display: none
    }
}

.career-work {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-work .container {
    padding-top: 0 !important
}

.career-work__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 60px
}

.career-work__col_text {
    flex-basis: calc(100% - 490px - 55px)
}

.career-work__col_labels {
    flex: 0 0 490px
}

.career-work__title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px
}

.career-work__subtitle {
    font-family: InterBold, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 32px;
    color: #fd8f5e;
    margin-bottom: 15px
}

.career-work__btns {
    margin-top: 55px;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px
}

.career-work__btns.pc {
    display: flex
}

.career-work__btns.mobile {
    display: none
}

.career-work__btn-wrap {
    flex-basis: 50%
}

.career-work__btn {
    white-space: normal;
    width: 100%;
    height: 100%
}

.career-work__btn_vac {
    display: inline-block;
    min-height: 50px;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #fff;
    color: #fd8f5e;
    border: 1px solid #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    transition: background-color .5s, color .5s
}

.career-work__btn_vac:hover {
    background-color: #fd8f5e;
    color: #fff
}

@media only screen and (max-width:990px) {
    .career-work {
        margin-bottom: 120px
    }

    .career-work__row {
        gap: 50px
    }

    .career-work__col_labels,
    .career-work__col_text {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-work__btns {
        gap: 20px;
        margin-top: 30px
    }

    .career-work__btns.mobile {
        display: flex
    }

    .career-work__btns.pc {
        display: none
    }
}

@media only screen and (max-width:743px) {
    .career-work {
        margin-bottom: 80px
    }

    .career-work__row {
        gap: 40px
    }

    .career-work__title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px
    }

    .career-work__subtitle {
        font-size: 18px;
        line-height: 24px
    }

    .career-work__btns {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .career-work__btn-wrap {
        flex-basis: 100%
    }

    .career-work__btn_vac {
        padding: 13px 15px;
        font-size: 14px;
        line-height: 21px
    }
}

.career-awards {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-awards .container {
    padding-top: 0 !important
}

.career-awards__title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px
}

.career-awards__items {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 25px
}

.career-awards__item {
    position: relative;
    cursor: pointer;
    flex: 0 1 calc(25% - 18.75px);
    min-height: 260px;
    border-radius: 8px;
    background: #f7f7f5;
    padding: 20px 30px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@keyframes shrinkAndCenterAward {
    0% {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        transform-origin: center
    }

    100% {
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
        transform-origin: center
    }
}

@keyframes returnToOriginalSizeAward {
    0% {
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
        transform-origin: center
    }

    100% {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        transform-origin: center
    }
}

.career-awards__item img {
    position: absolute;
    z-index: 2;
    left: auto;
    top: 30px;
    width: 125px;
    height: 170px;
    object-fit: contain
}

.career-awards__item:hover img {
    animation: .5s ease-in-out forwards shrinkAndCenterAward
}

.career-awards__item:not(:hover) img {
    animation: .5s ease-in-out forwards returnToOriginalSizeAward
}

.career-awards__item-title-wrap {
    position: relative;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.career-awards__item-title-wrap:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/career-award-icon-hover.html);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background .2s ease-in-out
}

.career-awards__item:hover .career-awards__item-title-wrap:after {
    background-image: url(../images/career-award-icon.html)
}

.career-awards__item-title {
    max-width: 110px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #6d6e70;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    opacity: 0;
    transition: opacity .2s
}

.career-awards__item:hover .career-awards__item-title {
    opacity: 1
}

.career-awards__item-year {
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #6d6e70;
    text-align: center
}

@media only screen and (max-width:990px) {
    .career-awards {
        margin-bottom: 120px
    }

    .career-awards__items-wrap {
        margin: 0 -10px;
        overflow: hidden
    }

    .career-awards__items {
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 10px
    }

    .career-awards__item {
        flex: 0 0 260px
    }
}

@media only screen and (max-width:767px) {
    .career-awards__items-wrap {
        margin: 0 -20px
    }

    .career-awards__items {
        padding: 0 20px
    }
}

@media only screen and (max-width:743px) {
    .career-awards {
        margin-bottom: 80px
    }

    .career-awards__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-awards__items {
        gap: 10px
    }

    .career-awards__item {
        flex: 0 0 200px;
        min-height: 200px;
        padding: 3px 20px 15px
    }

    .career-awards__item-title {
        font-size: 10px;
        line-height: 12px;
        max-width: 100%;
        margin-bottom: 3px
    }

    .career-awards__item img {
        top: 25px;
        width: 110px;
        height: 115px
    }

    .career-awards__item-year {
        font-size: 10px;
        line-height: 12px
    }
}

@media only screen and (max-width:640px) {
    .career-awards__items-wrap {
        margin: 0 -10px
    }

    .career-awards__items {
        padding: 0 10px
    }
}

.career-life {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-life .container {
    padding-top: 0 !important
}

.career-life__title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 40px
}

.career-life__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.career-life__block {
    position: relative;
    z-index: 1;
    background: #e6f9ff;
    border-radius: 8px;
    overflow: hidden;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.career-life__block.block1 {
    min-height: 325px;
    background: #fd8f5e;
    color: #fff
}

.career-life__block.block1::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -20px;
    left: 15px;
    width: 205px;
    height: 205px;
    background-image: url(../images/career-life-mdi-cash-fast.html);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.career-life__block.block2 {
    min-height: 325px
}

.career-life__block.block3 {
    grid-row: span 2
}

.career-life__block.block4 {
    min-height: 205px
}

.career-life__block.block4::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    right: -50px;
    width: 100%;
    height: calc(100% - 15px);
    background-image: url(../images/career-life-healthicons-money-bag.html);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat
}

.career-life__block.block5 {
    min-height: 205px
}

.career-life__block.block6 {
    min-height: 300px
}

.career-life__block.block7 {
    min-height: 300px;
    background: #fd8f5e;
    color: #fff
}

.career-life__block.block7::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 10px;
    right: -80px;
    width: 100%;
    height: calc(100% - 15px);
    background-image: url(../images/career-life-solar-cup-star-bold.html);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat
}

.career-life__block.block8 {
    min-height: 300px
}

.career-life__block-top {
    width: 100%
}

.career-life__block.block8 .career-life__block-top {
    margin-bottom: 15px
}

.career-life__block-bottom {
    width: 100%;
    margin-top: auto
}

.career-life__block.block3 .career-life__block-bottom {
    margin-top: 300px
}

.career-life__block.block6 .career-life__block-bottom {
    margin-top: 0;
    margin-bottom: auto
}

.career-life__block-title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 0
}

.career-life__block.block6 .career-life__block-title {
    max-width: 60%
}

.career-life__block-subTitle {
    margin-top: 15px
}

.career-life__block.block6 .career-life__block-subTitle {
    max-width: 60%
}

.career-life__block.block7 .career-life__block-subTitle {
    margin-top: 0;
    color: #fff;
    opacity: .7
}

.career-life__block.block2 .career-life__block-btn {
    width: 100%;
    margin-top: 15px;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.career-life__block.block2 .career-life__block-btn:hover {
    background-position: 100% 0
}

.career-life__block.block2 .career-life__block-btn span {
    padding: 0
}

.career-life__block.block2 .career-life__block-btn span:after {
    display: none
}

.career-life__block-img {
    object-fit: contain
}

.career-life__block.block3 .career-life__block-img {
    position: absolute;
    z-index: -1;
    left: 25px;
    bottom: 0;
    width: auto;
    height: 310px
}

.career-life__block.block6 .career-life__block-img {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 15px;
    width: 40%;
    height: auto
}

.career-life__block.block8 .career-life__block-img {
    width: auto;
    height: 60px
}

@media only screen and (max-width:990px) {
    .career-life {
        margin-bottom: 120px
    }

    .career-life__blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px
    }

    .career-life__block {
        flex: 1 1 calc(50% - 10px)
    }

    .career-life__block.block1 {
        order: 1
    }

    .career-life__block.block2 {
        order: 2
    }

    .career-life__block.block4 {
        order: 3;
        min-height: 230px
    }

    .career-life__block.block5 {
        order: 4;
        min-height: 230px
    }

    .career-life__block.block3 {
        order: 5;
        flex: 0 1 100%;
        min-height: 200px;
        flex-direction: row
    }

    .career-life__block.block6 {
        order: 6
    }

    .career-life__block.block8 {
        order: 7
    }

    .career-life__block.block7 {
        order: 8;
        flex: 0 1 100%;
        min-height: 200px
    }

    .career-life__block.block7::before {
        right: 15px
    }

    .career-life__block.block3 .career-life__block-top {
        width: 50%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between
    }

    .career-life__block.block3 .career-life__block-bottom {
        width: 50%;
        margin-top: 0
    }

    .career-life__block.block3 .career-life__block-title {
        margin-bottom: auto
    }

    .career-life__block.block3 .career-life__block-img {
        left: auto;
        right: 0;
        width: auto;
        height: calc(100% - 20px);
        object-position: bottom right
    }
}

@media only screen and (max-width:743px) {
    .career-life {
        margin-bottom: 80px
    }

    .career-life__title {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 34px
    }

    .career-life__block {
        padding: 20px;
        flex: 0 1 100% !important;
        min-height: 190px !important
    }

    .career-life__block.block1 {
        order: 1
    }

    .career-life__block.block1::before {
        top: -10px;
        width: 130px;
        height: 130px
    }

    .career-life__block.block2 {
        order: 2
    }

    .career-life__block.block4 {
        order: 3
    }

    .career-life__block.block6 {
        order: 4
    }

    .career-life__block.block7 {
        order: 5
    }

    .career-life__block.block7::before {
        right: -60px
    }

    .career-life__block.block5 {
        order: 6
    }

    .career-life__block.block8 {
        order: 7
    }

    .career-life__block.block3 {
        order: 8;
        flex-direction: column;
        min-height: 220px !important
    }

    .career-life__block-title {
        font-size: 20px;
        line-height: 22px
    }

    .career-life__block.block3 .career-life__block-top {
        width: 100%;
        display: block
    }

    .career-life__block.block3 .career-life__block-bottom {
        width: 100%;
        margin-top: 100px
    }

    .career-life__block.block6 .career-life__block-bottom {
        margin-top: auto;
        margin-bottom: 0
    }

    .career-life__block.block3 .career-life__block-img {
        height: 110px
    }

    .career-life__block.block6 .career-life__block-img {
        width: 35%;
        height: calc(100% - 30px);
        bottom: 10px;
        object-position: bottom right
    }

    .career-life__block.block8 .career-life__block-img {
        height: 43px
    }
}

.career-team {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-team .container {
    padding-top: 0 !important
}

.career-team__title {
    font-size: 36px;
    line-height: 40px
}

.career-team__gallery {
    position: relative;
    display: grid;
    grid-template-areas: "a a b c" "a a d d" "e e h h" "f g h h";
    grid-gap: 20px;
    margin-top: 40px
}

.career-team__gallery-item {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.career-team__gallery-item:nth-child(1) {
    grid-area: a
}

.career-team__gallery-item:nth-child(2) {
    grid-area: b
}

.career-team__gallery-item:nth-child(3) {
    grid-area: c
}

.career-team__gallery-item:nth-child(4) {
    grid-area: d
}

.career-team__gallery-item:nth-child(5) {
    grid-area: e
}

.career-team__gallery-item:nth-child(6) {
    grid-area: f
}

.career-team__gallery-item:nth-child(7) {
    grid-area: g
}

.career-team__gallery-item:nth-child(8) {
    grid-area: h
}

.career-team__gallery-item::before {
    content: "";
    display: block;
    padding-top: 100%
}

.career-team__gallery-item:nth-child(4)::before,
.career-team__gallery-item:nth-child(5)::before {
    padding-top: 50%
}

.career-team__gallery-link {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%
}

.career-team__gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease-in-out
}

.career-team__gallery-link:hover .career-team__gallery-image {
    transform: scale(1.05)
}

@media only screen and (max-width:990px) {
    .career-team {
        margin-bottom: 120px
    }

    .career-team__gallery {
        margin-top: 30px;
        grid-gap: 10px
    }
}

@media only screen and (max-width:743px) {
    .career-team {
        margin-bottom: 80px
    }

    .career-team__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-team__gallery {
        margin-top: 20px;
        grid-template-areas: "a a" "b b" "c d" "e e" "f g" "h h"
    }

    .career-team__gallery-item:nth-child(2)::before {
        padding-top: 50%
    }

    .career-team__gallery-item:nth-child(4)::before,
    .career-team__gallery-item:nth-child(5)::before {
        padding-top: 100%
    }
}

.career-reviews {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-reviews .container {
    padding-top: 0 !important
}

.career-reviews__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 185px;
    margin-bottom: 50px
}

.career-reviews__col_title {
    flex: 0 0 385px
}

.career-reviews__col_desc {
    flex-grow: 1
}

.career-reviews__title {
    font-size: 36px;
    line-height: 40px
}

.career-reviews__items-wrap {
    position: relative;
    padding-top: 15px;
    margin-top: -15px;
    overflow: hidden
}

.career-reviews__item {
    height: 100%;
    padding: 70px 135px 65px 140px
}

.career-reviews__item-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    height: 100%
}

.career-reviews__item-col_image {
    flex: 0 0 100px
}

.career-reviews__item-col_text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%
}

.career-reviews__item-agentPhoto-wrap {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #e7f9ff;
    overflow: hidden
}

.career-reviews__item-agentPhoto-wrap img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 5px;
    width: 100%;
    height: auto;
    object-fit: contain
}

.career-reviews__item-agentQuote {
    position: relative;
    margin-bottom: 15px
}

.career-reviews__item-agentQuote::before {
    content: "";
    position: absolute;
    left: 0;
    top: -84px;
    width: 44px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-info-quote.html)
}

.career-reviews__item-agentQuote p {
    font-family: InterBold, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 32px;
    color: #fff
}

.career-reviews__item-agentInfo {
    margin-top: auto;
    opacity: .7;
    color: #fff
}

.career-reviews__item-agentInfo span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.career-reviews__item-agentInfo span.name {
    font-family: InterBold, sans-serif
}

.career-reviews__item-agentInfo span.position {
    font-family: Inter, sans-serif
}

.reviewsCareerCaroseul {
    background: #fd8f5e;
    border-radius: 8px
}

.reviewsCareerCaroseul .owl-stage-outer {
    overflow: unset
}

.reviewsCareerCaroseul .owl-stage {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.reviewsCareerCaroseul .owl-nav {
    position: absolute;
    z-index: 10;
    width: 85px;
    right: 30px;
    bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px
}

.reviewsCareerCaroseul .owl-next,
.reviewsCareerCaroseul .owl-prev {
    width: 40px;
    height: 40px;
    border: 1.5px solid #fff !important;
    border-radius: 50%;
    background: 0 0 !important;
    box-shadow: none;
    opacity: .5;
    transition: opacity .2s ease-out
}

.reviewsCareerCaroseul .owl-next:hover,
.reviewsCareerCaroseul .owl-prev:hover {
    opacity: 1
}

.reviewsCareerCaroseul .owl-next span,
.reviewsCareerCaroseul .owl-prev span {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.reviewsCareerCaroseul .owl-next span:before,
.reviewsCareerCaroseul .owl-prev span:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(65%, -50%);
    width: 7px;
    height: 12px;
    background-image: url(../icons/btn-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.reviewsCareerCaroseul .owl-prev span:before {
    transform: scale(-1, 1) translate(-35%, -50%)
}

@media only screen and (max-width:990px) {
    .career-reviews__row {
        flex-wrap: wrap;
        gap: 30px
    }

    .career-reviews__col_desc,
    .career-reviews__col_title {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-reviews__item {
        padding: 70px 25px 120px
    }

    .reviewsCareerCaroseul .owl-nav {
        right: auto;
        left: 165px;
        bottom: 40px
    }
}

@media only screen and (max-width:743px) {
    .career-reviews {
        margin-bottom: 80px
    }

    .career-reviews__row {
        gap: 20px;
        margin-bottom: 30px
    }

    .career-reviews__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-reviews__item {
        padding: 20px 20px 70px
    }

    .career-reviews__item-row {
        flex-direction: column;
        gap: 20px
    }

    .career-reviews__item-col_image {
        flex: 0 0 80px
    }

    .career-reviews__item-col_text {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-reviews__item-agentPhoto-wrap {
        height: 80px;
        width: 80px
    }

    .career-reviews__item-agentQuote::before {
        display: none
    }

    .career-reviews__item-agentQuote p {
        font-size: 20px;
        line-height: 26px
    }

    .career-reviews__item-agentInfo span {
        font-size: 14px;
        line-height: 21px
    }

    .reviewsCareerCaroseul .owl-nav {
        left: 20px;
        bottom: 20px;
        width: 65px
    }

    .reviewsCareerCaroseul .owl-next,
    .reviewsCareerCaroseul .owl-prev {
        width: 30px;
        height: 30px
    }
}

.career-form {
    padding: 0 !important;
    margin-bottom: 150px;
    color: #222
}

.career-form .container {
    padding-top: 0 !important
}

.career-form__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 65px;
    margin-bottom: 35px
}

.career-form__col_title {
    flex: 0 0 500px
}

.career-form__col_desc {
    flex-grow: 1
}

.career-form__title {
    font-size: 36px;
    line-height: 43px
}

.career-form__form-wrap form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.career-form__form-wrap .wpcf7 form .wpcf7-response-output {
    margin: 25px 0 0;
    width: 100%;
    order: 100
}

.career-form__form-wrap div.checkbox {
    width: 100%;
    margin-bottom: 0;
    order: 10
}

.career-form__form-wrap .form-group {
    margin-bottom: 20px
}

.career-form__form-wrap .form-group:nth-child(2),
.career-form__form-wrap .form-group:nth-child(3),
.career-form__form-wrap .form-group:nth-child(4),
.career-form__form-wrap .form-group:nth-child(5) {
    width: calc(25% - 15px)
}

.career-form__form-wrap label,
.career-form__form-wrap label.filled {
    font-family: InterMedium, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 0;
    color: #344054;
    transform: none
}

.career-form__form-wrap div.checkbox .label,
.career-form__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f
}

.career-form__form-wrap div.checkbox .label {
    margin-bottom: 10px
}

.career-form__form-wrap div.checkbox .label:last-child {
    margin-bottom: 0
}

.career-form__form-wrap div.checkbox .wpcf7-list-item-label {
    padding-left: 32px
}

.career-form__form-wrap div.checkbox .wpcf7-list-item-label:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px
}

.career-form__form-wrap div.checkbox .wpcf7-acceptance.not-valid .wpcf7-list-item-label:after {
    border-color: #f04438
}

.career-form__form-wrap div.checkbox input:checked+.wpcf7-list-item-label:after {
    border-color: #fd8f5e
}

.career-form__form-wrap div.checkbox .wpcf7-list-item-label:before {
    width: 10px;
    height: 20px;
    background: url(../icons/career-form-check.html) center/contain no-repeat;
    content: "";
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 2px;
    opacity: 0;
    transition: .3s
}

.career-form__form-wrap .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05) !important
}

.career-form__form-wrap .form-control::placeholder {
    color: #8f8f8f
}

.career-form__form-wrap .form-control.wpcf7-not-valid {
    border: 1px solid #f04438
}

.career-form__form-wrap .wpcf7-acceptance.not-valid,
.career-form__form-wrap .wpcf7-not-valid-tip {
    position: relative;
    color: #f04438 !important
}

.career-form__form-wrap .wpcf7-acceptance.not-valid .wpcf7-list-item-label {
    color: #f04438 !important
}

.career-form__form-wrap .wpcf7-acceptance.not-valid::before,
.career-form__form-wrap .wpcf7-not-valid-tip::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/career-form-error.html);
    pointer-events: none
}

.career-form__form-wrap .wpcf7-not-valid-tip::before {
    top: -34px;
    right: 10px
}

.career-form__form-wrap .wpcf7-acceptance.not-valid::before {
    top: 2px;
    right: 0
}

.career-form__form-wrap input[type=email]:focus,
.career-form__form-wrap input[type=tel]:focus,
.career-form__form-wrap input[type=text]:focus,
textarea:focus {
    border-color: #fd8f5e !important
}

.career-form__form-wrap .file-group .file_add_btn {
    height: 48px;
    padding: 0 28px
}

.career-form__form-wrap .file-group .file_add_btn span {
    min-height: 32px;
    padding-left: 40px;
    background-size: 32px auto;
    font-size: 10px;
    line-height: 13px
}

.career-form__form-wrap .file-group .file_name {
    bottom: -19px
}

.career-form__form-wrap button {
    min-height: 48px;
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 20px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    border-radius: 8px;
    outline: 0;
    transition: background .3s ease-in-out
}

.career-form__form-wrap button:hover {
    background-position: 100% 0
}

@media only screen and (max-width:990px) {
    .career-form__row {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 40px
    }

    .career-form__col_desc,
    .career-form__col_title {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-form__form-wrap .form-group:nth-child(2),
    .career-form__form-wrap .form-group:nth-child(3) {
        width: calc(50% - 15px)
    }

    .career-form__form-wrap .form-group:nth-child(4),
    .career-form__form-wrap .form-group:nth-child(5) {
        width: 100%
    }

    .career-form__form-wrap div.checkbox {
        order: unset
    }

    .career-form__form-wrap button {
        margin-top: 20px;
        margin-bottom: 0
    }

    .career-form__form-wrap .file-group .file_add_btn {
        height: 100px;
        padding: 0 35px
    }

    .career-form__form-wrap .file-group .file_add_btn span {
        min-height: 37px;
        padding-left: 47px;
        background-size: 37px auto;
        font-size: 14px;
        line-height: 18px
    }

    .career-form__form-wrap .file-group .file_name {
        bottom: 5px
    }
}

@media only screen and (max-width:743px) {
    .career-form {
        margin-bottom: 80px
    }

    .career-form__row {
        margin-bottom: 30px
    }

    .career-form__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-form__form-wrap .form-group {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    .career-form__form-wrap label,
    .career-form__form-wrap label.filled {
        font-size: 12px !important
    }

    .career-form__form-wrap div.checkbox .label,
    .career-form__form-wrap div.checkbox label {
        font-size: 10px !important;
        line-height: 15px
    }

    .career-form__form-wrap div.checkbox .wpcf7-list-item-label:after,
    .career-form__form-wrap div.checkbox .wpcf7-list-item-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .career-form__form-wrap .form-control {
        height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 24px
    }

    .career-form__form-wrap button {
        min-height: 45px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px
    }

    .career-form__form-wrap .wpcf7-not-valid-tip::before {
        top: -30px;
        right: 10px
    }

    .career-form__form-wrap .wpcf7-acceptance.not-valid::before {
        top: -2px;
        right: 0
    }

    .career-form__form-wrap .file-group .file_add_btn {
        height: 80px
    }

    .career-form__form-wrap .file-group .file_add_btn span {
        min-height: 32px;
        padding-left: 40px;
        background-size: 32px auto;
        font-size: 10px;
        line-height: 13px
    }

    .career-form__form-wrap .file-group .file_name {
        bottom: 5px
    }
}

.career-faq {
    padding: 0 !important;
    margin-bottom: 0;
    color: #222;
    width: 100%;
    overflow: hidden
}

.career-faq .container {
    padding-top: 0 !important
}

.career-faq__title {
    font-size: 36px;
    line-height: 43px
}

.career-faq__items {
    display: block;
    margin: 30px 0 0
}

.career-faq__items .Faq_item {
    border-bottom: 1px solid #e7e7e7
}

.career-faq__items .Faq_item:first-child {
    border-top: 1px solid #e7e7e7
}

.career-faq__items .Faq_item:last-child {
    border-bottom: 1px solid #e7e7e7
}

.career-faq__items .Faq_title {
    position: relative;
    cursor: pointer;
    padding: 25px 50px 25px 0;
    width: 100%
}

.career-faq__items .Faq_title:after,
.career-faq__items .Faq_title:before {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    width: 22px;
    height: 2px;
    background-color: #222;
    border-radius: 2px;
    transition: transform .4s, background-color .3s
}

.career-faq__items .Faq_title:before {
    transform: rotate(-90deg)
}

.career-faq__items .Faq_item.active .Faq_title:before {
    transform: rotate(0)
}

.career-faq__items .Faq_item.active .Faq_title:after,
.career-faq__items .Faq_title:hover:after,
.career-faq__items .Faq_title:hover:before {
    background-color: #fd8f5e
}

.career-faq__items .Faq_title-item {
    font-family: InterSemiBold, sans-serif;
    font-size: 25px;
    line-height: 32px;
    color: #222;
    transition: color .2s
}

.career-faq__items .Faq_title:hover .Faq_title-item {
    color: #fd8f5e
}

.career-faq__items .Faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s, margin .4s
}

.career-faq__items .Faq_item.active .Faq_answer {
    max-height: 1000px;
    margin-top: -10px
}

.career-faq__items .Faq_answer-item {
    padding-bottom: 25px
}

.career-faq__items .Faq_answer-item p {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #222;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .career-faq__items .Faq_title {
        padding: 20px 40px 20px 0
    }

    .career-faq__items .Faq_title:after,
    .career-faq__items .Faq_title:before {
        width: 18px
    }

    .career-faq__items .Faq_title-item {
        font-size: 20px;
        line-height: 26px
    }

    .career-faq__items .Faq_answer-item {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:743px) {
    .career-faq__title {
        font-size: 28px;
        line-height: 34px
    }

    .career-faq__items .Faq_title-item {
        font-size: 18px
    }

    .career-faq__items .Faq_answer-item p {
        font-size: 14px
    }
}

.career-modal__dialog {
    position: relative;
    width: auto;
    max-width: 740px !important;
    height: calc(100vh - 3.5rem);
    min-height: calc(100% - 3.5rem);
    margin: .5rem auto !important;
    pointer-events: none;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.career-modal__dialog::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.career-modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 !important;
    border-radius: 8px;
    outline: 0
}

.career-modal__btn-close {
    position: absolute;
    top: 0;
    right: -60px;
    width: auto;
    height: auto;
    padding: 1rem !important;
    margin: -1rem -1rem -1rem auto !important;
    background-color: transparent;
    border: 0;
    opacity: 1 !important;
    appearance: none
}

.career-modal__btn-close img {
    width: 30px;
    height: 30px;
    object-fit: contain
}

.career-modal__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    border-radius: 8px
}

.career-modal__col_form {
    flex: 0 1 64%;
    padding: 30px 40px 30px 30px
}

.career-modal__col_info {
    flex: 0 1 36%
}

.career-modal__title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: left
}

.career-modal__form-wrap .wpcf7 form .wpcf7-response-output {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    z-index: 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.career-modal__form-wrap .file-group .file_add_btn {
    padding: 0 45px 0 70px
}

.career-modal__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    height: 100%;
    padding: 35px 20px 20px;
    background-image: url(../images/career-popup-agent-bg.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top
}

.career-modal__info-photo {
    position: absolute;
    left: -20px;
    bottom: 0;
    height: 100%;
    width: auto;
    pointer-events: none;
    padding-top: 95px
}

.career-modal__info-photo img {
    height: 100%;
    width: auto;
    object-fit: contain;
    object-position: left bottom
}

.career-modal__info-phone {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.career-modal__info-phone>span {
    display: inline-block;
    color: inherit
}

.career-modal__info-quote {
    display: none
}

@media only screen and (max-width:990px) {
    .career-modal__dialog {
        max-width: 620px !important;
        margin: 1.75rem auto !important
    }

    .career-modal__row {
        flex-wrap: wrap
    }

    .career-modal__col_form,
    .career-modal__col_info {
        flex: 0 1 100%;
        max-width: 100%
    }

    .career-modal__col_form {
        padding: 30px 30px 20px
    }

    .career-modal__title {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 30px
    }

    .career-modal__info {
        justify-content: space-between;
        min-height: 320px;
        padding: 65px 30px 30px;
        background: 0 0
    }

    .career-modal__info-phone {
        order: 10;
        color: #fd8f5e;
        margin-top: 10px
    }

    .career-modal__info-photo {
        left: 10px;
        top: 0;
        padding-top: 0
    }

    .career-modal__info-photo img {
        min-width: 335px;
        object-fit: cover;
        object-position: left top
    }

    .career-modal__info-quote {
        display: block;
        position: relative;
        max-width: 240px;
        margin-bottom: 0;
        text-align: left
    }

    .career-modal__info-quote::before {
        content: "";
        position: absolute;
        left: 0;
        top: -46px;
        width: 35px;
        height: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../icons/career-info-quote.html)
    }

    .career-modal__info-quote p {
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #6d6e70
    }
}

@media only screen and (max-width:743px) {
    .career-modal__dialog {
        max-width: 100% !important;
        margin: 0 auto !important;
        height: 100%;
        min-height: 100%
    }

    .career-modal__content {
        height: 100%;
        border-radius: 0
    }

    .career-modal__btn-close {
        top: 15px;
        right: 15px
    }

    .career-modal__btn-close img {
        width: 25px;
        height: 25px;
        filter: brightness(.5)
    }

    .career-modal__row {
        overflow: unset;
        background: #fff;
        border-radius: unset
    }

    .career-modal__col_form {
        padding: 40px 25px 20px
    }

    .career-modal__col_info {
        display: none
    }

    .career-modal__title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px
    }

    .career-modal__form-wrap .wpcf7 form .wpcf7-response-output {
        position: static;
        border-radius: unset
    }
}

body.page-template-template-contact {
    overflow-x: hidden
}

body.page-template-template-contact .projectHeading h2,
body.page-template-template-contact .projectHeading h3,
body.page-template-template-contact .projectHeading h4 {
    font-family: InterBold, sans-serif;
    line-height: 110%
}

body.page-template-template-contact .projectHeading h2 {
    font-size: 36px
}

body.page-template-template-contact .projectHeading h3,
body.page-template-template-contact .projectHeading h4 {
    font-size: 32px
}

.featureProjects.contact-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.contact-nav__container {
    padding-top: 0 !important
}

.contact-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contact-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.contact-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.contact-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.contact-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.contact-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.contact-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.contact-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.contact-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.contact-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.contact-nav__back:hover {
    color: #fd8f5e
}

.contact-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    body.page-template-template-contact .projectHeading h2 {
        font-size: 28px
    }

    body.page-template-template-contact .gallerySlider {
        margin-top: 20px
    }

    .featureProjects.contact-nav {
        padding: 15px 0 !important
    }

    .contact-nav__body {
        display: block
    }

    .contact-nav__back {
        display: none
    }

    .contact-nav__breadcrumbs {
        padding: 0
    }
}

.contact-head {
    padding-top: 0 !important;
    color: #222
}

.contact-head>.container:first-child {
    padding-top: 0 !important
}

.contact-head__header {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 20px
}

.locationMap {
    display: block;
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
    border-radius: 8px
}

.locationMap iframe {
    width: 100%;
    height: 480px;
    border: none;
    overflow: hidden;
    margin: 0
}

.mapouter {
    position: relative;
    text-align: right;
    height: 480px;
    width: 100%
}

.gmap_canvas {
    overflow: hidden;
    background: 0 0 !important;
    height: 480px;
    width: 100%
}

.contactUsBg {
    display: none
}

@media only screen and (max-width:767px) {
    .contact-head__header {
        font-size: 32px
    }

    .locationMap {
        margin-bottom: 20px
    }

    .gmap_canvas,
    .locationMap iframe,
    .mapouter {
        height: 440px
    }
}

.cf__row {
    position: relative;
    display: flex;
    border-radius: 8px;
    overflow: hidden
}

.cf__col {
    width: 50%;
    padding: 40px
}

.cf__col--basic {
    background: #fd8f5e
}

.cf__col--form {
    background: #fd8f5e
}

.cf__contact-pre {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 50px
}

.cf__col--basic a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.cf__col--basic a:hover {
    text-decoration: underline;
    color: #fff
}

.cf__col--basic ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.cf__col--basic li {
    position: relative;
    margin-bottom: 40px
}

.cf__col--basic li:after {
    position: absolute;
    bottom: -20px;
    left: 30px;
    content: '';
    width: 440px;
    height: 1px;
    background: #fd8f5e;
    opacity: .4
}

.cf__col--basic li:last-child {
    margin-bottom: 0
}

.cf__col--basic li:last-child:after {
    display: none
}

.cf__contact-entry {
    display: inline-flex;
    align-items: flex-start
}

.cf__contact-entry+.cf__contact-entry {
    margin-left: 35px
}

.cf__contact-entry-icon {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-top: 4px;
    margin-right: 10px
}

.cf__contact-entry-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.cf__contact-entry-icon+span,
.cf__contact-entry-listing {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #fff
}

.cf__contact-entry-listing br {
    display: none
}

.cf__section-heading {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    text-align: left;
    margin-bottom: 25px
}

.cf__col--form form {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-family: Inter, sans-serif
}

.cf__col--form div.wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.cf__col--form .wpcf7-list-item-label {
    color: #fff
}

.cf__col--form .field {
    position: relative;
    margin-bottom: 10px;
    padding: 0
}

.cf__col--form .field:nth-child(2) {
    width: calc(50% - 5px);
    margin-right: 5px
}

.cf__col--form .field:nth-child(3) {
    width: calc(50% - 5px);
    margin-left: 5px
}

.cf__col--form .field:nth-child(4),
.cf__col--form .field:nth-child(5) {
    width: 100%
}

.cf__col--form .field label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb;
    background: 0 0 !important
}

.cf__col--form .field label.filled {
    background: #fd8f5e !important;
    color: #fff !important;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.cf__col--form .field input,
.cf__col--form .field textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    background: #fff !important;
    border: 0;
    border-radius: 4px
}

.cf__col--form .field input {
    height: 40px
}

.cf__col--form .field textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.cf__col--form .checkbox-wrap {
    padding-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px
}

.cf__col--form .checkbox {
    padding: 0;
    margin: 0
}

.cf__col--form div.checkbox .label,
.cf__col--form div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px
}

.cf__col--form button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 0 auto;
    min-height: 40px;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s;
    min-width: 180px
}

.cf__col--form button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media(max-width:1024px) {
    .cf__col--form .checkbox-wrap {
        flex-wrap: wrap
    }
}

@media(max-width:990px) {
    .cf__contact-entry+.cf__contact-entry {
        margin-left: 10px
    }

    .cf__col--form .field {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media(max-width:767px) {
    .cf__row {
        flex-wrap: wrap
    }

    .cf__col {
        width: 100%;
        padding: 30px
    }

    .cf__contact-pre {
        margin-bottom: 30px
    }

    .cf__col--basic li:after {
        width: 250px
    }

    .cf__contact-entry+.cf__contact-entry {
        margin: 5px 0 0
    }

    .cf__col--form .checkbox-wrap {
        padding: 0;
        flex-direction: column
    }

    .cf__col--form button[type=submit] {
        width: auto;
        margin: 0
    }
}

@media(max-width:430px) {
    .cf__col--form button[type=submit] {
        width: 100%
    }

    .cf__col {
        width: 100%;
        padding: 30px 15px
    }
}

.featureProjects.about-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.about-nav__container {
    padding-top: 0 !important
}

.about-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.about-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.about-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.about-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.about-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.about-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.about-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.about-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.about-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.about-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.about-nav__back:hover {
    color: #fd8f5e
}

.about-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.about-nav {
        padding: 15px 0 !important
    }

    .about-nav__body {
        display: block
    }

    .about-nav__back {
        display: none
    }

    .about-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.about-head {
    position: relative;
    color: #222;
    margin-bottom: 50px
}

.about-head .container {
    padding-top: 0 !important
}

.about-head__row {
    display: flex;
    justify-content: space-between;
    gap: 45px
}

.about-head__col_text {
    flex: 0 1 35%
}

.about-head__col_img {
    flex: 0 1 65%
}

.about-head__header {
    position: relative;
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 54px;
    line-height: 100%;
    margin-bottom: 20px;
    padding-bottom: 50px;
    text-transform: lowercase
}

.about-head__header::first-letter {
    text-transform: capitalize
}

.about-head__header:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: #fd8f5e
}

.about-head__aboutText1 {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px
}

.about-head__aboutText2 {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 150%
}

.about-head__col_text p:last-child {
    margin-bottom: 0
}

.about-head__img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: right;
    border-radius: 8px
}

@media(max-width:767px) {
    .featureProjects.about-head {
        padding: 0 !important;
        margin-bottom: 30px
    }

    .about-head__row {
        flex-wrap: wrap;
        gap: 30px
    }

    .about-head__col {
        flex: 0 1 100% !important
    }

    .about-head__header {
        font-size: 38px;
        margin-bottom: 10px;
        padding-bottom: 30px
    }

    .about-head__img {
        height: 350px
    }
}

@media(max-width:640px) {
    .about-head__img {
        height: 220px
    }
}

.featureProjects.about-video {
    position: relative;
    padding: 90px 0 80px;
    margin-bottom: 70px;
    overflow: hidden;
    color: #222;
    background: #fd8f5e
}

.about-video .container {
    padding-top: 0 !important
}

.about-video__header {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 30px
}

.about-video__desc {
    margin-bottom: 50px
}

.about-video__desc p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 1rem
}

.about-video__desc p:first-child {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative
}

.about-video__desc p:first-child:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -17px;
    height: 1px;
    width: 2000px;
    opacity: .1;
    background: #222
}

.about-video__desc p:last-child {
    margin-bottom: 0
}

.about-video .vSection {
    margin: 0 auto;
    max-width: 100%
}

.about-video .youtubePlay .play {
    width: 50px;
    height: 50px
}

@media(max-width:767px) {
    .featureProjects.about-video {
        padding: 50px 0 35px !important;
        margin-bottom: 50px
    }

    .about-video__header {
        font-size: 28px;
        margin-bottom: 20px
    }

    .about-video__desc {
        margin-bottom: 30px
    }

    .about-video__desc p:first-child {
        font-size: 20px
    }

    .about-video__desc p:first-child:after {
        display: none
    }
}

.featureProjects.about-reviews {
    position: relative;
    color: #222;
    margin-bottom: 70px
}

.about-reviews .container {
    padding-top: 0 !important
}

@media(max-width:767px) {
    .featureProjects.about-reviews {
        padding: 0 !important;
        margin-bottom: 50px
    }
}

.featureProjects.about-slider {
    position: relative;
    color: #222;
    margin-bottom: 90px
}

.about-slider .container {
    padding-top: 0 !important
}

.about-slider__header {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 0
}

@media(max-width:767px) {
    .featureProjects.about-slider {
        padding: 0 !important;
        margin-bottom: 50px
    }

    .about-slider__header {
        font-size: 32px
    }
}

.featureProjects.about-metro {
    position: relative;
    color: #222;
    margin-bottom: 90px;
    overflow: hidden
}

.about-metro .container {
    padding-top: 0 !important
}

.about-metro__headers {
    margin-bottom: 50px
}

.about-metro__header {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 15px
}

.about-metro__sub-header {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%
}

.about-metro__companys {
    display: block;
    margin-left: 18px;
    padding-left: 74px;
    border-left: 2px solid #d2f4ff
}

.company {
    display: block;
    position: relative;
    padding-bottom: 55px
}

.company.last {
    padding-bottom: 0
}

.company__row {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.company.last .company__row:after {
    content: '';
    position: absolute;
    left: -100%;
    top: -10px;
    width: 100%;
    height: calc(100% + 10px);
    background: #fff
}

.company__col {
    position: relative;
    width: 100%
}

.company__col_about {
    flex: 0 0 75%;
    max-width: 75%
}

.company__col_logo {
    flex: 0 0 25%;
    max-width: 25%
}

.company__img-bullet {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -105px;
    top: -16px;
    background-color: #fff;
    border-radius: 50%;
    border: 10px solid #fff
}

.company__name {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fd8f5e;
    margin-bottom: 15px
}

.company__about {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    padding-right: 115px
}

.company__about:last-child {
    margin-bottom: 0
}

.company__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    margin-top: -20px;
    background: #fff;
    border-top: 3px solid #02b2ee;
    width: 100%;
    transition: transform .3s, box-shadow .4s
}

.company__logo.link:hover {
    box-shadow: 0 8px 21px rgba(178, 178, 178, .25);
    transform: translateY(-7px)
}

.company__logo a {
    display: block;
    height: 100%
}

.company__logo img {
    width: 100%;
    max-width: 200px;
    vertical-align: middle
}

@media(max-width:767px) {
    .featureProjects.about-metro {
        padding: 0 !important;
        margin-bottom: 50px
    }

    .about-metro__header {
        font-size: 28px
    }

    .about-metro__companys {
        margin-left: 12px;
        padding-left: 27px
    }

    .company {
        padding-bottom: 30px
    }

    .company__col {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .company__img-bullet {
        width: 34px;
        height: 34px;
        left: -45px;
        top: -3px;
        border: 5px solid #fff
    }

    .company__name {
        margin-bottom: 10px
    }

    .company__about {
        padding-right: 0
    }

    .company__logo {
        justify-content: flex-start;
        margin-top: 25px;
        padding: 20px 0;
        border-top: 2px solid #02b2ee
    }

    .company__logo.link:hover {
        box-shadow: none;
        transform: translateY(0)
    }

    .company__logo a {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .page-template-template-promo .body-mpp {
        padding-top: 57px !important
    }

    .page-template-template-promo .pageHeader:not(body) {
        padding: 5px 0 !important
    }
}

.featureProjects.promo {
    background-image: url(../images/dotbg2.png);
    background-position: left -70px center;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    overflow: hidden
}

.promo-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promo-col.form {
    order: 1;
    flex: 0 0 40%
}

.promo-col.image,
.promo-col.video {
    order: 2;
    position: relative;
    flex: 0 0 55%;
    height: 450px
}

.promo-col.image:after,
.promo-col.video:after {
    width: 120%;
    height: 100%;
    background: #eee;
    border-radius: 20px;
    content: "";
    position: absolute;
    top: 0;
    left: 100px;
    z-index: 1
}

.promo .projectHeading {
    font-family: GothamProBold;
    padding-bottom: 30px
}

.promo .projectHeading .sub-header {
    font-size: 21px;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 0
}

.promo .footerForm {
    padding: 0;
    max-width: 360px
}

.promo .wpcf7 form .wpcf7-response-output {
    margin: 15px 0 0
}

.play-video {
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: block;
    z-index: 2;
    margin-top: 40px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15)
}

.video-poster {
    width: 100%;
    height: 370px;
    position: relative;
    background-size: cover;
    background-position: center
}

.video-poster .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.video-poster .play path {
    transition: .5s
}

.video-poster:hover .play .circle {
    fill: #02b2ee !important
}

.video-poster:hover .play .btn {
    fill: #fff !important
}

.img-poster {
    margin-top: 40px;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 370px;
    object-fit: cover;
    object-position: center
}

@media only screen and (max-width:1440px) {
    .featureProjects.promo {
        background: 0 0
    }
}

@media only screen and (max-width:980px) {
    .promo-wrp {
        display: block
    }

    .promo-col.form,
    .promo-col.image,
    .promo-col.video {
        max-width: 520px;
        margin: 40px auto 0
    }

    .promo-col.image,
    .promo-col.video {
        padding: 40px 0;
        height: auto
    }

    .promo .projectHeading.left,
    .promo .projectHeading.left h1 {
        text-align: center
    }

    .promo .footerForm {
        margin: 0 auto
    }

    .img-poster,
    .play-video {
        margin-top: 0
    }

    .img-poster,
    .video-poster {
        height: 320px
    }
}

.promo-lists {
    padding: 0 0 80px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0
}

.promo-lists-item {
    text-align: center;
    padding: 40px;
    border-right: 1px solid #eee;
    flex-grow: 1
}

.promo-lists-item:last-child {
    border: none !important
}

.promo-lists-item p {
    margin: 0
}

.promo-lists-item_head {
    font-family: GothamProBold;
    font-size: 80px;
    color: #02b2ee;
    line-height: 1;
    padding-bottom: 15px
}

.promo-lists-item_subhead {
    color: #333;
    font-size: 21px;
    font-family: GothamProBold;
    line-height: 1.3
}

@media only screen and (max-width:980px) {
    .promo-lists-item_head {
        font-size: 60px
    }

    .promo-lists-item_subhead {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {

    .promo-col.image,
    .promo-col.video {
        padding: 20px 0;
        margin-top: 10px
    }

    .promo-col.form {
        margin-top: 20px
    }

    .promo .projectHeading {
        padding-bottom: 15px
    }

    .promo .projectHeading h1 {
        font-size: 1.4rem;
        margin-bottom: 0
    }

    .promo .projectHeading .middleSlash {
        display: none !important
    }

    .promo .projectHeading .sub-header {
        font-size: 18px;
        font-family: GothamPro
    }

    .promo .form-group {
        margin-bottom: 0
    }

    .promo .checkbox {
        margin-top: 1rem
    }

    .img-poster,
    .video-poster {
        height: 170px
    }

    .video-poster .play {
        width: 60px
    }

    .promo-lists-item_head {
        font-size: 50px
    }

    .promo-lists-item_subhead {
        font-size: 16px
    }

    .promo-lists {
        display: block
    }

    .promo-lists-item {
        border-right: none;
        padding: 30px;
        border-bottom: 1px solid #eee
    }
}

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
    opacity: 0;
    background: rgba(50, 50, 50, .5)
}

.video-popup.open {
    display: flex
}

.video-popup video {
    width: 80%;
    max-width: 1600px;
    background: #333;
    max-height: 90%;
    height: auto;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .2)
}

.video-popup-close {
    width: 50px;
    height: 50px;
    background: #000;
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    transition: background .5s;
    z-index: 10
}

.video-popup-close:after,
.video-popup-close:before {
    display: block;
    height: 16px;
    width: 16px;
    content: "";
    position: absolute
}

.video-popup-close:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    right: 7px;
    top: 16px
}

.video-popup-close:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    left: 7px;
    top: 16px
}

.video-popup-close:hover {
    background: #02b2ee
}

@media only screen and (max-width:980px) {
    .video-popup video {
        width: 90%
    }
}

.featureProjects.promo-objectsNav {
    background: #fff;
    padding: 15px 0
}

.promo-objects__nav-container {
    padding-top: 0 !important
}

.promo-objects__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promo-objects__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.promo-objects__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.promo-objects__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.promo-objects__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.promo-objects__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.promo-objects__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.promo-objects__nav-breadcrumbs .breadcrumbs__current {
    color: #222
}

.promo-objects__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.promo-objects__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.promo-objects__nav-back:hover {
    color: #fd8f5e
}

.promo-objects__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .video-popup video {
        width: 100%
    }

    .promo-objects__nav {
        display: block
    }

    .promo-objects__nav-back {
        display: none
    }

    .promo-objects__nav-breadcrumbs {
        padding: 0
    }
}

.promo-objects-header {
    position: relative;
    margin-bottom: 40px
}

.promo-objects-header__body {
    position: relative;
    z-index: 3;
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/developers-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.promo-objects-header__body:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .1) 100%);
    border-radius: 8px
}

.promo-objects-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 0
}

.featureProjects.promo-objects-listing {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 14.5px;
    max-width: 1220px
}

@media(max-width:767px) {
    .promo-objects-header {
        margin-bottom: 20px
    }

    .promo-objects-header__body {
        padding: 20px
    }

    .promo-objects-header__title {
        font-size: 28px
    }

    .featureProjects.promo-objects-listing {
        max-width: 360px;
        padding: 0 5px
    }
}

.featureProjects.promo-projectsNav {
    background: #fff;
    padding: 15px 0
}

.promo-projects__nav-container {
    padding-top: 0 !important
}

.promo-projects__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promo-projects__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.promo-projects__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.promo-projects__nav-breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.promo-projects__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.promo-projects__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.promo-projects__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.promo-projects__nav-breadcrumbs .breadcrumbs__current {
    color: #222
}

.promo-projects__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.promo-projects__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.promo-projects__nav-back:hover {
    color: #fd8f5e
}

.promo-projects__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .promo-projects__nav {
        display: block
    }

    .promo-projects__nav-back {
        display: none
    }

    .promo-projects__nav-breadcrumbs {
        padding: 0
    }
}

.promo-projects-header {
    position: relative;
    margin-bottom: 100px
}

.promo-projects-header__body {
    position: relative;
    z-index: 3;
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/developers-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.promo-projects-header__body:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .1) 100%);
    border-radius: 8px
}

.promo-projects-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 0
}

@media(max-width:767px) {
    .promo-projects-header {
        margin-bottom: 50px
    }

    .promo-projects-header__body {
        padding: 20px
    }

    .promo-projects-header__title {
        font-size: 28px
    }
}

#error-404 {
    min-height: calc(100vh - 77px);
    background-image: url(../images/404-error.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.error-404 {
    text-align: center
}

.error-404 .page-title {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 72px;
    color: #fff;
    margin-bottom: 70px;
    margin-top: 100px
}

.error-404 .page-desc {
    font-family: GothamPro, sans-serif;
    font-size: 21px;
    color: #fff
}

.error-back-home {
    color: #fff;
    text-decoration: none;
    font-family: GothamProBold, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    position: relative;
    margin-top: 40px
}

.error-back-home:after {
    position: absolute;
    content: "";
    background-color: #02b2ee;
    right: 0;
    bottom: 2px;
    height: 1px;
    width: 100%;
    max-width: 0;
    transition: max-width .3s ease-in-out
}

.error-back-home:before {
    position: absolute;
    width: 14px;
    height: 14px;
    left: -20px;
    top: -1px;
    background-image: url(../images/home.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    content: ""
}

.error-back-home:hover {
    text-decoration: none;
    color: #fff
}

.error-back-home:hover:after {
    left: 0;
    right: auto;
    max-width: 100%
}

.error-link {
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin: 15px 5px 0;
    height: 46px;
    min-width: 200px;
    line-height: 48px;
    text-decoration: none;
    text-transform: uppercase;
    background: #02b2ee;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    box-sizing: border-box
}

.error-link:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:900px) {
    .error-404 .page-title {
        font-size: 56px
    }
}

@media only screen and (max-width:767px) {
    .error-404 .page-title {
        font-size: 36px;
        line-height: 1.2;
        margin: 0 0 30px
    }

    .error-404 .page-desc {
        font-size: 18px;
        line-height: 1.3
    }

    .error-link {
        clear: both;
        display: inline-block
    }

    .page-content {
        padding: 0 30px
    }
}

.featureProjects.awards-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.awards-nav__container {
    padding-top: 0 !important
}

.awards-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.awards-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.awards-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.awards-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.awards-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.awards-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.awards-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.awards-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.awards-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.awards-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.awards-nav__back:hover {
    color: #fd8f5e
}

.awards-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.awards-nav {
        padding: 15px 0 !important
    }

    .awards-nav__body {
        display: block
    }

    .awards-nav__back {
        display: none
    }

    .awards-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.awards-head {
    position: relative;
    color: #222;
    padding: 0 !important;
    margin-bottom: 70px
}

.awards-head .container {
    padding-top: 0 !important
}

.awards-head__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.awards-head__col-content {
    flex: 0 0 500px;
    padding: 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    flex-direction: column
}

.awards-head__col-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.awards-head__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 25px
}

.awards-head__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 0
}

.awards-head__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width:1024px) {
    .awards-head__col {
        width: 50%;
        flex: 0 1 50%
    }

    .awards-head__col-content {
        padding: 25px
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.awards-head {
        margin-bottom: 50px
    }

    .awards-head__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .awards-head__col {
        width: 100%;
        flex: 0 1 100%
    }

    .awards-head__col-img {
        order: -1
    }

    .awards-head__image {
        min-height: 260px;
        max-height: 50vh
    }

    .awards-head__col-content {
        padding: 20px
    }

    .awards-head__title {
        font-size: 32px;
        margin-bottom: 15px
    }
}

.featureProjects.awards-sec {
    position: relative;
    color: #222;
    padding: 0 !important;
    margin-bottom: 70px
}

.awards-sec .container {
    padding-top: 0 !important
}

.awards-sec__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 30px
}

.awards-sec__row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px
}

.awards-sec__col {
    padding: 10px;
    width: 25%
}

.awards-sec__card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 20px
}

.awards-sec__card-awardribben {
    width: 36px;
    height: 36px;
    object-fit: contain;
    margin-bottom: 10px
}

.awards-sec__card-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #222;
    text-align: center;
    margin-bottom: 20px
}

.awards-sec__card-image {
    width: 130px;
    height: 130px;
    margin-bottom: 5px
}

.awards-sec__card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.awards-sec__card-dev {
    width: 70px;
    height: 50px
}

.awards-sec__card-dev img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.property__btn.load-more.awards-sec__load-more {
    border: none;
    border-radius: 8px;
    outline: 0;
    margin: 50px auto 0;
    padding: 8px 24px;
    line-height: 150%;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff !important;
    text-align: center;
    display: block;
    width: auto;
    height: auto;
    max-width: fit-content;
    font-family: Inter, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none !important
}

.property__btn.load-more.awards-sec__load-more:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none !important
}

@media only screen and (max-width:900px) {
    .awards-sec__col {
        width: 33.3333%
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.awards-sec {
        margin-bottom: 50px
    }

    .awards-sec__title {
        font-size: 28px
    }

    .awards-sec__row {
        margin: -5px
    }

    .awards-sec__col {
        width: 50%;
        padding: 5px
    }

    .awards-sec__card-title {
        margin-bottom: 10px
    }

    .awards-sec__card-image {
        width: 100%
    }

    .property__btn.load-more.awards-sec__load-more {
        max-width: 100%
    }
}

.featureProjects.awards-about {
    position: relative;
    background: #fd8f5e;
    color: #222;
    padding: 70px 0 !important;
    margin-bottom: 70px
}

.awards-about .container {
    padding-top: 0 !important
}

.awards-about__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px
}

.awards-about__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 0
}

.awards-about__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 70px
}

.awards-about__col:first-child {
    flex: 0 0 500px
}

.awards-about__col:last-child {
    flex-grow: 1
}

.awards-about__video-wrap .vSection {
    margin: 0
}

@media only screen and (max-width:767px) {
    .featureProjects.awards-about {
        margin-bottom: 50px;
        padding: 50px 0 !important
    }

    .awards-about__row {
        flex-wrap: wrap;
        gap: 20px
    }

    .awards-about__col {
        flex: 0 1 100% !important
    }
}

.featureProjects.awards-slider {
    position: relative;
    color: #222;
    padding: 0 !important;
    margin-bottom: 90px
}

.awards-slider .container {
    padding-top: 0 !important
}

.awards-slider__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 20px
}

.awards-slider__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 20px
}

.awards-slider .gallerySlider .gallerySlider__item span {
    display: inline-block;
    width: 100%;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #222 !important;
    padding-top: 5px
}

@media only screen and (max-width:767px) {
    .featureProjects.awards-slider {
        margin-bottom: 50px
    }

    .awards-slider__title {
        font-size: 32px;
        margin-bottom: 15px
    }

    .awards-slider__desc {
        margin-bottom: 0
    }

    .awards-slider .gallerySlider .gallerySlider__item span {
        font-size: 12px
    }
}

.featureProjects.sell-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.sell-nav__container {
    padding-top: 0 !important
}

.sell-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sell-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.sell-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.sell-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.sell-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.sell-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.sell-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.sell-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.sell-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.sell-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.sell-nav__back:hover {
    color: #fd8f5e
}

.sell-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.sell-nav {
        padding: 15px 0 !important
    }

    .sell-nav__body {
        display: block
    }

    .sell-nav__back {
        display: none
    }

    .sell-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.sell-header {
    font-family: Inter, sans-serif;
    padding: 0 !important
}

.container.sell-header__container {
    padding-top: 0 !important
}

.sell-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.sell-header__col-content {
    flex: 0 0 500px;
    padding: 70px 50px 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.sell-header__col-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.sell-header__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.sell-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.sell-header__btns {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.sell-header__btn {
    position: relative;
    text-align: center;
    padding: 8px 24px;
    margin-top: 10px;
    height: 40px;
    min-width: calc(50% - 5px);
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out
}

.sell-header__btn.link {
    line-height: 150%;
    background: #fd8f5e;
    color: #fff;
    padding: 8px 48px 8px 24px
}

.sell-header__btn.link:after {
    position: absolute;
    right: 24px;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out
}

.sell-header__btn.link:hover:after {
    right: 20px
}

.sell-header__btn.mod {
    line-height: 100%;
    background: #fff;
    color: #fd8f5e
}

.sell-header__btn.mod:hover {
    background: #fd8f5e;
    color: #fff
}

@media all and (max-width:1024px) {
    .sell-header__col-img {
        width: 100%
    }

    .sell-header__col-content {
        position: absolute;
        z-index: 1;
        left: 30px;
        bottom: 30px;
        width: 70%;
        border-radius: 8px
    }
}

@media only screen and (max-width:767px) {
    .sell-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .sell-header__col {
        width: 100%
    }

    .sell-header__col-img {
        order: -1
    }

    .sell-header__image {
        min-height: 260px;
        max-height: 50vh
    }

    .sell-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 0
    }

    .sell-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .sell-header__btns {
        margin-top: 20px;
        justify-content: center
    }

    .sell-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px
    }

    .sell-header__btn.link {
        line-height: 170%;
        margin: 10px 10px 0
    }

    .sell-header__btn.mod {
        margin: 10px 10px 0
    }
}

.featureProjects.sell-header-bottom {
    margin-top: 70px;
    padding: 0 !important
}

.container.sell-header-bottom__container {
    padding-top: 0 !important
}

.sell-header-bottom__content {
    color: #222;
    max-width: 920px
}

.sell-header-bottom__content p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 20px
}

.sell-header-bottom__content p:first-child {
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 120%
}

.sell-header-bottom__content p:last-child {
    margin-bottom: 0
}

.page-template-template-sell .container>.projectHeading h2 {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 110%;
    color: #222
}

.page-template-template-sell .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-sell .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:767px) {
    .featureProjects.sell-header-bottom {
        margin-top: 50px
    }

    .page-template-template-sell .container>.projectHeading h2 {
        font-size: 28px
    }

    .page-template-template-sell .showAllPrp {
        display: inline-block
    }
}

.featureProjects.partnership-nav {
    background: #fff;
    padding: 15px 0 30px !important
}

.partnership-nav__container {
    padding-top: 0 !important
}

.partnership-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.partnership-nav__breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.partnership-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.partnership-nav__breadcrumbs .breadcrumbs__link {
    display: inline-block;
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.partnership-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.partnership-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 6px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.partnership-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.partnership-nav__breadcrumbs .breadcrumbs__current {
    color: #bbb
}

.partnership-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.partnership-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.partnership-nav__back:hover {
    color: #fd8f5e
}

.partnership-nav__back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .featureProjects.partnership-nav {
        padding: 15px 0 !important
    }

    .partnership-nav__body {
        display: block
    }

    .partnership-nav__back {
        display: none
    }

    .partnership-nav__breadcrumbs {
        padding: 0
    }
}

.featureProjects.partnership-head {
    position: relative;
    color: #222;
    margin-bottom: 80px
}

.partnership-head .container {
    padding-top: 0 !important
}

.partnership-head__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.partnership-head__col {
    flex: 0 1 50%
}

.partnership-head__subtitle {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 0
}

.partnership-head__title {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-size: 48px;
    line-height: 110%;
    margin: 30px 0
}

.partnership-head__desc {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0
}

.partnership-head__btns {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.partnership-head__btn {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 12px 48px 12px 24px;
    height: 48px;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out;
    background: #fd8f5e;
    color: #fff
}

.partnership-head__btn:after {
    position: absolute;
    right: 24px;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out, left .2s ease-in-out
}

.partnership-head__btn:hover {
    color: #fff
}

.partnership-head__btn:hover:after {
    right: 20px
}

.partnership-head__img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px
}

@media(max-width:767px) {
    .featureProjects.partnership-head {
        padding: 0 !important;
        margin-bottom: 50px
    }

    .partnership-head__row {
        flex-wrap: wrap;
        gap: 20px
    }

    .partnership-head__col {
        flex: 0 1 100%
    }

    .partnership-head__title {
        font-size: 30px;
        line-height: 100%;
        margin: 20px 0
    }

    .partnership-head__desc {
        font-size: 15px
    }

    .partnership-head__btns {
        margin-top: 20px
    }

    .partnership-head__btn {
        padding: 12px 40px 12px 15px;
        letter-spacing: -.02em;
        white-space: normal;
        height: auto;
        min-height: 48px
    }

    .partnership-head__btn:after {
        right: 15px
    }

    .partnership-head__btn:hover:after {
        right: 12px
    }

    .partnership-head__img {
        height: 100%
    }
}

.featureProjects.partnership-steps {
    position: relative;
    color: #222;
    padding: 100px 0;
    background: #f4f4f4
}

.partnership-steps .container {
    padding-top: 0 !important
}

.partnership-steps__title {
    font-family: InterBold, sans-serif;
    font-size: 38px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 60px
}

.partnership-steps__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px
}

.partnership-steps__item {
    flex: 0 1 calc(50% - 10px);
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 40px 60px 50px 40px
}

.partnership-steps__item-col-image {
    flex: 0 0 50px;
    width: 50px;
    height: 50px
}

.partnership-steps__item-col-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.partnership-steps__item-col-text {
    flex-grow: 1
}

.partnership-steps__item-header {
    font-family: InterSemiBold, sans-serif;
    font-size: 58px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #fd8f5e;
    margin-top: -5px;
    margin-bottom: 20px
}

.partnership-steps__item-desc p {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 150%;
    color: #414141;
    margin-bottom: 10px
}

.partnership-steps__item-desc p:last-child {
    margin-bottom: 0
}

.partnership-steps__item-desc b,
.partnership-steps__item-desc strong {
    font-family: InterMedium, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #222
}

@media(max-width:1024px) {
    .partnership-steps__item {
        padding: 30px
    }
}

@media(max-width:767px) {
    .featureProjects.partnership-steps {
        padding: 50px 0
    }

    .partnership-steps__title {
        font-size: 26px;
        line-height: 120%;
        margin-bottom: 30px
    }

    .partnership-steps__items {
        gap: 15px
    }

    .partnership-steps__item {
        flex: 0 1 100%;
        flex-wrap: wrap
    }

    .partnership-steps__item-col-text {
        flex: 0 0 100%
    }

    .partnership-steps__item-desc {
        min-height: 185px
    }

    .partnership-steps__item-desc p {
        font-size: 15px
    }
}

.featureProjects.partnership-fee-calc {
    position: relative;
    color: #222;
    padding: 110px 0 90px
}

.partnership-fee-calc .container {
    padding-top: 0 !important
}

.partnership-fee-calc__row {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.partnership-fee-calc__col {
    flex: 0 1 50%
}

.partnership-fee-calc__subtitle {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 10px
}

.partnership-fee-calc__title {
    font-family: InterBold, sans-serif;
    font-size: 38px;
    line-height: 110%;
    margin-bottom: 60px
}

.fee-calc {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 30px 40px
}

.fee-calc__title {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #8f8f8f;
    margin-bottom: 15px
}

.fee-calc__caption {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fee-calc__caption-currency,
.fee-calc__caption-value {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px
}

.fee-calc__caption-value {
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    max-width: 79%;
    min-height: 24px
}

.fee-calc__caption-currency {
    line-height: 24px;
    max-width: 20%
}

.fee-calc__input-container {
    position: relative;
    display: block;
    padding-top: 10px
}

.fee-calc-range {
    width: 100%;
    height: 17px;
    position: relative;
    margin-top: -9px
}

.fee-calc-range:after {
    content: '';
    position: absolute;
    top: 8px;
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    z-index: 0
}

.fee-calc-range__wrapper {
    position: absolute;
    top: 0;
    right: calc(17px/2 * -1);
    left: calc(17px/2 * -1);
    height: inherit;
    z-index: 3
}

.fee-calc-range__input {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 17px;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    background: 0 0;
    color: transparent;
    cursor: pointer;
    z-index: 2
}

.fee-calc-range__input:focus {
    outline: 0
}

.fee-calc-range__input::-ms-track {
    width: 100%;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.fee-calc-range__input::-moz-range-track {
    position: absolute;
    -moz-appearance: none;
    background: 0 0
}

.fee-calc-range__input::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: 0 0
}

.fee-calc-range__input::-webkit-slider-thumb {
    width: 17px;
    height: 17px;
    -webkit-appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    cursor: grab;
    transition: background .15s
}

.fee-calc-range__input::-moz-range-thumb {
    width: 17px;
    height: 17px;
    -moz-appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    cursor: grab;
    transition: background .15s
}

.fee-calc-range__input::-ms-thumb {
    width: 17px;
    height: 17px;
    appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    cursor: grab;
    transition: background .15s
}

.fee-calc-range__progressbar {
    z-index: 2;
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    top: 7px;
    right: 0;
    left: 0;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    animation-timing-function: cubic-bezier(.45, 0, .55, 1);
    transition: background .15s
}

.fee-calc-range__progressbar::-webkit-progress-bar {
    background: 0 0;
    border-radius: 0;
    -webkit-transition: background .15s
}

.fee-calc-range__progressbar::-moz-progress-bar {
    background: #005897;
    border-radius: 0;
    -moz-transition: background .15s
}

.fee-calc-range__progressbar::-webkit-progress-value {
    background-color: #005897;
    border-radius: 1.5px
}

.partnership-fee-calc__col_commission {
    display: flex;
    align-items: center;
    justify-content: center
}

.partnership-fee-calc__commission-wrap {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/partnership-fee-calc.svg);
    width: 340px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.partnership-fee-calc__commission {
    background: #fd8f5e;
    border-radius: 8px;
    padding: 12px 35px
}

.partnership-fee-calc__commission p {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px
}

.partnership-fee-calc__commission span {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 20px
}

@media(max-width:767px) {
    .featureProjects.partnership-fee-calc {
        padding: 50px 0 30px
    }

    .partnership-fee-calc__subtitle {
        margin-bottom: 20px
    }

    .partnership-fee-calc__title {
        font-size: 26px;
        margin-bottom: 30px
    }

    .partnership-fee-calc__row {
        flex-wrap: wrap
    }

    .partnership-fee-calc__col {
        flex: 0 1 100%;
        max-width: 100%
    }

    .partnership-fee-calc__commission-wrap {
        height: 340px
    }

    .fee-calc {
        border: none;
        padding: 20px 0
    }

    .fee-calc-range__input {
        height: 25px
    }

    .fee-calc-range__input::-webkit-slider-thumb {
        width: 25px;
        height: 25px
    }

    .fee-calc-range__input::-moz-range-thumb {
        width: 25px;
        height: 25px
    }

    .fee-calc-range__input::-ms-thumb {
        width: 25px;
        height: 25px
    }

    .fee-calc-range__wrapper {
        right: calc(20px/2 * -1);
        left: calc(20px/2 * -1)
    }

    .fee-calc-range {
        height: 25px
    }

    .fee-calc-range:after {
        top: 12.5px
    }

    .fee-calc-range__progressbar {
        top: 11px
    }
}

.featureProjects.partnership-two-col-content {
    position: relative;
    color: #222;
    background: #fd8f5e;
    padding: 100px 0
}

.partnership-two-col-content .container {
    padding-top: 0 !important
}

.partnership-two-col-content__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.partnership-two-col-content__col {
    flex: 0 1 50%
}

.partnership-two-col-content__video-wrap {
    border-radius: 8px;
    overflow: hidden
}

.partnership-two-col-content__video-wrap .vSection {
    margin: 0;
    max-width: 100%
}

.partnership-two-col-content__video-wrap .videoWrapper:after {
    display: none
}

.partnership-two-col-content__video-wrap .youtubePlay .play {
    width: 74px;
    height: 74px
}

.partnership-two-col-content__video-wrap .youtubePlay .play circle {
    fill: #01aee5;
    fill-opacity: 1
}

.partnership-two-col-content__video-wrap .youtubePlay .icon {
    opacity: 1;
    fill: #fff
}

.partnership-two-col-content__col_text {
    padding-left: 80px
}

.partnership-two-col-content__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 40px
}

@media(max-width:1200px) {
    .partnership-two-col-content__col_text {
        padding-left: 30px
    }
}

@media(max-width:900px) {
    .partnership-two-col-content__row {
        flex-wrap: wrap
    }

    .partnership-two-col-content__col {
        flex: 0 1 100%
    }

    .partnership-two-col-content__col_text {
        padding-left: 0
    }
}

@media(max-width:767px) {
    .featureProjects.partnership-two-col-content {
        padding: 25px 0 60px
    }

    .partnership-two-col-content__row {
        gap: 30px
    }

    .partnership-two-col-content__title {
        font-size: 26px;
        margin-bottom: 20px
    }
}

.featureProjects.partnership-two-col-content-2 {
    position: relative;
    color: #222;
    padding: 100px 0 0
}

.partnership-two-col-content-2 .container {
    padding-top: 0 !important
}

.partnership-two-col-content-2__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.partnership-two-col-content-2__col_image {
    flex: 0 1 40%
}

.partnership-two-col-content-2__image {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 8px
}

.partnership-two-col-content-2__col_text {
    flex: 0 1 60%
}

.partnership-two-col-content-2__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 45px
}

.partnership-two-col-content-2__text p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 10px
}

.partnership-two-col-content-2__text p:last-child {
    margin-bottom: 0
}

@media(max-width:900px) {
    .partnership-two-col-content-2__row {
        gap: 40px
    }
}

@media(max-width:767px) {
    .featureProjects.partnership-two-col-content-2 {
        padding: 50px 0 0
    }

    .partnership-two-col-content-2__row {
        flex-wrap: wrap;
        gap: 30px
    }

    .partnership-two-col-content-2__col {
        flex: 0 1 100%
    }

    .partnership-two-col-content-2__title {
        font-size: 26px;
        margin-bottom: 20px
    }

    .partnership-two-col-content-2__text p {
        font-size: 15px;
        line-height: 150%
    }
}

.featureProjects.partnership-guarantees {
    position: relative;
    color: #222;
    padding: 100px 0
}

.partnership-guarantees .container {
    padding-top: 0 !important
}

.partnership-guarantees__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 60px
}

.partnership-guarantees__items {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
    flex-wrap: wrap
}

.partnership-guarantees__item {
    flex: 0 1 calc(25% - 20px);
    background: #f4f4f4;
    border-radius: 8px;
    padding: 50px 40px
}

.partnership-guarantees__item-icon {
    display: block;
    height: 38px;
    width: 60px;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 30px
}

.partnership-guarantees__item-title {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 120%
}

@media(max-width:1200px) {
    .partnership-guarantees__item {
        flex: 0 1 calc(33.33% - 20px)
    }
}

@media(max-width:900px) {
    .partnership-guarantees__item {
        flex: 0 1 calc(50% - 20px)
    }
}

@media(max-width:767px) {
    .featureProjects.partnership-guarantees {
        padding: 50px 0 20px
    }

    .partnership-guarantees__title {
        font-size: 26px;
        margin-bottom: 30px
    }

    .partnership-guarantees__items {
        gap: 15px
    }

    .partnership-guarantees__item {
        flex: 0 1 100%;
        padding: 30px 30px 35px
    }

    .partnership-guarantees__item-icon {
        height: 35px;
        width: 45px;
        margin-bottom: 25px
    }
}

.featureProjects.partnership-image-fw {
    padding: 0
}

.partnership-image-fw .container {
    padding-top: 0 !important
}

.partnership-image-fw__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 745px;
    max-height: 80vh
}

.featureProjects.partnership-advantages {
    position: relative;
    overflow: hidden;
    color: #222;
    background: #f4f4f4;
    padding: 100px 0
}

.partnership-advantages .container {
    padding-top: 0 !important
}

.partnership-advantages__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 60px
}

.partnership-advantages__items {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -20px -15px
}

.partnership-advantages__item {
    flex: 0 1 33.33%;
    padding: 20px 15px
}

.partnership-advantages__item-icon {
    display: block;
    height: 40px;
    width: 50px;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 30px
}

.partnership-advantages__item-title {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 10px
}

.partnership-advantages__item-desc {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 150%;
    color: #414141
}

.partnership-advantages__btn-wrap {
    text-align: center;
    margin-top: 40px
}

@media(max-width:900px) {
    .partnership-advantages__item {
        flex: 0 1 50%
    }
}

@media(max-width:767px) {
    .partnership-image-fw__image {
        min-height: 220px
    }

    .featureProjects.partnership-advantages {
        padding: 50px 0
    }

    .partnership-advantages__title {
        font-size: 26px;
        margin-bottom: 40px
    }

    .partnership-advantages__item {
        flex: 0 1 100%
    }
}

.featureProjects.partnership-developers {
    position: relative;
    color: #fff;
    background: #fd8f5e;
    padding: 100px 0
}

.partnership-developers .container {
    padding-top: 0 !important;
    max-width: 1210px !important
}

.partnership-developers__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 55px
}

.partnership-developers__items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.partnership-developers__item {
    flex: 0 1 calc(16.6666% - 20px)
}

.partnership-developers__item-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.partnership-developers__item img {
    max-width: 80%;
    width: 100%;
    height: 80px;
    object-fit: contain;
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:900px) {
    .partnership-developers__item {
        flex: 0 1 calc(25% - 20px)
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.partnership-developers {
        padding: 50px 0
    }

    .partnership-developers .container {
        max-width: 360px !important
    }

    .partnership-developers__title {
        font-size: 26px;
        margin-bottom: 30px
    }

    .partnership-developers__items {
        gap: 10px;
        padding-bottom: 30px
    }

    .partnership-developers__item {
        flex: 0 1 calc(50% - 10px)
    }
}

.featureProjects.partnership-about {
    position: relative;
    color: #222;
    background: #f4f4f4;
    padding: 100px 0
}

.partnership-about .container {
    padding-top: 0 !important
}

.partnership-about__items {
    display: grid;
    justify-items: stretch;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    grid-gap: 20px;
    margin-top: -80px
}

.partnership-about__item {
    text-align: center;
    padding-top: 80px
}

.partnership-about__item:nth-child(2) {
    grid-column-end: span 3;
    grid-row: 1
}

.partnership-about__item:nth-child(3) {
    grid-column: 1;
    grid-row: 2
}

.partnership-about__item:nth-child(4) {
    grid-column: 3;
    grid-row: 2
}

.partnership-about__item:nth-child(5) {
    grid-column: 1;
    grid-row: 3;
    margin-right: -30px
}

.partnership-about__item:nth-child(6) {
    grid-column: 3;
    grid-row: 3;
    margin-left: -30px
}

.partnership-about__item_img {
    grid-column: 2;
    grid-row-start: 2;
    grid-row-end: 4;
    padding-top: 0
}

.partnership-about__item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.partnership-about__item-body {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
}

.partnership-about__item:nth-child(3) .partnership-about__item-body,
.partnership-about__item:nth-child(5) .partnership-about__item-body {
    margin-right: 0;
    margin-left: auto
}

.partnership-about__item:nth-child(4) .partnership-about__item-body,
.partnership-about__item:nth-child(6) .partnership-about__item-body {
    margin-left: 0;
    margin-right: auto
}

.partnership-about__item-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 58px;
    line-height: 100%;
    letter-spacing: -4px;
    color: #fd8f5e;
    margin-bottom: 10px
}

.partnership-about__item-desc {
    font-family: InterMedium, sans-serif;
    font-size: 24px;
    line-height: 120%
}

@media only screen and (max-width:1024px) {
    .partnership-about__item {
        padding-top: 40px
    }
}

@media only screen and (max-width:990px) {
    .partnership-about__items {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 60px;
        margin-top: 0
    }

    .partnership-about__item {
        padding: 0 !important;
        margin: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.partnership-about {
        padding: 50px 0
    }

    .partnership-about__items {
        padding-bottom: 35px
    }

    .partnership-about__item_img {
        width: 300px;
        height: 300px
    }

    .partnership-about__item-body {
        max-width: 100%
    }

    .partnership-about__item-title {
        font-size: 48px
    }

    .partnership-about__item-desc {
        font-size: 20px
    }
}

.featureProjects.partnership-faq {
    position: relative;
    color: #222;
    padding: 50px 0 100px
}

.partnership-faq .container {
    padding-top: 0 !important
}

.partnership-faq__title {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 60px
}

.partnership-faq__item {
    background: #fd8f5e;
    border-radius: 8px;
    padding: 30px 45px;
    margin-bottom: 20px
}

.partnership-faq__item:last-child {
    margin-bottom: 0
}

.partnership-faq__item-title {
    position: relative;
    cursor: pointer;
    padding: 20px 50px 20px 0;
    width: 100%
}

.partnership-faq__item-title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1.5px solid #e9e9e9;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: transform .4s, background-color .3s
}

.partnership-faq__item-title:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    border: solid #222;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .4s, background-color .3s
}

.partnership-faq__item.active .partnership-faq__item-title:after {
    top: calc(50% + 2px);
    transform: translateY(-50%) rotate(-135deg)
}

.partnership-faq__item-title-item {
    display: inline-block;
    font-family: InterBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    transition: color .2s
}

.partnership-faq__item-title:hover .partnership-faq__item-title-item {
    color: #fd8f5e
}

.partnership-faq__item-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s, margin .4s
}

.partnership-faq__item.active .partnership-faq__item-answer {
    max-height: 1000px;
    margin-top: -10px
}

.partnership-faq__item-answer-item {
    padding-bottom: 30px
}

.partnership-faq__item-answer-item p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0
}

@media(max-width:767px) {
    .featureProjects.partnership-faq {
        padding: 50px 0
    }

    .partnership-faq__title {
        font-size: 26px;
        margin-bottom: 30px
    }

    .partnership-faq__item {
        padding: 5px 15px;
        margin-bottom: 10px
    }

    .partnership-faq__item-title {
        padding: 10px 40px 10px 0
    }

    .partnership-faq__item-title:before {
        width: 24px;
        height: 24px
    }

    .partnership-faq__item-title:after {
        right: 9px;
        padding: 2px
    }

    .partnership-faq__item-title-item {
        font-family: InterSemiBold, sans-serif;
        font-size: 15px
    }

    .partnership-faq__item-answer-item p {
        font-size: 14px
    }

    .partnership-faq__item.active .partnership-faq__item-answer {
        margin-top: -5px
    }
}

.featureProjects.partnership-expert {
    position: relative;
    color: #222;
    padding: 0;
    margin-bottom: 100px
}

.partnership-expert .container {
    padding-top: 0 !important
}

.partnership-expert__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #f4f4f4;
    border-radius: 8px
}

.partnership-expert__col_text {
    flex: 0 1 55%;
    padding: 100px 50px
}

.partnership-expert__col_image {
    position: relative;
    flex: 0 1 45%;
    min-height: 300px
}

.partnership-expert__photo {
    display: block;
    padding: 0 20px;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    height: calc(100% + 55px);
    object-fit: contain;
    object-position: bottom
}

.partnership-expert__caption {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 10px
}

.partnership-expert__name {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 30px
}

.partnership-expert__desc {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 160%;
    color: #414141;
    margin-bottom: 40px
}

.partnership-expert__contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.partnership-expert__contact-soc {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}

.partnership-expert__contact-soc-link {
    display: inline-flex;
    width: 48px;
    height: 48px;
    background: #fd8f5e;
    padding: 12px;
    border-radius: 50%
}

.partnership-expert__contact-soc-img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media(max-width:1024px) {
    .partnership-expert__col {
        flex: 0 1 50%
    }
}

@media(max-width:990px) {
    .partnership-expert__col_image {
        padding-top: 20px
    }

    .partnership-expert__photo {
        position: unset;
        transform: none;
        height: 100%;
        margin: 0 auto
    }
}

@media(max-width:875px) {
    .partnership-expert__col_text {
        padding: 80px 30px
    }
}

@media(max-width:767px) {
    .featureProjects.partnership-expert {
        margin-bottom: 20px
    }

    .partnership-expert__row {
        flex-wrap: wrap
    }

    .partnership-expert__col {
        flex: 0 1 100%
    }

    .partnership-expert__col_text {
        padding: 25px 25px 0
    }

    .partnership-expert__col_image {
        padding-top: 0;
        min-height: 252px
    }

    .partnership-expert__photo {
        position: absolute;
        top: -48px;
        left: auto;
        right: 25px;
        height: 300px;
        padding: 0
    }

    .partnership-expert__caption {
        max-width: 175px;
        margin-bottom: 30px
    }

    .partnership-expert__name {
        font-size: 26px;
        margin-bottom: 15px
    }

    .partnership-expert__desc {
        font-size: 14px;
        margin-bottom: 25px
    }

    .partnership-expert__contact {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: 116px
    }

    .partnership-expert__contact-btn {
        width: 100%
    }

    .partnership-expert__contact-soc {
        justify-content: flex-start;
        flex-wrap: wrap;
        max-width: calc(48px * 2 + 15px)
    }
}

.sitemap-header {
    position: relative;
    margin-top: 35px;
    margin-bottom: 50px
}

.sitemap-header__body {
    position: relative;
    z-index: 3;
    padding: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 300px;
    height: 100%;
    width: 100%;
    background-image: url(../images/sitemap-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.sitemap-header__body:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .1) 100%);
    border-radius: 8px
}

.sitemap-header__title {
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 25px;
    text-shadow: #000 1px 0 10px
}

.sitemap-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
    margin: 0 -5px
}

.sitemap-header__col {
    padding: 0 5px
}

.sitemap-header__col_filter {
    flex-grow: 1
}

.sitemap-header__col_btn {
    display: none
}

@media(max-width:1100px) {
    .sitemap-header__row {
        flex-wrap: wrap
    }

    .sitemap-header__col_btn {
        padding-top: 10px;
        width: 100%
    }
}

@media(max-width:767px) {
    .sitemap-header {
        margin-bottom: 30px
    }

    .sitemap-header__body {
        padding: 20px
    }

    .sitemap-header__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.filter-sitemap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    font-family: Inter, sans-serif
}

.filter-sitemap__item {
    position: relative;
    padding: 0 6px;
    text-align: left
}

.filter-sitemap__item_name {
    flex-grow: 1
}

.filter-sitemap__item_name input[name=sitemap_name] {
    width: 100%;
    height: 36px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0 15px 0 32px;
    background-image: url(../icons/icon-map-pin.html);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #000
}

.filter-sitemap__item_name input[name=sitemap_name]::placeholder {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
    padding-top: 2px
}

.sitemap_name-result {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 48px;
    left: -4px;
    width: calc(100% + 8px);
    max-width: 500px;
    min-height: 64px;
    max-height: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow-y: auto;
    opacity: 0;
    font-size: 16px;
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.sitemap_name-result::-webkit-scrollbar {
    width: .5em
}

.sitemap_name-result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.sitemap_name-result::-webkit-scrollbar-thumb {
    background-color: #02b2ee;
    border-radius: 8px
}

.sitemap_name-result.show {
    max-height: 305px;
    opacity: 1;
    pointer-events: initial
}

.sitemap_name-result.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.sitemap_name-result .result-item,
.sitemap_name-result .result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.sitemap_name-result .result-item a,
.sitemap_name-result .result-item_all {
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
    text-decoration: none !important;
    color: #212529;
    transition: background-color .3s, color .2s
}

.sitemap_name-result .result-item:hover a {
    background: #02b2ee;
    color: #fff
}

.sitemap_name-result .result-item b {
    font-family: InterBold, sans-serif;
    font-weight: 400
}

.sitemap_name-result .search-not-found {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    color: #999
}

@media only screen and (max-width:980px) {
    .filter-sitemap {
        padding: 10px 4px;
        flex-wrap: wrap
    }

    .filter-sitemap__item_name {
        order: -2
    }

    .sitemap_name-result {
        top: 54px
    }
}

.featureProjects.sitemap-content {
    font-family: Inter, sans-serif;
    padding: 0 !important
}

.container.sitemap-content__container {
    padding-top: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

#sitemap-tc.sitemap-content__partition {
    order: -1;
    margin-bottom: 40px;
    background: #fd8f5e;
    color: #fff;
    border-radius: 8px;
    padding: 40px
}

.sitemap-content__partition-inner {
    position: relative
}

.sitemap-content__partition-inner a {
    color: #fd8f5e;
    text-decoration: none;
    transition: color .2s ease-in
}

.sitemap-content__partition-inner a:hover {
    color: #017298
}

#sitemap-tc .sitemap-content__partition-inner a {
    color: #fff
}

#sitemap-tc .sitemap-content__partition-inner a:hover {
    color: #fff;
    text-decoration: underline
}

.sitemap-content__partition-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #222;
    margin-bottom: 15px
}

#sitemap-tc .sitemap-content__partition-title {
    color: #fff
}

.sitemap-content__partition-title_big {
    font-family: InterBold, sans-serif;
    font-size: 28px
}

.sitemap-content__partition-inner>ul {
    column-count: 4
}

.sitemap-content__partition-inner>ul.posts {
    column-count: 2
}

.sitemap-content__partition-inner>ul.properties {
    column-count: 3
}

.sitemap-content__partition-inner>ul,
.sitemap-content__partition-inner>ul ul {
    padding: 0 0 0 10px;
    margin-bottom: 30px;
    list-style: none;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #222
}

.sitemap-content__partition-inner>ul ul {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0
}

.sitemap-content__partition-inner>ul li {
    position: relative;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 10px;
    margin-bottom: 10px
}

.sitemap-content__partition-inner>ul li:last-child {
    margin-bottom: 0
}

.sitemap-content__partition-inner>ul li:before {
    display: block;
    width: 15px;
    height: 2px;
    background: #fd8f5e;
    position: absolute;
    content: "";
    left: 0;
    top: 12px
}

.sitemap-content__partition-inner>ul li.bold {
    font-weight: 400 !important;
    font-family: InterBold, sans-serif !important
}

.sitemap-content__partition-inner>ul li.hide {
    display: none
}

.sitemap-content__partition-inner>ol {
    column-count: 4;
    font-family: Inter, sans-serif;
    font-size: 14px;
    list-style: none;
    counter-reset: i;
    padding: 0 0 0 10px;
    margin: 0
}

.sitemap-content__partition-inner>ol>li {
    counter-increment: i;
    position: relative;
    margin-bottom: 10px
}

.sitemap-content__partition-inner>ol>li:last-child {
    margin-bottom: 0
}

.sitemap-content__partition-inner>ol>li::before {
    content: counter(i, decimal) ". ";
    color: #fff;
    font-family: InterBold, sans-serif
}

.sitemap-content__partition-inner>ul>li.wpml-ls-item {
    display: none
}

.sitemap-content__partition-show {
    display: none;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    margin: 0 auto 40px;
    height: 46px;
    line-height: 48px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 8px
}

@media(max-width:1200px) {

    .sitemap-content__partition-inner>ol,
    .sitemap-content__partition-inner>ul {
        column-count: 3 !important
    }
}

@media(max-width:990px) {

    .sitemap-content__partition-inner>ol,
    .sitemap-content__partition-inner>ul {
        column-count: 2 !important
    }
}

@media(max-width:767px) {
    .filter-sitemap__item_name input[name=sitemap_name]::placeholder {
        font-size: 14px
    }

    .sitemap_name-result {
        top: 44px
    }

    .sitemap_name-result .result-item a {
        font-size: 14px;
        line-height: 18px
    }

    .sitemap-content__partition-inner {
        max-height: 1000px;
        overflow: hidden
    }

    #sitemap-tc.sitemap-content__partition {
        padding: 30px
    }

    .sitemap-content__partition.all .sitemap-content__partition-inner {
        max-height: initial;
        overflow: unset
    }

    .sitemap-content__partition-inner:after {
        position: absolute;
        width: 100%;
        height: 120px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, .5) 0, #fff 90%)
    }

    .sitemap-content__partition.all .sitemap-content__partition-inner:after {
        display: none
    }

    .sitemap-content__partition-show {
        display: block
    }

    .sitemap-content__partition.all .sitemap-content__partition-show {
        display: none
    }

    .sitemap-content__partition-inner>ol,
    .sitemap-content__partition-inner>ul {
        column-count: 1 !important
    }

    .sitemap-content__partition-inner>ul>li {
        padding-right: 0
    }
}

header {
    padding-top: 20px
}

#headerMenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background: #182643;
}

#headerMenu.pageHeader {
    position: absolute;
    background: #182643;
}

.page-template-template-career #headerMenu.pageHeader {
    box-shadow: 0 10px 30px 0 #1420330d !important;
    border-bottom: 1px solid #1420330d !important
}

header.pageHeader:not(body) {
    border-bottom: 1px solid #ececec
}

#headerMenu.scroll {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #182643 !important;
    box-shadow: 0 7px 17px 0 rgba(172, 172, 172, .2);
    z-index: 99999;
    transition: visibility, opacity .5s linear
}

body.logged-in #headerMenu.scroll {
    top: 32px
}

header.mobileMenu {
    display: none
}

.header-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: #222;
    margin-bottom: 10px
}

.header-menu__burger {
    display: none
}

@media only screen and (max-width:990px) {
    header {
        padding-top: 30px
    }

    #headerMenu {
        padding-bottom: 30px
    }

    .page-template-template-career #headerMenu.pageHeader {
        box-shadow: 0 7px 20px 0 #0e1b1f12 !important;
        border-bottom: none !important
    }

    header.pageHeader:not(body) {
        border: none
    }

    #headerMenu.scroll {
        padding-bottom: 25px
    }

    header.mobileMenu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: #182643;
        overflow-y: scroll;
        overflow-x: hidden
    }

    body.logged-in header.mobileMenu {
        top: 32px;
        height: calc(100% - 32px)
    }

    body.logged-in header.mobileMenu.scroll {
        top: 32px
    }

    .header-top {
        padding-right: 60px;
        margin-bottom: 0
    }

    .header-menu__burger {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 0;
        z-index: 3;
        cursor: pointer;
        display: block;
        /* top: .5px */
    }

    .header-menu__burger-line {
        width: 100%;
        height: 1px;
        border-radius: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 18px;
        margin-top: -1px;
        transition: .4s
    }

    .header-menu__burger-line:nth-child(1) {
        transform: translateY(-8px)
    }

    .header-menu__burger-line:nth-child(3) {
        transform: translateY(8px)
    }

    .header-menu__burger.opened .header-menu__burger-line:nth-child(1) {
        transform: translateY(0) rotate(45deg)
    }

    .header-menu__burger.opened .header-menu__burger-line:nth-child(2) {
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px)
    }

    .header-menu__burger.opened .header-menu__burger-line:nth-child(3) {
        transform: translateY(0) rotate(-45deg)
    }
}

@media(max-width:767px) {
    .header-menu__burger {
        width: 24px;
        height: 24px;
        /* top: 1.5px */
    }

    .header-menu__burger-line {
        top: 13px
    }

    .header-menu__burger-line:nth-child(1) {
        transform: translateY(-5px)
    }

    .header-menu__burger-line:nth-child(3) {
        transform: translateY(5px)
    }
}

.header-logo__wrap {
    width: 218px;
    height: 40px;
    vertical-align: middle;
    display: flex;
    align-content: center
}

.header-logo__img {
    width: 100%
}

@media(max-width:990px) {
    header.mobileMenu .header-logo {
        display: none
    }

    .header-logo__wrap {
        width: 200px;
        height: 36px
    }
}

@media(max-width:767px) {
    .header-logo__wrap {
        width: 150px;
        height: 27px
    }
}

.header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1
}

.header-actions__phone {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-right: 30px;
    margin-top: 30px;
    display: flex;
}

.header-actions__phone a {
    color: #fff !important;
}

.header-actions__phone a:hover {
    color: #fd8f5e !important;
}

.header-actions__phone .callme_button_rngst {
    background-color: #ececec;
    color: #8f8f8f;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 9px
}

.header-actions__phone>span {
    display: inline-block;
    color: inherit
}

.header-actions__langs {
    margin-right: 15px
}

.header-actions__shortList {
    height: 30px
}

.header-actions__shortList .open-shortList {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    background: #e3f4f9;
    transition: background-color .2s
}

.header-actions__shortList .open-shortList:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../icons/header-heart-blue.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    transition: filter .2s
}

.header-actions__shortList .open-shortList:hover {
    background-color: #01aee5
}

.header-actions__shortList .open-shortList:hover:before {
    filter: brightness(0) grayscale(1) invert(100%)
}

.header-actions__shortList .open-shortList span {
    display: block;
    position: absolute;
    top: -6px;
    border-radius: 9px;
    min-width: 16px;
    text-align: center;
    background: #fff;
    color: #222;
    line-height: 16px;
    height: 16px;
    padding: 0;
    right: -6px;
    font-family: Inter, sans-serif;
    font-size: 11px;
    opacity: 0;
    transition: opacity .3s;
    box-shadow: 0 0 7px rgba(0, 0, 0, .08)
}

.header-actions__shortList .open-shortList span.show {
    opacity: 1
}

.header-actions__whatsapp {
    margin-left: 10px
}

.header-actions__whatsapp .whatContainerNew {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #e3f4f9;
    transition: background-color .2s
}

.header-actions__whatsapp .whatContainerNew:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../icons/header-whatsapp-blue.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    transition: filter .2s
}

.header-actions__whatsapp .whatContainerNew:hover {
    background-color: #01aee5
}

.header-actions__whatsapp .whatContainerNew:hover:before {
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:990px) {
    header.mobileMenu .header-actions {
        justify-content: flex-start;
        min-height: 36px
    }

    .header-actions__langs {
        margin-right: 0
    }

    .header-actions__phone,
    .header-actions__shortList,
    .header-actions__whatsapp {
        display: none
    }
}

@media only screen and (max-width:767px) {
    header {
        padding-top: 20px
    }

    #headerMenu,
    #headerMenu.scroll {
        padding-bottom: 20px;
        height: 100px !important;
    }

    body.logged-in #headerMenu.scroll {
        top: 46px
    }

    body.logged-in header.mobileMenu {
        top: 46px;
        height: calc(100% - 46px)
    }

    body.logged-in header.mobileMenu.scroll {
        top: 46px
    }

    .header-top {
        padding-right: 44px
    }

    header.mobileMenu .header-actions {
        min-height: 27px
    }
}

.header-langs {
    position: relative;
    padding-left: 20px;
    padding-right: 15px;
    border-radius: 4px;
    cursor: pointer
}

.header-langs:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 13px;
    height: 100%;
    background-image: url(../icons/header-lang.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.header-langs:after {
    position: absolute;
    content: '';
    bottom: 10px;
    right: 0;
    width: 10px;
    height: 5px;
    background-image: url(../icons/header-popup-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .2s
}

.header-langs.open:after {
    transform: rotate(180deg)
}

.header-langs:hover {
    cursor: pointer
}

.header-langs__line {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header-langs__line span {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px
}

.header-langs__pop-up {
    display: none;
    cursor: default;
    position: absolute;
    left: -10px;
    top: calc(100% + 10px);
    width: 240px;
    height: fit-content;
    padding: 10px 15px 15px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 20px 0 rgba(14, 27, 31, .07);
    z-index: 10
}

.header-langs.open .header-langs__pop-up {
    display: block
}

.header-langs.open .header-langs__pop-up:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10px
}

.header-langs__select-switch {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    height: 40px;
    margin: 0 0 10px;
    padding: 6px;
    border: 1px solid #01aee580;
    background-color: #fff;
    border-radius: 8px
}

.header-langs__select-switch button {
    display: block;
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 20px;
    color: #6d6e70;
    opacity: .5;
    background: #fff;
    border: none;
    border-radius: 5px;
    transition: background .3s ease-in-out, color .2s, opacity .2s
}

.header-langs__select-switch button.selected {
    opacity: 1;
    color: #01aee5;
    background: #e3f4f9
}

.header-langs__select {
    position: relative;
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #222;
    margin-bottom: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header-langs__select-title {
    margin-bottom: 5px
}

.header-langs__select-current {
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 9px 13px
}

.header-langs__select-current:before {
    content: '';
    position: absolute;
    right: 13px;
    width: 10px;
    top: 0;
    height: 100%;
    background-image: url(../icons/header-select-arrow.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .2s
}

.header-langs__select.open .header-langs__select-current:before {
    transform: rotate(180deg)
}

.header-langs__select-options {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background-color: #f4f4f6;
    border-radius: 5px;
    overflow: hidden;
    transform: translateY(5px);
    z-index: 2
}

.header-langs__select.open .header-langs__select-options {
    display: block
}

.header-langs__select-options>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-langs__select-options>ul>li {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #222;
    padding: 5px 13px;
    white-space: nowrap;
    transition: background-color .1s
}

.header-langs__select-options>ul>li:nth-child(1) {
    padding: 10px 13px 5px
}

.header-langs__select-options>ul>li:nth-last-child(1) {
    padding: 5px 13px 10px
}

.header-langs__select-options>ul>li.selected {
    font-family: InterSemiBold, sans-serif
}

.header-langs__select-options>ul>li:hover {
    background-color: #ececec
}

.header-langs__btn-save {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 8px;
    text-align: center;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 20px;
    margin: 15px 0 0;
    color: #fff;
    background: #01aee5;
    background: linear-gradient(90deg, #01aee5 0, #01aee5 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s
}

.header-langs__btn-save:disabled {
    color: #ffffff80;
    cursor: not-allowed
}

.header-langs__btn-save:not([disabled]):hover {
    background-position: 100% 0;
    cursor: pointer
}

@media only screen and (max-width:1280px) {
    .header-langs__pop-up {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:990px) {
    .header-langs {
        padding-left: 23px
    }

    .header-langs:before {
        width: 18px
    }

    .header-langs:after {
        bottom: 8px;
        transform: rotate(-90deg)
    }

    .header-langs__line span {
        font-size: 16px;
        line-height: 24px;
        color: #8f8f8f
    }

    .header-langs__pop-up {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        background: #fff;
        padding: 0 10px;
        width: 100vw;
        height: 0;
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        box-shadow: none;
        border-radius: 0;
        transform: translateX(calc(-100% - 30px));
        transition: transform .5s ease-in-out !important
    }

    .header-langs__pop-up.show {
        position: fixed;
        top: 0;
        left: 0;
        height: var(--app-height);
        max-height: 100%;
        opacity: 1;
        pointer-events: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 999999999;
        transform: translateX(0)
    }

    body.logged-in .header-langs__pop-up.show {
        top: 32px;
        height: calc(var(--app-height) - 32px)
    }

    .header-langs__btn-save {
        margin-top: auto;
        margin-bottom: 30px
    }

    .header-langs__select {
        width: 100%;
        margin-bottom: 30px
    }

    .header-langs__select-switch {
        margin-bottom: 30px
    }

    .header-langs__select-switch button {
        padding: 4px 13px
    }

    .header-langs__select-title {
        margin-bottom: 20px;
        font-size: 16px
    }

    .header-langs__select-current {
        display: none
    }

    .header-langs__select-options {
        display: block;
        position: unset;
        background-color: transparent;
        border-radius: 0;
        transform: none;
        overflow: auto
    }

    .header-langs__select-options>ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        text-align: center
    }

    .header-langs__select-options>ul>li {
        font-family: InterMedium, sans-serif !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        padding: 9px 10px !important;
        color: #8f8f8f;
        border: 1px solid #ececec;
        border-radius: 5px;
        flex: 0 0 60px
    }

    .header-langs__select-options>ul>li.selected {
        color: #01aee5;
        background: #e3f4f9;
        border-color: #fd8f5e
    }

    .header-bottom,
    .header-langs__select-options>ul>li span.name,
    .header-langs__select-options>ul>li span.separator {
        display: none
    }

    header.mobileMenu .header-bottom {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin: 30px 0
    }
}

@media only screen and (max-width:767px) {
    .header-langs__pop-up {
        padding: 0 20px
    }

    body.logged-in .header-langs__pop-up.show {
        top: 46px;
        height: calc(var(--app-height) - 46px)
    }

    .header-langs__line span {
        line-height: 20px
    }

    .header-langs__select-options>ul>li {
        font-size: 12px;
        padding: 4px 10px !important
    }
}

@media only screen and (max-width:640px) {
    .header-langs__pop-up {
        padding: 0 10px
    }
}

.header-menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px
}

.header-menu__filter-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0
}

.header-menu__filter-mask svg {
    width: 0;
    height: 0
}

.header-menu__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px
}

.header-menu__btns .open-shortList.mobile {
    display: none
}

.header-menu__sell-link {
    position: relative;
    display: inline-block;
    padding: 8px 20px 8px 10px;
    min-height: 40px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #01aee5 0, #01aee5 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.header-menu__sell-link:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
    background-image: url(../icons/header-sell-btn.html);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}

.header-menu__sell-link:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.header-menu__nav {
    flex-grow: 1
}

.header-menu__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

.header-menu__list .header-menu__item {
    list-style: none;
    padding: 0;
    line-height: 20px
}

.header-menu__list .header-menu__link {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 12px 20px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap
}

.header-menu__list .header-menu__item:hover .header-menu__link,
.header-menu__list .header-menu__link:hover {
    color: #fd8f5e
}

.header-menu__list .header-menu__link:after {
    z-index: 2;
    position: absolute;
    content: '';
    bottom: -1px;
    left: 12px;
    height: 1px;
    width: 0;
    background-color: #fd8f5e;
    transition: width .5s
}

.header-menu__list .header-menu__item:hover .header-menu__link:after,
.header-menu__list .header-menu__link:hover:after {
    width: calc(100% - 24px)
}

.header-menu__list .header-menu__item:first-child .header-menu__link {
    padding-left: 0
}

.header-menu__list .header-menu__item:last-child .header-menu__link {
    padding-right: 0
}

.header-menu__list .header-menu__item:first-child .header-menu__link:after {
    left: 0
}

.header-menu__list .header-menu__item:first-child .header-menu__link:hover:after,
.header-menu__list .header-menu__item:first-child:hover .header-menu__link:after,
.header-menu__list .header-menu__item:last-child .header-menu__link:hover:after,
.header-menu__list .header-menu__item:last-child:hover .header-menu__link:after {
    width: calc(100% - 12px)
}

@media screen and (min-width:991px) {
    .header-menu__list .header-menu__link:before {
        z-index: 1;
        position: absolute;
        content: '';
        bottom: -1px;
        left: 0;
        height: 1px;
        width: 0;
        background-color: transparent
    }

    .header-menu__list .header-menu__item:hover .header-menu__link:before,
    .header-menu__list .header-menu__link:hover:before {
        width: 100%
    }
}

@media screen and (min-width:991px) and (max-width:1024px) {

    html[lang=de] .header-menu,
    html[lang=en] .header-menu,
    html[lang=fr] .header-menu,
    html[lang=ru] .header-menu {
        gap: 15px
    }

    html[lang=de] .header-menu__sell-link,
    html[lang=en] .header-menu__sell-link,
    html[lang=fr] .header-menu__sell-link,
    html[lang=ru] .header-menu__sell-link {
        padding: 8px 8px 8px 5px
    }

    html[lang=de] .header-menu__sell-link:before,
    html[lang=en] .header-menu__sell-link:before,
    html[lang=fr] .header-menu__sell-link:before,
    html[lang=ru] .header-menu__sell-link:before {
        margin-right: 3px
    }

    html[lang=en] .header-menu__list .header-menu__link {
        padding: 15px 10px 20px
    }

    html[lang=de] .header-menu__list .header-menu__link,
    html[lang=fr] .header-menu__list .header-menu__link,
    html[lang=ru] .header-menu__list .header-menu__link {
        padding: 15px 6px 20px
    }

    html[lang=en] .header-menu__list .header-menu__link:after {
        left: 10px
    }

    html[lang=de] .header-menu__list .header-menu__link:after,
    html[lang=fr] .header-menu__list .header-menu__link:after,
    html[lang=ru] .header-menu__list .header-menu__link:after {
        left: 6px
    }

    html[lang=en] .header-menu__list .header-menu__item:hover .header-menu__link:after,
    html[lang=en] .header-menu__list .header-menu__link:hover:after {
        width: calc(100% - 20px)
    }

    html[lang=de] .header-menu__list .header-menu__item:hover .header-menu__link:after,
    html[lang=de] .header-menu__list .header-menu__link:hover:after,
    html[lang=fr] .header-menu__list .header-menu__item:hover .header-menu__link:after,
    html[lang=fr] .header-menu__list .header-menu__link:hover:after,
    html[lang=ru] .header-menu__list .header-menu__item:hover .header-menu__link:after,
    html[lang=ru] .header-menu__list .header-menu__link:hover:after {
        width: calc(100% - 12px)
    }

    html[lang=en] .header-menu__list .header-menu__item:first-child .header-menu__link:hover:after,
    html[lang=en] .header-menu__list .header-menu__item:first-child:hover .header-menu__link:after,
    html[lang=en] .header-menu__list .header-menu__item:last-child .header-menu__link:hover:after,
    html[lang=en] .header-menu__list .header-menu__item:last-child:hover .header-menu__link:after {
        width: calc(100% - 10px)
    }

    html[lang=de] .header-menu__list .header-menu__item:first-child .header-menu__link:hover:after,
    html[lang=de] .header-menu__list .header-menu__item:first-child:hover .header-menu__link:after,
    html[lang=de] .header-menu__list .header-menu__item:last-child .header-menu__link:hover:after,
    html[lang=de] .header-menu__list .header-menu__item:last-child:hover .header-menu__link:after,
    html[lang=fr] .header-menu__list .header-menu__item:first-child .header-menu__link:hover:after,
    html[lang=fr] .header-menu__list .header-menu__item:first-child:hover .header-menu__link:after,
    html[lang=fr] .header-menu__list .header-menu__item:last-child .header-menu__link:hover:after,
    html[lang=fr] .header-menu__list .header-menu__item:last-child:hover .header-menu__link:after,
    html[lang=ru] .header-menu__list .header-menu__item:first-child .header-menu__link:hover:after,
    html[lang=ru] .header-menu__list .header-menu__item:first-child:hover .header-menu__link:after,
    html[lang=ru] .header-menu__list .header-menu__item:last-child .header-menu__link:hover:after,
    html[lang=ru] .header-menu__list .header-menu__item:last-child:hover .header-menu__link:after {
        width: calc(100% - 6px)
    }
}

@media only screen and (max-width:990px) {
    .header-menu {
        flex-direction: column;
        gap: 20px
    }

    .header-menu__btns {
        width: 100%;
        order: -1;
        padding-bottom: 0
    }

    .header-menu__btns .open-shortList.mobile {
        display: block;
        position: relative;
        vertical-align: top;
        -webkit-appearance: none;
        outline: 0;
        padding: 0;
        margin: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 8px;
        border: 1px solid #fd8f5e;
        background: #fff;
        transition: background-color .2s
    }

    .header-menu__btns .open-shortList.mobile:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../icons/header-heart-blue.html);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px auto;
        transition: filter .2s
    }

    .header-menu__btns .open-shortList.mobile:hover {
        background-color: #01aee5
    }

    .header-menu__btns .open-shortList.mobile:hover:before {
        filter: brightness(0) grayscale(1) invert(100%)
    }

    .header-menu__btns .open-shortList.mobile span {
        display: block;
        position: absolute;
        top: -6px;
        border-radius: 9px;
        min-width: 18px;
        text-align: center;
        background: #01aee5;
        color: #fff;
        line-height: 18px;
        height: 18px;
        padding: 0;
        right: -6px;
        font-family: Inter, sans-serif;
        font-size: 14px;
        opacity: 0;
        transition: opacity .3s;
        box-shadow: 0 0 7px rgba(0, 0, 0, .08)
    }

    .header-menu__btns .open-shortList.mobile span.show {
        opacity: 1
    }

    .header-menu__sell-link {
        flex-grow: 1;
        min-height: 50px;
        padding: 13px 20px
    }

    .header-menu__nav {
        width: 100%
    }

    .header-menu__list {
        flex-direction: column;
        align-items: stretch
    }

    .header-menu__list .header-menu__item {
        border-bottom: 1px solid rgba(236, 236, 236, .5)
    }

    .header-menu__list .header-menu__item:last-child {
        border-bottom: none
    }

    .header-menu__list .header-menu__link {
        display: block;
        padding: 20px 25px 15px 0;
        font-size: 18px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .header-menu__list .header-menu__item:hover .header-menu__link,
    .header-menu__list .header-menu__link:hover {
        color: inherit
    }

    .header-menu__list .header-menu__link:after {
        display: none
    }

    .header-menu__list .header-menu__item.menu-item-has-children .header-menu__link:before {
        content: '';
        position: absolute;
        top: 19px;
        right: 0;
        width: 25px;
        height: 25px;
        background-image: url(../icons/header-menu-item-arrow.html);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (max-width:767px) {
    header.mobileMenu .header-bottom {
        gap: 15px;
        margin: 20px 0
    }

    .header-menu {
        gap: 15px
    }

    .header-menu__btns .open-shortList.mobile {
        width: 40px;
        height: 40px
    }

    .header-menu__sell-link {
        min-height: 40px;
        padding: 8px 15px
    }

    .header-menu__list .header-menu__link {
        padding: 15px 25px 15px 0;
        font-size: 16px;
        line-height: 20px
    }

    .header-menu__list .header-menu__item.menu-item-has-children .header-menu__link:before {
        top: 12px
    }
}

.header-sub__item {
    position: absolute;
    top: calc(100% + 1px);
    left: calc(-50vw + (1160px/2));
    right: 0;
    width: 100vw;
    background: #fff;
    box-shadow: 0 25px 50px 0 rgba(26, 31, 33, .15);
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height .25s ease-in, opacity .15s ease-in-out
}

.header-menu__list .header-menu__item:hover .header-sub__item {
    opacity: 1;
    max-height: max-content;
    pointer-events: auto;
    transition: max-height .4s ease-out
}

.header-sub__item-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 485px
}

.header-sub__item-body.reduce {
    min-height: 350px
}

.header-sub__item-groups {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 50px;
    gap: 15px
}

.header-sub__item-group1 {
    flex-grow: 1;
    overflow: hidden
}

.header-sub__item-group1.p-end {
    padding-right: 70px
}

.header-sub__item-group2,
.header-sub__item-group3 {
    flex: 0 0 340px;
    max-width: 340px
}

.header-sub__item-group3.p-start {
    padding-left: 85px
}

.header-menu__list>.hm-service .header-sub__item-group2 {
    flex: 0 0 560px;
    max-width: 560px
}

.header-menu__list>.hm-projects .header-sub__item-group3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.header-menu__list>.hm-media .header-sub__item-group1,
.header-menu__list>.hm-media .header-sub__item-group2,
.header-menu__list>.hm-media .header-sub__item-group3 {
    flex: 0 0 360px;
    max-width: 360px
}

.header-menu__list>.hm-media .header-sub__item-group2,
.header-menu__list>.hm-media .header-sub__item-group3 {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.header-menu__list>.hm-about .header-sub__item-group1.p-end {
    padding-right: 95px
}

.header-sub__item-caption-main,
.header-sub__item-link-main {
    display: block;
    font-family: InterSemiBold, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 25px;
    color: #222;
    transition: color .2s
}

.header-sub__item-link-main:hover {
    color: #01aee5 !important
}

.header-sub__item-link-main span {
    position: relative;
    display: inline-block;
    padding-right: 45px
}

.header-sub__item-link-main span:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background-image: url(../icons/header-main-link-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .2s, filter .2s
}

.header-sub__item-link-main:hover span:before {
    transform: translateX(3px);
    filter: url(#colorOverlay)
}

.header-menu__list>.hm-areas .header-sub__item-caption-main,
.header-menu__list>.hm-areas .header-sub__item-link-main,
.header-menu__list>.hm-developers .header-sub__item-caption-main,
.header-menu__list>.hm-developers .header-sub__item-link-main,
.header-menu__list>.hm-projects .header-sub__item-caption-main,
.header-menu__list>.hm-projects .header-sub__item-link-main,
.header-menu__list>.hm-service .header-sub__item-caption-main,
.header-menu__list>.hm-service .header-sub__item-link-main {
    margin-bottom: 20px
}

.header-menu__list>.hm-about .header-sub__item-caption-main,
.header-menu__list>.hm-about .header-sub__item-link-main,
.header-menu__list>.hm-media .header-sub__item-caption-main,
.header-menu__list>.hm-media .header-sub__item-link-main {
    margin-bottom: 15px
}

.header-sub__item-desc-about,
.header-sub__item-desc-cat {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #6d6e70
}

.header-sub__item-desc-cat {
    margin-bottom: 25px
}

.header-sub__item-desc-about {
    margin-bottom: 50px
}

.header-sub__links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px 20px
}

.header-sub__links.devs {
    padding-top: 15px
}

.header-sub__links-col {
    position: relative;
    max-height: unset;
    overflow: hidden
}

.header-sub__item-group1 .header-sub__links-col:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 20px;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    z-index: 1
}

.header-sub__links-col.limited {
    max-height: 185px;
    height: 185px;
    overflow: hidden
}

.header-sub__item-group1 .header-sub__links-col:nth-child(odd) {
    flex-basis: calc(40% - 10px)
}

.header-sub__item-group1 .header-sub__links-col:nth-child(even) {
    flex-basis: calc(60% - 10px)
}

.header-menu__list>.hm-buy .header-sub__item-group1 .header-sub__links-col {
    flex-basis: unset;
    padding-right: 20px
}

.header-menu__list>.hm-developers .header-sub__item-group1 .header-sub__links-col,
.header-menu__list>.hm-service .header-sub__links-col {
    flex-basis: calc(50% - 10px)
}

.header-sub__links-col_fw {
    flex: 0 1 100% !important
}

.header-sub__links-col-down {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    z-index: 2;
    background: #f9f9f9;
    background: linear-gradient(0deg, #fff 0, #fff 50%, rgba(255, 255, 255, .95) 100%)
}

.header-sub__links-col.limited .header-sub__links-col-down {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

.header-sub__links-col-showAll {
    margin: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #6d6e70;
    opacity: .5
}

.header-sub__links-col-showAll:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    background-image: url(../icons/header-column-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.header-sub__links-caption {
    display: block;
    color: #8f8f8f80;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    min-height: 17px;
    margin-bottom: 20px
}

.header-sub__links-col_fw .header-sub__links-caption {
    margin-bottom: -10px
}

.header-sub__links-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px
}

.header-sub__links-item:last-child:not(:has(+.header-sub__links-col-down)),
.header-sub__links-item:nth-last-child(2):has(+.header-sub__links-col-down) {
    margin-bottom: 0
}

.header-sub__links-item img.icon {
    flex: 0 0 18px;
    width: 18px;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    margin-right: 5px;
    transition: filter .2s
}

.header-sub__links-item:hover img.icon {
    filter: url(#colorOverlay)
}

.header-sub__links-item img.developer {
    max-width: 113px;
    width: 100%;
    height: 60px;
    object-fit: contain;
    object-position: bottom left;
    opacity: .5;
    transition: opacity .2s
}

.header-sub__links-item:hover img.developer {
    opacity: .9
}

.header-sub__links-item span.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    transition: color .2s
}

.header-sub__links-item:hover span.title {
    color: #01aee5 !important
}

.header-sub__links-item span.title.normal {
    color: #6d6e70;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.header-sub__links-item span.title.big {
    color: #222;
    font-family: InterMedium, sans-serif;
    font-size: 16px;
    line-height: 19px
}

.header-sub__links-item span.title.medium {
    color: #6d6e70;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.header-sub__links-item span.sticker {
    white-space: nowrap;
    padding: 1px 4px;
    border-radius: 4px;
    background: #e3f4f9;
    color: #01aee5;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    margin-left: 7px;
    z-index: 5
}

.header-sub__item-mob-buttons {
    display: none
}

.header-sub__item-mm-award {
    position: absolute;
    top: 0;
    left: calc(100% + 40px);
    width: 50px;
    height: 175px
}

.header-sub__item-mm-award img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center
}

@media only screen and (max-width:1360px) {
    .header-sub__item-mm-award {
        left: calc(100% + 10px)
    }
}

@media only screen and (max-width:1280px) {
    .header-sub__item-mm-award {
        display: none
    }
}

@media only screen and (max-width:1160px) {
    .header-sub__item {
        left: -10px
    }

    .header-sub__item-groups {
        gap: 25px
    }

    .header-sub__item-group1.p-end {
        padding-right: 30px !important
    }

    .header-sub__item-group2,
    .header-sub__item-group3 {
        flex: 0 0 300px;
        max-width: 300px
    }

    .header-sub__item-group3.p-start {
        padding-left: 30px !important
    }

    .header-menu__list>.hm-service .header-sub__item-group2 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .header-menu__list>.hm-media .header-sub__item-group1,
    .header-menu__list>.hm-media .header-sub__item-group3 {
        flex: 1 0 auto;
        max-width: 33.33%
    }

    .header-menu__list>.hm-media .header-sub__item-group2 {
        flex: 0 0 300px;
        max-width: 300px
    }

    .header-sub__links-col {
        flex-basis: calc(50% - 10px) !important;
        padding-right: 0 !important
    }

    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(odd) {
        flex-basis: calc(35% - 10px) !important
    }

    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(even) {
        flex-basis: calc(65% - 10px) !important
    }
}

@media only screen and (max-width:1080px) {
    .header-sub__item-groups {
        gap: 20px
    }

    .header-sub__item-group1.p-end {
        padding-right: 0 !important
    }

    .header-sub__item-group3.p-start {
        padding-left: 0 !important
    }
}

@media only screen and (max-width:990px) {
    .header-sub .header-sub__item {
        position: absolute;
        height: 0;
        max-height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        box-shadow: none !important;
        transform: translateX(calc(-100% - 30px));
        transition: transform .5s ease-in-out !important
    }

    .header-sub.show .header-sub__item {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        max-height: 100% !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 999999999;
        transform: translateX(0)
    }

    body.logged-in .header-sub.show .header-sub__item {
        top: 32px;
        height: calc(var(--app-height) - 32px)
    }

    .header-sub.show .header-sub__item__container {
        height: calc(var(--app-height) - 96px)
    }

    body.logged-in .header-sub.show .header-sub__item__container {
        height: calc(var(--app-height) - 96px - 32px)
    }

    .header-sub__item-body {
        display: none;
        min-height: unset;
        height: 100%
    }

    .header-sub.show .header-sub__item-body {
        display: flex
    }

    .header-sub__item-mob-buttons {
        display: flex;
        order: unset;
        margin-top: auto;
        padding-bottom: 30px
    }

    .header-sub__item-groups {
        flex-wrap: wrap;
        gap: 50px 20px;
        padding-top: 0;
        padding-bottom: 50px
    }

    .header-sub__item-group1,
    .header-sub__item-group2,
    .header-sub__item-group3 {
        flex: 1 0 100% !important;
        max-width: 100% !important
    }

    .header-sub__item-group1 {
        position: relative;
        padding-bottom: 10px;
        overflow: unset
    }

    .header-sub__item-group1:before {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ececec
    }

    .header-menu__list>.hm-about .header-sub__item-group1,
    .header-menu__list>.hm-commercial .header-sub__item-group1,
    .header-menu__list>.hm-service .header-sub__item-group1 {
        padding-bottom: 0
    }

    .header-menu__list>.hm-about .header-sub__item-group1:before,
    .header-menu__list>.hm-commercial .header-sub__item-group1:before,
    .header-menu__list>.hm-service .header-sub__item-group1:before {
        display: none
    }

    .header-menu__list>.hm-about .header-sub__item-group1 {
        order: 2
    }

    .header-sub__item-group2 {
        order: -1
    }

    .header-menu__list>.hm-about .header-sub__item-group2 {
        order: unset;
        flex: 1 0 calc(50% - 10px) !important
    }

    .header-menu__list>.hm-commercial .header-sub__item-group3 {
        display: none
    }

    .header-menu__list>.hm-about .header-sub__item-group3 {
        flex: 1 0 calc(50% - 10px) !important
    }

    .header-sub__item-caption-main,
    .header-sub__item-link-main {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 20px
    }

    .header-sub__item-link-main span {
        display: block
    }

    .header-sub__item-link-main span:before {
        bottom: -6px;
        width: 40px;
        height: 40px
    }

    .header-sub__item-desc-cat {
        margin-bottom: 20px
    }

    .header-sub__item-desc-about {
        margin-bottom: 40px
    }

    .header-sub__links {
        width: 100%;
        gap: 30px 50px
    }

    .header-sub__links-col.limited {
        max-height: 217px;
        height: 217px
    }

    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(even),
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(odd),
    .header-sub__links-col {
        flex-basis: calc(50% - 25px) !important
    }

    .header-sub__item-group3 .header-sub__links-col_fw {
        display: none
    }

    .header-sub__links-caption {
        font-size: 16px;
        line-height: 20px
    }

    .header-sub__links-item {
        margin-bottom: 20px
    }

    .header-sub__links-item span.title.big,
    .header-sub__links-item span.title.medium,
    .header-sub__links-item span.title.normal {
        font-size: 16px;
        line-height: 20px
    }

    .header-sub__item-group3 .header-sub__links-item span.title.big {
        font-family: Inter, sans-serif;
        color: #6d6e70
    }

    .header-sub__links-col-down {
        height: 37px
    }

    .header-sub__links-col-showAll {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) {
    body.logged-in .header-sub.show .header-sub__item {
        top: 46px;
        height: calc(var(--app-height) - 46px)
    }

    .header-sub.show .header-sub__item__container {
        height: calc(var(--app-height) - 67px)
    }

    body.logged-in .header-sub.show .header-sub__item__container {
        height: calc(var(--app-height) - 67px - 46px)
    }

    .header-sub__item-groups {
        gap: 40px 20px;
        padding-bottom: 30px
    }

    .header-sub__item-group1 {
        padding-bottom: 20px
    }

    .header-sub__item-group1:before {
        bottom: -10px
    }

    .header-menu__list>.hm-about .header-sub__item-group2 {
        flex: 1 0 100% !important
    }

    .header-menu__list>.hm-about .header-sub__item-group3 {
        order: 3
    }

    .header-sub__item-caption-main,
    .header-sub__item-link-main {
        font-size: 18px;
        line-height: 22px
    }

    .header-sub__item-link-main span:before {
        width: 35px;
        height: 35px
    }

    .header-sub__item-desc-cat {
        margin-bottom: 15px
    }

    .header-sub__item-desc-about {
        margin-bottom: 20px
    }

    .header-sub__links {
        gap: 20px
    }

    .header-menu__list>.hm-service .header-sub__links {
        gap: 15px
    }

    .header-sub__links-col {
        flex-basis: calc(50% - 10px) !important
    }

    .header-sub__links-col.limited {
        max-height: 185px;
        height: 185px
    }

    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-col,
    .header-menu__list>.hm-projects .header-sub__item-group1 .header-sub__links-col:nth-child(n+3),
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(even),
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:nth-child(odd),
    .header-menu__list>.hm-service .header-sub__item-group1 .header-sub__links-col {
        flex-basis: 100% !important
    }

    .header-menu__list>.hm-projects .header-sub__item-group1 .header-sub__links-col:nth-child(3) {
        padding-top: 5px
    }

    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-col,
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col {
        padding-bottom: 40px
    }

    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-col:before,
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:before {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ececec
    }

    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-col:last-child,
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:last-child {
        padding-bottom: 0
    }

    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-col:last-child:before,
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-col:last-child:before {
        display: none
    }

    .header-menu__list>.hm-service .header-sub__item-group2 .header-sub__links-col {
        flex-basis: 100% !important
    }

    .header-sub__links-col_fw .header-sub__links-caption {
        margin-bottom: -5px
    }

    .header-menu__list>.hm-service .header-sub__links-col_fw .header-sub__links-caption {
        padding-top: 15px
    }

    .header-sub__links-caption {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 15px
    }

    .header-menu__list>.hm-buy .header-sub__item-group1 .header-sub__links-caption,
    .header-menu__list>.hm-commercial .header-sub__item-group1 .header-sub__links-caption,
    .header-menu__list>.hm-rent .header-sub__item-group1 .header-sub__links-caption {
        margin-bottom: 20px
    }

    .header-sub__links-item {
        margin-bottom: 15px
    }

    .header-sub__links-item span.title.big,
    .header-sub__links-item span.title.medium,
    .header-sub__links-item span.title.normal {
        font-size: 14px;
        line-height: 17px
    }

    .header-sub__links-item img.icon {
        flex: 0 0 17px;
        width: 17px
    }

    .header-menu__list>.hm-areas .header-sub__item-group1 .header-sub__links-item span.sticker {
        display: none
    }

    .header-sub__links-col-down {
        height: 32px
    }

    .header-sub__links-col-showAll {
        font-size: 14px;
        line-height: 17px
    }
}

.header-hot-links {
    display: none
}

@media only screen and (max-width:990px) {
    header.mobileMenu .header-hot-links {
        display: block
    }

    .header-hot-links__items-wrap {
        width: 100%;
        overflow: auto;
        padding-bottom: 20px
    }

    .header-hot-links__items {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px
    }

    .header-hot-links__item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 8.5px 10px;
        min-height: 40px;
        border: 1px solid #ececec;
        border-radius: 8px
    }

    .header-menu__list>.hm-buy .header-hot-links__item {
        background-color: #ececec
    }

    .header-hot-links__item.promo {
        border: 1px solid #e3f4f9 !important;
        background-color: #e3f4f9 !important
    }

    .header-hot-links__item img.icon {
        flex: 0 0 18px;
        width: 18px;
        height: 100%;
        object-fit: contain;
        object-position: left center;
        margin-right: 5px;
        opacity: .5
    }

    .header-hot-links__item.promo img.icon {
        opacity: 1
    }

    .header-hot-links__item span.title {
        white-space: nowrap;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        color: #8f8f8f
    }

    .header-hot-links__item.promo span.title {
        color: #fd8f5e
    }
}

@media only screen and (max-width:767px) {
    .header-hot-links__items-wrap {
        padding-bottom: 15px
    }

    .header-hot-links__item {
        padding: 3.5px 10px;
        min-height: 30px
    }

    .header-hot-links__item img.icon {
        flex: 0 0 17px;
        width: 17px
    }
}

.mob-header {
    display: none
}

@media only screen and (max-width:990px) {
    .mob-header {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 30px 0;
        min-height: 36px;
        width: 100%
    }

    .mob-header__back {
        position: relative;
        padding-left: 15px
    }

    .mob-header__back:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 7px;
        height: 100%;
        background-image: url(../icons/header-mob-back.html);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .mob-header__back span {
        display: inline-block;
        font-family: Inter, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #8f8f8f;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media only screen and (max-width:767px) {
    .mob-header {
        margin: 20px 0;
        min-height: 27px
    }
}

.header-promo {
    position: relative;
    height: 100%
}

.header-promo__link {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 8px
}

.header-promo__link:before {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 15px;
    width: 35px;
    height: 35px;
    background-image: url(../icons/header-promo-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.header-promo__link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    z-index: -1
}

.header-promo__image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -2;
    transition: transform .65s
}

.header-promo__link:hover .header-promo__image {
    transform: scale(1.1)
}

.header-promo__image-award {
    position: absolute;
    top: 0;
    left: 20px;
    object-fit: contain;
    height: auto;
    width: 60px;
    z-index: 0
}

.header-promo__stiker {
    position: absolute;
    top: 20px;
    left: 20px;
    max-width: calc(100% - 40px);
    padding: 2px 10px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    z-index: 0
}

.header-promo__stiker img {
    width: 13px;
    height: 13px;
    object-fit: contain
}

.header-promo__stiker span {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #01aee5
}

.header-promo__title {
    position: absolute;
    bottom: 15px;
    left: 20px;
    max-width: 250px;
    font-family: InterSemiBold, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
    margin-bottom: 0;
    z-index: 1
}

.header-menu__list>.hm-media .header-promo__title {
    max-width: 80%
}

@media only screen and (max-width:990px) {
    .header-promo {
        min-height: 160px
    }

    .header-menu__list>.hm-about .header-promo {
        min-height: 275px
    }

    .header-promo__stiker {
        top: 15px;
        left: 15px;
        max-width: calc(100% - 30px)
    }

    .header-promo__title {
        line-height: 42px;
        bottom: 10px;
        left: 15px;
        max-width: 90%
    }

    .header-menu__list>.hm-media .header-promo__title {
        max-width: 90%
    }

    .header-promo__link:before {
        bottom: 15px;
        right: 0;
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:767px) {
    .header-promo {
        min-height: 135px
    }

    .header-menu__list>.hm-about .header-promo,
    .header-menu__list>.hm-media .header-promo {
        min-height: 180px
    }

    .header-menu__list>.hm-about .header-promo__image {
        object-position: top center
    }

    .header-promo__title {
        font-size: 22px;
        line-height: 30px
    }

    .header-promo__link:before {
        bottom: 10px;
        width: 35px;
        height: 35px
    }

    .header-promo__image-award {
        width: 40px
    }
}

.header-promo-bottom {
    position: relative;
    max-height: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out, max-height .4s ease-in-out
}

.header-promo-bottom.show {
    max-height: max-content;
    opacity: 1;
    margin-top: auto;
    padding-bottom: 30px
}

.header-promo-bottom__inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    background: #e3f4f9;
    border-radius: 8px;
    overflow: hidden
}

.header-promo-bottom__desc {
    flex-grow: 1;
    padding: 20px 20px 30px
}

.header-promo-bottom__desc>p {
    font-family: InterSemiBold, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: rgba(34, 34, 34, .4);
    margin-bottom: 0
}

.header-promo-bottom__desc>p>span {
    color: #222
}

.header-promo-bottom__desc>p>span b {
    font-weight: 400
}

.header-promo-bottom__desc>p>span br {
    display: none
}

.header-promo-bottom__buttons {
    flex: 0 0 340px;
    max-width: 340px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px
}

.header-promo-bottom__button {
    display: inline-block;
    padding: 9px 28px;
    min-height: 40px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #01aee5 0, #01aee5 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.header-promo-bottom__button:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.header-promo-bottom__image {
    position: relative;
    flex: 0 0 340px;
    max-width: 340px
}

.header-promo-bottom__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90.46deg, #e3f4f9 .4%, rgba(227, 244, 249, 0) 99.64%);
    z-index: 1
}

.header-promo-bottom__image img {
    position: absolute;
    top: 0;
    right: 0;
    width: 99%;
    height: 100%;
    object-fit: cover
}

.header-promo-bottom__btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    border: none;
    outline: 0;
    padding: 0;
    font-size: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url(../icons/header-promo-close.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    z-index: 2
}

@media only screen and (max-width:990px) {

    .header-promo-bottom,
    .header-promo-bottom.show {
        display: none
    }
}

.header-promo-small {
    max-height: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out, max-height .4s ease-in-out
}

.header-promo-small.show {
    max-height: max-content;
    opacity: 1;
    margin-top: auto;
    padding-top: 20px
}

.header-promo-small__inner {
    position: relative;
    z-index: 1;
    padding: 15px;
    background: #e3f4f9;
    border-radius: 8px;
    overflow: hidden
}

.header-promo-small__desc {
    max-width: 90%
}

.header-promo-small__desc>p {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #222;
    margin-bottom: 25px
}

.header-promo-small__desc>p>span b {
    font-weight: 400
}

.header-promo-small__desc>p>span br {
    display: none
}

.header-promo-small__button {
    display: inline-block;
    padding: 9px 13px;
    min-height: 40px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #01aee5 0, #01aee5 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.header-promo-small__button:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.header-promo-small__image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 45%;
    background: linear-gradient(180deg, #e3f4f9 0, rgba(227, 244, 249, 0) 100%), linear-gradient(90.46deg, #e3f4f9 .4%, rgba(227, 244, 249, 0) 99.64%);
    z-index: -1
}

.header-promo-small__image img {
    position: absolute;
    top: 0;
    right: 0;
    width: 44%;
    height: 100%;
    object-fit: cover;
    z-index: -2
}

.header-promo-small__btn-close {
    position: absolute;
    top: 15px;
    right: 10px;
    display: block;
    border: none;
    outline: 0;
    padding: 0;
    font-size: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(../icons/header-promo-close-small.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    z-index: 2
}

.header-promo-mob {
    display: none
}

@media only screen and (max-width:990px) {

    .header-promo-small,
    .header-promo-small.show {
        display: none
    }

    .header-promo-mob {
        display: block
    }

    .header-promo-mob__link {
        display: block;
        width: 100%;
        height: 100%
    }

    .header-promo-mob__inner {
        background: #e3f4f9;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 5px
    }

    .header-promo-mob__image {
        position: relative;
        z-index: 1;
        flex: 0 0 160px;
        opacity: .8
    }

    .header-promo-mob__image:before {
        content: '';
        position: absolute;
        top: 0;
        right: -1px;
        height: 100%;
        width: 100%;
        transform: rotate(-180deg);
        background: linear-gradient(90.72deg, #e3f4f9 11.94%, rgba(227, 244, 249, 0) 99.43%);
        z-index: -1
    }

    .header-promo-mob__image img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2
    }

    .header-promo-mob__desc {
        flex-grow: 1
    }

    .header-promo-mob__desc-content {
        max-width: 315px;
        padding: 20px 0
    }

    .header-promo-mob__desc-content h3 {
        font-family: InterSemiBold, sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 29px;
        color: #222;
        margin-bottom: 10px
    }

    .header-promo-mob__desc-content p {
        font-family: InterSemiBold, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: rgba(34, 34, 34, .4);
        margin-bottom: 0
    }

    .header-promo-mob__desc-content p>span {
        color: #222
    }

    .header-promo-mob__desc-content p>span b {
        font-weight: 400
    }

    .header-promo-mob__desc-content p>span br {
        display: none
    }

    .header-promo-mob__button {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 0;
        position: relative;
        padding: 0 25px
    }

    .header-promo-mob__button:before {
        content: '';
        position: absolute;
        right: calc(50% - 8px);
        top: 0;
        height: 100%;
        width: 8px;
        background-image: url(../icons/header-promo-mob-arrow.html);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (max-width:767px) {
    .header-promo-mob__inner {
        gap: 0
    }

    .header-promo-mob__image {
        flex: 0 0 96px
    }

    .header-promo-mob__desc-content {
        max-width: 230px
    }

    .header-promo-mob__desc-content h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .header-promo-mob__desc-content p {
        font-size: 12px;
        line-height: 16px
    }

    .header-promo-mob__button {
        padding: 0 20px
    }
}

.header-tabs__links {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    list-style: none;
    padding: 6px;
    margin-bottom: 25px;
    border: 1px solid #01aee580;
    border-radius: 8px
}

.header-tabs__links li {
    border-radius: 5px;
    background: #fff;
    transition: background .3s ease-in-out
}

.header-tabs__links li.active {
    background: #e3f4f9
}

.header-tabs__links a {
    display: block;
    text-decoration: none;
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 20px;
    color: #6d6e70;
    opacity: .5;
    transition: color .2s, opacity .2s
}

.header-tabs__links li.active a {
    color: #01aee5;
    opacity: 1
}

.header-tabs__tab {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s, transform .3s
}

.header-tabs__tab.active {
    display: block;
    opacity: 1;
    transform: translateY(0)
}

@media only screen and (max-width:990px) {
    .header-tabs__links {
        margin-bottom: 30px
    }
}

.header-service-blocks {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 40px
}

.header-service-blocks__item {
    flex-basis: calc(50% - 5px);
    max-width: calc(50% - 5px);
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 235px
}

.header-service-blocks__item.gray {
    background: #222
}

.header-service-blocks__item.blue {
    background: #e3f4f9
}

.header-service-blocks__stiker {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    border-radius: 8px;
    background: #01aee5;
    padding: 2px 10px
}

.header-service-blocks__stiker span {
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}

.header-service-blocks__stiker img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

.header-service-blocks__title {
    padding: 20px 0;
    margin-top: auto;
    font-family: InterSemiBold, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px
}

.header-service-blocks__item.gray .header-service-blocks__title {
    color: #fff
}

.header-service-blocks__item.blue .header-service-blocks__title {
    color: #222
}

.header-service-blocks__btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 5px;
    min-height: 40px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #01aee5;
    text-decoration: none;
    text-align: center;
    border: 1px solid #01aee5;
    border-radius: 8px;
    background: 0 0;
    transition: background .2s ease-in-out, color .2s
}

.header-service-blocks__btn:hover {
    color: #fff;
    background: #01aee5
}

@media only screen and (max-width:1080px) {
    .header-service-blocks__item {
        padding: 15px
    }

    .header-service-blocks__title {
        font-size: 28px
    }
}

@media only screen and (max-width:990px) {
    .header-service-blocks {
        gap: 20px;
        margin-bottom: 0
    }

    .header-service-blocks__item {
        min-height: 185px;
        padding: 15px
    }

    .header-service-blocks__stiker span {
        font-size: 14px
    }

    .header-service-blocks__title {
        font-size: 25px;
        padding: 15px 0
    }
}

@media only screen and (max-width:767px) {
    .header-service-blocks {
        flex-wrap: wrap;
        gap: 15px
    }

    .header-service-blocks__item {
        flex-basis: 100%;
        max-width: 100%
    }

    .header-service-blocks__title {
        font-size: 22px;
        line-height: 30px
    }

    .header-service-blocks__stiker span {
        font-size: 12px
    }
}

.header-service-properties {
    margin-top: 50px;
    padding-top: 15px;
    border-top: 1px solid #ececec
}

.header-service-properties__caption {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 15px;
    color: #222
}

.header-service-properties__links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    overflow: auto
}

.header-service-properties__links a {
    display: inline-block;
    white-space: nowrap;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    background: #e3f4f9;
    color: #01aee5;
    border-radius: 4px;
    padding: 6px 25px;
    min-height: 30px;
    transition: background .2s ease-in-out, color .2s
}

.header-service-properties__links a:hover {
    color: #fff;
    background: #01aee5
}

@media only screen and (max-width:990px) {
    .header-service-properties {
        margin-top: 30px;
        padding-top: 30px
    }

    .header-service-properties__caption {
        font-size: 22px;
        line-height: 27px
    }

    .header-service-properties__links a {
        font-size: 14px;
        line-height: 21px;
        padding: 9px 20px;
        min-height: 40px
    }
}

@media only screen and (max-width:767px) {
    .header-service-properties__caption {
        font-size: 18px;
        line-height: 22px
    }

    .header-service-properties__links a {
        font-size: 12px;
        line-height: 18px;
        padding: 6px 20px;
        min-height: 30px
    }
}

.header-posts {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.header-posts__item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px
}

.header-posts__item-link {
    display: block;
    width: 100%;
    height: 100%;
    color: #222;
    text-decoration: none;
    transition: color .2s
}

.header-posts__item-link:hover {
    color: #01aee5
}

.header-posts__item-image {
    position: relative;
    flex: 0 0 70px
}

.header-posts__item-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition: transform .2s linear
}

.header-posts__item-link:hover img {
    transform: scale(.95)
}

.header-posts__item-content {
    flex-grow: 1
}

.header-posts__item-title {
    font-family: InterMedium, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #222;
    margin-bottom: 5px
}

.header-posts__item-desc {
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #6d6e70;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(2em + 18px);
    min-height: 15px
}

.header-posts__item-date {
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    color: #6d6e7080;
    margin-bottom: 0
}

.header-posts-mm {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px
}

.header-posts-mm__item {
    flex: 1 0 calc(33.33% - 10px);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-posts-mm__link {
    display: block;
    height: 100%;
    width: 100%;
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    transition: border .2s ease-in-out
}

.header-posts-mm__link:hover {
    border-color: #fd8f5e
}

.header-posts-mm__item img {
    display: inline-block !important;
    width: 80px;
    height: 45px;
    object-fit: contain
}

@media only screen and (max-width:1080px) {
    .header-posts-mm__item {
        flex: 1 0 calc(50% - 10px)
    }
}

@media only screen and (max-width:990px) {
    .header-posts-mm__item {
        flex: 1 0 calc(33.33% - 10px)
    }

    .header-posts-mm__link {
        padding: 10px
    }
}

.header-contacts__phone {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    color: #222;
    margin-bottom: 20px
}

.header-contacts__phone .callme_button_rngst {
    background-color: #e3f4f9;
    color: #01aee5;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    padding: 1px 9px;
    margin-left: 8px
}

.header-contacts__phone>span {
    display: inline-block;
    color: inherit
}

.header-contacts__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.header-contacts__link-page {
    display: inline-block;
    white-space: nowrap;
    padding: 9px 35px;
    min-height: 40px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #01aee5 0, #01aee5 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.header-contacts__link-page:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.header-contacts__socials .socialIcons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}

.header-contacts__socials .socialIcons>a {
    display: inline-block;
    height: 30px;
    width: 30px;
    transition: transform .2s
}

.header-contacts__socials .socialIcons>a:hover {
    transform: scale(1.1)
}

.header-contacts__socials .socialIcons>a.telegram-social {
    display: none
}

.header-contacts__socials .socialIcons>a.facebook-social {
    order: 1
}

.header-contacts__socials .socialIcons>a.instagram-social {
    order: 2
}

.header-contacts__socials .socialIcons>a.youtube-social {
    order: 3
}

.header-contacts__socials .socialIcons>a.twitter-social {
    order: 4
}

.header-contacts__socials .socialIcons>a.linkedin-social {
    order: 5
}

.header-contacts__socials .socialIcons>a>i {
    position: relative;
    height: 100%;
    width: 100%
}

.header-contacts__socials .socialIcons>a>i:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.header-contacts__socials .socialIcons>a.instagram-social>i:before {
    background-image: url(../icons/header-soc-instagram.html)
}

.header-contacts__socials .socialIcons>a.facebook-social>i:before {
    background-image: url(../icons/header-soc-facebook.html)
}

.header-contacts__socials .socialIcons>a.twitter-social>i:before {
    background-image: url(../icons/header-soc-twitter.html)
}

.header-contacts__socials .socialIcons>a.linkedin-social>i:before {
    background-image: url(../icons/header-soc-linkedin.html)
}

.header-contacts__socials .socialIcons>a.youtube-social>i:before {
    background-image: url(../icons/header-soc-youtube.html)
}

@media only screen and (max-width:990px) {
    .header-contacts__phone {
        font-size: 22px;
        line-height: 27px
    }

    .header-contacts__socials .socialIcons>a {
        height: 40px;
        width: 40px
    }
}

@media only screen and (max-width:767px) {
    .header-contacts__phone {
        text-align: center
    }

    .header-contacts__buttons {
        justify-content: center
    }

    .header-contacts__socials .socialIcons>a {
        height: 30px;
        width: 30px
    }
}

.footer-new-sidebar {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
    padding-bottom: 50px
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .footer-new-sidebar {
        gap: 30px
    }
}

@media only screen and (max-width:990px) {
    .footer-new-sidebar {
        flex-wrap: wrap;
        padding-bottom: 30px
    }
}

.footer-new-sidebar__first {
    flex: 0 0 260px;
    max-width: 260px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.footer-new-mob__rev-ser {
    display: none
}

.footer-new-sidebar__first-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.footer-new-sidebar__first-mob_cert {
    display: none
}

.footer-new-sidebar__first-filter {
    display: flex;
    gap: 15px
}

.footer-new-sidebar__first-loc-img {
    height: 35px;
    width: 190px;
    object-fit: contain;
    object-position: center left;
    margin-bottom: 20px
}

.footer-new-sidebar__first-loc-address {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 20px !important;
    max-width: 201px
}

.footer-new-sidebar__first-awards-wrap {
    margin-top: 40px
}

.footer-new-sidebar__first-awards {
    display: flex;
    align-items: flex-start;
    gap: 17px
}

.footer-new-sidebar__first .award-stickers {
    object-fit: contain;
    height: auto
}

.footer-new-sidebar__first .award-stickers.ra {
    width: 61px
}

.footer-new-sidebar__first .award-stickers.gptw {
    width: 55px
}

.footer-new-sidebar__first-socials .socialIcons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.footer-new-sidebar__first-socials .socialIcons a {
    display: inline-block;
    height: 30px
}

.footer-new-sidebar__first-socials .socialIcons i {
    height: 100%;
    transition: transform .5s
}

.footer-new-sidebar__first-socials .socialIcons i:hover {
    transform: scale(1.1)
}

.footer-new-sidebar__first-socials .socialIcons i:before {
    content: '';
    height: 100%;
    width: 30px
}

.footer-new-sidebar__first-socials .socialIcons i.icon-instagram:before {
    background-image: url(../icons/icon_instagram-s.html)
}

.footer-new-sidebar__first-socials .socialIcons i.icon-facebook:before {
    background-image: url(../icons/icon_facebook-s.html)
}

.footer-new-sidebar__first-socials .socialIcons i.icon-twitter:before {
    background-image: url(../icons/icon_twitter-s.html)
}

.footer-new-sidebar__first-socials .socialIcons i.icon-linkedin:before {
    background-image: url(../icons/icon_linkedin-s.html)
}

.footer-new-sidebar__first-socials .socialIcons i.icon-youtube:before {
    background-image: url(../icons/icon_youtube-s.html)
}

.footer-new-sidebar__first-socials .socialIcons i.icon-telegram:before {
    background-image: url(../icons/icon-telegram.html)
}

.footer-new-sidebar__first-filter .areaSelect {
    flex-grow: 1;
    border: 1px solid #01aee580;
    border-radius: 8px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.footer-new-sidebar__first-filter .areaSelect-btn {
    flex: 0 1 50%;
    background-color: transparent;
    border: none;
    padding: 4px 10px;
    font-family: InterSemiBold, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    color: #6d6e70;
    transition: .3s;
    opacity: .5
}

.footer-new-sidebar__first-filter .areaSelect-btn.active {
    background-color: #e3f4f9;
    border-radius: 8px;
    color: #01aee5;
    opacity: 1
}

.footer-new-sidebar__first-filter .areaSelect-btn:hover {
    color: #01aee5
}

.footer-new-sidebar__first-filter .currency-switcher {
    border: 1px solid #01aee5;
    height: auto;
    color: #01aee5;
    padding: 8px 6px
}

.footer-new-sidebar__first-filter .currency-switcher option {
    font-size: 12px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    color: #01aee5
}

.footer-new-sidebar__first-cert,
.footer-new-sidebar__first-loc:not(:first-child) .footer-new-sidebar__first-cert {
    display: none
}

.footer-new-mob__wrap {
    width: 100%;
    margin-top: 40px
}

.footer-new-mob__filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px
}

.footer-new-mob__cert-1 {
    display: none
}

@media only screen and (max-width:990px) {
    .footer-new-sidebar__first {
        flex: 0 1 100%;
        max-width: 100%;
        gap: 40px;
        justify-content: space-beetwen;
        flex-direction: row
    }

    .footer-new-sidebar__first-awards-wrap {
        display: none
    }

    .footer-new-sidebar__first .award-stickers.ra {
        width: 52px
    }

    .footer-new-sidebar__first .award-stickers.gptw {
        width: 55px
    }

    .footer-new-mob__wrap {
        margin-top: 0
    }

    .footer-new-mob__cert-1 {
        display: block
    }

    .footer-new-mob__rev-ser {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin-top: 15px
    }
}

@media only screen and (max-width:743px) {
    .footer-new-sidebar {
        padding-bottom: 40px
    }

    .footer-new-sidebar__first {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        column-gap: 4px;
        row-gap: 35px;
        max-width: 400px
    }

    .footer-new-sidebar__first-wrap {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .footer-new-sidebar__first-mob_cert {
        display: block
    }

    .footer-new-sidebar__first-filter {
        max-width: 100%;
        width: 100%
    }

    .footer-new-sidebar__first-filter .areaSelect {
        display: flex;
        justify-content: center
    }

    .footer-new-sidebar__first-filter .areaSelect-btn {
        padding: 4px 26px
    }

    .footer-new-mob__cert-1 {
        display: none
    }

    .footer-new-sidebar__first-cert {
        display: block
    }

    .footer-new-sidebar__first-loc {
        display: flex;
        gap: 18px;
        width: 100%;
        justify-content: space-between
    }

    .footer-new-sidebar__first-loc-address {
        max-width: 207px
    }

    .footer-new-mob__wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        align-items: center;
        gap: 50px
    }

    .footer-new-mob__rev-ser {
        max-width: 320px;
        margin: 0;
        width: 100%
    }

    .footer-new-mob__rev {
        width: 100%
    }

    .footer-new-mob__ser {
        display: none
    }

    .footer-new-mob__filters {
        order: 2;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-rows: 1fr;
        width: 100%
    }

    .footer-new-sidebar__first .award-stickers.gptw,
    .footer-new-sidebar__first .award-stickers.ra {
        width: 45px
    }
}

@media only screen and (max-width:420px) {
    .footer-new-sidebar__first {
        max-width: 320px
    }
}

.footer-new-sidebar__main {
    flex-grow: 1;
    max-width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 35px
}

.footer-new-sidebar__main-col.main {
    flex-grow: 1;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 35px
}

.footer-new-sidebar__main-col.services {
    flex: 0 0 260px;
    max-width: 260px
}

.footer-new-sidebar__main-col.footer-mob {
    display: none
}

.footer-new-sidebar__main .footer-a,
.footer-new-sidebar__main .footer-b,
.footer-new-sidebar__main .footer-c,
.footer-new-sidebar__main .footer-m,
.footer-new-sidebar__main .footer-p,
.footer-new-sidebar__main .footer-r {
    flex: 0 1 calc(33% - 24px);
    max-width: 33%;
    overflow: hidden
}

.footer-new-sidebar__main .footer-s {
    width: 100%;
    padding: 0;
    overflow: hidden
}

.footer-new-sidebar__main .FooterMH-link {
    display: block
}

.footer-new-sidebar__main .FooterMH {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #222;
    transition: color .2s ease-in
}

.footer-new-sidebar__main .FooterMH-link:hover .FooterMH {
    color: #01aee5
}

.footer-new-sidebar__main .FooterCC {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8f8f8f7a;
    margin-top: 25px;
    margin-bottom: 15px
}

.footer-new-sidebar__main .FooterCC a {
    color: #fff;
}

.footer-new-sidebar__main .FooterCC a:hover {
    color: #fd8f5e;
}

.footer-new-sidebar__main ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-new-sidebar__main ul li {
    margin-top: 15px;
    line-height: 1
}

.footer-new-sidebar__main .footer-s ul li:nth-of-type(5),
.footer-new-sidebar__main .footer-s ul li:nth-of-type(9) {
    display: none
}

.footer-new-sidebar__main ul li a {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6d6e70;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footer-new-sidebar__main ul li a:hover {
    color: #01aee5
}

.footer-new-sidebar__main ul li a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer-new .widget-currency-switcher-new,
.footer-new-langs__select-options .language-switcher {
    border: 1px solid #01aee580;
    height: auto;
    color: #01aee5;
    padding: 10px 7px;
    border-radius: 8px;
    position: relative;
    min-width: 55px
}

.footer-new .language-switcher__current,
.footer-new .widget-currency-switcher__active {
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.footer-new .language-switcher__current:after,
.footer-new .widget-currency-switcher__active:after {
    content: '';
    width: 12px;
    height: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../icons/header-select-arrow-blue.html);
    transition: .2s
}

.footer-new .language-switcher__current.active:after,
.footer-new .widget-currency-switcher__active.active:after {
    transform: rotate(180deg)
}

.footer-new .currency-switcher-new,
.footer-new .language-switcher__all {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 0;
    z-index: 10;
    top: calc(100% - 5px);
    width: calc(100% + 2px);
    margin-left: -8px;
    border: 1px solid #01aee5;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.footer-new .currency-switcher-new {
    list-style-type: none;
    margin-bottom: 0
}

.footer-new .currency-switcher__item,
.footer-new .language-switcher__item {
    background-color: #f2f2f2;
    font-family: Inter, sans-serif;
    font-weight: 400;
    padding: 5px 6px;
    font-size: 12px;
    cursor: pointer
}

.footer-new .currency-switcher__item[selected=selected],
.footer-new .language-switcher__item.selected {
    display: none
}

.footer-new .currency-switcher__item:last-of-type,
.footer-new .language-switcher__item:last-of-type {
    border-radius: 0 0 8px 8px
}

.footer-new .currency-switcher__item:hover,
.footer-new .language-switcher__item:hover {
    background-color: #fff
}

.footer-mob__locations-img {
    height: 30px;
    width: 165px;
    object-fit: contain;
    object-position: center left;
    margin-bottom: 20px
}

.footer-mob__locations-title {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
}

.footer-mob__locations-address {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #6d6e70;
    max-width: 225px;
    margin-bottom: 0
}

@media screen and (min-width:991px) and (max-width:1024px) {

    .footer-new-sidebar__main,
    .footer-new-sidebar__main-col.main {
        gap: 25px
    }

    .footer-new-sidebar__main .footer-a,
    .footer-new-sidebar__main .footer-b,
    .footer-new-sidebar__main .footer-c,
    .footer-new-sidebar__main .footer-m,
    .footer-new-sidebar__main .footer-p,
    .footer-new-sidebar__main .footer-r {
        flex: 0 1 calc(33% - 17px)
    }

    .footer-new-sidebar__main .FooterMH {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:990px) {
    .footer-new-sidebar__main {
        flex: 100%;
        max-width: 100%;
        flex-wrap: wrap
    }

    .footer-new-sidebar__main-col.services {
        flex: 0 1 calc(50% - 18px);
        max-width: 50%
    }

    .footer-new-sidebar__main-col.footer-mob {
        display: flex;
        flex-direction: column;
        flex: 0 1 calc(50% - 18px);
        max-width: 50%;
        justify-content: flex-end;
        gap: 50px
    }
}

@media only screen and (max-width:743px) {
    .footer-new-sidebar__main {
        gap: 30px
    }

    .footer-new-sidebar__main-col.main {
        column-gap: 25px;
        row-gap: 30px
    }

    .footer-new-sidebar__main .footer-a,
    .footer-new-sidebar__main .footer-b,
    .footer-new-sidebar__main .footer-c,
    .footer-new-sidebar__main .footer-m,
    .footer-new-sidebar__main .footer-p,
    .footer-new-sidebar__main .footer-r {
        flex: 0 1 calc(50% - 13px);
        max-width: 50%
    }

    .footer-new-sidebar__main .footer-b {
        order: 1
    }

    .footer-new-sidebar__main .footer-r {
        order: 2
    }

    .footer-new-sidebar__main .footer-p {
        order: 3
    }

    .footer-new-sidebar__main .footer-m {
        order: 6
    }

    .footer-new-sidebar__main .footer-a {
        order: 5
    }

    .footer-new-sidebar__main .footer-c {
        order: 4
    }

    .footer-new-sidebar__main-col.services {
        flex: 0 1 100%;
        max-width: 100%
    }

    .footer-new-sidebar__main-col.footer-mob {
        flex: 0 1 100%;
        max-width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
        gap: 40px
    }

    .footer-new-sidebar__main .FooterMH {
        font-size: 18px;
        line-height: 24px
    }
}

.footer-new__locations {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 50px
}

.footer-new__locations-item {
    flex: 0 1 calc(25% - 30px);
    max-width: 25%
}

.footer-new__locations-item:first-child {
    flex: 0 0 260px;
    max-width: 260px
}

.footer-new__locations-img {
    height: 30px;
    width: 165px;
    object-fit: contain;
    object-position: center left;
    margin-bottom: 20px
}

.footer-new__locations-title {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
}

.footer-new__locations-address {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #6d6e70;
    margin-bottom: 0;
    max-width: 225px
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .footer-new__locations {
        gap: 30px
    }

    .footer-new__locations-item {
        flex: 0 1 calc(25% - 23px)
    }
}

.footer-new .rating-stikers {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 15px
}

.footer-new .googleRating {
    display: inline-block;
    width: 187px;
    height: 48px;
    background-image: url(../images/google.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff !important;
    color: transparent !important;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    position: relative
}

.footer-new .feefo__link {
    display: inline-block;
    width: 187px;
    height: 48px;
    border-radius: 8px
}

.footer-new .feefo__link img.feefo {
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: top;
    object-fit: contain
}

.footer-new .grw-net-widget {
    height: 100%
}

.footer-new .grw-net-widget>a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-new .grw-net-widget .grw-net-logo-r,
.footer-new .grw-net-widget .grw-net-stars-5-0-star .grw-net-stars-star {
    background: 0 0 !important
}

.footer-new .grw-net-widget .grw-net-text,
.footer-new .grw-net-widget .grw-net-text-medium {
    color: transparent !important
}

.footer-new .grw-net-widget .grw-net-stars-text-small {
    position: absolute;
    right: 5px;
    bottom: 6px;
    font-size: 9px !important;
    font-weight: 400 !important;
    font-family: InterSemiBold, sans-serif;
    color: #222 !important;
    background-color: #fff !important;
    text-align: right !important
}

@media only screen and (max-width:990px) {
    .footer-new__locations {
        display: none
    }

    .footer-new .rating-stikers {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:743px) {
    .footer-new-mob__rev .rating-stikers {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px
    }

    .footer-new .feefo__link,
    .footer-new .googleRating {
        width: calc(50% - 10px);
        height: 38px
    }
}

.footer-new .footer-copyright {
    padding: 20px 0 35px;
    border-top: 1px solid #e4e4e4
}

.footer-new .footer-copyright__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.footer-new .footer-copyright__caption {
    flex: 0 0 260px;
    max-width: 260px
}

.footer-new .footer-copyright__caption span {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fd8f5e;
    white-space: nowrap
}

.footer-new .footer-copyright__wrapper {
    flex-grow: 1;
    max-width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.footer-new .footer-copyright__wrapper a {
    display: inline-block;
    vertical-align: middle;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-decoration: underline;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    white-space: nowrap;
    transition: .2s
}

.footer-new .footer-copyright__wrapper a:hover {
    text-decoration: none
}

.footer-new .footer-copyright__wrap-link {
    flex: 0 0 30.233%;
    max-width: 30.233%
}

.footer-new .footer-copyright__wrap-links {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px
}

.footer-new .footer-copyright__icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px
}

.footer-new .footer-copyright__icons img {
    object-fit: contain
}

.footer-new .footer-copyright__icons img.visa {
    height: 18px
}

.footer-new .footer-copyright__icons img.mc {
    height: 30px
}

@media screen and (min-width:991px) and (max-width:1024px) {

    .footer-new .footer-copyright__row,
    .footer-new .footer-copyright__wrapper {
        gap: 30px
    }

    html[lang=ru] .footer-new .footer-copyright__wrap-link {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media only screen and (max-width:990px) {
    .footer-new .footer-copyright {
        padding: 25px 0 calc(30px + 64px)
    }

    .footer-new .footer-copyright__row {
        display: flex;
        align-items: flex-start;
        gap: 25px
    }

    .footer-new .footer-copyright__caption {
        flex: auto;
        max-width: none
    }

    .footer-new .footer-copyright__wrapper {
        max-width: none;
        flex-wrap: wrap;
        justify-content: flex-end;
        column-gap: 25px;
        row-gap: 20px
    }

    .footer-new .footer-copyright__wrap-link {
        flex: 0 1 auto;
        max-width: none
    }

    .footer-new .footer-copyright__wrap-links {
        justify-content: flex-end;
        flex-grow: 0
    }

    .footer-new .footer-copyright__wrap-icons {
        width: 100%
    }
}

@media only screen and (max-width:743px) {
    .footer-new .footer-copyright {
        padding: 20px 0 calc(20px + 50px)
    }

    .footer-new .footer-copyright__row {
        flex-wrap: wrap;
        gap: 20px
    }

    .footer-new .footer-copyright__caption {
        flex: 100%;
        max-width: 100%
    }

    .footer-new .footer-copyright__wrapper {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        row-gap: 10px
    }

    .footer-new .footer-copyright__wrap-icons {
        margin-top: 20px
    }

    .footer-new .footer-copyright__icons {
        justify-content: flex-start
    }
}

.mailchimpMarketing-dialog {
    width: 700px !important;
    max-width: 700px !important
}

.mailchimpMarketing-content {
    display: flex;
    flex-direction: row !important;
    background: 0 0
}

.content-mailchimp {
    flex: 0 0 54%;
    background-color: #005897;
    padding: 40px;
    color: #fff;
    font-family: GothamPro, sans-serif;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
    line-height: 1.3
}

.content-mailchimp p {
    margin: 0
}

.content-mailchimp b {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}

.content-mailchimp .header {
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    margin: 50px 0 20px;
    display: block
}

.content-mailchimp__icon {
    position: relative;
    display: flex;
    align-items: center
}

.content-mailchimp__icon:before {
    display: block;
    width: 22px;
    height: 22px;
    content: "1";
    position: absolute;
    top: -10px;
    left: 38px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    font-family: GothamProBold, sans-serif;
    background: red;
    border-radius: 50%
}

.content-mailchimp__icon img {
    height: 50px;
    width: 50px
}

.content-mailchimp__icon span {
    font-family: GothamProBold, sans-serif;
    font-size: 20px;
    padding-left: 12px
}

.subscribe-mailchimp {
    flex: 0 0 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: GothamPro, sans-serif;
    background: #fff;
    border-radius: 0 5px 5px 0
}

.mailchimpForm-inside {
    text-align: left;
    padding: 40px 40px 20px
}

.mailchimpMarketing-input {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    padding: 2px 0 0 35px;
    line-height: 1;
    border: 1px solid #eee;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: left 9px center
}

input.mailchimpMarketing-input[aria-invalid=true] {
    animation: 3s ease-out error_border_light
}

.mailchimpMarketing-input[name=user-name] {
    background-image: url(../icons/icon-user.html)
}

.mailchimpMarketing-input[name=user-email] {
    background-image: url(../icons/icon-envelope.html)
}

.mailchimpMarketing-msq {
    font-size: 10px;
    line-height: 1.3;
    color: #999;
    margin: 10px 0 0;
    font-family: GothamPro, sans-serif
}

.subscribe-mailchimp .mailchimpMarketing-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 30px;
    height: 46px;
    line-height: 48px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    background: #02b2ee;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    margin-top: 10px;
    text-shadow: none;
    opacity: 1
}

.subscribe-mailchimp .mailchimpMarketing-btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.mailchimpMarketing-canceled {
    margin-top: 20px;
    border: none;
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    background: 0 0;
    display: inline-block;
    text-decoration: underline;
    color: #999
}

.mailchimpMarketing-canceled:hover {
    color: #999;
    text-decoration: none
}

.mailchimpMarketing-dialog .modal-close {
    position: absolute;
    z-index: 9;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(../icons/error.html);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1 !important;
    cursor: pointer
}

.subscribe-mailchimp .wpcf7-response-output {
    margin: 8px 0 0 !important;
    padding: 5px !important;
    font-size: 12px !important;
    line-height: 1.3
}

a.mailchimpMarketing-link {
    background-position: top left;
    padding-left: 24px;
    position: relative;
    text-decoration: none !important;
    color: #02b2ee !important
}

.mailchimpMarketing-link:after {
    background-image: url(../icons/bell.html);
    background-size: 18px auto;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    left: 0;
    top: -5px
}

@media only screen and (max-width:767px) {
    .mailchimpMarketing-dialog {
        width: 90% !important;
        max-width: 340px !important;
        margin: 0 auto !important
    }

    .mailchimpMarketing-content {
        flex-direction: column !important
    }

    .content-mailchimp {
        padding: 30px;
        font-size: 14px;
        border-radius: 5px 5px 0 0
    }

    .content-mailchimp .header {
        font-size: 24px;
        margin: 30px 0 10px
    }

    .subscribe-mailchimp {
        border-radius: 0 0 5px 5px
    }

    .mailchimpForm-inside {
        text-align: center;
        padding: 30px 30px 15px
    }

    .mailchimpMarketing-link {
        display: inline-block;
        margin-bottom: 20px;
        max-width: 240px
    }
}

.fade {
    transition: opacity .15s linear
}

.fade:not(.show) {
    opacity: 0
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close img {
    pointer-events: none
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001 !important;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden
}

.modal-open .modal.show {
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    top: 0 !important;
    justify-content: center
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 !important;
    border-radius: .3rem;
    outline: 0
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0 !important;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: 7px 1rem 0 !important
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem 1rem !important
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000 !important;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modalH {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0
}

.modalPat {
    display: none
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
}

.modal-content.popUp {
    max-width: 360px;
    border-radius: 15px;
    overflow: hidden
}

.popUp-header {
    padding: 25px 40px;
    font-size: 21px;
    text-align: center;
    color: #fff;
    font-family: InterSemiBold, sans-serif;
    line-height: 1;
    background-color: #02b2ee;
    position: relative
}

.popUp-form {
    padding: 20px 30px 30px
}

.popUp-form .wpcf7-response-output {
    margin: 15px 0 0 !important;
    font-family: Inter, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 1.1;
    padding: 8px 10px 6px !important
}

.popUp-form button {
    height: 40px;
    width: 100%;
    line-height: 100%;
    padding: 0;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff;
    text-transform: capitalize;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    outline: 0;
    text-align: center;
    margin-top: 20px
}

.popUp-form button:hover {
    background-position: 100% 0
}

.popUp-form .checkbox .label,
.popUp-form .checkbox label,
.popUp-form .wpcf7-acceptance,
.popUp-form .wpcf7-list-item {
    margin: 0
}

.popUp-form .wpcf7-select,
.popUp-form .wpcf7-text {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    transition: border-color .5s;
    padding: 0;
    font-family: Inter, sans-serif;
    color: #333;
    font-size: 16px;
    min-height: 38px
}

.popUp-form .wpcf7-select:focus,
.popUp-form .wpcf7-text:focus {
    border-color: #02b2ee
}

.popUp-form .wpcf7-text::placeholder {
    opacity: 0
}

.popUp-form .wpcf7-select {
    cursor: pointer
}

.popUp-form .wpcf7-form-control-wrap:has(>.wpcf7-select) {
    position: relative;
    display: block;
    cursor: pointer
}

.popUp-form .wpcf7-form-control-wrap:has(>.wpcf7-select):before {
    content: '';
    position: absolute;
    right: 0;
    width: 11px;
    top: 17px;
    height: 5px;
    background: url(../icons/icon-arrow-gray.html) center center no-repeat;
    pointer-events: none
}

.popUp-form .form-control.wpcf7-textarea {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    height: auto;
    resize: none
}

.popUp-form .form-control.wpcf7-textarea::placeholder {
    opacity: 0
}

.popUp-form .form-group {
    position: relative;
    margin-bottom: 25px
}

.popUp-form .form-group label {
    font-family: Inter, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    left: 0;
    top: 11px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    padding: 3px 4px 1px
}

.popUp-form .form-group label.filled {
    color: #fff;
    background: #02b2ee;
    transform: translateY(-150%)
}

.popUp-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 17px;
    border: 2px solid #fff
}

.popUp-header .close:after,
.popUp-header .close:before {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg)
}

.popUp-header .close:after {
    border-left: none;
    border-top: none;
    left: 2px
}

.popUp-header .close:before {
    border-right: none;
    border-bottom: none;
    right: 2px
}

.news-letter {
    display: block;
    width: 100%;
    color: #222;
    background: #f9f9f9;
    margin-top: 90px;
    text-align: center
}

.news-letter.dark-blue {
    color: #fff;
    background: #fd8f5e
}

.news-letter.noPd {
    margin-top: 0 !important
}

.news-letter__inner {
    padding: 60px 0 50px;
    border-bottom: 1px solid #e4e4e4
}

.news-letter.dark-blue .news-letter__inner {
    border-color: #ccc
}

.news-letter__title {
    font-family: InterBold, sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 35px
}

.news-letter__desc {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.news-letter__form-wrap {
    display: block;
    text-align: left;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.news-letter__form-wrap form {
    display: flex;
    justify-content: center;
    align-items: unset;
    gap: 10px
}

.news-letter__form-wrap .form-group {
    margin: 0;
    min-width: 220px;
    max-width: 340px;
    flex-grow: 1
}

.news-letter__form-wrap .form-group input {
    width: 100%;
    height: 40px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    border-radius: 8px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.news-letter__form-wrap .form-group input::placeholder {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #bbb
}

.news-letter__form-wrap .form-group input[aria-invalid=true] {
    animation: 3s ease-out error_border_light
}

.news-letter__form-wrap .newsletterBtn {
    float: none;
    width: auto;
    height: 40px;
    border: 0;
    border-radius: 8px;
    text-align: center;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 30px;
    margin: 0;
    color: #fff;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    text-transform: lowercase
}

.news-letter__form-wrap .newsletterBtn::first-letter {
    text-transform: uppercase
}

.news-letter__form-wrap .newsletterBtn:hover {
    background-position: 100% 0
}

.news-letter__form-wrap .wpcf7-response-output {
    display: none !important
}

@media all and (max-width:1024px) {
    .news-letter {
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .news-letter__inner {
        padding: 50px 0 45px
    }

    .news-letter__title {
        font-family: InterSemiBold, sans-serif;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px
    }

    .news-letter__desc {
        margin-bottom: 40px
    }

    .news-letter__form-wrap {
        width: 100%
    }

    .news-letter__form-wrap form {
        flex-wrap: wrap;
        gap: 8px
    }

    .news-letter__form-wrap input {
        margin: 0 !important
    }

    .news-letter__form-wrap .newsletterBtn {
        margin: 0 !important;
        max-width: 360px;
        width: auto
    }

    .news-letter__form-wrap .form-group {
        max-width: 294px
    }
}

@media only screen and (max-width:640px) {
    .news-letter__form-wrap .form-group {
        max-width: 200px;
        min-width: 160px
    }

    .news-letter__form-wrap .newsletterBtn {
        max-width: 200px;
        min-width: 160px;
        width: auto
    }
}

@media only screen and (max-width:450px) {

    .news-letter__form-wrap .form-group,
    .news-letter__form-wrap .newsletterBtn {
        max-width: 100%
    }
}

.news-letter-new {
    margin-bottom: 80px
}

.news-letter-new__inner {
    padding: 25px;
    background-color: #fd8f5e;
    border: none;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.news-letter-new__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 40%
}

.news-letter-new__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 5px
}

.news-letter-new__desc {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    opacity: .7;
    margin-bottom: 0
}

.news-letter-new__form-wrap {
    width: 55%
}

.news-letter-new .wpcf7-form {
    display: flex;
    justify-content: space-between
}

.news-letter-new .form-group {
    width: 100%;
    margin-bottom: 0;
    max-width: 32%
}

.news-letter-new .form-group input[type=email],
.news-letter-new .form-group input[type=text] {
    height: 48px;
    padding: 8px 12px
}

.news-letter-new button.newsletterBtn {
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    border: 2px solid #fd8f5e;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    font-family: Inter, sans-serif;
    width: 100%;
    max-width: 32%;
    height: 48px
}

.news-letter-new button.newsletterBtn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
    background-image: url(../icons/sms.html);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}

.news-letter-new button.newsletterBtn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.news-letter-new .form-control {
    border: transparent
}

.news-letter-new .wpcf7-form.invalid {
    flex-wrap: wrap
}

.news-letter-new .invalid .wpcf7-response-output {
    width: 100%;
    margin: 10px 0;
    padding: 4px;
    border-color: transparent !important
}

@media only screen and (max-width:990px) {
    .news-letter-new__inner {
        flex-direction: column;
        align-items: center
    }

    .news-letter-new__wrapper {
        width: 100%
    }

    .news-letter-new__form-wrap {
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width:743px) {
    .news-letter-new__inner {
        padding: 20px
    }

    .news-letter-new__title {
        font-size: 28px;
        line-height: 31px
    }

    .news-letter-new .wpcf7-form {
        flex-direction: column
    }

    .news-letter-new .form-group {
        margin-bottom: 10px;
        max-width: 100%
    }

    .news-letter-new button.newsletterBtn {
        max-width: 100%
    }
}

.popular-searches {
    margin: 150px 0
}

.popular-searches__title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    font-family: InterBold, sans-serif;
    color: #222;
    margin-bottom: 30px
}

.popular-searches__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px
}

.popular-searches__item {
    flex: 0 1 calc(20% - 32px);
    overflow: hidden
}

.popular-searches__item-link {
    display: block
}

.popular-searches__item-title {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    padding-right: 20px;
    color: #222;
    transition: color .2s ease-in;
    position: relative
}

.popular-searches__item-title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    height: 100%;
    width: 10px;
    background-image: url(../icons/popular-searches-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.popular-searches__item-link:hover .popular-searches__item-title {
    color: #01aee5
}

.popular-searches__item-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.popular-searches__item-ul li {
    margin: 0 0 10px;
    line-height: 1
}

.popular-searches__item-ul li:last-child {
    margin-bottom: 0
}

.popular-searches__item-ul a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6d6e70
}

.popular-searches__item-ul a:hover {
    cursor: pointer;
    color: #01aee5
}

.popular-searches__item-ul a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .popular-searches__items {
        gap: 25px
    }

    .popular-searches__item {
        flex: 0 1 calc(20% - 20px)
    }
}

@media only screen and (max-width:990px) {
    .popular-searches__items {
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .popular-searches__item {
        flex: 0 1 calc(33.33% - 27px)
    }
}

@media only screen and (max-width:743px) {
    .popular-searches {
        margin: 80px 0
    }

    .popular-searches__title {
        font-size: 28px;
        line-height: 34px
    }

    .popular-searches__items {
        gap: 20px
    }

    .popular-searches__item {
        flex: 0 1 calc(50% - 10px)
    }

    .popular-searches__item-title {
        font-size: 18px;
        line-height: 22px;
        padding-right: 18px
    }

    .popular-searches__item-title:after {
        top: 2px;
        width: 8px;
        background-image: url(../icons/popular-searches-arrow-mob.html)
    }
}

.wp-pagenavi-new {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 100px;
    margin-bottom: 100px
}

.wp-pagenavi-new a,
.wp-pagenavi-new span {
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px
}

.wp-pagenavi-new a {
    color: #222;
    transition: color .2s, border-color .1s
}

.wp-pagenavi-new a:hover {
    color: #fd8f5e;
    border-color: #fd8f5e
}

.wp-pagenavi-new span {
    color: #bbb
}

.wp-pagenavi-new span.current {
    color: #fd8f5e
}

.wp-pagenavi-new span.extend {
    color: #222
}

.wp-pagenavi-new .prev {
    padding-left: 25px
}

.wp-pagenavi-new .next {
    padding-right: 25px
}

.wp-pagenavi-new .next:after,
.wp-pagenavi-new .prev:after {
    position: absolute;
    top: calc(50% - 3px);
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-left: 1px solid;
    transition: border-color .2s
}

.wp-pagenavi-new a.next:after,
.wp-pagenavi-new a.prev:after {
    border-color: #333
}

.wp-pagenavi-new a.next:hover:after,
.wp-pagenavi-new a.prev:hover:after {
    border-color: #fd8f5e
}

.wp-pagenavi-new span.next:after,
.wp-pagenavi-new span.prev:after {
    border-color: #bbb
}

.wp-pagenavi-new .prev:after {
    left: 10px;
    transform: rotate(-45deg)
}

.wp-pagenavi-new .next:after {
    right: 10px;
    transform: rotate(135deg)
}

@media(max-width:767px) {
    .wp-pagenavi-new {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.paginationCont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 100px;
    margin-bottom: 100px
}

.paginationCont a,
.paginationCont span {
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px
}

.paginationCont a {
    color: #222;
    transition: color .2s, border-color .1s
}

.paginationCont a:hover {
    color: #fd8f5e;
    border-color: #fd8f5e
}

.paginationCont span {
    color: #bbb
}

.paginationCont span.current {
    color: #fd8f5e
}

.paginationCont span.extend {
    color: #222
}

.paginationCont .prev {
    padding-left: 25px
}

.paginationCont .next {
    padding-right: 25px
}

.paginationCont .next:after,
.paginationCont .prev:after {
    position: absolute;
    top: calc(50% - 3px);
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-left: 1px solid;
    transition: border-color .2s
}

.paginationCont a.next:after,
.paginationCont a.prev:after {
    border-color: #333
}

.paginationCont a.next:hover:after,
.paginationCont a.prev:hover:after {
    border-color: #fd8f5e
}

.paginationCont span.next:after,
.paginationCont span.prev:after {
    border-color: #bbb
}

.paginationCont .prev:after {
    left: 10px;
    transform: rotate(-45deg)
}

.paginationCont .next:after {
    right: 10px;
    transform: rotate(135deg)
}

@media(max-width:767px) {
    .paginationCont {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.breadcrumbs {
    font-family: GothamPro, san-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%
}

.breadcrumbs__current {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumbs__link {
    color: #fff !important
}

.breadcrumbs__link:hover span {
    text-decoration: underline
}

.breadcrumbs__separator {
    font-size: 16px;
    color: #fff;
    margin: 0 4px
}

.breadcrumbs span {
    line-height: 18px;
    height: 18px;
    display: inline-block;
    white-space: nowrap
}

@media only screen and (max-width:1099.99px) and (min-width:960px) {
    .object__nav-back {
        white-space: nowrap
    }

    .object__userBtn-button {
        padding: 1px 8px 0;
        font-size: 11px
    }
}

@media only screen and (max-width:1199.99px) and (min-width:1100px) {
    .breadcrumbs {
        max-width: 610px
    }
}

@media only screen and (max-width:1099.99px) and (min-width:992px) {
    .breadcrumbs {
        max-width: 500px
    }
}

@media only screen and (max-width:991.99px) and (min-width:961px) {
    .breadcrumbs {
        max-width: 470px
    }
}

@media only screen and (max-width:960.99px) and (min-width:768px) {
    .breadcrumbs {
        max-width: 455px
    }

    html[lang=de] .breadcrumbs,
    html[lang=fr] .breadcrumbs,
    html[lang=ru] .breadcrumbs {
        max-width: 410px
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::placeholder {
    font-family: inherit;
    font-size: inherit;
    color: #bbb
}

.form-group {
    margin-bottom: 10px
}

.form-group textarea:focus {
    border-color: #02b2ee !important
}

.file-group {
    cursor: pointer;
    position: relative;
    width: 100%;
    margin-bottom: 20px !important
}

.file-group .wpcf7-form-control-wrap {
    position: static !important
}

.file-group .file_add_btn {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 0 75px 0 120px;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    border: 2px dashed #fd8f5e;
    box-shadow: 0 1px 2px 0 #1018280d !important
}

.file-group .file_add_btn span {
    cursor: pointer;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    min-height: 37px;
    padding-left: 47px;
    background-image: url(../icons/career-documents-file.html);
    background-position: left center;
    background-size: 37px auto;
    background-repeat: no-repeat;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #8f8f8f
}

@media only screen and (max-width:990px) {
    .file-group .file_add_btn {
        padding: 0 35px
    }

    .file-group .file_add_btn span {
        max-width: 285px
    }
}

@media only screen and (max-width:767px) {
    .file-group .file_add_btn {
        height: 80px
    }

    .file-group .file_add_btn span {
        max-width: 215px;
        font-size: 10px;
        line-height: 13px;
        padding-left: 40px;
        background-size: 30px auto
    }
}

.file-group input[type=file] {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.file-group .file_name {
    cursor: pointer;
    position: absolute;
    display: block;
    color: #fd8f5e;
    background: #fff;
    left: 10px;
    right: 10px;
    bottom: 5px;
    height: 18px;
    padding: 0;
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.wpcf7-not-valid-tip {
    font-family: Inter, sans-serif
}

.wpcf7-form-control.form-control.wpcf7-not-valid {
    border: 1px solid red
}

.wpcf7-form .wpcf7-response-output {
    font-family: Inter, sans-serif;
    background-color: #fff;
    text-align: center
}

.wpcf7-form.invalid .wpcf7-response-output {
    background-color: #fa9e9e;
    text-align: center
}

form.wpcf7-form.sent .wpcf7-response-output {
    background-color: #46b450;
    text-align: center;
    color: #fff
}

.field {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    position: relative
}

label.filled {
    transform: translateY(-95%);
    font-size: 12px !important;
    background: #fff;
    z-index: 10;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 2px
}

.inputLbl {
    position: absolute;
    left: 10px;
    top: 0;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9a9898;
    z-index: 100;
    background: #fff !important;
    padding-left: 5px;
    padding-right: 5px
}

div.checkbox {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: left;
    margin-bottom: 5px
}

div.checkbox input {
    margin-right: 5px;
    vertical-align: middle;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

div.checkbox .label,
div.checkbox label {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    margin: 0;
    color: #222
}

div.checkbox span.wpcf7-list-item {
    margin: 0
}

div.checkbox .wpcf7-acceptance {
    display: block
}

div.checkbox .wpcf7-list-item-label {
    padding-left: 24px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    pointer-events: initial
}

div.checkbox .wpcf7-list-item-label a {
    color: inherit;
    text-decoration: underline
}

div.checkbox .wpcf7-list-item-label a:hover {
    color: #01aee5
}

div.checkbox .wpcf7-list-item-label:after {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #01aee5;
    border-radius: 2px;
    content: "";
    position: absolute;
    left: 0;
    top: 4px
}

div.checkbox .wpcf7-list-item-label:before {
    width: 8px;
    height: 8px;
    background: #fd8f5e;
    content: "";
    position: absolute;
    left: 4px;
    z-index: 2;
    top: 8px;
    opacity: 0;
    transition: .3s
}

div.checkbox input:checked+.wpcf7-list-item-label:before {
    opacity: 1
}

label.focus .uncf-label {
    background: #02b2ee;
    color: #fff;
    transform: translateY(-125%);
    font-size: 11px;
    border-radius: 2px
}

form[data-status=submitting] [type=submit] {
    pointer-events: none;
    opacity: .5
}

.wpcf7 form[data-status=submitting] .wpcf7-response-output {
    margin: 3px 0 0 !important;
    border: none;
    padding: 0 !important;
    height: 3px;
    display: block;
    position: relative;
    overflow: hidden
}

.wpcf7 form[data-status=submitting] .wpcf7-response-output:after {
    display: block;
    height: 3px;
    width: 100px;
    background-color: #02b2ee;
    position: absolute;
    left: -100px;
    top: 0;
    content: "";
    animation: 2s ease-in-out infinite submitting
}

@keyframes submitting {

    0%,
    100%,
    2%,
    98% {
        left: -100px
    }

    48%,
    52% {
        left: 100%
    }
}

@media only screen and (max-width:767px) {

    div.checkbox .label,
    div.checkbox label {
        font-size: 12px
    }
}

.wpcf7 form .wpcf7-form-control-wrap {
    padding: 0;
    margin: 0
}

.wpcf7 form .wpcf7-response-output {
    padding: .5em;
    margin: 2em 0 1em
}

.headForm {
    max-width: 360px;
    background: rgba(0, 0, 0, .5);
    padding: 20px;
    position: absolute;
    transform: translateY(-100%);
    right: -4px;
    top: -60px
}

.headForm-head {
    color: #fff;
    text-align: center;
    font-family: InterSemiBold, sans-serif;
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1.2
}

.headForm .footerForm .form-control {
    height: 40px;
    font-size: 16px;
    border: none
}

.headForm .form-group {
    margin-bottom: 5px
}

.headForm .form-group label {
    font-size: 14px;
    line-height: 1;
    left: 15px;
    top: 20px;
    padding: 3px 4px 1px
}

.headForm .form-group label.filled {
    color: #fff;
    background: #02b2ee
}

.headForm .checkbox .label,
.headForm .checkbox label {
    padding-top: 5px
}

.headForm .wpcf7-list-item-label {
    color: #fff !important
}

.headForm button {
    margin-top: 0 !important
}

.headForm div.wpcf7-response-output {
    margin: 15px 0 0;
    color: #fff;
    font-size: 14px;
    font-family: Inter, sans-serif;
    line-height: 1.3
}

@media only screen and (max-width:900px) {
    .headForm {
        position: relative;
        transform: none;
        padding: 0;
        background: 0 0;
        top: auto;
        right: auto;
        max-width: 360px;
        margin: 40px auto 0
    }

    .headForm-head {
        display: none
    }

    .headForm .checkbox label {
        font-size: 12px
    }

    .headForm .wpcf7-list-item-label {
        color: #999 !important
    }

    .headForm .footerForm .form-control {
        border: 1px solid #e1e1ec
    }

    .headForm div.wpcf7-response-output {
        color: #333
    }
}

@media screen and (min-width:901px) and (max-height:770px) {
    .headForm {
        top: -50px
    }

    .headForm .checkbox .label {
        padding-top: 2px;
        margin-bottom: 0
    }

    .headForm .footerForm {
        padding-top: 0
    }
}

.footerForm {
    font-family: Inter, sans-serif;
    padding: 20px
}

.footerForm label {
    font-family: Inter, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    padding: 3px 3px 2px;
    margin-bottom: 0;
    left: 10px;
    top: 19px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    user-select: none
}

.footerForm label.filled {
    transform: translateY(-105%);
    background: #fd8f5e;
    color: #fff;
    padding: 2px 6px
}

.footerForm .checkbox .label,
.footerForm .checkbox label {
    white-space: normal;
    pointer-events: auto
}

.footerForm .checkbox label input {
    -webkit-appearance: checkbox
}

.footerForm .form-control {
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: #222 !important;
    padding: 7px 15px;
    font-size: 17px;
    cursor: initial;
    outline: 0 !important;
    height: 40px;
    border: none;
    border-bottom: 1px solid #eee
}

.footerForm .form-control.wpcf7-textarea {
    height: auto;
    min-height: 40px;
    max-height: 200px;
    padding: 10px 15px
}

.footerForm button {
    height: 40px;
    width: 100%;
    line-height: 100%;
    padding: 0;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff;
    text-transform: capitalize;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    outline: 0;
    text-align: center;
    margin-top: 20px
}

.footerForm button:hover {
    background-position: 100% 0
}

.footerForm .form-group {
    position: relative;
    padding-top: 10px;
    margin-bottom: 5px
}

.footerForm div.wpcf7-response-output {
    margin: 15px 0 0
}

@media only screen and (max-width:767px) {
    .headForm .footerForm button {
        font-size: 14px
    }

    .footerForm {
        padding-top: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .footerForm label {
        font-size: 14px
    }
}

.y-shortlist-wrap {
    text-align: center;
    padding-bottom: 20px
}

.y-shortlist-btn {
    padding: 0 0 0 28px;
    margin: 0;
    outline: 0;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    font-size: 13px;
    height: 22px;
    background: url(../icons/heart-red-empty.html) left top/20px auto no-repeat;
    border: none;
    color: #666;
    transition: color .5s;
    white-space: nowrap;
    word-break: keep-all
}

.y-shortlist-btn:hover {
    color: #000
}

.y-shortlist-btn.saved {
    background-image: url(../icons/heart-red-fill.html)
}

.y-shortlist-btn span {
    display: inline-block
}

.y-shortlist-btn.load .saved,
.y-shortlist-btn.saved .load {
    display: none
}

.shortlist_header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center
}

.shortlist_header h1 {
    font-weight: 400;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 42px;
    margin-bottom: 0
}

.shortlist_header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shortlist_clear,
.shortlist_download {
    font-size: 14px;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    height: 36px;
    line-height: 38px;
    padding: 0 15px 0 30px;
    background-image: url(../icons/trash.html);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 16px auto;
    margin: 0;
    border: none;
    outline: 0;
    border-radius: 3px;
    transition: color .5s
}

.shortlist_clear:hover {
    color: #c0392b
}

.shortlist_download {
    background-image: url(../icons/pdf.html);
    margin-right: 10px;
    overflow: hidden;
    position: relative
}

.shortlist_download:hover {
    color: #02b2ee
}

.shortlist__listing {
    display: block;
    padding: 40px 14.5px 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1220px;
    box-sizing: border-box
}

.shortlist__listing-load {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.shortlist__listing-load .property {
    position: relative;
    width: 33.333333%;
    margin-bottom: 40px;
    padding: 15px
}

.shortlist__listing-empty {
    text-align: center;
    width: 100%;
    padding: 50px 0
}

.shortlist__listing-empty .head {
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 28px
}

.shortlist__listing-empty .text {
    font-size: 18px;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    color: #333;
    margin-bottom: 50px
}

.shortlist__listing-empty .btnContainer {
    display: inline-block;
    float: none
}

.y-download {
    border: none;
    outline: 0;
    line-height: 1;
    padding: 5px 0 3px 25px;
    background-color: transparent;
    background-image: url(../icons/pdf-file.html);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left center;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-left: 40px;
    color: #666;
    transition: color .5s;
    position: relative;
    overflow: hidden
}

.y-download:hover {
    color: #000
}

.shortlist_download.loading,
.y-download.loading {
    pointer-events: none;
    color: #eee
}

.shortlist_download.loading:after,
.y-download:after {
    content: "";
    width: 40px;
    height: 2px;
    background: #02b2ee;
    position: absolute;
    top: 11px;
    left: -40px;
    opacity: 0;
    transition: .3s, left .3s
}

.shortlist_download.loading:after {
    top: 18px
}

.shortlist_download.loading:after,
.y-download.loading:after {
    opacity: 1;
    animation: .8s ease-in-out infinite loadingBtn
}

.open-shortList {
    flex-shrink: 0;
    border: none;
    outline: 0;
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    background-image: url(../icons/heart.html);
    background-position: center bottom 9px;
    background-repeat: no-repeat;
    background-size: 22px auto;
    background-color: #e74c3c;
    border-radius: 20px;
    padding: 0
}

.open-shortList span {
    display: block;
    color: #e74c3c;
    position: absolute;
    top: -4px;
    border-radius: 11px;
    min-width: 22px;
    text-align: center;
    background: #fff;
    line-height: 20px;
    height: 22px;
    padding: 2px 0 0;
    right: -4px;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    opacity: 0;
    transition: opacity .3s
}

.open-shortList span:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .7;
    background: #fff;
    content: "";
    left: 0;
    top: 0;
    transform: scale(1);
    z-index: -1
}

.open-shortList span.animate:after {
    transform: scale(3);
    opacity: 0;
    transition: transform .3s, opacity .2s
}

.open-shortList span.show {
    opacity: 1
}

.mobileMenu .open-shortList span:after,
header.pageHeader .open-shortList span:after,
header.scroll .open-shortList span:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1200px) {
    .shortlist__listing-empty .btnContainer {
        padding-right: 60px
    }
}

@media only screen and (max-width:1024px) {
    .shortlist__listing-load .property {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.shortlist {
        padding-top: 0
    }

    .shortlist_header {
        text-align: center
    }

    .shortlist_header .container {
        flex-direction: column
    }

    .shortlist_header h1 {
        font-size: 28px
    }

    .shortlist_clear {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: 20px 0 0
    }

    .shortlist__listing {
        padding: 20px 10px 0
    }

    .shortlist__listing-load .property {
        width: 100%;
        padding: 5px
    }

    .shortlist__listing-empty {
        padding: 0
    }

    .shortlist__listing-empty .btnContainer {
        margin: 0;
        padding: 0;
        display: block
    }

    .shortlist__listing-empty .head {
        font-size: 21px
    }

    .shortlist__listing-empty .text {
        font-size: 16px;
        margin-bottom: 30px
    }

    .y-download {
        margin-left: 25px
    }
}

@media only screen and (max-width:376px) {
    .shortlist__listing-empty .bannerValBtn {
        padding: 0 15px
    }
}

.property__search {
    position: relative;
    width: 100%;
    height: 380px;
    background-image: url(../images/offplan-search.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 10
}

.property__section-title {
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: GothamProBold, sans-serif
}

.property__search-filter {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 15px;
    border-radius: 3px;
    font-size: 0;
    z-index: 10
}

.property__filter-title {
    text-align: center;
    font-family: GothamProBold, sans-serif;
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 50px
}

.property__filter {
    display: inline-block;
    position: relative;
    height: 50px;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top
}

.property__filter-group.disable {
    display: none
}

.property__filter.grp-25 {
    width: 25%
}

.property__filter.grp-75 {
    width: 75%
}

.property__filter-flex {
    display: flex;
    height: 40px
}

.flex-grow {
    flex-grow: 1
}

.btn-shell {
    min-width: 70px
}

.btn-shell.two-btns {
    min-width: 220px;
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.property__filter.search .property__filter-flex {
    height: 50px
}

.property__filter.search {
    height: 60px
}

@media only screen and (min-width:981px) {
    .btn-shell {
        min-width: 135px
    }

    .btn-shell.two-btns {
        min-width: 330px
    }

    .bh .property__filter-flex {
        height: 50px
    }

    .property__filter.bh {
        height: 60px
    }
}

@media only screen and (max-width:980px) {
    .property__search-filter {
        display: flex;
        flex-direction: column
    }

    .property__filter {
        width: 100% !important;
        display: block;
        order: 1
    }

    .property__filter.search {
        order: 0
    }

    .property__filter-item.status,
    .property__filter-item.type {
        line-height: 43px !important
    }

    .property__filter-group.status {
        min-width: 50% !important
    }

    .property__filter-title {
        font-size: 40px
    }
}

@media only screen and (max-width:767px) {
    .property__filter-title {
        font-size: 26px;
        letter-spacing: -2px
    }
}

.property__filter-flex .grp-50 {
    min-width: calc(50% - 2px)
}

.property__filter-flex .grp-50:first-child {
    margin-right: 2px
}

.property__filter-flex .grp-50:last-child {
    margin-left: 2px
}

.property__filter-group {
    position: relative
}

.property__filter-group.status {
    min-width: 60%;
    margin-left: 4px;
    max-width: 60%
}

.property__filter-group.search {
    background: #fff;
    display: flex
}

.property__search-input {
    padding: 0 15px;
    position: relative
}

.property__search-result {
    padding-left: 8px
}

.property__search-result.empty {
    padding: 0
}

.property__filter-item {
    height: 100%;
    width: 100%;
    background: #fff;
    color: #333;
    align-items: center;
    padding: 0 12px 0 8px;
    font-size: 14px;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    line-height: 43px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.property__filter-item:after {
    display: block;
    position: absolute;
    right: 5px;
    background-image: url(../images/str-down.svg);
    background-size: 10px auto;
    background-position: center;
    width: 10px;
    height: 12px;
    top: 50%;
    margin-top: -5px;
    z-index: 9;
    content: "";
    filter: grayscale(1);
    opacity: .6;
    transition: filter .5s, opacity .5s, transform .2s
}

.property__filter-item.opened:after,
.property__filter-item:hover:after {
    filter: grayscale(0);
    opacity: 1
}

.property__filter-item.opened:after {
    transform: rotate(180deg)
}

.property__select {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 48px;
    left: 5px;
    min-width: calc(100% - 10px);
    background: #fff;
    z-index: 10;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .05);
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out;
    pointer-events: none
}

.property__select.opened {
    max-height: 300px;
    opacity: 1;
    overflow: scroll;
    pointer-events: initial;
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out
}

.property__filter-group .property__select {
    min-width: 100%;
    top: 43px;
    left: 0
}

.property__filter-group:last-child .property__select {
    left: auto;
    right: 0
}

.property__select-item {
    padding: 5px 10px 3px;
    font-size: 14px;
    color: #333;
    font-family: GothamPro, sans-serif;
    display: block;
    clear: both;
    width: 100%;
    line-height: 18px;
    transition: background .5s, color .5s;
    cursor: pointer;
    white-space: nowrap
}

.property__select-item.active {
    background-color: #02b2ee !important;
    color: #fff !important
}

.property__select-item:hover {
    color: #02b2ee
}

.property__select-item.hidden {
    display: none
}

.property__filter-input {
    border: none;
    outline: 0;
    margin: 0;
    padding: 2px 0 0 26px;
    line-height: 50px;
    height: 50px;
    display: block;
    color: #333;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    width: 100%;
    background: url(../images/search-filter.svg) left center/18px auto no-repeat
}

.property__search-cancel {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10;
    top: 0;
    display: block;
    right: 0;
    background-image: url(../images/cancel.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px auto;
    opacity: 0;
    pointer-events: none;
    transition: background .1s, opacity .1s
}

.property__search-cancel.show {
    opacity: 1;
    pointer-events: initial;
    background-size: 16px auto;
    transition: background .2s, opacity .3s
}

.property__search-cancel:hover {
    background-size: 20px auto
}

.property__search-cancel:active {
    background-size: 12px auto;
    transition: background .1s, opacity .1s
}

.property__search-result {
    display: flex
}

.property__search-resultItem {
    background: #02b2ee;
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    height: 34px;
    margin: 8px 5px 8px 0;
    padding: 0 20px 0 10px;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.property__search-resultItem:last-child {
    margin-right: 0
}

.property__search-resultDelete {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    text-decoration: none;
    background-image: url(../images/cancel.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px auto;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    position: absolute;
    right: 2px;
    top: 8px
}

.property__search-resultDelete:hover {
    filter: brightness(1) invert(0)
}

.property__btn {
    border: none;
    outline: 0;
    margin: 0;
    padding: 2px 0 0;
    line-height: 48px;
    background: #fd8f5e;
    /* background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%); */
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff !important;
    text-align: center;
    width: 100%;
    display: block;
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important
}

.property__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.property__btn.load-more {
    max-width: 240px;
    margin: 30px auto 0
}

.btn-shell.two-btns .property__btn {
    flex-basis: fit-content;
    flex-grow: 1
}

.property__btn:nth-child(2) {
    display: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #004678 50%, #004678 100%);
    background-size: 200% 100%
}

.property__btn:nth-child(2):hover {
    background-position: 100% 0
}

.btn-shell.two-btns .property__btn:nth-child(2) {
    display: block
}

.property__search-select {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 53px;
    left: 0;
    min-width: calc(100% - 10px);
    background: #fff;
    z-index: 10;
    display: block;
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .05);
    transition: max-height .3s ease-in-out, opacity .2s ease-in-out
}

.property__search-select.opened {
    max-height: 300px;
    opacity: 1;
    overflow: scroll;
    pointer-events: initial;
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out
}

.property__search-select.opened.loading {
    min-height: 300px;
    background-color: #fff;
    background-image: url(../icons/ajax-loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto
}

.property__search-item {
    padding: 0 15px;
    height: 36px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    font-family: GothamPro, sans-serif;
    display: block;
    clear: both;
    width: 100%;
    cursor: pointer;
    white-space: nowrap
}

.property__search-item b {
    font-family: GothamProBold, sans-serif;
    font-weight: 400
}

.property__search-item:hover {
    background: #02b2ee;
    color: #fff
}

.property__search-item.hidden {
    display: none !important
}

@media only screen and (min-width:1025px) {
    .bh .property__filter-group .property__select {
        top: 53px
    }

    .bh .property__filter-item {
        line-height: 54px
    }
}

@media only screen and (max-width:1024px) {
    .grp-25 .property__filter-group {
        min-width: calc(50% - 2px) !important
    }

    .grp-25 .property__filter-group:first-child {
        margin-right: 2px
    }

    .grp-25 .property__filter-group:last-child {
        margin-left: 2px
    }

    .property__search-input {
        padding: 0 5px
    }

    .property__section-title {
        font-size: 32px;
        line-height: 1
    }

    .property__search {
        height: auto;
        padding: 50px 5%
    }

    .property-page {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .property__search-filter {
        padding-bottom: 65px;
        margin-bottom: 30px
    }

    .property__filter-group.flex-grow.search {
        display: block;
        background: 0 0
    }

    .property__filter.search {
        position: initial
    }

    .property__filter.search .property__search-result {
        padding: 10px 0 0;
        display: block
    }

    .property__search-resultItem {
        display: inline-block;
        margin: 0 5px 8px 0
    }

    .property__filter.search,
    .property__filter.search .property__filter-flex {
        height: auto
    }

    .property__search-select {
        top: calc(100% + 2px)
    }

    .property__search-input {
        background-color: #fff
    }

    .btn-shell {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .property__btn {
        font-size: 16px
    }

    .btn-shell.two-btns .property__btn {
        flex-basis: 50%
    }
}

@media only screen and (max-width:413px) {

    .property__filter-input,
    .property__filter-input::-webkit-input-placeholder,
    .property__filter-input::placeholder,
    .property__filter-item {
        font-size: 13px
    }
}

#modalSaveSearch .popUp-form .form-control-wrap {
    position: relative
}

#modalSaveSearch .popUp-form .form-control {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    transition: border-color .5s;
    padding: 0;
    font-family: Inter, sans-serif;
    color: #333;
    font-size: 16px;
    height: 38px
}

#modalSaveSearch .popUp-form button {
    width: 100%;
    min-height: 50px;
    margin-top: 5px;
    padding: 13px 10px;
    background: linear-gradient(90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff;
    border: none;
    border-radius: 8px;
    outline: 0;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none
}

#modalSaveSearch .popUp-form button:not([disabled]):hover {
    background-position: 100% 0
}

#modalSaveSearch .popUp-form button:disabled {
    color: #ffffff80;
    cursor: not-allowed
}

#modalSaveSearch .popUp-form .response-output {
    margin: 15px 0 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.1;
    padding: 8px 10px 6px;
    text-align: center
}

#modalSaveSearch .popUp-form .response-output.hide {
    display: none
}

#modalSaveSearch .popUp-form .response-output.error {
    color: #333;
    background-color: #fa9e9e;
    border: 2px solid #ffb900
}

#modalSaveSearch .popUp-form .response-output.save {
    color: #fff;
    background-color: #46b450;
    border: 2px solid #46b450
}

.vote-block {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    gap: 10px
}

.vote-block .rating-info {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px
}

.vote-block>span.rating-text {
    display: block;
    float: left;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #bbb;
    margin-top: 4px
}

.vote-block>span.rating-text strong {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.15;
    color: #222
}

.vote-block .rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 175px;
    height: 24px;
    float: left;
    vertical-align: middle
}

.vote-block .rating:hover li {
    background-image: url(../icons/rating-stars.html);
    background-size: 35px 72px !important
}

.vote-block .rating li {
    display: block;
    width: 35px;
    height: 24px;
    float: right;
    text-indent: -9999px;
    cursor: pointer
}

.vote-block .rating li:hover,
.vote-block .rating li:hover~li {
    background-position: 0 -24px;
    cursor: pointer
}

.vote-block.disabled .rating li.current {
    display: block;
    z-index: 10
}

.vote-block .rating li.active,
.vote-block .rating li.active~li {
    background-position: 0 -48px
}

.vote-block li.current {
    display: none
}

.vote-block ol.show-current {
    position: relative
}

.vote-block ol.show-current li {
    cursor: default;
    z-index: 2;
    position: relative
}

.vote-block ol.show-current li.current {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(../icons/rating-stars.html);
    background-size: 35px 72px !important
}

.vote-block ol.show-current li.current span {
    display: block;
    height: 24px;
    width: 0;
    max-width: 100%;
    background: inherit;
    background-position: 0 -48px
}

.vote-block.disabled ol.show-current li.current span {
    background-position: 0 -24px
}

@media(max-width:767px) {
    .vote-block {
        gap: 15px;
        justify-content: flex-end;
        flex-grow: 1
    }

    .vote-block .rating {
        width: 90px;
        height: 12.3px
    }

    .vote-block>span.rating-text {
        font-size: 0;
        margin-top: 2px
    }

    .vote-block .rating:hover li {
        background-size: 18px 87px !important
    }

    .vote-block .rating li {
        width: 18px;
        height: 12.3px
    }

    .vote-block .rating li:hover,
    .vote-block .rating li:hover~li {
        background-position: 0 0
    }

    .vote-block .rating li.active,
    .vote-block .rating li.active~li {
        background-position: 0 -24.6px
    }

    .vote-block ol.show-current li.current {
        background-size: 18px 36.6px !important
    }

    .vote-block ol.show-current li.current span {
        background-position: 0 -24.6px;
        height: 12.3px
    }

    .vote-block.disabled ol.show-current li.current span {
        background-position: 0 -12.3px
    }
}

.ctaf__section {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 70px;
    margin-bottom: -10px
}

.ctaf__container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px
}

.ctaf__row {
    position: relative;
    display: flex;
    border-radius: 8px;
    overflow: hidden
}

.ctaf__col {
    padding: 40px
}

.ctaf__col--basic {
    width: 35%;
    background: #fd8f5e
}

.ctaf__col--basic a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.ctaf__col--basic a:hover {
    text-decoration: underline;
    color: #fff
}

.ctaf__col--basic h3 {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-top: 0;
    margin-bottom: 40px
}

.ctaf__col--basic ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.ctaf__col--basic li {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px
}

.ctaf__col--basic li:after {
    position: absolute;
    bottom: -20px;
    left: 30px;
    content: '';
    width: 220px;
    height: 1px;
    background: #fd8f5e;
    opacity: .4
}

.ctaf__col--basic li:last-child {
    margin-bottom: 0
}

.ctaf__col--basic li:last-child:after {
    display: none
}

.ctaf__contact-pre {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fff
}

.ctaf__contact-entry-icon {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-top: 4px;
    margin-right: 10px
}

.ctaf__contact-entry-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.ctaf__contact-entry-icon+span,
.ctaf__contact-entry-listing {
    display: inline-block;
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #fff
}

.ctaf__col--form {
    width: 65%;
    background: #fd8f5e
}

.ctaf__section-title {
    text-align: left
}

.ctaf__section-subtitle {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 25px
}

.ctaf__section-heading {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    margin: 0
}

.ctaf__col--form form {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-family: Inter, sans-serif
}

.ctaf__col--form div.wpcf7-response-output {
    width: 100%;
    color: #fff;
    border-color: #fd8f5e !important;
    margin: 10px 0 0 !important
}

.ctaf__col--form .wpcf7-list-item-label {
    color: #fff
}

.ctaf__col--form .form-group {
    position: relative;
    margin-bottom: 10px
}

.ctaf__col--form .form-group:nth-child(2) {
    width: calc(30% - 5px);
    margin-right: 5px
}

.ctaf__col--form .form-group:nth-child(3) {
    width: calc(30% - 5px);
    margin-left: 5px;
    margin-right: 5px
}

.ctaf__col--form .form-group:nth-child(4) {
    width: calc(40% - 10px);
    margin-left: 5px
}

.ctaf__col--form .form-group:nth-child(5) {
    width: 100%
}

.ctaf__col--form .form-group label {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 3px 6px 2px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    transition: .3s;
    pointer-events: none;
    user-select: none;
    color: #bbb
}

.ctaf__col--form .form-group label.filled {
    background: #fd8f5e;
    color: #fff;
    transform: translateY(-110%);
    font-size: 11px;
    border-radius: 2px
}

.ctaf__col--form .form-group input,
.ctaf__col--form .form-group textarea {
    font-size: 16px;
    line-height: 150%;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 4px
}

.ctaf__col--form .form-group input::placeholder,
.ctaf__col--form .form-group textarea::placeholder {
    opacity: 0
}

.ctaf__col--form .form-group input {
    height: 40px
}

.ctaf__col--form .form-group textarea {
    min-height: 40px;
    height: auto;
    max-height: 200px
}

.ctaf__col--form .checkbox {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 20px
}

.ctaf__col--form div.checkbox .label,
.ctaf__col--form div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 14px
}

.ctaf__col--form div.checkbox .wpcf7-list-item-label a:hover {
    color: #fff;
    text-decoration: none
}

.ctaf__col--form button[type=submit] {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 0 auto;
    min-height: 40px;
    border: none !important;
    border-radius: 8px;
    line-height: 150%;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fff 50%, #fff 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out, color .2s;
    min-width: 230px
}

.ctaf__col--form button[type=submit]:hover {
    color: #fd8f5e;
    background-position: 100% 0
}

@media(max-width:767px) {
    .ctaf__section {
        margin-top: 40px;
        margin-bottom: -25px
    }

    .ctaf__row {
        flex-wrap: wrap
    }

    .ctaf__col--form button[type=submit] {
        width: auto;
        margin: 0
    }
}

@media(max-width:450px) {
    .ctaf__col--form button[type=submit] {
        width: 100%;
        margin: 0
    }
}

.property-table .container {
    padding-top: 50px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #222
}

.property-table__wrap {
    margin: 30px 0 0;
    max-width: 100%
}

.property-table table,
.property-table tbody,
.property-table td,
.property-table th,
.property-table tr {
    border: 0 !important
}

.property-table table {
    position: relative;
    width: 100%;
    border-spacing: 0;
    padding-bottom: 10px
}

.property-table table tbody,
.property-table table thead {
    display: block
}

.property-table table thead.fixedHeader {
    position: fixed;
    top: 0;
    left: calc(50vw - ((1160px + .5em)/2));
    z-index: 1;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 1160px
}

body.logged-in .property-table table thead.fixedHeader {
    top: 32px
}

#headerMenu.scroll~.property-table table thead.fixedHeader {
    top: 125px
}

body.logged-in #headerMenu.scroll~.property-table table thead.fixedHeader {
    top: calc(125px + 32px)
}

.property-table table thead.fixedHeader::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: 0 0
}

.property-table table tr td {
    padding: 17px 25px 15px;
    line-height: 1.3
}

.property-table table tr td p {
    margin: 0
}

.property-table table thead tr td {
    padding: 16px 25px 14px;
    word-break: break-word
}

.property-table table thead tr td,
.property-table table thead tr td p {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    background-color: #fd8f5e;
    color: #fff
}

.property-table table thead tr td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.property-table table thead tr td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.property-table table tbody tr:nth-child(even) {
    background: #f9f9f9
}

.property-table table tbody tr td.property-table__col--ref {
    width: 165px;
    min-width: 165px
}

.property-table table tbody tr td.property-table__col--title {
    width: 100%
}

.property-table table tbody tr td.property-table__col--size {
    width: 160px;
    min-width: 160px;
    white-space: nowrap
}

.property-table table tbody tr td.property-table__col--baths,
.property-table table tbody tr td.property-table__col--beds {
    width: 120px;
    min-width: 120px
}

.property-table table tbody tr td.property-table__col--price {
    width: 160px;
    min-width: 160px;
    white-space: nowrap
}

@media(max-width:1160px) {
    .property-table table thead.fixedHeader {
        left: 10px;
        right: 10px
    }
}

@media(max-width:990px) {

    .ctaf__col--basic,
    .ctaf__col--form {
        width: 50%
    }

    .ctaf__col--form .form-group {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #headerMenu.scroll~.property-table table thead.fixedHeader {
        top: 91px
    }

    body.logged-in #headerMenu.scroll~.property-table table thead.fixedHeader {
        top: calc(91px + 32px)
    }
}

@media(max-width:767px) {
    .property-table table thead.fixedHeader {
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding-left: 20px
    }

    body.logged-in .property-table table thead.fixedHeader {
        top: 46px
    }

    #headerMenu.scroll~.property-table table thead.fixedHeader {
        top: 67px
    }

    body.logged-in #headerMenu.scroll~.property-table table thead.fixedHeader {
        top: calc(67px + 46px)
    }

    .property-table table tr td {
        padding: 12px 15px 10px
    }

    .property-table table tr td:last-child {
        min-width: calc(150px + 20px) !important;
        border-right: 20px solid #fff !important
    }

    .property-table table thead tr td {
        position: relative;
        padding: 11px 15px 9px
    }

    .property-table table thead tr td:last-child:after,
    .property-table table thead tr td:last-child:before {
        position: absolute;
        content: '';
        right: 0;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }

    .property-table table thead tr td:last-child:after {
        background-image: url(../icons/border-top-right-radius-8.html);
        top: 0
    }

    .property-table table thead tr td:last-child:before {
        background-image: url(../icons/border-bottom-right-radius-8.html);
        bottom: 0
    }

    .property-table table tbody tr td {
        width: auto !important;
        min-width: 150px !important;
        white-space: nowrap
    }
}

@media(max-width:640px) {
    .ctaf__col {
        width: 100%;
        padding: 30px
    }

    .property-table table thead.fixedHeader {
        padding-left: 10px
    }

    .property-table table tr td:last-child {
        min-width: calc(150px + 10px) !important;
        border-right-width: 10px !important
    }
}

.property__inner {
    font-family: Inter, sans-serif;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    overflow: hidden;
    color: #222
}

.property__image-wrap {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden
}

.property__image-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    position: absolute;
    z-index: 1;
    object-fit: cover
}

.property__link {
    color: #222;
    text-decoration: none;
    transition: .2s ease-in-out
}

.property__link:hover {
    color: #fd8f5e
}

.property__stickers {
    position: absolute;
    bottom: auto;
    top: 12px;
    left: 12px;
    z-index: 99
}

.property__sticker {
    font-family: InterMedium, sans-serif;
    text-transform: uppercase !important;
    font-size: 12px;
    display: inline-block !important;
    z-index: 2;
    color: #fff;
    padding: 7px 10px 5px !important;
    border-radius: 8px !important;
    line-height: 12px !important;
    transition: .2s ease-out
}

.property__sticker:hover {
    color: #fff
}

.property__sticker.Rented,
.property__sticker.Sold,
.property__sticker.buy,
.property__sticker.rent,
.property__sticker.sold {
    background: #fd8f5e
}

.property__sticker.buy:hover,
.property__sticker.rent:hover,
.property__sticker.sold:hover {
    background: #fff;
    color: #fd8f5e
}

.property__sticker.type {
    background: #fd8f5e
}

.property__sticker.type:hover {
    background: #fff;
    color: #fd8f5e
}

.property__promotion {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 9;
    pointer-events: none
}

.property__promotion-item {
    font-family: InterMedium, sans-serif;
    text-transform: uppercase !important;
    font-size: 12px;
    display: inline-block !important;
    z-index: 2;
    color: #fff;
    padding: 9px 10px 7px 30px !important;
    border-radius: 8px !important;
    line-height: 12px !important;
    transition: .2s ease-out;
    background-repeat: no-repeat
}

.property__promotion-item.hot {
    background-color: #db2e23;
    background-size: auto 18px;
    background-position: left 9px center;
    background-image: url(../icons/icon-hot.html)
}

.property__promotion-item.low {
    background-color: #32c000;
    background-image: url(../icons/icon-low-price.html);
    background-size: auto 16px;
    background-position: left 6px top 7px
}

.property__promotion-item.exclusive {
    background-color: #01aee5;
    background-image: url(../icons/icon-exclusive.html);
    background-size: auto 14px;
    background-position: left 6px top 8px
}

.property__shortlist-btn {
    position: absolute;
    bottom: auto;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 22px;
    z-index: 99;
    padding: 0;
    border: none;
    font-size: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.property__shortlist-btn.load {
    background-image: url(../icons/heart-transparent.html)
}

.property__shortlist-btn.saved {
    background-image: url(../icons/heart-red.html)
}

.property__body {
    padding: 25px
}

.property__price-wrap {
    margin-bottom: 8px
}

.property__price {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #fd8f5e
}

.property__icons-wrap {
    margin-bottom: 8px
}

.property__icons {
    display: flex;
    align-items: center;
    margin: 0 -18px
}

.property__icon {
    padding: 0 18px
}

.property__icon-value {
    display: flex;
    align-items: flex-end;
    margin-bottom: 2px
}

.property__icon-value span {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 18px
}

.property__icon-value img {
    margin-left: 4px;
    height: 18px !important;
    width: auto !important;
    vertical-align: bottom
}

.property__icon-caption span {
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f
}

.property__title-wrap {
    margin-bottom: 8px
}

.property__title {
    margin: 0;
    font-family: InterMedium, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    color: #222 !important;
}

.property__locate {
    display: flex;
    align-items: center
}

.property__locate img {
    height: 14px !important;
    width: auto !important
}

.property__locate span {
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f
}

.property__locate img+span {
    margin-left: 8px
}

.property__band {
    margin: 14px 0;
    border-bottom: 1px solid #ebebeb
}

.agent-property__card {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.agent-property__photo {
    height: 67px;
    border-radius: 8px;
    margin-right: 8px;
    overflow: hidden;
    background: #d9d9d9;
    text-align: center
}

.agent-property__photo.mpp {
    min-width: 67px
}

.agent-property__photo a {
    display: block;
    width: 100%;
    height: 100%
}

.agent-property__photo img.user {
    width: auto !important;
    height: 140% !important;
    object-fit: contain
}

.agent-property__photo img.mpp {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    vertical-align: top
}

.agent-property__info {
    flex-grow: 1;
    margin-right: 8px
}

.agent-property__info p {
    margin: 0
}

.agent-property__info-listed {
    font-size: 14px;
    line-height: 24px;
    color: #222 !important;
}

.agent-property__info-name {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #222 !important;
}

.agent-property__info-name.mpp {
    font-size: 14px;
    line-height: 18px
}

.agent-property__whatsapp {
    display: block;
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../icons/whatsapp-icon.html)
}

.agent-property__whatsapp:hover {
    animation: .6s swing
}

@media only screen and (max-width:767px) {
    .property__body {
        padding: 20px 15px
    }
}

@keyframes swing {
    15% {
        transform: rotateZ(9deg)
    }

    30% {
        transform: rotateZ(-9deg)
    }

    40% {
        transform: rotateZ(6deg)
    }

    50% {
        transform: rotateZ(-6deg)
    }

    65% {
        transform: rotateZ(3deg)
    }

    100% {
        transform: rotateZ(0)
    }
}

.mtp-calculator {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding: 0
}

.mtp-calculator__container {
    padding-top: 90px !important
}

.mtp-calculator__header {
    margin-bottom: 35px
}

.mtp-calculator__header-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: InterSemiBold, sans-serif;
    color: #333
}

.mtp-calculator__header-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mtp-calculator__header-desc span {
    font-size: 16px
}

.mtp-calculator__header-changeCur {
    display: flex;
    align-items: center
}

.mtp-calculator__header-changeCur span {
    font-size: 16px
}

.mtp-calculator__wrapper {
    position: relative;
    display: flex;
    background-color: #f9f9f9;
    border-radius: 8px;
    overflow: hidden
}

.mtp-calculator__section {
    padding: 30px;
    flex: 0 0 50%
}

.mtp-calculator__input-container {
    position: relative;
    display: block;
    padding-top: 14px
}

.mtp-calculator__label-wrapper {
    position: absolute;
    top: 0;
    line-height: 1;
    left: 0;
    margin: 0;
    color: #8f8f8f
}

.mtp-calculator__input {
    width: 100%;
    height: 40px;
    font-family: InterSemiBold, sans-serif;
    font-size: 18px;
    line-height: 20px;
    border: none;
    padding: 0 0 5px;
    background: 0 0;
    border-bottom: 1px solid #d4d4d4
}

.mtp-calculator__input_range {
    display: flex;
    justify-content: space-between;
    color: #8f8f8f;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px
}

.range-slider {
    width: 100%;
    height: 18px;
    position: relative;
    margin-top: -9px
}

.range-slider__wrapper {
    position: absolute;
    top: 0;
    right: calc(18px/2 * -1);
    left: calc(18px/2 * -1);
    height: inherit;
    z-index: 1
}

.range-slider__input {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 18px;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    background: 0 0;
    color: transparent;
    cursor: pointer;
    z-index: 1
}

.range-slider__input:focus {
    outline: 0
}

.range-slider__input::-ms-track {
    width: 100%;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.range-slider__input::-moz-range-track {
    position: absolute;
    -moz-appearance: none;
    background: 0 0
}

.range-slider__input::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: 0 0
}

.range-slider__input::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 2px solid #fff;
    cursor: grab;
    transition: background .15s
}

.range-slider__input::-moz-range-thumb {
    width: 18px;
    height: 18px;
    -moz-appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 2px solid #fff;
    cursor: grab;
    transition: background .15s
}

.range-slider__input::-ms-thumb {
    width: 18px;
    height: 18px;
    appearance: none;
    background: #02b2ee;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 2px solid #fff;
    cursor: grab;
    transition: background .15s
}

.range-slider__progressbar {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    top: 7px;
    right: 0;
    left: 0;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    animation-timing-function: cubic-bezier(.45, 0, .55, 1);
    transition: background .15s
}

.range-slider__progressbar::-webkit-progress-bar {
    background: 0 0;
    border-radius: 0;
    -webkit-transition: background .15s
}

.range-slider__progressbar::-moz-progress-bar {
    background: #005897;
    border-radius: 0;
    -moz-transition: background .15s
}

.range-slider__progressbar::-webkit-progress-value {
    background-color: #005897
}

.mtp-calculator__badge {
    position: absolute;
    font-family: InterSemiBold, sans-serif;
    font-size: 18px;
    line-height: 1;
    right: 0;
    top: 24px
}

.mtp-calculator__section.result {
    background-color: #005897;
    color: #fff;
    display: flex
}

.mtp-result__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 100%
}

.mtp-calculator__row {
    display: block;
    margin-bottom: 40px
}

.mtp-result__row.grow {
    flex-grow: 1
}

.mtp-calculator__row:last-child,
.mtp-result__row:last-child {
    margin: 0
}

.mtp-result__row {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between
}

.mtp-result__row.monthly-payment .mtp-result__option {
    font-size: 20px;
    line-height: 24px
}

.mtp-result__output {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 24px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .mtp-result__output {
        font-size: 20px
    }
}

.mtp-result__row.monthly-payment {
    display: block
}

.mtp-result__row.monthly-payment .mtp-result__output {
    font-size: 38px;
    display: block;
    line-height: 60px
}

.mtp-result__btn-group {
    width: 100%
}

.mtp-result__btn {
    font-family: InterMedium, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    height: 46px;
    border: none !important;
    border-radius: 8px;
    line-height: 48px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    max-width: 240px;
    margin-top: 30px;
    width: 100%
}

.mtp-result__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.modal-mc-calculator {
    max-width: 720px;
    position: relative
}

.modal-mc-calculator .modal-content {
    overflow: hidden
}

.modal-mc-calculator .close {
    top: 11px;
    right: 26px;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 10
}

.modal-mc-calculator .close img {
    width: 12px !important;
    vertical-align: top;
    margin-top: 4px
}

.modal-mc-calculator .modal-body,
.modal-mc-calculator .modalFormReq {
    padding: 0 !important
}

.wrp-mortgage-calc {
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.data-mortgage-calc {
    width: 50%;
    flex: 0 0 50%;
    background: #f9f9f9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.data-mortgage-calc__line {
    padding: 12px 0 10px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    line-height: 24px
}

.data-mortgage-calc__line:last-child {
    border-bottom: none
}

.data-mortgage-calc__title {
    font-size: 14px
}

.data-mortgage-calc__value {
    font-size: 14px;
    font-family: InterSemiBold, sans-serif
}

.form-mortgage-calc {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.form-mortgage-calc .form-group {
    position: relative;
    margin-bottom: 10px
}

.form-mortgage-calc input {
    height: 40px;
    border-radius: 4px
}

.form-mortgage-calc label {
    position: absolute;
    top: 8px;
    font-size: 14px;
    left: 15px;
    margin: 0;
    color: #bbb;
    font-family: Inter, sans-serif;
    pointer-events: none
}

.form-mortgage-calc label.filled {
    top: 8px !important;
    right: 10px !important;
    left: auto;
    transform: none;
    font-size: 12px !important
}

.modal-mc-calculator .wpcf7 form .wpcf7-response-output {
    margin: 0;
    font-size: 14px;
    font-family: Inter, sans-serif;
    text-align: center
}

.modal-mc-calculator .wpcf7 form.invalid .wpcf7-response-output,
.modal-mc-calculator .wpcf7 form.payment-required .wpcf7-response-output,
.modal-mc-calculator .wpcf7 form.unaccepted .wpcf7-response-output {
    background: #ffb900;
    color: #fff
}

.modal-mc-calculator .wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    color: #fff
}

.form-mortgage-calc button {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    height: 46px;
    border: none !important;
    border-radius: 8px;
    line-height: 48px;
    text-decoration: none;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    min-width: 220px;
    width: 100%;
    margin: 10px 0 0
}

.form-mortgage-calc button:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:900px) {

    .mtp-result__row,
    .mtp-result__row span {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mtp-calculator__container {
        max-width: 100% !important;
        padding-top: 50px !important
    }

    .mtp-calculator__header {
        margin-bottom: 25px
    }

    .mtp-calculator__header-title {
        margin: 0
    }

    .mtp-calculator__header-row {
        display: none
    }

    .mtp-calculator__label {
        font-size: 12px
    }

    .mtp-calculator__section {
        padding: 25px
    }

    .mtp-calculator__row {
        margin-bottom: 30px
    }

    .mtp-calculator__input {
        height: 34px;
        font-size: 16px;
        padding-bottom: 2px
    }

    .mtp-calculator__badge {
        font-size: 16px
    }

    .mtp-calculator__input_range {
        margin-top: 0
    }

    .modal-mc-calculator {
        max-width: calc(100% - 60px)
    }

    .mtp-result__btn {
        max-width: 100%;
        margin-top: 20px
    }

    .mtp-result__row {
        margin-bottom: 10px
    }

    .mtp-result__row,
    .mtp-result__row span {
        display: block
    }

    .mtp-result__option {
        font-size: 12px
    }

    .mtp-result__output {
        font-size: 16px;
        line-height: 1
    }

    .mtp-result__row.monthly-payment .mtp-result__option {
        font-size: 18px
    }

    .mtp-result__row.monthly-payment .mtp-result__output {
        font-size: 26px;
        line-height: 1
    }

    .data-mortgage-calc {
        padding: 15px 25px
    }

    .form-mortgage-calc {
        padding: 25px
    }

    .data-mortgage-calc__line {
        display: block;
        line-height: 1
    }

    .data-mortgage-calc__title {
        font-size: 12px;
        margin-bottom: 5px
    }

    .modal-mc-calculator .close {
        right: 21px
    }
}

@media only screen and (max-width:560px) {
    .mtp-calculator__wrapper {
        flex-direction: column
    }

    .modal-mc-calculator {
        margin: 0 auto
    }

    .wrp-mortgage-calc {
        flex-direction: column
    }

    .data-mortgage-calc {
        width: 100%;
        flex: 0 0 100%
    }
}

.main-info {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding: 0
}

.main-info__container {
    padding-top: 35px !important
}

.main-info__row {
    display: flex;
    margin: 0 -10px;
    position: relative
}

.main-info__col {
    padding: 0 10px
}

.main-info__col_left {
    width: 68%
}

.main-info__col_right {
    width: 32%
}

@media only screen and (max-width:960px) {
    .main-info__col_left {
        width: 100%
    }

    .main-info__col_right {
        display: none
    }

    #infoContactsWrapTo {
        margin-bottom: 32px
    }

    #infoContactsWrapTo .main-info__contacts {
        position: static;
        top: 0
    }
}

.main-info__ref-wrap {
    margin-bottom: 28px
}

.main-info__ref {
    color: #8f8f8f
}

@media only screen and (max-width:767px) {
    .main-info {
        padding: 0
    }

    .main-info__container {
        padding-top: 20px !important
    }

    .main-info__ref-wrap {
        margin-bottom: 16px
    }
}

.main-info__title-wrap {
    margin-bottom: 8px
}

.main-info__title {
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.main-info__location-wrap {
    margin-bottom: 28px
}

.info-location__icon {
    height: 18px;
    width: auto;
    margin-bottom: 2px
}

.info-location__icon+.info-location__text {
    margin-left: 4px
}

.info-location__text_link {
    color: #222;
    text-decoration: underline
}

.info-location__text_link:hover {
    text-decoration: none;
    color: #222
}

@media only screen and (max-width:767px) {
    .main-info__location-wrap {
        margin-bottom: 24px
    }
}

.main-info__price-wrap {
    margin-bottom: 28px
}

.info-price__row {
    display: flex;
    justify-content: space-between
}

.info-price__col_price {
    display: flex;
    flex-direction: column
}

.info-price__col_currency {
    display: flex;
    align-items: center
}

.info-price__value {
    font-family: InterBold, sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 8px
}

.currency-select .widget-currency-switcher {
    margin-left: 15px;
    position: relative;
    width: 73px
}

.currency-select .widget-currency-switcher:after {
    display: none
}

.currency-select .widget-currency-switcher:before {
    content: '';
    position: absolute;
    right: 13px;
    width: 11px;
    top: 17px;
    height: 5px;
    background: url(../icons/icon-arrow-gray.html) center center no-repeat;
    pointer-events: none
}

.currency-select .widget-currency-switcher .currency-switcher {
    font-family: InterSemiBold, sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 6px 13px !important;
    height: 36px !important;
    cursor: pointer;
    color: #222;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

@media only screen and (max-width:767px) {
    .main-info__price-wrap {
        margin-bottom: 36px
    }

    .info-price__col_currency {
        display: none
    }
}

.main-info__details-wrap {
    margin-bottom: 57px
}

.info-details {
    padding: 20px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.info-details__row {
    display: flex;
    justify-content: flex-start;
    gap: 80px
}

.info-details__text-icon {
    display: flex;
    align-items: flex-end;
    margin-bottom: 3px;
    min-height: 24px
}

.info-details__text-icon span {
    color: #fd8f5e;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: .85
}

.info-details__text-icon img {
    margin-left: 5px;
    height: 24px;
    width: auto;
    vertical-align: bottom
}

@media only screen and (max-width:767px) {
    .main-info__details-wrap {
        margin-bottom: 41px
    }

    .info-details__row {
        flex-wrap: wrap;
        row-gap: 16px
    }

    .info-details__text-icon {
        min-height: 20px
    }

    .info-details__text-icon span {
        font-size: 18px
    }

    .info-details__text-icon img {
        height: 20px
    }

    .info-details__col {
        min-width: 86px
    }
}

.main-info__writeup {
    max-width: 700px
}

.main-info__writeup b,
.main-info__writeup h2,
.main-info__writeup h3,
.main-info__writeup h4,
.main-info__writeup h5,
.main-info__writeup strong {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400
}

.main-info__writeup h2 {
    font-size: 24px
}

.main-info__writeup h3 {
    font-size: 18px
}

.main-info__writeup h4 {
    font-size: 16px
}

.main-info__writeup ol,
.main-info__writeup ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.main-info__writeup ol li,
.main-info__writeup ul li {
    width: 50%;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}

.main-info__writeup ol li:before,
.main-info__writeup ul li:before {
    display: block;
    width: 16px;
    height: 1px;
    background: #02b2ee;
    content: "";
    left: 0;
    top: 12px;
    position: absolute
}

.main-info__project-details {
    padding-top: 90px
}

.project-details__title-wrap {
    margin-bottom: 10px
}

.project-details__title {
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.project-details__row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px
}

.project-details__table {
    flex-grow: 1;
    max-width: 50%
}

.project-table table {
    margin: 0 -10px
}

.project-table td {
    padding: 1px 10px
}

.project-table td:nth-child(1) {
    min-width: 190px;
    font-family: InterSemiBold, sans-serif
}

.project-details__qr {
    flex: 0 0 180px;
    padding: 15px;
    border-radius: 8px;
    background: #f7f7f7
}

.project-details__qr-image {
    width: 100%;
    height: 100%;
    min-width: 150px;
    min-height: 150px;
    object-fit: contain
}

.project-details__qr-caption {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .main-info__project-details {
        padding-top: 35px
    }

    .project-details__row {
        gap: 20px
    }

    .project-details__table {
        max-width: 100%
    }

    .project-table td:nth-child(1) {
        min-width: 125px
    }
}

.main-info__contacts {
    position: -webkit-sticky;
    position: sticky;
    top: 127px
}

.info-contacts-wrap {
    height: 100%
}

#infoContactsTabs {
    border-radius: 8px;
    background: #f7f7f7;
    overflow: hidden
}

ul.info-contacts__nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

li.info-contacts__nav-tab {
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: center
}

li.info-contacts__nav-tab a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 40px;
    background: #eaeaea;
    color: #bbb;
    transition: .2s ease-in
}

li.info-contacts__nav-tab a:hover {
    background: #bbb;
    color: #fff
}

li.info-contacts__nav-tab.active a {
    background: #fd8f5e;
    color: #fff
}

.info-contacts__tab-content {
    padding: 20px;
    display: none
}

.info-contacts__tab-content.active {
    display: block
}

.info-contacts__tab-content_agent {
    padding: 30px 20px
}

.contact-agent__card {
    display: flex;
    align-items: center;
    margin-bottom: 27px
}

.contact-agent__photo {
    height: 95px;
    border-radius: 16px;
    margin-right: 19px;
    overflow: hidden;
    background: #d9d9d9;
    text-align: center
}

.contact-agent__photo.mpp {
    min-width: 95px
}

.contact-agent__photo a {
    display: block;
    width: 100%;
    height: 100%
}

.contact-agent__photo img.user {
    width: auto;
    height: 140%;
    object-fit: contain
}

.contact-agent__photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.contact-agent__info-listed {
    margin: 0
}

.contact-agent__info-name {
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px
}

.contact-agent__info-rating {
    margin: 10px -2px 0
}

.contact-agent__info-rating .item-rating,
.contact-agent__info-rating .item-rating-fill {
    display: block;
    height: 23px;
    line-height: 23px;
    background-repeat: repeat-x;
    background-size: auto 23px;
    background-position: left center
}

.contact-agent__info-rating .item-rating {
    background-image: url(../icons/rating-agent-gray.html);
    position: relative;
    overflow: hidden;
    width: 145px;
    margin: 0 auto
}

.contact-agent__info-rating .item-rating-fill {
    background-image: url(../icons/rating-agent-new.html);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0
}

.contact-agent__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contact-agent__btn {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    height: 40px;
    width: 50%;
    text-decoration: none;
    border-radius: 8px;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    cursor: pointer
}

.contact-agent__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.contact-agent__btn.whatsapp {
    background: linear-gradient(90deg, #62d53a 0, #62d53a 50%, #128c7e 50%, #128c7e 100%);
    background-size: 200% 100%
}

.contact-agent__btn.whatsapp:hover {
    background-position: 100% 0
}

.contacts-form__subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px
}

.contacts-form__title {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 42px
}

.contacts-form .unit-contact-form .half-column {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.contacts-form div.checkbox .wpcf7-list-item-label {
    color: #000
}

.contacts-form .wpcf7-response-output {
    margin: 20px 0 0 !important
}

@media only screen and (max-width:767px) and (min-width:641px) {
    .info-contacts__agent {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .contact-agent__buttons {
        flex-direction: column;
        justify-content: center;
        width: 50%
    }

    .contact-agent__card {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .contact-agent__photo {
        width: 108px;
        height: 108px;
        border-radius: 8px;
        margin-right: 25px
    }

    .contact-agent__photo.mpp {
        min-width: 108px
    }

    .contact-agent__info-rating .item-rating,
    .contact-agent__info-rating .item-rating-fill {
        height: 18px;
        line-height: 18px;
        background-size: auto 18px
    }

    .contact-agent__info-rating .item-rating {
        width: 112px
    }

    .contact-agent__btn {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .info-contacts .hide-mobile {
        display: none
    }

    .contact-agent__btn {
        width: 50%
    }

    li.info-contacts__nav-tab {
        width: 100%
    }
}

.facilities {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding: 0
}

.facilities__container {
    padding-top: 90px !important
}

.facilities__row {
    display: flex;
    justify-content: space-between;
    gap: 40px
}

.facilities__col {
    width: 50%
}

@media only screen and (max-width:1024px) {
    .facilities__row {
        flex-wrap: wrap;
        gap: 20px
    }

    .facilities__col {
        width: 100%
    }

    .facilities__col_list {
        order: 2
    }

    .facilities__col_video {
        order: 1
    }
}

.facilities__title-wrap {
    margin-bottom: 25px
}

.facilities__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .facilities__container {
        padding-top: 40px !important
    }

    .facilities__title-wrap {
        margin-bottom: 20px
    }
}

.facilities__lists {
    display: flex;
    justify-content: space-between;
    margin: 0 -5px
}

.facilities__item {
    padding: 0 5px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
    .facilities__item {
        width: 33.33%
    }
}

.facilities__item-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.list-facilities {
    padding: 0 0 0 17px;
    margin: 0
}

.list-facilities li {
    color: #000;
    list-style-position: outside;
    padding-bottom: 3px
}

@media only screen and (max-width:767px) {
    .facilities__lists {
        flex-wrap: wrap
    }

    .facilities__item {
        width: 100%
    }

    .facilities__item-title {
        margin-bottom: 5px;
        margin-top: 15px
    }

    .list-facilities {
        list-style: none;
        padding: 0;
        column-count: 2
    }

    .list-facilities li {
        position: relative;
        padding-left: 20px;
        padding-bottom: 5px
    }

    .list-facilities li::before {
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        left: 0;
        top: 8px;
        background: url(../icons/tick-blue.html) 0 0/contain no-repeat
    }
}

@media only screen and (max-width:550px) {
    .list-facilities {
        padding: 0;
        column-count: 1
    }
}

.facilities__image-wrap {
    border-radius: 8px;
    overflow: hidden;
    min-height: 320px;
    position: relative;
    height: 100%
}

.facilities__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute
}

.facilities__col_video.video {
    max-width: 600px;
    margin: 0 auto
}

.video__container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video__img-wrap {
    position: absolute;
    display: block;
    min-height: 100%;
    left: 0;
    top: 0;
    background: #d9d9d9;
    width: 100%;
    z-index: 2;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f7f7f7
}

.video__img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 38px;
    height: 38px;
    transition: .5s
}

.video__img-wrap:hover .video__play {
    transform: translate3d(-50%, -50%, 0) scale(1.2)
}

.video__play path {
    transition: .5s
}

.video__play .icon {
    opacity: .5;
    transition: .3s
}

.video__img-wrap:hover .video__play .icon {
    opacity: 1;
    fill: #ff0200
}

.video__img-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

@media only screen and (max-width:767px) {
    .facilities__image-wrap {
        min-height: 350px
    }

    .video__play {
        width: 32px;
        height: 32px
    }

    .facilities__col_video.video {
        max-width: 100%;
        margin: 0 auto
    }
}

@media only screen and (max-width:640px) {
    .facilities__image-wrap {
        min-height: 200px
    }
}

.community {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding: 0
}

.community__container {
    padding-top: 80px !important
}

@media only screen and (max-width:767px) {
    .community__container {
        padding-top: 45px !important
    }
}

.community__title-wrap {
    margin-bottom: 20px
}

.community__title {
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.community__body {
    max-width: 515px
}

.community__btn-wrap {
    margin-left: -10px
}

.btnObject {
    display: inline-block;
    position: relative;
    color: #fd8f5e;
    padding: 10px 25px 10px 10px;
    font-size: 12px;
    line-height: 15px;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase
}

.btnObject:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../icons/btn-arrow-blue.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .2s ease-out
}

.btnObject:hover:before {
    right: 7px
}

.map {
    font-family: Inter, sans-serif;
    color: #222;
    padding: 0
}

.map__container:first-child {
    padding-top: 120px !important
}

.map__container:last-child {
    padding-top: 0 !important
}

.map__title-wrap {
    margin-bottom: 10px
}

.map__title {
    margin: 0;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.map__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px
}

.map__area .info-location__text {
    font-size: 16px
}

.map__area-link {
    margin-right: -10px
}

#loadMap {
    width: 100%;
    height: 490px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    will-change: transform
}

@media(max-width:767px) {

    .main-info__writeup ol li,
    .main-info__writeup ul li {
        width: 100%;
        padding-left: 20px
    }

    .main-info__writeup ol li:before,
    .main-info__writeup ul li:before {
        width: 12px
    }

    .main-info__writeup p {
        line-height: 2 !important
    }

    .map__container:first-child {
        padding-top: 55px !important;
        max-width: 100% !important
    }

    .map__container:last-child {
        padding: 0 !important;
        max-width: 100% !important
    }

    .map__area-link {
        display: none
    }

    .map__area .info-location__text {
        font-size: 14px
    }

    #loadMap {
        height: 275px;
        border-radius: 0
    }
}

#loadMap .gm-bundled-control-on-bottom,
#loadMap .gm-fullscreen-control {
    right: unset !important
}

#loadMap .gm-bundled-control-on-bottom {
    left: 0;
    bottom: unset !important;
    top: 80px
}

#loadMap .gm-style a[target=_blank] {
    pointer-events: none !important;
    position: absolute;
    bottom: 0
}

.contact-obj {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    padding: 0;
    overflow: hidden
}

.contact-obj__container {
    padding-top: 120px !important;
    padding-bottom: 65px !important
}

.featureProjects.map+.featureProjects.contact-obj .contact-obj__container {
    padding-top: 0 !important
}

.contact-obj__body {
    position: relative;
    padding: 50px 35px 35px;
    background: #f9f9f9;
    border-radius: 0 0 8px 8px
}

@media only screen and (max-width:767px) {
    .contact-obj__container {
        padding-top: 55px !important;
        padding-bottom: 0 !important
    }

    .featureProjects.map+.featureProjects.contact-obj .contact-obj__container {
        padding-top: 0 !important
    }

    .contact-obj__body {
        padding: 40px 0;
        border-radius: 0
    }

    .contact-obj__body:after,
    .contact-obj__body:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background: #f9f9f9
    }

    .contact-obj__body:before {
        left: 100%
    }

    .contact-obj__body:after {
        right: 100%
    }
}

.contact-obj__row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 -20px
}

.contact-obj__col {
    padding: 0 20px
}

.contact-obj__col_list {
    width: 40%
}

.contact-obj__col_form {
    width: 60%
}

.contact-obj__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

.contact-obj__subtitle {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .contact-obj__row {
        flex-wrap: wrap
    }

    .contact-obj__col {
        width: 100%
    }

    .contact-obj__col_list {
        order: 2
    }

    .contact-obj__col_form {
        order: 1
    }

    .contact-obj__subtitle-wrap,
    .contact-obj__title-wrap {
        display: none
    }
}

.contact-obj__list {
    margin: 40px 0 0;
    padding: 0
}

.contact-obj__item {
    list-style: none;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
    color: #000
}

.contact-obj__item:last-child {
    padding-bottom: 0
}

.contact-obj__item a {
    color: #000
}

.contact-obj__item a:hover {
    text-decoration: underline
}

.contact-obj__item img {
    width: 21px;
    height: 21px;
    object-fit: contain;
    object-position: center;
    margin-top: 3px
}

.contact-obj__item>span {
    margin-left: 30px;
    max-width: 300px
}

@media only screen and (min-width:768px) and (max-width:850px) {
    .contact-obj__list {
        margin: 18px 0 0
    }

    .contact-obj__item {
        padding-bottom: 27px
    }
}

@media only screen and (max-width:767px) {
    .contact-obj__item {
        padding-bottom: 25px
    }

    .contact-obj__form-subtitle-wrap {
        margin-bottom: 5px
    }
}

.contact-obj__form-title-wrap {
    margin-bottom: 35px
}

.contact-obj__form-title {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.contact-obj__form .wpcf7-response-output {
    margin: 20px 0 0 !important
}

@media only screen and (max-width:767px) {
    .contact-obj__form-title-wrap {
        margin-bottom: 28px
    }
}

.mailchimpMarketing-input.wpcf7-not-valid,
.news-letter__form-wrap .form-group input.wpcf7-not-valid,
.unit-contact-form input:not([type=checkbox]):not([type=submit]).wpcf7-not-valid,
.unit-contact-form textarea.wpcf7-not-valid {
    border: 1px solid red
}

.modal-content .wpcf7-form .unit-contact-form {
    opacity: 1;
    overflow: hidden;
    padding: 10px 0 0;
    height: 100%;
    transition: opacity .5s .1s, height .6s .5s
}

.modal-content .wpcf7-form.sent .unit-contact-form {
    height: 0;
    opacity: 0
}

.similarProjects {
    font-family: Inter, sans-serif;
    color: #222;
    padding: 0
}

.similarProjects__container {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.similarProjects__title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

.similarProjects__slider {
    margin-top: 45px
}

.similarProjects__slider.propertySlider .owl-nav {
    top: -81px
}

@media only screen and (max-width:767px) {
    .similarProjects__slider {
        margin-top: 20px
    }

    .similarProjects__slider.propertySlider .owl-nav {
        top: 180px
    }
}

.tags__container {
    padding-top: 20px !important;
    padding-bottom: 120px !important
}

.tags__body {
    font-family: InterMedium, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #fd8f5e;
    padding: 0
}

.tags__scroll {
    display: none
}

.tags__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -4px
}

.tags__item {
    background: #e7f9ff;
    border-radius: 8px;
    border: 1px solid #e7f9ff;
    color: #fd8f5e;
    margin: 4px;
    padding: 8px 12px;
    transition: .2s ease-in-out
}

.tags__item:hover {
    color: #fff;
    border: 1px solid #3dcbf9;
    background: #fd8f5e
}

@media only screen and (max-width:767px) {
    .tags__container {
        padding-top: 0 !important;
        padding-bottom: 40px !important
    }

    .tags__body {
        position: relative
    }

    .tags__items-wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        min-height: 90px
    }

    .tags__items {
        flex: 0 0 auto;
        max-width: 1160px
    }

    .tags__item {
        border: 1px solid #3dcbf9
    }

    .tags__scroll {
        position: absolute;
        display: block;
        opacity: 0;
        width: 50px;
        height: 100%;
        pointer-events: none
    }

    .tags__scroll.show {
        opacity: 1;
        pointer-events: auto
    }

    .tags__scroll_right {
        right: -1px;
        top: 0;
        background: linear-gradient(-90deg, #fff 41.15%, rgba(255, 255, 255, 0) 100%)
    }

    .tags__scroll_left {
        left: -1px;
        top: 0;
        background: linear-gradient(90deg, #fff 41.15%, rgba(255, 255, 255, 0) 100%)
    }

    .tags__scroll img {
        display: block;
        width: 100%;
        height: 100%;
        padding: 30px 0 30px 30px;
        pointer-events: none
    }

    .tags__scroll_left img {
        transform: rotate(180deg)
    }
}

.featureProjects.object__gallery {
    padding: 0;
    font-family: Inter, sans-serif
}

body.stickyMenu .featureProjects.object__gallery {
    padding-top: 60px
}

.container.object__gallery-container {
    padding-top: 0 !important;
    position: relative
}

.object__gallery-mobile {
    display: none
}

.object__gallery-desc {
    display: flex;
    margin: 0 -10px
}

.object__gallery-colLeft,
.object__gallery-colRight {
    padding: 0 10px
}

.object__gallery-colLeft {
    height: 480px;
    position: relative;
    flex: 0 0 68%
}

.object__gallery-colRight {
    flex: 0 0 32%
}

.object__gallery-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    will-change: transform;
    display: block;
    height: 230px;
    width: 100%
}

.object__gallery-item>img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    transition: transform .5s
}

.object__gallery-item.first {
    height: 100% !important
}

.object__gallery-item.second {
    margin-bottom: 20px
}

.object__gallery-moreBtn {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 90, 140, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    transition: background-color .5s
}

.object__gallery-moreBtn>img {
    width: 39px;
    margin-right: 5px
}

.object__gallery-item:hover .object__gallery-moreBtn {
    background-color: #fd8f5e
}

.object__gallery-item:hover>img {
    transform: scale(1.1)
}

@media only screen and (max-width:968px) {
    .object__gallery-colLeft {
        height: 420px
    }

    .object__gallery-item {
        height: 200px
    }
}

@media only screen and (max-width:767px) {
    body.stickyMenu .featureProjects.object__gallery {
        padding-top: 0
    }

    .featureProjects.object__gallery {
        padding-bottom: 50px
    }

    .object__gallery-desc {
        display: none
    }

    .container.object__gallery-container {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important
    }

    .object__gallery-mobile {
        height: 350px;
        width: 100%;
        position: relative;
        display: block
    }

    .object__gallery-mobile .owl-item,
    .object__gallery-mobile img {
        height: 350px !important;
        width: 100%;
        object-fit: cover
    }

    .object__gallery-mobile .owl-nav {
        position: absolute;
        top: 0;
        z-index: 10;
        height: 100%;
        width: 100%;
        pointer-events: none
    }

    .object__gallery-mobile .owl-next,
    .object__gallery-mobile .owl-prev {
        position: absolute;
        top: 0;
        width: 45px;
        text-align: center !important;
        height: 100%;
        border-radius: 0 !important;
        background: rgba(0, 0, 0, .05) !important;
        transition: .3s ease-out;
        pointer-events: initial;
        opacity: 1
    }

    .object__gallery-mobile .owl-prev {
        left: 0
    }

    .object__gallery-mobile .owl-next {
        right: 0
    }

    .object__gallery-mobile .owl-next.disabled,
    .object__gallery-mobile .owl-prev.disabled {
        opacity: 0 !important;
        pointer-events: none
    }

    .object__gallery-mobile .owl-next span,
    .object__gallery-mobile .owl-prev span {
        font-size: 0;
        display: block;
        position: relative
    }

    .object__gallery-mobile .owl-next span:before,
    .object__gallery-mobile .owl-prev span:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        width: 8px;
        height: 21px;
        background-image: url(../icons/btn-arrow-white-obj.html);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: .2s ease-out
    }

    .object__gallery-mobile .owl-prev span:before {
        transform: scale(-1, 1) translate(-50%, -50%)
    }
}

.object__stikers {
    position: absolute;
    bottom: auto;
    top: 20px;
    left: 30px;
    z-index: 9
}

.object__stiker {
    font-family: InterMedium, sans-serif;
    text-transform: uppercase !important;
    font-size: 12px;
    display: inline-block !important;
    z-index: 2;
    color: #fff;
    padding: 7px 10px 6px !important;
    border-radius: 8px !important;
    line-height: 12px !important;
    transition: .2s ease-out
}

.object__stiker:hover {
    color: #fff
}

.object__stiker.buy,
.object__stiker.rent,
.object__stiker.sold {
    background: #fd8f5e
}

.object__stiker.buy:hover,
.object__stiker.rent:hover,
.object__stiker.sold:hover {
    background: #fff;
    color: #fd8f5e
}

.object__stiker.type {
    background: #fd8f5e
}

.object__stiker.type:hover {
    background: #fff;
    color: #fd8f5e
}

.object__promotion {
    position: absolute;
    top: 20px;
    right: calc(32% + 30px);
    z-index: 9;
    pointer-events: none
}

.object__promotion-item {
    font-family: InterMedium, sans-serif;
    text-transform: uppercase !important;
    font-size: 12px;
    display: inline-block !important;
    z-index: 2;
    color: #fff;
    padding: 9px 10px 7px 30px !important;
    border-radius: 8px !important;
    line-height: 12px !important;
    transition: .2s ease-out;
    background-repeat: no-repeat
}

.object__promotion-item.hot {
    background-color: #db2e23;
    background-size: auto 18px;
    background-position: left 9px center;
    background-image: url(../icons/icon-hot.html)
}

.object__promotion-item.low {
    background-color: #32c000;
    background-image: url(../icons/icon-low-price.html);
    background-size: auto 16px;
    background-position: left 6px top 7px
}

.object__promotion-item.exclusive {
    background-color: #01aee5;
    background-image: url(../icons/icon-exclusive.html);
    background-size: auto 14px;
    background-position: left 6px top 8px
}

@media only screen and (max-width:767px) {
    .object__stikers {
        top: 20px;
        left: 20px;
        margin-left: 0;
        width: 340px
    }

    .object__promotion {
        bottom: 20px;
        top: auto;
        right: auto;
        left: 50%;
        margin-left: -170px;
        width: 340px
    }
}

@media only screen and (max-width:400px) {
    .object__stikers {
        left: 10px;
        width: 300px
    }
}

.modal__gallery-dialog {
    max-width: 90%;
    margin: 0 auto;
    max-height: 90vh;
    overflow: auto
}

.modal__gallery {
    max-height: 90vh;
    height: 90vh;
    max-width: 2000px;
    overflow: auto
}

.modal__gallery-header {
    padding: 20px 30px 0 !important;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media only screen and (min-width:1751px) {
    .modal-content.modal__gallery .object__userBtn.ru {
        margin-right: 25px
    }
}

@media only screen and (max-width:1750px) and (min-width:961px) {
    .modal-content.modal__gallery .object__userBtn.ru .object__userBtn-button {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .modal__gallery-header {
        padding: 20px 80px 0 30px !important
    }

    .modal__gallery-header .object__userBtn {
        min-width: 300px
    }
}

.modal__gallery-header .close {
    position: absolute;
    right: 30px
}

.modal__gallery-header .object__userBtn {
    min-width: 355px
}

@media only screen and (max-width:960px) {
    .modal__gallery-header .object__userBtn {
        min-width: 200px
    }

    .modal__gallery-header .object__userBtn-button span span {
        display: none
    }
}

.modal__gallery-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.modal__gallery-body {
    display: flex;
    padding: 20px 30px 0 25px !important
}

.modal__gallery-formwrp {
    flex: 0 0 360px;
    padding-left: 25px;
    position: relative;
    height: 100%;
    overflow: hidden
}

.modal__gallery-grid {
    flex-grow: 1;
    max-height: calc(90vh - 72px);
    position: relative
}

.modal__gallery-wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modal__gallery-scroll {
    overflow-y: scroll;
    max-height: calc(90vh - 72px);
    width: calc(100% + 30px);
    padding-right: 30px
}

.modal__gallery-photos {
    display: block;
    font-size: 0;
    margin-top: -5px;
    padding-bottom: 25px
}

.modal__gallery-photos img:nth-of-type(5n+3),
.modal__gallery-photos img:nth-of-type(5n+4),
.modal__gallery-photos img:nth-of-type(5n+5) {
    display: inline-block;
    width: calc(33.33% - 10px);
    margin: 5px
}

.modal__gallery-photos img:nth-of-type(5n+1),
.modal__gallery-photos img:nth-of-type(5n+2) {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px
}

.modal__gallery-formScroll {
    overflow-y: scroll;
    height: calc(90vh - 72px);
    width: calc(100% + 30px);
    padding-right: 30px
}

.modal__gallery-form .full-column,
.modal__gallery-form .half-column {
    width: 100%;
    padding: 0 0 10px !important
}

.modal__gallery-form input[type=submit] {
    margin-left: 0
}

.modal__gallery-form__subtitle {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px
}

.modal__gallery-form__title {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 42px
}

.modal__gallery-form__card {
    margin-top: 60px
}

.modal__gallery-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: auto
}

@media only screen and (max-width:500px) {
    .object__gallery-mobile {
        height: 240px
    }

    .object__gallery-mobile .owl-item,
    .object__gallery-mobile img {
        height: 240px !important
    }
}

.featureProjects.objectNav {
    background: #fff;
    padding: 15px 0
}

.object__nav-container {
    padding-top: 0 !important
}

.object__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.object__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.object__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.object__nav-breadcrumbs .breadcrumbs__link {
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.object__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.object__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.object__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.object__nav-breadcrumbs .breadcrumbs__current {
    color: #fff
}

.object__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.object__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.object__nav-back:hover {
    color: #fd8f5e
}

.object__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

.object__nav-head,
.object__nav-price,
.object__nav-title {
    display: none
}

body.stickyMenu .object__nav-head,
body.stickyMenu .object__nav-price,
body.stickyMenu .object__nav-title {
    display: block
}

body.stickyMenu .object__nav-breadcrumbs {
    display: none
}

body.stickyMenu .objectNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19;
    box-shadow: 5px 0 10px rgba(0, 0, 0, .05)
}

body.logged-in.stickyMenu .objectNav {
    top: 30px
}

body.stickyMenu .object__nav {
    padding-top: 30px;
    position: relative
}

body.stickyMenu .object__nav-back {
    position: absolute;
    left: 0;
    top: 0;
    color: #8f8f8f
}

body.stickyMenu .object__nav-back:after {
    border-color: #8f8f8f
}

body.stickyMenu .object__nav-title {
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.stickyMenu .object__nav-price {
    font-family: Inter, sans-serif;
    font-size: 16px
}

body.stickyMenu .object__nav-head {
    position: absolute;
    right: 0;
    height: 24px;
    vertical-align: top;
    top: 0
}

body.stickyMenu .object__nav-shortList {
    border: none;
    outline: 0;
    width: 24px;
    height: 24px;
    position: relative;
    background-image: url(../icons/icon-shortlist.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-color: #01aee5;
    border-radius: 12px;
    padding: 0;
    -webkit-appearance: none;
    display: inline-block;
    transform: translateY(-6px);
    transition: background-color .3s;
    margin: 0
}

body.stickyMenu .object__nav-shortList:hover {
    background-color: #fd8f5e !important
}

body.stickyMenu .object__nav-shortList span {
    display: block;
    color: #01aee5;
    position: absolute;
    top: -6px;
    border-radius: 9px;
    min-width: 16px;
    text-align: center;
    background: #fff;
    line-height: 16px;
    height: 16px;
    padding: 0;
    right: -6px;
    font-family: Inter, sans-serif;
    font-size: 11px;
    opacity: 0;
    transition: opacity .3s;
    box-shadow: 0 0 7px rgba(0, 0, 0, .08)
}

body.stickyMenu .object__nav-shortList span.show {
    opacity: 1
}

.object__nav-head>span {
    height: 24px;
    line-height: 24px;
    color: #222;
    font-family: Inter, sans-serif;
    font-size: 14px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    transition: color .3s
}

@media only screen and (max-width:767px) {
    .featureProjects.objectNav {
        position: relative;
        z-index: 3;
        padding: 0
    }

    .object__nav-back,
    .object__nav-breadcrumbs {
        display: none
    }

    .object__nav-btns {
        position: absolute;
        left: 0;
        width: calc(100% - 16px);
        bottom: calc(-350px - 20px - 30px);
        text-align: center;
        padding: 0 20px
    }

    .object__nav-head,
    .object__nav-price,
    .object__nav-title {
        display: none !important
    }

    body.stickyMenu .object__nav-btns {
        position: relative;
        width: auto;
        bottom: unset;
        padding: 0;
        left: unset
    }

    body.stickyMenu .object__nav {
        padding: 10px 0
    }

    body.stickyMenu .object__nav-back {
        position: relative;
        left: unset;
        top: unset;
        display: inline-block
    }
}

@media only screen and (max-width:767px) and (min-width:450px) {

    .object__nav-btns .object__userBtn-button .label:before,
    .object__nav-btns .object__userBtn-button.save .load:before,
    .object__nav-btns .object__userBtn-button.save .saved:before {
        position: relative;
        left: 0;
        margin-right: 10px;
        transform: none
    }

    .object__nav-btns .object__userBtn-button .label,
    .object__nav-btns .object__userBtn-button.save .load,
    .object__nav-btns .object__userBtn-button.save .saved {
        padding-top: 0;
        display: inline-block
    }

    .object__nav-btns .object__userBtn-button span {
        padding-top: 0
    }

    .object__nav-btns .object__userBtn-button span:before {
        display: inline-block;
        position: relative
    }
}

@media only screen and (max-width:500px) {
    .object__nav-btns {
        bottom: calc(-240px - 20px - 30px)
    }
}

@media only screen and (max-width:400px) {
    .object__nav-btns {
        padding: 0 10px
    }
}

.object__elmNav {
    position: absolute;
    left: 30px;
    bottom: 20px
}

.object__elmNav-button {
    background-color: #fd8f5e;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 9px 12px 9px 30px;
    border-radius: 8px;
    display: inline-block;
    transition: background-color .5s, color .5s;
    background-repeat: no-repeat;
    background-position: left 10px center
}

.object__elmNav-button:hover {
    background-color: #fd8f5e;
    color: #fff
}

.object__elmNav-button.video {
    background-image: url(../icons/icon-video.html);
    padding-left: 35px
}

.object__elmNav-button.vtour {
    background-image: url(../icons/icon-360tour.html)
}

.object__elmNav-button.map {
    background-image: url(../icons/icon-map.html)
}

@media only screen and (max-width:767px) {
    .object__elmNav {
        position: static;
        margin-bottom: 32px;
        font-size: 0
    }

    .object__elmNav-button {
        background-color: #fd8f5e;
        padding: 9px 10px 9px 28px;
        background-position: left 8px center;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .object__elmNav-button.video {
        padding-left: 32px
    }

    .object__elmNav-button.vtour {
        margin-right: 0
    }
}

.object__userBtn {
    margin-right: -10px
}

.object__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    min-height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.object__userBtn.ru .object__userBtn-button {
    font-size: 11px;
    padding: 1px 8px 0
}

.object__userBtn-button:first-child {
    margin-left: 0
}

.object__userBtn-button:focus {
    outline: 0
}

.object__userBtn-button:hover {
    border-color: #01aee5
}

.object__userBtn-button.save.load .saved,
.object__userBtn-button.save.saved .load {
    display: none
}

.object__userBtn-button .label,
.object__userBtn-button.save .load,
.object__userBtn-button.save .saved {
    position: relative;
    padding-left: 22px
}

.object__userBtn-button .label:before,
.object__userBtn-button.save .load:before,
.object__userBtn-button.save .saved:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.object__userBtn-button.save .load:before {
    background-image: url(../icons/icon-save-clear-blue.html)
}

.object__userBtn-button.save .saved:before {
    background-image: url(../icons/icon-saved-blue.html)
}

.object__userBtn-button.print .label:before {
    background-image: url(../icons/icon-print.html)
}

.object__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

.object__userBtn-button.print.loading .label {
    pointer-events: none;
    color: #eee
}

.object__userBtn-button.print.loading .label:after {
    content: "";
    width: 40px;
    height: 1px;
    background: #02b2ee;
    position: absolute;
    top: 8px;
    left: -40px;
    opacity: 0;
    transition: .3s, left .3s;
    opacity: 1;
    animation: .8s ease-in-out infinite loadingBtn
}

@media only screen and (max-width:960px) {

    .object__userBtn-button .label,
    .object__userBtn-button.save .load,
    .object__userBtn-button.save .saved {
        padding-left: 16px
    }

    .object__userBtn-button span span {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .object__userBtn {
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    .object__userBtn-button {
        border-color: #01aee5;
        flex: 0 0 33%;
        margin-left: 8px
    }

    .object__userBtn-button .label,
    .object__userBtn-button.save .load,
    .object__userBtn-button.save .saved {
        padding-left: 0;
        padding-top: 20px;
        display: block
    }

    .object__userBtn-button span span {
        display: inline-block
    }

    .object__userBtn-button .label:before,
    .object__userBtn-button.save .load:before,
    .object__userBtn-button.save .saved:before {
        top: 3px;
        left: 50%;
        transform: translateX(-50%)
    }

    body.stickyMenu .object__userBtn {
        display: block;
        margin-right: -5px
    }

    body.stickyMenu .object__userBtn-button span span {
        display: none
    }

    body.stickyMenu .object__userBtn-button {
        padding: 5px !important;
        border: none;
        margin-left: 10px;
        display: inline-block
    }

    body.stickyMenu .object__userBtn .object__userBtn-button .label,
    body.stickyMenu .object__userBtn .object__userBtn-button.save .load,
    body.stickyMenu .object__userBtn .object__userBtn-button.save .saved {
        padding-left: 22px !important;
        padding-top: 0 !important;
        display: inline
    }

    body.stickyMenu .object__userBtn-button.save.load .saved,
    body.stickyMenu .object__userBtn-button.save.saved .load {
        display: none
    }

    body.stickyMenu .object__userBtn-button .label:before,
    body.stickyMenu .object__userBtn-button.save .load:before,
    body.stickyMenu .object__userBtn-button.save .saved:before {
        top: 0;
        left: 0;
        transform: none
    }
}

@keyframes loadingBtn {

    from,
    to {
        left: -40px
    }

    50% {
        left: 100%
    }
}

.single-offplan .project-slider-obj {
    padding: 0 !important;
    order: -1
}

.single-offplan .project-slider-obj .container {
    padding-top: 80px !important
}

@media only screen and (max-width:767px) {
    .single-offplan .project-slider-obj .container {
        padding-top: 40px !important;
        padding-bottom: 10px !important
    }
}

.page-template-template-project .btnWrp,
.single-offplan .btnWrp {
    top: -5px
}

.page-template-template-project .featureProjects:not(.pt-0)>.container:first-child .btnWrp,
.single-offplan .featureProjects:not(.pt-0)>.container:first-child .btnWrp {
    top: 75px
}

.page-template-template-project .areas .btnWrp,
.single-offplan .areas .btnWrp {
    top: -55px
}

.page-template-template-project .showAllPrp,
.single-offplan .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-project .showAllPrp:hover,
.single-offplan .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:1024px) {

    .page-template-template-project .areas .btnWrp,
    .page-template-template-project .btnWrp,
    .single-offplan .areas .btnWrp,
    .single-offplan .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 25px 0 0
    }
}

@media only screen and (max-width:767px) {

    .page-template-template-project .areas .btnWrp,
    .page-template-template-project .btnWrp,
    .single-offplan .areas .btnWrp,
    .single-offplan .btnWrp {
        padding: 10px 0 0
    }

    .page-template-template-project .showAllPrp,
    .single-offplan .showAllPrp {
        display: inline-block
    }
}

.page-template-template-project .popUp-header,
.single-offplan .popUp-header {
    font-family: InterSemiBold, sans-serif
}

.page-template-template-project .popUp-form button,
.single-offplan .popUp-form button {
    font-family: Inter, sans-serif;
    height: 40px;
    line-height: 100%;
    text-transform: none;
    font-size: 16px;
    border-radius: 8px
}

.page-template-template-project .bgDottedL,
.page-template-template-project .bgDottedR,
.single-offplan .bgDottedL,
.single-offplan .bgDottedR {
    display: none !important
}

.single-offplan #loadMap {
    border-radius: 0 !important
}

.featureProjects.project-nav {
    background: #fff;
    padding: 15px 0;
    order: -4
}

.project__nav-container {
    padding-top: 0 !important
}

.project__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.project__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.project__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.project__nav-breadcrumbs .breadcrumbs__link {
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.project__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.project__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.project__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.project__nav-breadcrumbs .breadcrumbs__current {
    color: #bbb !important
}

.project__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.project__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.project__nav-back:hover {
    color: #fd8f5e
}

.project__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .project__nav {
        display: block
    }

    .project__nav-back {
        display: none
    }

    .project__nav-breadcrumbs {
        padding: 0
    }

    .project__nav-btns {
        display: none
    }
}

.project__userBtn {
    margin-right: -10px
}

.project__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.project__userBtn-button:first-child {
    margin-left: 0
}

.project__userBtn-button:focus {
    outline: 0
}

.project__userBtn-button:hover {
    border-color: #01aee5
}

.project__userBtn-button.save.load .saved,
.project__userBtn-button.save.saved .load {
    display: none
}

.project__userBtn-button .label,
.project__userBtn-button.save .load,
.project__userBtn-button.save .saved {
    position: relative;
    padding-left: 22px
}

.project__userBtn-button .label:before,
.project__userBtn-button.save .load:before,
.project__userBtn-button.save .saved:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.project__userBtn-button.save .load:before {
    background-image: url(../icons/icon-save-clear-blue.html)
}

.project__userBtn-button.save .saved:before {
    background-image: url(../icons/icon-saved-blue.html)
}

.project__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

.featureProjects.project-header {
    padding: 0 !important;
    font-family: Inter, sans-serif;
    order: -3
}

.container.project-header__container {
    padding-top: 0 !important
}

.project-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.project-header__col-content {
    flex: 0 0 500px;
    padding: 70px 50px 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.project-header__col-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.project-header__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.project-header__logos {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 41px
}

.project-header__logo-company-wrap,
.project-header__logo-dev-wrap {
    display: inline-block;
    position: relative
}

.project-header__logo-company-wrap:after {
    width: 1px;
    height: 60px;
    top: -10px;
    right: -21px;
    background: #fff;
    opacity: .75;
    content: "";
    display: block;
    position: absolute
}

.project-header__logo-dev-link {
    display: block;
    height: 100%;
    width: 100%
}

.project-header__logo-company-wrap img {
    height: 40px;
    width: auto;
    object-fit: contain
}

.project-header__logo-dev-wrap img {
    height: 65px;
    width: auto;
    max-width: 125px;
    object-fit: contain
}

.project-header__subtitle {
    flex-grow: 1;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px
}

.project-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.project-header__btns {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.project-header__btn {
    position: relative;
    font-size: 16px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 8px 24px;
    margin-top: 10px;
    height: 40px;
    min-width: calc(50% - 5px);
    line-height: 100%;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out
}

.project-header__btn.mof {
    background: #fd8f5e;
    color: #fff;
    padding: 8px 48px 8px 24px
}

.project-header__btn.mof:after {
    position: absolute;
    right: 24px;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out
}

.project-header__btn.mof:hover:after {
    right: 20px
}

.project-header__btn.brochure {
    background: #fff;
    color: #fd8f5e
}

.project-header__btn.brochure:hover {
    background: #fd8f5e;
    color: #fff
}

@media all and (max-width:1024px) {
    .project-header__col-img {
        width: 100%
    }

    .project-header__col-content {
        position: absolute;
        z-index: 1;
        left: 30px;
        bottom: 30px;
        width: 70%;
        border-radius: 8px
    }
}

@media only screen and (max-width:767px) {
    .project-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .project-header__col {
        width: 100%
    }

    .project-header__col-img {
        order: -1
    }

    .project-header__image {
        min-height: 260px;
        max-height: 50vh
    }

    .project-header__logos {
        right: 50%;
        transform: translateX(50%);
        gap: 25px
    }

    .project-header__logo-company-wrap:after {
        height: 50px;
        right: -13px
    }

    .project-header__logo-company-wrap img {
        height: 30px
    }

    .project-header__logo-dev-wrap img {
        height: 50px;
        max-width: 115px
    }

    .project-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 0
    }

    .project-header__subtitle {
        margin-bottom: 10px
    }

    .project-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .project-header__btns {
        margin-top: 20px;
        justify-content: center
    }

    .project-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px;
        margin: 10px 10px 0
    }
}

@media only screen and (max-width:641px) {
    .project-header__logo-dev-wrap img {
        height: 50px;
        max-width: 100px
    }

    .project-header__logo-company-wrap img {
        height: 28px
    }
}

.featureProjects.project-header-bottom {
    padding: 0 !important;
    order: -2
}

.container.project-header-bottom__container {
    padding-top: 0 !important
}

.project-header-bottom__info {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-top: 35px
}

.project-header-bottom__info-item {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #8f8f8f
}

.project-header-bottom__info-item+.project-header-bottom__info-item {
    padding-left: 40px
}

.single-offplan.offplan-new .featureProjects.project-new-slider-obj {
    padding: 0;
    overflow: hidden;
    order: -1
}

.single-offplan.offplan-new .btnWrp {
    right: 105px;
    top: 4px
}

.single-offplan.offplan-new .btnWrp_right {
    right: 10px
}

.single-offplan.offplan-new .featureProjects:not(.pt-0)>.container:first-child .btnWrp {
    top: 153px
}

.single-offplan.offplan-new .featureProjects:not(.pt-0)>.container .btnWrp {
    top: 83px
}

.single-offplan.offplan-new .showAllPrp {
    display: inline-block;
    padding: 7px 20px;
    min-height: 40px;
    min-width: 110px;
    text-align: center;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background: #fff;
    color: #222;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .3s, color .2s
}

.single-offplan.offplan-new .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    border-color: #fd8f5e;
    background: #fd8f5e
}

@media only screen and (max-width:1024px) {
    .single-offplan.offplan-new .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 25px 0 0
    }
}

.single-offplan.offplan-new .projectHeading {
    margin-bottom: 30px
}

.single-offplan.offplan-new .projectHeading.left.padR {
    padding-right: 265px
}

.single-offplan.offplan-new .projectHeading h1 {
    font-family: InterBold, sans-serif;
    font-size: 65px;
    line-height: 100%
}

.single-offplan.offplan-new .projectHeading h2,
.single-offplan.offplan-new .projectHeading h3 {
    font-family: InterBold, sans-serif
}

.single-offplan.offplan-new .projectHeading h2 {
    font-size: 36px
}

.single-offplan.offplan-new .projectHeading h3 {
    font-size: 30px
}

.single-offplan.offplan-new .projectHeading h1 span,
.single-offplan.offplan-new .projectHeading h2 span,
.single-offplan.offplan-new .projectHeading h3 span {
    color: #fd8f5e
}

@media only screen and (max-width:1024px) {
    .single-offplan.offplan-new .projectHeading.left.padR {
        padding-right: 100px
    }
}

@media only screen and (max-width:767px) {
    .project-header-bottom__info {
        padding-top: 20px;
        text-align: center;
        flex-wrap: wrap
    }

    .project-header-bottom__info-item {
        flex: 1 0 50%;
        padding-left: 0 !important;
        padding-bottom: 10px
    }

    .single-offplan.offplan-new .projectHeading.left.padR {
        padding-right: 0
    }
}

@media only screen and (max-width:743px) {
    .single-offplan.offplan-new .btnWrp {
        padding: 20px 0 0
    }

    .single-offplan.offplan-new .showAllPrp {
        display: block;
        font-size: 14px;
        padding: 13px 20px;
        min-height: 50px
    }

    .single-offplan.offplan-new .projectHeading {
        margin-bottom: 20px
    }

    .single-offplan.offplan-new .projectHeading h2 {
        font-size: 28px
    }

    .single-offplan.offplan-new .projectHeading h3 {
        font-size: 20px
    }
}

.single-offplan.offplan-new .contentSection.featureProjects {
    padding: 0
}

.single-offplan.offplan-new .featureProjects:not(.pt-0)>.container:first-child {
    padding-top: 150px
}

.single-offplan.offplan-new .featureProjects:not(.pt-0)>.container {
    padding-top: 80px
}

.single-offplan.offplan-new .contentSection__anchor {
    display: none
}

.featureProjects.project-new-nav {
    background: 0 0;
    padding: 20px 0;
    order: -6;
    z-index: 3
}

.project-new-nav__container {
    padding-top: 0 !important
}

.project-new-nav__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 35px
}

.project-new-nav__breadcrumbs {
    max-width: calc(100% - 330px);
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.project-new-nav__breadcrumbs .breadcrumbs {
    max-width: 100% !important;
    overflow: hidden
}

.project-new-nav__breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.project-new-nav__breadcrumbs .breadcrumbs__link {
    color: #ffffffb2 !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.project-new-nav__breadcrumbs .breadcrumbs__link:hover {
    color: #fff !important
}

.project-new-nav__breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #ffffffb2;
    border-top: 1px solid #ffffffb2;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.project-new-nav__breadcrumbs .breadcrumbs__separator {
    display: none
}

.project-new-nav__breadcrumbs .breadcrumbs__current {
    color: #ffffffb2 !important
}

.project-new-nav__back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.project-new-nav__back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.project-new-nav__back:hover {
    color: #fff
}

.project-new-nav__back:hover:after {
    left: -4px;
    border-color: #fff
}

.project-new-nav__userBtn {
    margin-right: -10px
}

.project-new-nav__userBtn-button {
    color: #fff;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: 0 0;
    border: 1px solid transparent;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.project-new-nav__userBtn-button:first-child {
    margin-left: 0
}

.project-new-nav__userBtn-button:focus {
    outline: 0
}

.project-new-nav__userBtn-button:hover {
    border-color: #fff
}

.project-new-nav__userBtn-button.save.load .saved,
.project-new-nav__userBtn-button.save.saved .load {
    display: none
}

.project-new-nav__userBtn-button .label,
.project-new-nav__userBtn-button.save .load,
.project-new-nav__userBtn-button.save .saved {
    position: relative;
    padding-left: 22px
}

.project-new-nav__userBtn-button .label:before,
.project-new-nav__userBtn-button.save .load:before,
.project-new-nav__userBtn-button.save .saved:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1)
}

.project-new-nav__userBtn-button.save .load:before {
    background-image: url(../icons/icon-save-clear-blue.html)
}

.project-new-nav__userBtn-button.save .saved:before {
    background-image: url(../icons/icon-saved-blue.html)
}

.project-new-nav__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

@media(max-width:743px) {
    .featureProjects.project-new-nav {
        padding: 15px 0
    }

    .project-new-nav__back {
        display: none
    }

    .project-new-nav__breadcrumbs {
        padding: 0;
        max-width: calc(100% - 85px)
    }

    html[lang=ru] .project-new-nav__breadcrumbs {
        max-width: calc(100% - 100px)
    }

    .project-new-nav__userBtn {
        margin: 0
    }

    .project-new-nav__userBtn-button {
        margin: 0;
        padding: 1px 0 0
    }

    .project-new-nav__userBtn-button:hover {
        border-color: transparent
    }

    .project-new-nav__userBtn-button>span {
        font-size: 10px;
        line-height: 16px;
        display: inline-block
    }

    .project-new-nav__userBtn-button.save {
        position: absolute;
        right: 20px;
        bottom: -248px
    }
}

@media(max-width:640px) {
    .project-new-nav__breadcrumbs .breadcrumbs__link {
        margin-right: 15px
    }

    .project-new-nav__breadcrumbs .breadcrumbs__link:after {
        right: -9px
    }

    .project-new-nav__userBtn-button.save {
        right: 10px
    }
}

.featureProjects.project-new-header {
    padding: 0 !important;
    font-family: Inter, sans-serif;
    order: -5;
    margin-top: -75px
}

.project-new-header__top {
    position: relative;
    width: 100%;
    height: 490px
}

.project-new-header__bottom {
    margin-top: -30px;
    border-radius: 30px 30px 0 0;
    background: #fff
}

.project-new-header__bg-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}

.project-new-header__bg-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 90, 140, .3) 0, rgba(0, 90, 140, 0) 100%);
    z-index: 1
}

.project-new-header__bg {
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.project-new-header__info-boby {
    position: relative
}

.project-new-header__info {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.project-new-header__types {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px
}

.project-new-header__types a {
    display: inline-block;
    min-height: 24px;
    padding: 2px 10px;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    transition: .2s ease-in-out
}

.project-new-header__types a:hover {
    color: #fff;
    background: #fd8f5e
}

.project-new-header__logo-dev.mobile {
    display: none
}

.project-new-header__logo-dev a {
    display: block;
    height: 100%;
    width: 100%
}

.project-new-header__logo-dev img {
    height: 110px;
    width: auto;
    max-width: 215px;
    object-fit: contain;
    object-position: bottom right
}

.project-new-header__logo-dev img.light {
    filter: brightness(0) grayscale(1) invert(100%)
}

.project-new-header__main {
    padding-top: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 100px
}

.project-new-header__main-col:nth-child(1) {
    flex: 0 1 55%
}

.project-new-header__main-col:nth-child(2) {
    flex: 0 1 45%
}

.project-new-header__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 65px;
    line-height: 100%;
    color: #222;
    margin-bottom: 25px
}

.project-new-anchors {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

.project-new-anchors a {
    display: inline-block;
    min-height: 24px;
    padding: 1px 10px;
    border-radius: 8px;
    background: #fff;
    color: #8f8f8f;
    border: 1px solid #e0e0e0;
    font-family: InterMedium, sans-serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    transition: .2s ease-in-out
}

.project-new-anchors a:hover {
    border-color: #fd8f5e;
    color: #fff;
    background: #fd8f5e
}

.project-new-anchors a.first {
    order: -1
}

.project-new-header__location {
    padding-top: 10px;
    margin-bottom: 35px
}

.project-new-header__location a {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6d6e70;
    position: relative;
    padding-left: 20px
}

.project-new-header__location a:hover {
    text-decoration: underline
}

.project-new-header__location a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../icons/project-new-locate.svg)
}

.project-new-header__as {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px
}

.project-new-header__as-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%
}

.project-new-header__as-item-params {
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 29px;
    color: #222
}

.project-new-header__as-item-params .price-value {
    text-transform: uppercase
}

.project-new-header__as-item-title {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #6d6e70;
    margin-top: 5px
}

.project-new-header__as-item-title>span {
    text-transform: uppercase
}

.project-new-header__btns {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px
}

.project-new-header__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    word-break: normal;
    white-space: normal;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    padding: 12px 15px;
    min-height: 50px;
    min-width: 210px;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.project-new-header__btn.mof {
    color: #fff;
    border-color: #fd8f5e;
    background: #fd8f5e
}

.project-new-header__btn.brochure {
    flex-grow: 1;
    color: #fd8f5e;
    border-color: #fd8f5e;
    background: #fff
}

.project-new-header__btn.brochure:hover {
    color: #fff;
    background: #fd8f5e
}

.project-new-header__btn span {
    position: relative;
    display: inline-block;
    padding-right: 26px
}

.project-new-header__btn span:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .2s ease-in-out
}

.project-new-header__btn.mof span:after {
    background-image: url(../icons/btn-icon-arrow-white.html)
}

.project-new-header__btn.brochure span:after {
    background-image: url(../icons/project-new-download.html)
}

.project-new-header__btn.mof:hover span:after {
    right: -5px
}

.project-new-header__btn.brochure:hover span:after {
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:990px) {
    .project-new-header__top {
        height: 465px
    }

    .project-new-header__main {
        flex-wrap: wrap;
        gap: 0;
        padding-top: 105px
    }

    .project-new-header__main-col:nth-child(1),
    .project-new-header__main-col:nth-child(2) {
        flex: 0 1 100%
    }

    .project-new-header__title {
        margin-bottom: 30px
    }

    .project-new-header__location {
        position: absolute;
        top: 50px;
        left: 0;
        padding: 0;
        margin: 0
    }

    .project-new-header__as {
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 50px;
        row-gap: 20px
    }

    .project-new-header__anchors.desktop {
        display: none
    }

    .project-new-header__btns {
        justify-content: flex-start
    }

    .project-new-header__btn.brochure {
        flex-grow: 0;
        min-width: 255px
    }
}

@media only screen and (max-width:743px) {
    .single-offplan.offplan-new .featureProjects:not(.pt-0)>.container:first-child {
        padding-top: 80px
    }

    .single-offplan.offplan-new .featureProjects:not(.pt-0)>.container {
        padding-top: 65px
    }

    .featureProjects.project-new-header {
        margin-top: -65px
    }

    .project-new-header__top {
        height: 330px
    }

    .project-new-header__bottom {
        margin-top: -15px;
        border-radius: 15px 15px 0 0
    }

    .project-new-header__types {
        gap: 5px
    }

    .project-new-header__info {
        bottom: 35px
    }

    .project-new-header__types a {
        border-radius: 4px;
        font-size: 10px
    }

    .project-new-header__main {
        padding-top: 30px
    }

    .project-new-header__title {
        font-size: 32px;
        margin-bottom: 20px
    }

    .project-new-header__logo-dev.desktop {
        display: none
    }

    .project-new-header__logo-dev.mobile {
        display: block;
        padding-bottom: 30px
    }

    .project-new-header__logo-dev img {
        height: 60px;
        max-width: 120px;
        object-position: center left
    }

    .project-new-header__location {
        position: static;
        margin-bottom: 20px
    }

    .project-new-header__location a {
        font-size: 12px
    }

    .project-new-anchors {
        gap: 7px
    }

    .project-new-anchors a {
        border-radius: 4px
    }

    .project-new-header__as {
        column-gap: 45px
    }

    .project-new-header__as-item-params {
        font-size: 20px;
        line-height: 24px
    }

    .project-new-header__as-item-title {
        font-size: 12px;
        line-height: 18px;
        margin-top: 3px
    }

    .project-new-header__btns {
        flex-wrap: wrap;
        margin-top: 30px
    }

    .project-new-header__btn {
        width: 100%;
        font-size: 14px
    }

    .project-new-header__btn span {
        padding-right: 23px
    }

    .project-new-header__btn span:after {
        width: 13px
    }
}

.featureProjects.project-new-header-bottom {
    padding: 0 !important;
    order: -4
}

.container.project-new-header-bottom__container {
    padding-top: 0 !important
}

.project-new-header-bottom__info {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-top: 35px
}

.project-new-header-bottom__info-item {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6d6e70
}

.project-new-header-bottom__info-item+.project-new-header-bottom__info-item {
    padding-left: 40px
}

@media only screen and (max-width:767px) {
    .project-new-header-bottom__info {
        padding-top: 20px;
        text-align: center;
        flex-wrap: wrap
    }

    .project-new-header-bottom__info-item {
        flex: 1 0 50%;
        padding-left: 0 !important;
        padding-bottom: 10px
    }
}

.featureProjects.project-new-about {
    margin-top: 70px;
    padding: 0 !important;
    order: -3
}

.container.project-new-about__container {
    padding-top: 0 !important
}

.project-new-about__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 135px
}

.project-new-about__col_anchors.tablet {
    display: none
}

.project-new-about__col_text {
    flex: 0 1 calc(100% - 320px - 135px)
}

.project-new-about__col_table {
    flex-grow: 1
}

.project-new-about__text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.project-new-about__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    max-width: 575px;
    margin-bottom: 30px
}

.project-new-about__title span {
    color: #fd8f5e
}

.project-new-about__desc p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.project-new-about__desc p:last-child {
    margin-bottom: 0
}

.project-new-about__table {
    padding: 20px;
    background: #f7f7f5;
    border-radius: 8px
}

.project-new-about__table-title {
    font-family: InterMedium, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 12px
}

.project-new-about__table-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid #e7e7e7;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.project-new-about__table-item:last-child {
    border: none;
    padding-bottom: 0
}

.project-new-about__table-item-title {
    color: #6d6e70
}

.project-new-about__table-item-params {
    color: #222
}

.project-new-about__table-item-params a {
    display: inline-block;
    color: #222;
    padding-right: 27px;
    cursor: pointer;
    position: relative
}

.project-new-about__table-item-params a:hover {
    color: #fd8f5e
}

.project-new-about__table-item-params a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 2px;
    height: 100%;
    width: 18px;
    background-image: url(../icons/project-new-info-light.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.project-new-about__btn-wrap {
    margin-top: 7px
}

.project-new-about__btn {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    min-height: 50px;
    width: 100%;
    padding: 13px 15px;
    border-radius: 8px;
    background: #e0f8ff;
    transition: .2s ease-in-out
}

.project-new-about__btn:hover {
    color: #fff;
    background: #fd8f5e
}

.project-new-about__btn span {
    position: relative;
    display: inline-block;
    padding-right: 28px
}

.project-new-about__btn span:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../icons/project-new-documents.html);
    transition: .2s ease-in-out
}

.project-new-about__btn:hover span:after {
    filter: brightness(0) grayscale(1) invert(100%)
}

@media only screen and (max-width:990px) {
    .featureProjects.project-new-about {
        margin-top: 80px
    }

    .project-new-about__row {
        flex-wrap: wrap;
        gap: 50px
    }

    .project-new-about__col_anchors.tablet {
        display: flex
    }

    .project-new-about__col_anchors,
    .project-new-about__col_table,
    .project-new-about__col_text {
        flex: 0 1 100%
    }

    .project-new-about__title {
        max-width: 100%
    }
}

@media only screen and (max-width:743px) {
    .project-new-about__row {
        gap: 30px
    }

    .project-new-about__col_text {
        order: 1
    }

    .project-new-about__col_anchors {
        order: 2
    }

    .project-new-about__col_table {
        order: 3
    }

    .project-new-about__title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px
    }

    .project-new-about__desc p {
        font-size: 14px;
        line-height: 21px
    }

    .project-new-about__table-title {
        font-size: 12px;
        margin-bottom: 5px
    }

    .project-new-about__table-item {
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0
    }

    .project-new-about__btn {
        font-size: 14px
    }

    .project-new-about__btn span {
        padding-right: 25px
    }

    .project-new-about__btn span:after {
        width: 17px
    }
}

.featureProjects.project-new-gallery {
    margin-top: 80px;
    padding: 0 !important;
    order: -2
}

.container.project-new-gallery__container {
    padding-top: 0 !important
}

.project-new-gallery__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px
}

.project-new-gallery__col_left {
    flex-grow: 1
}

.project-new-gallery__col_right {
    flex: 0 0 480px
}

.project-new-gallery__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px
}

.project-new-gallery__item-video {
    height: 100%;
    width: 100%
}

.project-new-gallery__item-video .vSection {
    margin: 0;
    height: 100%
}

.project-new-gallery__item-video .videoWrapper {
    height: 100%;
    padding: 0
}

.project-new-gallery__item-video .videoWrapper .YtImg:after,
.project-new-gallery__item.four:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000066
}

.project-new-gallery__item-btn,
.project-new-gallery__item-video .videoWrapper .YtImg-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    transition: .3s;
    transform-origin: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px
}

.project-new-gallery__item-btn span,
.project-new-gallery__item-video .videoWrapper .YtImg-btn span {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #fff
}

.project-new-gallery__item-btn svg,
.project-new-gallery__item-video .videoWrapper .YtImg-btn svg {
    object-fit: contain;
    width: 45px;
    height: 45px;
    padding: 5px;
    transition: padding .3s
}

.project-new-gallery__item-video .YtImg:hover .YtImg-btn svg,
.project-new-gallery__item:hover .project-new-gallery__item-btn svg {
    padding: 0
}

.project-new-gallery__item {
    display: block;
    position: relative;
    height: 215px;
    overflow: hidden;
    will-change: transform;
    border-radius: 8px
}

.project-new-gallery__item.video {
    height: 100%
}

.project-new-gallery__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s
}

.project-new-gallery__item:not(.four):hover>img {
    transform: scale(1.1)
}

.project-new-gallery__item.hide {
    display: none
}

@media only screen and (max-width:990px) {
    .project-new-gallery__row {
        flex-wrap: wrap;
        gap: 20px
    }

    .project-new-gallery__col_left,
    .project-new-gallery__col_right {
        flex: 0 1 100%
    }

    .project-new-gallery__item-video {
        height: 450px
    }
}

@media only screen and (max-width:743px) {
    .project-new-gallery__row {
        gap: 10px
    }

    .project-new-gallery__items {
        grid-gap: 10px
    }

    .project-new-gallery__item-video {
        height: 320px
    }

    .project-new-gallery__item {
        height: 155px
    }

    .project-new-gallery__item-btn span,
    .project-new-gallery__item-video .videoWrapper .YtImg-btn span {
        font-size: 14px
    }

    .project-new-gallery__item-btn svg,
    .project-new-gallery__item-video .videoWrapper .YtImg-btn svg {
        width: 40px;
        height: 40px
    }
}

.offplan-modal__dialog {
    position: relative;
    width: auto;
    max-width: 740px !important;
    height: calc(100vh - 3.5rem);
    min-height: calc(100% - 3.5rem);
    margin: .5rem auto !important;
    pointer-events: none;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.offplan-modal__dialog::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.offplan-modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 !important;
    border-radius: 8px;
    outline: 0
}

.offplan-modal__btn-close {
    position: absolute;
    top: 0;
    right: -60px;
    width: auto;
    height: auto;
    padding: 1rem !important;
    margin: -1rem -1rem -1rem auto !important;
    background-color: transparent;
    border: 0;
    opacity: 1 !important;
    appearance: none
}

.offplan-modal__btn-close img {
    width: 30px;
    height: 30px;
    object-fit: contain
}

.offplan-modal__title {
    font-family: InterBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    color: #222;
    margin-bottom: 20px
}

.offplan-modal__title span {
    color: #fd8f5e
}

.offplan-modal__form-wrap form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left
}

.offplan-modal__form-wrap .wpcf7 form .wpcf7-response-output {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 25px 0 0;
    z-index: 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.offplan-modal__form-wrap div.checkbox {
    margin-bottom: 0
}

.offplan-modal__form-wrap .form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 20px !important;
    width: 100%
}

.offplan-modal__form-wrap label,
.offplan-modal__form-wrap label.filled {
    order: -1;
    font-family: InterMedium, sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 0;
    color: #344054;
    transform: none
}

.offplan-modal__form-wrap div.checkbox .label,
.offplan-modal__form-wrap div.checkbox label {
    font-family: Inter, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f
}

.offplan-modal__form-wrap div.checkbox .label {
    margin-bottom: 10px
}

.offplan-modal__form-wrap div.checkbox .label:last-child {
    margin-bottom: 0
}

.offplan-modal__form-wrap div.checkbox .wpcf7-list-item-label {
    padding-left: 32px
}

.offplan-modal__form-wrap div.checkbox .wpcf7-list-item-label:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px
}

.offplan-modal__form-wrap div.checkbox .wpcf7-acceptance.not-valid .wpcf7-list-item-label:after {
    border-color: #f04438
}

.offplan-modal__form-wrap div.checkbox input:checked+.wpcf7-list-item-label:after {
    border-color: #fd8f5e
}

.offplan-modal__form-wrap div.checkbox .wpcf7-list-item-label:before {
    width: 10px;
    height: 20px;
    background: url(../icons/offplan-form-check.html) center/contain no-repeat;
    content: "";
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 2px;
    opacity: 0;
    transition: .3s
}

.offplan-modal__form-wrap .wpcf7-acceptance.not-valid .wpcf7-list-item-label {
    color: #f04438 !important
}

.offplan-modal__form-wrap .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05) !important
}

.offplan-modal__form-wrap .form-control::placeholder {
    color: #8f8f8f
}

.offplan-modal__form-wrap input[type=email]:focus,
.offplan-modal__form-wrap input[type=tel]:focus,
.offplan-modal__form-wrap input[type=text]:focus,
.offplan-modal__form-wrap textarea:focus {
    border-color: #fd8f5e !important
}

.offplan-modal__form-wrap textarea.form-control {
    height: 100px;
    min-height: 48px;
    max-height: 100px
}

.offplan-modal__form-wrap button {
    min-height: 48px;
    width: 100%;
    padding: 12px 15px;
    margin-top: 20px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    border-radius: 8px;
    outline: 0;
    transition: background .3s ease-in-out
}

.offplan-modal__form-wrap button:hover {
    background-position: 100% 0
}

@media only screen and (max-width:990px) {
    .offplan-modal__dialog {
        max-width: 620px !important;
        margin: 1.75rem auto !important
    }
}

@media only screen and (max-width:743px) {
    .offplan-modal__dialog {
        max-width: 100% !important;
        margin: 0 auto !important;
        height: 100%;
        min-height: 100%
    }

    .offplan-modal__content {
        height: 100%;
        border-radius: 0
    }

    .offplan-modal__btn-close {
        top: 15px;
        right: 15px
    }

    .offplan-modal__btn-close img {
        width: 25px;
        height: 25px;
        filter: brightness(.5)
    }

    .offplan-modal__title {
        font-size: 28px;
        line-height: 34px
    }

    .offplan-modal__form-wrap .wpcf7 form .wpcf7-response-output {
        position: static;
        border-radius: unset
    }

    .offplan-modal__form-wrap .form-group {
        margin-bottom: 15px !important
    }

    .offplan-modal__form-wrap label,
    .offplan-modal__form-wrap label.filled {
        font-size: 12px !important
    }

    .offplan-modal__form-wrap div.checkbox .label,
    .offplan-modal__form-wrap div.checkbox label {
        font-size: 10px !important;
        line-height: 15px
    }

    .offplan-modal__form-wrap div.checkbox .wpcf7-list-item-label:after,
    .offplan-modal__form-wrap div.checkbox .wpcf7-list-item-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .offplan-modal__form-wrap .form-control {
        height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 24px
    }

    .offplan-modal__form-wrap textarea.form-control {
        height: 100px;
        min-height: 40px
    }

    .offplan-modal__form-wrap button {
        min-height: 45px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px
    }
}

.offplan-modal-info__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    border-radius: 8px
}

.offplan-modal-info__col_form {
    flex: 0 1 64%;
    padding: 30px 40px 30px 30px
}

.offplan-modal-info__col_info {
    flex: 0 1 36%
}

.offplan-modal-info__form-wrap .form-group:nth-child(2),
.offplan-modal-info__form-wrap .form-group:nth-child(3) {
    width: calc(50% - 15px)
}

.offplan-modal-info__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    height: 100%;
    padding: 35px 20px 20px;
    background-image: url(../images/career-popup-agent-bg.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top
}

.offplan-modal-info__info-photo {
    position: absolute;
    left: -20px;
    bottom: 0;
    height: 100%;
    width: auto;
    pointer-events: none;
    padding-top: 95px
}

.offplan-modal-info__info-photo img {
    height: 100%;
    width: auto;
    object-fit: contain;
    object-position: left bottom
}

.offplan-modal-info__info-phone {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.offplan-modal-info__info-phone>span {
    display: inline-block;
    color: inherit
}

.offplan-modal-info__info-quote {
    display: none
}

@media only screen and (max-width:990px) {
    .offplan-modal-info__row {
        flex-wrap: wrap
    }

    .offplan-modal-info__col_form,
    .offplan-modal-info__col_info {
        flex: 0 1 100%;
        max-width: 100%
    }

    .offplan-modal-info__col_form {
        padding: 30px 30px 20px
    }

    .offplan-modal-info__info {
        justify-content: space-between;
        min-height: 390px;
        padding: 50px 30px 30px;
        background: 0 0
    }

    .offplan-modal-info__info.no-agent {
        display: none
    }

    .offplan-modal-info__form-wrap .form-group:nth-child(2),
    .offplan-modal-info__form-wrap .form-group:nth-child(3) {
        width: calc(50% - 10px)
    }

    .offplan-modal-info__info-phone {
        order: 10;
        color: #fd8f5e;
        margin-top: 10px
    }

    .offplan-modal-info__info-photo {
        left: 10px;
        top: 0;
        padding-top: 0
    }

    .offplan-modal-info__info-photo img {
        min-width: 335px;
        object-fit: cover;
        object-position: left top
    }

    .offplan-modal-info__info-quote {
        display: block;
        position: relative;
        max-width: 240px;
        margin-bottom: 0;
        text-align: left
    }

    .offplan-modal-info__info-quote::before {
        content: "";
        position: absolute;
        left: 0;
        top: -46px;
        width: 35px;
        height: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../icons/offplan-expert-quote.html)
    }

    .offplan-modal-info__info-quote p {
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #6d6e70
    }

    .offplan-modal-info__info-quote p:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:743px) {
    .offplan-modal-info__row {
        overflow: unset;
        background: #fff;
        border-radius: unset
    }

    .offplan-modal-info__col_form {
        padding: 40px 25px 20px
    }

    .offplan-modal-info__form-wrap .form-group {
        width: 100% !important
    }

    .offplan-modal-info__info {
        padding: 30px 25px;
        min-height: 390px
    }

    .offplan-modal-info__info-phone {
        display: none
    }

    .offplan-modal-info__info-photo {
        left: -25px;
        padding-top: 22px
    }

    .offplan-modal-info__info-quote {
        max-width: 155px
    }

    .offplan-modal-info__info-quote::before {
        top: -30px;
        width: 29px;
        height: 22px
    }

    .offplan-modal-info__info-quote p {
        font-size: 14px;
        line-height: 21px
    }
}

@media only screen and (max-width:359px) {
    .offplan-modal-info__info-photo {
        left: -60px
    }
}

.offplan-modal-pp__body {
    background: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px
}

.offplan-modal-pp__items {
    column-count: 2;
    padding-top: 5px;
    margin: 0 -40px -15px;
    position: relative
}

.offplan-modal-pp__items:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    height: calc(100% - 15px);
    width: 1px;
    background: #e7e7e7
}

.offplan-modal-pp__item {
    padding: 0 40px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

html[lang=ru] .offplan-modal-pp__item {
    gap: 25px
}

.offplan-modal-pp__item-caption,
.offplan-modal-pp__item-index {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6d6e70
}

.offplan-modal-pp__item-index {
    white-space: nowrap;
    flex: 0 0 20px
}

.offplan-modal-pp__item-caption {
    flex-grow: 1
}

.offplan-modal-pp__item-group {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #fd8f5e;
    white-space: nowrap
}

.offplan-modal-pp__btn {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    min-height: 50px;
    width: 100%;
    padding: 13px 15px;
    margin-top: 30px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #fd8f5e 50%, #fd8f5e 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out
}

.offplan-modal-pp__btn:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:990px) {
    .offplan-modal-pp__items {
        margin: 0;
        max-width: 430px;
        column-count: 1
    }

    .offplan-modal-pp__item {
        padding: 0
    }

    .offplan-modal-pp__item:last-child {
        margin-bottom: 0
    }

    .offplan-modal-pp__items:after {
        display: none
    }

    .offplan-modal-pp__btn {
        margin-top: 40px
    }
}

@media only screen and (max-width:743px) {
    .offplan-modal-pp__body {
        border-radius: 0;
        padding-top: 45px
    }

    .offplan-modal-pp__item {
        gap: 25px;
        margin-bottom: 20px
    }

    .offplan-modal-pp__item-caption,
    .offplan-modal-pp__item-index {
        font-size: 14px;
        line-height: 21px
    }

    .offplan-modal-pp__item-group {
        font-size: 18px;
        line-height: 22px
    }

    .offplan-modal-pp__btn {
        margin-top: 30px;
        padding: 14.5px 10px;
        font-size: 14px;
        line-height: 21px
    }
}

.offplan-modal-dwnl__row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    border-radius: 8px
}

.offplan-modal-dwnl__col_form {
    flex: 0 1 62%;
    padding: 30px 40px 30px 30px
}

.offplan-modal-dwnl__col_info {
    flex: 0 1 38%
}

.offplan-modal-dwnl__form-wrap {
    max-width: 330px
}

.offplan-modal-dwnl__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
    padding: 30px;
    background: #fd8f5e
}

.offplan-modal-dwnl__info-logo-wrap {
    width: 188px;
    height: 34px
}

.offplan-modal-dwnl__info-logo {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.modal-brochure {
    position: relative;
    margin: auto 0 40px;
    width: 100%;
    min-height: 270px
}

.modal-brochure__image-wrap {
    position: absolute;
    top: 0;
    left: -80px;
    width: 390px;
    height: 215px
}

.modal-brochure__image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.modal-brochure__info {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: left
}

.modal-brochure__info-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 5px
}

.modal-brochure__info-title h3 {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 0;
    color: #fff
}

.modal-brochure__info-title img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: brightness(0) grayscale(1) invert(100%)
}

.modal-brochure__info-size {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #fff;
    opacity: .7
}

.offplan-modal-dwnl__info-phone {
    font-family: InterSemiBold, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.offplan-modal-dwnl__info-phone>span {
    display: inline-block;
    color: inherit
}

@media only screen and (max-width:990px) {
    .offplan-modal-dwnl__row {
        flex-wrap: wrap
    }

    .offplan-modal-dwnl__col_form,
    .offplan-modal-dwnl__col_info {
        flex: 0 1 100%;
        max-width: 100%
    }

    .offplan-modal-dwnl__col_form {
        padding: 30px 30px 20px
    }

    .offplan-modal-dwnl__form-wrap {
        max-width: 100%
    }

    .offplan-modal-dwnl__info {
        justify-content: space-between;
        padding: 20px 30px 30px;
        background: 0 0
    }

    .offplan-modal-dwnl__info-logo-wrap {
        display: none
    }

    .modal-brochure {
        margin: 0 0 20px;
        padding-bottom: 30px
    }

    .modal-brochure__image-wrap {
        position: static;
        width: 100%;
        height: 100%
    }

    .modal-brochure__info-title h3 {
        font-size: 25px;
        line-height: 33px;
        color: #222
    }

    .modal-brochure__info-title img {
        filter: none
    }

    .modal-brochure__info-size {
        color: #6d6e70
    }

    .offplan-modal-dwnl__info-phone {
        color: #fd8f5e
    }
}

@media only screen and (max-width:743px) {
    .offplan-modal-dwnl__row {
        overflow: unset;
        background: #fff;
        border-radius: unset
    }

    .offplan-modal-dwnl__col_form {
        padding: 40px 25px 25px
    }

    .offplan-modal-dwnl__info {
        padding: 25px
    }

    .modal-brochure {
        margin: 0;
        padding-bottom: 40px
    }

    .modal-brochure__info-title h3 {
        font-size: 20px;
        line-height: 26px
    }

    .modal-brochure__info-title img {
        width: 20px;
        height: 20px
    }

    .modal-brochure__info-size {
        font-size: 12px;
        line-height: 18px
    }

    .offplan-modal-dwnl__info-phone {
        display: none
    }
}

.page-template-template-area .bgDottedL,
.page-template-template-area .bgDottedR,
.tax-area .bgDottedL,
.tax-area .bgDottedR {
    display: none !important
}

.page-template-template-area .btnWrp,
.tax-area .btnWrp {
    top: -5px
}

.page-template-template-area .featureProjects:not(.pt-0)>.container:first-child .btnWrp,
.tax-area .featureProjects:not(.pt-0)>.container:first-child .btnWrp {
    top: 75px
}

.page-template-template-area .areas .btnWrp,
.tax-area .areas .btnWrp {
    top: -55px
}

.page-template-template-area .showAllPrp,
.tax-area .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-area .showAllPrp:hover,
.tax-area .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:1024px) {

    .page-template-template-area .areas .btnWrp,
    .page-template-template-area .btnWrp,
    .tax-area .areas .btnWrp,
    .tax-area .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 25px 0 0
    }
}

@media only screen and (max-width:767px) {

    .page-template-template-area .areas .btnWrp,
    .page-template-template-area .btnWrp,
    .tax-area .areas .btnWrp,
    .tax-area .btnWrp {
        padding: 10px 0 0
    }

    .page-template-template-area .showAllPrp,
    .tax-area .showAllPrp {
        display: inline-block
    }
}

.page-template-template-area .popUp-header,
.tax-area .popUp-header {
    font-family: InterSemiBold, sans-serif
}

.page-template-template-area .popUp-form button,
.tax-area .popUp-form button {
    font-family: Inter, sans-serif;
    height: 40px;
    line-height: 100%;
    text-transform: none;
    font-size: 16px;
    border-radius: 8px
}

.tax-area #loadMap {
    border-radius: 0 !important
}

.tax-area .property__btn.load-more {
    border: none;
    border-radius: 8px;
    outline: 0;
    margin: 50px auto 0;
    padding: 8px 24px;
    line-height: 150%;
    background: #fd8f5e;
    background: linear-gradient(90deg, #fd8f5e 0, #fd8f5e 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    color: #fff !important;
    text-align: center;
    display: block;
    width: auto;
    height: auto;
    max-width: fit-content;
    font-family: Inter, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none !important
}

.tax-area .property__btn.load-more:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none !important
}

@media only screen and (max-width:767px) {
    .tax-area .property__btn.load-more {
        max-width: 100%;
        display: inline-block;
        margin: 50px auto 0
    }

    .load-more-wrapper-tabl {
        text-align: center;
        width: 100%;
        display: inline-block
    }
}

.featureProjects.area-nav {
    background: #fff;
    padding: 15px 0
}

.area__nav-container {
    padding-top: 0 !important
}

.area__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.area__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.area__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.area__nav-breadcrumbs .breadcrumbs__link {
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.area__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.area__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.area__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.area__nav-breadcrumbs .breadcrumbs__current {
    color: #bbb !important
}

.area__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.area__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.area__nav-back:hover {
    color: #fd8f5e
}

.area__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .area__nav {
        display: block
    }

    .area__nav-back {
        display: none
    }

    .area__nav-breadcrumbs {
        padding: 0
    }

    .area__nav-btns {
        display: none
    }
}

.area__userBtn {
    margin-right: -10px
}

.area__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.area__userBtn-button:first-child {
    margin-left: 0
}

.area__userBtn-button:focus {
    outline: 0
}

.area__userBtn-button:hover {
    border-color: #01aee5
}

.area__userBtn-button.save.load .saved,
.area__userBtn-button.save.saved .load {
    display: none
}

.area__userBtn-button .label,
.area__userBtn-button.save .load,
.area__userBtn-button.save .saved {
    position: relative;
    padding-left: 22px
}

.area__userBtn-button .label:before,
.area__userBtn-button.save .load:before,
.area__userBtn-button.save .saved:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.area__userBtn-button.save .load:before {
    background-image: url(../icons/icon-save-clear-blue.html)
}

.area__userBtn-button.save .saved:before {
    background-image: url(../icons/icon-saved-blue.html)
}

.area__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

.featureProjects.area-header {
    padding: 0 !important;
    font-family: Inter, sans-serif
}

.container.area-header__container {
    padding-top: 0 !important
}

.area-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.area-header__col-content {
    flex: 0 0 500px;
    padding: 70px 50px 50px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.area-header__col-img {
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.area-header__col-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.area-header__subtitle {
    flex-grow: 1;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px
}

.area-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.area-header__btns {
    margin-top: 40px;
    display: flex;
    justify-content: space-between
}

.area-header__btn {
    position: relative;
    font-size: 16px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 8px 24px;
    height: 40px;
    min-width: calc(50% - 5px);
    line-height: 100%;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out
}

.area-header__btn.mof {
    background: #fd8f5e;
    color: #fff;
    padding: 8px 48px 8px 24px
}

.area-header__btn.mof:after {
    position: absolute;
    right: 24px;
    top: 0;
    content: '';
    width: 16px;
    height: 100%;
    background-image: url(../icons/btn-icon-arrow-white.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: right .2s ease-in-out
}

.area-header__btn.mof:hover:after {
    right: 20px
}

@media all and (max-width:1024px) {
    .area-header__col-img {
        width: 100%
    }

    .area-header__col-content {
        position: absolute;
        left: 30px;
        bottom: 30px;
        width: 70%;
        border-radius: 8px
    }
}

@media only screen and (max-width:767px) {
    .area-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .area-header__col {
        width: 100%
    }

    .area-header__col-img {
        order: -1
    }

    .area-header__col-img img {
        min-height: 260px;
        max-height: 50vh
    }

    .area-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 0
    }

    .area-header__subtitle {
        margin-bottom: 10px
    }

    .area-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .area-header__btns {
        margin-top: 30px;
        flex-wrap: wrap;
        justify-content: center
    }

    .area-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px
    }
}

.page-template-template-developer .bgDottedL,
.page-template-template-developer .bgDottedR,
.tax-developers .bgDottedL,
.tax-developers .bgDottedR {
    display: none !important
}

.page-template-template-developer .btnWrp,
.tax-developers .btnWrp {
    top: -5px
}

.page-template-template-developer .featureProjects:not(.pt-0)>.container:first-child .btnWrp,
.tax-developers .featureProjects:not(.pt-0)>.container:first-child .btnWrp {
    top: 75px
}

.page-template-template-developer .areas .btnWrp,
.tax-developers .areas .btnWrp {
    top: -55px
}

.page-template-template-developer .showAllPrp,
.tax-developers .showAllPrp {
    display: inline-block;
    padding: 7px 30px;
    min-width: 243px;
    text-align: center;
    border: 1px solid #fd8f5e;
    border-radius: 8px;
    background: #fff;
    color: #fd8f5e;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-transform: none;
    transition: background-color .5s, color .5s
}

.page-template-template-developer .showAllPrp:hover,
.tax-developers .showAllPrp:hover {
    text-decoration: none;
    color: #fff;
    background: #02b2ee
}

@media only screen and (max-width:1024px) {

    .page-template-template-developer .areas .btnWrp,
    .page-template-template-developer .btnWrp,
    .tax-developers .areas .btnWrp,
    .tax-developers .btnWrp {
        position: relative;
        right: auto !important;
        top: auto !important;
        text-align: center;
        display: block;
        padding: 25px 0 0
    }
}

@media only screen and (max-width:767px) {

    .page-template-template-developer .areas .btnWrp,
    .page-template-template-developer .btnWrp,
    .tax-developers .areas .btnWrp,
    .tax-developers .btnWrp {
        padding: 10px 0 0
    }

    .page-template-template-developer .showAllPrp,
    .tax-developers .showAllPrp {
        display: inline-block
    }
}

.page-template-template-developer .popUp-header,
.tax-developers .popUp-header {
    font-family: InterSemiBold, sans-serif
}

.page-template-template-developer .popUp-form button,
.tax-developers .popUp-form button {
    font-family: Inter, sans-serif;
    height: 40px;
    line-height: 100%;
    text-transform: none;
    font-size: 16px;
    border-radius: 8px
}

.tax-developers #loadMap {
    border-radius: 0 !important
}

.featureProjects.developer-nav {
    background: #fff;
    padding: 15px 0
}

.developer__nav-container {
    padding-top: 0 !important
}

.developer__nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.developer__nav-breadcrumbs {
    flex-grow: 1;
    line-height: 1;
    padding: 0 30px
}

.developer__nav-breadcrumbs span {
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important
}

.developer__nav-breadcrumbs .breadcrumbs__link {
    color: #bbb !important;
    position: relative;
    margin-right: 24px;
    transition: color .5s
}

.developer__nav-breadcrumbs .breadcrumbs__link:hover {
    color: #fd8f5e !important
}

.developer__nav-breadcrumbs .breadcrumbs__link:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    transform: rotate(45deg);
    right: -14px;
    top: 5px;
    transition: left .5s, border-color .3s;
    pointer-events: none
}

.developer__nav-breadcrumbs .breadcrumbs__separator {
    display: none
}

.developer__nav-breadcrumbs .breadcrumbs__current {
    color: #bbb !important
}

.developer__nav-back {
    font-size: 12px;
    font-family: Inter, sans-serif;
    color: #222;
    line-height: 20px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    transition: .5s
}

.developer__nav-back:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    transform: rotate(45deg);
    left: 2px;
    top: 6px;
    transition: left .5s, border-color .3s
}

.developer__nav-back:hover {
    color: #fd8f5e
}

.developer__nav-back:hover:after {
    left: -4px;
    border-color: #fd8f5e
}

@media only screen and (max-width:767px) {
    .developer__nav {
        display: block
    }

    .developer__nav-back {
        display: none
    }

    .developer__nav-breadcrumbs {
        padding: 0
    }

    .developer__nav-btns {
        display: none
    }
}

.developer__userBtn {
    margin-right: -10px
}

.developer__userBtn-button {
    color: #01aee5;
    font-family: InterMedium, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #fff;
    border: 1px solid #fff;
    height: 30px;
    padding: 1px 12px 0 10px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 10px;
    position: relative;
    transition: border-color .5s;
    overflow: hidden
}

.developer__userBtn-button:first-child {
    margin-left: 0
}

.developer__userBtn-button:focus {
    outline: 0
}

.developer__userBtn-button:hover {
    border-color: #01aee5
}

.developer__userBtn-button.save.load .saved,
.developer__userBtn-button.save.saved .load {
    display: none
}

.developer__userBtn-button .label,
.developer__userBtn-button.save .load,
.developer__userBtn-button.save .saved {
    position: relative;
    padding-left: 22px
}

.developer__userBtn-button .label:before,
.developer__userBtn-button.save .load:before,
.developer__userBtn-button.save .saved:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.developer__userBtn-button.save .load:before {
    background-image: url(../icons/icon-save-clear-blue.html)
}

.developer__userBtn-button.save .saved:before {
    background-image: url(../icons/icon-saved-blue.html)
}

.developer__userBtn-button.share .label:before {
    background-image: url(../icons/icon-share.html)
}

.featureProjects.developer-header {
    padding: 0 !important;
    font-family: Inter, sans-serif
}

.container.developer-header__container {
    padding-top: 0 !important
}

.developer-header__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    height: 50vh;
    min-height: 440px
}

.developer-header__col-content {
    flex: 0 0 500px;
    background-color: #fd8f5e;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.developer-header__col-img {
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.html);
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat
}

.developer-header__col-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.developer-header__info {
    background: #fd8f5e;
    padding: 50px 40px 30px 50px
}

.developer-header__subtitle {
    flex-grow: 1;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 10px
}

.developer-header__title {
    font-family: InterBold, sans-serif;
    font-size: 42px;
    line-height: 100%;
    margin: 0
}

.developer-header__details {
    flex-grow: 1;
    padding: 15px 40px 15px 50px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.developer-header__details-item {
    display: flex;
    align-items: center;
    padding-bottom: 18px
}

.developer-header__details-item:last-child {
    padding-bottom: 0
}

.developer-header__details-item-head {
    width: 50%;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 100%;
    position: relative;
    padding-left: 35px;
    padding-right: 10px
}

.developer-header__details-item-head:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat
}

.developer-header__details-item-head.projects:after {
    background-image: url(../icons/dev-icon-projects.html)
}

.developer-header__details-item-head.price:after {
    background-image: url(../icons/dev-icon-price.html)
}

.developer-header__details-item-head.founded:after {
    background-image: url(../icons/dev-icon-founded.html)
}

.developer-header__details-item-value {
    width: 50%;
    font-family: InterSemiBold, sans-serif;
    font-size: 24px;
    line-height: 120%
}

.developer-header__btns {
    padding: 30px 40px 50px 50px;
    position: relative
}

.developer-header__btns:after {
    content: '';
    position: absolute;
    left: 50px;
    right: 40px;
    top: 0;
    height: 1px;
    background-color: #fd8f5e;
    opacity: .3
}

.developer-header__btn {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 8px 24px;
    height: 40px;
    line-height: 100%;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    outline: 0;
    border: none;
    border-radius: 8px;
    transition: background .3s ease-in-out, color .2s;
    background: #fff;
    color: #fd8f5e
}

.developer-header__btn:hover {
    background: #fd8f5e;
    color: #fff
}

@media all and (max-width:1024px) {
    .developer-header__col-img {
        width: 100%
    }

    .developer-header__col-content {
        position: absolute;
        left: 25px;
        bottom: 25px;
        width: 60%;
        border-radius: 8px;
        overflow: hidden
    }

    .developer-header__info {
        padding: 30px
    }

    .developer-header__details {
        padding: 20px 30px
    }

    .developer-header__btns {
        padding: 30px
    }

    .developer-header__btns:after {
        left: 30px;
        right: 30px
    }
}

@media only screen and (max-width:767px) {
    .developer-header__row {
        height: 100%;
        min-height: 100%;
        flex-wrap: wrap
    }

    .developer-header__col {
        width: 100%
    }

    .developer-header__col-img {
        order: -1
    }

    .developer-header__col-img img {
        min-height: 260px;
        max-height: 50vh
    }

    .developer-header__col-content {
        position: initial;
        width: 100%;
        flex: 0 1 auto;
        border-radius: 0
    }

    .developer-header__info {
        padding: 25px 20px
    }

    .developer-header__title {
        font-size: 32px;
        word-break: break-word
    }

    .developer-header__details {
        padding: 25px 20px
    }

    .developer-header__details-item-head {
        font-size: 16px
    }

    .developer-header__details-item-value {
        font-size: 20px
    }

    .developer-header__btns {
        padding: 25px 20px
    }

    .developer-header__btns:after {
        left: 20px;
        right: 20px
    }

    .developer-header__btn {
        font-family: InterSemiBold, sans-serif;
        font-size: 14px;
        min-width: 200px
    }
}

.latest-projects {
    padding-top: 0 !important
}

.latest-projects .container {
    position: relative;
    padding-top: 90px !important
}

.latest-projects .projectHeading.left {
    padding-right: 140px
}

.latest-projects__logo {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 125px;
    height: 70px
}

.latest-projects__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center right
}

@media only screen and (max-width:767px) {
    .latest-projects .container {
        padding-top: 50px !important
    }

    .latest-projects .projectHeading.left {
        padding-right: 85px
    }

    .latest-projects__logo {
        top: 45px;
        width: 70px;
        height: 40px;
        right: 20px
    }
}

@media only screen and (max-width:640px) {
    .latest-projects__logo {
        right: 10px
    }
}

.event-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 210px;
    min-height: 50px;
    padding: 8px 35px;
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    word-break: normal;
    white-space: nowrap;
    text-transform: none;
    outline: 0;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(90deg, #62d53a 0, #62d53a 50%, #4cbf2e 50%, #4cbf2e 100%);
    background-size: 200% 100%;
    border: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    transition: .3s ease-in-out
}

.event-whatsapp:before {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url(../images/whatsapp-mob.svg);
    width: 18px;
    height: 18px
}

.event-whatsapp:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none
}

.btn-action {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.btn-action>* {
    position: relative;
    z-index: 5
}

.btn-action:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0%;
    background-color: #000;
    z-index: 1;
    transition: .5s
}

.btn-action_black:after {
    background-color: #00ade5
}

.btn-action:hover:after {
    height: 100%
}

.btn-action .btn_action-svg {
    align-self: center;
    transition: .5s
}

.btn-action:hover .btn_action-svg {
    transform: rotate(-45deg)
}

.btn-link a,
button.contact_form-button {
    position: relative;
    overflow: hidden
}

.btn-link a:after,
button.contact_form-button:after {
    transition: .5s
}

.btn-link a:hover:after,
button.contact_form-button:hover:after {
    transform: rotate(-45deg)
}

.events-wrapper {
    overflow: hidden
}

.event-hero__title {
    font-size: 70px;
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%
}

.hero-subtitle {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: rgba(0, 173, 229, .5);
    text-transform: uppercase;
    margin: 0 auto 15px
}

.event-hero__whatsapp-wrap {
    text-align: center;
    margin-top: 20px
}

.event-hero__images {
    display: flex;
    justify-content: space-between;
    position: relative
}

.event-hero-title-wrapper {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    text-align: center
}

.event-hero-title-wrapper svg {
    position: absolute;
    right: 30px;
    top: 64px;
    z-index: -1
}

.event-hero__link_wrap {
    margin: 20px auto 0;
    text-align: center
}

.event-hero__link {
    padding: 12px 13px;
    border: 1px solid #00ade5;
    border-radius: 30px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    color: #6c6c6c
}

.event-hero__link:hover {
    color: #00ade5
}

.event-hero__link svg {
    margin-right: 10px
}

.event-hero__images {
    display: grid;
    grid-template-columns: .1fr 1fr 1fr 1fr 1fr 1fr .1fr;
    gap: 0 2%;
    height: 380px
}

.images__item.images__item-short {
    max-width: 50px
}

.images__item.images__item-short img {
    max-width: 50px;
    object-fit: cover;
    height: 100%
}

.images__item-short:first-of-type img {
    object-position: right;
    border-radius: 0 10px 10px 0
}

.images__item.images__item-short-last img {
    object-position: left;
    border-radius: 10px 0 0 10px
}

.images__item img {
    object-fit: cover;
    border-radius: 10px
}

.images__item:first-of-type img,
.images__item:nth-of-type(7) img {
    height: 100%;
    width: 100%
}

.images__item:first-of-type img {
    border-radius: 0 10px 10px 0
}

.images__item:nth-of-type(7) img {
    border-radius: 10px 0 0 10px
}

.images__item:nth-of-type(2),
.images__item:nth-of-type(6) {
    height: 340px;
    width: 100%
}

.images__item:nth-of-type(2) img,
.images__item:nth-of-type(6) img {
    height: 100%;
    width: 100%
}

.images__item:nth-of-type(2),
.images__item:nth-of-type(3),
.images__item:nth-of-type(4),
.images__item:nth-of-type(5),
.images__item:nth-of-type(6) {
    align-self: end
}

.images__item:nth-of-type(3) img,
.images__item:nth-of-type(5) img {
    height: 300px;
    width: 100%
}

.images__item-center {
    background-color: #00ade5;
    border-radius: 10px;
    padding: 20px 10px;
    align-self: end;
    width: 100%;
    position: relative
}

.images__item-center h2 {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #fff
}

.btn-action-short h2 {
    max-width: 150px
}

.images__item-center-flex {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.images__item-center .shtrih_code {
    width: 100%;
    height: 50px
}

.images__item-center a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.images__item-center-flex p {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%
}

.btn-action-short p {
    max-width: 150px
}

.images__item-center-flex p span:last-of-type {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400
}

.images__item-circle {
    position: absolute;
    bottom: 92px;
    right: 19%;
    z-index: 10
}

.circle-el {
    width: 165px;
    height: 165px;
    border-radius: 100%;
    background-color: #f1fbff;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.images__item-circle-blue {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #00ade5;
    margin-bottom: 0;
    white-space: nowrap
}

.images__item-circle-gray {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #6c6c6c
}

.fancybox-hide {
    display: none
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .event-hero__title {
        font-size: 50px
    }

    .event-hero-title-wrapper svg {
        width: 380px;
        height: 20px;
        right: 43px;
        top: 50px
    }

    .event-hero__images {
        grid-template-columns: 1fr 1fr 1fr;
        margin: 30px -15px
    }

    .images__item-circle {
        bottom: 130px;
        right: 16%
    }

    .images__item:nth-of-type(1),
    .images__item:nth-of-type(2),
    .images__item:nth-of-type(6),
    .images__item:nth-of-type(7) {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .events-wrapper {
        padding-top: 15px
    }

    .event-hero__title {
        font-size: 35px
    }

    .hero-subtitle {
        font-size: 12px
    }

    .event-hero-title-wrapper svg {
        right: auto;
        top: 72px;
        object-fit: contain;
        width: 215px;
        left: 0
    }

    .event-hero__link {
        font-size: 12px;
        align-items: center
    }

    .images__item-center h2 {
        font-size: 30px
    }

    .images__item {
        height: 100%
    }

    .images__item:nth-of-type(4) {
        justify-content: space-between;
        display: flex;
        flex-direction: column
    }

    .images__item img,
    .images__item:nth-of-type(5) img {
        height: 100%;
        object-fit: cover;
        border-radius: 10px
    }

    .images__item-center-flex p {
        font-size: 12px;
        flex-direction: row;
        justify-content: space-between;
        width: 78%
    }

    .event-hero__images {
        grid-template-columns: 1.5fr 1fr;
        margin-top: 40px;
        padding: 0 15px
    }

    .images__item:nth-of-type(1),
    .images__item:nth-of-type(2),
    .images__item:nth-of-type(3),
    .images__item:nth-of-type(6),
    .images__item:nth-of-type(7) {
        display: none
    }

    .images__item-center {
        height: 100%
    }

    .images__item-circle {
        position: absolute;
        bottom: auto;
        right: 2%;
        top: -30px;
        width: 114px;
        height: 114px
    }

    .circle-el {
        padding: 10px
    }

    .images__item-circle-blue {
        font-size: 30px
    }

    .images__item-circle-gray {
        font-size: 12px
    }

    .images__item-center .shtrih_code {
        height: 70px
    }
}

@media only screen and (max-width:641.99px) {

    .event-hero__images,
    .images__item,
    .images__item:nth-of-type(4) {
        height: 230px
    }
}

.four_elements {
    padding: 140px 0
}

.four_elements-wrapper {
    display: grid;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px);
    gap: 20px;
    grid-template-areas: "item-1 item-2" "item-1 item-3" "item-4 item-4"
}

.four_elements__item {
    position: relative;
    background-color: #00ade5;
    border-radius: 20px;
    overflow: hidden;
    will-change: transform
}

.video-bg {
    object-fit: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.four_elements__item-content {
    position: relative;
    z-index: 5;
    padding-bottom: 95px
}

.item-1 {
    position: relative;
    grid-area: item-1;
    min-height: 500px;
    padding: 30px
}

.item-1:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(114.8deg, #00ade5 24.9%, rgba(0, 173, 229, 0) 104.18%)
}

.item-1-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 110%;
    color: #fff;
    margin-bottom: 20px
}

.item-1-description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 0
}

.item-1-logo {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 6;
    max-width: 180px
}

.item-1-popup {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 6
}

.item-1-popup svg {
    transition: .5s;
    vertical-align: bottom
}

.item-1-popup:hover svg {
    transform: scale(1.05)
}

.embed-container {
    position: relative;
    padding-bottom: 28.25%;
    overflow: hidden;
    width: 80vw;
    max-width: 1100px;
    height: auto;
    display: none
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#popup-video .fancybox-button {
    color: #fff
}

.item-2 {
    position: relative;
    grid-area: item-2;
    min-height: 270px;
    background-color: #ccc;
    padding: 30px 30px 25px;
    border: 1px solid #e4e4e4
}

.item-2-link,
.item-3-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 6
}

.item-2-bg {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.item-2-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 0
}

.item-2-content {
    position: relative;
    z-index: 5;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.item-3 {
    position: relative;
    grid-area: item-3;
    min-height: 210px;
    background-color: #000;
    padding: 15px 15px 15px 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.item-3 a {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.item-3-img {
    position: absolute;
    top: 5px;
    left: 16px;
    bottom: 0;
    height: 100%;
    width: 100px
}

.item-3-subtitle {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
    display: inline-block
}

.item-3-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 0;
    max-width: calc(100% - 26px - 10px)
}

.item-3-icon {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.item-3-icon:hover {
    height: inherit
}

.item-4 {
    position: relative;
    grid-area: item-4;
    min-height: 313px;
    padding: 0
}

.item-4-content {
    padding: 30px 50% 30px 30px
}

.item-4-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 125%;
    color: #fff
}

.item-4-description {
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 15px
}

.item-4-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 56%;
    width: 56%;
    list-style-type: none;
    position: absolute;
    top: -90px;
    right: -50px;
    bottom: 0;
    transform: rotate(10deg)
}

.item-4-gallery li:nth-of-type(2),
.item-4-gallery li:nth-of-type(5) {
    top: -50px;
    position: relative
}

.item-4-gallery li img {
    width: 192px;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden
}

.item-4-link {
    background: #fff;
    border-radius: 10px;
    padding: 13px;
    color: #00ade5;
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    display: inline-flex;
    align-items: center;
    border: 2px solid #fff;
    transition: .5s
}

.item-4-link svg {
    transition: .5s;
    margin-left: 15px
}

.item-4-link:hover {
    background-color: #00ade5;
    color: #fff
}

.item-4-link:hover svg {
    stroke: #fff
}

.item-4-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .four_elements-wrapper {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-template-areas: "item-1 item-1" "item-2 item-3" "item-4 item-4"
    }

    .item-3:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 5;
        bottom: 20px;
        top: auto;
        height: 70px;
        width: 90%;
        transform: translateX(-50%);
        left: 50%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/barcode.svg)
    }

    .item-3-img {
        display: none
    }

    .item-3 {
        min-height: 270px;
        padding: 20px 20px 100px;
        position: relative
    }

    .item-3-icon {
        bottom: 107px;
        right: 20px
    }

    .item-4-title {
        font-size: 50px
    }

    .item-4-gallery {
        top: -70px;
        right: -72px
    }

    .item-4-gallery li img {
        width: 130px
    }

    .item-4-gallery li:nth-of-type(2),
    .item-4-gallery li:nth-of-type(5) {
        top: 0
    }

    .item-4-gallery li:nth-of-type(5),
    .item-4-gallery li:nth-of-type(6) {
        display: none
    }

    .item-4-gallery li:nth-of-type(1),
    .item-4-gallery li:nth-of-type(3) {
        position: relative;
        top: -50px
    }
}

@media only screen and (max-width:767px) {
    .four_elements-wrapper {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-template-areas: "item-1 item-1" "item-2 item-3" "item-4 item-4"
    }

    .four_elements__item-content {
        padding-bottom: 50px
    }

    .item-1-title {
        font-size: 35px
    }

    .item-1-description {
        font-size: 12px
    }

    .item-1-description br {
        display: none
    }

    .item-1-popup {
        bottom: 10px;
        right: 10px
    }

    .item-1-popup svg {
        width: 70px;
        vertical-align: bottom;
        height: 70px
    }

    .item-1-logo {
        width: 130px;
        object-fit: contain
    }

    .item-2 {
        min-height: 170px;
        padding: 20px
    }

    .item-2-content svg {
        width: 40px;
        height: 25px
    }

    .item-2-title {
        font-size: 20px;
        margin-bottom: 0
    }

    .item-3 {
        min-height: 170px;
        padding: 102px 20px 20px
    }

    .item-3:before {
        content: '';
        display: block;
        width: 100%;
        height: 45px;
        z-index: 5;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        background-image: url(../images/shtrih_code.svg)
    }

    .item-3-icon {
        bottom: 23px
    }

    .item-3-img,
    .item-3-subtitle {
        display: none
    }

    .item-3-title {
        font-size: 20px;
        max-width: calc(100% - 26px - 5px)
    }

    .item-4 {
        min-height: 100%;
        height: 100%
    }

    .item-4:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 173 229/70%);
        z-index: 6
    }

    .item-4-title {
        font-size: 35px
    }

    .item-4-content {
        padding: 20px 20px 166px;
        position: relative;
        z-index: 10
    }

    .item-4-link {
        font-size: 16px;
        padding: 10px
    }

    .item-4-gallery {
        max-width: 100%;
        width: 100%;
        padding: 0;
        top: 160px;
        right: -12px;
        z-index: 5
    }

    .item-4-gallery li img {
        width: 104px
    }

    .item-4-gallery li:nth-of-type(2),
    .item-4-gallery li:nth-of-type(5) {
        top: 50px
    }

    .item-4-description {
        margin-bottom: 25px
    }

    .four_elements {
        padding: 75px 0
    }
}

.contact_form {
    padding: 30px 0
}

.contact_form-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 30px
}

.contact_form-data__item {
    border-bottom: 1px solid #d6d6d6;
    padding: 20px 0
}

.contact_form-data__item span {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    margin-bottom: 30px;
    padding: 5px 20px
}

.contact_form-data__item h3 {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 125%;
    max-width: 300px
}

.contact_form-wrapper {
    padding: 30px;
    background: #222;
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 700px;
    margin: 0 0 0 auto
}

.contact_form__subtitle {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 25px
}

.contact_form__title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 125%;
    position: relative;
    display: inline-block
}

.contact_form__title-deco {
    position: absolute;
    right: 0;
    bottom: -3px
}

.contact_form-button {
    background-color: #00ade5;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px 10px 85px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    text-align: left;
    border: 2px solid #00ade5;
    transition: .5s
}

.contact_form-button:hover {
    background-color: transparent
}

.contact_form-button:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 45px;
    height: 90px;
    background-image: url(../images/barcode_vert.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top
}

.contact_form-button:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 33px;
    height: 33px;
    background-image: url(../images/white_arrow.svg);
    background-repeat: no-repeat
}

.contact_form-button span {
    max-width: calc(100% - 33px - 15px) !important
}

.contact_form__fild {
    width: 100%
}

.contact_form__fild form {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.contact_form__fild form span {
    width: 100%;
    max-width: 100%
}

.contact_form__fild form input {
    width: 100%;
    background: #efefef;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 15px
}

.button-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 18px
}

.button-description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .contact_form__title {
        font-size: 50px
    }

    .contact_form__subtitle {
        display: none
    }

    .contact_form__title-deco {
        right: auto;
        left: 0;
        width: 236px;
        object-fit: contain
    }

    .contact_form-button:before {
        display: none
    }

    .contact_form-button {
        padding: 20px
    }

    .contact_form-button:after {
        top: 34px;
        bottom: auto
    }
}

@media only screen and (max-width:767px) {
    .contact_form-wrapper {
        max-width: 100%;
        margin-top: 45px
    }

    .contact_form__subtitle {
        display: none
    }

    .contact_form__title {
        font-size: 35px
    }

    .contact_form__title-deco {
        object-fit: contain;
        width: 154px
    }

    .contact_form__fild form {
        margin-top: 20px
    }

    .contact_form-button {
        padding: 20px
    }

    .contact_form-button:after {
        bottom: 72px
    }

    .contact_form-button:before {
        display: none
    }

    .contact_form-button span {
        max-width: calc(100% - 33px) !important
    }
}

.road_show {
    padding: 100px 0 70px
}

.road_show .text-center {
    display: flex;
    flex-direction: column
}

.road_show__title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 125%;
    color: #222;
    margin: 0 auto 20px;
    position: relative
}

.road_show__title:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -13px;
    left: -20px;
    background-image: url(../images/line_SVG.svg);
    width: 439px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: -1
}

.road_show__description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #6c6c6c;
    max-width: 460px;
    margin: 0 auto
}

.show-all-btn {
    display: none
}

.road_show__item {
    background: #222;
    border-radius: 20px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 460px
}

.road_show__item-content {
    padding: 30px 20px 5px
}

.road_show__item-description {
    margin-top: 18px;
    color: #d9d9d9;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

.road_show__item-logo {
    position: absolute;
    bottom: 0;
    max-width: 160px;
    max-height: 80px;
    width: 100%;
    object-fit: contain;
    object-position: bottom left
}

.road_show__item-logo-wrap {
    position: relative;
    height: 30px
}

.road_show__item-circle {
    position: absolute;
    bottom: -80px;
    right: -70px;
    z-index: 15;
    width: 165px;
    height: 165px;
    transform: rotate(15deg)
}

.road_show__item-circle2 {
    position: absolute;
    bottom: -80px;
    right: -70px;
    z-index: 15;
    width: 200px;
    height: 200px;
    padding: 0;
    background: 0 0
}

.road_show__item-circle2 a {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px;
    background-color: #fff;
    transition: .5s;
    border-radius: 100%
}

.road_show__item-circle2 a:hover {
    box-shadow: 0 0 20px -5px #373737
}

.road_show__item-circle2 .images__item-circle-blue {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 8px;
    white-space: pre-wrap
}

.road_show__item-circle2 .images__item-circle-gray {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #6c6c6c;
    display: flex;
    justify-content: space-between;
    align-content: center
}

.road_show__item-circle2 .images__item-circle-gray>span {
    max-width: 90px;
    text-align: left
}

.road_show__blue-line a {
    margin-top: 40px;
    background: #00ade5;
    border-radius: 10px;
    position: relative;
    padding: 10px 50px 10px 85px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    transition: .5s;
    border: 3px solid #00ade5
}

.road_show__blue-line a:hover {
    background-color: #000
}

.road_show__blue-line a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    width: 58px;
    height: 80px;
    background-image: url(../images/barcode_vert.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center
}

.road_show__blue-line a:after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 33px;
    height: 33px;
    background-image: url(../images/white_arrow.svg);
    background-repeat: no-repeat
}

.road_show__blue-line-subtitle {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 4px 10px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
    display: inline-block
}

.road_show__blue-line-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    color: #fff;
    display: inline-block
}

.road_show__item-photo {
    height: 310px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    object-position: center
}

.road_show__item-label {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #6c6c6c;
    background: #fff;
    border-radius: 30px;
    padding: 5px 10px
}

.show-all-btn.road_show__item {
    display: none
}

@media only screen and (min-width:768px) {
    .road_show__list {
        display: grid;
        margin-top: 55px;
        gap: 40px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr)
    }

    .road_show__item-1 {
        grid-area: 1/1/2/2
    }

    .road_show__item-2 {
        grid-area: 1/2/2/3
    }

    .road_show__item-3 {
        grid-area: 1/3/2/4
    }

    .road_show__item-4 {
        grid-area: 2/1/3/3
    }

    .road_show__item-5 {
        grid-area: 2/3/3/4
    }

    .road_show__item-6 {
        grid-area: 3/1/4/2
    }

    .road_show__item-7 {
        grid-area: 3/2/4/3
    }

    .road_show__item-8 {
        grid-area: 3/3/4/4
    }

    .road_show__item-9 {
        grid-area: 4/1/5/2
    }

    .road_show__item-10 {
        grid-area: 4/2/5/4
    }

    .road_show__item-11 {
        grid-area: 5/1/6/2
    }

    .road_show__item-12 {
        grid-area: 5/2/6/3
    }

    .road_show__item-13 {
        grid-area: 5/3/6/4
    }

    .road_show__item-14 {
        grid-area: 6/1/7/3
    }

    .road_show__item-15 {
        grid-area: 6/3/7/4
    }

    .road_show__item-16 {
        grid-area: 7/1/8/2
    }

    .road_show__item-17 {
        grid-area: 7/2/8/3
    }

    .road_show__item-18 {
        grid-area: 7/3/8/4
    }

    .road_show__item-19 {
        grid-area: 8/1/9/2
    }

    .road_show__item-20 {
        grid-area: 8/2/9/4
    }
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .road_show__title {
        font-size: 50px;
        max-width: 470px;
        text-align: center
    }

    .road_show__title:after {
        content: "";
        display: block;
        position: absolute;
        bottom: auto;
        top: 54px;
        left: 24px;
        background-image: url(../images/line_SVG.svg);
        width: 274px;
        background-size: contain;
        height: 25px;
        background-repeat: no-repeat;
        z-index: -1
    }

    .road_show__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .road_show__item-1 {
        grid-area: 1/1/2/2
    }

    .road_show__item-2 {
        grid-area: 1/2/2/3
    }

    .road_show__item-3 {
        grid-area: 2/1/3/2
    }

    .road_show__item-4 {
        grid-area: 2/2/3/3
    }

    .road_show__item-5 {
        grid-area: 3/1/4/3
    }

    .road_show__item-6 {
        grid-area: 4/1/5/2
    }

    .road_show__item-7 {
        grid-area: 4/2/5/3
    }

    .road_show__item-8 {
        grid-area: 5/1/6/2
    }

    .road_show__item-9 {
        grid-area: 5/2/6/3
    }

    .road_show__item-10 {
        grid-area: 6/1/7/3
    }

    .road_show__item-11 {
        grid-area: 7/1/8/2
    }

    .road_show__item-12 {
        grid-area: 7/2/8/3
    }

    .road_show__item-13 {
        grid-area: 8/1/9/2
    }

    .road_show__item-14 {
        grid-area: 8/2/9/3
    }

    .road_show__item-15 {
        grid-area: 9/1/10/3
    }

    .road_show__item-16 {
        grid-area: 10/1/11/2
    }

    .road_show__item-17 {
        grid-area: 10/2/11/3
    }

    .road_show__item-18 {
        grid-area: 11/1/12/2
    }

    .road_show__item-19 {
        grid-area: 11/2/12/3
    }

    .road_show__item-20 {
        grid-area: 12/1/13/3
    }

    .road_show__item {
        height: 450px
    }

    .road_show__item .road_show__item-photo {
        height: 315px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
        object-position: center
    }

    .road_show__item-content {
        padding: 20px 20px 5px
    }

    .road_show__item-circle {
        width: 200px;
        height: 200px;
        bottom: -541px;
        right: 44px;
        padding: 35px
    }

    .road_show__item-circle2 {
        display: none
    }

    .road_show__blue-line-title {
        margin-top: 30px
    }

    .road_show__blue-line a:before {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:767px) {
    .road_show__item {
        display: none;
        height: auto;
        order: 1
    }

    .road_show__item.active {
        display: flex
    }

    .road_show__item.last-item {
        order: 3
    }

    .road_show__title {
        font-size: 35px;
        text-align: center
    }

    .road_show__title:after {
        bottom: auto;
        top: 38px;
        left: 29px;
        width: 197px;
        background-size: contain;
        height: 11px
    }

    .road_show__list {
        display: grid;
        margin-top: 55px;
        grid-template-columns: 1fr;
        gap: 20px;
        grid-template-rows: auto;
        overflow: hidden
    }

    .road_show__item-photo {
        height: 200px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        object-position: center
    }

    .road_show__item-circle {
        width: 160px;
        height: 160px;
        bottom: -155px;
        right: -25px;
        padding: 25px
    }

    .road_show__item-circle2 {
        display: none
    }

    .road_show__blue-line-title {
        order: 1
    }

    .road_show__blue-line-subtitle {
        order: 2;
        border: none;
        margin-top: 10px;
        padding: 0
    }

    .road_show__blue-line a {
        display: flex;
        flex-direction: column;
        padding: 20px 20px 90px
    }

    .road_show__blue-line a:after {
        bottom: 116px
    }

    .road_show__blue-line a:before {
        bottom: 20px;
        top: auto;
        width: 100%;
        height: 50px;
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/shtrih_code_2.svg)
    }

    .road_show__item.show-all-btn {
        display: flex;
        background-color: #222;
        font-size: 30px;
        padding: 12px 20px;
        margin-bottom: 75px;
        transition: color .5s
    }

    .road_show__item.show-all-btn:hover {
        color: #00ade5
    }

    .road_show__item.show-all-btn.hide {
        display: none
    }

    .show-all-btn:after {
        content: '';
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 33px;
        height: 33px;
        background-image: url(../images/white_arrow.svg);
        background-repeat: no-repeat
    }

    .show-all-btn.road_show__item.hide.active {
        display: none
    }
}

.premium_properties {
    padding: 70px 0
}

.premium_properties__title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 125%;
    color: #222;
    margin: 0 auto 20px;
    text-align: center;
    max-width: 900px
}

.premium_properties__title span {
    position: relative
}

.premium_properties__title span:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -5px;
    background-image: url(../images/line_SVG.svg);
    width: 439px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: -1
}

.premium_properties__description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #6c6c6c;
    max-width: 530px;
    margin: 0 auto 45px
}

.premium_properties-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px
}

.premium_properties-item__content {
    padding: 20px;
    color: #fff;
    min-height: 144px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.premium_properties-item__content p {
    margin-bottom: 0
}

.premium_properties-item {
    background: #222;
    border-radius: 10px;
    align-self: end
}

.premium_properties-item:first-of-type,
.premium_properties-item:last-of-type {
    height: 100%
}

.premium_properties-item img {
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
    overflow: hidden
}

.premium_properties-item-center {
    background: #00ade5;
    min-height: 260px;
    padding: 20px;
    width: 100%;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff
}

.premium_properties-item-center p {
    font-family: InterSemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 0
}

.premium_properties-item-center svg {
    width: 60px;
    height: 64px
}

.premium_properties-item__title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 5px
}

.premium_properties-item__description {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #d9d9d9
}

.premium_properties__contact-form {
    background: #222;
    border-radius: 20px;
    margin-top: 20px;
    padding: 30px 30px 0;
    width: 100%;
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

.premium_properties__contact-form-subtitle {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-bottom: 25px;
    display: inline-block
}

.premium_properties__contact-form-title {
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 125%;
    color: #fff
}

.premium_properties__contact-form__left-side {
    width: 100%;
    max-width: 56%
}

.premium_properties__contact-form__right-side {
    width: 100%;
    max-width: 40%
}

.mobile-version {
    display: none
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .premium_properties__title {
        font-size: 50px;
        max-width: 620px
    }

    .premium_properties__title span:before {
        bottom: -6px;
        left: 0;
        width: 300px;
        background-size: contain;
        height: 17px
    }

    .premium_properties-list {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        padding: 0 15px;
        align-content: stretch
    }

    .premium_properties-item:first-of-type {
        height: auto;
        width: 210px
    }

    .premium_properties-item-center {
        order: 5;
        width: 100%;
        max-width: 100%;
        margin-top: 25px;
        margin-bottom: 110px;
        min-height: 194px
    }

    .premium_properties-item:nth-of-type(1) {
        order: 1
    }

    .premium_properties-item:nth-of-type(2) {
        order: 2;
        height: auto;
        width: 210px;
        margin-right: 33%
    }

    .premium_properties-item:nth-of-type(4) {
        order: 3;
        height: auto;
        width: 210px;
        margin-left: auto
    }

    .premium_properties-item:nth-of-type(5) {
        order: 4;
        height: auto;
        width: 210px
    }

    .premium_properties-item-center p {
        max-width: 300px
    }

    .premium_properties__contact-form {
        position: relative;
        overflow: hidden;
        padding: 30px
    }

    .premium_properties__contact-form__left-side {
        max-width: 70%;
        position: relative;
        z-index: 5
    }

    .premium_properties__contact-form__right-side img {
        position: absolute;
        right: -67px;
        max-height: 440px;
        bottom: 0;
        object-fit: contain
    }

    .premium_properties__contact-form-title.contact_form__title .contact_form__title-deco {
        right: 0;
        left: unset
    }

    .premium_properties__contact-form-subtitle {
        display: none
    }

    .premium_properties__contact-form .contact_form__fild {
        width: 85%
    }

    .premium_properties__contact-form-title {
        font-size: 62px
    }

    .premium_properties__contact-form__right-side {
        max-width: 30%
    }
}

@media only screen and (max-width:767px) {
    .mobile-version {
        display: block
    }

    .mobile-version .premium_properties-item-center {
        margin-top: 15px;
        width: 100%;
        max-width: 100%
    }

    .premium_properties-list .premium_properties-item-center {
        display: none
    }

    .premium_properties__title {
        font-size: 30px
    }

    .premium_properties__title span:before {
        width: 183px;
        background-size: contain;
        height: 10px
    }

    .premium_properties__description {
        font-size: 12px
    }

    .premium_properties-item {
        min-height: 323px;
        height: 100%
    }

    .premium_properties-item:last-child {
        margin-right: 15px
    }

    .premium_properties-item img {
        height: 170px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px
    }

    .mobSwiper {
        width: 100%;
        overflow: auto
    }

    .premium_properties__contact-form__right-side {
        display: none
    }

    .mobContainer {
        max-width: 100% !important
    }

    .mobContainer .premium_properties-list {
        padding-right: 15px;
        margin-right: 15px
    }

    .mobContainer .premium_properties-item {
        width: 210px
    }

    .premium_properties__contact-form-subtitle {
        display: none
    }

    .premium_properties__contact-form-title.contact_form__title {
        font-size: 35px
    }

    .premium_properties__contact-form__left-side {
        max-width: 100%
    }

    .premium_properties__contact-form {
        margin-top: 75px;
        padding: 20px
    }

    .button-title {
        font-size: 35px
    }

    .contact_form__fild form span.button-description {
        max-width: 188px
    }
}

.events-list {
    padding: 70px 0 30px;
    width: 100%;
    overflow: hidden
}

.events-list__title {
    width: 100%;
    text-align: center;
    font-family: InterMedium, sans-serif;
    font-weight: 400;
    font-size: 70px;
    margin-bottom: 0
}

.events-list .news__slider .owl-stage-outer {
    overflow: visible
}

.events-list .news__slider .owl-nav {
    top: 33%;
    transform: translateY(-50%)
}

.events-list .news__slider .owl-next,
.events-list .news__slider .owl-prev {
    transform: scale(1.25);
    opacity: .5;
    transition: .5s
}

.events-list .news__slider .owl-prev {
    right: auto;
    left: 0
}

.events-list .news__slider .owl-next {
    left: auto;
    right: 0
}

.events-list .owl-nav button:hover {
    opacity: 1
}

.events-list__link {
    border-radius: 4px;
    border: 2px solid #00ade5;
    padding: 11px 10px;
    min-width: 170px;
    text-align: center;
    transition: .8s .2s;
    position: relative;
    overflow: hidden
}

.events-list__link span {
    position: relative;
    z-index: 5;
    transition: .5s;
    color: #00ade5;
    text-align: center;
    white-space: nowrap
}

.events-list__link:after {
    content: "";
    background-color: #00ade5;
    height: 0%;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transition: .5s;
    z-index: 2;
    overflow: hidden;
    border-radius: 4px
}

.events-list__link:hover {
    background-color: #00ade5
}

.events-list__link:hover span {
    color: #fff
}

.events-list__link:hover:after {
    height: 101%
}

.events-list__content-bottom .article__views-wrap {
    text-align: right;
    flex-grow: 1
}

.events-list__city,
.events-list__data {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #adadad;
    margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .events-list__title {
        font-size: 50px
    }

    .events-list__content-bottom {
        gap: 15px
    }
}

@media only screen and (max-width:990px) {
    .events-list__content-bottom {
        flex-wrap: wrap;
        justify-content: center
    }

    .events-list__content-bottom .article__author {
        order: 2
    }

    .events-list__content-bottom .article__views-wrap {
        order: 1;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .events-list__title {
        font-size: 30px
    }

    .events-list .news__slider .owl-nav {
        top: 200px
    }

    .events-list .news__slider .owl-next,
    .events-list .news__slider .owl-prev {
        transform: scale(1);
        opacity: 1
    }

    .events-list .news__slider .owl-prev {
        left: -10px
    }

    .events-list .news__slider .owl-next {
        right: -10px
    }

    .events-list__content-bottom .article__author {
        width: unset
    }

    .events-list__content-bottom .article__views-wrap {
        width: unset;
        margin: 0 !important
    }

    .events-list__link {
        padding: 10px;
        min-width: unset
    }
}

@media only screen and (max-width:599.99px) {
    .events-list__link {
        font-size: 12px;
        line-height: 1
    }
}

.podcast-hero {
    padding: 30px 0 20px
}

.podcast-hero__title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    max-width: 615px
}

.podcast-hero__logo {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.podcast-hero__logo img {
    max-height: 120px;
    object-fit: contain
}

.podcast-hero__desc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px
}

.podcast-hero__tags {
    display: none
}

.podcast-wrapper .projectHeading h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    font-family: segoe ui, sans-serif
}

@media only screen and (max-width:767.99px) {
    .podcast-hero__tags {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 15px
    }

    .podcast-audio__tags {
        flex-wrap: wrap
    }

    .podcast-audio__tags li a {
        white-space: nowrap;
        margin-bottom: 8px
    }

    .podcast-hero__title {
        font-size: 32px
    }

    .podcast-hero__logo {
        margin-top: 15px;
        justify-content: flex-start
    }

    .podcast-hero__logo img {
        width: 50px;
        height: 50px
    }

    .podcast-hero__desc {
        margin-top: 15px
    }

    .podcast-wrapper .news__slider .owl-prev {
        left: 0
    }

    .podcast-wrapper .news__slider .owl-next {
        right: 0
    }
}

.podcast-speaker {
    padding: 20px 0
}

.podcast-speaker__photo {
    background-color: #ccc;
    width: 70px;
    height: 70px;
    border-radius: 20px;
    padding: 5px 5px 0;
    overflow: hidden
}

.podcast-speaker__photo img {
    object-fit: cover;
    width: 100%
}

.podcast-speaker__detail {
    display: flex;
    margin-bottom: 20px
}

.podcast-speaker__detail-name {
    padding-left: 15px
}

.podcast-speaker__detail-name h4 {
    margin-bottom: 0
}

.podcast-speaker__detail-name h4 a {
    font-size: 14px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    line-height: 25px;
    color: #222
}

.podcast-speaker__detail-name h4 a:hover {
    color: #fd8f5e
}

.podcast-speaker__detail-name h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #8f8f8f;
    margin-bottom: 0
}

.podcast-speaker__detail-wrapper-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: baseline;
    margin-bottom: 50px
}

.podcast-speaker__detail-wrapper p {
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.podcast-speaker__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px
}

.podcast-speaker__info-item {
    width: 100%;
    max-width: 49%;
    margin-bottom: 20px
}

.podcast-speaker__item-ln {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.podcast-speaker__info-item-ln__item {
    color: #fd8f5e;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    font-size: 16px;
    line-height: 18px
}

.podcast-speaker__info-item-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 20px;
    color: #8f8f8f
}

.podcast-speaker__info-item-value {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    color: #fd8f5e
}

.podcast-speaker__comemnt-wrapper {
    display: flex;
    align-items: flex-end
}

.podcast-speaker__comemnt {
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    padding: 20px
}

.podcast-speaker__comemnt-col {
    margin-top: 30px
}

.podcast-speaker__comemnt p {
    font-size: 16px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    line-height: 24px;
    color: #fd8f5e
}

.podcast-speaker__comemnt i {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #8f8f8f
}

.podcast-speaker__detail-wrapper-row .agent-info__rating {
    padding-top: 0
}

.podcast-speaker__detail-wrapper .agent-info__rating-top {
    display: none
}

.podcast-speaker__info-col {
    width: 100%;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {

    .podcast-speaker__detail-wrapper .agent-info__rating,
    .podcast-speaker__rating-mob {
        display: none
    }

    .podcast-speaker__detail-wrapper .agent-info__rating-top {
        display: flex;
        max-width: 35%
    }

    .podcast-speaker__detail {
        max-width: 65%
    }

    .podcast-speaker__info {
        margin-top: 0
    }

    .podcast-speaker__detail-wrapper-row {
        margin-bottom: 30px
    }
}

.podcast-about {
    padding: 20px 0
}

.podcast-about__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px
}

.podcast-about__wrapper {
    margin-top: 15px;
    justify-content: space-between
}

.podcast-about__detail--agent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 45px
}

.podcast-about__detail--agent .podcast-about__detail-wrapper {
    max-width: 49%;
    width: 100%
}

.podcast-about__detail-wrapper {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 20px 18px 18px;
    justify-content: space-between;
    margin-bottom: 10px
}

.podcast-about__detail {
    display: flex;
    align-content: center;
    margin-bottom: 20px
}

.podcast-about__photo {
    width: 50px;
    height: 50px;
    padding: 5px 0 0;
    border-radius: 12px;
    background-color: #e9e9e9;
    overflow: hidden;
    margin-right: 10px
}

.podcast-about__photo img {
    width: 100%;
    object-fit: contain;
    height: 100%
}

.podcast-about__detail-name h4 {
    margin-bottom: 0
}

.podcast-about__detail-name h4 a {
    font-size: 14px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    color: #222
}

.podcast-about__detail-name h4 a:hover {
    color: #fd8f5e
}

.podcast-about__detail-name h6 {
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 400;
    margin-bottom: 0
}

.podcast-about__list-agent-podcast {
    display: flex;
    align-items: center;
    padding: 30px 0
}

.podcast-about__list-agent-podcast svg {
    width: 10px;
    height: 18px
}

.podcast-about__list-agent-podcast a {
    font-size: 12px;
    line-height: 20px;
    color: #01aee5;
    text-transform: uppercase;
    margin-left: 12px
}

.podcast-about__list-agent-podcast a:hover {
    color: #222
}

.podcast-about__list--agent-podcast {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.podcast-about__list--agent-podcast .podcast-about__list-agent-podcast__item {
    max-width: 49%;
    width: 100%;
    padding-right: 5px
}

.podcast-about__list-agent-podcast__item {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9
}

.podcast-about__list-agent-podcast__item h5 a {
    font-size: 14px;
    line-height: 16px;
    color: #222;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif
}

.podcast-about__list-agent-podcast__item h5 a:hover {
    color: #01aee5
}

.podcast-about__list-agent-podcast__item p {
    margin-bottom: 0;
    color: #8f8f8f;
    font-size: 12px
}

.podcast-about__list-agent-podcast__item a {
    width: 30px;
    height: 30px
}

.podcast-about__list-agent-podcast__item-content {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.podcast-about__list-agent-podcast__item-info {
    display: flex;
    align-items: center
}

.podcast-about__list-agent-podcast__item-img {
    width: 100%;
    max-width: 60px;
    border-radius: 8px;
    overflow: hidden;
    height: 60px
}

.podcast-about__list-agent-podcast__item-info img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.podcast-top {
    padding: 20px 0
}

.podcast-top .showAllPrp {
    border-radius: 8px;
    text-transform: inherit;
    font-size: 16px
}

.podcast-top__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block
}

.podcast-top-right {
    justify-content: flex-end;
    display: flex;
    align-items: center
}

.podcast-top-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-top: 32px;
    padding: 0 10px
}

.podcast-top__item {
    display: flex;
    flex-direction: column
}

.podcast-top__item img {
    width: 100%;
    height: 100%;
    max-height: 190px;
    border-radius: 8px;
    overflow: hidden;
    object-fit: contain;
    margin-bottom: 10px
}

.podcast-top__item-title a {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif
}

.podcast-top__item-title a:hover {
    color: #01aee5
}

.podcast-top__item-description {
    font-size: 12px;
    line-height: 18px;
    color: #8f8f8f
}

.podcast-top-mobile-link {
    display: none
}

@media only screen and (max-width:767.99px) {

    .podcast-about__detail--agent .podcast-about__detail-wrapper,
    .podcast-about__list--agent-podcast .podcast-about__list-agent-podcast__item {
        max-width: 100%
    }

    .podcast-top-wrapper {
        grid-template-columns: repeat(3, 1fr)
    }

    .podcast-top-right {
        display: none
    }

    .podcast-top-mobile-link {
        margin-top: 20px
    }

    .podcast-top-mobile-link,
    .podcast-top-mobile-link .podcast-top-right {
        display: block
    }

    .podcast-top-mobile-link .podcast-top-right .showAllPrp {
        width: 100%
    }
}

.podcast-audio__tags {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin-bottom: 0
}

.podcast-audio__tags li a {
    display: inline-block;
    margin-right: 10px;
    border-radius: 8px;
    border: 1px solid #01aee5;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #01aee5;
    transition: .3s
}

.podcast-audio__tags li a:hover {
    color: #fff;
    background-color: #01aee5
}

.podcast-audio__links {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8f8f8f;
    margin-bottom: 0
}

.podcast-audio__wrapper-links {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.podcast-audio__network {
    display: flex;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 20px
}

.podcast-audio__network li {
    height: 31px;
    margin-right: 10px
}

.podcast-audio__network li a {
    transition: .3s
}

.podcast-audio__network li a:hover {
    transform: scale(1.1)
}

.podcast-icon {
    width: 31px;
    height: 31px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat
}

.podcast-icon__apple {
    background-image: url(../images/Podcasts_iOS.html)
}

.podcast-icon__spotify {
    width: 32px;
    height: 31px;
    background-size: cover;
    background-image: url(../images/icons8-spotify.html)
}

.podcast-icon__google {
    width: 31px;
    height: 31px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-image: url(../images/icons8-google-podcasts.html)
}

.podcast-icon__email {
    background-image: url(../images/Email_podcast.html)
}

.podcast-audio__link {
    display: inline-block;
    height: 31px;
    border-radius: 50%;
    width: 31px;
    overflow: hidden
}

.podcast-audio__player {
    margin-top: 15px;
    padding: 0 10px;
    width: 100%
}

.podcast-audio__episodes {
    width: 100%;
    padding: 0 10px
}

.podcast-audio__episodes-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
}

.podcast-audio__episodes-top-title svg {
    margin-right: 24px
}

.podcast-audio__episodes-top-title {
    display: flex;
    align-items: center
}

.podcast-audio__episodes-top-title p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    color: #8f8f8f;
    margin-bottom: 0
}

.podcast-audio__episodes-top-link {
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #8f8f8f;
    border-radius: 8px;
    border: 1px solid #8f8f8f;
    display: inline-block;
    transition: .3s
}

.podcast-audio__episodes-top-link:hover {
    background-color: #8f8f8f;
    color: #fff
}

.podcast-audio__episodes-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 40px
}

.seekControl span {
    margin-right: 10px;
    color: #01aee5
}

.seekControl {
    font-size: 16px;
    color: #222;
    line-height: 24px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding-left: 0
}

.seekControl[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.article-post__rating.podcast-audio__rate-wrapper {
    width: 100%;
    margin: 20px 0 40px
}

.podcast-audio__rate-wrapper .vote-block.disabled .rating li.current {
    cursor: default
}

.podcast-audio__rate {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 10px
}

.podcast-audio__rate h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    color: #222;
    margin-bottom: 0
}

.podcast-audio__rate-stars {
    display: flex;
    align-items: center
}

.podcast-audio__rate-stars .agent-info__rating {
    padding: 0;
    margin-left: 12px
}

.podcast-audio__rate-stars .item-rating {
    width: 115px;
    height: 28px
}

.podcast-audio__rate-stars .podcast-audio__vote {
    font-size: 12px;
    color: #bbb;
    line-height: 1
}

.podcast-audio__rate-stars .agent-info__rating-value {
    line-height: 28px;
    margin-left: 5px
}

.podcast-audio__vote-wrapper {
    display: flex;
    align-items: flex-start
}

.podcast-audio__rate-share {
    display: flex;
    align-items: center
}

.podcast-audio__rate-share .article-nav__userBtn-button {
    margin-right: 10px
}

.podcast-audio__rate-share-socils {
    display: flex;
    padding: 0 15px
}

.podcast-audio__rate-share-socils a {
    margin: 0 5px;
    padding: 0 5px
}

.podcast-audio__mob-control {
    display: none;
    position: fixed;
    background-color: #f2f2f2;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0 10px 10px;
    -webkit-box-shadow: 0 -13px 18px 7px #f2f2f2;
    -moz-box-shadow: 0 -13px 18px 7px #f2f2f2;
    box-shadow: 0 -13px 18px 7px #f2f2f2
}

.podcast-audio__mob-control:before {
    content: '';
    background: #f2f2f2;
    background: linear-gradient(0deg, #f2f2f2 64%, rgba(242, 242, 242, 0) 90%);
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0
}

.podcast-audio__mob-control-wrapper {
    display: flex;
    justify-content: space-between
}

.podcast-audio__mob-control-info {
    display: flex;
    justify-content: flex-start
}

.podcast-audio__image-wrap {
    max-height: 50px;
    max-width: 50px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px
}

.podcast-audio__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.podcast-audio__mob-control-title {
    display: flex;
    flex-direction: column
}

.podcast-audio__mob-control-title h4 {
    font-size: 16px;
    font-weight: 400;
    font-family: InterSemiBold, sans-serif;
    line-height: 28px;
    margin-bottom: 0
}

.btn-play {
    background-color: transparent;
    border: none;
    padding: 10px
}

.btn-play span {
    display: none
}

.btn-play.pause span.icon-pause,
.btn-play.play span.icon-play {
    display: block
}

@media only screen and (max-width:767.99px) {

    .article-post__container-row-hide,
    .podcast-audio .podcast-audio__tags {
        display: none
    }

    .seekControl {
        text-align: left;
        padding: 0
    }

    .podcast-audio__rate {
        flex-wrap: wrap
    }

    .podcast-audio__rate-share,
    .podcast-audio__rate-stars {
        width: 100%;
        flex: 100%
    }

    .podcast-audio__rate-share {
        margin-top: 20px
    }

    .podcast-audio__mob-control.online,
    .podcast-audio__rate-share .article-post__rating-btns {
        display: block
    }
}

@media only screen and (max-width:640.99px) {
    .podcast-audio__rate h3 {
        font-size: 20px
    }
}

.article__speaker-photo {
    height: 50px;
    width: 50px;
    object-fit: contain;
    border-radius: 8px;
    padding: 5px 5px 0;
    overflow: hidden;
    background-color: #ccc;
    margin-right: 15px
}

.article__speaker-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.article__speaker-photo-wrapper {
    display: flex
}

.article__content-podcast .article__link {
    display: flex;
    align-items: center
}

.article__content-podcast .article__link svg {
    width: 100%;
    height: 100%
}

.article__content-podcast-icon {
    width: 21px;
    height: 38px;
    margin-right: 15px
}

.article__image--podcast:hover .article__image-wrap-podcast-label {
    color: #fd8f5e
}

.article__image-wrap-podcast-label {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 2px 10px;
    border-radius: 8px;
    color: #222
}

.article__image-wrap-podcast-label svg {
    margin-right: 10px
}

@media(max-width:767px) {
    .article__content-podcast-icon {
        width: 27px
    }

    .article__content-podcast .article__author,
    .article__content-podcast .article__link {
        flex-wrap: wrap
    }

    .article__content-podcast .article__speaker-photo-wrapper {
        margin-bottom: 10px
    }

    .article__content-podcast .article__views-wrap {
        margin: 0
    }

    .article__content-podcast .article__content-podcast-icon {
        max-width: 20%
    }

    .article__content-podcast .article__title {
        max-width: 80%
    }

    .article__content-podcast .article__desc {
        width: 100%
    }
}