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

[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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

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

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

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

.fancybox-active {
    height: auto
}

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

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

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

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    right: 0;
    position: absolute;
    left: 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: rtl;
    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;
    right: 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 {
    left: 0;
    top: 0
}

.fancybox-stage {
    direction: rtl;
    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%;
    right: 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: right;
    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;
    right: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top right;
    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: 100% 0;
    border: 0;
    height: 100%;
    right: 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: 100% 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    right: 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;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100%;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

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

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

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    left: 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 {
    right: 0;
    right: env(safe-area-inset-right);
    padding: 31px 6px 31px 26px
}

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

.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;
    right: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    left: 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: 100% 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    right: 50%;
    margin: -25px -25px 0 0;
    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)
}



.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-left: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

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

.fancybox-share__input {
    background: 100% 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;
    left: 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 {
    left: 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: right;
    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: "";
    right: 0;
    opacity: 0;
    position: absolute;
    left: 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
}

.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 {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    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;
    right: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

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

.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;
    right: 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
}

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

    to {
        transform: rotate(-360deg)
    }
}

@keyframes blink {

    from,
    to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.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: rtl
}

#chat-24-desktop #chat-24-inner-container {
    background: 100% 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;
    right: 0;
    left: 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;
    left: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    font-family: Arial;
    color: #43474e;
    padding: 7px;
    margin-left: 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,%3Csvg enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.52 3.449c-2.28-2.204-5.28-3.449-8.475-3.449-9.17 0-14.928 9.935-10.349 17.838l-1.696 6.162 6.335-1.652c2.76 1.491 5.021 1.359 5.716 1.447 10.633 0 15.926-12.864 8.454-20.307z' fill='%23eceff1'%3E%3C/path%3E%3Cpath d='m12.067 21.751-.006-.001h-.016c-3.182 0-5.215-1.507-5.415-1.594l-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-8.793 10.745-13.19 16.963-6.975 6.203 6.15 1.848 16.875-7.026 16.875z' fill='rgb(1, 194, 74)' class='fill_color_hover' style=''%3E%3C/path%3E%3Cpath d='m17.507 14.307-.009.075c-.301-.15-1.767-.867-2.04-.966-.613-.227-.44-.036-1.617 1.312-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z' fill='%23fafafa'%3E%3C/path%3E%3C/svg%3E");
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    right: 0;
    left: 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: 100% 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: left;
    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: 100% 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;
    right: 0;
    left: 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,%3Csvg enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.52 3.449c-2.28-2.204-5.28-3.449-8.475-3.449-9.17 0-14.928 9.935-10.349 17.838l-1.696 6.162 6.335-1.652c2.76 1.491 5.021 1.359 5.716 1.447 10.633 0 15.926-12.864 8.454-20.307z' fill='%23eceff1'%3E%3C/path%3E%3Cpath d='m12.067 21.751-.006-.001h-.016c-3.182 0-5.215-1.507-5.415-1.594l-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-8.793 10.745-13.19 16.963-6.975 6.203 6.15 1.848 16.875-7.026 16.875z' fill='rgb(1, 194, 74)' class='fill_color_hover' style=''%3E%3C/path%3E%3Cpath d='m17.507 14.307-.009.075c-.301-.15-1.767-.867-2.04-.966-.613-.227-.44-.036-1.617 1.312-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z' fill='%23fafafa'%3E%3C/path%3E%3C/svg%3E");
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(40px);
    width: 25px;
    margin: auto;
    right: 0;
    left: 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;
    right: 0;
    left: 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: 56px !important
}
@font-face {
    font-family: GothamPro;
    src: url(../font/Gotham-Medium.otf);
}

@font-face {
    font-family: GothamProBold;
    src: url(../font/ArbFONTS-TheSans-Bold.otf);
}

@font-face {
    font-family: GothamProLight;
    src: url(../font/ArbFONTS-The-Sans-Plain.otf);
}
*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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: #212529;
    text-align: right;
    background-color: #fff;
    overflow-x: hidden;
    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
}

.body-mpp {
    position: relative
}

.body-mpp.pdd {
    padding-top: 87px
}

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

a {
    color: #02b2ee;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #007bff
}

dl,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    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
}

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

input[type=email],
input[type=text],
select,
textarea {
    outline: 0;
    box-shadow: none !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: GothamPro, sans-serif !important;
    font-size: 14px
}

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

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

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

.blue {
    color: #02b2ee !important
}

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

.mr-auto,
.mx-auto {
    margin-left: 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-right: -10px !important;
    margin-left: -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-left: 10px;
    padding-right: 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%
}

.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;
    right: 0;
    top: 200px
}

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

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

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

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

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

.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%;
    right: 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: GothamProBold;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-left: 20px
}

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

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

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

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

.bannerSubHeading {
    font-family: GothamPro;
    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
}

.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: GothamProBold, 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: GothamProBold, sans-serif;
    padding-top: 10px
}

.headBG .promoBtn a {
    font-family: GothamProBold;
    color: #02b2ee;
    text-decoration: none;
    display: inline-block;
    padding: 0 15px 0 25px;
    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-left: 8px
}

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

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

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

.headLink {
    font-family: GothamProBold;
    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: 0% 0;
    color: #fff;
    text-decoration: none
}

.headText {
    position: relative;
    clear: both
}

.headText__wrp {
    width: calc(100% - 50px);
    margin-right: 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;
    right: -50px;
    display: flex;
    align-items: center;
    padding: 40px
}

.headText__title {
    color: #fff;
    font-family: GothamProBold, 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: GothamPro, sans-serif;
    color: #333
}

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

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

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

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

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

.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;
    left: 150px;
    top: 20px;
    display: inline-block
}

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

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

.propertiesRow {
    padding-top: 25px
}

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

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

.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
}

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

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

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

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

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

.btnWrp {
    position: absolute;
    left: 10px;
    top: 80px;
    display: inline-block
}

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

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

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

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

.fPabout .aboutBtm {
    text-align: right
}

.fPabout .aboutBtm p {
    max-width: 850px;
    font-size: 20px;
    color: #646270
}

.aboutBtm {
    display: block;
    padding: 20px 0 0;
    text-align: center
}

.aboutBtm p {
    font-family: GothamProLight;
    font-size: 22px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #333;
    display: block;
    padding-bottom: 20px
}

.abtRow.about {
    padding-top: 20px
}

.abtRow.about .col-md-6 {
    margin-bottom: 0
}

.abtRow-cell {
    width: 100%;
    box-sizing: border-box;
    padding: 34px 44px 20px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    min-height: 205px;
    background-repeat: no-repeat;
    background-position: center left 50px;
    background-size: 100px 100px
}

.abtRow-cell.customer {
    background-image: url(../images/icon-customer.svg)
}

.abtRow-cell.calendar {
    background-image: url(../images/icon-calendar.svg)
}

.abtRow-cell.agents {
    background-image: url(../images/icon-agents.svg)
}

.abtRow-cell.property {
    background-image: url(../images/icon-property.svg)
}

.abtRow .col-md-6:last-child .abtRow-cell,
.abtRow .col-md-6:nth-last-child(2) .abtRow-cell {
    margin-bottom: 0
}

.abtH1 {
    font-family: GothamProBold;
    font-size: 54px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #333
}

.abtH2 {
    font-family: GothamProBold;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #333;
    display: inline-block;
    margin-bottom: 20px
}

.abtDesc {
    font-family: GothamProLight;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #333;
    margin-bottom: 0;
    max-width: 265px
}
.row.advantages {
    justify-content: center;
    padding-bottom: 30px
}

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

.advRow {
    background-image: url(../images/dotbg.png);
    background-repeat: repeat-y;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px
}

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

.advTxt {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px 25px;
    height: 100%
}

.advImg {
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.advImg img {
    width: 80px;
    height: 70px
}

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

.advHead span {
    color: #02b2ee
}

.advDesc {
    font-family: GothamProLight;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: center;
    color: #333
}

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

.agetns_slider-item {
    position: relative
}

.agetns_slider .owl-item {
    float: right
}

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

.agetns_item-photo {
    height: 360px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(../images/bg-agents.jpg);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.agetns_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
}

.agetns_item-contact {
    border: 3px solid #f9f9f9;
    border-top: none;
    padding: 20px 20px 20px 80px;
    position: relative
}

.agetns_item-name {
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 21px;
    line-height: 1.1
}

.agetns_item-lngs {
    color: #333;
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    line-height: 1.1;
    margin-top: 10px
}

.agetns_item-lngs span {
    color: #02b2ee
}

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

.agetns_slider .owl-next,
.agetns_slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background: #fff !important;
    opacity: 1;
    transition: opacity .5s;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
    border: none
}

.agetns_slider .owl-next span,
.agetns_slider .owl-prev span {
    font-size: 30px;
    line-height: 20px;
    vertical-align: top;
    transition: color .5s
}

.agetns_slider .owl-prev {
    right: -20px
}

.agetns_slider .owl-next {
    left: -20px
}

.agetns_slider .owl-next:hover,
.agetns_slider .owl-prev:hover {
    opacity: 1
}

.agetns_slider .owl-next:hover span,
.agetns_slider .owl-prev:hover span {
    color: #02b2ee
}

.agetns_item-whatsapp {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: #01c24a;
    text-decoration: none !important;
    transition: background-color .3s;
    position: absolute;
    top: 17px;
    left: 15px
}

.agetns_item-whatsapp:after {
    content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.52 3.449c-2.28-2.204-5.28-3.449-8.475-3.449-9.17 0-14.928 9.935-10.349 17.838l-1.696 6.162 6.335-1.652c2.76 1.491 5.021 1.359 5.716 1.447 10.633 0 15.926-12.864 8.454-20.307z' fill='%23eceff1'%3E%3C/path%3E%3Cpath d='m12.067 21.751-.006-.001h-.016c-3.182 0-5.215-1.507-5.415-1.594l-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-8.793 10.745-13.19 16.963-6.975 6.203 6.15 1.848 16.875-7.026 16.875z' fill='rgb(1, 194, 74)' class='fill_color_hover' style=''%3E%3C/path%3E%3Cpath d='m17.507 14.307-.009.075c-.301-.15-1.767-.867-2.04-.966-.613-.227-.44-.036-1.617 1.312-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z' fill='%23fafafa'%3E%3C/path%3E%3C/svg%3E");
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    right: 0;
    left: 0
}

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

.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
}

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

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

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

.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;
    right: 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: 100% 0;
    transition: background-position .5s, padding .3s
}

.areas_item-title {
    font-weight: 400;
    font-family: GothamProBold, san-serif;
    color: #fff;
    font-size: 21px;
    margin: 0;
    line-height: 1.1
}

.areas_item-data {
    font-weight: 400;
    font-family: GothamPro, sans-serif;
    color: #fff;
    font-size: 14px;
    opacity: .8
}

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

.areas .btnWrp {
    top: -62px
}

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

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

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

.awardLogo {
    display: block;
    text-align: left;
    padding-left: 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;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: 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
}

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

.valBtnCont.left {
    text-align: right
}

.bannerValBtn {
    font-family: GothamProBold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0 25px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    border: 0;
    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
}

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

.row.rowPost {
    margin: 40px -10px 0
}

.bwiItem {
    margin-bottom: 30px
}

.row.bwi {
    justify-content: center
}

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

.bwi .col-md-6 h3 {
    font-family: GothamProBold, sans-serif;
    font-size: 18px;
    margin-bottom: 0
}

.bwi .col-md-3 h3,
.bwi .col-md-4 h3 {
    font-family: GothamProBold, sans-serif;
    font-size: 20px;
    margin-bottom: 0
}

.BenefitsCont,
.inBox {
    display: block;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 20px;
    min-height: 150px;
    width: 100%
}

.abtRowTCont {
    display: flex;
    align-items: center
}

.abtRowTL {
    width: 70px;
    align-self: flex-start
}

.col-md-3 .abtRowTL {
    width: 55px;
    vertical-align: top
}

.abtRowTL img {
    vertical-align: middle
}

.col-md-3 .abtRowTL img {
    width: 40px !important
}

.abtRowTR {
    width: 77%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.abtRowTR b {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}

.abtRowTR p {
    font-family: GothamProBold;
    font-size: 24px;
    line-height: 30px;
    color: #333;
    vertical-align: middle;
    margin-bottom: 0;
    transition: color .5s;
    display: inline-block;
    position: relative
}

.abtRow a:hover .abtRowTR p {
    color: #02b2ee
}

.col-md-3 .abtRowTR p {
    font-size: 18px;
    line-height: 1.2
}

.BenefitsCont .abtRowTR p,
.inBox .abtRowTR p {
    font-family: GothamPro;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 0;
    padding-top: 10px;
    display: block
}

.BenefitsCont .abtRowTL,
.BenefitsCont .abtRowTL img,
.inBox .abtRowTL,
.inBox .abtRowTL img {
    vertical-align: top
}

.BenefitsBlock .row,
.inBox .row {
    justify-content: center;
    padding-bottom: 30px
}

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

.abtRowBCont {
    font-family: GothamPro;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    display: block;
    margin-top: 35px;
    padding-left: 25px
}

.col-md-3 .abtRowBCont {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.3
}
.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-right: 20px;
    margin-bottom: 3px
}

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

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

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

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

.developers_slider-item a {
    display: contents
}

.developers_slider-item img {
    max-width: 60%;
    width: 100%;
    height: auto;
    max-height: 100px;
    min-height: 40px;
    object-fit: contain
}

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

.developers_slider .owl-nav {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
    height: 40px;
    transform: translateY(-50%);
    pointer-events: none
}

.developers_slider .owl-next,
.developers_slider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
    border-radius: 20px;
    background: #fff !important;
    transition: opacity .5s;
    border: none;
    pointer-events: initial
}

.developers_slider .owl-next span,
.developers_slider .owl-prev span {
    font-size: 40px;
    line-height: 17px;
    vertical-align: top;
    transition: color .5s
}

.developers_slider .owl-prev {
    right: -15px
}

.developers_slider .owl-next {
    left: -15px
}

.developers_slider .owl-next:hover,
.developers_slider .owl-prev:hover {
    opacity: 1
}

.developers_slider .owl-next:hover span,
.developers_slider .owl-prev:hover span {
    color: #02b2ee
}

.textBlock {
    color: #333;
    margin-right: auto;
    margin-left: auto;
    font-family: GothamProLight;
    font-size: 18px
}

.textBlock.pd15 {
    padding: 0 10px
}

.textBlock.pd30 {
    padding-top: 30px
}

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

.textBlock.bigText {
    font-family: GothamProLight, sans-serif;
    font-size: 20px;
    text-align: center;
    color: #646270;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
}

.textBlock h2 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    color: #333;
    margin-bottom: 20px
}

.textBlock h3 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    margin-bottom: 20px
}

.textBlock h4 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px
}

.textBlock b,
.textBlock strong {
    font-family: GothamProBold;
    font-weight: 400
}

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

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

.textBlock ul li:before {
    display: block;
    width: 16px;
    height: 2px;
    background: #02b2ee;
    content: "";
    right: 0;
    top: 10px;
    position: absolute
}
.abtRow.expert {
    padding-right: 15px;
    padding-left: 15px;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 100px !important
}

.expert_img {
    width: 400px;
    height: 400px;
    background: #f9f9f9;
    overflow: hidden;
    border-radius: 200px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 400px;
    margin-left: 80px
}

.expert_img img {
    max-width: 95%;
    max-height: 95%
}

.expert_caprion {
    font-family: GothamProLight, sans-serif;
    color: #999;
    font-size: 18px;
    font-style: italic
}

.expert_desc {
    padding: 10px 0 40px;
    color: #333;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

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

.expert_contacts a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-family: GothamProBold, sans-serif;
    transition: .5s;
    padding-right: 34px;
    background-size: 24px auto;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 24px;
    word-break: normal
}

.expert_contacts a:hover {
    color: #333
}

.expert_contacts-phone {
    margin-left: 100px;
    background-image: url(../images/icon-call.svg)
}

.expert_contacts-email {
    background-image: url(../images/icon-mail.svg)
}

.full-width_block {
    background-size: auto 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    padding: 50px 0;
    margin-top: 70px;
    min-height: 450px;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center left calc(50vw + 223px);
    background-color: #f9f9f9
}

.full-width_block .container {
    position: relative;
    z-index: 2;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.fWbContent {
    color: #333;
    text-align: right
}

.fWbContent .vpatLR {
    position: absolute;
    left: 0;
    top: -107px
}

.fWbContent .valBtnCont {
    text-align: right
}

.fwHead.projectHeading {
    margin-bottom: 20px
}

.fwDesc {
    font-family: GothamProLight;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px
}

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

.fwDesc ul li {
    margin-bottom: 15px;
    padding: 0 40px 0 0;
    background-image: url(../images/check-in.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: top 3px right
}

.featureProjects.sliderFW {
    padding-top: 30px
}

.gallerySlider {
    margin-top: 30px
}

.gallerySlider,
.gallerySlider .owl-item,
.gallerySlider .owl-item>div,
.gallerySlider .owl-stage,
.gallerySlider .owl-stage-outer {
    position: relative;
    height: 100%
}

.gallerySlider .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallerySlider .owl-item img.lazyload {
    width: 1px;
    height: 1px
}

.gallerySlider .owl-dots {
    position: absolute;
    bottom: 20px;
    right: 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: -30px;
    width: 100%
}

.gallerySlider .owl-next,
.gallerySlider .owl-prev {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #fff !important;
    opacity: .5;
    transition: opacity .5s
}

.gallerySlider .owl-next span,
.gallerySlider .owl-prev span {
    font-size: 40px;
    line-height: 17px;
    vertical-align: top;
    transition: color .5s
}

.gallerySlider .owl-prev {
    right: 30px
}

.gallerySlider .owl-next {
    left: 30px
}

.gallerySlider .owl-next:hover,
.gallerySlider .owl-prev:hover {
    opacity: 1
}

.gallerySlider .owl-next:hover span,
.gallerySlider .owl-prev:hover span {
    color: #02b2ee
}

.gallerySlider.grid .owl-item img {
    height: 360px
}

.gallerySlider.full .owl-item img {
    max-height: 80vh
}

.getRequest {
    width: 100%;
    position: relative;
    height: 310px;
    display: flex;
    margin-top: 60px
}
.getRequest-item {
    flex: 0 0 50%;
    background-color: #eee;
    height: 100%;
    padding: 60px 80px 0 0;
    line-height: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.getRequest-title {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.getRequest-subtitle {
    font-size: 21px;
    font-family: GothamPro, sans-serif;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    line-height: 1.1;
    margin-top: 5px;
    color: #fff;
    letter-spacing: -1px
}

.getRequest-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    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;
    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;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    margin-top: 30px
}

.getRequest-btn:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}
.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: GothamProBold, 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;
    font-family: GothamProLight, sans-serif;
    font-size: 21px;
    text-align: center
}
.news.mass-media {
    max-width: 100%;
    padding-top: 42px;
    margin-top: -42px
}

.news.mass-media .container {
    position: relative
}

.news.mass-media .owl-carousel .owl-item img.logo {
    width: auto;
    height: auto
}

.news.mass-media .btnWrp {
    top: -42px
}

.postPublished__btn a {
    color: #02b2ee;
    border: 2px solid #02b2ee;
    margin-right: 6px;
    background-size: 16px auto;
    background-position: left 15px center;
    background-image: url(../icons/arrow-readmore-hover.svg);
    font-family: GothamProBold, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    padding: 0 15px 0 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background .3s ease-in-out;
    background-repeat: no-repeat;
    word-break: normal;
    vertical-align: top
}

.postPublished__btn a:hover {
    color: #02b2ee
}

.category-mass-media .developers_slider-item img {
    max-height: 60px
}

.news {
    max-width: 100%;
    overflow: hidden
}

.newsCaroseul .owl-nav {
    position: absolute;
    top: 38%;
    right: 50%;
    z-index: 10;
    margin-top: -30px;
    transform: translateX(50%);
    width: 100vw
}

.newsCaroseul .owl-next,
.newsCaroseul .owl-prev {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #fff !important;
    opacity: .5;
    transition: opacity .5s
}

.newsCaroseul .owl-next span,
.newsCaroseul .owl-prev span {
    font-size: 40px;
    line-height: 17px;
    vertical-align: top;
    transition: color .5s
}

.newsCaroseul .owl-prev {
    right: 30px
}

.newsCaroseul .owl-next {
    left: 30px
}

.newsCaroseul .owl-next:hover,
.newsCaroseul .owl-prev:hover {
    opacity: 1
}

.newsCaroseul .owl-next:hover span,
.newsCaroseul .owl-prev:hover span {
    color: #02b2ee
}

.newsCaroseul .owl-stage {
    padding-top: 25px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.newsCaroseul .owl-stage-outer {
    overflow: initial !important
}

.blogPost {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
    height: 100%
}

.newsTemlate {
    will-change: transform, filter, opacity
}

.blogPost.newsTemlate {
    transition: box-shadow .3s, transform .3s
}

.blogPost.newsTemlate:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px 0 rgba(99, 99, 99, .15)
}

.blogPost img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blogPost .blogPostL {
    text-decoration: none !important;
    display: block
}

.postImg,
.postVideo {
    position: relative;
    height: 318px
}

.postImg:after {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    right: 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
}

.blogPost:hover .postImg:after {
    opacity: .7
}

.postVideo iframe {
    width: 100%;
    height: 321px;
    border: none
}

.blogPostH {
    font-family: GothamProBold;
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 0;
    transition: color .3s
}

.blogPost a>.blogPostH:hover {
    color: #02b2ee
}

.blogPostP {
    font-family: GothamProLight;
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.3;
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px 25px 65px;
    transform: translateY(-100%);
    width: 100%;
    opacity: 0;
    margin-top: 40px;
    transition: margin .3s, opacity .4s;
    z-index: 10
}

.blogPost:hover .blogPostP {
    opacity: 1;
    margin-top: 0
}

.postContent {
    padding: 25px;
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.postContent .postPublished__author-photo {
    width: 40px;
    height: 40px;
    margin-left: 10px
}

.postContent .postPublished__author-name {
    font-size: 13px
}

.postContent .postPublished__author-date {
    font-size: 11px
}

.postContent .postPublished__views .postviews {
    margin: 0
}

.postPublished {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    height: 55px
}

.abtRow.offplan {
    padding-top: 30px !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-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-right: none;
    padding: 20px 40px 40px;
    position: relative;
    max-height: 250px
}

.offplan-readmore {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #02b2ee;
    position: absolute;
    bottom: -27px;
    left: 30px;
    transition: background-color .5s
}

.offplan-readmore:hover {
    background-color: #008ce4
}

.offplan-readmore:after {
    width: 18px;
    height: 18px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    position: absolute;
    top: 16px;
    left: 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-top: 20px
}

.offplan-flex {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 3;
    right: 0;
    top: 0;
    align-items: center;
    padding: 20px;
    box-sizing: border-box
}

.offplan-flex:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 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: GothamPro;
    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-size: 20px !important;
    font-family: GothamProBold, sans-serif;
    padding: 0 !important;
    line-height: 1;
    font-weight: 400;
    color: #333;
    transition: color .3s
}

.offplan-link:hover .ofpH2 {
    color: #02b2ee
}

.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: GothamProLight, sans-serif;
    margin-top: 10px;
    font-size: 14px !important;
    line-height: 1.5;
    color: #95a5a6 !important;
    padding-right: 20px;
    background-image: url(../images/location.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: right top
}

.ofploc a {
    color: #02b2ee
}

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

.ofdesc {
    margin-top: 20px
}

.ofdesc p {
    margin: 0;
    font-family: GothamProLight, 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;
    right: 15px;
    top: 15px;
    z-index: 10;
    pointer-events: none
}

.offplan-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
}

