@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;
}




body {
    padding-top: 120px;
}

body.page-property-bundle-project,
body.path-frontpage,
body.energy-home,
body.page-node-type-energy_products {
    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,
    body.energy-home,
    body.page-node-type-energy_products {
        padding-top: 0px;
    }

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

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

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


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


.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-ogenergy-primary-local-tasks ul.tabs-primary{
    border: 0px;
}


#block-ogenergy-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-ogenergy-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) {}

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

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





.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 img {
    display: block;
    width: 100%;
    height: auto;
}

.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: 16px 24px 16px 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;
}

.btn_theme::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #212121;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}



.popup-side {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 999;
    display: none;
    width: 700px;
    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: 340px;
}

.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 120px;
}

.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.83vw);
    }


    .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: 1.11vw 1.67vw 1.11vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .btn_theme::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.21vw 0 0 1.11vw;
    }



    .popup-side {
        width: 48.61vw;

    }

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

    .popup-side .person-bio-content-bottom,
    .popup-side .contest-info-content .field--name-field-text {
        font-size: 1.11vw;
        padding: 4.44vw 0 0 8.33vw;
    }

    .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--grid-three,
.paragraph--type--grid-two {
    padding: 130px 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: 9.03vw 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) {}

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

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




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

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

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


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

.paragraph--type--file-upload:last-child {
    padding-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 {
        padding-bottom: 5.56vw;
    }

    .paragraph--type--file-upload a {
        padding: 1.81vw 1.25vw;
        font-size: 1.25vw;
    }

    .paragraph--type--file-upload a::before,
    .paragraph--type--file-upload a::after {
        right: 1.11vw;
        width: 2.22vw;
        height: 2.22vw;
        background: #fff url("../images/icon-open-file.svg") no-repeat center center;
        background-size: 1.11vw auto;
    }

}

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

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

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


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

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

.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--html {
    text-align: left;
    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;
}

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

.paragraph--type--html .btn::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}




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


    .paragraph--type--html {
        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.11vw 2.22vw;
    }

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

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

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



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

.paragraph--type--asset-grid .field--name-field-asset-grid-item a {
    text-decoration: none;
}

.paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-title {
    color: #2C2F32;
    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: 16px 24px 16px 0px;
    vertical-align: middle;
    background: none;
    border-radius: 64px;
    background: rgba(0, 0, 0, 0.00);
    white-space: nowrap;

    color: #000;
    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::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}

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

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

    .paragraph--type--asset-grid .paragraph--type--title-with-icon {
        gap: 1.67vw;
        font-size: 1.67vw;
        padding: 0 0 3.33vw 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;
    }

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

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-btn {
        left: 1.67vw;
        bottom: 1.67vw;
        padding: 1.11vw 1.67vw 1.11vw 0px;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .paragraph--type--asset-grid .field--name-field-asset-grid-item .asset-item-more-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) {}

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

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


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

.paragraph--type--full-width-cta .field--name-field-title {
    color: #FFF;
    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: 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;
    text-decoration: none;
}

.paragraph--type--full-width-cta .field--name-field-link-to-page a::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}

@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.94vw 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: 1.11vw 1.67vw 1.11vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .paragraph--type--full-width-cta .field--name-field-link-to-page a::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) {}

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

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


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

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

.property--type-property .property__topbar a {
    display: block;
    background: url("../images/icon-favorites.svg") no-repeat right center;
    line-height: 24px;
    padding: 0 48px 0 0;

    color: #212121;
    font-size: 15px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.property--type-property .field--name-field-gallery {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
    height: 464px;
}

.property--type-property .field--name-field-gallery .field__item {
    cursor: pointer;
}


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


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



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

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

}


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

.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 {
    position: fixed;
    left: 24px;
    width: calc(100vw - 48px);
    bottom: 24px;
    border-radius: 8px;
    background: #C4004B;
    z-index: 999;
    transition: all 500ms;
}

.property--type-property .property__floating.hide {
    bottom: 0px;
    transform: translate(0, 100%);
    opacity: 0;
}

.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: #FFF;
    font-family: 'PeridotPESemiBold';
    font-size: 13px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
}

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

.property--type-property .property__floating .property__floating-content .property__floating-button {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);

    display: inline-block;
    padding: 16px 24px 16px 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;
}

.property--type-property .property__floating .property__floating-content .property__floating-button::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}

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

.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 .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 .field--name-field-text {
    padding: 0 0 24px 0;
}

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

.property--type-property .property__main-layout .plan-button .plan-button-dot {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 18px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #212121;
}

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

.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;
    transform: translate(0, -50%);
}


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

    .property--type-property {
        max-width: 100.0vw;
        padding: 3.47vw 2.78vw;
    }

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

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

    .property--type-property .field--name-field-gallery {
        gap: 1.67vw;
        height: 32.22vw;
    }

    .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.22vw;
    }

    .property--type-property .field--name-field-gallery .field__item.gallery-trigger a {
        width: 22.36vw;
        height: 15.28vw;
        border-radius: 0.28vw;
        font-size: 1.39vw;
        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.44vw 0 9.72vw 0;
        max-width: 78.47vw;
    }

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

    .property--type-property .property__content .property__line1 .field--name-field-type {
        padding: 0.35vw 1.11vw;
        border-radius: 0.28vw;
        font-size: 0.83vw;
    }

    .property--type-property .property__content .property__line1 .field--name-field-tm {
        font-size: 0.97vw;
        background-size: 20px auto;
        padding: 0 0 0 1.94vw;
        line-height: 1.74vw;
    }

    .property--type-property .property__content h2 {
        padding: 1.11vw 0;
        font-size: 3.33vw;
    }

    .property--type-property .property__content .property__line2 {
        font-size: 1.11vw;
        padding: 0 0 5.56vw 0;
    }

    .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.44vw;
        width: 5.83vw;
    }

    .property--type-property .property__pea .pea-container {
        border-radius: 0.35vw;
    }

    .property--type-property .property__pea .pea-header {
        padding: 0.35vw;
        font-size: 0.83vw;
    }

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

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

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

    .property--type-property .property__floating {
        left: 1.67vw;
        width: calc(100vw - 3.33vw);
        bottom: 1.67vw;
        border-radius: 0.56vw;
    }

    .property--type-property .property__floating .property__floating-content {
        gap: 0.83vw;
        height: 5.56vw;
        padding: 1.11vw;
    }

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

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

    .property--type-property .property__floating .property__floating-content .property__floating-button {
        right: 1.11vw;
        padding: 1.11vw 1.67vw 1.11vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .property--type-property .property__floating .property__floating-content .property__floating-button::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        margin: -0.21vw 0 0 1.11vw;
    }

    .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.11vw;
    }

    .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;
        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.22vw;
        padding: 0 0 0 2.92vw;
        font-size: 0.97vw;
    }

    .property--type-property .property__main-layout .plan-button .plan-button-dot {
        margin: -0.21vw 0 0 1.25vw;
        width: 0.56vw;
        height: 0.56vw;
    }

    .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.11vw 0 1.11vw 10.0vw;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-titles .field__item {
        width: 12.29vw;
        font-size: 0.9vw;
    }

    .property--type-property .paragraph--type--table-4-columns .field--name-field-table-items .field__item .field--name-field-table-line-4-item {
        padding: 1.11vw 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.29vw;
        font-size: 0.97vw;
    }

    .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.0vw;
        font-size: 0.97vw;
    }

    .property--type-property .property__main-layout .field--name-field-buttons {
        gap: 1.11vw;
    }

    .property--type-property .property__main-layout .pdf-button {
        padding: 1.67vw 3.33vw 1.67vw 5.0vw;
        border-radius: 1.11vw;
        background: url("../images/icon-pdf.svg") no-repeat 1.67vw center;
        background-size: 2.22vw auto;
        min-width: 21.53vw;
        font-size: 1.11vw;
    }

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

}

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

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

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


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


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


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

.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-more-btn .field--name-field-grid-item-btn-text {
    display: inline-block;
    padding: 16px 24px 16px 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;
}

.paragraph--type--contest-grid>.field__items>.field__item .contest-item-more-btn .field--name-field-grid-item-btn-text::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #212121;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}




