@font-face {
    font-family: 'PeridotPERegular';
    src: url('../fonts/PeridotPE-Regular.woff2') format('woff2'),
        url('../fonts/PeridotPE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPEBold';
    src: url('../fonts/PeridotPE-Bold.woff2') format('woff2'),
        url('../fonts/PeridotPE-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPESemiBold';
    src: url('../fonts/PeridotPE-SemiBold.woff2') format('woff2'),
        url('../fonts/PeridotPE-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BTCosmoBold';
    src: url('../fonts/BTCosmo-Bold.woff2') format('woff2'),
        url('../fonts/BTCosmo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body.locked,
body.menu-opened {
    overflow: hidden;
}



html,
body {
    position: relative;
    font-size: 14px;
    color: #212121;
    font-family: 'PeridotPERegular';
    margin: 0 auto;
    padding: 0;
    background: #fff;
    text-align: left;
}


.wcs-clear {
    clear: both;
    font-size: 0px;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.28px;
}

strong,
b {
    font-weight: normal;
    font-family: 'PeridotPEBold';
}


.clear {
    clear: both;
}

img {
    width: auto;
    max-width: 100%;
}

p {
    margin: 0px;
    padding: 0 0 20px 0;
}

p:last-child {
    padding: 0px;
}

body.locked {
    overflow: hidden;
}



.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
}



body {
    padding-top: 120px;
}

body.page-property-bundle-project,
body.path-frontpage {
    padding-top: 0px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    body {
        padding-top: 8.33vw;
        font-size: 0.97vw;
    }

    body.page-property-bundle-project,
    body.path-frontpage {
        padding-top: 0px;
    }

    p {
        padding: 0 0 1.39vw 0;
    }
}

@media screen and (max-width: 959px) {}

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


    body {
        padding-top: 100px;
        font-size: 15px;
    }

}


.messages--status {
    /*background-color: #f0f9f0;
    border-color: #a8d8a8;
    color: #3c763d;
*/

    background-color: #ffffff !important;
    border-color: #000 !important;
    color: #000 !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.messages--error{
    /*background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;*/

    background-color: #ffffff !important;
    border-color: #000 !important;
    color: #000 !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.messages--error ul,
.messages--error li{
    list-style-type: none !important;
    margin: 0px !important;
    padding: 0px !important;
}



/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */




.region-tabs,
.region-messages {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.user-login-form,
.user-pass {
    max-width: 450px;
    margin: 0 auto;
}


.user-login-form label,
.user-pass label {
    display: block;
    padding: 24px 0 5px 0;
}

.user-login-form input,
.user-pass input {
    width: 100%;
}

/*
#block-ogeneric-primary-local-tasks ul.tabs-primary{
    border: 0px;
}


#block-ogeneric-primary-local-tasks ul.tabs-primary li a{
    background: none;
    border: 0px;
    color: #000;
    padding: 16px;
    border-radius: 4px;
    border: 1.5px solid #fff;

    color: #212121;
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    min-width: 180px;
    display: block;
    text-align: center;
}


#block-ogeneric-primary-local-tasks ul.tabs-primary li a.is-active{
    border-color: #C4004B;
}
*/

.user-login-form input[type="text"],
.user-login-form input[type="password"],
.user-pass input[type="text"],
.user-pass input[type="password"] {
    padding: 19px 16px;
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1.5px solid #818486;
    background: #FFF;
    color: #686B70;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
}



.user-login-form input[type="submit"],
.user-pass input[type="submit"] {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #000;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    background: #fff url("../images/icon-bt-bullet.svg") no-repeat calc(100% - 12px) center;
    background-size: 24px auto;
    cursor: pointer;
    width: 130px;
    margin: 24px 0 0 0;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {}

@media screen and (max-width: 959px) {}

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

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.region-breadcrumbs {

    text-align: left;
    width: 100%;
    padding: 0 40px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .region-breadcrumbs {
        padding: 0 2.78vw;
    }

}

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

    .region-breadcrumbs {
        padding: 0 32px;
    }
}

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

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


header {
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    min-height: 80px;
    border-radius: 16px;
    z-index: 99;
}



.path-frontpage header,
.page-property header {
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}


body.toolbar-horizontal header {
    position: relative;
    top: auto;
    left: auto;
    margin: 20px auto 0 auto;
}

header .region-header>div {}

header #block-ogeneric-site-branding {
    margin: 0 auto;
    display: block;
    max-width: 196px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("../images/logo-estate.svg") no-repeat center center;
    background-size: 196px auto;
}

header #block-ogeneric-site-branding img {
    display: block;
    width: 100%;
    opacity: 0;
}

header #block-ogeneric-main-menu {
    position: absolute;
    right: -17px;
    top: -16px;
    background: #245BA7;
    background: #fff;
    height: 100vh;
    width: 0px;
    overflow: hidden;
    color: #fff;
    padding: 160px 0px 0 0px;
    transform: translate(100%, 0);
    border: 0px;
    transition: transform 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000), width 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000), padding-left 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    text-align: left;
    z-index: 3;
}

header::before{
    content: "";
    position: absolute;
    left: -16px;
    top: -16px;
    height: 100vh;
    width: 0vw;
    background: rgba(33, 33, 33, 0.70);
    /*backdrop-filter: blur(8px);*/
    z-index: 1;
    transition: opacity 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transform: translate(100%, 0);
    opacity: 0;
}

.menu-opened header::before{
    transform: translate(0%, 0);
    opacity: 1;
    width: 100vw;
}

.menu-opened header .region-header{

}


.user-logged-in header #block-ogeneric-main-menu {
    height: calc(100vh - 79px);
}

header #block-ogeneric-main-menu a {
    color: #fff;
}

header #block-ogeneric-main-menu>ul>li>a {
    text-transform: uppercase;
}

body.menu-opened header #block-ogeneric-main-menu {
    transform: translate(0px, 0);
    width: 532px;
    padding: 160px 48px 0 48px;
}

header #block-ogeneric-main-menu > h2{
    display: none !important;
}


header #block-ogeneric-main-menu .burger-menu {
    display: none;
}




header #block-ogeneric-main-menu ul,
header #block-ogeneric-main-menu li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    transition: opacity 300ms;
}

header #block-ogeneric-main-menu>ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    width: 200px;
}

header #block-ogeneric-main-menu>ul>li>ul {
    position: absolute;
    display: flex;
    visibility: hidden;
    opacity: 0;
    left: 250px;
    top: 0px;
    top: 160px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    width: 190px;
}

@media screen and (min-width: 960px) and (max-height: 700px) {

    header #block-ogeneric-main-menu>ul,
    header #block-ogeneric-main-menu>ul>li>ul {
        gap: 24px;
    }

    body.menu-opened.user-logged-in header #block-ogeneric-main-menu{
        padding-top: 90px;
    }

    
}

header #block-ogeneric-main-menu>ul>li.active>ul {
    visibility: visible;
    opacity: 1;
}

header #block-ogeneric-main-menu a {
    color: #212121;
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
    display: block;
    position: relative;
}

header #block-ogeneric-main-menu>ul>li.active>a::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 8px;
    background: url("../images/icon-mnu-arrow.svg?v=3") no-repeat center center;
    background-size: contain;
}

header #block-ogeneric-main-menu ul li ul a {
    font-size: 14px;
}

header #block-ogeneric-main-menu ul li ul a.is-active {
    text-decoration: underline;
}

header #block-ogeneric-main-menu.active>ul>li {
    opacity: 0.5;
}

header #block-ogeneric-main-menu.active>ul>li.active {
    opacity: 1;
}


header .main-menu {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    padding: 11px 48px 11px 16px;
    border-radius: 40px;
    background: #245BA7;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #fff;
    text-align: left;
    z-index: 4;
}

header .main-menu div {
    transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

}

header .main-menu span {
    display: block;
    position: absolute;
    opacity: 0;
    top: 100%;
    transform: translate(0, -0%);
    transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    visibility: hidden;
}

header .main-menu::before,
header .main-menu::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

header .main-menu:hover::before {
    transform: translate(-0%, -50%) scale(0.55) !important;
}


header .main-menu::after {
    background: #fff url("../images/icon-close.svg") no-repeat center center;
    background-size: contain;
    opacity: 0;
}

header .main-menu:not(body.menu-opened header .main-menu)::before,
header .main-menu:not(body.menu-opened header .main-menu)::after {
    transform: translate(0, -50%) scale(0.35);
}

body.menu-opened header .main-menu::after {
    opacity: 1;
}

body.menu-opened header .main-menu div {
    transform: translate(0, -100%);
    opacity: 0;
}

body.menu-opened header .main-menu span {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    visibility: visible;
}


header #block-ogeneric-main-menu>ul>li.backtomain {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 16px;
    opacity: 1 !important;
}

header #block-ogeneric-main-menu>ul>li.backtomain a {
    display: block;
    padding: 16px 32px;
    border-radius: 8px;
    border: 1px solid #C4004B;
    background: #fff;
    white-space: nowrap;

    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

header #block-ogeneric-main-menu>ul>li.backtomain a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #212121;
    margin: -5px 0 0 20px;
}




header #block-ogeneric-allagiglossas {
    position: absolute;
    right: 125px;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 4;
}

.language-switcher-toggle,
.language-switcher-toggle:hover {
    background: url("../images/icon-lang.svg") no-repeat left center !important;
    background-size: 18px auto !important;
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0px;
    padding-left: 22px;
    gap: 0px;
}

.language-switcher-current {
    font-weight: 400;
}

.language-switcher-toggle svg {
    display: none;
}


header #block-ogeneric-favoriteslinkblock {
    position: absolute;
    position: absolute;
    right: 205px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 4;
}

header #block-ogeneric-favoriteslinkblock a {
    background: url("../images/icon-header-favorites.svg") no-repeat center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: block;
    font-size: 0px;
}






header #block-ogeneric-exposedformsearchpage-1-2 {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

header #block-ogeneric-exposedformsearchpage-1-2 form {
    padding: 6px 10px;
    border-radius: 26px;
    border: 1px solid rgba(104, 107, 112, 0);
    transition: all 500ms;
    display: block;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    min-width: 240px;
}

header #block-ogeneric-exposedformsearchpage-1-2.active form {
    border-color: rgba(104, 107, 112, 1);

}


header #block-ogeneric-exposedformsearchpage-1-2 label {
    width: 24px;
    height: 24px;
    background: url("../images/icon-header-search.svg") no-repeat center center;
    background-size: 16px 16px;
    font-size: 0px;
    display: block;
    cursor: pointer;
}

header #block-ogeneric-exposedformsearchpage-1-2.active label {
    background-image: url("../images/icon-alert-close.svg");
    background-size: contain
}


header #block-ogeneric-exposedformsearchpage-1-2 .js-form-item {
    display: flex;

    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    width: 100%;
}

header #block-ogeneric-exposedformsearchpage-1-2.active .js-form-item {
    flex-direction: row-reverse;
}

header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"] {
    line-height: 100%;
    width: 160px;
    border: 0px;
    background: none;
    color: #212121;
    font-size: 15px;
    outline: none;
    visibility: hidden;
    opacity: 0;
}

header #block-ogeneric-exposedformsearchpage-1-2.active input[type="text"] {
    opacity: 1;
    visibility: visible;
}

header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"]::-webkit-input-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"]::-moz-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"]:-ms-input-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"]:-moz-placeholder {
    color: #212121;
    opacity: 1;
}


header #block-ogeneric-exposedformsearchpage-1-2 .form-actions input[type="submit"] {
    width: 24px;
    height: 24px;
    background: url("../images/icon-header-search.svg") no-repeat center center;
    background-size: 16px 16px;
    font-size: 0px;
    cursor: pointer;
    display: block;
    border: 0px;
}

header #block-ogeneric-exposedformsearchpage-1-2 .form-actions {
    display: none;
}

header #block-ogeneric-exposedformsearchpage-1-2.active .form-actions {
    display: block;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {
    header {
        top: 1.12vw;
        left: 1.12vw;
        width: calc(100% - 2.23vw);
        min-height: 5.56vw;
        border-radius: 1.12vw;
        backdrop-filter: blur(0.56vw);
        border: 0.07vw solid rgba(0, 0, 0, 0.1);
    }

    body.toolbar-horizontal header {
        margin: 1.39vw auto 0 auto;
    }

    header #block-ogeneric-site-branding {
        max-width: 13.62vw;
        background-size: 13.62vw auto;
    }

    header #block-ogeneric-main-menu {
        right: -1.18vw;
        top: -1.11vw;
        padding: 11.12vw 0.00vw 0 0.00vw;
    }

    .user-logged-in header #block-ogeneric-main-menu {
        height: calc(100vh - 5.49vw);
    }

    body.menu-opened header #block-ogeneric-main-menu {
        width: 36.95vw;
        padding: 11.12vw 3.34vw 0 3.34vw;
    }

    header #block-ogeneric-main-menu>ul {
        gap: 2.78vw;
        width: 13.89vw;
    }

    header #block-ogeneric-main-menu>ul>li>ul {
        left: 17.37vw;
        top: 11.12vw;
        gap: 2.78vw;
        width: 13.20vw;
    }

    header #block-ogeneric-main-menu a {
        font-size: 1.25vw;
    }

    header #block-ogeneric-main-menu>ul>li.active>a::after {
        width: 1.39vw;
        height: 1.39vw;
        margin: -0.27vw 0 0 0.56vw;
    }

    header #block-ogeneric-main-menu ul li ul a {
        font-size: 0.98vw;
    }

    header .main-menu {
        right: 1.12vw;
        padding: 0.77vw 3.34vw 0.77vw 1.12vw;
        border-radius: 2.78vw;
        font-size: 1.05vw;
        border: 0.07vw solid #fff;
    }

    header .main-menu::before,
    header .main-menu::after {
        width: 1.67vw;
        height: 1.67vw;
        right: 0.56vw;
    }

    header #block-ogeneric-main-menu>ul>li.backtomain {
        padding: 1.12vw;
    }

    header #block-ogeneric-main-menu>ul>li.backtomain a {
        padding: 1.12vw 2.23vw;
        border-radius: 0.56vw;
        border: 0.07vw solid #FFF;
        font-size: 0.98vw;
    }

    header #block-ogeneric-main-menu>ul>li.backtomain a::after {
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.34vw 0 0 1.39vw;
    }

    header #block-ogeneric-allagiglossas {
        right: 8.69vw;
    }

    .language-switcher-toggle,
    .language-switcher-toggle:hover {
        background-size: 1.25vw auto !important;
        font-size: 1.05vw;
        padding-left: 1.53vw;
    }


    header #block-ogeneric-favoriteslinkblock {
        right: 14.24vw;
    }

    header #block-ogeneric-favoriteslinkblock a {
        width: 1.53vw;
        height: 1.53vw;
    }




    header #block-ogeneric-exposedformsearchpage-1-2 {
        left: 1.00vw;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 form {
        padding: 0.40vw 0.67vw;
        border-radius: 1.72vw;
        border: 0.07vw solid rgba(104, 107, 112, 0);
        gap: 0.34vw;
        min-width: 15.88vw;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 label {
        width: 1.59vw;
        height: 1.59vw;
        background-size: 1.06vw 1.06vw;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 .js-form-item {
        gap: 0.34vw;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"] {
        width: 10.59vw;
        font-size: 1.00vw;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 .form-actions input[type="submit"] {
        width: 1.59vw;
        height: 1.59vw;
        background-size: 1.06vw 1.06vw;
    }

}

@media screen and (max-width: 959px) {
    .user-logged-in header #block-ogeneric-main-menu {
        height: 100vh;
    }
}

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

    header {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        border-radius: 0px;
    }

    header #block-ogeneric-site-branding {
        left: 16px;
        transform: translate(0, -50%);
        max-width: 130px;
        background-size: contain;
    }

    body.menu-opened header #block-ogeneric-main-menu {
        width: calc(100% + 2px);
        right: -1px;
        top: -1px;
        border: 0px;
        padding: 120px 16px 0 16px;
    }

    header #block-ogeneric-main-menu>ul {
        width: 50%;
        gap: 32px;
    }

    header #block-ogeneric-main-menu a {
        white-space: nowrap;
    }

    header #block-ogeneric-main-menu>ul>li>ul {
        left: 56%;
        width: 41%;
        top: 127px;
        gap: 24px;
    }

    header #block-ogeneric-main-menu>ul>li>ul a {
        white-space: normal;
    }

    header #block-ogeneric-favoriteslinkblock {}

    header #block-ogeneric-exposedformsearchpage-1-2 {}



    header #block-ogeneric-allagiglossas,
    header #block-ogeneric-favoriteslinkblock {
        visibility: hidden;
        opacity: 0;
        transform: translate(0, -100px);
        transition: transform 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    }

    .menu-opened header #block-ogeneric-allagiglossas,
    .menu-opened header #block-ogeneric-favoriteslinkblock {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%);
        z-index: 20;


    }

    header #block-ogeneric-exposedformsearchpage-1-2 {
        left: auto;
        right: 130px;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 form {
        min-width: unset;
    }

    header #block-ogeneric-exposedformsearchpage-1-2 .form-actions,
    header #block-ogeneric-exposedformsearchpage-1-2 input[type="text"] {
        display: none !important;
    }

/*
    .language-switcher-toggle,
    .language-switcher-toggle:hover,
    header #block-ogeneric-favoriteslinkblock {
        filter: brightness(0) invert(1);
    }
*/
    header #block-ogeneric-main-menu>ul>li.backtomain {

        bottom: 100px;
    }


}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

main {
    min-height: calc(100vh - 620px);
    text-align: center;
}

.region-footer-top {
    max-width: 1440px;
    margin: 240px auto 0 auto;
    padding: 48px 40px 64px 40px;
    position: relative;
    text-align: left;
}

.region-footer-top::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 0px;
    width: calc(100% - 80px);
    height: 1px;
    background: #212121;
}

.footer-blue .region-footer-top::before,
.footer-red .region-footer-top::before {
    top: auto;
    left: 50%;
    width: 2560px;
    max-width: 100vw;
    transform: translate(-50%, 0);
    bottom: 100%;
    height: 240px;
    background: #245BA7;
}

.footer-red .region-footer-top::before {
    background: #C4004B;
    background: #F2F2F3;
}

.region-footer-top::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1px;
    height: 240px;
    background: #212121;
}

.footer-blue .region-footer-top::after{
    background: #fff;
}
.footer-red .region-footer-top::after {
    background: #212121;
}

.region-footer-top>div {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
}


.region-footer-top #block-ogeneric-oteomilosetaireion {
    width: calc(40% - 10px);
}

.region-footer-top #block-ogeneric-oteomilosetaireion .field--name-body > a {
    width: 244px;
    height: 50px;
    background: url("../images/logo-ote.svg") no-repeat center center;
    background-size: contain;
    font-size: 0px;
    display: block;
}

html[lang="en"] .region-footer-top #block-ogeneric-oteomilosetaireion .field--name-body > a {
    background-image: url("../images/logo-ote-en.png");
}

.region-footer-top #block-ogeneric-oteomilosetaireion>div.contextual {
    background: none;
}

.region-footer-top nav {
    width: calc(40% - 10px);
}

.region-footer-top nav ul,
.region-footer-top nav li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.region-footer-top nav>ul {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 20px;
}

.region-footer-top nav>ul>li {
    width: calc(50% - 10px);
}

.region-footer-top nav>ul>li span,
.region-footer-top #block-ogeneric-ypostirixi ul>li span {
    color: #2C2F32;
    font-family: 'PeridotPESemiBold';
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.28px;
    display: block;
    padding: 0 0 24px 0;
}

.region-footer-top nav>ul>li a {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.28px;
    text-decoration: none;
}

.region-footer-top #block-ogeneric-ypostirixi {
    width: calc(20% - 10px);
}

.region-footer-top #block-ogeneric-ypostirixi ul,
.region-footer-top #block-ogeneric-ypostirixi li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.region-footer-top #block-ogeneric-ypostirixi a {
    text-decoration: none;
    color: inherit;
}

.region-footer-top #block-ogeneric-ypostirixi li.contactmenu {
    line-height: 140%;
    padding: 0 0 24px 0;
}