.offplan-stickers-item.skr_green {
    background: #09b500
}

.offplan-stickers-item.skr_red {
    background: #ee0202
}

.offplan-stickers-item.skr_blue {
    background: #02b2ee
}

.offplan-types {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

.offplan-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-right: 5px;
    margin-bottom: 5px;
    transition: .3s
}

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

.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-right: 0 !important
}

.pmTbl .td-header:nth-child(4) {
    border-left: 0 !important
}

.pmTbl .td-left {
    border-right: 0 !important
}

.pmTbl .td-right {
    border-left: 0 !important
}

.pmTbl .td-last {
    border-bottom: 0 !important
}

.pmTbl .plusIcon {
    width: 25px
}

.pmTbl .bb-0 td {
    border-bottom: 0 !important
}
.textBlock .question {
    font-family: GothamProBold, sans-serif;
    font-size: 22px
}

.textBlock .answer {
    margin-bottom: 0
}
.sellProperty {
    display: flex;
    position: relative;
    height: 420px
}

.sellProperty:after {
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/pattern.svg);
    content: "";
    position: absolute;
    top: 37px;
    left: -90px;
    z-index: -1
}

.sellProperty-title {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    margin-top: 50px;
    position: relative
}

.sellProperty-title:after {
    height: 2px;
    width: 80px;
    background: #02b2ee;
    display: inline-block;
    content: "";
    margin: 0 20px 10px -80px
}

.sellProperty-subtitle {
    font-size: 21px;
    font-family: GothamPro, sans-serif;
    line-height: 1.3;
    margin-top: 20px;
    color: #333;
    letter-spacing: -1px
}

.sellProperty-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 50px;
    padding: 0 30px;
    height: 46px;
    line-height: 49px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none
}

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

.sellProperty-col:first-child {
    flex: 0 0 27%;
    max-width: 27%;
    padding-left: 30px
}

.sellProperty-col.photo {
    flex: 0 0 25%;
    max-width: 25%;
    background-image: url(../images/bg-sellProperty.jpg);
    background-size: cover;
    background-position: center;
    justify-content: center;
    display: flex;
    align-items: flex-end
}

.sellProperty-col.photo img {
    vertical-align: bottom;
    height: 90%
}

.sellProperty-col.text {
    align-self: flex-end;
    flex-grow: 1;
    padding: 50px;
    font-family: GothamProLight, sans-serif;
    font-size: 18px;
    color: #666;
    position: relative;
    z-index: 3;
    background: #fff
}

.sellProperty-col.text:after,
.sellProperty-col.text:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    background: #eee
}

.sellProperty-col.text:after {
    width: 100px;
    height: 1px
}

.sellProperty-col.text:before {
    width: 1px;
    height: 40px
}

.sellProperty-review {
    margin-top: 20px
}

.sellProperty-review img {
    vertical-align: top
}

.sellProperty-review .google {
    margin-right: 15px;
    display: inline-block
}

.servicePackages {
    padding: 30px;
    background: #f9f9f9;
    position: relative;
    overflow: hidden
}

.servicePackages-head {
    font-weight: 400;
    font-family: GothamProBold, sans-serif;
    text-transform: uppercase;
    color: #02b2ee;
    font-size: 24px;
    margin-bottom: 20px;
    padding: 0
}

.servicePackages ul {
    padding: 0 15px 0 0;
    list-style: none;
    color: #02b2ee
}

.servicePackages ul li {
    color: #333;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.servicePackages ul li:after {
    width: 4px;
    height: 4px;
    background: #02b2ee;
    transform: rotate(45deg);
    right: -14px;
    content: "";
    display: block;
    position: absolute;
    top: 8px
}

.servicePackages.silver {
    border-bottom: 10px solid #dcdcdc
}

.servicePackages.gold {
    border-bottom: 10px solid #eae49e
}

.servicePackages.diamond {
    border-bottom: 10px solid #77bfd6
}

.servicePackages:after {
    color: #fff;
    font-size: 300px;
    text-transform: uppercase;
    display: block;
    width: 240px;
    height: 240px;
    line-height: 240px;
    text-align: left;
    position: absolute;
    z-index: 1;
    left: -20px;
    top: 0;
    font-family: GothamProBold, sans-serif
}

.servicePackages.silver:after {
    content: "S"
}

.servicePackages.gold:after {
    content: "G"
}

.servicePackages.diamond:after {
    content: "D"
}

.servicePackages>* {
    position: relative;
    z-index: 2
}

.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: GothamProBold, sans-serif;
    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
}

.servicesLinks__item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #484545;
    opacity: 0;
    z-index: -1;
    transition: opacity .3s ease-in-out
}

.servicesLinks__item.hidden:after {
    background: 100% 0;
    opacity: 1
}

.servicesLinks__link {
    display: flex;
    align-items: center;
    padding: 20px;
    height: 100%;
    width: 100%;
    border: 1px solid #eee;
    color: #212529;
    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
}

.servicesWrp {
    display: block;
    height: auto;
    padding: 50px 0;
    overflow: hidden
}

.servicesWrp .container {
    padding: 0 10px
}

.servicesBlock,
.servicesItem {
    position: relative
}

.servicesItem:last-child {
    margin-bottom: 0
}

.servicesItem:before {
    background-image: url(../images/steep.svg);
    background-position: left bottom -5px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute
}

.servicesItem:nth-child(4n+2):before {
    transform: scale(1, -1)
}

.servicesItem:nth-child(4n+3):before {
    transform: scale(-1, 1)
}

.servicesItem:nth-child(4n+4):before {
    transform: scale(-1, -1)
}

.servicesItem .container {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    transition: opacity .3s;
    align-items: center;
    width: 100%;
    min-height: 600px;
    position: relative;
    z-index: 10
}

.servicesCln {
    position: relative
}

.servicesCln.content {
    flex: 0 0 60%
}

.servicesCln.img {
    flex: 0 0 38%
}

.servicesItem:nth-child(2n+2) .servicesCln.content {
    order: 1
}

.servicesImg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100vw - 70px);
    max-width: 680px;
    transform: translateY(-50%)
}

.servicesItem:nth-child(2n+2) .servicesImg {
    left: 0;
    right: auto
}

.servicesText {
    padding-bottom: 40px;
    padding-top: 10px;
    font-size: 16px;
    font-family: GothamProLight, sans-serif
}

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

.servicesNav {
    position: absolute;
    width: 50px;
    right: -100px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.servicesNav-btn {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 5;
    display: block
}

.servicesNav-btn:after {
    width: 19px;
    height: 19px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    position: absolute;
    transform-origin: 50% 50%;
    content: "";
    top: 50%;
    right: 50%;
    margin: -9px -9px 0 0;
    transition: border-color .5s
}

.servicesNav-btn.prev:after {
    transform: rotate(-45deg)
}

.servicesNav-btn.next:after {
    transform: rotate(135deg)
}

.servicesNav-btn:hover:after {
    border-color: #02b2ee
}

.propertyItem-link.title:hover {
    text-decoration: none;
    color: #02b2ee
}

.propertyImg {
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden
}

.propertyImg img {
    width: 100% !important;
    height: 100%;
    max-height: 100%;
    position: absolute;
    z-index: 1;
    transition: transform .65s;
    transform-origin: 100% 50%;
    object-fit: cover
}

.propertyStickers {
    pointer-events: none;
    position: absolute;
    bottom: auto;
    top: 20px;
    right: 20px;
    z-index: 99
}

.propertySticker {
    font-family: GothamProBold, sans-serif;
    text-transform: uppercase !important;
    font-size: 11px;
    display: inline-block !important;
    z-index: 2;
    color: #fff;
    padding: 7px 10px 5px !important;
    border-radius: 3px !important;
    line-height: 12px !important
}

.propertySticker.rent {
    background: #2ecc3d
}

.propertySticker.type {
    background: #fff;
    color: #333
}

.propertySticker.Sold,
.propertySticker.buy {
    background-color: #ee0204
}

.propertyHead-price {
    background-color: #02b2ee;
    border: none;
    margin: 0;
    position: absolute;
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    line-height: 1;
    padding: 7px 10px 4px;
    right: 20px;
    bottom: 20px;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    z-index: 99;
    pointer-events: none
}

.propertyHead {
    padding-top: 20px
}

.propertyHead__author {
    display: flex;
    align-items: center;
    margin: 0;
    background-color: #f9f9f9;
    border-radius: 30px;
    position: relative
}

.propertyHead__author-photo {
    float: right;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-left: 10px;
    overflow: hidden;
    background: #b4c7d3;
    text-align: center
}

.propertyHead__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.propertyHead__author-photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.propertyHead__author-photo img.user {
    width: auto;
    height: 140%;
    margin: 5px auto 0;
    object-fit: contain
}

.propertyHead__author-name {
    margin-bottom: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    white-space: nowrap;
    color: #333
}

.propertyHead__author-listed {
    font-family: GothamPro, sans-serif;
    font-size: 11px;
    color: #adadad;
    margin-bottom: 0
}

.propertyHead__author .agetns_item-whatsapp {
    width: 44px;
    height: 44px;
    border-radius: 30px;
    top: 8px;
    left: 8px
}

.propertyHead__author .agetns_item-whatsapp:after {
    height: 24px;
    width: 24px
}

.propertyHead-name {
    font-family: GothamProBold, sans-serif;
    font-size: 20px;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 400;
    transition: color .5s
}

.propertyItem-link:hover .propertyHead-name {
    color: #02b2ee
}

.propertyHead-locate {
    font-family: GothamProLight, sans-serif;
    font-size: 14px;
    color: #858585
}

.propertyHead-icons {
    list-style: none;
    color: #333;
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    padding: 20px 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.propertyHead-icons_item {
    padding-right: 25px;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 2px;
    word-break: normal
}

.propertyHead-icons_item:last-child {
    margin: 0 !important
}

.propertyHead-icons_item.beds {
    background-image: url(../images/mattress.svg)
}

.propertyHead-icons_item.baths {
    background-image: url(../images/bathroom.svg)
}

.propertyHead-icons_item.type {
    background-image: url(../images/real-estate.svg)
}

.propertyHead-icons_item.area {
    background-image: url(../images/ruler.svg);
    background-size: auto 16px
}

.propertyHead-icons_item.area .area-m:after {
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    vertical-align: top;
    content: "2";
    margin-top: 3px;
    font-family: GothamPro, sans-serif
}

.propertySlider {
    margin-top: 30px
}

.propertySlider .owl-nav {
    position: absolute;
    top: 100px;
    z-index: 10;
    margin-top: 0;
    width: 100%
}

.propertySlider .owl-next,
.propertySlider .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background: #fff !important;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
    opacity: 1;
    transition: opacity .5s
}

.propertySlider .owl-next span,
.propertySlider .owl-prev span {
    font-size: 30px;
    line-height: 20px;
    vertical-align: top;
    transition: color .5s
}

.propertySlider .owl-prev {
    right: -20px
}

.propertySlider .owl-next {
    left: -20px
}

.propertySlider .owl-next:hover span,
.propertySlider .owl-prev:hover span {
    color: #02b2ee
}

.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: calc((265px / 2) - (40px / 2));
    margin-top: 0
}

.projectsSlider .owl-next,
.projectsSlider .owl-prev {
    position: absolute;
    top: 0;
    border-radius: 30px;
    background: #fff !important;
    transition: opacity .5s;
    width: 40px;
    height: 40px;
    opacity: 1;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1)
}

.projectsSlider .owl-prev {
    right: -20px
}

.projectsSlider .owl-next {
    left: -20px
}

.projectsSlider .owl-next span,
.projectsSlider .owl-prev span {
    font-size: 30px;
    line-height: 20px;
    vertical-align: top;
    transition: color .5s
}

.projectsSlider .owl-next:hover span,
.projectsSlider .owl-prev:hover span {
    color: #02b2ee
}

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

.verticalSep::before {
    content: '';
    position: absolute;
    width: 1.5px;
    background-color: #eee;
    margin-right: auto;
    margin-left: auto;
    top: 10px;
    right: 0;
    left: 0;
    height: calc(100% - 60px)
}

.verticalSepRCont {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    padding-bottom: 50px
}

.verticalSepRCont:first-child .stepVR.stepVR2 {
    right: -175px
}

.verticalSepLCont:last-child .stepVL {
    left: -181px
}

.verticalSepLCont {
    display: block;
    width: 100%;
    position: relative;
    text-align: right;
    padding-bottom: 50px
}

.verticalSepR {
    width: 45%;
    display: inline-block;
    text-align: right;
    position: relative
}

.verticalSepL {
    width: 45%;
    display: inline-block;
    position: relative
}

.stepVR {
    font-family: GothamProBold;
    font-size: 24px;
    line-height: 24px;
    color: #333;
    position: absolute;
    right: -174px
}

.stepVR img {
    margin-right: 20px;
    margin-top: -5px
}

.stepVL {
    font-family: GothamProBold;
    font-size: 24px;
    line-height: 24px;
    color: #333;
    position: absolute;
    left: -179px
}

.stepVL img {
    margin-left: 20px;
    margin-top: -5px
}

.stepVR2 {
    right: -179px
}

.stepVL2 {
    left: -180.5px
}

.stepVR3,
.stepVR4 {
    display: none
}

.verticalSepP1 {
    font-family: GothamProBold;
    font-size: 24px;
    line-height: 30px;
    color: #333
}

.verticalSepP2 {
    font-family: GothamProLight;
    font-size: 18px;
    line-height: 27px;
    color: #333
}

.verticalStep {
    margin-top: 30px;
    width: 100%;
    display: block;
    position: relative;
    padding-right: 130px
}

.verticalStep:before {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #eee;
    margin-right: auto;
    margin-left: auto;
    top: 12px;
    right: 89px;
    height: calc(100% - 24px)
}

.stepItem {
    position: relative;
    margin-bottom: 30px
}

.stepItem:last-child {
    margin-bottom: 0
}

.stepNum {
    right: -135px;
    width: 105px;
    top: 2px;
    font-size: 18px;
    font-family: GothamProBold, sans-serif;
    position: absolute;
    line-height: 21px
}

.stepNum:after {
    width: 21px;
    height: 21px;
    border-radius: 31px;
    border: 1px solid #02b2ee;
    background: #fff;
    float: left;
    display: inline-block;
    content: "";
    vertical-align: middle;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1)
}

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

.projectHeading h1,
.projectHeading h2 {
    font-family: GothamProBold;
    font-size: 36px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px
}

.projectHeading h3 {
    display: inline-block;
    padding-right: 0;
    padding-left: 20px;
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    max-width: 800px
}

.projectHeading:not(.left) h3 {
    padding-right: 20px
}

.projectHeading.left {
    text-align: right
}

.projectHeading.left h1 {
    text-align: right;
    padding-right: 0
}

.projectHeading.left h2 {
    display: inline;
    text-align: right;
    padding-right: 0
}

.middleSlash {
    width: 81px;
    height: 2px;
    background-color: #02b2ee;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px
}

.projectHeading h3 .middleSlash {
    margin: 0 20px 0 0
}

.triggerRequest {
    border: 8px solid #f9f9f9;
    padding: 40px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.triggerRequest-left {
    flex-grow: 1
}

.triggerRequest-title {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    color: #333;
    line-height: 1
}

.triggerRequest-subtitle {
    font-size: 18px;
    font-family: GothamPro, sans-serif;
    line-height: 1.1;
    margin-top: 10px;
    color: #333;
    letter-spacing: -1px
}

.triggerRequest-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 30px;
    height: 46px;
    line-height: 49px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none
}

.triggerRequest-btn.whatsapp {
    background: linear-gradient(-90deg, #25d366 0, #25d366 50%, #128c7e 50%, #128c7e 100%);
    background-size: 200% 100%;
    margin-left: 5px
}

.triggerRequest-btn.whatsapp:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
    content: "";
    background-image: url(../images/whatsapp-mob.svg);
    width: 18px;
    height: 18px
}

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

.two-col-text {
    display: grid;
    font-size: 16px;
    padding: 30px 0 50px;
    font-family: GothamProLight, sans-serif;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    color: #333
}

.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 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #333;
    margin-bottom: 20px
}

.two-col-text h3 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    margin-bottom: 20px
}

.two-col-text h4 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px
}

.two-col-text ul:not(.x-unit-facilities-listing) {
    padding: 0;
    list-style: none;
    margin-top: 15px
}

.two-col-text ul:not(.x-unit-facilities-listing) li {
    margin-bottom: 10px;
    padding-right: 30px;
    position: relative
}

.two-col-text ul:not(.x-unit-facilities-listing) li:before {
    display: block;
    width: 16px;
    height: 2px;
    background: #02b2ee;
    content: "";
    right: 0;
    top: 10px;
    position: absolute
}

.two-col-grid {
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    height: 450px
}

.two-col-grid-image {
    position: absolute;
    object-fit: cover
}

.count-3 img.one-1 {
    width: 70%;
    height: 45%;
    top: 0;
    right: 15%
}

.count-3 img.one-2 {
    width: 60%;
    height: calc(55% - 5px);
    bottom: 0;
    left: 0
}

.count-3 img.one-3 {
    width: calc(40% - 5px);
    height: 30%;
    top: calc(45% + 5px);
    right: 0
}

.count-3 img.two-1 {
    top: 0;
    right: 0;
    width: 30%;
    height: 90%
}

.count-3 img.two-2 {
    top: 15%;
    right: calc(30% + 5px);
    width: calc(70% - 5px);
    height: 50%
}

.count-3 img.two-3 {
    right: calc(30% + 5px);
    width: 40%;
    height: calc(35% - 5px);
    bottom: 0
}

.count-3 img.three-1 {
    left: 0;
    top: 0;
    height: calc(75% - 5px);
    width: 45%
}

.count-3 img.three-2 {
    right: 0;
    top: 25%;
    height: calc(50% - 5px);
    width: calc(55% - 5px)
}

.count-3 img.three-3 {
    left: 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
}

.two-col-tv .col-md-6 {
    margin-bottom: 0 !important
}

.catalogInfo .col-md-6 {
    justify-content: center;
    flex-direction: column;
    margin-bottom: 0 !important
}

.catalogInfo-img {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center
}

.catalogInfo-img:after {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 343px;
    height: 216px;
    background: url(../images/pmfdot.png);
    left: -80px;
    top: -30px
}

.catalogInfo-img:before {
    background: url(../images/vpat.svg);
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 73px;
    height: 93px;
    right: 0;
    bottom: -20px;
    transform: rotate(-90deg)
}

.catalogInfo-img img {
    width: 100%;
    position: relative;
    z-index: 10;
    min-width: 680px
}

.catalogInfo .first {
    flex: 0 0 57%;
    max-width: 57%
}

.catalogInfo .last {
    flex: 0 0 40%;
    max-width: 40%
}

.catalogInfo-content {
    padding-top: 20px;
    font-family: GothamProLight, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333
}

.catalogInfo-content strong {
    font-family: GothamProBold, sans-serif;
    font-weight: 400
}

.catalogInfo-content p:last-child {
    margin-bottom: 0
}

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

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

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

.row.vacancies {
    padding-top: 30px
}

.vacancies .col-md-4 {
    margin-bottom: 20px
}

.fPvacancies+div {
    padding-top: 0 !important
}

.linkVacancy {
    border: 1px solid #eee;
    padding: 30px 40px;
    height: 100%;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    transition: transform .4s, box-shadow .4s;
    cursor: pointer
}

html.desktop .linkVacancy:hover {
    transform: translateY(-7px);
    box-shadow: 0 7px 17px rgba(0, 0, 0, .075)
}

.titleVacancy {
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 21px
}

.locateOffice {
    margin-left: 0;
    background-image: url(../images/location.svg);
    padding-right: 30px;
    background-position: right top;
    background-size: auto 24px;
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    color: #02b2ee;
    font-family: GothamProLight, sans-serif;
    font-size: 14px;
    flex-grow: 1
}

.postedDate {
    margin-bottom: 0;
    display: inline-block;
    clear: both;
    font-size: 12px;
    color: #adadad;
    padding-top: 5px;
    margin-top: 20px;
    position: relative;
    font-family: GothamPro, sans-serif
}

.postedDate:after {
    border-top: 1px solid #eee;
    position: absolute;
    width: 60px;
    content: "";
    top: 0;
    right: 0
}

.vSection {
    margin: 30px auto;
    max-width: 860px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.videoWrapper:after {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 343px;
    height: 216px;
    background-image: url(../images/pmfdot.png);
    right: -152px;
    bottom: -68px
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.YtImg {
    position: relative;
    display: block;
    height: 100%
}

.vSection .YtImg {
    position: absolute;
    display: block;
    min-height: 100%;
    right: 0;
    top: 0;
    background: #eee;
    width: 100%;
    z-index: 2
}

.youtubePlay .play {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate3d(50%, -50%, 0)
}

.youtubePlay .icon {
    opacity: .5;
    transition: .3s
}

.youtubePlay:hover .icon {
    opacity: 1;
    fill: #ff0200
}

.youtubePlay path {
    transition: .5s
}

.youtubePlay:hover .circle {
    fill: #02b2ee !important
}

.youtubePlay:hover .btn {
    fill: #fff !important
}

.youtubePlay img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.learnMore {
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 50px
}

.learnMore-item {
    flex: 0 0 100%;
    background-color: #eee;
    height: 100%;
    padding: 50px;
    line-height: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.learnMore-title {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.learnMore-subtitle {
    font-size: 21px;
    font-family: GothamPro, sans-serif;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    line-height: 1.1;
    margin-top: 5px;
    color: #fff;
    letter-spacing: -1px
}

.learnMore-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    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;
    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;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    margin-top: 30px
}

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

.offplan-exper {
    height: 420px;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom -200px;
    background-image: url(../images/agents-bg.jpg);
    position: relative;
    margin-top: 150px
}

.offplan-exper-wrp {
    display: flex;
    height: 420px;
    justify-content: space-between
}

.offplan-exper_agent {
    position: relative;
    flex: 0 0 30%
}

.offplan-exper_agent img {
    width: auto;
    height: 120%;
    position: absolute;
    bottom: 0;
    left: 0
}

.offplan-exper_request {
    flex: 0 0 30%;
    position: relative
}

.offplan-exper_form-title {
    height: 80px;
    padding: 20px;
    margin-top: -80px;
    background: #02b2ee;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 1
}

.offplan-exper_form {
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .3);
    padding: 40px
}

.offplan-exper_form .form-control {
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: #333 !important;
    border: none;
    border-radius: 0;
    padding: 7px 18px;
    font-size: 16px;
    cursor: initial;
    outline: 0 !important;
    height: 40px;
    font-family: GothamProLight, sans-serif
}

.offplan-exper_form .form-group {
    position: relative
}

.offplan-exper_form .form-group label {
    font-family: GothamProLight, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    right: 14px;
    top: 11px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    padding: 3px 4px 1px
}

.offplan-exper_form .form-group label.filled {
    color: #fff;
    background: #02b2ee
}

.offplan-exper_form div.checkbox .label,
.offplan-exper_form div.checkbox label {
    font-size: 13px
}

.offplan-exper_form .checkbox .wpcf7-list-item {
    margin: 0
}

.offplan-exper_form form .wpcf7-response-output {
    margin: 15px 0 0;
    padding: 5px;
    font-size: 13px;
    color: #333;
    font-family: GothamPro, sans-serif
}

.offplan-exper_form button {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: block;
    letter-spacing: normal;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    height: 56px;
    line-height: 58px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none
}

.offplan-exper_form button:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.offplan-exper_contact {
    flex: 0 0 40%;
    padding-right: 10%;
    padding-top: 80px
}

.offplan-exper_contact-name {
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
    position: relative
}

.offplan-exper_contact-name:before {
    width: 40px;
    height: 3px;
    background: #02b2ee;
    display: block;
    content: "";
    position: absolute;
    right: -55px;
    top: 12px
}

.offplan-exper_contact-desc {
    font-family: GothamProLight, sans-serif;
    font-size: 18px;
    color: #666
}
p.menuItem{
    margin: 0;
    cursor: pointer;
}
.offplan-exper_contact .whatContainer {
    float: none;
    margin-top: 30px;
    margin-right: -50px;
    display: inline-block
}

.offplan-exper_contact .whatContainer:not(span) {
    font-size: 16px
}

.offplan-exper_contact .whatContainer span {
    line-height: 40px
}

.offplan-exper_contact-office {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    position: relative
}

.offplan-exper_contact-office span.i {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: #02b2ee;
    right: -50px;
    top: 0;
    border-radius: 20px
}

.offplan-exper_contact-office span.i img {
    margin-top: 10px;
    margin-right: 10px;
    filter: contrast(0) brightness(100)
}

.as_lits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0;
    padding: 0;
    margin-top: 40px;
    position: relative;
    z-index: 10
}

.as_lits-item {
    display: flex;
    padding: 20px 20px 16px;
    background-color: #f9f9f9;
    align-items: center;
    line-height: 1;
    font-size: 16px
}

.as_lits-title {
    flex: 0 0 40%;
    font-family: GothamProLight, sans-serif;
    color: #333;
    padding-left: 10px
}

.as_lits-params {
    font-family: GothamProBold, sans-serif
}

.as_lits-params a {
    position: relative
}

.as_grid {
    justify-content: center
}

.as_grid-cell {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 10px
}

.as_grid-cell.col-2 {
    flex: 0 0 40%;
    max-width: 40%
}

.as_grid-cell.col-3 {
    flex: 0 0 60%;
    max-width: 60%
}

.as_grid-item {
    border: 3px solid #eee;
    background: #fff;
    display: flex;
    height: 180px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px
}

.as_grid-item:hover {
    border-color: #02b2ee
}

.as_grid-params {
    font-size: 32px;
    color: #02b2ee;
    font-family: GothamProBold, sans-serif;
    line-height: 1;
    text-align: center
}

.as_grid-title {
    font-size: 14px;
    color: #333;
    font-family: GothamProBold, sans-serif;
    margin-top: 5px;
    height: 16px;
    text-align: center;
    line-height: 1.2
}

.fp-slider {
    margin: 30px 0 0
}

.fpSliderTabs.owl-dots {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}

.fpSliderTabs .owl-dot {
    position: relative;
    background: 100% 0;
    color: #555;
    border: 0;
    padding: 15px 25px;
    margin: 5px;
    font-family: GothamPro, san-serif;
    font-size: 20px;
    line-height: 1.2;
    transition: .3s
}

.fpSliderTabs .owl-dot:hover {
    color: #02b2ee
}

.fpSliderTabs .owl-dot span {
    pointer-events: none
}

.fpSliderTabs .owl-dot b {
    font-family: GothamProBold, san-serif;
    font-weight: 400;
    font-size: 30px
}

.fpSliderTabs .owl-dot:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-color: rgba(128, 128, 128, .3);
    transition: .3s
}

.fpSliderTabs .owl-dot:hover:before {
    background-color: #02b2ee
}

.fpSliderTabs .owl-dot.active {
    color: #fff
}

.fpSliderTabs .owl-dot.active:before {
    background-color: #02b2ee;
    height: 100%
}

.fpSlider__row {
    display: flex;
    justify-content: space-between;
    margin: 0 -20px
}

.fpSlider__col {
    padding: 20px
}

.fpSlider__col--image {
    width: 70%
}

.fpSlider__col--image img {
    height: 600px !important;
    object-fit: contain !important
}

.fpSlider__col--desc {
    width: 30%
}

.fpSlider__desc-head {
    margin-bottom: 15px
}

.fpSlider__desc-head h3 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin: 0
}

.fpSlider__desc-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 18px;
    line-height: 1
}

.fpSlider__desc-item img {
    width: 28px !important;
    height: 28px !important;
    object-fit: cover;
    margin-left: 10px
}

.fpSlider__desc-item p {
    font-family: GothamProBold, sans-serif;
    margin: 0
}

.fpSlider__desc-item span {
    font-family: GothamProLight, sans-serif;
    margin-right: 8px
}

.fpSlider__desc-btns {
    margin-top: 10px
}

.fpSlider__desc-btn {
    display: block;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding: 0 30px;
    margin: 20px auto 0;
    height: 46px;
    max-width: 350px;
    line-height: 49px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0
}

.fpSlider__desc-btn.fpSlider__desc-btn--PDF {
    color: #02b2ee;
    background: #fff;
    background: linear-gradient(-90deg, #fff 0, #fff 50%, #02b2ee 50%, #02b2ee 100%);
    background-size: 200% 100%;
    border: 2px solid #02b2ee;
    line-height: 45px
}

.fpSlider__desc-btn:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
    content: "";
    width: 18px;
    height: 18px;
    transition: background .3s ease-in-out
}

.fpSlider__desc-btn.fpSlider__desc-btn--request:before {
    background-image: url(../images/icon-mail-white.svg)
}

.fpSlider__desc-btn.fpSlider__desc-btn--PDF:before {
    background-image: url(../images/download.svg)
}

.fpSlider__desc-btn:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.fpSlider__desc-btn.fpSlider__desc-btn--PDF:hover:before {
    background-image: url(../images/download-white.svg)
}

.featureProjects>.container.fp:nth-child(2) {
    padding-top: 50px
}

.fp-table {
    margin: 30px 0 0;
    overflow-y: auto;
    max-width: 100%
}

.fp-table::-webkit-scrollbar {
    height: .5em
}

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

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

.fp-table table {
    width: 100%;
    border-spacing: 1px
}

.fp-table table,
.fp-table tbody,
.fp-table td,
.fp-table th,
.fp-table tr {
    border: 0;
    text-align: center;
    transition: background-color .2s ease-in-out
}

.fp-table td {
    padding: 14px 10px 10px;
    line-height: 1.3;
    position: relative
}

.fp-table td p {
    margin: 0
}

.fp-table tr:nth-child(odd) {
    background: #f9f9f9
}

.fp-table thead tr td,
.fp-table thead tr td p {
    font-family: GothamProBold, sans-serif;
    background-color: #02b2ee;
    color: #fff;
    text-align: center;
    margin: 0
}

.fp-table tbody tr:hover {
    background-color: #eee;
    cursor: pointer
}

.fp-table__col--img {
    width: 90px;
    cursor: default
}

.fp-table__col--price,
.fp-table__col--size {
    white-space: nowrap
}

.Faq {
    display: block;
    margin: 15px 0
}

.Faq_title {
    display: flex;
    padding: 12px 20px 8px 50px;
    min-height: 60px;
    align-items: center;
    width: 100%;
    color: #333;
    font-size: 22px;
    font-family: GothamProBold, sans-serif;
    position: relative;
    background-color: #f9f9f9;
    line-height: 1.1;
    cursor: pointer;
    border-bottom: 1px solid #dfe4ea
}

.Faq_title:after,
.Faq_title:before {
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #333;
    content: "";
    left: 20px;
    top: 29px;
    transition: transform .4s, background-color .3s
}

.Faq_title:before {
    transform: rotate(90deg)
}

.Faq_title:hover {
    background-color: #f1f4f5
}

.Faq_title:hover:after,
.Faq_title:hover:before {
    background-color: #02b2ee
}

.Faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s
}

.Faq_answer-item {
    border-right: 1px solid #f9f9f9;
    border-left: 1px solid #f9f9f9;
    padding: 20px
}

.Faq_answer-item p {
    font-family: GothamProLight, sans-serif;
    font-size: 18px;
    color: #333
}

.Faq_item:last-child .Faq_answer-item {
    border-bottom: 1px solid #f9f9f9
}
.Faq_item:last-child .Faq_title {
    border-bottom: none
}

.Faq_item.active .Faq_title {
    background-color: #f1f4f5 !important
}

.Faq_item.active .Faq_title:before {
    transform: rotate(0)
}

.Faq_item.active .Faq_answer {
    max-height: 1000px
}

.home .banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100vh;
    max-height: 860px;
    z-index: 4;
    position: relative
}

.bannerBtn.home {
    text-align: center
}

.home .banner .bannerText {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 40px;
    max-width: 1200px
}

.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;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.areas_header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4
}

.areas_header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.areas_breadcrumbs {
    margin: 20px 0 30px;
    font-family: GothamPro, sans-serif
}

.areas_list .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 240px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 0 !important
}

.areas_list-item {
    position: relative
}

.areas_list-item img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.areas_list-details {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    padding: 30px 30px 20px;
    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) 70%);
    background-size: 100% 140%;
    background-position: 100% 0;
    transition: background-position .5s, padding .3s
}

.areas_list-title {
    font-weight: 400;
    font-family: GothamProBold, san-serif;
    color: #fff;
    font-size: 21px;
    margin: 0;
    line-height: 1.1
}

.areas_list-data {
    font-weight: 400;
    font-family: GothamPro, san-serif;
    color: #fff;
    font-size: 14px;
    opacity: .8
}

.areas_list-btns {
    padding: 10px 0 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .5s
}

.areas_list-btn {
    text-decoration: none !important;
    font-family: GothamProBold, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    z-index: 2;
    color: #fff !important;
    padding: 10px 10px 8px;
    border-radius: 3px;
    line-height: 12px;
    cursor: pointer;
    transition: .3s
}

.areas_list-btn.buy {
    background: #02b2ee
}

.areas_list-btn.buy:hover {
    background: #008ce4
}

.areas_list-btn.rent {
    background: #2ecc3d;
    margin-right: 5px
}

.areas_list-btn.rent:hover {
    background: #08a84a
}

.areas_list-link {
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
    font-family: GothamPro, sans-serif;
    margin-top: 15px;
    display: inline-block
}

.areas_list-link:hover {
    color: #eee;
    text-decoration: none
}

.areas_list-showMore {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    display: none;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    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;
    word-break: normal;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    margin: 20px auto 0
}

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

.areas_searh {
    width: 380px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.areas_searh input {
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 2px 40px 0 15px;
    background-image: url(../images/search-filter.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333
}

.areas_searh input::placeholder {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #999;
    padding-top: 2px
}

.areas_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
}

.areas_result.show {
    max-height: 210px;
    opacity: 1;
    pointer-events: initial
}

.areas_result.loading:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.search_result-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    transition: background-color .3s
}

.search_result-item img {
    width: 100px;
    object-fit: cover;
    height: 70px
}

.search_result-item a {
    text-decoration: none !important;
    display: block;
    width: 100%
}

.contentSection strong {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}
.area__header {
    background-position: center;
    background-size: cover;
    width: 100%;
    /* height: 50vh;
    min-height: 540px; */
    position: relative;
    z-index: 4
}

.area__header.form {
    margin-bottom: 50px;
    /* height: 70vh */
}

.area__header .container {
    /* height: 100%; */
    position: relative;
    display: flex;
    align-items: flex-end;
    /* justify-content: space-between */
}

.area__header.search .container {
    align-items: center
}

.area__header-content {
    padding-bottom: 80px
}

.area__header-subtitle {
    background: #02b2ee;
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    line-height: 1;
    padding: 7px 10px 5px;
    color: #fff
}

.area__header-title {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    padding-top: 15px;
    letter-spacing: -10px;
    margin-right: 10px
}

.area__header-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    height: 56px;
    line-height: 58px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    margin-top: 20px
}

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

.property__btn.projects {
    margin-top: 40px !important
}

.property__btn.projects.load {
    pointer-events: none
}

.area__header-form {
    width: 340px;
    padding: 30px;
    position: relative;
    flex: 0 0 340px
}

.area__header-form:before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, .25);
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.area__header-form .wpcf7 {
    position: relative;
    z-index: 2
}

.area__header-form .form-control {
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: #333 !important;
    border: none;
    border-radius: 0;
    padding: 7px 18px;
    font-size: 16px;
    cursor: initial;
    outline: 0 !important;
    height: 40px;
    font-family: GothamProLight, sans-serif
}

.area__header-form .form-control.wpcf7-textarea {
    height: auto;
    padding: 12px 18px
}

.area__header-form .form-group {
    position: relative
}

.area__header-form .form-group label {
    font-family: GothamProLight, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    right: 14px;
    top: 11px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    padding: 3px 4px 1px
}

.area__header-form .form-group label.filled {
    color: #fff;
    background: #02b2ee
}

.area__header-form .checkbox .label,
.area__header-form .checkbox label {
    margin: 0
}

.area__header-form .wpcf7-acceptance,
.area__header-form .wpcf7-list-item {
    margin: 0;
    display: block
}

.area__header-form .checkbox .wpcf7-list-item-label {
    font-family: GothamPro, sans-serif;
    font-size: 13px;
    color: #fff;
    padding-right: 30px;
    line-height: 1.2;
    display: inline-block;
    position: relative;
    cursor: pointer;
    pointer-events: none
}

.area__header-form .checkbox .wpcf7-list-item-label:after {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 9px;
    content: "";
    position: absolute;
    right: 0;
    top: 2px
}

.area__header-form .checkbox .wpcf7-list-item-label:before {
    width: 8px;
    height: 8px;
    background: #02b2ee;
    border-radius: 4px;
    content: "";
    position: absolute;
    right: 5px;
    z-index: 2;
    top: 7px;
    opacity: 0;
    transition: .3s
}

.area__header-form .checkbox input {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.area__header-form .checkbox input:checked+.wpcf7-list-item-label:before {
    opacity: 1
}

.area__header-form .wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.1;
    font-family: GothamPro, sans-serif;
    color: #fff
}

.area__header-form button {
    position: absolute;
    height: 70px;
    width: 340px;
    bottom: -100px;
    right: -30px;
    line-height: 54px;
    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: uppercase;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    border: none;
    outline: 0
}

.area__header-form button:hover {
    background-position: 0% 0
}

.area_breadcrumbs {
    position: absolute;
    display: flex;
    align-items: center;
    height: 70px;
    bottom: -70px
}

.tax-area .contentSection .container:not(:first-child) .projectHeading h3 {
    margin-top: 30px
}

.tax-area .projectHeading.left {
    padding-left: 210px
}

.tax-area h4 {
    font-weight: 400;
    font-family: GothamProBold, san-serif;
    font-size: 18px
}
.postdetails {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto
}

.postdetails h1 {
    font-family: GothamProBold;
    font-size: 35px;
    line-height: 1.1;
    color: #333;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px
}

.postdetails .videoWrapper:after {
    display: none
}

.postHead {
    padding-bottom: 20px
}

.postHead h1 {
    font-weight: 400;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    display: initial
}

.postviews {
    background-image: url(../icons/view.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 15px;
    padding-right: 25px;
    color: #999;
    vertical-align: bottom;
    margin-bottom: 5px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: inline-block
}

.breadcrumbs.catBlog {
    padding: 15px 50px 0 0
}

.breadcrumbs.blog {
    background: #f9f9f9;
    padding: 14px 20px 12px
}

.postRead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f1f4f5
}

.postPublished__author {
    display: inline-flex;
    height: 60px;
    align-items: center
}

.postPublished__author-photo {
    float: right;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    margin-left: 15px;
    background: #f9f9f9;
    text-align: center
}

.postPublished__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.postPublished__author-photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.postPublished__author-photo img.user {
    width: auto;
    height: 140%;
    margin: 5px auto 0;
    object-fit: contain
}

.postPublished__author-name {
    margin-bottom: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    white-space: nowrap;
    color: #333
}

.postPublished__author-date {
    font-family: GothamPro, sans-serif;
    font-size: 13px;
    color: #adadad;
    margin-bottom: 0
}

.postRead__share-link {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    padding: 8px;
    background: #f1f4f5;
    transition: .6s
}

.postRead__share-link:hover {
    background: #02b2ee
}

.postRead__share-link:hover svg {
    fill: #fff
}

.postRead__share-link:not(:last-child) {
    margin-left: 5px
}

.postRead__share-link svg {
    vertical-align: top
}

.postRead__share-link--whatsapp svg {
    fill: #34af23
}

.postRead__share-link--telegram svg {
    fill: #08c
}

.postRead__share-link--facebook svg {
    fill: #3b5998
}

.postRead__share-link--twitter svg {
    fill: #1da1f2
}

.postMain {
    display: flex !important;
    flex-direction: column
}

.postMain.clear {
    padding-top: 30px
}

.postMain h2 {
    font-family: GothamProBold, sans-serif;
    font-size: 22px;
    color: #333;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 10px
}

.postMain h3 {
    font-size: 18px
}

.postMain h3,
.postMain strong {
    font-family: GothamProBold, sans-serif;
    font-weight: 400
}

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

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

.postMain ol li {
    margin-bottom: 10px
}

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

.postMain .textBlock,
.postMain ol,
.postMain p,
.postMain ul {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #333
}

.postMain .textBlock {
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
    overflow-y: auto;
    max-width: 100%
}

.postMain .textBlock::-webkit-scrollbar {
    height: .5em
}

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

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

.postMain .textBlock table {
    width: 100%;
    border-spacing: 1px
}

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

.postMain .textBlock td {
    min-width: 230px;
    padding: 14px 10px 10px;
    line-height: 1.3
}

.postMain .textBlock td p {
    margin: 0
}

.postMain .textBlock tr:nth-child(odd) {
    background: #f9f9f9
}

.postMain thead tr td,
.postMain thead tr td p {
    font-family: GothamProBold, sans-serif;
    background-color: #02b2ee;
    color: #fff;
    text-align: center;
    margin: 0
}

.postMain .projectHeading:not(.left) {
    display: flex;
    align-items: center;
    justify-content: center
}

.postMain .projectHeading.left h2 {
    font-size: 28px
}

.postMain .projectHeading {
    margin-top: 30px
}

.postMain .vSection {
    width: 100%
}

.postMain .abtRowBCont {
    margin-top: 15px
}

.postMain .abtRowTR p {
    font-size: 21px
}

.postMain .gallerySlider.grid {
    width: 100vw;
    margin-right: 50%;
    transform: translateX(50%)
}

.postMain .gallerySlider.full .owl-stage {
    height: 420px
}

.postMain .gallerySlider .owl-dots {
    display: block;
    width: 100%;
    text-align: center
}

.postMain .btnWrp {
    position: initial;
    padding: 30px 0;
    width: 100%;
    display: block;
    text-align: center
}

.postMain .propertyHead-icons {
    padding: 20px 0
}

.postMain .propertyHead-icons_item {
    margin: 0;
    padding-right: 25px;
    font-family: GothamPro, sans-serif;
    font-size: 14px
}

.postMain .propertyHead-icons_item:before {
    display: none
}

.postMain blockquote {
    padding: 3px 15px 3px 0;
    border-right: 3px solid #02b2ee
}

.postMain blockquote>* {
    color: #666 !important;
    font-family: GothamProLight, sans-serif !important
}

.postMain .blog-img {
    width: 100%;
    margin-top: 10px
}

.blog-slider-obj,
.postMain .blog-img.big {
    width: 1160px;
    margin-right: -205px
}

.postMain .blog-img.large {
    width: 1000px;
    margin-right: -125px
}

.postMain .blog-img img {
    width: 100%
}

.postTofC {
    order: -1;
    margin-top: -1px;
    padding: 25px 30px 20px;
    background: #f9f9f9;
    border-top: 3px solid #02b2ee;
    overflow: hidden;
    position: relative;
    max-height: unset
}

.postTofC.limited {
    max-height: 400px
}

.postTofC-down {
    position: absolute;
    top: 300px;
    width: 100%;
    height: 100px;
    z-index: 2;
    right: 0;
    background: #f9f9f9;
    background: linear-gradient(0deg, #f9f9f9 0, #f9f9f9 50%, rgba(249, 249, 249, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: max-height .5s
}

.postTofC-showAll {
    font-family: GothamProBold, sans-serif;
    border: none;
    font-size: 11px;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    height: 36px;
    line-height: 38px;
    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
}

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

.postTofC-title {
    font-family: GothamProBold, sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.1
}

.postTofC a {
    color: #333;
    transition: color .2s;
    font-family: GothamProBold, sans-serif
}

.postTofC a:hover {
    text-decoration: none;
    color: #02b2ee
}

.postTofC li {
    list-style-type: none;
    font-family: GothamProBold, sans-serif;
    position: relative
}

.postTofC ol {
    counter-reset: list1;
    position: relative;
    padding-right: 20px
}

.postTofC ol li:before {
    width: 30px;
    right: -35px;
    text-align: left;
    display: inline-block;
    position: absolute;
    counter-increment: list1;
    content: counter(list1) ". "
}

.postTofC ol ol {
    counter-reset: list2;
    font-family: GothamPro, sans-serif
}

.postTofC ol ol li {
    font-family: GothamPro, sans-serif
}

.postTofC ol ol li a {
    font-weight: 400;
    font-family: GothamPro, sans-serif
}

.postTofC ol ol li:before {
    font-weight: 400;
    counter-increment: list2;
    /* content: counter(list1) "."counter(list2) ". " */
}

.postTofC-section {
    padding: 0;
    margin-bottom: 0
}

.postTofC-section.sub-section {
    padding: 10px 30px 0 0;
    border: 0
}

.postFaq {
    display: block;
    margin: 15px 0
}

.postFaq_title {
    display: flex;
    padding: 12px 20px 8px 50px;
    min-height: 60px;
    align-items: center;
    width: 100%;
    color: #333;
    font-size: 18px;
    font-family: GothamProBold, sans-serif;
    position: relative;
    background-color: #f9f9f9;
    line-height: 1.1;
    cursor: pointer;
    border-bottom: 1px solid #dfe4ea
}

.postFaq_title:after,
.postFaq_title:before {
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #333;
    content: "";
    left: 20px;
    top: 29px;
    transition: transform .4s, background-color .3s
}

.postFaq_title:before {
    transform: rotate(90deg)
}

.postFaq_title:hover {
    background-color: #f1f4f5
}

.postFaq_title:hover:after,
.postFaq_title:hover:before {
    background-color: #02b2ee
}

.postFaq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s
}

.postFaq_answer-item {
    border-right: 1px solid #f9f9f9;
    border-left: 1px solid #f9f9f9;
    padding: 20px
}

.postFaq_answer-item p {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    color: #333
}

.postFaq_item:last-child .postFaq_answer-item {
    border-bottom: 1px solid #f9f9f9
}

.postFaq_item:last-child .postFaq_title {
    border-bottom: none
}

.postFaq_item.active .postFaq_title {
    background-color: #f1f4f5 !important
}

.postFaq_item.active .postFaq_title:before {
    transform: rotate(0)
}

.postFaq_item.active .postFaq_answer {
    max-height: 1000px
}

.blog-wrap-fw {
    width: 100vw;
    margin-right: 50%;
    transform: translateX(50%)
}

.subscribe {
    margin-top: 50px
}

.subscribe__row {
    display: flex;
    justify-content: center
}

.subscribe__col {
    padding: 30px
}

.subscribe__col-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    font-family: GothamPro, sans-serif
}

.subscribe__col-flex b {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}

.subscribe__col--text {
    width: 60%;
    position: relative
}

.subscribe__col--text:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #02b2ee;
    z-index: -1
}

.subscribe__col--form {
    width: 40%;
    background: #f9f9f9;
    padding: 35px 40px
}

.subscribe__img {
    max-width: 100%;
    width: 50px;
    margin-bottom: 30px
}

@keyframes shake {

    0%,
    100%,
    45%,
    56% {
        transform: translate(0, 0) rotate(0)
    }

    46% {
        transform: translate(-2px, 1px) rotate(0)
    }

    47% {
        transform: translate(1px, -2px) rotate(1deg)
    }

    48% {
        transform: translate(3px, 0) rotate(-1deg)
    }

    49% {
        transform: translate(0, 2px) rotate(0)
    }

    50% {
        transform: translate(-1px, -1px) rotate(-1deg)
    }

    51% {
        transform: translate(1px, 2px) rotate(1deg)
    }

    52% {
        transform: translate(3px, 1px) rotate(0)
    }

    53% {
        transform: translate(-2px, 1px) rotate(1deg)
    }

    54% {
        transform: translate(1px, -1px) rotate(-1deg)
    }

    55% {
        transform: translate(-2px, 2px) rotate(0)
    }
}

.subscribe .subscribe__img {
    animation-name: shake;
    animation-duration: 8s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.subscribe .subscribe__col--text h4 {
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: .93;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.subscribe .subscribe__col--text p {
    font-family: GothamPro;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 5px 0 0 !important
}

.subscribe__form {
    display: block;
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.subscribe__form .wpcf7-response-output {
    margin: 8px 0 0 !important;
    padding: 5px !important;
    font-size: 12px !important;
    line-height: 1.3
}

.subscribe__form .wpcf7-not-valid-tip {
    display: none !important
}

.subscribe__form input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    margin: 0 0 15px;
    background-color: transparent;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    padding: 2px 25px 0 0;
    line-height: 1;
    border-radius: 0;
    color: #333;
    border: none;
    border-bottom: 1px solid #eee;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: right center
}

.subscribe__form input[name=user-name] {
    background-image: url(../icons/icon-user.svg)
}

.subscribe__form input[type=email] {
    background-image: url(../icons/icon-envelope.svg)
}

.subscribe__form input[type=tel] {
    background-image: url(../icons/icon-phone.svg)
}

.subscribe__form .sn-btn {
    width: 100%;
    height: 46px;
    border: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    line-height: 1;
    padding: 0;
    color: #fff;
    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
}

.subscribe__form .sn-btn:hover {
    background-position: 0% 0
}

.subscribe__form .sn-msg p {
    font-size: 10px;
    line-height: 1.3;
    color: #999;
    margin: 10px 0 0;
    font-family: GothamPro, sans-serif
}

.subscribe__form button[type=submit] {
    font-family: GothamProBold, 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;
    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;
    min-width: 220px;
    width: 100%;
    margin-top: 10px
}

.subscribe__form button[type=submit]:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.postRatingA {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #f9f9f9;
    margin-top: 30px
}

.postRatingA__head {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    font-family: GothamProBold, sans-serif;
    margin-left: 15px;
    height: 19px;
    line-height: 23px;
    margin-top: 4px
}

.rating-text {
    font-family: GothamPro, sans-serif;
    color: #999;
    font-size: 12px !important;
    height: 20px;
    line-height: 20px;
    margin-top: 2px
}

.rating-text strong {
    font-family: GothamProBold, sans-serif;
    color: #333;
    font-size: 20px !important
}

.postAuthor {
    margin-top: 50px
}

.postAuthor__card {
    display: flex;
    align-items: center
}

.postAuthor__photo {
    flex-shrink: 0;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-left: 20px;
    background: #f9f9f9;
    border-radius: 50%
}

.postAuthor__photo img {
    margin-top: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.postAuthor__info-name {
    font-family: GothamProBold, sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 10px
}

.postAuthor__info-name:after {
    display: inline-block;
    width: 40px;
    height: 2px;
    content: " ";
    background: #02b2ee;
    vertical-align: middle;
    margin-right: 10px
}

.postAuthor__info-desc {
    font-family: GothamProLight, sans-serif;
    font-size: 14px;
    color: #858585;
    position: relative;
    margin-bottom: 10px
}

.postAuthor__info-desc p {
    margin-bottom: 0
}

.postAuthor__info-articles-btn {
    display: inline-block
}

.postAuthor__info-articles-btn a {
    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 20px;
    height: 46px;
    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
}

.postAuthor__info-articles-btn a:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.postReadMore {
    width: 100%;
    margin-top: 50px
}

.postReadMore__head h3 {
    font-family: GothamProBold, sans-serif;
    display: block;
    font-size: 20px;
    margin: 0;
    padding-bottom: 10px
}

.postReadMore__links {
    list-style: none;
    margin: 0;
    background: #f9f9f9;
    padding: 15px 30px;
    border-top: 3px solid #02b2ee
}

.postReadMore__links-item {
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

.postReadMore__links-item:last-child {
    border: 0
}

a.postReadMore__link {
    color: #333;
    text-decoration: none;
    transition: color .3s;
    font-size: 18px;
    font-family: GothamPro, sans-serif;
    line-height: 1.3
}

a.postReadMore__link:hover {
    color: #02b2ee;
    text-decoration: none
}

.postReadMore__details {
    font-family: GothamPro, sans-serif;
    font-size: 13px;
    color: #999;
    padding-top: 5px
}

.postReadMore__details span {
    padding-right: 22px;
    display: inline-block;
    line-height: 21px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: right center
}

.postReadMore__details .date {
    background-image: url(../icons/clock.svg);
    background-size: 16px auto
}

.postReadMore__details .views {
    background-image: url(../icons/view.svg);
    margin-right: 20px
}

.headBG.cat {
    min-height: 600px;
    max-height: 640px
}

.projectHeading.mediaHead {
    text-align: right;
    display: flex;
    justify-content: space-between
}

.navCatList {
    padding: 0;
    margin: 0;
    list-style: none
}

.navCatList-item {
    display: inline-block;
    margin: 0 3px
}

.navCatList-item:last-child {
    margin-left: 0
}

.navCatList-link {
    display: inline-block;
    line-height: 34px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid #eee;
    font-size: 14px;
    font-family: GothamProBold;
    color: #333;
    transition: .5s
}

.navCatList-link:hover {
    text-decoration: none;
    color: #02b2ee;
    border-color: #02b2ee
}

.navCatList-link.active {
    background-color: #02b2ee;
    border-color: #02b2ee;
    color: #fff !important
}

.postImg .logo {
    max-width: 140px;
    max-height: 60px;
    min-height: 25px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    object-fit: contain;
    width: auto;
    height: auto;
    filter: brightness(0) grayscale(1) invert(100%);
    object-position: top right
}

.mass-media .postPublished__author {
    flex-grow: 1;
    max-width: 66.6666%
}

.mass-media .postPublished__author-photo {
    width: auto;
    border-radius: 0;
    overflow: auto;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    background: 100% 0;
    margin: 0;
    order: 1
}

.mass-media .postPublished__author-photo img {
    width: 100%;
    max-width: 140px;
    max-height: 60px
}

.mass-media.postMain {
    position: relative
}

.mass-media.postMain:after {
    width: 100%;
    height: 150px;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute
}

.postRatingA.mass-media {
    flex-direction: column
}

.mass-media .postRatingA-wrp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.postOriginal {
    text-align: center;
    margin-bottom: 25px
}

.postOriginal-title {
    font-size: 21px;
    color: #333;
    font-weight: 400;
    font-family: GothamProLight, sans-serif
}

.postOriginal-logo img {
    max-width: 240px;
    max-height: 80px;
    margin-bottom: 10px;
    min-height: 45px
}

.postOriginal-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    padding: 0 20px;
    height: 46px;
    line-height: 48px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background .3s ease-in-out;
    background-repeat: no-repeat;
    word-break: normal;
    vertical-align: top
}

.postOriginal-btn.back {
    color: #fff;
    padding-right: 50px;
    background-image: url(../icons/left-arrow.svg);
    background-size: 16px auto;
    background-position: right 20px center;
    background-color: #02b2ee
}

.postOriginal-btn.source {
    color: #02b2ee;
    border: 2px solid #02b2ee;
    margin-right: 6px;
    line-height: 46px;
    padding-left: 50px;
    background-size: 16px auto;
    background-position: left 20px center;
    background-image: url(../icons/arrow-readmore-hover.svg)
}

.categoryBlog {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.categoryBlog__navCat {
    width: 20%;
    padding: 25px 0 20px
}

.categoryBlog__navCat-wrap {
    position: sticky;
    position: -webkit-sticky;
    top: 107px;
    background: #f9f9f9;
    border-right: 3px solid #02b2ee
}

.categoryBlog__navCatHead {
    padding: 25px 5px;
    text-align: center
}

.categoryBlog__navCatHead h3 {
    font-family: GothamProBold;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 0
}

.categoryBlog__navCatList {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: left
}

.categoryBlog__navCatList-item {
    width: 100%
}

.categoryBlog__navCatList-link {
    display: flex;
    align-items: center;
    line-height: 1.5;
    padding: 15px 12px;
    border: 1px solid #eee;
    font-size: 14px;
    font-family: GothamProBold;
    color: #333;
    transition: .5s
}

.categoryBlog__navCatList-link:hover {
    text-decoration: none;
    color: #02b2ee;
    border-color: #02b2ee
}

.categoryBlog__navCatList-link.active {
    background-color: #02b2ee;
    border-color: #02b2ee;
    color: #fff !important
}

.categoryBlog__posts {
    width: 80%
}

.categoryBlog__posts--fullw {
    width: 100%;
    flex-grow: 1
}

.categoryBlog__col {
    margin-bottom: 20px
}

.categoryBlog__post {
    background: #fff;
    box-shadow: 0 3px 14px rgb(0 0 0 / 8%);
    display: flex;
    height: 100%;
    transition: box-shadow .3s, transform .3s
}

.categoryBlog__post:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px 0 rgb(99 99 99 / 15%)
}

.categoryBlogPost__img {
    position: relative;
    width: 45%;
    height: 100%;
    min-height: 310px
}

.categoryBlogPost__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.categoryBlogPost__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 55%;
    padding: 25px
}

.categoryBlogPostContent__head {
    margin-bottom: 15px
}

.categoryBlogPostContent__head a {
    font-family: GothamProBold;
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    transition: color .3s;
    text-decoration: none !important;
    height: 100%
}

.categoryBlogPostContent__head a:hover {
    color: #02b2ee
}

.categoryBlogPostContent__author {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.categoryBlogPostContent__author-photo {
    float: right;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    border-radius: 30px;
    overflow: hidden;
    background: #f9f9f9;
    text-align: center
}

.categoryBlogPostContent__author-photo a {
    display: block;
    width: 100%;
    height: 100%
}

.categoryBlogPostContent__author-photo img.mpp {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top
}

.categoryBlogPostContent__author-photo img.user {
    width: auto;
    height: 140%;
    margin: 5px auto 0;
    object-fit: contain
}

.categoryBlogPostContent__author-name {
    margin-bottom: 0;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    white-space: nowrap;
    color: #333
}

.categoryBlogPostContent__author-date {
    font-family: GothamPro, sans-serif;
    font-size: 11px;
    color: #adadad;
    margin-bottom: 0
}

.categoryBlogPostContent__desc {
    position: relative;
    font-family: GothamProLight;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
    flex-grow: 1
}

.categoryBlogPostContent__published {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.categoryBlogPostContent__published-btn a {
    display: block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 1px solid #02b2ee;
    transition: color .5s
}

.categoryBlogPostContent__published-btn a:hover {
    color: #02b2ee;
    text-decoration: none
}

.categoryBlogPostContent__published-btn span {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    background-image: url(../icons/arrow-readmore.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center left;
    margin: 0;
    padding-left: 30px;
    font-family: GothamProBold;
    font-size: 16px
}

.categoryBlogPostContent__published-btn a:hover span {
    background-image: url(../icons/arrow-readmore-hover.svg)
}

.categoryBlogPostContent__published-views .postviews {
    margin: 0;
    background-position: center right
}

.news--blogCat .newsCaroseul .owl-stage-outer {
    overflow: hidden !important
}

blockquote p:last-child {
    margin: 0
}

.agentsBlock {
    position: relative
}

.agentsTitle {
    padding: 10px 0;
    margin-bottom: 30px
}

.projectHeading.agentsTitle h2 {
    font-size: 30px
}

.agentsTitle .middleSlash {
    margin-bottom: 7px
}

.agentsRow {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.agetnsLink {
    text-decoration: none !important
}

.agents_header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4
}

.agents_header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.agents_header h1 {
    font-weight: 400;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 42px;
    margin-bottom: 0;
    display: table-caption
}

.agents_searh {
    width: 380px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.agents_searh input {
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 2px 40px 0 15px;
    background-image: url(../images/search-filter.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333
}

.agents_searh input::placeholder {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #999;
    padding-top: 2px
}

.agents_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
}

.agents_result.show {
    max-height: 210px;
    opacity: 1;
    pointer-events: initial
}

.agents_result.loading:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.search-none {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    color: #999
}

.search_result,
.search_result-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.search_result-item a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    transition: background-color .3s
}

.search_result-item:hover {
    background-color: #eee
}

.agents .search_result-item .photo {
    background: #eee;
    width: 100px;
    height: 70px;
    overflow: hidden;
    text-align: center
}

.agents .search_result-item img {
    margin-top: 4px;
    width: 90px;
    height: auto
}

.agents .search_result-item a {
    text-decoration: none !important;
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center
}

.search_result-item span {
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    margin-right: 15px;
    line-height: 1.3
}

.agentHead {
    height: 80vh;
    min-height: 650px;
    max-height: 750px;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/agents-bg.jpg);
    position: relative
}

.agentHead>.container {
    display: flex;
    align-items: center;
    max-height: 100%;
    padding-top: 0 !important;
    flex: 0 0 auto;
    flex-direction: row;
    position: relative;
    justify-content: space-between
}

.agentContainer {
    position: relative;
    width: 60%;
    max-width: 60%;
    max-height: 100%;
    flex: 1;
    overflow: auto
}

.agentImage {
    position: relative;
    z-index: 1;
    flex: 1;
    overflow: auto;
    text-align: left;
    height: 80vh;
    min-height: 650px;
    max-height: 750px;
    width: 100%;
    max-width: 100%;
    padding-top: 40px
}

.agentImage img {
    max-width: 100%;
    max-height: 100%
}
.agentExpire {
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 72px;
    background: #fff;
    z-index: 3;
    border-bottom: 4px solid #02b2ee;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.agentExpire-item {
    padding: 0 15px
}

.agentExpire-title {
    font-family: GothamPro, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #b8b8b8
}

.agentExpire-value {
    font-family: GothamProBold, sans-serif;
    font-size: 18px;
    line-height: 1.1;
    margin-top: 10px
}

.agentExpire-item.wApp {
    width: 72px;
    min-width: 72px;
    height: 72px;
    padding: 0;
    border-bottom: 4px solid #08a84a;
    position: relative
}

.agentExpire-item.wApp a {
    width: 100%;
    height: 100%;
    border-radius: unset;
    top: auto;
    left: auto
}

.agentInfo {
    width: 240px;
    min-height: 65%;
    padding: 60px 30px;
    background: #02b2ee;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column
}

.agetnAward {
    text-align: center
}

.agetnAward img {
    max-width: 130px;
    max-height: 110px
}

.agetnName {
    flex-grow: 1;
    padding-top: 70px;
    text-align: center
}

.agetnName h1 {
    font-weight: 400;
    font-family: GothamProBold, sans-serif;
    color: #fff;
    font-size: 25px;
    position: relative
}

.agetnName h1:before {
    width: 40px;
    height: 1px;
    opacity: .4;
    background: #fff;
    top: -20px;
    right: 50%;
    margin-right: -20px;
    content: "";
    display: block;
    position: absolute
}

.agetnPosition {
    font-family: GothamProLight, sans-serif;
    font-size: 14px;
    color: #fff
}

.agetnRating {
    text-align: center;
    margin-top: 30px
}

.item-rating {
    width: 120px;
    margin: 0 auto;
    height: 24px;
    background-image: url(../icons/rating-agent.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.agetnRating-details {
    font-size: 11px;
    color: #73d3f4;
    font-family: GothamProLight, sans-serif
}

.agetnContact {
    display: none;
    padding-top: 20px
}

.agetn__btn-cm {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    display: block;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    color: #fff;
    background: #008ce4;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: calc(100% + 30px);
    margin: 0 -15px
}

.headerForm.agent {
    width: 360px;
    padding: 40px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .25)
}

.headerForm.agent .wpcf7 {
    position: relative;
    z-index: 2
}

.headerForm.agent .headerForm-title {
    color: #333;
    text-align: center;
    font-family: GothamProBold, sans-serif;
    font-size: 24px;
    position: relative;
    z-index: 2;
    margin: -10px 0 25px;
    line-height: 1
}

.headerForm.agent .form-control {
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: #333 !important;
    border: none;
    border-radius: 0;
    padding: 7px 18px;
    font-size: 16px;
    cursor: initial;
    outline: 0 !important;
    height: 40px;
    font-family: GothamProLight, sans-serif
}

.headerForm.agent .form-control.wpcf7-textarea {
    height: auto;
    padding: 12px 18px
}

.headerForm.agent .form-group {
    position: relative
}

.headerForm.agent .form-group label {
    font-family: GothamProLight, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    right: 14px;
    top: 11px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    padding: 3px 4px 1px
}

.headerForm.agent .form-group label.filled {
    color: #fff;
    background: #02b2ee
}

.headerForm.agent div.checkbox .label,
.headerForm.agent div.checkbox label {
    font-size: 13px
}

.headerForm.agent .checkbox .wpcf7-list-item {
    margin: 0
}

.headerForm.agent .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 5px 10px;
    font-size: 13px;
    color: #333;
    font-family: GothamPro, sans-serif
}

.headerForm.agent button {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: block;
    letter-spacing: normal;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    height: 56px;
    line-height: 58px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none
}

.headerForm.agent button:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.featureProjects.instagram {
    overflow: hidden
}

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

.wdi_hidden {
    display: none
}

.wdi_feed_main_container,
.wdi_feed_wrapper {
    position: relative;
    width: 100%
}

.projectHeading.ifeed {
    margin-bottom: 40px
}

.wdi_feed_wrapper .owl-item {
    position: relative;
    height: 100%;
    float: right
}

.wdi_photo_img {
    position: relative;
    transform: translateY(0);
    transition: .5s
}

.desktop .wdi_photo_img:hover {
    transform: translateY(-7px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .15)
}

.wdi_photo_img img,
.wdi_photo_overlay {
    width: 100%;
    height: 370px;
    object-fit: cover
}

.wdi_photo_overlay {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.wdi_feed_wrapper .owl-nav {
    position: absolute;
    top: 165px;
    z-index: 10;
    width: 100%;
    display: block
}

.wdi_feed_wrapper .owl-next,
.wdi_feed_wrapper .owl-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
    border-radius: 30px;
    background: #fff !important;
    transition: opacity .5s;
    border: none
}

.wdi_feed_wrapper .owl-next span,
.wdi_feed_wrapper .owl-prev span {
    font-size: 30px;
    line-height: 20px;
    vertical-align: top;
    transition: color .5s
}

.wdi_feed_wrapper .owl-prev {
    right: -20px
}

.wdi_feed_wrapper .owl-next {
    left: -20px
}

.desktop .wdi_feed_wrapper .owl-next:hover,
.desktop .wdi_feed_wrapper .owl-prev:hover {
    opacity: 1
}

.desktop .wdi_feed_wrapper .owl-next:hover span,
.desktop .wdi_feed_wrapper .owl-prev:hover span {
    color: #02b2ee
}

.wdi_header_user_text h3 {
    display: none
}

.wdi_feed_item {
    background: #fff
}

.wdi_photo_meta {
    font-family: GothamPro, sans-serif;
    line-height: 1.3;
    font-size: 14px;
    color: #333
}

.wdi_photo_title {
    overflow: hidden;
    max-height: 125px;
    white-space: normal !important
}

.ifeed__head {
    position: absolute;
    top: 0;
    left: 0
}

.wdi_user_controls {
    padding: 2px;
    display: inline-block;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    position: relative
}

.wdi_follow_btn {
    display: inline-block;
    padding: 10px 40px 8px 20px;
    color: #333;
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    background-image: url(../icons/instagram.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: background-color .5s, color .5s;
    background-size: 20px auto;
    cursor: pointer
}

.blog__agent {
    margin-top: 30px;
    display: flex;
    flex: 0 0 50%;
    background-color: #f9f9f9
}

.blog__agent .blogPost {
    box-shadow: none;
    border: 10px solid #f9f9f9
}

.blog__agent .newsTemlate {
    transform: none !important;
    box-shadow: none !important;
    width: 50%;
    min-width: 50%
}

.blog__agent .postReadMore__links {
    border: none;
    padding: 40px 50px
}

.agentVideos {
    background-color: #f9f9f9;
    padding: 0 0 60px;
    margin: 80px 0 0
}

.projects_header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4
}

.projects_header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.projects_searh {
    width: 380px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.projects_searh input {
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 2px 40px 0 15px;
    background-image: url(../images/search-filter.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333
}

.projects_searh input::placeholder {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #999;
    padding-top: 2px
}

.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
}

.projects_result.show {
    max-height: 210px;
    opacity: 1;
    pointer-events: initial
}

.projects_result.loading:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.projects_breadcrumbs {
    margin: 20px 0 30px;
    font-family: GothamPro, sans-serif
}

.projects_list .abtRow.offplan,
.projects_list .container {
    padding-top: 0 !important
}

.projects_list-item {
    position: relative
}

.projects_list-showMore {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    display: none;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    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;
    word-break: normal;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    margin: 20px auto 0
}

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

.offplan__header {
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 540px;
    position: relative;
    z-index: 4;
    margin-bottom: 20px;
    height: 70vh
}

.offplan__header img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.offplan__header .container {
    height: 100%;
    position: relative;
    display: flex;
    z-index: 2;
    align-items: flex-end;
    justify-content: space-between
}

.offplan__header-content {
    padding-bottom: 80px;
    max-width: 800px;
    width: 100%
}

.offplan__header-subtitle {
    background: #02b2ee;
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    font-size: 24px;
    line-height: 1;
    padding: 8px 10px 5px;
    color: #fff
}

.offplan__header-title {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-weight: 700;
    line-height: 1;
    padding-top: 15px
}

.offplan__header-title.large {
    font-size: 120px;
    letter-spacing: -10px;
    margin-right: -4px
}

.offplan__header-title.normal {
    font-size: 100px;
    letter-spacing: -8px;
    margin-right: -4px
}

.offplan__header-title.small {
    font-size: 80px;
    letter-spacing: -5px;
    margin-right: -2px
}

.offplan__header-form {
    width: 340px;
    padding: 30px;
    position: relative;
    flex: 0 0 340px
}

.offplan__btns {
    margin-top: 20px;
    vertical-align: bottom
}

.offplan__btn-mof {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    height: 56px;
    line-height: 58px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none
}

.offplan__btn-mof.brochure {
    background: #fff;
    background: linear-gradient(-90deg, #fff 0, #fff 50%, #02b2ee 50%, #02b2ee 100%);
    background-size: 200% 100%;
    color: #02b2ee;
    margin-right: 15px;
    border: 3px solid #02b2ee;
    vertical-align: bottom;
    line-height: 54px
}

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

.offplan__header-form .title {
    color: #fff;
    text-align: center;
    font-family: GothamProBold, san-serif;
    font-size: 24px;
    position: relative;
    z-index: 2;
    margin: -10px 0 15px;
    line-height: 1
}

.offplan__header-form:before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, .45);
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.offplan__header-form .wpcf7 {
    position: relative;
    z-index: 2
}

.offplan__header-form .form-control {
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: #333 !important;
    border: none;
    border-radius: 0;
    padding: 7px 18px;
    font-size: 16px;
    cursor: initial;
    outline: 0 !important;
    height: 40px;
    font-family: GothamProLight, sans-serif
}

.offplan__header-form .form-control.wpcf7-textarea {
    height: auto;
    padding: 12px 18px
}

.offplan__header-form .form-group {
    position: relative
}

.offplan__header-form .form-group label {
    font-family: GothamProLight, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    right: 14px;
    top: 11px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none;
    padding: 3px 4px 1px
}

.offplan__header-form .form-group label.filled {
    color: #fff;
    background: #02b2ee
}

.offplan_breadcrumbs {
    position: absolute;
    display: flex;
    align-items: center;
    height: 70px;
    bottom: -70px;
    max-width: 100%
}

.single-offplan .projectHeading.left {
    padding-left: 210px
}

.developers_header {
    width: 100%;
    background: #02b2ee;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4
}

.developers_header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.developers_searh {
    width: 380px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    position: relative
}

.developers_searh input {
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 2px 40px 0 15px;
    background-image: url(../images/search-filter.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #333
}

.developers_searh input::placeholder {
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    color: #999;
    padding-top: 2px
}

.developers_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
}

.developers_result.show {
    max-height: 210px;
    opacity: 1;
    pointer-events: initial
}

.developers_result.loading:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: url(../icons/ajax-loader.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    z-index: 3;
    content: ""
}

.developers_result .search_result-item a {
    display: flex;
    align-items: center
}

.developers_result .search_result-item img {
    object-fit: contain;
    padding: 10px
}

.developers_breadcrumbs {
    margin: 20px 0 30px;
    font-family: GothamPro, sans-serif
}

.developers_list .abtRow.offplan,
.developers_list .container {
    padding-top: 0 !important
}

.developers_list-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee
}

.developers_list-item {
    width: 25%;
    min-height: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transition: background-color .5s
}

.developers_list-item:hover {
    background-color: #f9f9f9
}

.developers_list-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.developers_list-item img {
    max-width: 60%;
    width: 100%;
    height: 100px;
    object-fit: contain
}

.developers_list-showMore {
    font-family: GothamProBold, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    display: none;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    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;
    word-break: normal;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    margin: 20px auto 0
}

.developers_list-showMore:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}
.developer__header {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 50vh;
    min-height: 500px;
    position: relative;
    z-index: 4;
    margin-bottom: 50px
}

.developer__header .container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.developer__header-content {
    padding-bottom: 140px
}

.developer__header-subtitle {
    background: #02b2ee;
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    line-height: 1;
    padding: 7px 10px 5px;
    color: #fff
}

.developer__header-title {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    padding-top: 15px;
    letter-spacing: -10px;
    margin: 0
}

.developer__header-btn {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #02b2ee;
    padding: 0 15px;
    height: 56px;
    line-height: 60px;
    text-decoration: none;
    background: #02b2ee;
    background: linear-gradient(-90deg, #fff 0, #fff 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;
    min-width: 220px
}

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

.developer__header-logo {
    position: absolute;
    width: 160px;
    top: 50px;
    right: 10px
}

.developer__header-logo img {
    width: 100%;
    max-height: 100px;
    object-position: right center;
    object-fit: contain
}

.developer__details {
    position: absolute;
    bottom: -30px;
    height: 140px;
    background: #02b2ee;
    right: 10px;
    width: calc(100% - 20px);
    display: flex;
    align-items: center;
    padding: 0 40px
}

.developer__details-item {
    height: 60px;
    padding-right: 80px;
    padding-top: 25px;
    background-position: center right;
    background-size: 60px auto;
    background-repeat: no-repeat;
    position: relative;
    font-family: GothamProBold, sans-serif;
    font-size: 32px;
    letter-spacing: -2px;
    line-height: 1;
    min-width: 140px;
    color: #fff;
    margin-left: 60px
}

.developer__details-item.button {
    text-align: left;
    flex-grow: 1;
    padding: 0;
    height: 56px;
    margin: 0
}

.developer__details-item.projects {
    background-image: url(../icons/burj-khalifa.svg)
}

.developer__details-item.founded {
    background-image: url(../icons/back-in-time.svg);
    background-size: 50px auto;
    background-position: center right 10px
}

.developer__details-item.price {
    background-image: url(../icons/cost.svg);
    background-size: 54px auto;
    background-position: center right 10px
}

.developer__details-item-head {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    top: 8px;
    letter-spacing: normal;
    opacity: .5
}

.developer__breadcrumbs {
    position: absolute;
    display: flex;
    align-items: center;
    height: 50px;
    bottom: -90px
}

.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__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;
    right: 0;
    top: 0;
    background: #333;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s
}

.page360-item__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 70px;
    height: 70px;
    background-image: url(../icons/360-view.svg);
    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;
    right: 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;
    right: 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-right: 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: right;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-left: 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;
    left: 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
}

@keyframes loading {
    0% {
        background-position: 0% 50%
    }

    100% {
        background-position: 100% 50%
    }
}

.service__header {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 50vh;
    min-height: 540px;
    position: relative;
    z-index: 4
}

.service__header .container {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.service__header-title {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    padding-top: 15px;
    letter-spacing: -8px;
    margin-right: -7px;
    max-width: 800px
}

.service__breadcrumbs {
    font-family: GothamPro, sans-serif;
    position: absolute;
    display: flex;
    align-items: center;
    height: 70px;
    bottom: -70px
}

.services__btns {
    margin-top: 20px;
    vertical-align: bottom
}

.service__btn {
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    height: 56px;
    line-height: 58px;
    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;
    word-break: normal;
    white-space: nowrap;
    text-transform: uppercase;
    outline: 0;
    border: none;
    box-sizing: border-box
}

.service__btn.brochure {
    background: #fff;
    background: linear-gradient(-90deg, #fff 0, #fff 50%, #02b2ee 50%, #02b2ee 100%);
    background-size: 200% 100%;
    color: #02b2ee;
    margin-right: 15px;
    border: 3px solid #02b2ee;
    vertical-align: bottom;
    line-height: 54px
}

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

.property__listing {
    display: block;
    padding: 40px 15px 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1220px;
    box-sizing: border-box
}

.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-right: 30px
}

.property__params-select {
    padding: 0;
    list-style: none;
    margin: 0 5px 0 0;
    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-left: 1px solid #f1f1f1
}

.property__params-select:not(.select) .property__params-select-item:first-child {
    border-right: 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 10px 0 20px;
    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;
    left: 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-right: 5px
}

.property__params-select.select {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 39px;
    right: 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
}

.property__params-item.map-btn-wrap {
    margin-left: 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 20px 11px 42px;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

html.desktop #show-map:hover {
    background-position: 0% 0
}

#show-map:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../icons/map-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 100%;
    margin-left: 15px;
    animation: 7s infinite mapBG-rotation
}

@keyframes mapBG-rotation {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(-360deg)
    }
}

.property__listing-load {
    position: relative;
    z-index: 1
}

.property__listing-page {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.property_listing-item {
    position: relative;
    width: 33.333333%;
    margin-bottom: 40px;
    padding: 15px
}

.property_listing-item a.listing-whatsapp {
    bottom: 4px
}

.property_listing-item .propertyHead-name {
    font-size: 18px;
    padding-bottom: 6px
}

.property_listing-item .propertyHead-locate {
    font-size: 13px
}

.listing-img {
    position: relative;
    display: block;
    width: 100%;
    height: 240px;
    background-color: #f1f1f1;
    background-image: url(../icons/loader.svg);
    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: right;
    border: none
}

.listing-gallery .owl-item img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block
}

.listing-gallery .owl-item a {
    display: block
}

.listing-gallery .owl-nav {
    position: absolute;
    top: 0;
    z-index: 10;
    height: 240px;
    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: top;
    transition: color .5s
}

html.desktop .listing-gallery .owl-prev {
    right: -80px
}

html.desktop .listing-gallery .owl-next {
    left: -80px
}

html.desktop .listing-gallery:hover .owl-prev,
html:not(.desktop) .listing-gallery .owl-prev {
    right: 0;
    opacity: .7
}

html.desktop .listing-gallery:hover .owl-next,
html:not(.desktop) .listing-gallery .owl-next {
    left: 0;
    opacity: .7
}

.property__linking .container {
    margin-top: 80px
}

.property__linking h2 {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: GothamProBold, sans-serif
}

.property__linking-wrap {
    margin: 0 -5px
}

.property__linking-item {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    background: #f9f9f9;
    font-family: GothamPro, sans-serif;
    font-size: 13px;
    color: #333;
    text-decoration: none !important;
    padding: 12px 15px 10px;
    margin: 5px
}

.property__linking-item:hover {
    color: #fff;
    background: #02b2ee
}

.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: top;
    transition: color .5s
}

.y-slider .owl-prev {
    right: 30px
}

.y-slider .owl-next {
    left: 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;
    right: 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
}

.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: rtl
}

.y-initial-info-wrap .y-left b,
.y-initial-info-wrap .y-left strong {
    font-weight: 400;
    font-family: GothamProBold
}

.y-property-stickers {
    display: block;
    padding-bottom: 15px
}

.y-sticker {
    margin-left: 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-left: 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
}

.y-property-title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: GothamProBold, sans-serif;
    color: #333
}

.y-property-location {
    display: block;
    margin-bottom: 20px
}

.y-location-icon {
    margin-left: 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-left: 50px
}

.y-property-init-det-wrap>div:last-child {
    padding-left: 0
}

.y-property-init-det-wrap-img {
    padding-left: 20px
}

.y-label-icon {
    position: relative;
    right: 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
}

.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-right: 0 !important;
    padding-left: 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: left
}

.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: right;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin-left: 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 {
    width: 80px;
    height: 14px;
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.y-agetnRating .agetnRating-details {
    vertical-align: top;
    line-height: 1;
    margin: 4px 5px 0 0;
    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: 0% 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-left: 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-right: 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: 0% 0;
    color: #fff;
    text-decoration: none
}

.y-btn-req.whatsapp:before {
    background-image: url(../images/whatsapp-mob.svg);
    width: 18px;
    height: 18px
}

.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-right: 30px;
    position: relative
}

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

.y-info-wrp {
    overflow: hidden
}

.y-info-wrp h2 {
    font-family: GothamProBold, sans-serif;
    font-weight: 400
}

.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-left: 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;
    right: 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
}

.y-pictures-wrap {
    position: relative;
    width: 100%;
    font-family: GothamPro;
    max-width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto 100px
}

.y-pictures-clm {
    flex: 0 0 50%;
    max-width: 50%
}

.y-pictures-article {
    display: flex
}

.y-img-container2 {
    position: relative;
    float: left;
    left: 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-right: 0;
    list-style: none
}

.x-unit-facilities-listing li {
    position: relative;
    width: 50%;
    list-style-position: inside;
    padding: 10px 40px 10px 10px;
    font-size: 18px
}

.x-unit-facilities-listing li:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 12px;
    background: url(../icons/tick.svg) 100% 0/contain no-repeat
}

#loadMap {
    width: 100%;
    height: 650px
}

.x-contact-section {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
    background: #37404b
}

.x-contact-section .x-contact-section-content {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto
}

.x-contact-section-title {
    text-align: right
}

.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-right: 15px
}

.x-contact-basic {
    width: 30%;
    margin-left: 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-right: 0
}

.x-contact-basic li {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding-right: 60px
}

.x-contact-basic li .x-contract-entry-icon {
    position: absolute;
    right: 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
}

.half-column {
    width: 50%;
    padding-bottom: 10px
}

.half-column:nth-of-type(2n+2) {
    padding-right: 10px
}

.half-column:nth-of-type(2n+1) {
    padding-left: 10px
}

.full-column {
    position: relative;
    width: 100%;
    padding-bottom: 10px
}

.uncf-label {
    position: relative;
    display: block !important;
    width: 100%;
    color: #fff;
    font-family: GothamProLight, san-serif
}

.unit-contact-form label {
    width: 100%
}

.unit-contact-form input,
.unit-contact-form textarea {
    width: 100%;
    outline: 0;
    border: 0;
    padding: 8px 10px;
    margin-top: 10px
}

.unit-contact-form textarea {
    height: 160px
}

.unit-contact-form input[type=submit] {
    font-family: GothamProBold, 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;
    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;
    min-width: 220px;
    width: 100%
}

.unit-contact-form input[type=submit]:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.featureProjects.similarProjects {
    padding-bottom: 50px
}

.modalFormReq {
    position: relative;
    padding: 20px 20px 0
}

.modalFormReq label {
    position: relative
}

.modalFormReq .uncf-label {
    position: absolute;
    top: 12px;
    right: 5px;
    width: auto;
    padding: 3px 5px 2px;
    line-height: 1;
    color: #333;
    font-size: 14px
}

.modalFormReq input,
.modalFormReq textarea {
    border: 1px solid #e1e1ec;
    margin-top: 0
}

.modalFormReq textarea {
    height: 120px
}

.modalFormReq div.wpcf7-response-output {
    margin: 0
}

.page-template .bannerPM.joinBanner {
    display: block;
    background-image: url(../images/mpp-family-fw.jpg);
    background-position: bottom -30px center;
    height: calc(100vh - 80px);
    min-height: 720px
}

.page-template .bannerPM.joinBanner:after {
    display: none
}

.joinBanner .bannerHeading {
    color: #333
}

.joinBanner .bannerSubHeading {
    font-family: GothamProBold, sans-serif;
    color: #02b2ee
}

.pmFooter.joinForm {
    margin-top: 0
}

.advHeadpm {
    font-family: GothamProBold;
    font-size: 17px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    padding-top: 15px;
    padding-bottom: 15px
}

.advHeadpm span {
    color: #02b2ee
}

.joinTextBlock ul {
    padding-right: 0;
    font-size: 20px;
    color: #02b2ee
}

.joinTextBlock ul li {
    color: #333;
    font-size: 18px
}

.joinVideo {
    position: relative;
    display: flex;
    align-items: center !important
}

.joinVideo .YtImg {
    position: absolute;
    display: block;
    top: 0;
    z-index: 10;
    width: 100%
}

.joinVideo .videoWrapper {
    width: 100%
}

.joinVideo .videoWrapper:after {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 343px;
    height: 216px;
    background: url(../images/pmfdot.png);
    left: -94px;
    right: auto;
    top: -62px
}

.featureProjects.qaBlock {
    padding-top: 30px
}

.postRead.vacancy {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.vacancy .postReadL {
    display: inline-block
}

.vacancy .postReadL img {
    margin-top: -2px
}

.vacancy .postReadL p {
    display: inline-block;
    font-family: GothamPro;
    font-size: 13px;
    color: #adadad;
    margin-right: 5px;
    margin-bottom: 0;
    padding-bottom: 0
}

.vacancy .postReadL p span {
    color: #646270
}

.vacancy .postReadR {
    display: inline-block;
    float: left;
    margin-top: 2px
}

.vacancy .postReadR img {
    margin-top: -2px
}

.vacancy .postReadR p {
    display: inline-block;
    font-family: GothamPro;
    font-size: 13px;
    color: #646270;
    margin-right: 0;
    margin-left: 0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 24px;
    line-height: 24px
}

.vacancy .officeLocation {
    margin-left: 0;
    background-image: url(../images/location.svg);
    padding-right: 25px;
    background-position: right top;
    background-size: auto 20px;
    background-repeat: no-repeat;
    height: 24px;
    line-height: 24px
}

.vacancy .postedTime {
    margin-left: 20px
}

body.page-template-template-contact {
    overflow-x: hidden
}

.page-template-template-contact .featureProjects>.container:first-child {
    padding-top: 30px
}

.locationMap {
    display: block;
    position: relative;
    padding-bottom: 100px
}

.locationMap iframe {
    width: 100%;
    height: 500px;
    box-shadow: 0 6px 17px rgba(169, 169, 169, .395012);
    border: none;
    overflow: hidden;
    margin: 0
}

.mapouter {
    position: relative;
    text-align: left;
    height: 500px;
    width: 100%
}

.gmap_canvas {
    overflow: hidden;
    background: 100% 0 !important;
    height: 500px;
    width: 100%
}

.contactUsBg {
    position: absolute;
    bottom: 50px;
    left: -100px;
    z-index: -1
}

.contactH {
    font-family: GothamProBold;
    font-size: 28px;
    color: #333;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.contactH:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    border-bottom: 3px solid #02b2ee
}

.contactSH {
    font-family: GothamProBold, sans-serif;
    font-size: 24px;
    color: #02b2ee;
    position: relative;
    padding-bottom: 15px;
    margin-top: 30px;
    margin-bottom: 20px
}

.contactSH:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 70px;
    border-bottom: 1px solid #d7d7d7
}

.contactPcSep {
    width: 70px;
    display: inline-block
}

.contactForm .field {
    margin-bottom: 25px
}

.contactAdd {
    display: inline-block;
    max-width: 400px;
    font-family: GothamProBold;
    font-size: 16px;
    color: #333;
    margin-right: 10px
}

.contactAdd a {
    color: #333;
    text-decoration: none;
    transition: color .2s
}

.contactAdd a:hover {
    color: #02b2ee;
    text-decoration: none
}

.contactIcon {
    vertical-align: top;
    margin-top: 2px
}

.contactIcon1 {
    margin-top: 12px !important
}

.contactForm {
    display: block;
    padding-top: 30px
}

.contactForm input[type=email],
.contactForm input[type=tel],
.contactForm input[type=text],
.contactForm textarea {
    width: 100%;
    border: 1px solid #e1e1ec;
    padding: 10px 15px;
    background: 100% 0;
    position: relative;
    z-index: 10
}

.contactForm textarea {
    min-height: 46px;
    max-height: 450px
}

.contactForm button {
    width: 100%;
    border: none;
    background-color: #02b2ee;
    font-family: GothamProBold, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
    text-transform: uppercase
}

.bannerAbout {
    background-color: transparent;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1
}

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

.bannerAbout .container {
    margin-top: 80px
}

.aboutHeader {
    font-family: GothamProBold;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px
}

.aboutText1 {
    font-size: 22px;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    margin-bottom: 5px
}

.aboutText2 {
    font-size: 20px;
    color: #fff;
    font-family: GothamPro;
    border-right: 4px solid #02b2ee;
    padding-right: 20px;
    max-width: 800px
}

.aboutText3 {
    font-size: 20px;
    color: #fff;
    font-family: GothamPro
}

.bannerAbout .aboutText3:last-child {
    margin-bottom: 0
}

.aboutBText {
    display: block;
    padding-top: 100px;
    padding-bottom: 150px
}

.aboutBlock {
    background-color: #fff;
    border: 1px solid #eee;
    height: 300px;
    padding: 20px 15px;
    margin-bottom: 25px
}

.aboutBlockCont {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url(../images/about-bg.png) center center/80% no-repeat
}

.aboutBlockH {
    display: block
}

.aboutBlockH img {
    width: 80px
}

.aboutBlockHL {
    display: inline-block;
    border-bottom: 1px solid #eee;
    width: 70px;
    float: left;
    margin-left: -15px;
    font-size: 20px;
    font-weight: 700;
    color: #02b2ee;
    padding-bottom: 3px;
    font-family: GothamPro
}

.aboutBlockB {
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 5px
}

.aboutBlockBH {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
    color: #333;
    font-family: GothamPro
}

.aboutBlockBP {
    display: block;
    color: #333;
    font-family: GothamPro;
    font-size: 15px
}

.block2H {
    display: block
}

.block2H h2 {
    display: inline-block;
    color: #333;
    font-family: GothamProBold;
    font-size: 36px
}

.block2HS {
    width: 80px;
    height: 3px;
    background-color: #02b2ee;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -5px
}

.block2H p {
    display: block;
    color: #646270;
    font-family: GothamProLight;
    font-size: 20px;
    padding-top: 5px
}

.block2H p span {
    color: #333;
    font-family: GothamPro;
    font-size: 30px;
    font-weight: 700
}

.block2D {
    border-right: 1px solid #d7d7d7;
    display: block;
    margin-right: 10px;
    padding-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 20px
}

.block2D .row {
    margin: 0 !important
}

.block2D .col-md-8 {
    padding-right: 0
}

.companyProfile {
    display: block;
    position: relative;
    padding-bottom: 50px
}

.companyProfile.lastComBloc {
    padding-bottom: 10px
}

.companyProfile h2 {
    font-family: GothamProBold;
    font-size: 24px;
    color: #02b2ee;
    font-weight: 400
}

.companyBullet {
    width: 49px;
    position: absolute;
    right: -75px;
    top: -10px
}

.companyPP {
    font-family: GothamPro;
    font-size: 18px;
    color: #333;
    padding-top: 7px;
    padding-left: 30px;
    line-height: 1.5
}

.companyProfile .col-md-4 {
    padding: 0
}

.companyLogo {
    display: flex;
    max-width: 260px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 3px 14px rgba(178, 178, 178, .15);
    border-top: 3px solid #02b2ee;
    transition: transform .3s, box-shadow .4s;
    min-height: 130px;
    align-items: center
}

.companyLogo img {
    width: 100%;
    vertical-align: middle
}

.companyLogo.link:hover {
    box-shadow: 0 8px 21px rgba(178, 178, 178, .25);
    transform: translateY(-7px)
}

.companyrec,
.companyrec2 {
    display: none
}

.landlords .row {
    justify-content: center
}

.pmBanB {
    display: block;
    text-align: center;
    padding-top: 30px
}

.pmBanB p {
    font-family: GothamProLight;
    font-size: 20px;
    text-align: center;
    color: #646270;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto
}

.pmBanB b {
    font-weight: 400;
    font-family: GothamProBold;
    color: #333
}

.pmBanB.fullWidth p {
    max-width: 100%
}

.pmBanB.left p {
    text-align: right
}

.fullWidth a {
    color: #02b2ee;
    text-decoration: none !important;
    display: inline-block;
    position: relative
}

.fullWidth a:after {
    bottom: 3px;
    width: 100%;
    position: absolute;
    height: 1px;
    content: "";
    background: #02b2ee;
    left: 0;
    max-width: 0;
    display: block;
    transition: .5s ease-out
}

.fullWidth a:hover {
    color: #02b2ee
}

.fullWidth a:hover:after {
    left: auto;
    right: 0;
    max-width: 100%
}

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

.discoverCont a {
    font-family: GothamProBold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0 25px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    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
}

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


.featureProjects.promo {
    background-image: url(../images/dotbg2.png);
    background-position: right -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;
    right: 100px;
    z-index: 1
}

.promo .projectHeading {
    font-family: GothamProBold;
    padding-bottom: 30px
}

.promo .projectHeading .sub-header {
    font-size: 21px;
    line-height: 1.3;
    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;
    right: 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
}

.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-left: 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
}

.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 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;
    left: 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-right: 2px solid #fff;
    transform: rotate(45deg);
    left: 7px;
    top: 16px
}

.video-popup-close:before {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    right: 7px;
    top: 16px
}

.video-popup-close:hover {
    background: #02b2ee
}

#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;
    left: 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;
    right: -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 {
    right: 0;
    left: 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: 0% 0;
    color: #fff;
    text-decoration: none
}

header {
    padding-top: 20px
}

#stickyMenu {
    /* position: fixed; */
    top: 0;
    width: 100%;
    z-index: 99999999999999
}

body.logged-in #stickyMenu {
    top: 30px
}

#stickyMenu.pageHeader {
    position: absolute;
    background: #fff
}
.sticky {
    position: fixed;
    z-index: 9999999999999999999999;
    background-color: #fff;
    top:0;
    width:100%;
    transition: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* .sticky{
    position: fixed;
    z-index: 99999999999999;
} */
.pageHeader:not(body) {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

#stickyMenu.scroll {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #fff !important;
    padding-bottom: 15px;
    box-shadow: 0 7px 17px 0 rgba(172, 172, 172, .2);
    z-index: 2100;
    transition: visibility, opacity .5s linear;
    padding-top: 15px !important
}

body.home #stickyMenu.scroll {
    filter: none
}

.mobileMenu {
    display: none
}

.col-menu {
    max-width: 1180px !important;
    justify-content: space-between
}

.logoContainer {
    width: 180px;
    height: 46px;
    vertical-align: middle;
    display: flex;
    align-content: center
}

.logoContainer>img {
    width: 100%
}

.logoContainer img {
    width: 180px
}

.mobile-elastic {
    display: none
}

.menusContainer {
    height: auto;
    padding-right: 25px;
    flex-grow: 1;
    display: block;
}

.bannerPM .menusContainer {
    display: inline-block;
    padding-right: 50px
}

.menusContainer .menu {
    display: flex;
    padding-right: 0;
    margin-bottom: 0
}

.menusContainer .menu li {
    list-style: none;
    padding-right: 0;
    margin-right: auto;
    margin-left: 14px;
}

.menusContainer .menuItem {
    margin-left: 12px
}

.menuItem {
    display: inline-block;
    font-family: GothamProBold;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
    text-decoration: none;
    transition: color .5s;
    white-space: nowrap
}

.menuItem:hover {
    color: #fff;
    text-decoration: none
}

#stickyMenu.pageHeader .menuItem,
#stickyMenu.scroll .menuItem {
    color: #333
}

#stickyMenu.pageHeader .menu-item-has-children:hover>.menuItem,
#stickyMenu.pageHeader .menuItem:hover,
#stickyMenu.scroll .menu-item-has-children:hover>.menuItem,
#stickyMenu.scroll .menuItem:hover {
    color: #02b2ee;
    text-decoration: none
}

.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 10px 15px;
    border-top: 2px solid #02b2ee;
    box-shadow: 0 40px 50px 0 rgba(9, 32, 49, .18);
    background-color: #fff;
    transition: .2s linear;
    z-index: 2;
    min-width: 60px
}

#stickyMenu .menu-item-has-children:hover>.sub-menu,
.menu-item-has-children.sub-menu-show>.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    /* width:100% */
}

.sub-menu .menuItem {
    font-family: GothamProLight
}

.menu .sub-menu .menuItem {
    color: #000;
    margin: 0;
    transition: color .5s;
    position: relative
}

.menu .sub-menu .menuItem:after {
    content: "";
    position: absolute;
    bottom: 4px;
    width: 100%;
    left: 0;
    height: 1px;
    background: #02b2ee;
    transition: max-width .5s;
    max-width: 0
}

#stickyMenu .menu .sub-menu .menuItem:hover {
    color: #02b2ee
}

#stickyMenu .menu .sub-menu .menuItem:hover:after {
    max-width: 100%;
    right: 0;
    left: auto
}

.menu-item-has-children>.menuItem {
    padding-left: 15px;
    position: relative
}

.menu-item-has-children>.menuItem:after {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 0;
    border-top: 0;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: #fff;
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    left: 3px;
    transform: rotate(-45deg) translateY(-50%)
}

#stickyMenu .menu-item-has-children:hover>.menuItem:after,
.menu-item-has-children>.menuItem:hover:after,
.mobileMenu .menu-item-has-children.sub-menu-show>.menuItem:after {
    border-color: #fff;
    border-left: 0;
    border-bottom: 0;
    border-right: 2px solid;
    border-top: 2px solid;
    top: calc(50% + 1px)
}

#stickyMenu.pageHeader .menu-item-has-children>.menuItem::after,
#stickyMenu.scroll .menu-item-has-children>.menuItem:after {
    border-color: #333
}

#stickyMenu.pageHeader .menu-item-has-children:hover>.menuItem:after,
#stickyMenu.pageHeader .menu-item-has-children>.menuItem:hover:after,
#stickyMenu.scroll .menu-item-has-children:hover>.menuItem:after,
#stickyMenu.scroll .menu-item-has-children>.menuItem:hover:after {
    border-color: #02b2ee
}

.wpml-ls-menu-item .wpml-ls-flag+span {
    margin-right: 5px
}

.wpml-ls-menu-item .wpml-ls-flag {
    display: inline;
    vertical-align: baseline;
    margin-bottom: -1px
}

.pageHeader .langContainer {
    margin-right: 0
}

.whatContainer {
    font-family: GothamProBold, san-serif;
    font-size: 14px;
    color: #fff !important;
    display: block;
    line-height: 40px;
    float: left;
    padding-right: 50px;
    vertical-align: top;
    text-decoration: none !important;
    position: relative;
    direction: ltr;
}

.mobileMenu .whatContainer,
.pageHeader .whatContainer,
.scroll .whatContainer {
    color: #333 !important
}

.whatContainer:after {
    position: absolute;
    content: "";
    background-color: #25d366;
    left: 0;
    bottom: 10px;
    height: 1px;
    display: block;
    width: 100%;
    max-width: 0;
    transition: max-width .3s ease-in-out
}

.whatContainer:hover:after {
    max-width: calc(100% - 50px)
}

.whatContainer span {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #01c24a;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none
}

.whatContainer span:after {
    content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.52 3.449c-2.28-2.204-5.28-3.449-8.475-3.449-9.17 0-14.928 9.935-10.349 17.838l-1.696 6.162 6.335-1.652c2.76 1.491 5.021 1.359 5.716 1.447 10.633 0 15.926-12.864 8.454-20.307z' fill='%23eceff1'%3E%3C/path%3E%3Cpath d='m12.067 21.751-.006-.001h-.016c-3.182 0-5.215-1.507-5.415-1.594l-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-8.793 10.745-13.19 16.963-6.975 6.203 6.15 1.848 16.875-7.026 16.875z' fill='rgb(1, 194, 74)' class='fill_color_hover' style=''%3E%3C/path%3E%3Cpath d='m17.507 14.307-.009.075c-.301-.15-1.767-.867-2.04-.966-.613-.227-.44-.036-1.617 1.312-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z' fill='%23fafafa'%3E%3C/path%3E%3C/svg%3E");
    height: 26px;
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    right: 0;
    left: 0
}
.menuIcon {
    display: none
}

.footer {
    display: block;
    background: #f9f9f9;
    width: 100%;
    padding-top: 50px
}

.footer .col-md-2 {
    width: 196.5px !important
}

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

.hiddenurl a {
    pointer-events: none
}

.hline {
    display: block;
    border-bottom: 1px solid #eee;
    height: 2px;
    width: 100%;
    margin-right: 15px;
    margin-left: 15px
}

.copyRightCont {
    padding: 10px 0;
    display: block
}

.copyRightCont .row {
    align-items: center
}

.footer .align-right {
    text-align: left
}

.copyRightCont p {
    font-family: GothamPro;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #646270
}

.copyRightCont a {
    font-family: GothamPro;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #646270 !important;
    text-decoration: underline;
    transition: .2s
}

.copyRightCont a:hover {
    color: #02b2ee !important
}

.copyRightCont .col-md-2 {
    width: 196.5px !important;
    vertical-align: top
}

.copyRightCont .col-md-8 {
    width: 786.5px !important
}

.col.footer4 {
    padding-top: 36px
}

.FooterMH {
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #333;
    border-bottom: 2px solid #02b2ee;
    padding-bottom: 5px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0
}

.footer__contacts {
    text-align: right;
    margin-bottom: 15px
}

.footer-contacts .FooterMH {
    margin-bottom: 10px
}

.footer-contacts__col {
    margin-top: 5px
}

.footer-contacts a.footer-contacts__link {
    font-family: GothamPro, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #555;
    text-decoration: none;
    transition: color .5s;
    margin-right: 5px
}

.footer-contacts a.footer-contacts__link:hover {
    color: #02b2ee !important
}

.with-logo {
    padding-top: 3px
}

.with-logo img {
    width: 160px !important
}

.footer .menu {
    padding-right: 0;
    margin-right: 0;
    margin-top: 15px;
    list-style: none
}

.footer .menu a {
    font-family: GothamPro, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #555;
    text-decoration: none;
    transition: color .5s
}

.menu-footer-menu-container ul {
    padding-top: 4px
}

.footer .col .menuItem {
    font-family: GothamProLight;
    font-weight: 400
}

.footer .col .menuItem:hover,
.menu-footer-menu-container .menuItem:hover {
    color: #02b2ee !important
}

.socialIcons {
    display: inline-block
}

.socialIcons a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #eee;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: color .5s, border-color .5s
}

.socialIcons a:hover {
    color: #02b2ee;
    border: 1px solid #02b2ee
}

.widget-currency-switcher {
    margin-right: 5px
}

.CurrencySelect,
.widget-currency-switcher {
    display: inline-block;
    width: 73px;
    vertical-align: top
}

.CurrencySelect .currency-switcher,
.widget-currency-switcher .currency-switcher {
    border-radius: 0 !important;
    border: 1px solid #eee !important;
    font-family: GothamProBold, sans-serif !important;
    font-size: 12px !important;
    width: 100% !important;
    padding: 9px 5px 8px !important;
    height: 35px
}

.areaSelect {
    display: block;
    margin-top: 20px
}

.areaSelect .areaSelect-btn,
.areaSelect .areaSelect-btn:hover {
    display: inline-block;
    width: 50%;
    text-align: center;
    border: 1px solid #02b2ee;
    text-decoration: none;
    color: #333;
    background-color: #fff
}

.areaSelect .areaSelect-btn:nth-child(2) {
    margin-right: -5px
}

.areaSelect .areaSelect-btn.active {
    background-color: #02b2ee;
    color: #fff
}

.footer .areaSelect .areaSelect-btn {
    padding: 5px 10px;
    transition: color .5s
}

.footer .areaSelect .areaSelect-btn:not(.active):hover {
    color: #02b2ee
}
.googleRating {
    margin: 15px 0;
    display: inline-block
}

.grw-net-widget {
    all: initial;
    font-family: Arial, Helvetica, sans-serif
}

.grw-net-widget * {
    all: unset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.grw-net-widget a:hover {
    text-decoration: none;
    color: inherit
}

.grw-net-widget .grw-net-text {
    color: #5f6369
}

.grw-net-widget .grw-net-text-bold {
    font-weight: 700
}

.grw-net-widget .grw-net-text-medium {
    font-weight: 700;
    color: #5f6368
}

.grw-net-widget .grw-net-text-line {
    font-size: 1.1em;
    margin-right: .2rem;
    margin-left: .2rem
}

.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
}

.grw-net-widget .grw-net-text-row-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grw-net-widget .grw-net-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.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
}

.grw-net-widget .grw-net-stars-4-5-star .grw-net-stars-star,
.grw-net-widget .grw-net-stars-5-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-4-5-star .grw-net-stars-star:last-child {
    background-image: url(../icons/star-half.svg)
}

.grw-net-widget .grw-net-stars-4-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-4-0-star .grw-net-stars-star:nth-last-child(-n+1) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star:nth-last-child(2) {
    background-image: url(../icons/star-half.svg)
}

.grw-net-widget .grw-net-stars-3-5-star .grw-net-stars-star:nth-last-child(-n+1) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-3-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-3-0-star .grw-net-stars-star:nth-last-child(-n+2) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star:nth-last-child(3) {
    background-image: url(../icons/star-half.svg)
}

.grw-net-widget .grw-net-stars-2-5-star .grw-net-stars-star:nth-last-child(-n+2) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-2-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-2-0-star .grw-net-stars-star:nth-last-child(-n+3) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star:nth-last-child(4) {
    background-image: url(../icons/star-half.svg)
}

.grw-net-widget .grw-net-stars-1-5-star .grw-net-stars-star:nth-last-child(-n+3) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-1-0-star .grw-net-stars-star {
    background-image: url(../icons/star-full.svg)
}

.grw-net-widget .grw-net-stars-1-0-star .grw-net-stars-star:nth-last-child(-n+4) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-stars-0-5-star .grw-net-stars-star {
    background-image: url(../icons/star-half.svg)
}

.grw-net-widget .grw-net-stars-0-0-star .grw-net-stars-star,
.grw-net-widget .grw-net-stars-0-5-star .grw-net-stars-star:nth-last-child(-n+4) {
    background-image: url(../icons/star-empty.svg)
}

.grw-net-widget .grw-net-logo-l {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-l.svg);
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat
}

.grw-net-widget .grw-net-logo-r-w {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-r-w.svg);
    background-size: auto auto;
    background-position: center left;
    background-repeat: no-repeat
}

.grw-net-widget .grw-net-logo-r {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-r.svg);
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat
}

.grw-net-widget .grw-net-logo-b {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-b.svg);
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat
}

.grw-net-widget .grw-net-logo-simple {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    background-image: url(../icons/google-logo-simple.svg);
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat
}

.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
}

.grw-net-widget-one-type-1 {
    min-width: 190px
}

.grw-net-widget-one-type-3 {
    min-width: 220px
}

.grw-net-widget-one-type-1,
.grw-net-widget-one-type-3 {
    height: 34px
}

.grw-net-widget-one-type-1 .grw-net-logo-l,
.grw-net-widget-one-type-3 .grw-net-logo-l {
    width: 40px;
    height: 30px;
    margin-right: .4rem
}

.grw-net-widget-one-type-1 .grw-net-text,
.grw-net-widget-one-type-3 .grw-net-text {
    font-size: 1rem
}

.grw-net-widget-one-type-2 {
    min-width: 222px
}

.grw-net-widget-one-type-4 .grw-net-text {
    font-size: .9rem
}

.grw-net-widget-one-type-4 .grw-net-stars {
    margin-left: .5rem
}

.grw-net-widget-one-type-2,
.grw-net-widget-one-type-4 {
    min-height: 30px
}

.grw-net-widget-one-type-2 .grw-net-logo-l,
.grw-net-widget-one-type-4 .grw-net-logo-l {
    width: 32px;
    height: 22px;
    margin-right: .1rem
}

.grw-net-widget-one-type-2 .grw-net-stars,
.grw-net-widget-one-type-4 .grw-net-stars {
    width: 110px;
    gap: 2px;
    margin-right: .5rem
}

.grw-net-widget-one-type-2 .grw-net-stars-star,
.grw-net-widget-one-type-4 .grw-net-stars-star {
    height: 20px
}

.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
}

.grw-net-widget-two .grw-net-logo-r-w {
    width: 40px;
    height: 30px;
    z-index: 1
}

.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-right: 1rem;
    padding-left: .8rem;
    background-color: #4285f4;
    margin-right: -10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.grw-net-widget-two-content .grw-net-widget-text {
    font-size: .94rem;
    color: #fff
}

.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
}

.grw-net-widget-three-type-1 {
    padding: 2em;
    border: 1px solid #a6a8ab
}

.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
}

.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
}

.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;
    right: 50%
}

.grw-net-widget-three-type-2 .grw-net-text-better .grw-net-text-blue {
    color: #1967d2;
    font-weight: 700
}

.grw-net-widget-three-type-2 .grw-net-widget-content {
    padding: 1em
}

.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
}

.grw-net-widget-three .grw-net-widget-content .grw-net-text-center {
    text-align: center
}

.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
}

.grw-net-widget-three .grw-net-logo-row .grw-net-logo-r {
    width: 40px;
    height: 30px;
    margin-left: .3rem
}

.grw-net-widget-three .grw-net-logo-row .grw-net-logo-simple {
    width: 24px;
    height: 24px;
    margin-left: .4rem
}

.grw-net-widget-three .grw-net-logo-row .grw-net-text {
    font-size: 1.2rem
}

.grw-net-widget-three .grw-net-stars {
    width: 160px;
    height: 28px;
    gap: 6px;
    margin: .5rem 0 .7rem
}

.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
}