/*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.94vw 0;
    }

    .paragraph--type--contest-grid>.field__items {
        gap: 1.39vw;
        max-width: 78.47vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item {
        width: calc(50% - 0.7vw);
    }

    .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.22vw;
        padding: 1.67vw 0 1.11vw 0;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-description {
        font-size: 1.25vw;
        padding: 0 0 2.22vw 0;
        min-height: 7.43vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-more-btn .field--name-field-grid-item-btn-text {
        padding: 1.11vw 1.67vw 1.11vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .paragraph--type--contest-grid>.field__items>.field__item .contest-item-more-btn .field--name-field-grid-item-btn-text::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) {}

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


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


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

.layout-with-sidebar aside nav>ul>li.active>a {
    font-family: 'PeridotPEBold';
}

.layout-with-sidebar aside nav>ul>li>a::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>a::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 .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.47vw;
        padding: 0 0 4.17vw 0;
        gap: 3.19vw;
    }

    .layout-with-sidebar aside {
        width: 20.83vw;
    }

    .layout-with-sidebar aside nav {
        padding: 1.11vw 1.67vw;
        border-radius: 1.67vw;
    }

    .layout-with-sidebar aside nav>ul {
        gap: 2.22vw;
        padding: 1.11vw 0;
    }

    .layout-with-sidebar aside nav>ul>li>a {
        font-size: 0.97vw;
        padding: 0 2.08vw 0 0;
    }

    .layout-with-sidebar aside nav>ul>li>a::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.08vw);
        height: calc(100% + 2.08vw);
        border-radius: 0.56vw;
    }

    .layout-with-sidebar aside nav>ul>li>ul {
        gap: 1.11vw;
    }

    .layout-with-sidebar aside nav>ul>li.active>ul {
        padding: 1.11vw 0;
    }

    .layout-with-sidebar aside nav>ul>li>ul>li a {
        font-size: 0.9vw;
    }

    .layout-with-sidebar .layout-content {
        width: 54.44vw;
    }

    .layout-with-sidebar .layout-content h2 {
        padding: 0 0 2.22vw 0;
        font-size: 2.22vw;
    }

}

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

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


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

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

.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;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}

@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.69vw);
        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: 0px 1.67vw 0px 0px;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .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.21vw 0 0 1.11vw;
    }

}

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

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


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




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

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 75px;
}


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



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

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

.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 {
    position: absolute;
    right: 0px;
    top: calc(100vh - 180px);
    height: 56px;
    background: #fff;
    padding: 8px;
}

.propertyproject .propertyproject__header .badges::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 30px;
    background: url("../images/icon-badge-corner.png") 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;
}

.propertyproject .propertyproject__header .badges .field--name-field-badges img {
    display: block;
    height: 40px;
    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:nth-child(1) {
    width: 100%;
}


.propertyproject .field--name-field-media-gallery>.field__item:nth-child(3),
.propertyproject .field--name-field-media-gallery>.field__item:nth-child(4) {
    width: calc(50% - 12px);
}

.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: 40px;
    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__team-section .row {
    padding: 100px 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;
    text-transform: uppercase;
}

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



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



    .propertyproject .propertyproject__header {
        height: 90.28vw;
        padding: 5.21vw;
    }

    .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.44vw;
        max-width: 48.61vw;
    }

    .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 {
        top: calc(100vh - 12.5vw);
        height: 3.89vw;
        padding: 0.56vw;
    }

    .propertyproject .propertyproject__header .badges::before {
        width: 2.08vw;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges {
        gap: 0.56vw;
    }

    .propertyproject .propertyproject__header .badges .field--name-field-badges img {
        height: 2.78vw;
    }

    .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:nth-child(3),
    .propertyproject .field--name-field-media-gallery>.field__item:nth-child(4) {
        width: calc(50% - 0.83vw);
    }

    .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.78vw;
        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__team-section .row {
        padding: 6.94vw 2.78vw 3.47vw 2.78vw;
        max-width: 100.0vw;
        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;
    }

}

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

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


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


.path-frontpage .paragraph--type--section-item.style-bg-bg-blue {
    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) {}

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


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



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

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


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

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


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


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


.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 fieldset {
    position: relative;
    border: 1.5px solid #818486;
    border-radius: 4px;
    padding: 19px 16px;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
    margin: 0px;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    color: #000;
}

.paragraph--type--web-form fieldset:focus-within {
    border-color: #C4004B;
    box-shadow: 0 0 0 3px rgba(47, 111, 235, 0);
}

.paragraph--type--web-form fieldset>legend {
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
}

.paragraph--type--web-form fieldset>legend .fieldset-legend {
    font-weight: 700;
    color: #6e7781;
    transition: opacity .12s ease;
}

.paragraph--type--web-form fieldset:focus-within>legend .fieldset-legend,
.paragraph--type--web-form fieldset.has-value>legend .fieldset-legend {
    opacity: 0;
}

.paragraph--type--web-form fieldset .fieldset-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
}

.paragraph--type--web-form fieldset .fieldset-wrapper>.form-item {
    margin: 0;
    display: contents;
}


.paragraph--type--web-form fieldset input.form-text {
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    padding: 6px 8px;
    text-align: left;
    padding: 0px;
}


.paragraph--type--web-form fieldset #edit-paroxi-1 {
    width: 1.2ch;
}

.paragraph--type--web-form fieldset #edit-paroxi-8 {
    width: 9.2ch;
    letter-spacing: .12ch;
}

.paragraph--type--web-form fieldset #edit-paroxi-2 {
    width: 3.2ch;
}


.paragraph--type--web-form fieldset #edit-paroxi-1 {
    margin-right: 3px;
}

.paragraph--type--web-form fieldset #edit-paroxi-8 {
    margin-right: 3px;
}


.paragraph--type--web-form fieldset input::placeholder {
    color: transparent;
}

.paragraph--type--web-form fieldset:focus-within input::placeholder,
.paragraph--type--web-form fieldset.has-value input::placeholder {
    color: #b3bac3;
}

.paragraph--type--web-form fieldset,
.paragraph--type--web-form fieldset input {
    font-variant-numeric: tabular-nums;
}

.paragraph--type--web-form fieldset input[type=number]::-webkit-outer-spin-button,
.paragraph--type--web-form fieldset input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.paragraph--type--web-form fieldset input[type=number] {
    -moz-appearance: textfield;
}



.paragraph--type--web-form form .js-form-item .webform-element-help {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 20;
    display: block;
}


.paragraph--type--web-form .js-webform-element-more {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.paragraph--type--web-form .js-webform-element-more .webform-element-more--link {
    display: block;
}

.paragraph--type--web-form .js-webform-element-more .webform-element-more--link a {
    width: 20px;
    height: 20px;
    background: url("../images/icon-info.svg") no-repeat center center;
    display: block;
    font-size: 0px;
}

.paragraph--type--web-form .js-webform-element-more .webform-element-more--link::before {
    display: none;
}

.paragraph--type--web-form #webform-element-more--content {
    position: absolute;
    right: 0px;
    bottom: 100%;
    background: #fff;
    padding: 15px;
    font-size: 10px;
    color: #000;
    width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}


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

    .paragraph--type--web-form fieldset {
        border: 0.11vw solid #818486;
        border-radius: 0.28vw;
        padding: 1.32vw 1.12vw;
        font-size: 1.12vw;
    }

    .paragraph--type--web-form fieldset:focus-within {
        box-shadow: 0 0 0 0.21vw rgba(47, 111, 235, 0);
    }

    .paragraph--type--web-form fieldset>legend {
        left: 1.32vw;
    }

    .paragraph--type--web-form fieldset input.form-text {
        padding: 0.42vw 0.56vw;
    }

    .paragraph--type--web-form fieldset #edit-paroxi-1 {
        margin-right: 0.21vw;
    }

    .paragraph--type--web-form fieldset #edit-paroxi-8 {
        margin-right: 0.21vw;
    }



    .paragraph--type--web-form fieldset input.form-text {
        border: 0;
        outline: 0;
        background: transparent;
        font: inherit;
        padding: 0.42vw 0.56vw;
        text-align: left;
        padding: 0px;
    }



    .paragraph--type--web-form form .js-form-item .webform-element-help {
        right: 2.09vw;
    }

    .paragraph--type--web-form .js-webform-element-more {
        right: 1.39vw;
    }

    .paragraph--type--web-form .js-webform-element-more .webform-element-more--link a {
        width: 1.39vw;
        height: 1.39vw;
    }

    .paragraph--type--web-form #webform-element-more--content {
        padding: 1.05vw;
        font-size: 0.70vw;
        width: 13.89vw;
        border: 0.07vw solid rgba(0, 0, 0, 0.2);
        border-radius: 0.70vw;
    }


}

@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) {}

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


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


.projects-development {}

.projects-development .view-filters {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}

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

.projects-development .view-filters a.bef-link--selected {
    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 24px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 45px 100px 45px;
}

.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 24px 0 0;
}

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


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


    .projects-development .view-filters {
        max-width: 62.5vw;
        padding: 0 0 6.94vw 0;
    }

    .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 1.67vw;
        max-width: 100.0vw;
        padding: 0 3.12vw 6.94vw 3.12vw;
    }

    .projects-development .view-content .views-row {
        max-width: 25.00vw;
        padding: 0 1.67vw 0 0;
    }

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

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


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


#block-ogenergy-propertyheader {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: left;
    padding: 120px 40px 150px 40px;
}




#block-ogenergy-propertyheader .field--type-text-with-summary {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    color: #212121;
}


#block-ogenergy-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-ogenergy-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-ogenergy-propertyheader {
        max-width: 100.0vw;
        padding: 8.33vw 2.78vw 10.42vw 2.78vw;
    }

    #block-ogenergy-propertyheader .field--type-text-with-summary {
        gap: 1.39vw;
    }

    #block-ogenergy-propertyheader .field--type-text-with-summary h2 {
        font-size: 2.78vw;
    }

    #block-ogenergy-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) {}

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


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


.view-propertypage {
    padding: 0 24px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.view-propertypage .view-filters {
    border-radius: 8px;
    background: #C4004B;
    color: #fff;
    margin: 0 auto 40px auto;
    padding: 16px 32px;
}

.view-propertypage .view-filters form {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
}

.view-propertypage .view-filters form fieldset {
    display: block;
}


.view-propertypage .view-filters form .fieldset-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
}

.view-propertypage .view-filters form .fieldset-wrapper input {
    width: 100px;
}


.view-propertypage .view-filters form .js-form-item label {
    display: block;
    text-align: left;
}


.view-propertypage .view-filters form .js-form-item.js-form-type-select select {
    border: 0px;
    background: none;
    color: #fff;
    width: 160px;
    outline: none;
}




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

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

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


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




.view-propertypage.view-display-id-block_1>.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_1 {
    padding-bottom: 110px;
}

.view-propertypage.view-display-id-page_1>.view-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    width: 654px;
    height: 800px;
    overflow: auto;
    padding: 0 30px 0 0;
}

.view-propertypage.view-display-id-page_1>.view-content>.views-row {
    padding: 16px;
    border-bottom: 1px solid #212121;
    width: 100%;
}

.view-propertypage.view-display-id-page_1>.view-content>.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__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: 50%;
    transform: translate(0, calc(-100% - 8px));

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




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


    .view-propertypage.view-display-id-block_1>.view-content {
        right: 2.78vw;
        width: 47.22vw;
    }

    .view-propertypage .geolocation-map-container {
        height: 55.56vw !important;
    }

    .view-propertypage.view-display-id-page_1 {
        padding-bottom: 7.64vw;
    }

    .view-propertypage.view-display-id-page_1>.view-content {
        width: 45.42vw;
        height: 55.56vw;
        padding: 0 2.08vw 0 0;
    }

    .view-propertypage.view-display-id-page_1>.view-content>.views-row {
        padding: 1.11vw;
    }

    .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.0vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content {
        width: calc(100% - 18.33vw);
        gap: 1.11vw;
        font-size: 0.97vw;
    }

    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content h2 {
        font-size: 1.53vw;
    }


    .view-propertypage.view-display-id-page_1 .property--type-property .propertyproperty__content a .content .field--name-field-tm {
        font-size: 0.97vw;
        transform: translate(0, calc(-100% - 0.56vw));
        background-size: 1.39vw auto;
        padding: 0 0 0 1.94vw;
        line-height: 1.74vw;
    }

}

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

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


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


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

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


.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: 62.50vw;
        padding: 0 0 2.78vw 0;
    }

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

}

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

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

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


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

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

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

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

.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 64px auto;
}


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


.paragraph--type--section-item .section_item_header .field--name-field-number {
    color: #C4004B;
    color: #000;
    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 .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--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.12vw 2.78vw 0.00vw 2.78vw;
    }

    .paragraph--type--section-item .section_item_header {
        border-top: 0.14vw solid #212121;
        padding: 1.12vw 0;
        gap: 2.23vw;
        max-width: 100.00vw;
        margin: 0 auto 4.45vw auto;
    }

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

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

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

    .paragraph--type--title-with-text .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.04vw;
    }

    .paragraph--type--title-with-text .field--name-field-text {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

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

    .paragraph--type--title-with-text li {
        padding: 0 0 1.12vw 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 24px 0px 24px;
    }

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

}

@media screen and (max-width: 767px) {
    .paragraph--type--section-item .section_item_header {
        margin-bottom: 24px;
    }
}

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




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

.page-node-type-site_page_energy header,
.page-node-type-energy_products 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-ogenergy-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-ogenergy-site-branding img {
    display: block;
    width: 100%;
    opacity: 0;
}

header #block-ogenergy-energymainmenu {
    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 #block-ogenergy-energymainmenu h2{
    display: none;
}

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

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

header #block-ogenergy-energymainmenu a {
    color: #fff;
}

header #block-ogenergy-energymainmenu>ul>li>a {
    text-transform: uppercase;
}

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


header #block-ogenergy-energymainmenu .burger-menu {
    display: none;
}




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

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

header #block-ogenergy-energymainmenu>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-ogenergy-energymainmenu>ul>li.active>ul {
    visibility: visible;
    opacity: 1;
}

header #block-ogenergy-energymainmenu a,
header #block-ogenergy-energymainmenu span {
    color: #212121;
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

header #block-ogenergy-energymainmenu>ul>li.active>a::after,
header #block-ogenergy-energymainmenu>ul>li.active>span::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=2") no-repeat center center;
    background-size: contain;
}

header #block-ogenergy-energymainmenu ul li ul a {
    font-size: 14px;
    white-space: normal;
}

header #block-ogenergy-energymainmenu.active>ul>li {
    opacity: 0.5;
}

header #block-ogenergy-energymainmenu.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-ogenergy-energymainmenu>ul>li.backtomain {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 16px;
    opacity: 1 !important;
}

header #block-ogenergy-energymainmenu>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-ogenergy-energymainmenu>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-ogenergy-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-ogenergy-exposedformsearch-energypage-1 {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

header #block-ogenergy-exposedformsearch-energypage-1 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-ogenergy-exposedformsearch-energypage-1.active form {
    border-color: rgba(104, 107, 112, 1);

}


header #block-ogenergy-exposedformsearch-energypage-1 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-ogenergy-exposedformsearch-energypage-1.active label {
    background-image: url("../images/icon-alert-close.svg");
    background-size: contain
}


header #block-ogenergy-exposedformsearch-energypage-1 .js-form-item {
    display: flex;

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

header #block-ogenergy-exposedformsearch-energypage-1.active .js-form-item {
    flex-direction: row-reverse;
}

header #block-ogenergy-exposedformsearch-energypage-1 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-ogenergy-exposedformsearch-energypage-1.active input[type="text"] {
    opacity: 1;
    visibility: visible;
}

header #block-ogenergy-exposedformsearch-energypage-1 input[type="text"]::-webkit-input-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogenergy-exposedformsearch-energypage-1 input[type="text"]::-moz-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogenergy-exposedformsearch-energypage-1 input[type="text"]:-ms-input-placeholder {
    color: #212121;
    opacity: 1;
}

header #block-ogenergy-exposedformsearch-energypage-1 input[type="text"]:-moz-placeholder {
    color: #212121;
    opacity: 1;
}


header #block-ogenergy-exposedformsearch-energypage-1 .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-ogenergy-exposedformsearch-energypage-1 .form-actions {
    display: none;
}

header #block-ogenergy-exposedformsearch-energypage-1.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;
    }

    .page-node-type-site_page_energy header,
    .page-node-type-energy_products header {
        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-ogenergy-site-branding {
        max-width: 13.62vw;
        background-size: 13.62vw auto;
    }

    header #block-ogenergy-energymainmenu {
        right: -1.18vw;
        top: -1.11vw;
        padding: 11.12vw 0.00vw 0 0.00vw;
    }

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

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

    header #block-ogenergy-energymainmenu>ul {
        gap: 2.78vw;
        width: 13.89vw;
    }

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

    header #block-ogenergy-energymainmenu a,
    header #block-ogenergy-energymainmenu span {
        font-size: 1.25vw;
    }

    header #block-ogenergy-energymainmenu>ul>li.active>a::after,
    header #block-ogenergy-energymainmenu>ul>li.active>span::after {
        width: 1.39vw;
        height: 1.39vw;
        margin: -0.27vw 0 0 0.56vw;
    }

    header #block-ogenergy-energymainmenu 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-ogenergy-energymainmenu>ul>li.backtomain {
        padding: 1.12vw;
    }

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

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

    header #block-ogenergy-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-ogenergy-exposedformsearch-energypage-1 {
        left: 1.05vw;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 form {
        padding: 0.42vw 0.70vw;
        border-radius: 1.81vw;
        border: 0.07vw solid rgba(104, 107, 112, 0);
        gap: 0.35vw;
        min-width: 16.67vw;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 label {
        width: 1.67vw;
        height: 1.67vw;
        background-size: 1.12vw 1.12vw;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 .js-form-item {
        gap: 0.35vw;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 input[type="text"] {
        width: 11.12vw;
        font-size: 1.05vw;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 .form-actions input[type="submit"] {
        width: 1.67vw;
        height: 1.67vw;
        background-size: 1.12vw 1.12vw;
    }

}

@media screen and (max-width: 959px) {
    .user-logged-in header #block-ogenergy-energymainmenu {
        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-ogenergy-site-branding {
        left: 16px;
        transform: translate(0, -50%);
        max-width: 150px;
        background-size: contain;
    }

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

    header #block-ogenergy-energymainmenu>ul {
        width: 50%;
        gap: 32px;
    }

    header #block-ogenergy-energymainmenu a {
        white-space: nowrap;
    }

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

    header #block-ogenergy-energymainmenu>ul>li>ul a {
        white-space: normal;
    }


    header #block-ogenergy-allagiglossas,
    header #block-ogenergy-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-ogenergy-allagiglossas,
    .menu-opened header #block-ogenergy-favoriteslinkblock {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%);
        z-index: 20;
    }



    header #block-ogenergy-exposedformsearch-energypage-1 {
        left: auto;
        right: 130px;
    }

    header #block-ogenergy-exposedformsearch-energypage-1 form {
        min-width: unset;
    }

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


     header #block-ogenergy-energymainmenu>ul>li.backtomain {

        bottom: 100px;
    }

}


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


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


.paragraph--type--accordion .field--name-field-title {
    font-size: 24px;
    font-style: normal;
    font-family: 'PeridotPEBold';
    line-height: 120%;
    letter-spacing: -0.64px;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
}


.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: 0px 48px 64px 16px;
    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 .active .field--name-field-title {
    color: #C4004B;
    font-family: 'PeridotPEBold';
}

.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%) rotate(180deg);
    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%);
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .active .field--name-field-title::after {
    filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(4018%) hue-rotate(326deg) brightness(95%) contrast(109%);
}


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



.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text table {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
}

.paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text table td {
 
    width: auto;
    padding: 5px;
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}


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


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

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

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item {
        border-bottom: 0.11vw solid #818486;
    }

    .paragraph--type--accordion .field--name-field-accordion-item .ans {
        padding: 0.00vw 3.34vw 4.45vw 1.12vw;
        gap: 1.67vw;
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-title {
        font-size: 1.25vw;
        padding: 2.09vw 4.87vw 2.09vw 1.12vw;
    }

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

    .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.12vw;
        letter-spacing: -0.01vw;
    }

     .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text table{
      border-top: 0.07vw solid rgba(0,0,0,0.2);
      border-left: 0.07vw solid rgba(0,0,0,0.2);
    }

    .paragraph--type--accordion .field--name-field-accordion-item>.field__item .field--name-field-text table td{
      padding: 0.35vw;
      border-right: 0.07vw solid rgba(0,0,0,0.2);
      border-bottom: 0.07vw solid rgba(0,0,0,0.2);
    }

}

@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;
    }
}

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


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

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

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

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


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

.region-footer-top #block-ogenergy-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-ogenergy-oteomilosetaireion .field--name-body > a {
    background-image: url("../images/logo-ote-en.png");
}

.region-footer-top #block-ogenergy-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-ogenergy-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-ogenergy-ypostirixi {
    width: calc(20% - 10px);
}

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

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

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


.region-footer-top #block-ogenergy-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-ogenergy-oteomilosetaireion {
        width: calc(40% - 0.70vw);
    }

    .region-footer-top #block-ogenergy-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-ogenergy-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-ogenergy-ypostirixi {
        width: calc(20% - 0.70vw);
    }

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

    .region-footer-top #block-ogenergy-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-ogenergy-oteomilosetaireion {
        width: calc(20% - 10px);
    }

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

    .region-footer-top #block-ogenergy-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-ogenergy-ypostirixi {
        width: 100%;
    }

    .region-footer-top nav>ul>li span,
    .region-footer-top #block-ogenergy-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: flex-end;
    align-items: center;
    gap: 20px;
}

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


footer #block-ogenergy-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-ogenergy-eggrafistonewsletter {
        width: calc(40% - 0.69vw);
    }

    footer #block-ogenergy-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 #block-ogenergy-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-ogenergy-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-ogenergy-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-ogenergy-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 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;
}

.region-custom-breadcrumbs .field__item:not(:first-child)::before {
    content: "/";
    margin: 0 6px 0 0;
}


@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--hero-slider {
    position: relative;
    width: 100%;
    background: #000;

}

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

.paragraph--type--hero-slider .field--name-field-hero-background-images>.field__item:first-child {
    display: block;
}


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


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




.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: 556px;
    text-align: left
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right {
    width: 500px;
    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 24px 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;
}

.paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::after {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0 16px;
}


@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: 38.62vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right {
        width: 34.73vw;
        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.97vw 1.67vw 0.97vw 1.39vw;
        border-radius: 4.44vw;
        font-size: 0.97vw;
    }

    .paragraph--type--sidebyside-title-desc-button .sidebyside_right .field--name-field-link-with-text a::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--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;
    }
}


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




.paragraph--type--sidebyside-title-desc-button {
    max-width: 1274px;
}

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

@media screen and (min-width: 960px) and (max-width: 1439px) {
    .paragraph--type--sidebyside-title-desc-button {
        max-width: 88.48vw;
    }

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

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

    .paragraph--type--sidebyside-title-desc-button {
        padding-left: 24px;
        padding-right: 24px;
    }

}

@media screen and (max-width: 767px) {
    .paragraph--type--sidebyside-title-desc-button {
        padding-left: 16px;
        padding-right: 16px;
    }
}


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


.paragraph--type--energy-title-benefits {
    background: #245BA7;
    color: #fff;
    padding: 80px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80px;
    margin: 0 auto 90px auto;
}



.paragraph--type--energy-title-benefits>.field--name-field-title {
    font-family: 'BTCosmoBold';
    font-size: 44px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.44px;
    max-width: 680px;
    margin: 0 auto;
}

.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__label {
    display: none;
}

.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 16px;
}

.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item {
    width: 320px;
}


.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-image img {
    width: 88px;
    height: 88px;
    display: block;
    margin: 0 auto;
}

.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-title {
    padding: 32px 0 16px 0;
    font-family: 'BTCosmoBold';
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-description {

    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}


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

    .paragraph--type--energy-title-benefits {
        padding: 5.56vw 1.39vw;
        gap: 5.56vw;
        margin: 0 auto 6.25vw auto;
    }

    .paragraph--type--energy-title-benefits>.field--name-field-title {
        font-size: 3.06vw;
        letter-spacing: -0.03vw;
        max-width: 47.23vw;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items {
        gap: 1.12vw;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item {
        width: 22.23vw;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-image img {
        width: 6.12vw;
        height: 6.12vw;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-title {
        padding: 2.23vw 0 1.12vw 0;
        font-size: 1.39vw;
        letter-spacing: -0.01vw;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-description {
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
    }
}

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


    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item {
        width: auto;
        width: 100%;
    }

}

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


    .paragraph--type--energy-title-benefits {
        padding: 48px 16px;
        gap: 32px;
        margin-bottom: 32px;
    }


    .paragraph--type--energy-title-benefits>.field--name-field-title {
        font-size: 26px;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items {
        flex-direction: column;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-image img {
        width: 70px;
        height: 70px;
    }

    .paragraph--type--energy-title-benefits .field--name-field-energy-benefits-icons .field__items .field__item .field--name-field-title {
        padding: 16px 0 12px 0;
        font-size: 20px;
    }

}


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



#block-ogenergy-buynowproductshomepage,
#promo-video-banner {
    max-width: 1130px;
    width: 100%;
    height: 440px;
    position: relative;
    margin: 0 auto 320px auto;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    color: #fff;
    background: #000;
}

#promo-video-banner {
    margin-bottom: 0px !important;
}

#block-ogenergy-buynowproductshomepage::after,
#promo-video-banner::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 16px;
}

#block-ogenergy-buynowproductshomepage .field--name-field-video,
#promo-video-banner .field--name-field-video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

#block-ogenergy-buynowproductshomepage video,
#promo-video-banner video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: 16px;
}

#block-ogenergy-buynowproductshomepage>div:not(.field--name-field-video),
#promo-video-banner>div:not(.field--name-field-video) {
    position: relative;
    z-index: 3;
}


#block-ogenergy-buynowproductshomepage .field--name-field-title,
#promo-video-banner .field--name-field-title {
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.32px;
    max-width: 400px;
    margin: 0 auto;
}

#block-ogenergy-buynowproductshomepage .field--name-field-description,
#promo-video-banner .field--name-field-description {
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.18px;
    max-width: 500px;
    margin: 0 auto;
}


#block-ogenergy-buynowproductshomepage .field--name-field-buttons,
#promo-video-banner .field--name-field-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

#block-ogenergy-buynowproductshomepage .field--name-field-buttons a,
#promo-video-banner .field--name-field-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;
    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;
    position: relative;
}

#block-ogenergy-buynowproductshomepage .field--name-field-buttons a::before,
#promo-video-banner .field--name-field-buttons a::before,
#block-ogenergy-buynowproductshomepage .field--name-field-buttons a::after,
#promo-video-banner .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;
}

#block-ogenergy-buynowproductshomepage .field--name-field-buttons a::before,
#promo-video-banner .field--name-field-buttons a::before {
    opacity: 1;
    background: #fff;
}


#block-ogenergy-buynowproductshomepage .field--name-field-buttons a:hover,
#promo-video-banner .field--name-field-buttons a:hover {
    background-color: #000 !important;
    border-color: #000;
}

#block-ogenergy-buynowproductshomepage .field--name-field-buttons a:hover::after,
#promo-video-banner .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) {

        #block-ogenergy-buynowproductshomepage,
    #promo-video-banner{
      max-width: 78.48vw;
      height: 30.56vw;
      margin: 0 auto 22.23vw auto;
      border-radius: 1.12vw;
      gap: 2.78vw;
    }

    #block-ogenergy-buynowproductshomepage::after,
    #promo-video-banner::after{
      border-radius: 1.12vw;
    }

    #block-ogenergy-buynowproductshomepage video,
    #promo-video-banner video{
      border-radius: 1.12vw;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-title,
    #promo-video-banner .field--name-field-title{
      font-size: 2.23vw;
      letter-spacing: -0.02vw;
      max-width: 27.78vw;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-description,
    #promo-video-banner .field--name-field-description{
      font-size: 1.25vw;
      letter-spacing: -0.01vw;
      max-width: 34.73vw;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-buttons,
    #promo-video-banner .field--name-field-buttons{
      gap: 0.56vw;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-buttons a,
    #promo-video-banner .field--name-field-buttons a{
      padding: 0.98vw 3.06vw 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;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-buttons a::before,
    #promo-video-banner .field--name-field-buttons a::before,
    #block-ogenergy-buynowproductshomepage .field--name-field-buttons a::after,
    #promo-video-banner .field--name-field-buttons a::after{
      right: 0.84vw;
      width: 1.67vw;
      height: 1.67vw;
    }
}

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

    #block-ogenergy-buynowproductshomepage,
    #promo-video-banner {
        width: calc(100% - 48px);
        height: 470px;
    }

}

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

    #block-ogenergy-buynowproductshomepage,
    #promo-video-banner {
        width: calc(100% - 32px);
        gap: 24px;
        padding-bottom: 0px;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-title,
    #promo-video-banner .field--name-field-title {
        font-size: 26px;
        max-width: 320px;
        margin: 0 auto;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-description,
    #promo-video-banner .field--name-field-description {
        font-size: 15px;
        padding: 0 20px;
    }

    #block-ogenergy-buynowproductshomepage .field--name-field-buttons,
    #promo-video-banner .field--name-field-buttons {
        flex-direction: column;
    }

    #block-ogenergy-buynowproductshomepage::after,
    #block-ogenergy-buynowproductshomepage video,
    #promo-video-banner::after,
    #promo-video-banner video {
        height: calc(100% - 32px);
        height: 100%;
    }
}


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


.view-energy-products-block {
    text-align: center;
    padding: 64px 20px;
}

.view-energy-products-block .view-filters {
    padding: 0 0 40px 0;
}

.view-energy-products-block .view-filters .js-form-item-category .bef-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.view-energy-products-block .view-filters .js-form-item-category ul,
.view-energy-products-block .view-filters .js-form-item-category li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.view-energy-products-block .view-filters .js-form-item-category .bef-links a {
    display: block;
    padding: 16px 20px;
    border-radius: 64px;
    border: 1.5px solid #818486;
    background: #FFF;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 300ms;
}

.view-energy-products-block .view-filters .js-form-item-category .bef-links a.bef-link--selected {
    border-color: #C4004B;
    background: #C4004B;
    color: #fff;
}

.view-energy-products-block .view-filters .form-actions {
    visibility: hidden;
    opacity: 0;
}


.view-energy-products-block .view-content {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
}

.view-energy-products-block .view-content .views-row {
    min-height: 420px;
    padding: 32px 24px;
    border-radius: 12px;
    border: 1px solid #2C2F32;
    background: #FFF;
    text-align: left;
    position: relative;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: url("../images/img-thunder-green.png") no-repeat center center;
    background-size: 100% 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    z-index: 1;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser>* {
    position: relative;
    z-index: 2;
}


.view-energy-products-block .view-content .views-row .node--view-mode-teaser.etype--kymainomeno-proion::before {
    background-image: url("../images/img-thunder-green.png");
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser.etype--oikiaka-paketa::before {
    background-image: url("../images/img-thunder-red.png");
}

.view-energy-products-block .view-content .views-row:hover .node--view-mode-teaser::before {
    opacity: 1;
    visibility: visible;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 28px;
}


.view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-energy-product-type {
    padding: 6px 12px;
    border-radius: 50px;
    background: #0E8103;
    color: #FFF;
    text-align: center;
    font-family: 'PeridotPEBold';
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}



.view-energy-products-block .view-content .views-row .node--view-mode-teaser h2 {
    margin: -16px 0 0 0;
    padding: 0px;

}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser h2 a {
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.32px;
    text-decoration: none;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser .learn-more-link {
    width: 100%;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser .learn-more-link a {
    display: block;
    padding: 16px 20px 16px 20px;
    text-align: center;
    width: 100%;
    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 64px;
    background: #212121;
    text-decoration: none;
    transition: all 300ms;
}

.view-energy-products-block .view-content .views-row:hover .node--view-mode-teaser .learn-more-link a {
    background: #0E8103;
}


.view-energy-products-block .view-content .views-row .node--view-mode-teaser.etype--kymainomeno-proion .field--name-field-energy-product-type {
    background: #245BA7;
}

.view-energy-products-block .view-content .views-row:hover .node--view-mode-teaser.etype--kymainomeno-proion .learn-more-link a {
    background: #245BA7;
}


.view-energy-products-block .view-content .views-row .node--view-mode-teaser.etype--oikiaka-paketa .field--name-field-energy-product-type {
    background: #C4004B;
}

.view-energy-products-block .view-content .views-row:hover .node--view-mode-teaser.etype--oikiaka-paketa .learn-more-link a {
    background: #C4004B;
}


.view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-teaser-features {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 16px;
}

.view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-teaser-features .field__item {
    color: #212121;
    font-size: 15px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.15px;
    background: url("../images/icon-products-teaser-list.svg") no-repeat left top;
    background-size: auto 21px;
    min-height: 21px;
    padding: 0 0 0 32px;
}

.view-energy-products-block .owl-prev,
.view-energy-products-block .owl-next {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: url("../images/icon-prev.svg") no-repeat center center !important;
    background-size: contain !important;
    transition: all 300ms;
    outline: none;
}

.view-energy-products-block .owl-prev.disabled,
.view-energy-products-block .owl-next.disabled {
    opacity: 0.2;
    cursor: default;
}

.view-energy-products-block .owl-prev span,
.view-energy-products-block .owl-next span {
    visibility: hidden;
    opacity: 0;
}

.view-energy-products-block .owl-next {
    left: auto;
    right: -50px;
    transform: translate(50%, -50%);
    background-image: url("../images/icon-next.svg") !important;
}


@media screen and (min-width: 960px) and (max-width: 1439px) {
    .view-energy-products-block {
        padding: 4.45vw 1.39vw;
    }

    .view-energy-products-block .view-filters {
        padding: 0 0 2.78vw 0;
    }

    .view-energy-products-block .view-filters .js-form-item-category .bef-links {
        gap: 0.70vw;
    }

    .view-energy-products-block .view-filters .js-form-item-category .bef-links a {
        padding: 1.12vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #818486;
        font-size: 0.98vw;
    }

    .view-energy-products-block .view-content {
        max-width: 86.81vw;
    }

    .view-energy-products-block .view-content .views-row {
        min-height: 29.17vw;
        padding: 2.23vw 1.67vw;
        border-radius: 0.84vw;
        border: 0.07vw solid #2C2F32;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser {
        gap: 1.95vw;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-energy-product-type {
        padding: 0.42vw 0.84vw;
        border-radius: 3.48vw;
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser h2 {
        margin: -1.11vw 0 0 0;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser h2 a {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser .learn-more-link a {
        padding: 1.12vw 1.39vw 1.12vw 1.39vw;
        font-size: 0.98vw;
        border-radius: 4.45vw;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-teaser-features {
        gap: 1.12vw;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-teaser-features .field__item {
        font-size: 1.05vw;
        letter-spacing: -0.01vw;
        background-size: auto 1.46vw;
        min-height: 1.46vw;
        padding: 0 0 0 2.23vw;
    }

    .view-energy-products-block .owl-prev,
    .view-energy-products-block .owl-next {
        left: -3.47vw;
        width: 2.23vw;
        height: 2.23vw;
    }

    .view-energy-products-block .owl-next {
        right: -3.47vw;
        left: auto;
    }
}

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

    .view-energy-products-block {
        padding: 64px 24px;
    }

    .view-energy-products-block .view-filters {
        padding: 0 0 20px 0;
    }

    .view-energy-products-block .owl-prev,
    .view-energy-products-block .owl-next {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        transform: translate(-0%, -0%);
        width: 32px;
        height: 32px;
    }

    .view-energy-products-block .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 30px 0 0 0;
    }

    .view-energy-products-block .view-content .views-row .node--view-mode-teaser .field--name-field-teaser-features .field__item {
        font-size: 14px;
    }

    .view-energy-products-block .view-content .views-row {
        min-height: 420px;
    }

}

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

    .view-energy-products-block {
        text-align: center;
        padding: 32px 16px;
    }


    .view-energy-products-block .view-content .views-row {
        padding: 24px 16px;
    }
}


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


.paragraph--type--faq-links {
    text-align: center;
    padding: 64px 20px;
    padding: 40px 20px 80px 20px;
}


.paragraph--type--faq-links .field--name-field-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.paragraph--type--faq-links .field--name-field-link .field__item a {
    display: block;
    padding: 16px 20px;
    border-radius: 64px;
    border: 1.5px solid #818486;
    background: #FFF;
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 300ms;
}

.paragraph--type--faq-links .field--name-field-link .field__item.active a,
.paragraph--type--faq-links .field--name-field-link .field__item:hover a {
    border-color: #C4004B;
    background: #C4004B;
    color: #fff;
}




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

    .paragraph--type--faq-links {
        padding: 4.45vw 1.39vw;
        padding: 2.78vw 1.39vw 5.56vw 1.39vw;
    }

    .paragraph--type--faq-links .field--name-field-link {
        gap: 0.70vw;
    }

    .paragraph--type--faq-links .field--name-field-link .field__item a {
        padding: 1.12vw 1.39vw;
        border-radius: 4.45vw;
        border: 0.11vw solid #818486;
        font-size: 0.98vw;
    }
}

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

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


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


.product-hero-section {
    min-height: 720px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding: 40px;
    color: #fff;
    text-align: left;
    gap: 24px;
}

.product-hero-section::before {
    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;
}

.product-hero-section>* {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1519px) {
    .product-hero-section {
        padding-left: calc((100% - 1440px) / 2);
    }
}



.product-hero-section .field--name-field-breadcrumbs {
    position: absolute;
    left: 50%;
    top: 115px;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1520px;
    padding: 0 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.product-hero-section .field--name-field-breadcrumbs .field__item a,
.product-hero-section .field--name-field-breadcrumbs .field__item span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    line-height: normal;
    text-transform: uppercase;
}

.product-hero-section .field--name-field-breadcrumbs .field__item:not(:first-child)::before {
    content: "/";
    margin: 0 4px 0 0;
}



.product-hero-section .field--name-field-energy-product-type {
    padding: 6px 12px;
    border-radius: 50px;
    background: #0E8103;
    color: #FFF;
    text-align: center;
    font-family: 'PeridotPEBold';
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.14px;
}

.etype--kymainomeno-proion .product-hero-section .field--name-field-energy-product-type {
    background: #245BA7;
}

.etype--oikiaka-paketa .product-hero-section .field--name-field-energy-product-type {
    background: #C4004B;
}

.product-hero-section .field--name-field-description {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.16px;
}


.product-hero-section .field--name-field-features {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 16px;
    padding: 0 0 16px 0;
}

.product-hero-section .field--name-field-features .field__item {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.15px;
    background: url("../images/icon-products-teaser-list-white.svg") no-repeat left top;
    background-size: 24px auto;
    padding: 0 0 0 32px;
}


.product-hero-section>h2,
.product-hero-section>h2 a {
    color: #FFF;
    font-family: 'BTCosmoBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-decoration: none;
    cursor: default;
    margin: 0px;
    padding: 0px;
}

.product-hero-section>h2 {
    margin: -3px 0;
}

.product-hero-section .learn-more-link 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;
}

.product-hero-section .learn-more-link a::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: "";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 300ms;
}


.product-hero-section .learn-more-link a:hover {
    background-color: #000 !important;
    border-color: #000;
}

.product-hero-section .learn-more-link a:hover::after {
    transform: translate(10%, -50%) scale(3);
    background-color: #C4004B;
    background-size: 40% auto;
}



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

    .product-hero-section {
        min-height: 50.00vw;
        padding: 2.78vw;
        gap: 1.67vw;
    }


    .product-hero-section .field--name-field-breadcrumbs {
        top: 7.99vw;
        max-width: 105.56vw;
        padding: 0 2.78vw;
        gap: 0.42vw;
    }

    .product-hero-section .field--name-field-breadcrumbs .field__item a,
    .product-hero-section .field--name-field-breadcrumbs .field__item span {
        font-size: 0.98vw;
    }

    .product-hero-section .field--name-field-breadcrumbs .field__item:not(:first-child)::before {
        margin: 0 0.28vw 0 0;
    }

    .product-hero-section .field--name-field-energy-product-type {
        padding: 0.42vw 0.84vw;
        border-radius: 3.48vw;
        font-size: 0.98vw;
        letter-spacing: 0.00vw;
    }

    .product-hero-section .field--name-field-description {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }

    .product-hero-section .field--name-field-features {
        gap: 1.12vw;
        padding: 0 0 1.12vw 0;
    }

    .product-hero-section .field--name-field-features .field__item {
        font-size: 1.12vw;
        line-height: 1.67vw;
        letter-spacing: -0.01vw;
        background-size: 1.67vw auto;
        padding: 0 0 0 2.23vw;
    }

    .product-hero-section>h2,
    .product-hero-section>h2 a {
        font-size: 2.78vw;
        letter-spacing: -0.02vw;
    }

    .product-hero-section>h2 {
        margin: -0.20vw 0;
    }

    .product-hero-section .learn-more-link 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;
    }

    .product-hero-section .learn-more-link a::after {
        width: 1.67vw;
        height: 1.67vw;
        width: 0.56vw;
        height: 0.56vw;
        right: 1.67vw;
    }
}

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

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

    .product-hero-section {
        padding: 16px;
        gap: 12px;
        min-height: 10px;
        height: 100vh;
    }

    .product-hero-section .field--name-field-features .field__item {
        font-size: 14px;
    }
}


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


.product-description-content .field--name-field-energy-product-description,
.product-info-content .field--name-field-energy-product-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 64px;
    max-width: 1130px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 64px 0;
}

.product-description-content .field--name-field-energy-product-description {
    max-width: 900px;
}

.product-description-content .field--name-field-energy-product-description .field__item,
.product-info-content .field--name-field-energy-product-info .field__item {
    width: 100%;
}


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

    .product-description-content .field--name-field-energy-product-description,
    .product-info-content .field--name-field-energy-product-info {
        gap: 4.45vw;
        max-width: 78.48vw;
        padding: 0 0 4.45vw 0;
    }

    .product-description-content .field--name-field-energy-product-description {
        max-width: 62.50vw;
    }
}

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

    .product-description-content .field--name-field-energy-product-description,
    .product-info-content .field--name-field-energy-product-info {
        padding: 0 24px 32px 24px;
        gap: 32px;
    }

}

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

    .product-description-content .field--name-field-energy-product-description,
    .product-info-content .field--name-field-energy-product-info {
        padding: 0 16px 24px 16px;
        gap: 24px;
    }
}


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

.paragraph--type--energy-title-files .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 0 0 32px 0;
    position: relative;
    cursor: pointer;
}

.paragraph--type--energy-title-files .field--name-field-title::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 0%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url("../images/icon-mnu-arrow.svg?v=2") no-repeat center center;
    background-size: contain;
    transform: rotate(90deg);
    transition: all 300ms;
}

.paragraph--type--energy-title-files .field--name-field-title:not(.active){
    filter: brightness(0%);
}



.paragraph--type--energy-title-files .field--name-field-title.active::after{
     transform: rotate(270deg);
}


.paragraph--type--energy-title-files .field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
    transition: all 300ms;
}

.paragraph--type--energy-title-files .field__items:not(.active){
    visibility: hidden;
    opacity: 0;
    max-height: 0px;
}

.paragraph--type--energy-title-files .field__items .field__item {
    width: calc(50% - 8px);
}

.paragraph--type--energy-title-files .field__items .field__item a {
    min-height: 70px;
    padding: 10px 60px 10px 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;
    text-decoration: none;

    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.16px;
    position: relative;
    transition: all 300ms;
    position: relative;
    align-content: center;
}

.paragraph--type--energy-title-files .field__items .field__item a::before,
.paragraph--type--energy-title-files .field__items .field__item a::after {
    position: absolute;
    right: 30px;
    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--energy-title-files .field__items .field__item a::before {
    opacity: 1;
    background: #212121;
}

.paragraph--type--energy-title-files .field__items .field__item a:hover {}

.paragraph--type--energy-title-files .field__items .field__item 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--energy-title-files .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
        padding: 0 0 2.23vw 0;
    }


    .paragraph--type--energy-title-files .field--name-field-title::after{
        width: 1.66vw;
        height: 1.66vw;
    }


    .paragraph--type--energy-title-files .field__items {
        gap: 1.12vw;
    }

    .paragraph--type--energy-title-files .field__items .field__item {
        width: calc(50% - 0.56vw);
    }

    .paragraph--type--energy-title-files .field__items .field__item a{
      min-height: 4.87vw;
      padding: 0.70vw 4.17vw 0.70vw 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;
      font-size: 1.12vw;
      letter-spacing: -0.01vw;
    }

    .paragraph--type--energy-title-files .field__items .field__item a::before,
    .paragraph--type--energy-title-files .field__items .field__item a::after {
        right: 2.09vw;
        width: 1.67vw;
        height: 1.67vw;
    }
}

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

@media screen and (max-width: 767px) {
    .paragraph--type--energy-title-files .field--name-field-title {
        font-size: 24px;
        padding: 0 0 12px 0;
    }

    .paragraph--type--energy-title-files .field__items .field__item {
        width: 100%;
    }
}


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



.paragraph--type--energy-title-formatted-text {}

.paragraph--type--energy-title-formatted-text .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 0 0 32px 0;
}

.paragraph--type--energy-title-formatted-text .field__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 24px;
}

.paragraph--type--energy-title-formatted-text .field__items .field__item {
    position: relative;
    padding: 0 0 0 24px;
    color: #2C2F32;
    font-size: 15px;
    font-style: normal;
    line-height: 130%;
    letter-spacing: -0.3px;
}

.paragraph--type--energy-title-formatted-text .field__items .field__item::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #000;
}


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

    .paragraph--type--energy-title-formatted-text .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
        padding: 0 0 2.23vw 0;
    }

    .paragraph--type--energy-title-formatted-text .field__items {
        gap: 1.67vw;
    }

    .paragraph--type--energy-title-formatted-text .field__items .field__item {
        padding: 0 0 0 1.67vw;
        font-size: 1.05vw;
        letter-spacing: -0.02vw;
    }

    .paragraph--type--energy-title-formatted-text .field__items .field__item::before {
        left: 0.70vw;
        top: 0.56vw;
        width: 0.28vw;
        height: 0.28vw;
    }
}

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

@media screen and (max-width: 767px) {
    .paragraph--type--energy-title-formatted-text .field--name-field-title {
        font-size: 24px;
        padding: 0 0 12px 0;
    }
}


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

.paragraph--type--energy-title-table {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 32px;
}

.paragraph--type--energy-title-table .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.paragraph--type--energy-title-table .field--name-field-table-disclaimer {
    color: #2C2F32;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: -0.3px;
}

.paragraph--type--energy-title-table .tbl-energy {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    gap: 0px;
    border-radius: 8px;

}

.paragraph--type--energy-title-table .tbl-energy>.field__item {
    flex-grow: 4;
}


.paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-title {
    padding: 16px;
    background: #C4004B;
    color: #fff;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -0.26px;
    border-top: 1px solid #C4004B;
    min-height: 120px;
    align-content: center;
}

.paragraph--type--energy-title-table .tbl-energy>.field__item:first-child .field--name-field-row-title {
    border-left: 1px solid #C4004B;
    border-radius: 8px 0 0 0;
}

.paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-title {
    border-right: 1px solid #C4004B;
    border-radius: 0 8px 0 0;
}

.paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-value {
    padding: 32px 16px;
    border-bottom: 1px solid #2C2F32;
    color: #2C2F32;
    font-family: 'BTCosmoBold';
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.18px;
}

.paragraph--type--energy-title-table .tbl-energy>.field__item:first-child .field--name-field-row-value {
    border-left: 1px solid #2C2F32;
    border-radius: 0 0 0 8px;
}

.paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-value {
    border-right: 1px solid #2C2F32;
    border-radius: 0 0 8px 0;
}

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

    .paragraph--type--energy-title-table {
        gap: 2.23vw;
    }

    .paragraph--type--energy-title-table .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
    }

    .paragraph--type--energy-title-table .field--name-field-table-disclaimer {
        font-size: 1.05vw;
        letter-spacing: -0.02vw;
    }

    .paragraph--type--energy-title-table .tbl-energy {
        border-radius: 0.56vw;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-title {
        padding: 1.12vw;
        font-size: 0.91vw;
        letter-spacing: -0.01vw;
        border-top: 0.07vw solid #C4004B;
        min-height: 8.34vw;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:first-child .field--name-field-row-title {
        border-left: 0.07vw solid #C4004B;
        border-radius: 0.56vw 0 0 0;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-title {
        border-right: 0.07vw solid #C4004B;
        border-radius: 0 0.56vw 0 0;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-value {
        padding: 2.23vw 1.12vw;
        border-bottom: 0.07vw solid #2C2F32;
        font-size: 1.25vw;
        letter-spacing: -0.01vw;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:first-child .field--name-field-row-value {
        border-left: 0.07vw solid #2C2F32;
        border-radius: 0 0 0 0.56vw;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-value {
        border-right: 0.07vw solid #2C2F32;
        border-radius: 0 0 0.56vw 0;
    }
}

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

    .paragraph--type--energy-title-table .tbl-energy .field__item .field--name-field-row-title,
    .paragraph--type--energy-title-table .tbl-energy .field__item .field--name-field-row-value {
        padding: 12px;
        min-height: 100px;
        align-content: center;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-title {
        font-size: 11px;
    }

    .paragraph--type--energy-title-table .tbl-energy .field__item .field--name-field-row-title, .paragraph--type--energy-title-table .tbl-energy .field__item .field--name-field-row-value {
        padding: 8px;
    }
}

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

    .paragraph--type--energy-title-table {
        gap: 24px;
    }

    .paragraph--type--energy-title-table .tbl-energy {
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }

    .paragraph--type--energy-title-table .field--name-field-title {
        font-size: 24px;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item>div {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-title {
        width: 50%;
        border: 0px;
        border-radius: 0px;
        padding: 16px;
        align-content: center;
        border-bottom: 1px solid #fff;
        font-size: 15px;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item .field--name-field-row-value {
        width: 50%;
        border: 0px;
        border-radius: 0px;
        padding: 16px;
        border-right: 1px solid #2C2F32;
        border-bottom: 1px solid #2C2F32;
        align-content: center;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:first-child .field--name-field-row-value {
        border-radius: 0 8px 0 0;
        border: 0px;
        border-right: 1px solid #2C2F32;
        border-top: 1px solid #2C2F32;
        border-bottom: 1px solid #2C2F32;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-value {
        border-bottom: 1px solid #2C2F32;
    }

    .paragraph--type--energy-title-table .tbl-energy>.field__item:last-child .field--name-field-row-title {
        border-radius: 0 0 0 8px;
    }

    .paragraph--type--energy-title-table .field--name-field__item-table-disclaimer {
        font-size: 12px;
    }



}


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


.paragraph--type--energy-title-description .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 0 0 32px 0;
}

.paragraph--type--energy-title-description .field--name-field-text {
    color: #2C2F32;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.16px;
}

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

    .paragraph--type--energy-title-description .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
        padding: 0 0 2.23vw 0;
    }

    .paragraph--type--energy-title-description .field--name-field-text {
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }
}

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

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

    .paragraph--type--energy-title-description .field--name-field-title {
        font-size: 24px;
        padding: 0 0 12px 0;
    }

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


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

.paragraph--type--title-with-features .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 32px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.32px;
    padding: 0 0 32px 0;
}

.paragraph--type--title-with-features .field__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
}

.paragraph--type--title-with-features .field__items .field__item {
    padding: 16px 16px 16px 50px;
    text-align: left;
    border-radius: 8px;
    border: 1.5px solid #2C2F32;
    background: #FFF url("../images/icon-green-check.svg") no-repeat 16px center;
    background-size: 24px auto;
    width: calc(33.33% - 11px);
    min-height: 80px;

    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
    letter-spacing: -0.16px;
    align-content: center;

}

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

    .paragraph--type--title-with-features .field--name-field-title {
        font-size: 2.23vw;
        letter-spacing: -0.02vw;
        padding: 0 0 2.23vw 0;
    }

    .paragraph--type--title-with-features .field__items {
        gap: 1.12vw;
    }

    .paragraph--type--title-with-features .field__items .field__item {
        padding: 1.12vw 1.12vw 1.12vw 3.48vw;
        border-radius: 0.56vw;
        border: 0.11vw solid #2C2F32;
        background: #FFF url("../images/icon-green-check.svg") no-repeat 1.12vw center;
        background-size: 1.67vw auto;
        width: calc(33.33% - 0.77vw);
        min-height: 5.56vw;
        font-size: 1.12vw;
        letter-spacing: -0.01vw;
    }
}

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

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

    .paragraph--type--title-with-features .field--name-field-title {
        font-size: 24px;
        padding: 0 0 12px 0;
    }

    .paragraph--type--title-with-features .field__items .field__item {
        padding: 12px 16px 12px 50px;
        background-size: 20px auto;
        width: 100%;
        min-height: 61px;
        font-size: 15px;
    }
}


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



.paragraph--type--energy-title-panel {
    border-radius: 16px;
    border: 1.5px solid #2C2F32;
    min-height: 350px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
}

.paragraph--type--energy-title-panel .left-panel,
.paragraph--type--energy-title-panel .right-panel {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 32px;
}

.paragraph--type--energy-title-panel .right-panel {
    background: #F2F2F3;
}


.paragraph--type--energy-title-panel .left-panel .field--name-field-title {
    color: #212121;
    font-family: 'BTCosmoBold';
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -0.4px;
    padding: 0 0 48px 0;
}


.paragraph--type--energy-title-panel .left-panel .learn-more-link a {
    display: inline-block;
    padding: 14px 40px 14px 20px;
    border-radius: 64px;
    border: 1.5px solid #2C2F32;
    color: #2C2F32;
    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--energy-title-panel .left-panel .learn-more-link a::before,
.paragraph--type--energy-title-panel .left-panel .learn-more-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;
}

.paragraph--type--energy-title-panel .left-panel .learn-more-link a::before {
    opacity: 1;
    background: #2C2F32;
}

.paragraph--type--energy-title-panel .left-panel .learn-more-link a:hover {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.paragraph--type--energy-title-panel .left-panel .learn-more-link a:hover::after {
    transform: translate(0, -50%) scale(1);
    background-color: #C4004B;
    opacity: 1;
}



.paragraph--type--energy-title-panel .right-panel .field__items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 24px;
}

.paragraph--type--energy-title-panel .right-panel .field__items .field__item {
    color: #2C2F32;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: -0.16px;
    padding: 0 0 0 36px;
    line-height: 24px;
    background: url("../images/icon-green-check.svg") no-repeat left center;
    background-size: 24px auto;
}




@media screen and (min-width: 960px) and (max-width: 1439px) {
        .paragraph--type--energy-title-panel{
      border-radius: 1.12vw;
      border: 0.11vw solid #2C2F32;
      min-height: 24.31vw;
    }

    .paragraph--type--energy-title-panel .left-panel,
    .paragraph--type--energy-title-panel .right-panel{
      padding: 2.23vw;
    }

    .paragraph--type--energy-title-panel .left-panel .field--name-field-title{
      font-size: 2.78vw;
      letter-spacing: -0.02vw;
      padding: 0 0 3.34vw 0;
    }

    .paragraph--type--energy-title-panel .left-panel .learn-more-link a{
      padding: 0.98vw 2.78vw 0.98vw 1.39vw;
      border-radius: 4.45vw;
      border: 0.11vw solid #2C2F32;
      font-size: 0.98vw;
    }

    .paragraph--type--energy-title-panel .left-panel .learn-more-link a::before,
    .paragraph--type--energy-title-panel .left-panel .learn-more-link a::after{
      right: 0.84vw;
      width: 1.67vw;
      height: 1.67vw;
    }

    .paragraph--type--energy-title-panel .right-panel .field__items{
      gap: 1.67vw;
    }

    .paragraph--type--energy-title-panel .right-panel .field__items .field__item{
      font-size: 1.12vw;
      letter-spacing: -0.01vw;
      padding: 0 0 0 2.50vw;
      line-height: 1.67vw;
      background-size: 1.67vw auto;
    }
}

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

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

    .paragraph--type--energy-title-panel {
        flex-direction: column;
    }

    .paragraph--type--energy-title-panel .left-panel,
    .paragraph--type--energy-title-panel .right-panel {
        width: 100%;
    }

    .paragraph--type--energy-title-panel .left-panel .field--name-field-title {
        font-size: 32px;
        padding: 0 0 32px 0;
    }

    .paragraph--type--energy-title-panel .right-panel .field__items .field__item {
        font-size: 15px;
    }

}


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

.paragraph--type--header-only-title {
    padding: 110px 0 0 0;
}

.paragraph--type--header-only-title h2 {
    color: #212121;
    text-align: center;
    font-family: 'BTCosmoBold';
    font-size: 40px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -1.2px;
    margin: 0px;
    padding: 0px;
}



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

    .paragraph--type--header-only-title {
        padding: 7.64vw 0 0 0;
    }

    .paragraph--type--header-only-title h2 {
        font-size: 2.78vw;
        letter-spacing: -0.08vw;
    }
}

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

@media screen and (max-width: 767px) {
    .paragraph--type--header-only-title {
        padding: 20px 0 0 0;
    }

    .paragraph--type--header-only-title h2 {
        font-size: 30px;
    }
}


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



#block-ogenergy-exposedformsearch-energypage-1-2 form {
    display: flex;
    justify-content: center;
    gap: 0px;
    padding: 0 0 30px 0;
    width: calc(100% - 32px);
    margin: 0 auto;
}

#block-ogenergy-exposedformsearch-energypage-1-2 form label {
    display: none;
}

#block-ogenergy-exposedformsearch-energypage-1-2 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-ogenergy-exposedformsearch-energypage-1-2 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-ogenergy-exposedformsearch-energypage-1-2 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-energy {
    max-width: 898px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 30px 0;
}



.view-search-energy .view-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    padding: 0 0 100px 0;
}

.view-search-energy .view-content>.views-row {
    width: 100%;
    border-bottom: 1.5px solid #818486;
    position: relative;
}


.view-search-energy .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-energy .view-content>.views-row .views-field-title a {
    color: #2C2F32;
    font-size: 18px;
    font-family: 'PeridotPEBold';
    text-decoration: none;
}

.view-search-energy .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-energy .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-energy .view-content>.views-row .views-field-rendered-item a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

.view-search-energy nav.pager ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.view-search-energy nav.pager ul,
.view-search-energy nav.pager li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.view-search-energy nav.pager a {
    text-decoration: none;
    color: #000;
    font-family: 'PeridotPEBold';
    font-size: 18px;
}

.view-search-energy nav.pager li.is-active a {
    text-decoration: underline;
}


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

    #block-ogenergy-exposedformsearch-energypage-1-2 form {
        padding: 0 0 2.09vw 0;
    }

    #block-ogenergy-exposedformsearch-energypage-1-2 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-ogenergy-exposedformsearch-energypage-1-2 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-energy {
        max-width: 62.37vw;
        padding: 0 0 2.09vw 0;
    }

    .view-search-energy .view-content {
        padding: 0 0 6.95vw 0;
    }

    .view-search-energy .view-content>.views-row {
        border-bottom: 0.11vw solid #818486;
    }

    .view-search-energy .view-content>.views-row .views-field-title {
        padding: 2.09vw 4.87vw 0.70vw 1.12vw;
    }

    .view-search-energy .view-content>.views-row .views-field-title a {
        font-size: 1.25vw;
    }

    .view-search-energy .view-content>.views-row .views-field-title a::after {
        right: 1.12vw;
        width: 2.23vw;
        height: 2.23vw;
    }

    .view-search-energy .view-content>.views-row .views-field-rendered-item {
        padding: 0.00vw 4.87vw 2.09vw 1.12vw;
        gap: 1.67vw;
    }

    .view-search-energy nav.pager ul {
        gap: 1.39vw;
    }

    .view-search-energy nav.pager a {
        font-size: 1.25vw;
    }
}

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

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


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



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

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




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



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