.region-footer-top #block-ogeneric-ypostirixi .social {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    background: url("../images/icon-social-ln.svg") no-repeat center center;
    background-size: contain;
    font-size: 0px;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {


    main {
        min-height: calc(100vh - 43.06vw);
    }

    .region-footer-top {
        max-width: 100.00vw;
        margin: 16.67vw auto 0 auto;
        padding: 3.34vw 2.78vw 4.45vw 2.78vw;
    }

    .region-footer-top::before {
        left: 2.78vw;
        width: calc(100% - 5.56vw);
        height: 0.07vw;
    }

    .footer-blue .region-footer-top::before,
    .footer-red .region-footer-top::before {
        width: 177.78vw;
        height: 16.67vw;
    }

    .region-footer-top::after {
        width: 0.07vw;
        height: 16.67vw;
    }

    .region-footer-top>div {
        gap: 1.39vw;
    }

    .region-footer-top #block-ogeneric-oteomilosetaireion {
        width: calc(40% - 0.70vw);
    }

    .region-footer-top #block-ogeneric-oteomilosetaireion .field--name-body > a {
        width: 16.95vw;
        height: 3.48vw;
    }

    .region-footer-top nav {
        width: calc(40% - 0.70vw);
    }

    .region-footer-top nav>ul {
        gap: 1.39vw;
    }

    .region-footer-top nav>ul>li {
        width: calc(50% - 0.70vw);
    }

    .region-footer-top nav>ul>li span,
    .region-footer-top #block-ogeneric-ypostirixi ul>li span {
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
        padding: 0 0 1.67vw 0;
    }

    .region-footer-top nav>ul>li a {
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

    .region-footer-top #block-ogeneric-ypostirixi {
        width: calc(20% - 0.70vw);
    }

    .region-footer-top #block-ogeneric-ypostirixi li.contactmenu {
        padding: 0 0 1.67vw 0;
    }

    .region-footer-top #block-ogeneric-ypostirixi .social {
        width: 1.67vw;
        height: 1.67vw;
        margin: 0 0.70vw 0 0;
    }

}

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


    .region-footer-top {
        padding: 48px 32px 64px 32px;
    }

    .region-footer-top #block-ogeneric-oteomilosetaireion {
        width: calc(20% - 10px);
    }

    .region-footer-top #block-ogeneric-oteomilosetaireion .field--name-body > a {
        width: 150px;
    }

    .region-footer-top #block-ogeneric-ypostirixi {
        width: calc(25% - 10px);
    }

    .region-footer-top nav {
        width: calc(42% - 10px);
    }
}

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


    .region-footer-top {
        margin-top: 140px;
        padding: 24px 16px 32px 16px;
    }

    .region-footer-top>div {
        flex-direction: column;
    }

    .region-footer-top::before {
        width: calc(100% - 32px);
        left: 16px;
    }

    .region-footer-top::after {
        height: 100px;
    }


    .region-footer-top nav {
        width: 100%;
    }

    .region-footer-top #block-ogeneric-ypostirixi {
        width: 100%;
    }

    .region-footer-top nav>ul>li span,
    .region-footer-top #block-ogeneric-ypostirixi ul>li span {
        padding: 0 0 6px 0;
    }

    .footer-blue .region-footer-top::before,
    .footer-red .region-footer-top::before {
        height: 140px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



footer {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px 72px 40px;
    text-align: left;
}

footer>div {
    display: flex;
    justify-content: space-between;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

footer #block-ogeneric-eggrafistonewsletter {
    width: calc(40% - 10px);
}


footer #block-ogeneric-eggrafistonewsletter a {
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
}

footer nav {
    width: calc(60% - 10px);
}

footer .opencookiepopuplink {
    cursor: pointer;
}

footer nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}

footer nav ul,
footer nav li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

footer nav a {
    color: #212121;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.28px;
    text-decoration: none;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    footer {
        max-width: 100.0vw;
        padding: 0 2.78vw 5.0vw 2.78vw;
    }

    footer>div {
        gap: 1.39vw;
    }

    footer #block-ogeneric-eggrafistonewsletter {
        width: calc(40% - 0.69vw);
    }

    footer #block-ogeneric-eggrafistonewsletter a {
        font-size: 0.97vw;
    }

    footer nav {
        width: calc(60% - 0.69vw);
    }

    footer nav ul {
        gap: 1.67vw;
    }

    footer nav a {
        font-size: 0.97vw;
    }

}

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

    footer nav {
        width: 100%;

    }

    footer nav ul {
        justify-content: space-between;
    }
}

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

    footer {
        padding: 0 16px 32px 16px;
    }

    footer>div {
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }

    footer nav {
        width: 100%;
    }

    footer nav ul {
        justify-content: flex-start;
    }

    footer #block-ogeneric-eggrafistonewsletter {
        width: 100%;
    }

    footer nav a,
    footer nav {
        font-size: 12px;
    }

    footer nav ul {
        flex-wrap: wrap;
        gap: 10px;
    }


}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.region-footer-bottom {
    height: 48px;
    line-height: 140%;
    letter-spacing: -0.28px;
    text-align: center;
    background: url("../images/bg-footer.png") no-repeat calc(50% - 640px) bottom;
    background-size: auto 48px;
    padding: 0 0 0 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.region-footer-bottom #block-ogeneric-memberoftgroup {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    width: 102px;
    height: 23px;
    background: url("../images/logo-tgroup.svg") no-repeat center center;
    background-size: contain;
    font-size: 0px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {


    .region-footer-bottom {
        height: 3.33vw;
        background: url("../images/bg-footer.png") no-repeat calc(50% - 44.44vw) bottom;
        background-size: auto 3.33vw;
        padding: 0 0 0 3.47vw;
    }

    .region-footer-bottom #block-ogeneric-memberoftgroup {
        right: 2.78vw;
        width: 7.08vw;
        height: 1.6vw;
    }

}

@media screen and (max-width: 959px) {}

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

    .region-footer-bottom {
        height: auto;
        padding: 0 16px 70px 16px;
        text-align: center;
        font-size: 12px;
        background-position: calc(50% - 435px) bottom;
    }

    .region-footer-bottom #block-ogeneric-memberoftgroup {
        top: auto;
        bottom: 10px;
        right: 20px;
        transform: translate(0, 0);
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.region-custom-breadcrumbs {
    padding: 0 40px 115px 40px;

    color: #686B70;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
}


.region-custom-breadcrumbs .field--name-field-breadcrumbs {

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item {
    white-space: nowrap;
}

.region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item a,
.region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item span {
    color: #686B70;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.region-custom-breadcrumbs .field__item:not(:first-child)::before {
    content: "/";
    margin: 0 6px 0 0;
    display: inline-block;
    vertical-align: middle;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .region-custom-breadcrumbs {
        padding: 0 2.78vw 7.99vw 2.78vw;
        font-size: 0.98vw;
    }

    .region-custom-breadcrumbs .field--name-field-breadcrumbs {
        gap: 0.42vw;
    }

    .region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item a,
    .region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item span {
        font-size: 0.98vw;
    }

    .region-custom-breadcrumbs .field__item:not(:first-child)::before {
        margin: 0 0.42vw 0 0;
    }

}

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

    .region-custom-breadcrumbs {
        padding: 0 32px 64px 32px;
    }

}

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

    .region-custom-breadcrumbs {
        padding: 0 16px 32px 16px;
    }


}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.paragraph--type--header-main {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 80px 0;
}

.paragraph--type--header-main .field--name-field-magenta-title {
    color: #C4004B;
    font-size: 16px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}

.paragraph--type--header-main .field--name-field-title {
    padding: 16px 0 40px 0;
    font-family: 'PeridotPEBold';
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -0.4px;
    margin: 0px;
}