.grw-net-widget-four-type-1,
.grw-net-widget-four-type-2 {
    min-width: 270px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grw-net-widget-four-type-1 .grw-net-widget-four-logo {
    width: 68px;
    height: 58px
}

.grw-net-widget-four-type-1 .grw-net-text {
    margin-top: .2rem
}

.grw-net-widget-four-type-3 .grw-net-widget-four-logo {
    width: 51px;
    height: 39px
}

.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
}

.grw-net-widget-four-type-3 .grw-net-stars-col .grw-net-stars {
    width: 66px !important;
    height: 12px !important
}

.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-right: .2rem;
    color: #5f6368
}

.grw-net-widget-four-type-4 {
    min-width: 160px;
    padding: .8rem
}

.grw-net-widget-four-type-4 .grw-net-widget-four-logo {
    width: 78px;
    height: 88px;
    margin-left: 0
}

.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
}

.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
}

.grw-net-widget-four-type-4 .grw-net-widget-four-rows .grw-net-stars-row .grw-net-stars {
    margin-top: .3rem
}

.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
}

.grw-net-widget-four-type-5 {
    min-width: 180px;
    padding: .8em 0
}

.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
}

.grw-net-widget-four-type-5 .grw-net-widget-four-logo-row .grw-net-widget-four-logo {
    width: 36px;
    height: 24px;
    margin-left: .1rem
}

.grw-net-widget-four-type-5 .grw-net-widget-four-logo-row .grw-net-text {
    font-size: .92rem
}

.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
}

.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
}

.grw-net-widget-four-type-5 .grw-net-widget-four-rows .grw-net-stars {
    width: 100px;
    gap: 3px
}

.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
}

.grw-net-widget-four-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grw-net-widget-four-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px
}

.grw-net-widget-four-logo .grw-net-logo-b,
.grw-net-widget-four-logo .grw-net-logo-r {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
}

.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
}

.grw-net-widget-four-rows .grw-net-stars {
    width: 150px;
    height: 24px
}

.grw-net-widget-four-rows .grw-net-text {
    font-size: 13px
}

.grw-net-widget-four-rows .grw-net-text-small {
    font-size: .85rem
}

.grw-net-widget-four-rows .grw-net-text-big {
    font-size: 1.3rem
}

.grw-net-widget-four-rows .grw-net-text-more-big {
    font-size: 1.4rem;
    line-height: 1.1
}

.grw-net-widget-four-rows .grw-net-text-much-big {
    font-size: 26px;
    line-height: 1
}

.grw-net-widget-four-rows .grw-net-text-extra-big {
    font-size: 2.8rem;
    line-height: 1
}

.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
}

.grw-net-widget-four .grw-net-stars-row .grw-net-stars {
    width: 110px;
    height: 18px;
    gap: 1px;
    margin-right: .2rem
}

.grw-net-widget-four-blue-tag {
    width: 100%;
    text-align: center;
    background-color: #4285f4;
    color: #fff;
    font-size: .9rem;
    padding: .2rem .8rem
}

.grw-net-widget.grw-net-widget-dark .grw-net-text-bold,
.grw-net-widget.grw-net-widget-dark .grw-net-text-dark-white,
.grw-net-widget.grw-net-widget-dark .grw-net-text-medium {
    color: #fff
}

.grw-net-widget.grw-net-widget-dark .grw-net-widget-three {
    background-color: rgba(250, 250, 250, .1)
}

.grw-net-widget.grw-net-widget-dark .grw-net-widget-three-type-2 .grw-net-text-better,
.grw-net-widget.grw-net-widget-dark .grw-net-widget-three-type-2 .grw-net-text-better::before {
    background-color: #fff
}

.grw-net-widget.grw-net-widget-dark .grw-net-widget-four {
    background-color: rgba(250, 250, 250, .1)
}

.whatsappMarketing-dialog button,
.whatsappMarketing-dialog input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.whatsappMarketing-dialog {
    width: 700px !important;
    max-width: 700px !important
}

.whatsappMarketing-content {
    display: flex;
    flex-direction: row !important;
    background: 100% 0
}

.content-whatsapp {
    flex: 0 0 54%;
    background-image: url(../images/whatsapp-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    color: #fff;
    font-family: GothamPro, sans-serif;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    line-height: 1.3
}

.content-whatsapp p {
    margin: 0
}

.content-whatsapp b {
    font-weight: 400;
    font-family: GothamProBold, sans-serif
}

.content-whatsapp .header {
    font-family: GothamProBold, sans-serif;
    font-size: 28px;
    margin: 50px 0 20px;
    display: block
}

.content-whatsapp:before {
    display: block;
    width: 16px;
    height: 16px;
    content: "1";
    position: absolute;
    top: 38px;
    right: 60px;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    font-family: GothamProBold, sans-serif;
    background: red;
    border-radius: 8px
}

.subscribe-whatsapp {
    flex: 0 0 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: GothamPro, sans-serif;
    background: #fff;
    border-radius: 5px 0 0 5px
}

.whatsappForm-inside {
    text-align: center;
    padding: 40px 40px 20px
}

.whatsappMarketing-input {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    margin: 0 0 15px;
    font-family: GothamPro, sans-serif;
    font-size: 16px;
    padding: 2px 35px 0 0;
    line-height: 1;
    border: 1px solid #eee;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: right 9px center
}

input.whatsappMarketing-input.error {
    border-color: #a56969 !important
}

.whatsappMarketing-input[name=name] {
    background-image: url(../icons/icon-user.svg)
}

.whatsappMarketing-input[name=mobile] {
    background-image: url(../icons/icon-mob.svg)
}

.whatsappMarketing-msq {
    font-size: 10px;
    line-height: 1.3;
    color: #999;
    margin: 10px 0 0;
    font-family: GothamPro, sans-serif
}

.subscribe-whatsapp .whatsappMarketing-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, #01c24a 0, #01c24a 50%, #08a84a 50%, #08a84a 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    word-break: normal;
    margin-top: 10px;
    text-shadow: none;
    opacity: 1
}

.subscribe-whatsapp .whatsappMarketing-btn:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.whatsappMarketing-canceled {
    margin-top: 20px;
    border: none;
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    background: 100% 0;
    display: inline-block;
    text-decoration: underline;
    color: #a56969
}

.whatsappMarketing-canceled:hover {
    color: #873d3d;
    text-decoration: none
}

.whatsappForm-inside .success-header {
    font-family: GothamProBold, san-serif;
    font-size: 24px;
    color: #333;
    margin-bottom: 5px
}

.whatsappForm-inside .success-subheader {
    font-family: GothamPro, san-serif;
    font-size: 16px;
    color: #999;
    margin-bottom: 30px
}

.modal-close {
    position: absolute;
    z-index: 9;
    left: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(../icons/error.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1 !important;
    cursor: pointer
}

.whatsappMarketing-error {
    font-family: GothamPro, san-serif;
    font-size: 12px;
    line-height: 1.2;
    text-align: right;
    margin-top: -5px;
    transition: .3s;
    color: #a56969;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0
}

.whatsappMarketing-input.error+.whatsappMarketing-error {
    opacity: 1;
    max-height: 40px
}

a.whatsappMarketing-link {
    background-position: top right;
    padding-right: 24px;
    position: relative;
    text-decoration: none !important;
    color: #02b2ee !important
}

.whatsappMarketing-link:after {
    background-image: url(../icons/bell.svg);
    background-size: 18px auto;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    right: 0;
    top: -5px
}

.fade {
    transition: opacity .15s linear
}

.fade:not(.show) {
    opacity: 0
}

.close {
    float: left;
    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;
    right: 0;
    z-index: 2200 !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-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    top: 35px !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-right-radius: .3rem;
    border-top-left-radius: .3rem;
    padding: 7px 1rem 0 !important
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem auto -1rem -1rem
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem 1rem !important
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2100 !important;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modalH {
    font-family: GothamProBold;
    font-size: 21px;
    line-height: 25px;
    text-align: center
}

.modalPat {
    position: absolute;
    top: 0;
    right: 0
}

.modal-content.popUp {
    max-width: 360px;
    border-radius: 15px;
    overflow: hidden
}

.popUp-header {
    padding: 25px 0;
    font-size: 21px;
    text-align: center;
    color: #fff;
    font-family: GothamProBold, 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: GothamPro, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 1.1;
    padding: 8px 10px 6px !important
}

.popUp-form button {
    height: 60px;
    width: 100%;
    line-height: 62px;
    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: uppercase;
    font-family: GothamProBold, sans-serif;
    font-size: 16px;
    border: none;
    outline: 0;
    text-align: center;
    margin-top: 20px
}

.popUp-form button:hover {
    background-position: 0% 0
}

.popUp-form .checkbox .label,
.popUp-form .checkbox label,
.popUp-form .wpcf7-acceptance,
.popUp-form .wpcf7-list-item {
    margin: 0
}

.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: GothamProLight, sans-serif;
    color: #333;
    font-size: 16px;
    height: 38px
}

.popUp-form .wpcf7-text:focus {
    border-color: #02b2ee
}

.popUp-form .form-control.wpcf7-textarea {
    height: auto;
    padding: 12px 18px;
    -webkit-appearance: none;
    border: 1px solid #eee
}

.popUp-form .form-group {
    position: relative;
    margin-bottom: 25px
}

.popUp-form .form-group label {
    font-family: GothamProLight, sans-serif;
    color: #9a9898;
    position: absolute;
    line-height: 1;
    font-size: 14px;
    transition: .3s;
    word-wrap: normal;
    right: 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;
    left: 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-right: none;
    border-top: none;
    right: 2px
}

.popUp-header .close:before {
    border-left: none;
    border-bottom: none;
    left: 2px
}
.paginationCont {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 20px
}

.paginationCont .prev img {
    transform: rotate(180deg)
}

.paginationCont .page-numbers {
    display: inline-block;
    font-family: GothamProBold, sans-serif;
    height: 42px;
    width: 42px;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: #333;
    margin: 3px;
    background-color: #fff
}

.paginationCont .page-numbers:last-child {
    margin-left: 0
}

.paginationCont .current,
.paginationCont a.page-numbers {
    border: 1px solid #02b2ee;
    text-decoration: none
}

.paginationCont .current,
.paginationCont .page-numbers:hover {
    background-color: #02b2ee;
    color: #fff
}

.paginationCont .page-numbers.dots {
    background: 100% 0 !important;
    color: #333 !important
}

.paginationCont a.next,
.paginationCont a.prev {
    border: none;
    background-color: #fff
}

.paginationCont a.next:hover,
.paginationCont a.prev:hover {
    border: 1px solid #02b2ee;
    background-color: #fff
}

.paginationList {
    display: inline-block
}

.paginationList .prev img {
    transform: rotate(-180deg)
}

.paginationList li {
    list-style: none;
    display: inline-block
}

.paginationList li a {
    display: block;
    border: 1px solid #02b2ee;
    height: 37px;
    width: 37px;
    font-family: GothamProBold, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #333;
    text-decoration: none;
    padding-top: 4px
}

.paginationList li a.active,
.paginationList li a:hover {
    background-color: #02b2ee;
    color: #fff
}

.paginationList li a.nextPage,
.paginationList li a.nextPage:hover {
    display: block;
    border: none;
    font-family: GothamProBold, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #333;
    text-decoration: none;
    padding-top: 2px;
    background-color: #fff
}

.paginationList li a.nextPage img {
    margin-top: -5px
}

.paginationMobile {
    display: none
}

.breadcrumbs {
    font-family: GothamPro, san-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%
}

.breadcrumbs__current {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumbs__link {
    color: #02b2ee !important
}

.breadcrumbs__link:hover span {
    text-decoration: underline
}

.breadcrumbs__separator {
    font-size: 16px;
    color: #333;
    margin: 0 4px
}

.breadcrumbs span {
    line-height: 18px;
    height: 18px;
    display: inline-block;
    white-space: nowrap
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    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: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-group {
    margin-bottom: 1rem
}

.form-group textarea:focus {
    border-color: #02b2ee !important
}

.file-group {
    text-align: right;
    margin-bottom: 0 !important
}

.file-group .file_add_btn {
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 0;
    cursor: pointer;
    background-image: url(../images/paperclip.svg);
    background-position: right center;
    background-size: 28px auto;
    background-repeat: no-repeat
}

.file-group .file_add_btn span {
    position: relative;
    z-index: 10;
    vertical-align: top;
    color: #333;
    padding-right: 35px
}

.file-group input[type=file] {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 0;
    width: 200px;
    height: 36px;
    opacity: 0
}

.file-group .file_name {
    display: inline-block;
    line-height: 36px;
    font-size: 14px;
    color: #02b2ee;
    font-family: GothamProBold, sans-serif;
    vertical-align: top;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.field {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    position: relative
}

.filled {
    transform: translateY(-120%);
    font-size: 14px !important;
    background: #fff;
    position: relative;
    z-index: 10;
    padding-right: 3px;
    padding-left: 3px
}

.inputLbl {
    position: absolute;
    right: 10px;
    top: 0;
    display: inline-block;
    font-family: GothamPro, 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-right: 5px;
    padding-left: 5px
}

div.checkbox {
    position: relative;
    display: block;
    padding-right: 0;
    text-align: right;
    margin-bottom: 5px
}

div.checkbox input {
    margin-left: 5px;
    vertical-align: middle;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

div.checkbox .label,
div.checkbox label {
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 14px;
    font-family: GothamPro;
    line-height: 1.2;
    cursor: pointer
}

div.checkbox span.wpcf7-list-item {
    margin: 0
}

div.checkbox .wpcf7-acceptance {
    display: block
}

div.checkbox .wpcf7-list-item-label {
    color: #999;
    padding-right: 30px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    pointer-events: none
}

div.checkbox .wpcf7-list-item-label:after {
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 9px;
    content: "";
    position: absolute;
    right: 0;
    top: 2px
}

div.checkbox .wpcf7-list-item-label:before {
    width: 8px;
    height: 8px;
    background: #02b2ee;
    border-radius: 4px;
    content: "";
    position: absolute;
    right: 5px;
    z-index: 2;
    top: 7px;
    opacity: 0;
    transition: .3s
}

div.checkbox input:checked+.wpcf7-list-item-label:before {
    opacity: 1
}

label.focus .uncf-label {
    background: #02b2ee;
    color: #fff;
    top: -10px;
    font-size: 12px
}

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;
    right: -100px;
    top: 0;
    content: "";
    animation: 2s ease-in-out infinite submitting
}

@keyframes submitting {

    0%,
    100%,
    2%,
    98% {
        right: -100px
    }

    48%,
    52% {
        right: 100%
    }
}

.headForm {
    max-width: 360px;
    background: rgba(0, 0, 0, .5);
    padding: 20px;
    position: absolute;
    transform: translateY(-100%);
    left: -4px;
    top: -60px
}

.headForm-head {
    color: #fff;
    text-align: center;
    font-family: GothamProBold, 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: 15px;
    line-height: 1;
    right: 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: GothamPro;
    line-height: 1.3
}

.footerForm {
    padding-top: 30px;
    padding-right: 100px;
    padding-left: 100px
}

.footerForm label {
    font-family: GothamPro;
    color: #9a9898;
    position: absolute;
    line-height: 1.2;
    font-size: 16px;
    transition: .3s;
    word-wrap: normal;
    padding-bottom: 3.5px;
    right: 15px;
    top: 26px;
    z-index: 10;
    white-space: nowrap;
    pointer-events: none
}

.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: #9a9898 !important;
    border-bottom-width: 1px;
    border-color: #e1e1ec !important;
    border-radius: 0;
    padding: 0 18px 7px;
    font-size: 17px;
    cursor: initial;
    outline: 0 !important;
    height: 50px
}

.footerForm .form-control.wpcf7-textarea {
    height: auto;
    max-height: 400px;
    padding: 10px 18px
}

.footerForm button {
    border: 0;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    font-family: GothamProBold, sans-serif;
    width: 100%;
    margin-top: 15px;
    background: #02b2ee;
    background: linear-gradient(-90deg, #02b2ee 0, #02b2ee 50%, #008ce4 50%, #008ce4 100%);
    background-size: 200% 100%;
    transition: background .3s ease-in-out;
    height: 46px;
    text-transform: uppercase;
    line-height: 50px
}

.footerForm button:hover {
    background-position: 0% 0
}

.footerForm .form-group {
    position: relative;
    padding-top: 10px
}

.footerForm div.wpcf7-response-output {
    margin: 15px 0 0
}

.y-shortlist-wrap {
    text-align: center;
    padding-bottom: 20px
}

.y-shortlist-btn {
    padding: 0 28px 0 0;
    margin: 0;
    outline: 0;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    font-size: 13px;
    height: 22px;
    background: url(../icons/heart-red-empty.svg) right 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.svg)
}

.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 30px 0 15px;
    background-image: url(../icons/trash.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 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.svg);
    margin-left: 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-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 25px 3px 0;
    background-color: transparent;
    background-image: url(../icons/pdf-file.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: right center;
    font-family: GothamPro, sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-right: 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;
    right: -40px;
    opacity: 0;
    transition: .3s, right .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 {
    border: none;
    outline: 0;
    width: 40px;
    height: 40px;
    position: relative;
    margin-left: 10px;
    /* background-image: url(../icons/heart.svg);*/
    background-position: center bottom 9px;
    background-repeat: no-repeat;
    background-size: 22px auto;
    background-color: #e74c3c;
    border-radius: 20px; 
    padding: 0;
    color: #fff;
}

.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;
    left: -4px;
    font-family: GothamProBold, sans-serif;
    font-size: 13px;
    opacity: 0;
    transition: opacity .3s;
    color: #fff;
}

.open-shortList span:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .7;
    background: #fff;
    content: "";
    right: 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)
}

@keyframes loadingBtn {

    from,
    to {
        right: -40px
    }

    50% {
        right: 100%
    }
}

.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
}

.property__filter.search .property__filter-flex {
    height: 50px
}

.property__filter.search {
    height: 60px
}

.property__filter-flex .grp-50 {
    min-width: calc(50% - 2px)
}

.property__filter-flex .grp-50:first-child {
    margin-left: 2px
}

.property__filter-flex .grp-50:last-child {
    margin-right: 2px
}

.property__filter-group {
    position: relative
}

.property__filter-group.status {
    min-width: 60%;
    margin-right: 4px;
    max-width: 60%
}

.property__filter-group.search {
    background: #fff;
    display: flex
}

.property__search-input {
    padding: 0 15px;
    position: relative
}

.property__search-result {
    padding-right: 8px
}

.property__search-result.empty {
    padding: 0
}

.property__filter-item {
    height: 100%;
    width: 100%;
    background: #fff;
    color: #333;
    align-items: center;
    padding: 0 8px 0 12px;
    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;
    left: 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;
    right: 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;
    right: 0
}

.property__filter-group:last-child .property__select {
    right: auto;
    left: 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 26px 0 0;
    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) right center/18px auto no-repeat
}

.property__search-cancel {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10;
    top: 0;
    display: block;
    left: 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 0 8px 5px;
    padding: 0 10px 0 20px;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.property__search-resultItem:last-child {
    margin-left: 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;
    left: 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: #02b2ee;
    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.load-more {
    max-width: 240px;
    margin: 30px auto 0
}

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

.property__search-select {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 53px;
    right: 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-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
}

.vote-block {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative
}

.vote-block .rating-info {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px
}

.vote-block span.rating-text {
    font-size: 14px;
    display: block;
    float: right
}

.vote-block .rating {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 125px;
    height: 24px;
    float: right;
    vertical-align: middle
}

.vote-block .rating:hover li {
    background-image: url(../images/star@2x.svg);
    background-size: 25px 72px !important
}

.vote-block .rating li {
    display: block;
    width: 25px;
    height: 24px;
    float: left;
    text-indent: -9999px;
    cursor: pointer
}

.vote-block .rating li:hover,
.vote-block .rating li:hover~li {
    background-position: 100% -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: 100% -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;
    right: 0;
    display: block;
    width: 100%;
    z-index: 1;
    background-position: 100% 0;
    background-repeat: repeat-x;
    background-image: url(../images/star@2x.svg);
    background-size: 25px 72px !important
}

.vote-block ol.show-current li.current span {
    display: block;
    height: 24px;
    width: 0;
    max-width: 100%;
    background: inherit;
    background-position: 100% -48px
}

.vote-block.disabled ol.show-current li.current span {
    background-position: 100% -24px
}

.cta__section {
    position: relative;
    width: 100%;
    height: auto;
    padding: 80px 0;
    margin-top: 80px;
    margin-bottom: -80px;
    background: #37404b
}

.cta__container {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto
}

.cta__row {
    position: relative;
    display: flex
}

.cta__col--basic {
    width: 30%;
    margin-left: 10%
}

.cta__col--basic a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.cta__col--basic a:hover {
    text-decoration: underline;
    color: #fff
}

.cta__col--basic h3 {
    font-size: 32px;
    font-weight: 400;
    font-family: GothamProLight, sans-serif;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 40px
}

.cta__col--basic ul {
    position: relative;
    list-style: none;
    padding-right: 0
}

.cta__col--basic li {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding-right: 60px
}

.cta__contact-pre {
    position: relative;
    color: #fff;
    font-size: 21px;
    font-family: GothamProBold, sans-serif
}

.cta__contact-pre:after {
    content: '';
    width: 50px;
    height: 2px;
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    background: #16a2e4;
    margin-right: 15px
}

.cta__contact-entry-icon {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: 40px;
    height: 40px;
    background: #16a2e4;
    padding: 0;
    align-items: center;
    justify-content: center
}

.cta__contact-entry-icon img {
    max-height: 28px;
    max-width: 22px
}

.cta__contact-entry-icon.email img {
    max-width: 20px
}

.cta__contact-entry-label {
    color: #fff;
    display: block;
    font-family: GothamProLight, sans-serif;
    font-size: 16px
}

.cta__contact-entry-listing {
    color: #fff;
    font-family: GothamProBold, sans-serif;
    font-size: 16px
}

.cta__col--form {
    width: 60%
}

.cta__section-title {
    text-align: right
}

.cta__section-subtitle {
    color: #fff;
    font-size: 16px;
    font-family: GothamProLight, sans-serif
}

.cta__section-heading {
    font-size: 36px;
    font-family: GothamProBold, sans-serif;
    color: #fff;
    margin-bottom: 30px
}

.cta__col--form div.wpcf7-response-output {
    width: 100%;
    color: #fff;
    margin: 10px 0 0
}

.cta__col--form form {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.cta__col--form .form-group {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: .5rem
}

.cta__col--form .form-group label,
.cta__col--form .form-group label.filled {
    position: relative;
    display: block !important;
    width: 100%;
    font-family: GothamProLight, san-serif;
    transform: none;
    font-size: 16px !important;
    background: 100% 0;
    color: #fff;
    padding: 0;
    margin: 0
}

.cta__col--form .form-group input {
    width: 100%;
    outline: 0;
    border: 0;
    border-radius: 0;
    padding: 8px 10px;
    margin-top: 10px
}

.cta__col--form .checkbox {
    width: 100%;
    margin-bottom: 3rem
}

.cta__col--form div.checkbox .label,
.cta__col--form div.checkbox label {
    font-size: 16px
}

.cta__col--form button[type=submit] {
    font-family: GothamProBold, 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;
    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;
    min-width: 220px;
    width: 100%
}

.cta__col--form button[type=submit]:hover {
    background-position: 0% 0;
    color: #fff;
    text-decoration: none
}

.property-table .container {
    padding-top: 50px
}

.property-table__wrap {
    margin: 30px 0 0;
    overflow-y: auto;
    max-width: 100%
}

.property-table__wrap::-webkit-scrollbar {
    height: .5em
}

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

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

.property-table table {
    width: 100%;
    border-spacing: 1px
}

.property-table table,
.property-table tbody,
.property-table td,
.property-table th,
.property-table tr {
    border: 0;
    text-align: center;
    transition: background-color .2s ease-in-out
}

.property-table td {
    font-family: GothamPro, sans-serif;
    padding: 14px 10px 10px;
    line-height: 1.3;
    position: relative
}

.property-table td p {
    margin: 0
}

.property-table td a {
    display: block;
    color: #333;
    transition: color .5s
}

.property-table td a:hover {
    color: #02b2ee
}

.property-table tr:nth-child(odd) {
    background: #f9f9f9
}

.property-table thead tr td,
.property-table thead tr td p {
    font-family: GothamProBold, sans-serif;
    background-color: #02b2ee;
    color: #fff;
    text-align: center;
    margin: 0
}

.property-table__col--ref {
    width: 150px
}

.property-table__col--title {
    text-align: right !important
}

.property-table__col--price,
.property-table__col--size {
    white-space: nowrap
}

.map-visible {
    display: none;
}

.app-container {
    display: none;
}

.w-full.h-full.bg-gray-lightest.text-black.overflow-hidden .app-container {
    display: grid;
}

.marquiz__scroll-fix {
    overflow: hidden
}

.marquiz__bg {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(25, 25, 25, 0.89);
    visibility: hidden;
    position: fixed;
    opacity: 0;
    z-index: -10000;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.marquiz__modal {
    visibility: hidden;
    z-index: 100010;
    position: relative;
    max-width: 1200px;
    width: 80%
}

#marquiz__close {
    position: absolute;
    left: -40px;
    top: -40px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZiI+CjxnIGlkPSJDbG9zZSI+CiAgPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTEzMS44MDQsMTA2LjQ5MWw3NS45MzYtNzUuOTM2YzYuOTktNi45OSw2Ljk5LTE4LjMyMywwLTI1LjMxMgogICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyCiAgICBsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3CiAgICBjNi45ODksNi45OSwxOC4zMjIsNi45OSwyNS4zMTIsMGM2Ljk5LTYuOTksNi45OS0xOC4zMjIsMC0yNS4zMTJMMTMxLjgwNCwxMDYuNDkxeiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat 0% 0;
    background-size: 16px;
    background-position: center;
    border: none;
    z-index: 100020;
    box-sizing: border-box;
    padding: 0;
    opacity: .6
}

#marquiz__close:hover {
    opacity: 1
}

.icon-quiz {
    vertical-align: baseline
}

.marquiz__button {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-out;
    color: var(--marquiz-button-text-color, #fff) !important;
    border: 1px solid var(--marquiz-button-color, #d34085);
    background-color: var(--marquiz-button-color, #d34085);
    padding: 18px 21px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none !important;
    overflow: hidden;
    position: relative
}

.marquiz__button:hover,
.marquiz__button:focus {
    color: var(--marquiz-button-text-color, #fff) !important;
    filter: brightness(105%);
    text-decoration: none !important
}

.marquiz__button_shadow {
    box-shadow: -1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}

.marquiz__button_blicked:after {
    content: '';
    position: absolute;
    top: -50%;
    bottom: -50%;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    width: 45px;
    transform: skewX(22deg);
    right: -65%;
    animation-name: blick;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@keyframes blick {
    60% {
        right: 100%
    }

    to {
        right: 130%
    }
}

.marquiz__button_rounded {
    border-radius: 50px
}

.marquiz__button_fixed {
    transition: none;
    height: 48px;
    line-height: 1.5;
    box-sizing: border-box;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 7px 7px 7px 20px;
    font-size: 19px
}

.marquiz__button_fixed span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.marquiz__button_fixed.marquiz__button_rounded {
    border-radius: 0 0 10px 10px
}

.marquiz__button_fixed.marquiz__button_shadow {
    box-shadow: -1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}

.marquiz__button_fixed-left {
    position: fixed;
    right: 0;
    transform: rotate(90deg) translate(40.2%, 0%);
    transform-origin: calc(100% - (0% - 1px)) 0%;
    top: 50%;
    z-index: 99999;
    border-radius: 4px
}

.marquiz__button_fixed-left.marquiz__button_rounded {
    border-radius: 0 0 4px 4px
}

.marquiz__button_fixed-right {
    position: fixed;
    right: calc(100% - 48px);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    transform: rotate(90deg) translate(40.2%, 0%);
    transform-origin: calc(100% - (0% - 1px)) 0%;
    top: 50%;
    padding: 7px 7px 7px 20px;
    z-index: 99999
}

.marquiz__button_fixed-right.marquiz__button_rounded {
    border-radius: 4px 4px 0 0
}

.marquiz__button_fixed .icon-quiz {
    height: 32px;
    width: 32px;
    padding: 7px 7px 7px 5px;
    border-radius: 4px;
    background: var(--color-text, #fff);
    box-sizing: border-box;
    transform: rotate(-90deg);
    margin-left: 12px
}

.marquiz__button_fixed .icon-quiz path {
    fill: var(--color, var(--marquiz-button-color, #d34085))
}

.marquiz__button_red {
    background-color: #f86c6b;
    border-color: #f86c6b
}

.marquiz__button_yellow {
    background-color: #f8cb00;
    border-color: #f8cb00;
    color: #000
}

.marquiz__button_yellow:hover,
.marquiz__button_yellow:focus {
    color: #000
}

.marquiz__button_blue {
    background-color: #20a8d8;
    border-color: #20a8d8
}

.marquiz__button_green {
    background-color: #4dbd74;
    border-color: #4dbd74
}

.marquiz__container {
    width: 100%;
    text-align: center
}

.marquiz__container_inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    height: auto;
    min-height: 600px;
    background: rgba(255, 255, 255, 0.2) url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAwIDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxjaXJjbGUgZmlsbD0iI0IxQjFCMSIgc3Ryb2tlPSJub25lIiBjeD0iNiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4xIi8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSBmaWxsPSIjQjFCMUIxIiBzdHJva2U9Im5vbmUiIGN4PSIyNiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4yIi8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSBmaWxsPSIjQjFCMUIxIiBzdHJva2U9Im5vbmUiIGN4PSI0NiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4zIi8+CiAgPC9jaXJjbGU+Cjwvc3ZnPgo=) no-repeat calc(100% - (50% + 40px)) center;
    background-size: 160px
}

.marquiz__container_inline .marquiz__button {
    display: none
}

.marquiz__frame {
    display: none;
    height: 100%;
    width: 100%;
    background: #fff;
    transition: height .2s ease-in
}

.marquiz__frame::-webkit-scrollbar {
    width: 0
}

.marquiz__bg_open {
    visibility: visible;
    z-index: 2147483647;
    opacity: 1
}

.marquiz__bg_open .marquiz__modal {
    visibility: visible
}

.marquiz__frame_open {
    display: block;
    width: 100%
}

.marquiz-pops__bonus-count {
    width: 14px;
    height: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
    background-color: #ed0000;
    color: #fff;
    font-size: 9px;
    overflow: hidden
}

.marquiz-pops__bonus-icon {
    margin-left: 15px;
    position: relative
}

.marquiz-pops__bonus-icon path {
    fill: var(--marquiz-pop-svg-color, #fff)
}

.marquiz-pops {
    animation-name: marquiz__pop-fade-in_down;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    text-rendering: optimizelegibility;
    position: fixed;
    top: 0;
    z-index: 99990;
    width: 100%;
    display: none;
    box-sizing: border-box;
    height: 60px;
    background-color: var(--marquiz-pop-background-color, #d34085)
}

@keyframes marquiz__pop-fade-in_down {
    0% {
        transform: translate3d(0, -70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz__icon-quiz {
    width: 30px;
    margin: 0 auto
}

.marquiz__icon-quiz path {
    fill: var(--marquiz-pop-svg-color, #fff)
}

.marquiz-pops {
    text-indent: 0 !important
}

.marquiz-pops_position .marquiz-pops__bonus {
    display: none
}

.marquiz-pops_position_bottom {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_position_bottom-left {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_position_bottom-right {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_blicked:after {
    content: '';
    will-change: left;
    position: absolute;
    transform: skewX(22deg);
    width: 45px;
    height: 100%;
    opacity: 0;
    right: 0%;
    animation-delay: 2s;
    pointer-events: none;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    animation-name: marquiz__pop-blick;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes marquiz__pop-blick {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    27% {
        opacity: 0
    }

    40% {
        opacity: 0;
        right: 100%
    }

    100% {
        opacity: 0
    }
}

.marquiz-pops_shadowed {
    box-shadow: 0 0 12px 0 var(--marquiz-pop-background-color, #d34085)
}

.marquiz-pops_pulse:before {
    box-shadow: 0 0 0 var(--marquiz-pop-color-pulse);
    animation: marquiz__pop-pulse 6s infinite linear;
    will-change: box-shadow;
    pointer-events: none;
    border-radius: 4px;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

@keyframes marquiz__pop-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--marquiz-pop-color-pulse)
    }

    30% {
        box-shadow: 0 0 0 15px var(--marquiz-pop-color-pulse-alpha)
    }

    100% {
        box-shadow: 0 0 0 0 var(--marquiz-pop-color-pulse-alpha)
    }
}

.marquiz-pops__body {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    box-sizing: border-box;
    text-decoration: none !important;
    color: var(--marquiz-pop-text-color, #fff) !important
}

.marquiz-pops__content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 60px);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding-right: 10px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.marquiz-pops__content-text {
    text-decoration: none;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 16px;
    font-weight: bold
}

.marquiz-pops__content-title {
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    font-size: 10px;
    line-height: 12px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    opacity: .7;
    padding-bottom: 2px;
    letter-spacing: 1px
}

.marquiz-pops__icon {
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    overflow: hidden;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 8px 10px 8px 0
}

.marquiz-pops__close-wrapper {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    cursor: pointer
}

.marquiz-pops__close {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 28px
}

.marquiz-pops__close svg {
    fill: var(--marquiz-pop-close-color, #fff);
    width: 12px;
    height: 12px
}

.marquiz-pops__bonus {
    display: none;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0 35px 35px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    padding-left: 10px;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 600
}

.marquiz__button {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-out;
    color: var(--marquiz-button-text-color, #fff) !important;
    border: 1px solid var(--marquiz-button-color, #d34085);
    background-color: var(--marquiz-button-color, #d34085);
    padding: 18px 21px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none !important;
    overflow: hidden;
    position: relative
}

.marquiz__button:hover,
.marquiz__button:focus {
    color: var(--marquiz-button-text-color, #fff) !important;
    filter: brightness(105%);
    text-decoration: none !important
}

.marquiz__button_shadow {
    box-shadow: -1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}

.marquiz__button_blicked:after {
    content: '';
    position: absolute;
    top: -50%;
    bottom: -50%;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    width: 45px;
    transform: skewX(22deg);
    right: -65%;
    animation-name: blick;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@keyframes blick {
    60% {
        right: 100%
    }

    to {
        right: 130%
    }
}

.marquiz__button_rounded {
    border-radius: 50px
}

.marquiz__button_fixed {
    transition: none;
    height: 48px;
    line-height: 1.5;
    box-sizing: border-box;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 7px 7px 7px 20px;
    font-size: 19px
}

.marquiz__button_fixed span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.marquiz__button_fixed.marquiz__button_rounded {
    border-radius: 0 0 10px 10px
}

.marquiz__button_fixed.marquiz__button_shadow {
    box-shadow: -1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}

.marquiz__button_fixed-left {
    position: fixed;
    right: 0;
    transform: rotate(90deg) translate(40.2%, 0%);
    transform-origin: calc(100% - (0% - 1px)) 0%;
    top: 50%;
    z-index: 99999;
    border-radius: 4px
}

.marquiz__button_fixed-left.marquiz__button_rounded {
    border-radius: 0 0 4px 4px
}

.marquiz__button_fixed-right {
    position: fixed;
    right: calc(100% - 48px);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    transform: rotate(90deg) translate(40.2%, 0%);
    transform-origin: calc(100% - (0% - 1px)) 0%;
    top: 50%;
    padding: 7px 7px 7px 20px;
    z-index: 99999
}

.marquiz__button_fixed-right.marquiz__button_rounded {
    border-radius: 4px 4px 0 0
}

.marquiz__button_fixed .icon-quiz {
    height: 32px;
    width: 32px;
    padding: 7px 7px 7px 5px;
    border-radius: 4px;
    background: var(--color-text, #fff);
    box-sizing: border-box;
    transform: rotate(-90deg);
    margin-left: 12px
}

.marquiz__button_fixed .icon-quiz path {
    fill: var(--color, var(--marquiz-button-color, #d34085))
}

.marquiz__button_red {
    background-color: #f86c6b;
    border-color: #f86c6b
}

.marquiz__button_yellow {
    background-color: #f8cb00;
    border-color: #f8cb00;
    color: #000
}

.marquiz__button_yellow:hover,
.marquiz__button_yellow:focus {
    color: #000
}

.marquiz__button_blue {
    background-color: #20a8d8;
    border-color: #20a8d8
}

.marquiz__button_green {
    background-color: #4dbd74;
    border-color: #4dbd74
}

.marquiz__container_inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    height: auto;
    background: rgba(255, 255, 255, 0.2) url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAwIDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxjaXJjbGUgZmlsbD0iI0IxQjFCMSIgc3Ryb2tlPSJub25lIiBjeD0iNiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4xIi8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSBmaWxsPSIjQjFCMUIxIiBzdHJva2U9Im5vbmUiIGN4PSIyNiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4yIi8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSBmaWxsPSIjQjFCMUIxIiBzdHJva2U9Im5vbmUiIGN4PSI0NiIgY3k9IjUwIiByPSI2Ij4KICAgIDxhbmltYXRlCiAgICAgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiCiAgICAgIGR1cj0iMXMiCiAgICAgIHZhbHVlcz0iMDsxOzAiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICBiZWdpbj0iMC4zIi8+CiAgPC9jaXJjbGU+Cjwvc3ZnPgo=) no-repeat calc(100% - (50% + 40px)) center;
    background-size: 160px
}

.marquiz__container_inline .marquiz__button {
    display: none
}

.marquiz-pops__bonus-count {
    width: 14px;
    height: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
    background-color: #ed0000;
    color: #fff;
    font-size: 9px;
    overflow: hidden
}

.marquiz-pops__bonus-icon {
    margin-left: 15px;
    position: relative
}

.marquiz-pops__bonus-icon path {
    fill: var(--marquiz-pop-svg-color, #fff)
}

.marquiz-pops {
    animation-name: marquiz__pop-fade-in_down;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    text-rendering: optimizelegibility;
    position: fixed;
    top: 0;
    z-index: 99990;
    width: 100%;
    display: none;
    box-sizing: border-box;
    height: 60px;
    background-color: var(--marquiz-pop-background-color, #d34085)
}

@keyframes marquiz__pop-fade-in_down {
    0% {
        transform: translate3d(0, -70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz__icon-quiz {
    width: 30px;
    margin: 0 auto
}

.marquiz__icon-quiz path {
    fill: var(--marquiz-pop-svg-color, #fff)
}

.marquiz-pops {
    text-indent: 0 !important
}

.marquiz-pops_position .marquiz-pops__bonus {
    display: none
}

.marquiz-pops_position_bottom {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_position_bottom-left {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_position_bottom-right {
    animation-name: marquiz__pop-fade-in_up;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: 0;
    animation-fill-mode: both;
    bottom: 0;
    top: auto
}

@keyframes marquiz__pop-fade-in_up {
    0% {
        transform: translate3d(0, 70px, 0);
        opacity: 0;
        pointer-events: none
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto
    }
}

.marquiz-pops_blicked:after {
    content: '';
    will-change: left;
    position: absolute;
    transform: skewX(22deg);
    width: 45px;
    height: 100%;
    opacity: 0;
    right: 0%;
    animation-delay: 2s;
    pointer-events: none;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    animation-name: marquiz__pop-blick;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes marquiz__pop-blick {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    27% {
        opacity: 0
    }

    40% {
        opacity: 0;
        right: 100%
    }

    100% {
        opacity: 0
    }
}

.marquiz-pops_shadowed {
    box-shadow: 0 0 12px 0 var(--marquiz-pop-background-color, #d34085)
}

.marquiz-pops_pulse:before {
    box-shadow: 0 0 0 var(--marquiz-pop-color-pulse);
    animation: marquiz__pop-pulse 6s infinite linear;
    will-change: box-shadow;
    pointer-events: none;
    border-radius: 4px;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

@keyframes marquiz__pop-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--marquiz-pop-color-pulse)
    }

    30% {
        box-shadow: 0 0 0 15px var(--marquiz-pop-color-pulse-alpha)
    }

    100% {
        box-shadow: 0 0 0 0 var(--marquiz-pop-color-pulse-alpha)
    }
}

.marquiz-pops__body {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    box-sizing: border-box;
    text-decoration: none !important;
    color: var(--marquiz-pop-text-color, #fff) !important
}

.marquiz-pops__content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 60px);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    padding-right: 10px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.marquiz-pops__content-text {
    text-decoration: none;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 16px;
    font-weight: bold
}

.marquiz-pops__content-title {
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    font-size: 10px;
    line-height: 12px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    opacity: .7;
    padding-bottom: 2px;
    letter-spacing: 1px
}

.marquiz-pops__icon {
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    overflow: hidden;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 8px 10px 8px 0
}

.marquiz-pops__close-wrapper {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    cursor: pointer
}

.marquiz-pops__close {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 28px
}

.marquiz-pops__close svg {
    fill: var(--marquiz-pop-close-color, #fff);
    width: 12px;
    height: 12px
}

.marquiz-pops__bonus {
    display: none;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0 35px 35px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    padding-left: 10px;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 600
}

.marquiz-widget iframe {
    width: 100%;
    height: 100%
}

.marquiz-widget__container {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    bottom: 16px;
    border-radius: 10px;
    width: 350px;
    height: var(--widget-height, 50px);
    overflow: hidden;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.1), -1px 2px 20px rgba(0, 0, 0, 0.1);
    z-index: 2147483647
}

.marquiz-widget__container_left {
    right: 16px
}

.marquiz-widget__container_left.marquiz-widget__container_fade {
    animation: .3s ease-in forwards fade-in_right;
    opacity: 0
}

.marquiz-widget__container_right {
    left: 16px
}

.marquiz-widget__container_right.marquiz-widget__container_fade {
    animation: .3s ease-in forwards fade-in_left;
    opacity: 0
}

.marquiz-widget__container_closing {
    animation: .3s ease-in forwards hide-down
}

.marquiz-widget__stick {
    display: none;
    width: 30px;
    height: 3px;
    position: absolute;
    top: 7px;
    right: calc(50% - 15px)
}

.marquiz-widget_open .marquiz-widget__container {
    height: 580px;
    max-height: 85%
}

.marquiz-widget_open .marquiz-widget__container_mobile .marquiz-widget__stick {
    display: -ms-flexbox;
    display: flex
}

@keyframes fade-in_up {
    from {
        transform: translateY(100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in_left {
    from {
        transform: translateX(-300px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in_right {
    from {
        transform: translateX(300px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes hide-down {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(200px);
        opacity: 0
    }
}

.marquiz__scroll-fix {
    overflow: hidden
}

.marquiz__bg {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(25, 25, 25, 0.89);
    visibility: hidden;
    position: fixed;
    opacity: 0;
    z-index: -10000;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.marquiz__modal {
    visibility: hidden;
    z-index: 100010;
    position: relative;
    max-width: 1200px;
    width: 80%
}

#marquiz__close {
    position: absolute;
    left: -40px;
    top: -40px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZiI+CjxnIGlkPSJDbG9zZSI+CiAgPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTEzMS44MDQsMTA2LjQ5MWw3NS45MzYtNzUuOTM2YzYuOTktNi45OSw2Ljk5LTE4LjMyMywwLTI1LjMxMgogICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyCiAgICBsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3CiAgICBjNi45ODksNi45OSwxOC4zMjIsNi45OSwyNS4zMTIsMGM2Ljk5LTYuOTksNi45OS0xOC4zMjIsMC0yNS4zMTJMMTMxLjgwNCwxMDYuNDkxeiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat 0% 0;
    background-size: 16px;
    background-position: center;
    border: none;
    z-index: 100020;
    box-sizing: border-box;
    padding: 0;
    opacity: .6
}

#marquiz__close:hover {
    opacity: 1
}

.icon-quiz {
    vertical-align: baseline
}

.marquiz__container {
    width: 100%;
    text-align: center
}

.marquiz__frame {
    display: none;
    height: 100%;
    width: 100%;
    background: #fff;
    transition: height .2s ease-in
}

.marquiz__frame::-webkit-scrollbar {
    width: 0
}

.marquiz__bg_open {
    visibility: visible;
    z-index: 2147483647;
    opacity: 1
}

.marquiz__bg_open .marquiz__modal {
    visibility: visible
}

.marquiz__frame_open {
    display: block;
    width: 100%
}

body,
div,
a,
p,
span {
    user-select: text !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    cursor: auto;
    user-select: text !important;
}

::selection {
    background-color: #338FFF !important;
    color: #fff !important;
}