.paragraph--type--header-main .field--name-field-text {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.18px;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--header-main {
        max-width: 62.5vw;
        padding: 0 0 5.56vw 0;
    }

    .paragraph--type--header-main .field--name-field-magenta-title {
        font-size: 1.11vw;
    }

    .paragraph--type--header-main .field--name-field-title {
        padding: 1.11vw 0 2.78vw 0;
        font-size: 2.78vw;
    }

    .paragraph--type--header-main .field--name-field-text {
        font-size: 1.25vw;
    }

}

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

    .paragraph--type--header-main {
        padding: 0 32px 80px 32px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--header-main {
        padding: 0 16px 32px 16px;
    }

    .paragraph--type--header-main .field--name-field-title {
        font-size: 28px;
    }

    .paragraph--type--header-main .field--name-field-text {
        font-size: 15px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--team-grid {
    padding: 0 20px 80px 20px;
}

.paragraph--type--team-grid .field--name-field-team-member {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 40px 24px;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item {
    width: calc(50% - 12px);
    text-align: left;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-image {
    position: relative;
    overflow: hidden;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 400ms ease-out;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-image:hover img {
    transform: scale(1.1);
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item a {
    text-decoration: none;
    color: inherit;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-full-name {
    font-size: 21px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 130%;
    letter-spacing: -0.21px;
    padding: 16px 0 8px 0;
    color: #212121;
    text-decoration: none;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-job-title {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
    padding: 0 0 16px 0;
    color: #212121;
    text-decoration: none;
}

.btn_theme {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #2C2F32;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    transition: all 300ms;
    position: relative;
}

.btn_theme::before,
.btn_theme::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.btn_theme::before {
    opacity: 1;
    background: #212121;
}


.btn_theme:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.btn_theme:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}









.popup-side {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 999;
    display: none;
    width: 900px;
    max-width: 90vw;
    background: #fff;
}

.popup-side .back-close {
    content: "";
    position: absolute;
    right: 100%;
    width: 2000px;
    top: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-side .close-btn {
    position: absolute;
    background: url("../images/icon-popup-close.svg") no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    display: block;
    border: 0px;
    right: 0px;
    top: 8px;
    font-size: 0px;
    z-index: 10;
    cursor: pointer;
}


.popup-side .person-bio-content,
.popup-side .contest-info-content {
    padding: 75px 30px 30px 75px;
    overflow: auto;
    height: 100vh;
}

.popup-side .person-bio-content-top {
    position: relative;
}

.popup-side .person-bio-content-top .field--name-field-social {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.popup-side .person-bio-content-top .field--name-field-social a {
    background: url("../images/icon-popup-social-ln.svg") no-repeat center center;
    background-size: contain;
    width: 31px;
    height: 31px;
    display: block;
    font-size: 0px;
}



.popup-side .person-bio-content-top .field--name-field-person-image-popup {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.popup-side .person-bio-content-top .field--name-field-person-image-popup img {
    display: block;
    width: 420px;
    object-fit: cover;
    object-position: center top;
}

.popup-side .person-bio-content-bottom,
.popup-side .contest-info-content .field--name-field-text {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
    padding: 64px 0 0 40px;
}

.paragraph--type--team-grid .field--name-field-team-member>.field__item .popup-side .field--name-field-person-full-name,
.popup-side .contest-info-content h2 {
    font-family: 'BTCosmoBold';
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.48px;
    max-width: 20%;
    white-space: pre-line;
    padding: 32px 0 0 0;
}

.popup-side .contest-info-content h2 {
    max-width: 100%;
    height: auto;
    margin: 0px;
    white-space: normal;
}







@media screen and (min-width: 960px) and (max-width: 1439px) {



    .paragraph--type--team-grid {
        padding: 0 1.39vw 5.56vw 1.39vw;
    }

    .paragraph--type--team-grid .field--name-field-team-member {

        max-width: 78.47vw;
        gap: 2.78vw 1.67vw;
    }

    .paragraph--type--team-grid .field--name-field-team-member>.field__item {
        width: calc(50% - 0.84vw);
    }


    .paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-full-name {
        font-size: 1.46vw;
        padding: 1.11vw 0 0.56vw 0;
    }

    .paragraph--type--team-grid .field--name-field-team-member>.field__item .field--name-field-person-job-title {
        font-size: 1.11vw;
        padding: 0 0 1.11vw 0;
    }

    .btn_theme {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #2C2F32;
        font-size: 0.98vw;
    }

    .btn_theme::before,
    .btn_theme::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }



    .popup-side {
        width: 62.50vw;
    }

    .popup-side .back-close {
        width: 138.89vw;
    }

    .popup-side .close-btn {
        width: 2.78vw;
        height: 2.78vw;
        top: 0.56vw;
    }


    .popup-side .person-bio-content,
    .popup-side .contest-info-content {
        padding: 5.21vw 2.08vw 2.08vw 5.21vw;
    }


    .popup-side .person-bio-content-top .field--name-field-social a {
        width: 2.15vw;
        height: 2.15vw;
    }


    .popup-side .person-bio-content-top .field--name-field-person-image-popup img {
        width: 29.17vw;
    }

    .popup-side .person-bio-content-bottom,
    .popup-side .contest-info-content .field--name-field-text {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
        padding: 4.45vw 0 0 2.78vw;
    }

    .paragraph--type--team-grid .field--name-field-team-member>.field__item .popup-side .field--name-field-person-full-name,
    .popup-side .contest-info-content h2 {
        font-size: 3.33vw;
        padding: 2.22vw 0 0 0;
    }



}

@media screen and (max-width: 959px) {}

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

    .paragraph--type--team-grid .field--name-field-team-member>.field__item {
        width: 100%;
    }

    .popup-side {
        width: 100%;
    }

    .popup-side .person-bio-content,
    .popup-side .contest-info-content {
        padding: 75px 16px 32px 16px;
    }

    .paragraph--type--team-grid .field--name-field-team-member>.field__item .popup-side .field--name-field-person-full-name,
    .popup-side .contest-info-content h2 {
        font-size: 35px;
    }

    .popup-side .person-bio-content-bottom,
    .popup-side .contest-info-content .field--name-field-text {
        font-size: 15px;
        padding: 32px 0 0 32px;
    }

    .popup-side .person-bio-content-top .field--name-field-social {
        position: absolute;
        left: auto;
        right: 0px;
        bottom: -8px;
        transform: translate(0px, 100%);
    }

}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--grid-three,
.paragraph--type--grid-two {
    padding: 0px 0 80px 0;
}


.paragraph--type--grid-three .field--name-field-grid-3-image,
.paragraph--type--grid-two .field--name-field-grid-2-image {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 24px;
}

.paragraph--type--grid-three .field--name-field-grid-3-image .field__item,
.paragraph--type--grid-two .field--name-field-grid-2-image .field__item {
    position: relative;
    z-index: 1;
    transition: all 700ms;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */

.paragraph--type--grid-three .field--name-field-grid-3-image .field__item:nth-child(1) {
    transform: rotate(-12deg) translate(50%, 0);
}

.paragraph--type--grid-three .field--name-field-grid-3-image .field__item:nth-child(2) {
    z-index: 2;
}

.paragraph--type--grid-three .field--name-field-grid-3-image .field__item:nth-child(3) {
    transform: rotate(12deg) translate(-50%, 0);
}


.paragraph--type--grid-three.active .field--name-field-grid-3-image .field__item:nth-child(1),
.paragraph--type--grid-three.active .field--name-field-grid-3-image .field__item:nth-child(3) {
    transform: rotate(0deg) translate(0%, 0);
}


/* ///////////////////////////////////////////////////////////////////////////////////// */



.paragraph--type--grid-two .field--name-field-grid-2-image .field__item:nth-child(1) {
    transform: rotate(-12deg) translate(25%, 0);
    z-index: 2;
}

.paragraph--type--grid-two .field--name-field-grid-2-image .field__item:nth-child(2) {
    transform: rotate(12deg) translate(-25%, 5%);
}


.paragraph--type--grid-two.active .field--name-field-grid-2-image .field__item:nth-child(1),
.paragraph--type--grid-two.active .field--name-field-grid-2-image .field__item:nth-child(2) {
    transform: rotate(0deg) translate(0%, 0);
}




@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--grid-three,
    .paragraph--type--grid-two {
        padding: 0vw 0 5.56vw 0;
    }


    .paragraph--type--grid-three .field--name-field-grid-3-image,
    .paragraph--type--grid-two .field--name-field-grid-2-image {
        gap: 1.67vw;
    }

}

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

    .paragraph--type--grid-three,
    .paragraph--type--grid-two {
        padding: 0px 32px 20px 32px;
    }

    .paragraph--type--grid-three .field--name-field-grid-3-image .field__item,
    .paragraph--type--grid-three .field--name-field-grid-2-image .field__item,
    .paragraph--type--grid-two .field--name-field-grid-2-image .field__item {
        width: 200px;
    }

    .paragraph--type--grid-three .field--name-field-grid-3-image .field__item img,
    .paragraph--type--grid-three .field--name-field-grid-2-image .field__item img,
    .paragraph--type--grid-two .field--name-field-grid-2-image .field__item img {
        display: block;
        width: 100%;
        height: auto;
    }
}

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

    .paragraph--type--grid-three,
    .paragraph--type--grid-two {
        padding: 0px 16px 20px 16px;
    }


}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--section-item {
    padding: 16px 40px 140px 40px;
}

.paragraph--type--section-item.style-bg-bg-blue {
    background: #245BA7;
}

.paragraph--type--section-item.style-bg-bg-magenta {
    background: #C4004B;
    background: #F2F2F3;
}

.paragraph--type--section-item.style-font-bold-white {
    color: #fff;
}

.paragraph--type--section-item.style-font-bold-white.style-bg-bg-magenta{
    color: #212121;
} 

.paragraph--type--section-item.style-font-bold-black {
    color: #212121;
}

.paragraph--type--section-item .section_item_header {
    text-align: left;
    border-top: 2px solid #212121;
    padding: 16px 0;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 32px;

    width: 100%;
    max-width: 1440px;
    margin: 0 auto 80px auto;
}


.paragraph--type--section-item.style-font-bold-white .section_item_header {
    border-color: #fff;
}

.paragraph--type--section-item.style-font-bold-white.style-bg-bg-magenta .section_item_header {
    border-color: #212121;
}

.paragraph--type--section-item .section_item_header .field--name-field-number {
    color: #C4004B;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 17px;
    line-height: 110%;
    text-transform: uppercase;
}

.paragraph--type--section-item.style-font-bold-white .section_item_header .field--name-field-number {
    color: #fff;
}

.paragraph--type--section-item.style-font-bold-white.style-bg-bg-magenta .section_item_header .field--name-field-number {
    color: #212121;
}


.paragraph--type--section-item .section_item_header .field--name-field-number::before {
    content: "0";
}


.paragraph--type--section-item .section_item_header .field--name-field-short-text {
    color: #2C2F32;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
}


.paragraph--type--section-item.style-font-bold-white .section_item_header .field--name-field-short-text {
    color: #fff;
}

.paragraph--type--section-item.style-font-bold-white.style-bg-bg-magenta .section_item_header .field--name-field-short-text {
    color: #212121;
}



.paragraph--type--title-with-text {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
}


.paragraph--type--title-with-text .field--name-field-title {
    font-size: 32px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 120%;
    letter-spacing: -0.64px;
    width: 100%;
}

.paragraph--type--title-with-text .field--name-field-text {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
    width: 100%;
}

.paragraph--type--title-with-text ul {
    padding: 0 0 20px 0;
}

.paragraph--type--title-with-text ul,
.paragraph--type--title-with-text li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.paragraph--type--title-with-text li {
    padding: 0 0 16px 22px;
    position: relative;
}

.paragraph--type--title-with-text li::before {
    background: #C4004B;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--section-item {
        padding: 1.11vw 2.78vw 9.72vw 2.78vw;
    }

    .paragraph--type--section-item .section_item_header {
        padding: 1.11vw 0;
        gap: 2.22vw;
        max-width: 100.0vw;
        margin: 0 auto 5.56vw auto;
    }

    .paragraph--type--section-item .section_item_header .field--name-field-number {
        font-size: 1.18vw;
    }

    .paragraph--type--section-item .section_item_header .field--name-field-short-text {
        font-size: 0.97vw;
    }

    .paragraph--type--title-with-text {
        max-width: 46.53vw;
        gap: 2.78vw;
    }

    .paragraph--type--title-with-text .field--name-field-title {
        font-size: 2.22vw;
    }

    .paragraph--type--title-with-text .field--name-field-text {
        font-size: 1.11vw;
    }

    .paragraph--type--title-with-text ul {
        padding: 0 0 1.39vw 0;
    }

    .paragraph--type--title-with-text li {
        padding: 0 0 1.11vw 1.53vw;
    }

    .paragraph--type--title-with-text li::before {
        width: 0.56vw;
        height: 0.56vw;
        top: 0.56vw;
    }

}

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

    .paragraph--type--section-item {
        padding: 16px 32px 140px 32px;
        padding: 16px 32px 70px 32px;
    }

    .paragraph--type--title-with-text {
        max-width: unset;
    }
}

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

    .paragraph--type--section-item .section_item_header {
        margin: 0 auto 32px auto;
    }

    .paragraph--type--section-item {
        padding: 16px 16px 32px 16px;
    }

    .paragraph--type--title-with-text .field--name-field-title {
        font-size: 28px;
    }

    .paragraph--type--title-with-text .field--name-field-title {
        font-size: 24px;
    }

    .paragraph--type--title-with-text .field--name-field-text {
        font-size: 15px;
    }

}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--grid {
    padding: 0 40px 80px 40px;

}

.paragraph--type--grid .field--name-field-grid-item {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

.paragraph--type--grid .field--name-field-grid-item>.field__item {
    width: 252px;
    height: 214px;
    border-radius: 3.13px;
    border: 1px solid #686B70;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
}

.paragraph--type--grid .field--name-field-grid-item>.field__item img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--grid {
        padding: 0 2.78vw 5.56vw 2.78vw;

    }

    .paragraph--type--grid .field--name-field-grid-item {
        max-width: 100.0vw;
        gap: 1.67vw;
    }

    .paragraph--type--grid .field--name-field-grid-item>.field__item {
        width: 17.5vw;
        height: 14.86vw;
        border-radius: 0.22vw;
        padding: 1.67vw;
    }

}

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

    .paragraph--type--grid .field--name-field-grid-item>.field__item {
        width: calc(33% - 14px);
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--grid {
        padding: 0 16px 32px 16px;
    }

    .paragraph--type--grid .field--name-field-grid-item {
        gap: 12px;
    }

    .paragraph--type--grid .field--name-field-grid-item>.field__item {
        width: calc(50% - 6px);
        height: 160px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--file-upload {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.paragraph--type--file-upload:last-child {
    margin-bottom: 80px;
}

.paragraph--type--file-upload a {
    display: block;
    border-bottom: 1px solid #818486;
    padding: 26px 18px;
    position: relative;
    color: #2C2F32;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

.paragraph--type--file-upload a::before,
.paragraph--type--file-upload a::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 32px;
    height: 32px;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff url("../images/icon-open-file.svg") no-repeat center center;
    background-size: 16px auto;
    transition: all 500ms;
}

.paragraph--type--file-upload a::after {
    background-color: #C4004B;
    background-image: url("../images/icon-open-file-white.svg");
    opacity: 0;
}

.paragraph--type--file-upload a:hover::before {
    opacity: 0;
}

.paragraph--type--file-upload a:hover::after {
    opacity: 1;
}

.paragraph--type--file-upload::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    z-index: 1;
    background: #C4004B;
    opacity: 0;
    transition: all 500ms;
}

.paragraph--type--file-upload:hover::before {
    background: #F2F2F3;
    height: 100%;
    opacity: 1;
}




@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--file-upload {
        max-width: 61.81vw;
    }

    .paragraph--type--file-upload:last-child {
        margin-bottom: 5.56vw;
    }

    .paragraph--type--file-upload a {
        border-bottom: 0.07vw solid #818486;
        padding: 1.81vw 1.25vw;
        font-size: 1.25vw;
    }

    .paragraph--type--file-upload a::before,
    .paragraph--type--file-upload a::after {
        right: 1.12vw;
        width: 2.23vw;
        height: 2.23vw;
        background-size: 1.12vw auto;
    }

}

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

    .paragraph--type--file-upload {
        width: calc(100% - 64px);
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--file-upload {
        width: calc(100% - 32px);
    }

    .paragraph--type--file-upload a {
        padding: 16px 18px 16px 0px;
        font-size: 15px;
        text-align: left;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--title {
    text-align: left;
    max-width: 670px;
    margin: 0 auto;
    padding: 0 0 40px 0;
}

.paragraph--type--title.wb-og-align-center {
    text-align: center;
}

.paragraph--type--title.wb-og-align-right {
    text-align: right;
}

.paragraph--type--title .field--name-field-title {
    font-size: 32px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 120%;
    letter-spacing: -0.64px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--title {
        max-width: 46.53vw;
        padding: 0 0 2.78vw 0;
    }

    .paragraph--type--title .field--name-field-title {
        font-size: 2.22vw;
    }

}

@media screen and (max-width: 959px) {}

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

    .paragraph--type--title .field--name-field-title {
        font-size: 20px;
    }

    .paragraph--type--title {
        padding: 0 0 24px 0;
    }

    .paragraph--type--title .field--name-field-title {
        padding: 0 16px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.paragraph--type--textarea {
    text-align: left;
    max-width: 670px;
    margin: 0 auto;
    padding: 0 0 40px 0;
}

.centered-area .paragraph--type--textarea {
    text-align: center;
}

.paragraph--type--textarea .field--name-field-text {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
}

.paragraph--type--textarea .field--name-field-text img {
    display: block;
    width: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
}


.paragraph--type--textarea .field--name-field-text a {
    color: inherit;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--textarea {
        max-width: 46.53vw;
        padding: 0 0 2.78vw 0;
    }

    .paragraph--type--textarea .field--name-field-text {
        font-size: 1.11vw;
    }

}

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

    .paragraph--type--textarea {
        width: calc(100% - 64px);
        max-width: unset;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--textarea {
        width: calc(100% - 32px);
        max-width: unset;
    }

    .paragraph--type--textarea .field--name-field-text {
        font-size: 15px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.propertyproject .propertyproject__row--right .field--name-field-buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 16px;
}

.propertyproject .propertyproject__row--right .field--name-field-buttons a {
    display: inline-block;
    padding: 10px 40px 10px 15px;
    border-radius: 64px;
    border: 1.5px solid #212121;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.propertyproject .propertyproject__row--right .field--name-field-buttons a::before,
.propertyproject .propertyproject__row--right .field--name-field-buttons a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.propertyproject .propertyproject__row--right .field--name-field-buttons a::before {
    opacity: 1;
    background: #212121;
}

.propertyproject .propertyproject__row--right .field--name-field-buttons a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff;
}

.propertyproject .propertyproject__row--right .field--name-field-buttons a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .propertyproject .propertyproject__row--right .field--name-field-buttons {
        gap: 1.12vw;
    }

    .propertyproject .propertyproject__row--right .field--name-field-buttons a {
        padding: 0.70vw 2.78vw 0.70vw 1.05vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #212121;
        font-size: 0.98vw;
    }

    .propertyproject .propertyproject__row--right .field--name-field-buttons a::before,
    .propertyproject .propertyproject__row--right .field--name-field-buttons a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }
}

@media screen and (max-width: 959px) {}

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

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.paragraph--type--html {
    text-align: left;
    max-width: 670px;
    margin: 0 auto;
    padding: 0 0 40px 0;
}

.paragraph--type--html .field--name-field-html {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
}


.paragraph--type--html .field--name-field-html ul.hr-values {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 32px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    max-width: 670px;
    margin: 0 auto;
    text-align: left;
}

.paragraph--type--html .field--name-field-html ul.hr-values li {
    display: block;
    width: calc(33.33% - 22px);
    margin: 0px;
    padding: 0px;
    list-style-type: none;

    color: #2C2F32;
    font-family: 'PeridotPEBold';
    font-size: 20px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.2px;
    position: relative;
    padding: 0 0 0 22px;

}

.paragraph--type--html .field--name-field-html ul.hr-values li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    height: 8px;
    background: #C4004B;
    border-radius: 50%;
}

.paragraph--type--html .field--name-field-html {
    text-align: center;
}

.paragraph--type--html .btn {
    display: inline-block;
    padding: 16px 24px 16px 20px;
    vertical-align: middle;
    background: none;
    border-radius: 64px;
    border: 1.5px solid #FFF;
    background: rgba(0, 0, 0, 0.00);

    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 300ms;
}

.paragraph--type--html .btn::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #fff url("../images/icon-link-target.svg") no-repeat center center;
    background-size: 0px 0px;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
    transition: all 300ms;
}



.paragraph--type--html .btn:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.paragraph--type--html .btn:hover::after {
    transform: translate(10%, 0%) scale(3);
    background-color: #C4004B;
    background-size: 45% auto;
}







@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--html {
        max-width: 46.53vw;
        padding: 0 0 2.78vw 0;
    }

    .paragraph--type--html .field--name-field-html {
        font-size: 1.11vw;
    }


    .paragraph--type--html .field--name-field-html ul.hr-values {
        gap: 1.12vw 2.23vw;
        max-width: 46.53vw;
    }

    .paragraph--type--html .field--name-field-html ul.hr-values li {
        width: calc(33.33% - 1.53vw);
        font-size: 1.39vw;
        padding: 0 0 0 1.53vw;

    }

    .paragraph--type--html .field--name-field-html ul.hr-values li::before {
        width: 0.56vw;
        height: 0.56vw;
    }

    .paragraph--type--html .btn {
        padding: 1.11vw 1.67vw 1.11vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .paragraph--type--html .btn::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.21vw 0 0 1.11vw;
    }

}

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

    .paragraph--type--html {
        max-width: unset;
        width: 100%;
    }

}

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


    .paragraph--type--html .field--name-field-html ul.hr-values {
        flex-direction: column;
        text-align: left;
        justify-content: flex-start;
        align-items: start;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--accordion {
    max-width: 898px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}



.paragraph--type--accordion .field--name-field-accordion-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    padding: 0 0 100px 0;
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item {
    width: 100%;
    border-bottom: 1.5px solid #818486;
}


.paragraph--type--accordion .field--name-field-accordion-item .ans {
    padding: 24px 48px 64px 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
    display: none;
}


.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title {
    color: #2C2F32;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    padding: 30px 70px 30px 16px;
    position: relative;
    cursor: pointer;
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    width: 32px;
    height: 32px;
    background: url("../images/icon-accordion.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .active .field--name-field-title::after {
    transform: translate(0, -50%) rotate(180deg);
}



.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-image {
    max-width: 112px;
    width: 100%;
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-image img {
    display: block;
    width: 100%;
    height: auto;
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text {
    width: 100%;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
}







@media screen and (min-width: 960px) and (max-width: 1439px) {


    .paragraph--type--accordion {
        max-width: 62.36vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item {
        padding: 0 0 6.94vw 0;
    }

    .paragraph--type--accordion .field--name-field-accordion-item .ans {
        padding: 1.67vw 3.33vw 4.44vw 3.33vw;
        gap: 1.67vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title {
        font-size: 1.25vw;
        padding: 2.08vw 4.86vw 2.08vw 1.11vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title::after {
        right: 1.11vw;
        width: 2.22vw;
        height: 2.22vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-image {
        max-width: 7.78vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text {
        font-size: 1.11vw;
    }

}

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

    .paragraph--type--accordion .field--name-field-accordion-item {
        padding: 0 32px 32px 32px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--accordion .field--name-field-accordion-item {
        padding: 0 16px 16px 16px;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title {
        font-size: 17px;
        padding: 16px 60px 16px 0px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--asset-grid {
    padding: 40px 0 80px 0;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
}



.paragraph--type--asset-grid .field--name-field-grid-title {}

.paragraph--type--asset-grid .paragraph--type--title-with-icon {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;

    font-size: 24px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 130%;
    letter-spacing: -0.24px;
    padding: 0 0 48px 0;
}

.paragraph--type--asset-grid .paragraph--type--title-with-icon img {
    display: block;
}


.paragraph--type--asset-grid .field--name-field-asset-grid-item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item {
    padding: 24px;
    width: calc(33.33% - 20px);
    height: 220px;
    border-radius: 8px;
    border: 1.5px solid var(--Estate-Stroke, #818486);
    position: relative;
    transition: all 300ms;
    color: #2C2F32;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item:hover {
    background: #245BA7;

}

.paragraph--type--asset-grid .field--name-field-asset-grid-item a {
    text-decoration: none;
    color: #2C2F32;
    transition: all 300ms;
}

.paragraph--type--asset-grid:not(.grid-see-more) .field--name-field-asset-grid-item>.field__item:hover a {
    color: #fff;
}



.paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a {
    position: absolute;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    padding: 24px;
}


.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-title {
    color: inherit;
    font-size: 16px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 130%;
    letter-spacing: -0.32px;

}


.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: inline-block;
    padding: 14px 44px 14px 20px;
    vertical-align: middle;
    background: none;
    border-radius: 64px;
    background: rgba(0, 0, 0, 0.00);
    white-space: nowrap;

    color: inherit;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn>div {
    display: inline;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::before,
.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-plus.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::before {
    opacity: 1;
    background: #212121;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::after {
    background-image: url("../images/icon-bt-arrow.svg");
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item:hover .asset-item-more-btn::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}




.paragraph--type--asset-grid.grid-see-more {
    max-width: 1130px;
}

.paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item {
    width: calc(50% - 12px);
    min-height: 280px;
    border-radius: 4px;
    background: #F2F2F3;
    border: 0px;
}

.paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-title {
    color: #2C2F32;
    color: #C4004B;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -0.24px;
}

.paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-description {
    padding: 8px 0 0 0;
    color: #2C2F32;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
}

.paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-more-btn {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 24px 0 0 0;
    line-height: 24px;
}







@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--asset-grid {
        padding: 2.78vw 0 5.56vw 0;
        max-width: 62.50vw;
    }

    .paragraph--type--asset-grid .paragraph--type--title-with-icon {
        gap: 1.67vw;
        font-size: 1.67vw;
        letter-spacing: -0.01vw;
        padding: 0 0 3.34vw 0;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item {
        gap: 1.67vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item {
        padding: 1.67vw;
        width: calc(33.33% - 1.39vw);
        height: 15.28vw;
        border-radius: 0.56vw;
        border: 0.11vw solid var(--Estate-Stroke, #818486);
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a {
        padding: 1.67vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-title {
        font-size: 1.12vw;
        letter-spacing: -0.02vw;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-description {
        padding: 0.56vw 0 0 0;
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn {
        left: 1.67vw;
        bottom: 1.67vw;
        padding: 1.12vw 1.67vw 1.12vw 0.00vw;
        border-radius: 4.45vw;
        font-size: 0.98vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn {
        left: 1.67vw;
        bottom: 1.67vw;
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        font-size: 0.98vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::before,
    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

    .paragraph--type--asset-grid.grid-see-more {
        max-width: 78.48vw;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item {
        width: calc(50% - 0.84vw);
        min-height: 19.45vw;
        border-radius: 0.28vw;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-title {
        font-size: 1.67vw;
        letter-spacing: -0.01vw;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-more-btn {
        margin: 1.67vw 0 0 0;
        line-height: 1.67vw;
    }

}

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

    .paragraph--type--asset-grid {
        padding: 40px 32px 32px 32px;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-title {
        font-size: 14px;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-description {
        font-size: 15px;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item {

        width: calc(33.33% - 16px);
    }



}

@media screen and (max-width: 767px) {
    .paragraph--type--asset-grid {
        padding: 32px 16px 16px 16px;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item {
        flex-direction: column;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item {
        width: 100%;
        min-height: 10px;
        height: auto;
        padding: 16px;
    }


    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a{
        position: relative;
        left: auto;
        top: auto;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn {
        position: absolute;
        left: 16px;
        bottom: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 44px;

        position: relative;
        left: auto;
        bottom: auto;
        margin: 16px 0 0 0;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item {
        width: 100%;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item {
        height: auto;
        padding: 24px 18px;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a {
        padding: 0px;
    }

    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-title,
    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-title {
        font-size: 17px;
    }


    .paragraph--type--asset-grid.grid-see-more .field--name-field-asset-grid-item .asset-item-more-btn {
        padding: 0px;
        padding-right: 44px;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item>.field__item>.paragraph--type--asset-grid-item>a {
        padding: 24px 18px;
        padding: 0px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--full-width-cta {
    border-radius: 8px;
    background: #fff;
    border: 2px solid #C4004B;
    width: 100%;
    max-width: 1392px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.paragraph--type--full-width-cta .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    vertical-align: middle;
    background: none;
    border-radius: 64px;
    border: 1.5px solid #FFF;
    background: rgba(0, 0, 0, 0.00);

    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a::before,
.paragraph--type--full-width-cta .field--name-field-link-to-page a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a::before {
    opacity: 1;
    background: #C4004B;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
    white-space: nowrap;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}





@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--full-width-cta {
        border-radius: 0.56vw;
        max-width: 96.67vw;
        padding: 1.11vw;
    }

    .paragraph--type--full-width-cta .field--name-field-title {
        font-size: 1.39vw;
    }

    .paragraph--type--full-width-cta .field--name-field-link-to-page a {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #FFF;
        font-size: 0.98vw;
    }

    .paragraph--type--full-width-cta .field--name-field-link-to-page a::before,
    .paragraph--type--full-width-cta .field--name-field-link-to-page a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

}

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

    .paragraph--type--full-width-cta {
        width: calc(100% - 64px);
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--full-width-cta {
        width: calc(100% - 32px);
        width: 100%;
        border-radius: 0px;
    }

    .paragraph--type--full-width-cta .field--name-field-title {
        font-size: 16px;
        text-align: left;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.property--type-property {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 6px 40px 50px 40px;
}

.page-property .region-custom-breadcrumbs {
    padding-left: 0px;
}

.property--type-property .property__topbar_share_buttons {
    position: absolute;
    right: 90px;
    top: 3px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    gap: 0px;
    transition: all 300ms;
}

.property--type-property .property__topbar_share_buttons:hover {
    gap: 12px;
}

.property--type-property .property__topbar_share_buttons .share_title {
    color: #212121;
    font-size: 15px;
    font-style: normal;
    line-height: 28px;
    text-transform: uppercase;
    padding: 0 2px 0 0;
}

.property--type-property .property__topbar_share_buttons .social-sharing-buttons {
    margin: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    transition: all 400ms, opacity 700ms;
    max-width: 200px;
}

.property--type-property .property__topbar_share_buttons:not(:hover) .social-sharing-buttons {
    visibility: hidden;
    opacity: 0;
    max-width: 0px;
    overflow: hidden;
}

.property--type-property .property__topbar_share_buttons .social-sharing-buttons a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #F2F2F3;
    align-content: center;
    margin: 0px;
    display: block;
    flex: 2;
}

.property--type-property .property__topbar_share_buttons .social-sharing-buttons a.share-facebook,
.property--type-property .property__topbar_share_buttons .social-sharing-buttons a.share-x{
    display: none !important;
}

.property--type-property .property__topbar_share_buttons .social-sharing-buttons a svg {
    display: block;
    height: 18px;
    width: auto;
    margin: 0 auto;
}


.property--type-property .property__topbar {
    position: absolute;
    right: 40px;
    top: 5px;
}

.property--type-property .property__topbar a {
    display: block;
    background: url("../images/icon-favorites.svg") no-repeat right center;
    line-height: 24px;
    padding: 0;
    height: 24px;
    width: 24px;
    color: #212121;
    font-size: 15px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.social-sharing-buttons-popup{
    z-index: 100;
}

.property--type-property .field--name-field-gallery {
    height: 464px;
}

.property--type-property .field--name-field-gallery .field__item {
    cursor: pointer;
    margin: 0 0 24px 24px;
    float: left;
}

.property--type-property .field--name-field-gallery .field__item:first-child {
    margin-left: 0px;
}

.property--type-property .field--name-field-gallery .field__item img {
    width: 322px;
    height: 220px;
    display: block;
    border-radius: 4px;
    object-fit: cover;
    object-position: center center;
}


.property--type-property .field--name-field-gallery .field__item:nth-child(1) img {
    width: 668px;
    height: 464px;
}

.property--type-property .field--name-field-gallery .field__item.gallery-trigger a {
    width: 322px;
    height: 220px;
    display: block;
    border-radius: 4px;
    background: url("../images/img-all-photos.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}

.property--type-property .field--name-field-gallery .field__item.gallery-trigger a::after {
    content: "";
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background: url("../images/icon-all-photos.svg") no-repeat center center;
    background-size: contain;
}

.property--type-property .property__content {
    padding: 64px 0 140px 0;
    max-width: 1130px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    display: flex;
}



.property--type-property .property__content .property__line1 {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 16px;
    order: 1;
}

.property--type-property .property__content .property__line1 .field--name-field-type {
    padding: 5px 16px;
    border-radius: 4px;
    border: 1.5px solid #818486;
    color: #2C2F32;
    font-size: 12px;
    font-style: normal;
    line-height: 100%;
    text-transform: uppercase;
}

.property--type-property .property__content .property__line1 .field--name-field-tm {
    color: #212121;
    font-size: 14px;
    letter-spacing: -0.28px;
    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 25px;
}

.property--type-property .property__content h2 {
    padding: 16px 0;
    margin: 0px;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 48px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.48px;
    order: 2;
}


.property--type-property .property__content .property__line2 {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 0px;

    color: #686B70;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
    padding: 0 0 80px 0;
    border-bottom: 2px solid #818486;
    order: 3;
    width: 100%;
}

.property--type-property .property__content .property__line2>div:not(.property--type-property .property__content .property__line2 > div:first-child) {
    padding: 0 0 0 4px;
}


.property--type-property .property__pea {
    position: absolute;
    right: 0px;
    top: 64px;
    width: 84px;
}


.property--type-property .property__pea .pea-container {
    border: 1px solid #666;
    border-radius: 5px;
    width: 100%;
    font-family: sans-serif;
    text-align: center;
    color: #333;
    display: inline-block;
}

.property--type-property .property__pea .pea-header {
    padding: 5px;
    border-bottom: 1px solid #666;
    font-size: 12px;
}

.property--type-property .property__pea .pea-body {
    padding: 10px 5px;
}

.property--type-property .property__pea .pea-label {
    font-size: 13px;
    color: #2C2F32;
    line-height: 1.2;
    margin: 0 0 5px 0;
}

.property--type-property .property__pea .pea-value {
    font-size: 18px;
    color: #2C2F32;
    font-family: 'BTCosmoBold';
}


.property--type-property .property__floating {

    border-radius: 8px;
    background: #fff;
    border: 2px solid #C4004B;
    z-index: 999;
    transition: all 500ms;
    order: 3;
    width: 100%;
    margin-top: 24px;
}

.property--type-property .property__floating .property__floating-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 12px;
    height: 80px;
    padding: 16px;
    position: relative;
}


.property--type-property .property__floating .property__floating-title {
    color: #212121;
    font-family: 'PeridotPESemiBold';
    font-size: 13px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
}

.property--type-property .property__floating .property__floating-address {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.property--type-property .property__floating .property__floating-content .floating-buttons {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.property--type-property .property__floating .property__floating-content .floating-buttons a {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #fff;
    color: #fff;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.property--type-property .property__floating .property__floating-content .floating-buttons a::before,
.property--type-property .property__floating .property__floating-content .floating-buttons a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.property--type-property .property__floating .property__floating-content .floating-buttons a::before {
    opacity: 1;
    background: #C4004B;
}



.property--type-property .property__floating .property__floating-content .floating-buttons a {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.property--type-property .property__floating .property__floating-content .floating-buttons a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}






.property--type-property .property__main-layout {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 80px 0 0 0;
    gap: 24px;
    order: 4;
}

.property--type-property .property__main-layout .property__main-content {
    width: 668px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.16px;
}

.property--type-property .property__main-layout .property__sidebar {
    width: 438px;
}

.property--type-property .property__main-layout .property__main-content .paragraph--type--title-with-text {
    gap: 0px;
}

.property--type-property .property__main-layout .property__main-content .field--name-field-title {
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
    padding: 0 0 24px 0;
}



.property--type-property .property__main-layout .property__main-content .theme-magenta .field--name-field-title {
    color: #C4004B;
}

.property--type-property .property__main-layout .property__main-content .field--name-field-text {
    padding: 0 0 24px 0;
}

.property--type-property .property__main-layout .plan-button {
    display: inline-block;
    background: url("../images/icon-katopsi.svg") no-repeat left center;
    line-height: 32px;
    padding: 0 44px 0 42px;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.property--type-property .property__main-layout .plan-button::before,
.property--type-property .property__main-layout .plan-button::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}


.property--type-property .property__main-layout .plan-button::before {
    opacity: 1;
    background: #212121;
}

.property--type-property .property__main-layout .plan-button:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}



.property--type-property .paragraph--type--table-4-columns {
    padding: 56px 0 56px 0;
}

.property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles {
    padding: 16px 0 16px 144px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
    width: 177px;

    color: #C4004B;
    font-size: 13px;
    font-style: normal;
    font-family: 'PeridotPESemiBold';
    line-height: 110%;
    letter-spacing: -0.26px;
    text-transform: uppercase;
    padding: 0 10% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}

.property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    border-bottom: 1px solid #F2F2F3;
    padding: 16px 0;
}

.property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item {
    width: 177px;
    color: #686B70;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}

.property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item:first-child {
    width: 144px;
    color: #2C2F32;
    font-size: 14px;
    font-style: normal;
    font-family: 'PeridotPESemiBold';
    line-height: 140%;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}

.property--type-property .property__main-layout .field--name-field-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    gap: 16px;
    padding: 40px 0 0 0;
}

.property--type-property .property__main-layout .pdf-button {
    padding: 24px 48px 24px 72px;
    display: block;
    border-radius: 16px;
    border: 1.5px solid #818486;
    background: url("../images/icon-pdf.svg") no-repeat 24px center;
    background-size: 32px auto;
    white-space: nowrap;
    text-decoration: none;
    min-width: 310px;

    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.16px;
    position: relative;
}

.property--type-property .property__main-layout .pdf-button .pdf-button-dot {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #212121 url("../images/icon-link-target.svg") no-repeat center center;
    background-size: 0px 0px;
    transform: translate(0, -50%);
    transition: all 300ms;
}


.property--type-property .property__main-layout .pdf-button:hover .pdf-button-dot {
    transform: translate(0, -50%) scale(3.5);
    background-color: #C4004B;
    background-size: 40% auto;
}







.property--type-property .property__main-layout .paragraph--type--total-available-surface {
    padding: 56px 0 16px 0;
    border-bottom: 1px solid #F2F2F3;
    color: #2C2F32;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.28px;
}

.property--type-property .property__main-layout .paragraph--type--total-available-surface .field {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}

.property--type-property .property__main-layout .paragraph--type--total-available-surface .field .field__sublabel {
    color: #686B70;
}



.property--type-property .property__main-layout .property__sidebar {
    text-align: center;
}


.property--type-property .property__main-layout .property__sidebar .field-location-directions,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px 0 5px;
}

.property--type-property .property__main-layout .property__sidebar .field-location-directions a,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a {
    display: inline-block;
    padding: 10px 40px 10px 15px;
    border-radius: 64px;
    border: 1.5px solid #212121;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.property--type-property .property__main-layout .property__sidebar .field-location-directions a::before,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a::before,
.property--type-property .property__main-layout .property__sidebar .field-location-directions a::after,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.property--type-property .property__main-layout .property__sidebar .field-location-directions a::before,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a::before {
    opacity: 1;
    background: #212121;
}


.property--type-property .property__main-layout .property__sidebar .field-location-directions a:hover,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff;
}

.property--type-property .property__main-layout .property__sidebar .field-location-directions a:hover::after,
.property--type-property .property__main-layout .property__sidebar .field-location-streetview a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .property--type-property {
        max-width: 100.00vw;
        padding: 0.42vw 2.78vw 3.48vw 2.78vw;
    }

    .property--type-property .property__topbar_share_buttons {
        right: 6.25vw;
        top: 0.21vw;
        height: 1.95vw;
    }

    .property--type-property .property__topbar_share_buttons:hover {
        gap: 0.84vw;
    }

    .property--type-property .property__topbar_share_buttons .share_title {
        font-size: 1.05vw;
        line-height: 1.95vw;
    }

    .property--type-property .property__topbar_share_buttons .social-sharing-buttons {
        gap: 0.56vw;
        max-width: 13.89vw;
    }

    .property--type-property .property__topbar_share_buttons .social-sharing-buttons a {
        width: 1.95vw;
        height: 1.95vw;
    }

    .property--type-property .property__topbar_share_buttons .social-sharing-buttons a svg {
        height: 1.25vw;
    }

    .property--type-property .property__topbar {
        right: 2.78vw;
        top: 0.35vw;
    }

    .property--type-property .property__topbar a {
        line-height: 1.67vw;
        padding: 0 3.34vw 0 0;
        font-size: 1.05vw;
    }

    .property--type-property .field--name-field-gallery {
        height: 32.23vw;
    }

    .property--type-property .field--name-field-gallery .field__item {
        margin: 0 0 1.66vw 1.66vw;
    }

    .property--type-property .field--name-field-gallery .field__item img {
        width: 22.36vw;
        height: 15.28vw;
        border-radius: 0.28vw;
    }

    .property--type-property .field--name-field-gallery .field__item:nth-child(1) img {
        width: 46.39vw;
        height: 32.23vw;
    }

    .property--type-property .field--name-field-gallery .field__item.gallery-trigger a {
        width: 22.37vw;
        height: 15.28vw;
        border-radius: 0.28vw;
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
        gap: 1.67vw;
    }

    .property--type-property .field--name-field-gallery .field__item.gallery-trigger a::after {
        width: 2.78vw;
        height: 2.78vw;
    }

    .property--type-property .property__content {
        padding: 4.45vw 0 9.73vw 0;
        max-width: 78.48vw;
    }

    .property--type-property .property__content .property__line1 {
        gap: 1.12vw;
    }

    .property--type-property .property__content .property__line1 .field--name-field-type {
        padding: 0.35vw 1.12vw;
        border-radius: 0.28vw;
        border: 0.11vw solid #818486;
        font-size: 0.84vw;
    }

    .property--type-property .property__content .property__line1 .field--name-field-tm {
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
        background-size: 1.39vw auto;
        padding: 0 0 0 1.95vw;
        line-height: 1.74vw;
    }

    .property--type-property .property__content h2 {
        padding: 1.12vw 0;
        font-size: 3.34vw;
        letter-spacing: -0.03vw;
    }

    .property--type-property .property__content .property__line2 {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
        padding: 0 0 5.56vw 0;
        border-bottom: 0.14vw solid #818486;
    }

    .property--type-property .property__content .property__line2>div:not(.property--type-property .property__content .property__line2 > div:first-child) {
        padding: 0 0 0 0.28vw;
    }

    .property--type-property .property__pea {
        top: 4.45vw;
        width: 5.84vw;
    }

    .property--type-property .property__pea .pea-container {
        border: 0.07vw solid #666;
        border-radius: 0.35vw;
    }

    .property--type-property .property__pea .pea-header {
        padding: 0.35vw;
        border-bottom: 0.07vw solid #666;
        font-size: 0.84vw;
    }

    .property--type-property .property__pea .pea-body {
        padding: 0.70vw 0.35vw;
    }

    .property--type-property .property__pea .pea-label {
        font-size: 0.91vw;
        margin: 0 0 0.35vw 0;
    }

    .property--type-property .property__pea .pea-value {
        font-size: 1.25vw;
    }

    .property--type-property .property__floating {
        border-radius: 0.56vw;
        margin-top: 1.67vw;
    }

    .property--type-property .property__floating .property__floating-content {
        gap: 0.84vw;
        height: 5.56vw;
        padding: 1.12vw;
    }

    .property--type-property .property__floating .property__floating-title {
        font-size: 0.91vw;
    }

    .property--type-property .property__floating .property__floating-address {
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons {
        right: 1.12vw;
        gap: 1.12vw;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons a {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #fff;
        font-size: 0.98vw;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons a::before,
    .property--type-property .property__floating .property__floating-content .floating-buttons a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

    .property--type-property .property__main-layout {
        padding: 5.56vw 0 0 0;
        gap: 1.67vw;
    }

    .property--type-property .property__main-layout .property__main-content {
        width: 46.39vw;
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .property__main-layout .property__sidebar {
        width: 30.42vw;
    }

    .property--type-property .property__main-layout .property__main-content .field--name-field-title {
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
        padding: 0 0 1.67vw 0;
    }

    .property--type-property .property__main-layout .property__main-content .field--name-field-text {
        padding: 0 0 1.67vw 0;
    }

    .property--type-property .property__main-layout .plan-button {
        line-height: 2.23vw;
        padding: 0 3.06vw 0 2.92vw;
        font-size: 0.98vw;
    }

    .property--type-property .property__main-layout .plan-button::before,
    .property--type-property .property__main-layout .plan-button::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

    .property--type-property .paragraph--type--table-4-columns {
        padding: 3.89vw 0 3.89vw 0;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles {
        padding: 1.12vw 0 1.12vw 10.00vw;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
        width: 12.30vw;
        font-size: 0.91vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item {
        border-bottom: 0.07vw solid #F2F2F3;
        padding: 1.12vw 0;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item {
        width: 12.30vw;
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item:first-child {
        width: 10.00vw;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .property__main-layout .field--name-field-buttons {
        gap: 1.12vw;
        padding: 2.7vw 0 0 0;
    }

    .property--type-property .property__main-layout .pdf-button {
        padding: 1.67vw 3.34vw 1.67vw 5.00vw;
        border-radius: 1.12vw;
        border: 0.11vw solid #818486;
        background: url("../images/icon-pdf.svg") no-repeat 1.67vw center;
        background-size: 2.23vw auto;
        min-width: 21.53vw;
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .property__main-layout .pdf-button .pdf-button-dot {
        right: 2.09vw;
        width: 0.56vw;
        height: 0.56vw;
    }

    .property--type-property .property__main-layout .paragraph--type--total-available-surface {
        padding: 3.89vw 0 1.12vw 0;
        border-bottom: 0.07vw solid #F2F2F3;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

    .property--type-property .property__main-layout .paragraph--type--total-available-surface .field {
        gap: 1.67vw;
    }

    .property--type-property .property__main-layout .property__sidebar .field-location-directions,
    .property--type-property .property__main-layout .property__sidebar .field-location-streetview {
        margin: 0.70vw 0.35vw 0 0.35vw;
    }

    .property--type-property .property__main-layout .property__sidebar .field-location-directions a,
    .property--type-property .property__main-layout .property__sidebar .field-location-streetview a {
        padding: 0.70vw 2.78vw 0.70vw 1.05vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #212121;
        font-size: 0.98vw;
    }

    .property--type-property .property__main-layout .property__sidebar .field-location-directions a::before,
    .property--type-property .property__main-layout .property__sidebar .field-location-streetview a::before,
    .property--type-property .property__main-layout .property__sidebar .field-location-directions a::after,
    .property--type-property .property__main-layout .property__sidebar .field-location-streetview a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }
}

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

    .property--type-property {
        padding: 6px 32px 32px 32px;
    }

    .property--type-property .field--name-field-gallery {
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
        width: 100%;
        display: block;
        column-count: 2;
        column-gap: 12px;
        font-size: 0px;
    }

    .property--type-property .field--name-field-gallery .field__item:first-child {
        width: 100%;
        display: block;
        height: calc(60vw + 12px) !important;
        margin: 0 12px 0 0;
    }

    .property--type-property .field--name-field-gallery .field__item:first-child img {
        height: calc(60vw + 12px) !important;
    }

    .property--type-property .field--name-field-gallery .field__item {
        width: calc(50% - 12px);
        height: 30vw !important;
        float: left;
        margin: 0 0 12px 12px;
    }

    .property--type-property .property__content {
        padding-top: 0px;
    }

    .property--type-property .field--name-field-gallery .field__item.gallery-trigger a {
        width: 100%;
        height: 100%;
    }

    .property--type-property .field--name-field-gallery .field__item img {
        height: 30vw !important;
        width: 100% !important;
    }

    .property--type-property .property__main-layout {
        flex-direction: column;
    }

    .property--type-property .property__main-layout .property__main-content {
        width: 100%;
    }

    .property--type-property .property__main-layout .property__sidebar {
        width: 100%;
        padding-bottom: 24px;
    }


    .property--type-property .property__floating .property__floating-content .floating-buttons a {
        font-size: 12px;
    }




}

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


    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
        width: auto;
        padding: 0px;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
        width: auto;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item:first-child {
        width: auto;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item {
        width: auto;
    }


    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item {
        justify-content: space-between;
        text-align: left;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item,
    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item>.field__item:first-child {
        width: 25%;
        font-size: 12px;
        padding: 0px;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles {
        padding: 16px 0 16px 25%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
        width: 50%;
    }

    .property--type-property .paragraph--type--table-4-columns {
        padding: 2px 0;
    }

    .property--type-property .property__main-layout {
        padding: 30px 0 0 0;
    }

    .paragraph--type--title-with-text {
        gap: 24px;
    }

    .property--type-property {
        padding: 16px;
        display: flex;
        flex-direction: column;

    }

    .property--type-property .property__content .property__line2 {
        padding-bottom: 24px;
    }

    .property--type-property .field--name-field-gallery {
        gap: 12px;
        column-count: 1;
        display: flex;
        order: 1;
    }

    .property--type-property .property__content {
        padding-top: 0px;
        padding-bottom: 20px;
        order: 2;
    }

    .property--type-property .field--name-field-gallery .field__item {
        width: calc(50% - 6px);
        float: none;
    }

    .property--type-property .property__topbar_share_buttons,
    .property--type-property .property__topbar {
        position: relative;
        right: auto;
        top: auto;
        display: inline-block;
        margin: 0 auto 30px auto;
        order: 4;
    }

    .property--type-property .property__topbar_share_buttons {
        margin-bottom: 40px;
        order: 5;
    }

    .property--type-property .property__topbar_share_buttons:hover .social-sharing-buttons,
    .property--type-property .property__topbar_share_buttons:not(:hover) .social-sharing-buttons {
        visibility: visible;
        opacity: 1;
        max-width: 30000000px;
    }

    .property--type-property .property__topbar_share_buttons .share_title {
        padding: 0 0 10px 0;
    }

    .property--type-property .field--name-field-gallery {
        overflow: auto;
        display: block;
        white-space: nowrap;
        width: auto;
        column-count: inherit;
        height: 30vh !important;
        margin: 0 -16px 48px auto;
    }

    .property--type-property .field--name-field-gallery::-webkit-scrollbar {
        display: none;
    }

    .property--type-property .field--name-field-gallery {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .property--type-property .field--name-field-gallery .field__item:first-child,
    .property--type-property .field--name-field-gallery .field__item {
        display: inline-block !important;
        vertical-align: top !important;
        width: calc(100% - 32px) !important;
        height: 30vh !important;
        margin: 0 10px 0 0;
    }

    .property--type-property .field--name-field-gallery .field__item:first-child img,
    .property--type-property .field--name-field-gallery .field__item img {
        display: block !important;
        width: 100% !important;
        height: 30vh !important;
        margin: 0px;
    }



    .property--type-property .property__main-layout .field--name-field-buttons {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        padding: 24px 0 0 0;
    }

    .property--type-property .property__content h2 {
        padding-right: 100px;
        font-size: 32px;
    }

    .property--type-property .property__content .property__line2 {

        font-size: 15px;
    }

    .property--type-property .property__pea {
        top: -16px;
    }

    .property--type-property .property__floating {
        margin: 0px;
    }

    .property--type-property .property__floating .property__floating-content {
        height: auto;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
        position: relative;
        right: auto;
        top: auto;
        transform: translate(0, 0);
        width: 100%;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons a {
        width: 100%;
        padding-left: 10vw;
    }

    .property--type-property .property__floating .property__floating-content .floating-buttons a::before,
    .property--type-property .property__floating .property__floating-content .floating-buttons a::after {
        right: 10vw;
    }

    .property--type-property .property__content .property__line2 {
        border: 0px;
    }

}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.gallery-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff;
    padding: 150px;
    overflow: auto;
}

.gallery-popup .gallery-popup__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}

.gallery-popup .gallery-popup__content img {
    display: block;
    width: 100%;
    border-radius: 4px;
    height: auto;
}

.gallery-popup .close {
    position: absolute;
    left: 40px;
    top: 40px;
    color: #212121;
    font-size: 15px;
    font-style: normal;
    text-transform: uppercase;
    padding: 0 0 0 24px;
    line-height: 16px;
    display: block;
    text-decoration: none;
    background: url("../images/icon-back.svg") no-repeat left center;
    background-size: 16px auto;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .gallery-popup {
        padding: 10.42vw;
    }

    .gallery-popup .gallery-popup__content {
        gap: 1.67vw;
        max-width: 45.83vw;
    }

    .gallery-popup .gallery-popup__content img {
        border-radius: 0.28vw;
    }

    .gallery-popup .close {
        left: 2.78vw;
        top: 2.78vw;
        font-size: 1.04vw;
        padding: 0 0 0 1.67vw;
        line-height: 1.11vw;
        background-size: 1.11vw auto;
    }

}

@media screen and (max-width: 959px) {}

@media screen and (max-width: 767px) {
    .gallery-popup {
        padding: 85px 24px 24px 24px;
    }

    .gallery-popup .close {
        left: 24px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--contest-grid {
    padding: 0 0 100px 0;
}

.paragraph--type--contest-grid>.field__items {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 64px 20px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}

.paragraph--type--contest-grid>.field__items>.field__item {
    width: calc(50% - 10px);
    text-align: left;
    width: 100%;
}


.paragraph--type--contest-grid>.field__items>.field__item .contest-item-card {
    display: block;
    text-decoration: none;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-image img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 24px 0 16px 0;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-description {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.18px;
    padding: 0 0 32px 0;
    min-height: 107px;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #2C2F32;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 300ms;
    position: relative;
    text-decoration: none;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a::before,
.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a::before {
    opacity: 1;
    background: #212121;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}



/*open-popup-contest-info contest-item-card*/


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--contest-grid {
        padding: 0 0 6.95vw 0;
    }

    .paragraph--type--contest-grid>.field__items {
        gap: 4.45vw 1.39vw;
        max-width: 78.48vw;
    }


    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-image img {
        height: 27.78vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
        padding: 1.67vw 0 1.12vw 0;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-description {
        font-size: 1.25vw;
        letter-spacing: -0.01vw;
        padding: 0 0 2.23vw 0;
        min-height: 7.44vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions {
        gap: 0.70vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #2C2F32;
        font-size: 0.98vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a::before,
    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-actions a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

}

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

    .paragraph--type--contest-grid {
        padding: 32px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--contest-grid {
        padding: 16px;
    }

    .paragraph--type--contest-grid>.field__items>.field__item {
        width: 100%;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-title {
        font-size: 22px;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-description {
        font-size: 15px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.layout-with-sidebar {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 46px;
}

.layout-with-sidebar aside {
    width: 300px;
    text-align: left;
}

.layout-with-sidebar aside nav {
    padding: 16px 24px;
    border-radius: 24px;
    background: rgba(242, 242, 242, 0.90);
}

.layout-with-sidebar aside nav ul,
.layout-with-sidebar aside nav li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.layout-with-sidebar aside nav>ul {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
    gap: 32px;
    padding: 16px 0;
}

.layout-with-sidebar aside nav>ul>li {
    width: 100%;
    position: relative;
}

.layout-with-sidebar aside nav>ul>li>a,
.layout-with-sidebar aside nav>ul>li>span {
    color: #2C2F32;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.28px;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 0 30px 0 0;
    cursor: pointer;
}

.layout-with-sidebar aside nav>ul>li.active>a,
.layout-with-sidebar aside nav>ul>li.active>span {
    font-family: 'PeridotPEBold';
}

.layout-with-sidebar aside nav>ul>li>span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    background: url("../images/icon-side-arrow.svg") no-repeat center center;
    background-size: contain;
}

.layout-with-sidebar aside nav>ul>li.active>span::after {
    transform: translate(0, -50%) rotate(180deg);
}

.layout-with-sidebar aside nav>ul>li.active::before {
    content: "";
    position: absolute;
    left: -15px;
    top: -15px;
    background: #fff;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 8px;
    z-index: 1;
}

.layout-with-sidebar aside nav>ul>li * {
    position: relative;
    z-index: 2;
}

.layout-with-sidebar aside nav>ul>li>ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 16px;
    display: none;
}

.layout-with-sidebar aside nav>ul>li.active>ul {
    display: flex;
    padding: 16px 0;
}



.layout-with-sidebar aside nav>ul>li>ul>li {
    width: 100%;
}

.layout-with-sidebar aside nav>ul>li>ul>li a {
    color: #2C2F32;
    font-size: 13px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.26px;
    text-decoration: none;
}

.layout-with-sidebar aside nav>ul>li>ul>li.is-active a {
    font-family: 'PeridotPEBold';
}



.layout-with-sidebar .layout-content {
    width: 784px;
    text-align: left;
}


.layout-with-sidebar .layout-content h2 {
    margin: 0px;
    padding: 0 0 32px 0;
    color: #2C2F32;
    font-family: 'PeridotPEBold';
    font-size: 32px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.64px;
}

.layout-with-sidebar .layout-content .paragraph--type--textarea,
.layout-with-sidebar .layout-content .paragraph--type--title-with-text {
    margin: 0px;
    max-width: 100%;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {

    .layout-with-sidebar {
        max-width: 78.48vw;
        padding: 0 0 4.17vw 0;
        gap: 3.20vw;
    }

    .layout-with-sidebar aside {
        width: 20.84vw;
    }

    .layout-with-sidebar aside nav {
        padding: 1.12vw 1.67vw;
        border-radius: 1.67vw;
    }

    .layout-with-sidebar aside nav>ul {
        gap: 2.23vw;
        padding: 1.12vw 0;
    }

    .layout-with-sidebar aside nav>ul>li>a,
    .layout-with-sidebar aside nav>ul>li>span {
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
        padding: 0 2.09vw 0 0;
    }

    .layout-with-sidebar aside nav>ul>li>span::after {
        width: 1.39vw;
        height: 1.39vw;
    }

    .layout-with-sidebar aside nav>ul>li.active::before {
        left: -1.04vw;
        top: -1.04vw;
        width: calc(100% + 2.09vw);
        height: calc(100% + 2.09vw);
        border-radius: 0.56vw;
    }

    .layout-with-sidebar aside nav>ul>li>ul {
        gap: 1.12vw;
    }

    .layout-with-sidebar aside nav>ul>li.active>ul {
        padding: 1.12vw 0;
    }

    .layout-with-sidebar aside nav>ul>li>ul>li a {
        font-size: 0.91vw;
        letter-spacing: -0.01vw;
    }

    .layout-with-sidebar .layout-content {
        width: 54.45vw;
    }

    .layout-with-sidebar .layout-content h2 {
        padding: 0 0 2.23vw 0;
        font-size: 2.23vw;
        letter-spacing: -0.04vw;
    }

}

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

    .layout-with-sidebar {
        padding: 0 32px 32px 32px;
    }

}

@media screen and (max-width: 767px) {
    .layout-with-sidebar {
        flex-direction: column;
    }

    .layout-with-sidebar .layout-content {
        width: auto;
    }

    .layout-with-sidebar {
        padding: 0 16px 32px 16px;
    }

    .layout-with-sidebar aside {
        width: 100%;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.paragraph--type--services-grid {
    padding: 0 0 100px 0;
}

.paragraph--type--services-grid>.field__items {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 23px 20px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}

.paragraph--type--services-grid>.field__items>.field__item {
    width: calc(50% - 10px);
    text-align: left;
    padding: 40px 0;
    position: relative;
}




.paragraph--type--services-grid>.field__items>.field__item .field--name-field-service-icon {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 100px;
}

.paragraph--type--services-grid>.field__items>.field__item .field--name-field-service-icon img {
    display: block;
    width: 100%;
}

.paragraph--type--services-grid>.field__items>.field__item .field--name-field-service-image img {
    display: block;
    width: 100%;
    border-radius: 4px;
    height: 330px;
    object-fit: cover;
}


.paragraph--type--services-grid>.field__items>.field__item .field--name-field-title {
    color: #C4004B;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 24px 0 14px 0;
}


.paragraph--type--services-grid>.field__items>.field__item .field--name-field-text {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.16px;
    min-height: 90px;
    padding: 0 0 20px 0;
}

.paragraph--type--services-grid>.field__items>.field__item .field--name-field-link-to-service-page a {
    display: inline-block;
    padding: 0px 24px 0px 0px;
    border-radius: 64px;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    transition: all 300ms;
}

.paragraph--type--services-grid>.field__items>.field__item .field--name-field-link-to-service-page a::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #212121 url("../images/icon-link-target.svg") no-repeat center center;
    background-size: 0px 0px;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
    transition: all 300ms;
}


.paragraph--type--services-grid>.field__items>.field__item .field--name-field-link-to-service-page a:hover::after {
    transform: scale(3);
    background-color: #C4004B;
    background-size: 40% auto;
}








@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--services-grid {
        padding: 0 0 6.94vw 0;
    }

    .paragraph--type--services-grid>.field__items {
        gap: 1.6vw 1.39vw;
    }

    .paragraph--type--services-grid>.field__items>.field__item {
        width: calc(50% - 0.7vw);
        padding: 2.78vw 0;
    }

    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-service-icon {
        top: 2.78vw;
        width: 6.94vw;
    }

    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-service-image img {
        border-radius: 0.28vw;
        height: 22.92vw;
    }

    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-title {
        font-size: 2.22vw;
        padding: 1.67vw 0 0.97vw 0;
    }


    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-text {
        font-size: 1.11vw;
        min-height: 6.25vw;
        padding: 0 0 1.39vw 0;
    }

    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-link-to-service-page a {
        padding: 0.00vw 1.67vw 0.00vw 0.00vw;
        border-radius: 4.45vw;
        font-size: 0.98vw;
    }

    .paragraph--type--services-grid>.field__items>.field__item .field--name-field-link-to-service-page a::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.20vw 0 0 1.12vw;
    }

}

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

    .paragraph--type--services-grid {
        padding: 0 32px 32px 32px;
    }

}

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

    .paragraph--type--services-grid {
        padding: 0 16px 32px 16px;
        gap: 16px;
    }

    .paragraph--type--services-grid>.field__items>.field__item {
        width: 100%;
        padding: 0px 0 0 0;
    }

}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--hero-slider {
    position: relative;
    width: 100%;
    background: #000;
    z-index: 2;
}

.paragraph--type--hero-slider .field--name-field-hero-background-images img {
    display: block;
    width: 100%;
    height: 900px;
    object-fit: cover;
}

.paragraph--type--hero-slider .field--name-field-hero-background-images .field__item {
    display: none;
    position: relative;
}


.paragraph--type--hero-slider .field--name-field-hero-background-images .field__item::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) -10%, rgba(31, 20, 10, 0.00) 71.87%);
    background-blend-mode: multiply;
}

.paragraph--type--hero-slider .field--name-field-hero-background-images .field__item:first-child {
    display: block;
}

.paragraph--type--hero-slider .content {
    position: absolute;
    left: 50%;
    bottom: 55px;
    width: 100%;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
    gap: 24px;
    z-index: 10;
    transform: translate(-50%, 0);
    max-width: 1440px;
    padding: 0 740px 0 40px;
}

.paragraph--type--hero-slider .content .field--name-field-hero-title {
    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 48px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.48px;
}

.paragraph--type--hero-slider .content .field--name-field-hero-description {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.16px;
    padding: 0 0 10px 0;
}


.paragraph--type--hero-slider .content .field--name-field-hero-cta {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
}



.paragraph--type--hero-slider .content .field--name-field-hero-cta a {
    display: inline-block;
    padding: 14px 48px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #fff;
    color: #fff;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    position: relative;

    transition: all 300ms;
    overflow: hidden;
    text-indent: 0%;
    min-height: 47px;
    align-content: center;
}


.paragraph--type--hero-slider .content .field--name-field-hero-cta a::before,
.paragraph--type--hero-slider .content .field--name-field-hero-cta a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.paragraph--type--hero-slider .content .field--name-field-hero-cta a::before {
    opacity: 1;
    background: #fff;
}


.paragraph--type--hero-slider .content .field--name-field-hero-cta a:hover {
    background-color: #000 !important;
    border-color: #000;
}

.paragraph--type--hero-slider .content .field--name-field-hero-cta a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}





.paragraph--type--hero-slider .field--name-field-hero-project-reference {
    position: absolute;
    right: 24px;
    bottom: 10px;
    z-index: 11;
}

.paragraph--type--hero-slider .field--name-field-hero-project-reference .field__label {
    font-size: 0px;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: #C4004B url("../images/icon-home-slider-alert.svg") no-repeat center center;
    background-size: 24px auto;
    display: block;
    cursor: pointer;
}

.paragraph--type--hero-slider .field--name-field-hero-project-reference .field__item {
    display: none;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--hero-slider .field--name-field-hero-background-images img {
        height: 62.50vw;
    }

    .paragraph--type--hero-slider .content {
        bottom: 3.82vw;
        gap: 1.67vw;
        max-width: 100.00vw;
        padding: 0 51.39vw 0 2.78vw;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-title {
        font-size: 3.34vw;
        letter-spacing: -0.03vw;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-description {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
        padding: 0 0 0.70vw 0;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-cta {
        gap: 0.70vw;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-cta a {
        padding: 0.98vw 3.34vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #fff;
        font-size: 0.98vw;
        line-height: 0.98vw;
        min-height: 3.27vw;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-cta a::before,
    .paragraph--type--hero-slider .content .field--name-field-hero-cta a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

    .paragraph--type--hero-slider .field--name-field-hero-project-reference {
        right: 1.67vw;
        bottom: 0.70vw;
    }

    .paragraph--type--hero-slider .field--name-field-hero-project-reference .field__label {
        width: 5.00vw;
        height: 5.00vw;
        border-radius: 1.67vw;
        background-size: 1.67vw auto;
    }

}

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

    .paragraph--type--hero-slider .content {
        padding: 0 32px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--hero-slider .field--name-field-hero-background-images img {
        height: 100vh;
    }

    .paragraph--type--hero-slider .content {
        padding: 0 16px;
        bottom: 16px;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-title {
        font-size: 30px;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-description {
        font-size: 15px;
    }

    .paragraph--type--hero-slider .content .field--name-field-hero-cta {
        flex-direction: column;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.owl-carousel .fadeOut {
    animation-name: fadeOut;
    animation-duration: 0.8s;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 1439px) {}

@media screen and (max-width: 959px) {}

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


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.propertyproject {}


.propertyproject .propertyproject__header {
    height: 1300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 75px;
    position: relative;
}

.propertyproject .propertyproject__header::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.55);
}

.propertyproject .region-custom-breadcrumbs {
    position: absolute;
    left: 38px;
    top: 110px;
    padding: 0px;
    color: #fff;
    z-index: 4;
}

.propertyproject .region-custom-breadcrumbs .field--name-field-breadcrumbs .field__item a {
    color: #fff;
}


.propertyproject .propertyproject__header .content {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0%);
    padding: 30vh 0 0 160px;
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 48px;
    width: 1440px;
    z-index: 3;
}



.propertyproject .propertyproject__header .content .field--name-field-upper-title {
    font-size: 15px;
    font-family: 'PeridotPESemiBold';
    line-height: 140%;
    text-transform: uppercase;
    max-width: 700px;
}

.propertyproject .propertyproject__header .content h2 {
    color: #FFF;

    font-family: 'BTCosmoBold';
    font-size: 64px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.64px;
    margin: 0px;
    padding: 0px;
    max-width: 800px;
}

.propertyproject .propertyproject__header .content .field--name-description {
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.18px;
    max-width: 700px;
}

.propertyproject .propertyproject__header .content .contextual {
    display: none;
}


.propertyproject .propertyproject__header .field--name-field-project-info {
    display: flex;
    justify-content: center;
    align-items: stretch;
    border: 1px solid #fff;
    border-right: 0px;
    width: 1128px;
    position: relative;
    z-index: 3;
}

.propertyproject .propertyproject__header .field--name-field-project-info>.field__item {
    padding: 20px 32px;
    flex: 1;
    color: #fff;
    border-right: 1px solid #fff;
    text-align: left;
}

.propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-label {
    font-family: 'PeridotPESemiBold';
    font-size: 14px;
    font-style: normal;
    line-height: 100%;
    text-transform: uppercase;
    padding: 0 0 16px 0;
}

.propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-value {
    font-family: 'BTCosmoBold';
    font-size: 17px;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -0.17px;
}




.propertyproject .propertyproject__header .badges .field--name-field-badges::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 40px;
    background: url("../images/icon-badge-corner.png?v=2") no-repeat right center;
    background-size: contain;
}



.propertyproject .propertyproject__header .badges .field--name-field-badges {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;

    position: absolute;
    right: 0px;
    top: calc(100vh - 250px);
    height: 56px;
    height: 80px;
    background: #fff;
    padding: 11px;
    z-index: 3;
}

.propertyproject .propertyproject__header .badges .field--name-field-badges img {
    display: block;
    height: 40px;
    height: 57px;
    width: auto;
}

.page-property-bundle-project .paragraph--type--section-item {
    padding: 16px 40px 40px 40px;
}

.page-property-bundle-project .paragraph--type--section-item .section_item_header {
    margin-bottom: 0px;
}


.page-property-bundle-project .paragraph--type--section-item .section_item_header .field--name-field-number {
    color: #000;
}


.propertyproject .propertyproject__main-section {}

.propertyproject .propertyproject__main-rows {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 24px;

    width: 100%;
    max-width: 1440px;
    margin: 0 auto 80px auto;
    padding: 0 40px;
}

.propertyproject .propertyproject__main-rows .propertyproject__row--left {
    width: 782px;
}

.propertyproject .propertyproject__main-rows .propertyproject__row--right {
    width: 569px;
    text-align: left;
}



.propertyproject .field--name-field-media-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
}

.propertyproject .field--name-field-media-gallery>.field__item img,
.propertyproject .field--name-field-media-gallery>.field__item video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}


.propertyproject .field--name-field-media-gallery>.field__item .paragraph--type--double-photo-items>.field__items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.propertyproject .field--name-field-media-gallery>.field__item .paragraph--type--double-photo-items>.field__items>.field__item {
    width: calc(50% - 12px);
}

.propertyproject .field--name-field-media-gallery>.field__item {
    position: relative;
    width: 100%;
}

.propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 5px;
}

.propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags .field__item {
    padding: 10px 16px;
    border-radius: 56px;
    background: #C4004B;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    line-height: 100%;
    text-transform: uppercase;
}

.propertyproject .field--name-field-location {
    padding: 24px 0 0 0;
}



.propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 38px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.4px;
    padding: 40px 0;
}

.propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main,
.propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main p {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}

.propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main ul,
.propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main li {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}



.propertyproject .propertyproject__team-section .row {
    padding: 50px 40px 50px 40px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 40px;
}

.propertyproject .propertyproject__team-section .row .side-title {
    width: 430px;

    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 40px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.4px;
}


.propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy {
    width: 900px;
}

.propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item {
    border-bottom: 1px solid #E5E5E5;
}


.propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .paragraph--type--label-and-value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    text-align: left;
}


.propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-label {
    width: 420px;
    color: #2C2F32;
    font-size: 14px;
    font-family: 'PeridotPESemiBold';
    line-height: 140%;
    letter-spacing: -0.28px;
}

.propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-value {
    width: 480px;
    color: #686B70;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}


.propertyproject .field-location-directions,
.propertyproject .field-location-streetview {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px 0 5px;
}

.propertyproject .field-location-directions a,
.propertyproject .field-location-streetview a {
    display: inline-block;
    padding: 10px 40px 10px 15px;
    border-radius: 64px;
    border: 1.5px solid #212121;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.propertyproject .field-location-directions a::before,
.propertyproject .field-location-streetview a::before,
.propertyproject .field-location-directions a::after,
.propertyproject .field-location-streetview a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.propertyproject .field-location-directions a::before,
.propertyproject .field-location-streetview a::before {
    opacity: 1;
    background: #212121;
}


.propertyproject .field-location-directions a:hover,
.propertyproject .field-location-streetview a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff;
}

.propertyproject .field-location-directions a:hover::after,
.propertyproject .field-location-streetview a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {



    .propertyproject .propertyproject__header {
        height: 90.28vw;
        padding: 5.21vw;
    }

    .propertyproject .region-custom-breadcrumbs {
        left: 2.64vw;
        top: 7.64vw;
    }

    .propertyproject .propertyproject__header .content {
        padding: 30vh 0 0 11.11vw;
        gap: 3.33vw;
        width: 100.0vw;
    }

    .propertyproject .propertyproject__header .content .field--name-field-upper-title {
        font-size: 1.04vw;
        max-width: 48.61vw;
    }

    .propertyproject .propertyproject__header .content h2 {
        font-size: 4.45vw;
        letter-spacing: -0.04vw;
        max-width: 55.56vw;
    }

    .propertyproject .propertyproject__header .content .field--name-description {
        font-size: 1.25vw;
        max-width: 48.61vw;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info {
        width: 78.33vw;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item {
        padding: 1.39vw 2.22vw;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-label {
        font-size: 0.97vw;
        padding: 0 0 1.11vw 0;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-value {
        font-size: 1.18vw;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges::before {
        width: 2.78vw;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges {
        gap: 0.56vw;
        top: calc(100vh - 17.37vw);
        height: 3.89vw;
        height: 5.56vw;
        padding: 0.77vw;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges img {
        height: 2.78vw;
        height: 3.96vw;
    }

    .page-property-bundle-project .paragraph--type--section-item {
        padding: 1.11vw 2.78vw 2.78vw 2.78vw;
    }

    .propertyproject .propertyproject__main-rows {
        gap: 1.67vw;
        max-width: 100.0vw;
        margin: 0 auto 5.56vw auto;
        padding: 0 2.78vw;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--left {
        width: 54.31vw;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right {
        width: 39.51vw;
    }

    .propertyproject .field--name-field-media-gallery {
        gap: 1.67vw;
    }

    .propertyproject .field--name-field-media-gallery>.field__item img,
    .propertyproject .field--name-field-media-gallery>.field__item video {
        border-radius: 0.28vw;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .paragraph--type--double-photo-items>.field__items>.field__item {
        width: calc(50% - 0.84vw);
    }

    .propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags {
        top: 1.12vw;
        left: 1.12vw;
        gap: 0.35vw;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags .field__item {
        padding: 0.70vw 1.12vw;
        border-radius: 3.89vw;
        font-size: 0.91vw;
    }

    .propertyproject .field--name-field-location {
        padding: 1.67vw 0 0 0;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-title {
        font-size: 2.64vw;
        letter-spacing: -0.02vw;
        padding: 2.78vw 0;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main,
    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main p {
        font-size: 0.97vw;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main ul,
    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-main li {
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
    }

    .propertyproject .propertyproject__team-section .row {
        padding: 3.48vw 2.78vw 3.48vw 2.78vw;
        max-width: 100.00vw;
        gap: 2.78vw;
    }

    .propertyproject .propertyproject__team-section .row .side-title {
        width: 29.86vw;
        font-size: 2.78vw;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy {
        width: 62.5vw;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .paragraph--type--label-and-value {
        padding: 1.11vw 0;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-label {
        width: 29.17vw;
        font-size: 0.97vw;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-value {
        width: 33.33vw;
        font-size: 0.97vw;
    }


    .propertyproject .field-location-directions,
    .propertyproject .field-location-streetview {
        margin: 0.70vw 0.35vw 0 0.35vw;
    }

    .propertyproject .field-location-directions a,
    .propertyproject .field-location-streetview a {
        padding: 0.70vw 1.05vw 0.70vw 1.05vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #212121;
        font-size: 0.98vw;
    }

    .propertyproject .field-location-directions a::after,
    .propertyproject .field-location-streetview a::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.20vw 0 0 0.84vw;
    }

}

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



    .propertyproject .propertyproject__header .content h2 {
        font-size: 42px;
    }

    .propertyproject .propertyproject__header .content .field--name-description {
        font-size: 15px;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-label {
        font-size: 12px;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item .field--name-field-value {
        font-size: 14px;
    }

    .propertyproject .propertyproject__header .content {
        position: absolute !important;
        padding: 20vh 0px 0 0;
        left: 30px !important;
        top: 0px !important;
        transform: translate(0, 0);
        width: auto;
    }

    .page-property-bundle-project .paragraph--type--section-item {
        padding: 16px 32px 32px 32px;
    }

    .propertyproject .propertyproject__main-rows {
        padding: 0 32px;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--left {
        width: 50%;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right {
        width: 50%;
    }

    .propertyproject .propertyproject__header .content {
        width: 708px;
        width: auto;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info {
        width: 100%;
    }

    .propertyproject .propertyproject__header {
        height: 70vh;
        padding: 32px;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item {
        padding: 20px 12px;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges {
        top: 60vw;
    }


    .propertyproject .propertyproject__team-section .row {
        padding: 32px;
        flex-direction: column;
    }

    .propertyproject .propertyproject__team-section .row .side-title {
        text-align: left;
    }


    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy {
        width: 100%;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-label {
        width: 30%;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-value {
        width: 70%;
    }

}

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


    .propertyproject .propertyproject__main-rows {
        flex-direction: column-reverse;
    }

    .page-property-bundle-project .paragraph--type--section-item {
        padding: 16px;
    }

    .propertyproject .propertyproject__main-rows {
        padding: 0 16px;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right {
        width: 100%;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--left {
        width: 100%;
    }

    .propertyproject .propertyproject__header .content h2 {
        font-size: 40px;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info {
        flex-wrap: wrap;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item {
        width: 50%;
        padding: 14px 12px;
        flex: auto;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item:nth-child(1),
    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item:nth-child(2) {
        border-bottom: 1px solid #fff;
    }

    .propertyproject .propertyproject__team-section .row {
        padding: 16px;
        flex-direction: column;
        gap: 24px;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-label {
        width: 40%;
    }

    .propertyproject .propertyproject__team-section .row .field--name-field-omada-ergoy>.field__item .field--name-field-value {
        width: 60%;
        font-size: 13px;
    }

    .propertyproject .propertyproject__team-section .row .side-title {
        font-size: 32px;
        width: 100%;
    }

    .propertyproject .field--name-field-media-gallery {
        gap: 12px;
    }

    .propertyproject .propertyproject__header .content {
        position: relative !important;
        padding: 0px 0px 0 0;
        left: auto !important;
        top: auto !important;
        transform: translate(0, 0);
        width: auto;
        gap: 10px;
    }

    .propertyproject .propertyproject__header {
        height: auto;
        padding: 140px 16px 32px 16px;
        min-height: 204vw;
    }


    .propertyproject .propertyproject__header {
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges {
        top: 110vw;
    }

    .propertyproject .propertyproject__main-rows .propertyproject__row--right .field--name-field-project-title {
        padding: 0 0 24px 0;
    }

    .paragraph--type--textarea {
        width: 100%;
        padding: 0 10px 24px 10px;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .paragraph--type--double-photo-items>.field__items {
        flex-direction: column;
        gap: 12px;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .paragraph--type--double-photo-items>.field__items>.field__item {
        width: 100%;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags .field__item {
        padding: 8px 12px;
        font-size: 12px;
    }

    .propertyproject .field--name-field-media-gallery>.field__item .field--name-field-text-tags {
        top: 8px;
        left: 8px;
    }

    .propertyproject .region-custom-breadcrumbs {
        left: 16px;
        top: 100px;
    }

    .propertyproject .propertyproject__header .content .field--name-description {
        font-size: 14px;
    }

    .propertyproject .propertyproject__header .content h2 {
        font-size: 32px;
    }

    .propertyproject .propertyproject__header .field--name-field-project-info>.field__item {
        border-bottom: 1px solid #fff;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges {
        transform: scale(0.6);
        transform-origin: right center;
    }

    .propertyproject .propertyproject__header .content {
        padding-top: 30px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--sidebyside-title-desc-button {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_left {
    width: 506px;
    text-align: left
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right {
    width: 550px;
    padding: 0 90px 0 0;
    text-align: left;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
    font-family: 'BTCosmoBold';
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.48px;
}


.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-text {
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.16px;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text {
    padding: 40px 0 0 0;
}


.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #fff;
    color: #fff;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    transition: all 300ms;
    position: relative;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::before,
.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::before {
    opacity: 1;
    background: #fff;
}


.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover {
    background-color: #000 !important;
    border-color: #000;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}


.style-bg-bg-magenta .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a,
.style-bg-bg-white .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a {
    border-color: #212121;
    color: #212121;
}

.style-bg-bg-magenta .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover,
.style-bg-bg-white .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover {
    color: #fff;
}

.style-bg-bg-magenta .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::before ,
.style-bg-bg-white .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::before {
    background-color: #212121;
}

.style-bg-bg-magenta .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover::after ,
.style-bg-bg-white .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a:hover::after {
    background-color: #C4004B;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--sidebyside-title-desc-button {
        gap: 1.39vw;
        max-width: 100.0vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left {
        width: 35.14vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right {
        width: 38.19vw;
        padding: 0 6.25vw 0 0;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
        font-size: 3.33vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-text {
        font-size: 1.11vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text {
        padding: 2.78vw 0 0 0;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #fff;
        font-size: 0.98vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::before,
    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }

}

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

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
        font-size: 36px;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left {
        width: 55%;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right {
        padding: 0px;
        width: 45%;
    }
}

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

    .paragraph--type--sidebyside-title-desc-button {
        flex-direction: column;
        gap: 12px;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left,
    .paragraph--type--sidebyside-title-desc-button .sidebyside_right {
        width: 100%;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
        font-size: 28px;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-text {
        font-size: 15px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.path-frontpage .paragraph--type--section-item.style-bg-bg-blue.blue-with-ornament {
    background-image: url("../images/bg-blue-corner.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px auto;
}


.path-frontpage .paragraph--type--section-item .paragraph--type--html {
    text-align: left;
    max-width: unset;
    margin: 0 auto;
    padding: 0 0 0px 0;

}

.home-big-stat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 140px 60px 100px 155px;
    color: #fff;
    max-width: 1440px;
    margin: 0 auto;
}

.home-big-stat .element-big b {
    font-family: 'BTCosmoBold';
    font-size: 160px;
    line-height: 100%;
    letter-spacing: -1.6px;
    white-space: nowrap;
    text-align: right;
}

.home-big-stat .element-big .small {
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
    display: block;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .home-big-stat {
        padding: 9.72vw 4.17vw 6.94vw 10.76vw;
        max-width: 100.0vw;
    }

    .home-big-stat .element-big b {
        font-size: 11.11vw;
    }

    .home-big-stat .element-big .small {
        font-size: 1.11vw;
    }

}

@media screen and (max-width: 959px) {
    .home-big-stat {
        padding: 140px 32px 100px 32px;
    }

    .home-big-stat .element-big b {
        font-size: 84px;
    }
}

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

    .home-big-stat {
        padding: 65px 32px 32px 24px;
        gap: 32px;
        flex-direction: column;
    }

    .home-big-stat .element-big b {
        font-size: 70px;
    }

    .path-frontpage .paragraph--type--section-item.style-bg-bg-blue {
        background-size: 130px auto;
    }

}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.asset-management-row {
    padding: 145px 0px 60px 0px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.asset-management-row .asset-item {
    width: 25%;
}

.asset-management-row .asset-item .asset-title {
    font-family: 'BTCosmoBold';
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.2px;
    padding: 120px 0 16px 0;
    background: url("../images/icon-home-asset1.svg") no-repeat center top;
    background-size: 88px auto;
}

.asset-management-row .asset-item.icon-construction-projects .asset-title {
    background-image: url("../images/icon-home-asset2.svg");
}

.asset-management-row .asset-item.icon-facility-management .asset-title {
    background-image: url("../images/icon-home-asset3.svg");
}

.asset-management-row .asset-item.icon-electricity-supply .asset-title {
    background-image: url("../images/icon-home-asset4.svg");
}


.asset-management-row .asset-item .asset-desc {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.14px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .asset-management-row {
        padding: 10.07vw 0px 4.17vw 0px;
        gap: 1.11vw;
        max-width: 100.0vw;
    }

    .asset-management-row .asset-item .asset-title {
        font-size: 1.39vw;
        padding: 8.33vw 0 1.11vw 0;
        background-size: 6.11vw auto;
    }

    .asset-management-row .asset-item .asset-desc {
        font-size: 0.97vw;
    }

}

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

    .asset-management-row {
        padding: 80px 0px 10px 0px;
        flex-wrap: wrap;
    }

    .asset-management-row .asset-item {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 767px) {
    .asset-management-row {
        padding: 40px 0px 10px 0px;
        gap: 40px 0px;
        width: 100%;
    }

    .asset-management-row .asset-item {
        width: calc(50% - 0px);
    }

    .asset-management-row .asset-item .asset-title {
        font-size: 20px;
        padding: 90px 0 16px 0;
        background-size: 75px auto;
        min-height: 180px;
        align-content: center;
    }

    .asset-management-row .asset-item .asset-desc {
        font-size: 13px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.paragraph--type--video {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

.paragraph--type--video video {
    display: block;
    width: 100%;
    height: 440px;
    border-radius: 16px;
    object-fit: cover;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--video {
        max-width: 100.0vw;
        padding: 4.17vw 0 0 0;
    }

    .paragraph--type--video video {
        height: 30.56vw;
        border-radius: 1.11vw;
    }

}

@media screen and (max-width: 959px) {}

@media screen and (max-width: 767px) {
    .paragraph--type--video video {
        height: 300px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


body.pg-contact .paragraph--type--header-main {
    padding-bottom: 0px;
}

.paragraph--type--web-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 64px 0;
}

.paragraph--type--web-form form {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    gap: 24px;
    text-align: left;
}

.paragraph--type--web-form form .js-form-item {
    width: calc(50% - 12px);
}

.paragraph--type--web-form form .js-form-item.js-form-type-textarea,
.paragraph--type--web-form form .js-form-item.js-form-type-checkbox,
.paragraph--type--web-form form .webform-actions {
    width: 100%;
}

.paragraph--type--web-form form .js-form-item label {
    display: none;
}



.paragraph--type--web-form form input[type="text"],
.paragraph--type--web-form form input[type="email"],
.paragraph--type--web-form form select,
.paragraph--type--web-form form textarea {
    width: 100%;
    border-radius: 4px;
    border: 1.5px solid #818486;
    background: #FFF;
    display: block;
    padding: 19px 16px;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    outline: none;
}

.paragraph--type--web-form form textarea {
    height: 150px;
}

.paragraph--type--web-form form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../images/icon-select-black.svg") no-repeat calc(100% - 10px) center;
    background-size: 30px auto;
}


.paragraph--type--web-form form .js-form-item.js-form-type-checkbox {

    color: #686B70;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
    padding: 10px 0 10px 32px;
}

.paragraph--type--web-form form .js-form-item.js-form-type-checkbox a {
    color: inherit;
}


.paragraph--type--web-form form .js-form-item.js-form-type-checkbox input {
    float: left;
    margin: 0 0 0 -32px;

    -webkit-appearance: none;
    appearance: none;

    width: 20px;
    height: 20px;
    border: 1.5px solid #818486;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;

}

.paragraph--type--web-form form .js-form-item.js-form-type-checkbox input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(42, 183, 109, .25);
}

.paragraph--type--web-form form .js-form-item.js-form-type-checkbox input:checked {
    background-color: #C4004B;
    border-color: #C4004B;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M5 13l4 4L19 7' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}






.paragraph--type--web-form form .webform-actions .js-form-submit {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #000;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    background: #fff url("../images/icon-bt-bullet.svg") no-repeat calc(100% - 12px) center;
    background-size: 24px auto;
    cursor: pointer;
    transition: all 300ms;
    position: relative;
}


.paragraph--type--web-form form .webform-actions .js-form-submit:hover {
    background-color: #000 !important;
    background-image: url("../images/icon-bt-arrow.svg");
    border-color: #000;
    color: #fff !important;
}














.paragraph--type--web-form form ::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.paragraph--type--web-form form ::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.paragraph--type--web-form form :-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.paragraph--type--web-form form :-moz-placeholder {
    color: #000;
    opacity: 1;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--web-form {
        max-width: 62.50vw;
        padding: 0 0 4.45vw 0;
    }

    .paragraph--type--web-form form {
        gap: 1.67vw;
    }

    .paragraph--type--web-form form .js-form-item {
        width: calc(50% - 0.84vw);
    }

    .paragraph--type--web-form form input[type="text"],
    .paragraph--type--web-form form input[type="email"],
    .paragraph--type--web-form form select,
    .paragraph--type--web-form form textarea {
        border-radius: 0.28vw;
        border: 0.11vw solid #818486;
        padding: 1.32vw 1.12vw;
        font-size: 1.12vw;
    }

    .paragraph--type--web-form form textarea {
        height: 10.42vw;
    }

    .paragraph--type--web-form form select {
        background: url("../images/icon-select-black.svg") no-repeat calc(100% - 0.70vw) center;
        background-size: 2.09vw auto;
    }

    .paragraph--type--web-form form .js-form-item.js-form-type-checkbox {
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
        padding: 0.70vw 0 0.70vw 2.23vw;
    }

    .paragraph--type--web-form form .js-form-item.js-form-type-checkbox input {
        margin: 0 0 0 -2.22vw;
        width: 1.39vw;
        height: 1.39vw;
        border: 0.11vw solid #818486;
        border-radius: 0.28vw;
    }

    .paragraph--type--web-form form .js-form-item.js-form-type-checkbox input:focus-visible {
        box-shadow: 0 0 0 0.28vw rgba(42, 183, 109, .25);
    }

    .paragraph--type--web-form form .js-form-item.js-form-type-checkbox input:checked {
        background-size: 0.98vw 0.98vw;
    }

    .paragraph--type--web-form form .webform-actions .js-form-submit {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #000;
        font-size: 0.98vw;
        background: #fff url("../images/icon-bt-bullet.svg") no-repeat calc(100% - 0.84vw) center;
        background-size: 1.67vw auto;
    }

}

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

    .paragraph--type--web-form {
        padding: 0 32px 32px 32px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--web-form {
        padding: 0 16px 16px 16px;
    }

    .paragraph--type--web-form form .js-form-item {
        width: 100%;
    }

    .paragraph--type--web-form form {
        gap: 12px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.pg-charts .paragraph--type--html {
    max-width: unset;
}

.pg-charts .paragraph--type--sidebyside-title-desc-button .sidebyside_left {
    width: 685px;
    text-align: left;
}

.pg-charts .paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
    font-size: 32px;
}

.chart-wrapper {
    position: relative;
    margin: 120px auto 0 auto;
}

.chart-wrapper .content {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    color: #FFF;
    font-size: 20px;
    width: 100%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.chart-wrapper .content span {
    color: #FFF;
    text-align: center;
    font-family: 'BTCosmoBold';
    font-size: 96px;
    line-height: 110%;
    letter-spacing: -0.96px;
    display: block;
}



#EstateChart {
    width: 500px;
    margin: 0 auto;
}

.chart-legend {
    padding: 50px 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    gap: 32px 24px;
    width: 900px;
    margin: 0 auto;
}

.chart-legend .item {
    width: calc(25% - 18px);
}


.chart-legend .item .item-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    color: #FFF;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;

}

.chart-legend .item .item-title span {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}


.chart-legend .item .item-perc {
    padding: 12px 0 0 0;

    font-size: 18px;
    font-family: 'PeridotPEBold';
    line-height: 120%;
    letter-spacing: -0.36px;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {


    .pg-charts .paragraph--type--sidebyside-title-desc-button .sidebyside_left {
        width: 47.57vw;
    }

    .pg-charts .paragraph--type--sidebyside-title-desc-button .sidebyside_left .field--name-field-title {
        font-size: 2.22vw;
    }

    .chart-wrapper {
        margin: 8.33vw auto 0 auto;
    }

    .chart-wrapper .content {
        font-size: 1.39vw;
    }

    .chart-wrapper .content span {
        font-size: 6.67vw;
    }

    #EstateChart {
        width: 34.72vw;
    }

    .chart-legend {
        padding: 3.47vw 0 0 0;
        gap: 2.22vw 1.67vw;
        width: 62.5vw;
    }

    .chart-legend .item {
        width: calc(25% - 1.26vw);
    }

    .chart-legend .item .item-title {
        gap: 0.56vw;
        font-size: 1.11vw;
    }

    .chart-legend .item .item-title span {
        width: 0.83vw;
        height: 0.83vw;
        border-radius: 0.14vw;
    }

    .chart-legend .item .item-perc {
        padding: 0.83vw 0 0 0;
        font-size: 1.25vw;
    }

}

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

    .chart-legend {
        gap: 32px 10px;
        width: 100%;
        justify-content: space-between;
    }

}

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

    .chart-wrapper {
        width: 100%;
    }

    .chart-wrapper canvas {
        width: 300px !important;
        height: 300px !important;
    }

    .chart-legend .item {
        width: calc(50% - 5px);
    }

    .chart-legend .item .item-title {
        font-size: 14px;
    }

    .chart-legend .item .item-perc {
        font-size: 15px;
    }

}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.projects-development {}

.projects-development .view-filters {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

.projects-development .view-header {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 70px 0;
    text-align: left;

    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.18px;
}



.projects-development .view-filters ul,
.projects-development .view-filters li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.projects-development .view-filters ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.projects-development .view-filters a {
    padding: 7px 16px;
    display: block;
    color: #212121;
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 56px;
    border: 1.5px solid #818486;
    transition: all 300ms;
}

.projects-development .view-filters a.bef-link--selected,
.projects-development .view-filters a:hover {
    background: #C4004B;
    color: #fff;
    border-color: #C4004B;
}



.projects-development .view-content {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 40px 0px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 0px 100px 0px;
}

.projects-development .view-content .views-row {
    width: calc(25% - 18px);
    text-align: left;
}

.projects-development .view-content .views-row a {
    display: block;
    text-decoration: none;
}

.projects-development .view-content .views-row img {
    display: block;
    width: 100%;
    height: auto;
}

.projects-development .view-content .views-row .content {
    padding: 32px 0 0 0;

    color: #2C2F32;
    font-size: 18px;
    font-style: normal;
    font-family: 'PeridotPESemiBold';
    line-height: 140%;
    text-transform: uppercase;

}

.projects-development .view-content .views-row .content * {
    display: inline;
}

.projects-development .view-content .views-row .content h3 {
    margin: 0px;
    color: #2C2F32;
    font-size: 18px;
    font-style: normal;
    font-family: 'PeridotPESemiBold';
    line-height: 140%;
    text-transform: uppercase;
}

.path-frontpage .projects-development .view-content {
    padding: 80px 0 0 0;
}

.projects-development .view-content .views-row {
    width: 100%;
    max-width: 360px;
    padding: 0 12px;
}


.path-frontpage .projects-development .view-content .views-row .property--type-project-teaserhome {
    color: #fff;
}

.path-frontpage .projects-development .view-content .views-row .property--type-project-teaserhome .field--name-field-upper-title {
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    color: #fff;
    font-family: 'PeridotPERegular';
}

.path-frontpage .projects-development .view-content .views-row .property--type-project-teaserhome h3 {
    margin: 0px;
    padding: 0px;
    display: block;
    color: #fff;
}







.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    background: #fff;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #C4004B;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.select2-results__option {
    text-decoration: none !important;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {


    .projects-development .view-filters {
        max-width: 62.50vw;
        padding: 0 0 2.09vw 0;
    }

    .projects-development .view-header {
        max-width: 62.50vw;
        padding: 0 0 4.87vw 0;
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

    .projects-development .view-filters ul {
        gap: 0.56vw;
    }

    .projects-development .view-filters a {
        padding: 0.49vw 1.11vw;
        font-size: 0.9vw;
        border-radius: 3.89vw;
    }

    .projects-development .view-content {
        gap: 2.78vw 0;
        max-width: 100.0vw;
        padding: 0 0 6.94vw 0;
    }

    .projects-development .view-content .views-row {
        max-width: 25.00vw;
        padding: 0 0.84vw;
    }

    .projects-development .view-content .views-row .content {
        padding: 2.22vw 0 0 0;
        font-size: 1.25vw;

    }

    .projects-development .view-content .views-row .content h3 {
        font-size: 1.25vw;
    }

    .path-frontpage .projects-development .view-content {
        padding: 5.56vw 0 0 0;
    }

    .path-frontpage .projects-development .view-content .views-row .property--type-project-teaserhome .field--name-field-upper-title {
        font-size: 1.05vw;
    }

}

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

    .projects-development .view-filters {
        padding: 0 32px 40px 32px;
    }

    .projects-development .view-filters ul {
        flex-wrap: wrap;
    }

    .projects-development .view-content {
        gap: 40px 12px;
        padding: 0 32px 32px 32px;
    }

    .projects-development .view-content .views-row {
        width: 100%;
        max-width: calc(33.33% - 8px);
        max-width: unset;
        padding: 0 10px 0 0;
    }

    .projects-development .view-header {
        padding: 0 32px 32px 32px;
    }
}

@media screen and (max-width: 767px) {
    .projects-development .view-filters {
        padding: 0 16px 32px 16px;
    }

    .projects-development .view-content {
        gap: 32px;
        padding: 0 16px 32px 16px;
    }

    .projects-development .view-content .views-row .content {
        padding: 16px 0 0 0;
    }

    .projects-development .view-header {
        padding: 0 16px 32px 16px;
        font-size: 15px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


#block-ogeneric-propertyheader {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: left;
    padding: 120px 40px 150px 40px;
}




#block-ogeneric-propertyheader .field--type-text-with-summary {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    color: #212121;
}


#block-ogeneric-propertyheader .field--type-text-with-summary h2 {
    font-family: 'PeridotPEBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.4px;
    margin: 0px;
    padding: 0px;
}

#block-ogeneric-propertyheader .field--type-text-with-summary .sidedesc {
    padding: 0 90px 0 0;
    width: 520px;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.16px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    #block-ogeneric-propertyheader {
        max-width: 100.0vw;
        padding: 8.33vw 2.78vw 10.42vw 2.78vw;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary {
        gap: 1.39vw;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary h2 {
        font-size: 2.78vw;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary .sidedesc {
        padding: 0 6.25vw 0 0;
        width: 36.11vw;
        font-size: 1.11vw;
    }

}

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

    #block-ogeneric-propertyheader {
        padding: 82px 16px 32px 16px;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary .sidedesc {
        padding: 0 90px 0 0;
        width: 50%;
        font-size: 15px;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary h2 {
        font-size: 31px;
    }


}

@media screen and (max-width: 767px) {
    #block-ogeneric-propertyheader .field--type-text-with-summary {
        flex-direction: column;
    }

    #block-ogeneric-propertyheader .field--type-text-with-summary .sidedesc {
        width: 100%;
        padding: 0px;
    }

    #block-ogeneric-propertyheader {
        padding: 32px 16px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.view-propertypage {
    width: 100%;
    max-width: 1392px;
    margin: 0 auto;
    position: relative;
}

.path-frontpage .view-propertypage {
    width: 100%;
}

.view-propertypage .view-filters {
    border-radius: 8px;
    background: #C4004B;
    background: #fff;
    border: 2px solid #C4004B;
    color: #2C2F32;
    margin: 0px auto 40px auto;
    padding: 17px 32px;
    position: relative;
}

.loading-overlay{
    background: rgba(255,255,255,0.5) !important;
}

.path-frontpage .view-propertypage .view-filters {
    margin-top: 50px;
}

.view-propertypage .view-filters form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    position: static !important;
}

.view-propertypage .view-filters form fieldset {
    display: flex;
    justify-content: flex-start;
    align-items: ;
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
    padding: 0 0 0 40px;
    position: relative;
}

.view-propertypage .view-filters form fieldset legend {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);

    color: #2C2F32;
    font-family: 'PeridotPESemiBold';
    font-size: 14px;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}



.view-propertypage .view-filters form .fieldset-wrapper {
    display: inline-flex;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
}

.view-propertypage .view-filters form .fieldset-wrapper input {
    width: 100px;
    border: 0px;
    border-bottom: 1px solid #2C2F32;
    outline: none;

    background: none;
    width: 80px;
    padding: 0 10px;
    color: #2C2F32;
    font-family: 'PeridotPESemiBold';
    font-size: 14px;
    font-style: normal;
    line-height: 150%;
    text-transform: uppercase;
}


.view-propertypage .view-filters form .js-form-item label {
    display: block;
    text-align: left;
    display: none;
}

.view-propertypage .view-filters form .js-form-item.js-form-type-select {
    width: 180px;
}

.view-propertypage .view-filters form .js-form-item.js-form-type-select select {
    width: 100%;
    text-align: left;
}

::-webkit-input-placeholder {
    color: #2C2F32;
    opacity: 1;
}

::-moz-placeholder {
    color: #2C2F32;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #2C2F32;
    opacity: 1;
}

:-moz-placeholder {
    color: #2C2F32;
    opacity: 1;
}




.view-propertypage .view-filters .form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin-left: 0px;
    position: absolute;
    right: 110px;
    top: 50%;
    transform: translate(0, -50%);
}

.view-propertypage .view-filters .form-actions input[type="submit"] {
    background: none;
    border: 0px;
    outline: none;
    color: #2C2F32;
    cursor: pointer;
    font-family: 'PeridotPERegular';
    font-size: 14px;
}

.view-propertypage .view-filters .form-actions input[name="reset"] {

    background: url("../images/icon-reset.svg") no-repeat left center;
    background-size: 16px auto;
    padding: 0 0 0 20px;
    text-align: left;
}

.view-propertypage .view-filters .view-filters-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translate(0, -50%);
}

.view-propertypage .view-filters .view-filters-links a {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0px;
    background: url("../images/icon-filters-map.svg") no-repeat center center;
    background-size: contain;
}

.view-propertypage .view-filters .view-filters-links a.view-filters-link--list {
    background-image: url("../images/icon-filters-list.svg");
}

.view-propertypage.view-display-id-page_2 .view-filters .view-filters-links a.view-filters-link--map {
    opacity: 0.4;
}

.view-propertypage.view-display-id-block_1 .view-filters .view-filters-links a.view-filters-link--list {
    opacity: 0.4;
}





@media screen and (min-width: 960px) and (max-width: 1439px) {

    .view-propertypage {
        max-width: 96.67vw;
    }

    .view-propertypage .view-filters {
        border-radius: 0.56vw;
        margin: 0.00vw auto 2.78vw auto;
        padding: 1.19vw 2.23vw;
    }

    .path-frontpage .view-propertypage .view-filters {
        margin-top: 3.48vw;
    }

    .view-propertypage .view-filters form {
        gap: 1.67vw;
    }

    .view-propertypage .view-filters form fieldset {
        padding: 0 0 0 2.78vw;
    }

    .view-propertypage .view-filters form fieldset legend {
        font-size: 0.98vw;
        letter-spacing: 0.02vw;
    }

    .view-propertypage .view-filters form .fieldset-wrapper {
        gap: 0.70vw;
    }

    .view-propertypage .view-filters form .fieldset-wrapper input {
        width: 6.95vw;
        border-bottom: 0.07vw solid rgba(242, 242, 243, 0.6);
        width: 5.56vw;
        padding: 0 0.70vw;
        font-size: 0.98vw;
    }

    .view-propertypage .view-filters form .js-form-item.js-form-type-select {
        width: 12.50vw;
    }

    .view-propertypage .view-filters .view-filters-links {
        gap: 0.84vw;
        right: 2.23vw;
    }

    .view-propertypage .view-filters .view-filters-links a {
        width: 1.67vw;
        height: 1.67vw;
    }

    .view-propertypage .view-filters .form-actions {
        gap: 1.39vw;
        right: 7.64vw;
    }

    .view-propertypage .view-filters .form-actions input[type="submit"] {
        font-size: 0.98vw;
    }
}

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

    .path-frontpage .view-propertypage {
        width: 100%;
    }

    .view-propertypage .view-filters {
        width: calc(100% - 48px);
        width: 100%;
        margin: 0 auto 24px auto;
    }

    .view-propertypage .view-filters .form-actions {

        margin-left: 0px;
        right: 36px;
        top: auto;
        transform: translate(0, -0%);
        bottom: 19px;
    }

}

@media screen and (max-width: 767px) {
    .view-propertypage {
        width: calc(100% - 32px);
    }

    .view-propertypage .view-filters {
        padding: 17px 16px;
    }

    .view-propertypage.view-display-id-page_2>.view-content {
        gap: 45px 24px;
    }

    .view-propertypage .view-filters {
        width: 100%;
    }

    .view-propertypage .view-filters .view-filters-links {
        right: 10px;

        top: 15px;
        transform: translate(0, 0);
    }

    .view-propertypage .view-filters .form-actions {
        position: relative;
        bottom: auto;
        right: auto;
        transform: translate(0, 0);
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.view-propertypage.view-display-id-block_1>.view-content {
    position: absolute;
    right: 20px;
    width: 690px;
    z-index: 5;
}

.view-propertypage .geolocation-map-container {
    height: 800px !important;
}

.view-propertypage.view-display-id-page_1:not(.path-frontpage .view-propertypage.view-display-id-page_1) {
    padding-bottom: 110px;
}

.view-propertypage.view-display-id-page_1>.view-content {
    width: 680px;
}

.view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper {
    width: calc(100% - 20px);
    height: 800px;
    overflow: auto;
    padding: 0 30px 0 60px;
}

.view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
    padding: 16px;
    border-bottom: 1px solid #212121;
    width: 100%;
}

.view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper>.views-row img {
    display: block;
    width: 100%;
    height: auto;
}


.view-propertypage.view-display-id-page_1 .property--type-property {
    position: relative;
    padding: 0px;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__location {
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    color: #212121;
}

.propertyproperty__location .field {
    display: inline;
}


.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: 24px;
    text-decoration: none;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery {
    width: 240px;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery img {
    display: block;
    width: 100%;
    height: 144px;
    object-fit: cover;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content {
    width: calc(100% - 264px);
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: start;
    gap: 16px;
    color: #212121;


    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    position: relative;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content h2 {
    margin: 0px;
    padding: 0px;
    font-family: 'BTCosmoBold';
    font-size: 22px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.22px;
    text-transform: none;
}



.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content .field--name-field-tm {
    position: absolute;
    right: 0px;
    top: -2px;

    color: #2C2F32;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.28px;

    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 25px;
}

.view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content .field--name-field-address {
    max-width: 150px;
}

.view-propertypage.view-display-id-page_1 .pager {
    visibility: hidden;
    opacity: 0;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {


    .view-propertypage.view-display-id-block_1>.view-content {
        right: 1.39vw;
        width: 47.92vw;
    }

    .view-propertypage .geolocation-map-container {
        height: 55.56vw !important;
    }

    .view-propertypage.view-display-id-page_1:not(.path-frontpage .view-propertypage.view-display-id-page_1) {
        padding-bottom: 7.64vw;
    }

    .view-propertypage.view-display-id-page_1>.view-content {
        width: 47.23vw;
    }

    .view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper {
        width: calc(100% - 1.39vw);
        height: 55.56vw;
        padding: 0 2.09vw 0 4.17vw;
    }

    .view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
        padding: 1.12vw;
        border-bottom: 0.07vw solid #212121;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a {
        gap: 1.67vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery {
        width: 16.67vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery img {
        height: 10.00vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content {
        width: calc(100% - 18.34vw);
        gap: 1.12vw;
        font-size: 0.98vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content h2 {
        font-size: 1.53vw;
        letter-spacing: -0.01vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content .field--name-field-tm {
        top: -0.13vw;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
        background-size: 1.39vw auto;
        padding: 0 0 0 1.95vw;
        line-height: 1.74vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content .field--name-field-address {
        max-width: 10.42vw;
    }

}

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

    .view-propertypage.view-display-id-block_1>.view-content {
        width: 100%;
        right: auto;
        position: relative;
        padding: 0 24px;
        padding: 0px;
        height: auto;
        margin: 0 auto 24px auto;
    }

    .view-propertypage.view-display-id-page_1:not(.path-frontpage .view-propertypage.view-display-id-page_1) {
        padding-bottom: 0px;
    }

    .view-propertypage.view-display-id-page_1>.view-content {
        padding: 0 24px;
        padding: 0px;
        width: 100%;
        height: auto;
    }

    .view-propertypage.view-display-id-page_1>.view-content .pager {
        visibility: visible;
        opacity: 1;
    }

    .view-propertypage.view-display-id-page_1>.view-content .pager,
    .view-propertypage.view-display-id-page_1>.view-content .pager li,
    .view-propertypage.view-display-id-page_1>.view-content .pager ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .view-propertypage.view-display-id-page_1>.view-content .pager a.button {
        display: inline-block;
        padding: 14px 24px;
        vertical-align: middle;
        background: none;
        border-radius: 64px;
        border: 1.5px solid #000;
        background: rgba(0, 0, 0, 0.00);

        color: #000;
        font-family: 'BTCosmoBold';
        font-size: 14px;
        line-height: normal;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
        transition: all 300ms;
        margin: 30px 0 0 0;
    }


    .view-propertypage.view-display-id-page_1>.view-content>.views-infinite-scroll-content-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        width: 100%;
    }




}

@media screen and (max-width: 767px) {
    .view-propertypage.view-display-id-block_1>.view-content {
        padding: 0px;
    }

    .view-propertypage.view-display-id-page_1>.view-content {
        padding: 0px;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a {
        flex-direction: column;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery {
        width: 100%;
    }

    .view-propertypage.view-display-id-page_1>.view-content>.views-row {
        padding: 16px 0;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .propertyproperty__gallery img {
        height: 60vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content {
        width: 100%;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */



.view-propertypage.view-display-id-block_2>.view-content {
    position: absolute;
    right: 40px;
    width: 680px;
    z-index: 5;
}

.view-propertypage .geolocation-map-container {
    height: 800px !important;
}

.view-propertypage.view-display-id-page_2 {
    padding-bottom: 110px;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 80px 24px;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
    width: calc(20% - 20px);
    text-align: left;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row img {
    display: block;
    width: 100%;
    height: auto;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .property--type-property {
    padding: 0px;

}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .property--type-property a {
    text-decoration: none;
    display: block;
}


.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row h2 {
    color: #212121;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0px;
    padding: 24px 0 0 0;
    text-decoration: none !important;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .field--name-field-address {
    color: #212121;
    font-family: 'PeridotPESemiBold';
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 0 16px 0;
    margin: 0px;
    text-decoration: none !important;
}

.view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .field--name-field-tm {
    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 25px;

    color: #212121;
    font-size: 14px;
    letter-spacing: -0.28px;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {

    .view-propertypage.view-display-id-block_2>.view-content {
        right: 2.78vw;
        width: 47.23vw;
    }

    .view-propertypage .geolocation-map-container {
        height: 55.56vw !important;
    }

    .view-propertypage.view-display-id-page_2 {
        padding-bottom: 7.64vw;
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper {
        gap: 5.56vw 1.67vw;
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
        width: calc(20% - 1.39vw);
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row h2 {
        font-size: 1.05vw;
        padding: 1.67vw 0 0 0;
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .field--name-field-address {
        font-size: 1.05vw;
        padding: 0.21vw 0 1.12vw 0;
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row .field--name-field-tm {
        background-size: 1.39vw auto;
        padding: 0 0 0 1.95vw;
        line-height: 1.74vw;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

}

@media screen and (max-width: 959px) {
    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
        width: calc(33.33% - 16px);
        text-align: left;
    }

    .view-propertypage .geolocation-map-container {
        height: 300px !important;
    }

    .view-propertypage.view-display-id-page_2>.view-content {
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper>.views-row {
        width: 100%;
    }

    .view-propertypage .geolocation-map-container {
        height: 500px !important;
    }

    .view-propertypage.view-display-id-page_2>.view-content>.views-infinite-scroll-content-wrapper {
        width: 100%;
        gap: 24px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


/* TODO */
.page-node-type-site_page .paragraph--type--html {
    max-width: 100%;
}


.hart-items {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
}


.hart-items .item {
    width: 360px;
    min-height: 320px;
    padding: 40px 24px;
    border-radius: 4px;
    background: #F2F2F3 url("../images/icon-hart1.svg") no-repeat calc(100% - 24px) 24px;
    background-size: 103px auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    text-align: left;
}

.hart-items .item.i2 {
    background-image: url("../images/icon-hart2.svg");
}

.hart-items .item.i3 {
    background-image: url("../images/icon-hart3.svg");
}


.hart-items .item .item-type {
    padding: 0 0 8px 0;
    color: #2C2F32;
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    text-transform: uppercase;
}

.hart-items .item .item-total {
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 64px;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -0.64px;
}

.hart-items .item .item-sub-items {
    padding: 40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
}

.hart-items .item .item-sub-items .item-sub-item {
    width: calc(50% - 8px);
    color: #2C2F32;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.15px;
}

.hart-items .item.i1 .item-sub-items .item-sub-item:nth-child(1) {
    margin: 0 10px 0 0;
}

.hart-items .item .item-sub-items .item-sub-item strong {
    color: #2C2F32;
    text-align: right;
    font-family: 'PeridotPEBold';
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 140%;
    letter-spacing: -0.2px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .hart-items {
        max-width: 78.48vw;
        gap: 1.67vw;
    }

    .hart-items .item {
        width: 25.00vw;
        min-height: 22.23vw;
        padding: 2.78vw 1.67vw;
        border-radius: 0.28vw;
        background: #F2F2F3 url("../images/icon-hart1.svg") no-repeat calc(100% - 1.67vw) 1.67vw;
        background-size: 7.16vw auto;
    }

    .hart-items .item .item-type {
        padding: 0 0 0.56vw 0;
        font-size: 1.12vw;
    }

    .hart-items .item .item-total {
        font-size: 4.45vw;
        letter-spacing: -0.04vw;
    }

    .hart-items .item .item-sub-items {
        padding: 2.78vw 0 0 0;
        gap: 1.12vw;
    }

    .hart-items .item .item-sub-items .item-sub-item {
        width: calc(50% - 0.56vw);
        font-size: 1.05vw;
        letter-spacing: -0.01vw;
    }

    .hart-items .item.i1 .item-sub-items .item-sub-item:nth-child(1) {
        margin: 0 0.70vw 0 0;
    }

    .hart-items .item .item-sub-items .item-sub-item strong {
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
    }
}

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

    .hart-items {
        flex-wrap: wrap;
        gap: 10px;
    }

    .hart-items .item {
        padding: 40px 24px;
        width: calc(33.33% - 7px);
        background-position: calc(100% - 12px) 17px;
        background-size: 70px auto;
    }

    .hart-items .item .item-sub-items {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: start;
        padding-top: 24px;
    }

    .hart-items .item .item-sub-items .item-sub-item {
        width: 100%;
    }

    .hart-items .item .item-type {
        padding: 6px 0 24px 0;
        font-size: 16px;
    }

}

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

    .hart-items {
        flex-direction: column;
    }

    .hart-items .item {
        width: 100%;
    }

    .hart-items .item .item-type {
        padding-bottom: 0px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.paragraph--type--header-only-title {
    max-width: 670px;
    text-align: center;
    margin: 0 auto;
}

.paragraph--type--header-only-title h1,
.paragraph--type--header-only-title h2,
.paragraph--type--header-only-title h3,
.paragraph--type--header-only-title h4,
.paragraph--type--header-only-title h5,
.paragraph--type--header-only-title h6 {
    margin: 0px;
    padding: 20px 16px;

    font-family: 'PeridotPEBold';
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .paragraph--type--header-only-title {
        max-width: 46.53vw;
    }

    .paragraph--type--header-only-title h1,
    .paragraph--type--header-only-title h2,
    .paragraph--type--header-only-title h3,
    .paragraph--type--header-only-title h4,
    .paragraph--type--header-only-title h5,
    .paragraph--type--header-only-title h6 {
        padding: 1.39vw 0;
        font-size: 1.39vw;
        letter-spacing: -0.02vw;
    }
}

@media screen and (max-width: 959px) {}

@media screen and (max-width: 767px) {
    .paragraph--type--header-only-title {
        text-align: left;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.infobubble {
    padding: 6px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(14px);
    width: 100% !important;
    text-align: left;

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 8px 2px;


    box-sizing: border-box;
}

.infobubble * {
    box-sizing: border-box;
}

.infobubble>*:not(.views-field-field-address):not(.infobubble .views-field-field-cities-1):not(.infobubble .views-field-field-nomos) {
    width: 100%;
}



.infobubble a {
    display: block;
    text-decoration: none;
}

.infobubble img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.infobubble .views-field-label a {
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}




.propertyproperty__location{
  width: 100%;
  font-size: 11px !important;
  color: #212121;
  text-transform: uppercase;
  line-height: 140%;
  letter-spacing: -0.24px;
}

.infobubble .views-field-field-address,
.infobubble .views-field-field-cities-1,
.infobubble .views-field-field-nomos {
    color: #686B70;
    font-family: 'PeridotPESemiBold';
    font-size: 10px;
    display: inline-block;
    width: auto;
    font-style: normal;
    line-height: 10px;
    text-transform: uppercase;
}

/* Add comma separator after city field */
.infobubble .views-field-field-address .field-content::after,
.infobubble .views-field-field-cities-1 .field-content::after {
    content: ', ';
}

.infobubble .views-field-field-address .field-content,
.infobubble .views-field-field-cities-1 .field-content,
.infobubble .views-field-field-nomos .field-content {
    display: inline;
}

.infobubble .views-field-field-tm div {
    color: #2C2F32;
    font-size: 14px;
    /* line-height: 140%; */
    letter-spacing: -0.28px;
    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 18px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {
    .infobubble{
      padding: 0.42vw;
      border-radius: 1.12vw;
      backdrop-filter: blur(0.98vw);
      gap: 0.56vw 0.14vw;
    }

    .infobubble img{
      border-radius: 0.56vw;
    }

    .infobubble .views-field-label a{
      font-size: 1.39vw;
      letter-spacing: -0.01vw;
    }

    .propertyproperty__location{
      font-size: 0.77vw !important;
      letter-spacing: -0.01vw;
    }

    .infobubble .views-field-field-address,
    .infobubble .views-field-field-cities-1,
    .infobubble .views-field-field-nomos{
      font-size: 0.70vw;
      line-height: 0.40vw;
    }

    .infobubble .views-field-field-tm div{
      font-size: 0.98vw;
      */
        letter-spacing: -0.01vw;
      background-size: 1.39vw auto;
      padding: 0 0 0 1.95vw;
      line-height: 1.25vw;
    }
}

@media screen and (max-width: 959px) {}

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


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.field--name-field-alerts {
    position: absolute;
    right: 24px;
    top: 820px;
    z-index: 200;
    z-index: 10;
}

.field--name-field-alerts:not(.path-frontpage .field--name-field-alerts) {
    display: none !important;
}

.field--name-field-alerts .field__alerts-badge {
    border-radius: 24px;
    background: #C4004B url("../images/icon-bell.svg") no-repeat center center;
    background-size: 24px auto;
    width: 72px;
    height: 72px;
    color: #fff;
    align-content: center;
    cursor: pointer;
}

.field--name-field-alerts .field__alerts-badge-icon {
    display: none;
}

.field--name-field-alerts .field__alerts-badge-count {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background: #fff;
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.15px;
    display: block;
    margin: -12px 0 0 10px;
}

.field--name-field-alerts .field__alert-popup {
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: default;
    width: 356px;
    border-radius: 24px;
    background: #FFF;
    padding: 24px;
    transition: 500ms;
}

.field--name-field-alerts .field__alert-popup:not(.show) {
    visibility: hidden;
    opacity: 0;
}

.field--name-field-alerts .field__alert-popup .close-btn {
    position: absolute;
    top: 29px;
    right: 24px;
    width: 24px;
    height: 24px;
    background: url("../images/icon-alert-close.svg") no-repeat center center;
    background-size: contain;
    font-size: 0px;
    z-index: 5;
    cursor: pointer;
}

.field--name-field-alerts .field__alert-popup .owl-dots {
    display: none;
}

.field--name-field-alerts .field__alert-popup .owl-nav {
    position: absolute;
    right: 0px;
    bottom: 6px;
    margin: 0px;
}

.field--name-field-alerts .field__alert-popup .owl-nav button,
.field--name-field-alerts .field__alert-popup .owl-nav button:hover {
    background: url("../images/icon-alert-prev.svg") no-repeat center center;
    background-size: contain;
    width: 28px;
    height: 28px;
    font-size: 0px;
}

.field--name-field-alerts .field__alert-popup .owl-nav button.owl-next {
    background-image: url("../images/icon-alert-next.svg")
}

.field--name-field-alerts .field__alert-popup .paragraph--type--alert {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 20px;
    text-align: left;
}

.field--name-field-alerts .field__alert-popup .field--name-field-alert-category {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #818486;
    color: #2C2F32;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    width: calc(100% - 30px);
}

.field--name-field-alerts .field__alert-popup .field--name-field-photo img {
    display: block;
    width: 100%;
    border-radius: 16px;
    height: auto;
}

.field--name-field-alerts .field__alert-popup .field--name-field-title {
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a {
    display: inline-block;
    padding: 14px 44px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #000;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    transition: all 300ms;
}

.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a::before,
.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a::after {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translate(0, -50%) scale(0.3);
    background: url("../images/icon-bt-arrow.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    border-radius: 50%;
    content: "";
    opacity: 0;
}


.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a::before {
    opacity: 1;
    background: #212121;
}


.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff;
}

.field--name-field-alerts .field__alert-popup .field--name-field-alert-link a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {

    .field--name-field-alerts {
        right: 1.67vw;
        top: 56.95vw;
    }

    .field--name-field-alerts .field__alerts-badge {
        border-radius: 1.67vw;
        background-size: 1.67vw auto;
        width: 5.00vw;
        height: 5.00vw;
    }

    .field--name-field-alerts .field__alerts-badge-count {
        width: 1.39vw;
        height: 1.39vw;
        line-height: 1.39vw;
        font-size: 1.05vw;
        line-height: 1.39vw;
        letter-spacing: -0.01vw;
        margin: -0.83vw 0 0 0.70vw;
    }

    .field--name-field-alerts .field__alert-popup {
        width: 24.73vw;
        border-radius: 1.67vw;
        padding: 1.67vw;
    }

    .field--name-field-alerts .field__alert-popup .close-btn {
        top: 2.02vw;
        right: 1.67vw;
        width: 1.67vw;
        height: 1.67vw;
    }

    .field--name-field-alerts .field__alert-popup .owl-nav {
        bottom: 0.42vw;
    }

    .field--name-field-alerts .field__alert-popup .owl-nav button,
    .field--name-field-alerts .field__alert-popup .owl-nav button:hover {
        width: 1.95vw;
        height: 1.95vw;
    }

    .field--name-field-alerts .field__alert-popup .paragraph--type--alert {
        gap: 1.39vw;
    }

    .field--name-field-alerts .field__alert-popup .field--name-field-alert-category {
        padding: 0.84vw 1.12vw;
        border-radius: 0.56vw;
        border: 0.07vw solid #818486;
        font-size: 0.98vw;
        width: calc(100% - 2.09vw);
    }

    .field--name-field-alerts .field__alert-popup .field--name-field-photo img {
        border-radius: 1.12vw;
    }

    .field--name-field-alerts .field__alert-popup .field--name-field-title {
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
    }

    .field--name-field-alerts .field__alert-popup .field--name-field-alert-link a {
        padding: 0.98vw 3.06vw 0.98vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #000;
        font-size: 0.98vw;
    }

    .field--name-field-alerts .field__alert-popup .field--name-field-alert-link a::before,
    .field--name-field-alerts .field__alert-popup .field--name-field-alert-link a::after {
        right: 0.84vw;
        width: 1.67vw;
        height: 1.67vw;
    }
}

@media screen and (max-width: 959px) {}

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

    .field--name-field-alerts {
        top: calc(100vh - 72px);
        z-index: 10;
        right: 16px;
    }

    .field--name-field-alerts .field__alerts-badge {
        border-radius: 12px;
        background: #C4004B url("../images/icon-bell.svg") no-repeat center center;
        background-size: 24px auto;
        width: 54px;
        height: 54px;
        color: #fff;
        align-content: center;
        cursor: pointer;
    }

    .field--name-field-alerts .field__alert-popup {


        width: calc(100vw - 32px);
        border-radius: 12px;
        background: #FFF;
        padding: 24px;
    }

}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */




#block-ogeneric-exposedformsearchpage-1 form {
    display: flex;
    justify-content: center;
    gap: 0px;
    padding: 0 0 30px 0;
    width: calc(100% - 32px);
    margin: 0 auto;
}

#block-ogeneric-exposedformsearchpage-1 form label {
    display: none;
}

#block-ogeneric-exposedformsearchpage-1 form .form-actions .js-form-submit {
    display: inline-block;
    padding: 0px 44px 0px 20px;
    border-radius: 0 64px 64px 0;
    border: 1.5px solid #000;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    background: #fff url("../images/icon-bt-bullet.svg") no-repeat calc(100% - 12px) center;
    background-size: 24px auto;
    cursor: pointer;
    transition: all 300ms;

    line-height: 50px;
}


#block-ogeneric-exposedformsearchpage-1 form .form-actions .js-form-submit:hover {
    background-color: #000 !important;
    background-image: url("../images/icon-bt-arrow.svg");
    border-color: #000;
    color: #fff !important;
}

#block-ogeneric-exposedformsearchpage-1 form input[type="text"] {
    width: 100%;
    border-radius: 64px 0 0 64px;
    border: 1.5px solid #818486;
    background: #FFF;
    display: block;
    padding: 0px 16px;
    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    outline: none;
    border-right: 0px;
    line-height: 50px;
}


.view-search {
    max-width: 1199px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 30px 0;
}

.view-search>.view-header h2 {
    margin: 0px;
    padding: 64px 0 32px 0;
    font-family: 'PeridotPEBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-align: center;
}

.view-search .view-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    padding: 0 0 100px 0;
}

.view-search .view-content>.views-row {
    width: 100%;
    border-bottom: 1.5px solid #818486;
    position: relative;
}


.view-search .view-content>.views-row .views-field-title {
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    padding: 30px 70px 10px 16px;
    cursor: pointer;
    font-weight: 700;
}

.view-search .view-content>.views-row .views-field-title a {
    color: #2C2F32;
    font-size: 18px;
    font-family: 'PeridotPEBold';
    text-decoration: none;
}

.view-search .view-content>.views-row .views-field-title a::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    width: 32px;
    height: 32px;
    background: url("../images/icon-accordion.svg") no-repeat center center;
    background-size: contain;
    transition: all 300ms;
    z-index: 10;
}


.view-search .view-content>.views-row .views-field-rendered-item {
    padding: 0px 70px 30px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
}

.view-search .view-content>.views-row .views-field-rendered-item a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

.view-search nav.pager ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.view-search nav.pager ul,
.view-search nav.pager li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.view-search nav.pager a {
    text-decoration: none;
    color: #000;
    font-family: 'PeridotPEBold';
    font-size: 18px;
}

.view-search nav.pager li.is-active a {
    text-decoration: underline;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {


    .view-search>.view-header h2 {
        padding: 4.45vw 0 2.23vw 0;
        font-size: 2.78vw;
        letter-spacing: -0.02vw;
    }

    #block-ogeneric-exposedformsearchpage-1 form {
        padding: 0 0 2.09vw 0;
    }

    #block-ogeneric-exposedformsearchpage-1 form .form-actions .js-form-submit {
        padding: 0.00vw 3.06vw 0.00vw 1.39vw;
        border-radius: 0 4.45vw 4.45vw 0;
        border: 0.11vw solid #000;
        font-size: 0.98vw;
        background: #fff url("../images/icon-bt-bullet.svg") no-repeat calc(100% - 0.84vw) center;
        background-size: 1.67vw auto;
        line-height: 3.48vw;
    }

    #block-ogeneric-exposedformsearchpage-1 form input[type="text"] {
        border-radius: 4.45vw 0 0 4.45vw;
        border: 0.11vw solid #818486;
        padding: 0.00vw 1.12vw;
        font-size: 1.12vw;
        line-height: 3.48vw;
    }

    .view-search {
        max-width: 83.27vw;
        padding: 0 0 2.09vw 0;
    }

    .view-search .view-content {
        padding: 0 0 6.95vw 0;
    }

    .view-search .view-content>.views-row {
        border-bottom: 0.11vw solid #818486;
    }

    .view-search .view-content>.views-row .views-field-title {
        padding: 2.09vw 4.87vw 0.70vw 1.12vw;
    }

    .view-search .view-content>.views-row .views-field-title a {
        font-size: 1.25vw;
    }

    .view-search .view-content>.views-row .views-field-title a::after {
        right: 1.12vw;
        width: 2.23vw;
        height: 2.23vw;
    }

    .view-search .view-content>.views-row .views-field-rendered-item {
        padding: 0.00vw 4.87vw 2.09vw 1.12vw;
        gap: 1.67vw;
    }

    .view-search nav.pager ul {
        gap: 1.39vw;
    }

    .view-search nav.pager a {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 959px) {}

@media screen and (max-width: 767px) {
    .view-search>.view-header h2 {
        margin: 0px;
        padding: 32px 0 22px 0;
        font-size: 31px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.webform-confirmation {
    text-align: left;
    width: 100%;
    max-width: 898px;
    margin: 0 auto;
}

.webform-confirmation .webform-message-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 32px;
}

.webform-confirmation .webform-confirmation__back {
    display: none;
}

.webform-confirmation .webform-message-wrapper p {
    margin: 0px;
    padding: 0px;
}

.webform-confirmation .webform-message-wrapper .webform-message-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 48px;
    font-style: normal;
    line-height: 110%;
}

.webform-confirmation .webform-message-wrapper .webform-message {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.18px;
}

.webform-confirmation .webform-message-wrapper .webform-home-btn a {
    display: inline-block;
    padding: 16px 24px 16px 20px;
    vertical-align: middle;
    background: none;
    border-radius: 64px;
    border: 1.5px solid #000;
    background: rgba(0, 0, 0, 0.00);

    color: #000;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms;
}

.webform-confirmation .webform-message-wrapper .webform-home-btn a::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #000 url("../images/icon-link-target.svg") no-repeat center center;
    background-size: 0px 0px;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
    transition: all 300ms;
}

.webform-confirmation .webform-message-wrapper .webform-home-btn a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.webform-confirmation .webform-message-wrapper .webform-home-btn a:hover::after {
    transform: translate(10%, 0%) scale(3);
    background-color: #C4004B;
    background-size: 45% auto;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .webform-confirmation {
        max-width: 62.37vw;
    }

    .webform-confirmation .webform-message-wrapper {
        gap: 2.23vw;
    }

    .webform-confirmation .webform-message-wrapper .webform-message-title {
        font-size: 3.34vw;
    }

    .webform-confirmation .webform-message-wrapper .webform-message {
        font-size: 1.25vw;
        letter-spacing: -0.01vw;
    }

    .webform-confirmation .webform-message-wrapper .webform-home-btn a {
        padding: 1.12vw 1.67vw 1.12vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #000;
        font-size: 0.98vw;
    }

    .webform-confirmation .webform-message-wrapper .webform-home-btn a::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.20vw 0 0 1.12vw;
    }
}

@media screen and (max-width: 959px) {
    .webform-confirmation {
        padding: 32px;
    }
}

@media screen and (max-width: 767px) {
    .webform-confirmation {
        padding: 24px;
    }

    .webform-confirmation .webform-message-wrapper .webform-message-title {
        font-size: 25px;
    }

    .webform-confirmation .webform-message-wrapper .webform-message {
        font-size: 16px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


.back2top {
    position: fixed;
    right: 0px;
    bottom: 100px;
    width: 55px;
    height: 55px;
    border: 0px;
    z-index: 999;
    background: url("../images/icon-back2top.svg") no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transform: translate(100%, 0) rotate(180deg);
    transition: all 300ms;
    border-radius: 50%;
}

.back2top.active {
    right: 24px;
    transform: translate(0%, 0) rotate(180deg);
}

.back2top.active.reverse {
    
    transform: translate(0%, 0) rotate(0deg);
}


@media screen and (min-width: 960px) and (max-width: 1439px) {

    .back2top {
        bottom: 6.95vw;
        width: 3.82vw;
        height: 3.82vw;
    }

    .back2top.active {
        right: 1.67vw;
    }
}

@media screen and (max-width: 959px) {}

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

    .back2top {
        width: 45px;
        height: 45px;
    }

    .back2top.active {
        right: 16px;
    }

}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


body.favorites_page #block-ogeneric-page-title h1 {
    font-family: 'PeridotPEBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.4px;
    margin: 0px;
    padding: 50px 0 32px 0;
}


.view-favorites {
    width: 100%;
    max-width: 1392px;
    margin: 0 auto;
    position: relative;
    padding: 30px 20px 50px 20px;
}

.view-favorites>.view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 80px 24px;
}

.view-favorites>.view-content>.views-row {
    width: calc(20% - 20px);
    text-align: left;
    position: relative;
}

.view-favorites>.view-content>.views-row img {
    display: block;
    width: 100%;
    height: auto;
}

.view-favorites>.view-content>.views-row .property--type-property {
    padding: 0px;

}

.view-favorites>.view-content>.views-row .property--type-property a {
    text-decoration: none;
    display: block;
}


.view-favorites>.view-content>.views-row h2 {
    color: #212121;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0px;
    padding: 24px 0 0 0;
    text-decoration: none !important;
}

.view-favorites>.view-content>.views-row .field--name-field-address {
    color: #212121;
    font-family: 'PeridotPESemiBold';
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 0 16px 0;
    margin: 0px;
    text-decoration: none !important;
}

.view-favorites>.view-content>.views-row .field--name-field-tm {
    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 25px;

    color: #212121;
    font-size: 14px;
    letter-spacing: -0.28px;
}

.view-favorites>.view-content>.views-row .wishlist-remove-link {
    position: absolute;
    right: 10px;
    top: 10px;
}

.view-favorites>.view-content>.views-row .wishlist-remove-link a {
    display: block;
    background: #fff url("../images/icon-favorites.svg") no-repeat calc(100% - 16px) center;
    background-size: 14px auto;
    line-height: 100%;
    padding: 11px 38px 11px 16px;
    color: #212121;
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 56px;
}

@media screen and (min-width: 960px) and (max-width: 1439px) {


    body.favorites_page #block-ogeneric-page-title h1 {
        font-size: 2.78vw;
        letter-spacing: -0.02vw;
        padding: 3.48vw 0 2.23vw 0;
    }

    .view-favorites {
        max-width: 96.67vw;
        padding: 2.09vw 1.39vw 3.48vw 1.39vw;
    }

    .view-favorites>.view-content {
        gap: 5.56vw 1.67vw;
    }

    .view-favorites>.view-content>.views-row {
        width: calc(20% - 1.39vw);
    }

    .view-favorites>.view-content>.views-row h2 {
        font-size: 1.05vw;
        padding: 1.67vw 0 0 0;
    }

    .view-favorites>.view-content>.views-row .field--name-field-address {
        font-size: 1.05vw;
        padding: 0.21vw 0 1.12vw 0;
    }

    .view-favorites>.view-content>.views-row .field--name-field-tm {
        background-size: 1.39vw auto;
        padding: 0 0 0 1.95vw;
        line-height: 1.74vw;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

    .view-favorites>.view-content>.views-row .wishlist-remove-link a {
        background: #fff url("../images/icon-favorites.svg") no-repeat calc(100% - 1.12vw) center;
        background-size: 0.98vw auto;
        padding: 0.77vw 2.64vw 0.77vw 1.12vw;
        font-size: 0.91vw;
        border-radius: 3.89vw;
    }

}

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

    .view-favorites {
        padding: 35px 20px;
    }

    .view-favorites>.view-content>.views-row {
        width: calc(33.33% - 16px);
        text-align: left;
    }


    .view-favorites>.view-content {
        width: 100%;
        margin: 0 auto;
    }

    body.favorites_page #block-ogeneric-page-title h1 {
        font-size: 36px;
    }
}

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

    .view-favorites {
        padding: 35px 10px;
    }

    .view-favorites>.view-content>.views-row {
        width: 100%;
    }

    .view-favorites>.view-content {
        width: 100%;
        gap: 24px;
    }

    body.favorites_page #block-ogeneric-page-title h1 {
        font-size: 32px;
        padding: 20px 0 24px 0;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


#block-ogeneric-etairikidiakybernisiblock {

    margin: 0px auto 64px auto;
}

#block-ogeneric-etairikidiakybernisiblock img {
    display: block;
    width: 100%;
    border-radius: 0px;
    height: auto;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {

    #block-ogeneric-etairikidiakybernisiblock {
        max-width: 100.00vw;
        margin: 0.00vw auto 4.45vw auto;
    }
}

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

    #block-ogeneric-etairikidiakybernisiblock {
        padding: 0 0px;
        margin: 0px auto 32px auto;
    }

    #block-ogeneric-etairikidiakybernisiblock img {
        border-radius: 0px;
        height: 40vw;
        object-fit: cover;
    }

}

@media screen and (max-width: 767px) {
    #block-ogeneric-etairikidiakybernisiblock {
        padding: 0 0px;
        margin: 0px auto 32px auto;
    }

    #block-ogeneric-etairikidiakybernisiblock img {
        min-height: 107vw;
        object-fit: cover;
    }


}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */




.view-search-property>.view-header h2 {
    margin: 0px;
    padding: 64px 0 32px 0;
    font-family: 'PeridotPEBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.4px;
}


.view-search-property>.view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 80px 24px;
    max-width: 1199px;
    margin: 0 auto;
}

.view-search-property>.view-content>.views-row {
    width: calc(25% - 18px);
    text-align: left;
}

.view-search-property>.view-content>.views-row img {
    display: block;
    width: 100%;
    height: auto;
}

.view-search-property>.view-content>.views-row .property--type-property {
    padding: 0px;

}

.view-search-property>.view-content>.views-row .property--type-property a {
    text-decoration: none;
    display: block;
}


.view-search-property>.view-content>.views-row h2,
.view-search-property>.view-content>.views-row h3 {
    color: #212121;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0px;
    padding: 24px 0 0 0;
    text-decoration: none !important;
}

.view-search-property>.view-content>.views-row .field--name-field-address {
    color: #212121;
    font-family: 'PeridotPESemiBold';
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 0 16px 0;
    margin: 0px;
    text-decoration: none !important;
}

.view-search-property>.view-content>.views-row .field--name-field-tm {
    background: url("../images/icon-tm.svg") no-repeat left center;
    background-size: 20px auto;
    padding: 0 0 0 28px;
    line-height: 25px;

    color: #212121;
    font-size: 14px;
    letter-spacing: -0.28px;
}



@media screen and (min-width: 960px) and (max-width: 1439px) {

    .view-search-property>.view-header h2 {
        padding: 4.45vw 0 2.23vw 0;
        font-size: 2.78vw;
        letter-spacing: -0.02vw;
    }

    .view-search-property>.view-content {
        gap: 5.56vw 1.67vw;
        max-width: 83.27vw;
    }

    .view-search-property>.view-content>.views-row {
        width: calc(25% - 1.26vw);
    }

    .view-search-property>.view-content>.views-row h2,
    .view-search-property>.view-content>.views-row h3 {
        font-size: 1.05vw;
        padding: 1.67vw 0 0 0;
    }

    .view-search-property>.view-content>.views-row .field--name-field-address {
        font-size: 1.05vw;
        padding: 0.21vw 0 1.12vw 0;
    }

    .view-search-property>.view-content>.views-row .field--name-field-tm {
        background-size: 1.39vw auto;
        padding: 0 0 0 1.95vw;
        line-height: 1.74vw;
        font-size: 0.98vw;
        letter-spacing: -0.01vw;
    }

}

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

    .view-search-property {
        padding: 0 32px 32px 32px;
    }

    .view-search-property>.view-content>.views-row {
        width: calc(33.33% - 16px);
        text-align: left;
    }

    .view-search-property>.view-content {
        width: 100%;
        margin: 0 auto;
    }
}

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

    .view-search-property {
        padding: 0 16px 32px 16px;
    }

    .view-search-property>.view-content>.views-row {
        width: 100%;
    }

    .view-search-property>.view-content {
        width: 100%;
        gap: 24px;
    }

    .view-search-property>.view-header h2 {
        margin: 0px;
        padding: 32px 0 22px 0;
        font-size: 31px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


#block-ogeneric-listasynergatonblock {
    max-width: 1000px;
    margin: 0 auto 50px auto;
}


#block-ogeneric-listasynergatonblock table {
    width: 100%;

}

#block-ogeneric-listasynergatonblock table td {
    font-size: 10px;
    width: auto;
    padding: 5px;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {
    #block-ogeneric-listasynergatonblock {
        max-width: 69.45vw;
    }

    #block-ogeneric-listasynergatonblock table td {
        font-size: 0.70vw;
        padding: 0.35vw;
    }
}

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


    #block-ogeneric-listasynergatonblock {
        overflow: auto;
        max-width: 100%;
    }


}

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


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

.language-switcher-dropdown{
    border-color: #245BA7 !important;
    padding: 0px !important;
}

.language-switcher-dropdown ul,
.language-switcher-dropdown li{
    padding: 0px !important;
}

.language-switcher-dropdown a{
    outline: none !important;
}


.language-switcher-toggle:focus {
  outline: 3px solid #C4004B !important;
  border-color: #245BA7 !important;
}


.language-switcher-toggle[aria-expanded="true"] {
  border-color: #245BA7 !important;
}



.language-link:focus {
  outline: 3px solid #C4004B !important;
}


/* Active language indicator */
.language-switcher-item.is-active .language-link {
  background-color: #245BA7 !important;
}



/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */