header#header.noTopBar {
    height: auto!important;
    margin-bottom: 0;
    padding: 0;
}
body.dev .header__main {    
    justify-content: center!important;    
    height: 120px;
}
body.dev .header__logo {
    height: 100%;
}
body.dev .header__logo img {
    height: 100%!important;
}
.welcome > .container {
    z-index: 1;
    position: relative;
}
section.welcome {
    background-position: right top;
}
.heroOverlay {
    width: 100%;
    height: 150vh;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: .7;
    border: 0;
}
.welcome header.headline-header {
    max-width: 80%;
    margin: auto;
    background-color: rgba(255, 255, 255, .2);
    padding: 1rem;
}
.footer {
    z-index: 1;
    position: relative;
    border-top: 0;
}
.headline-1 {
    font-size: 2.6rem;
}
.welcome h1 span {
    margin-top: 1rem;
    display: block;
}
.badge.cta_square {
    padding: 1rem;
    background-color: rgb(18 90 102 / 80%);
    border-radius: 0;
    margin-top: 5rem;
    border: 5px solid #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
}
a.btn.btn-default {
    border-radius: 0;
    font-weight: bold;
    font-size: 1.2rem;
    justify-content: center;
    max-width: 200px;
    margin: auto;
}
.badge h2 {
    font-weight: bolder;
    text-wrap: auto;
}
#ctaMed .badge h2,#splashGreen .badge h2 {
    text-align: left;
}
#splashGreen .badge h2 {
    font-size: 2.1rem;
}
.badge h3 {
    font-size: 1.2rem;
    font-weight: bolder;
}
.topDecoration {
    display: table;
    height: 40px;
    width: 100%;
    max-width: 80%;
    margin: auto;
}
.topDecoration .color {
    display: table-cell;
}
.topDecoration .color.dark-green {
    background-color: #1d2e21;
}
.topDecoration .color.green {
    background-color: #3f563e;
}
.topDecoration .color.light-green {
    background-color: #7e9177;
}
.topDecoration .color.grey {
    background-color: #79929f;
}
.topDecoration .color.light-grey {
    background-color: #ced9df;
}
.section-columns .flex-wrap p {
    font-size: 2rem;
    padding-right: 2rem;
    font-weight: 400;
    line-height: 2rem;
}
.section-columns > .container-fluid.g-0 {
    overflow-x: hidden;
}
.paragraphs .pt-3 {
    padding-top: 1rem !important;
    line-height: 1.8rem;
}
h2.headline-2 {
    line-height: 3rem;
}
.link__logo {
    height: 100%;
}
.section-columns .headline-2{
    color: #125a66!important;
    font-size: 2rem;
    max-width: 90%;
    margin-bottom: 0;
    padding-bottom: 0px !important;
    line-height: 2.2rem;
}
#splashHouse button.btn.btn-default {
    max-width: 200px;
    margin: auto;
}
#checkPoint .topDecoration.bottomD {
    position: relative;
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: auto;
}
.cl-secondary p {
    color: #125a66;
}
#greenBg .cl-secondary p {
    color: #fff;
}
.bgDarkGreen{
    background-color: #125a66 !important;
}
.bgDarkGreen.centeredTitle h2.headline-2.pb-4 {
    color: #fff !important;
    padding-top: 2rem;
}
.section-columns header.headline-header.paddingLeft, 
.section-columns .subtitle-2.cl-secondary.paddingLeft {
    padding-left: 2rem;
}
section#greenBg {
    background-color: #3f563e !important;
    color: #fff !important;
}
section#greenBg .headline-2,section#greenBg .subtitle-2.cl-secondary.paddingLeft {
    color: #fff!important;
}
#greenBg img.img-fluid {
    height: 100%;
    object-fit: cover;
}
.section-columns:not(#greenBg) img.img-fluid {
    max-height: 425px;
    object-fit: cover;
    width: 100%;
}
#greenBg h2.headline-2 {
    margin-bottom: 2rem;
}
.topBarDecoration .topDecoration {
    display: table;
    height: 40px;
    width: 50%;
    max-width: 70%;
    margin: auto;
    top: -39px;
    position: absolute;
}
.topDecoration.bottomD {
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 50%;
}
.titleColorBlock {
    width: 150px;
    height: 40px;
    margin-bottom: 1rem;
    margin-left: -15px;
}
.colorBlock_darkGreen .titleColorBlock {
    background-color: #125a66;
}
.colorBlock_lightGreen .titleColorBlock {
    background-color: #afc628;
}
.colorBlock_grey .titleColorBlock {
    background-color: #6c98a3;
}
#ctaMed .badge.cta_square, 
#splashGreen .badge.cta_square{
    max-width: 650px;
    margin-bottom: 5rem;
}
#ctaMed .badge a.btn.btn-default,
#splashGreen .badge a.btn.btn-default {
    margin-top: 50%;
}
.energyClass {
    background-image: url(../img/ECOCASAGREEN_Landind_Short_classe_energetica.png);
    background-size: 110px 100px;
    background-repeat: no-repeat;
    background-position: right -5px;
}
img.baffo {
    max-width: 200px;
    margin-right: 0;
    margin-left: auto;
    display: block;
}
article.block::after{
    display: none;
}
img.icon {
    position: relative;
    display: block;
    width: 100%;
}
.row.paragraphs {
    color: #fff;
}
.paragraphs article.container {
    padding: 2rem;
}
.paragraphs h2.headline-2 {
    color: #fff;
}
.paragraphs article {
    font-size: 1.5rem;
    font-weight: bold;
}
#commentSection header.headline-header.pb-4 {
    background-color: orange;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}
#firstSection.bgGrey img.img-fluid {
    margin-top: 6rem;
    margin-bottom: 6rem;
}
#commentSection header.headline-header.pb-4 h4 {
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff !important;
    line-height: 1.7rem;
}
#commentSection .col-12.col-md-4 {
    padding: 2rem;
}
#commentSection .col-12.col-md-4 .block__text p{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.8rem;
}
.topDecoration.centerBottomBar {
    width: 50%;
}
#splashGreen h1.headline-1.text-center {
    color: #fff;
}
h2.subtitle-2.text-center {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}
#splashGreen h2.subtitle-2.text-center {
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    max-width: 600px;
    margin: auto;
}
#splashGreen .badge.cta_square.col-12 {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 2rem;
}
.badge.cta_square .col-auto {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
button.btn.btn-default {
    border-radius: 0;
    outline: none;
    text-align: center;
    justify-content: center;
}
section#splashGrey {
    background-color: #79929f !important;
}
section#vantaggi,section#pacchetti {
    background-color: #CDDFE4 !important;
}
#vantaggi > .container-fluid,#pacchetti > .container-fluid{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
#splashGrey > .container-fluid {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 2rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
}
#splashGrey .headline-1 {
    color: #0a3949;
    font-size: 3.5rem;
}
#splashGrey .cl-secondary p {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    max-width: 80%;
}
section.welcome.preFooter {
    padding-top: 0;
    padding-bottom: 3rem;
}
section.welcome.preFooter .badge.cta_square{
    margin-top: 3rem;
}
#firstSection.bgGrey img.img-fluid {
    object-fit: contain;
}
#firstSection.bgGrey{
    background-color: #bbccd1!important;
}
#checkPoint .listElement.col-md-1.col-2, #cellBg .listElement.col-md-1.col-2, 
#vantaggi .listElement.col-md-1.col-2,#pacchetti .listElement.col-md-1.col-2  {
    margin-bottom: 2rem;
    justify-content: right;
    display: flex;
}
#checkPoint .listElement.col-md-1.col-2 img.icon.listArrow, #cellBg .listElement.col-md-1.col-2 img.icon.listArrow, 
#vantaggi .listElement.col-md-1.col-2 img.icon.listArrow,
#pacchetti .listElement.col-md-1.col-2 img.icon.listArrow{
    max-width: 60px;
    object-fit: contain;
}
#checkPoint .cl-secondary p,#cellBg .cl-secondary p, #vantaggi .cl-secondary p, #pacchetti .cl-secondary p  {
    font-size: 2.2rem;
    color: #125a66;
    font-weight: 700;
    max-width: 65%;
}
#splashGreen.shortLp .badge.cta_square .col-auto {
    display: block;
}
section#cellBg .container-fluid {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
section#splashHouse {
    background-color: #125a66 !important;
}
section#splashHouse .headline-1 {
    color: #fff;
}
#splashHouse .container-fluid {
    background-size: 215px;
    background-repeat: no-repeat;
    background-position: 96% 20px;
}
#splashHouse .badge.cta_square.col-12 {
    max-width: 624px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 625px;
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#splashHouse .badge.cta_square {
    background-color: #0d3f4e;
}
.orangeBg span {
    padding: 2rem;
    color: #fff;
    font-size: 2rem;
    background-color: orange;
    margin-top: 2rem;
    display: block;
    font-weight: bold;
}
#offerList img.img-fluid {
    max-height: fit-content !important;
}
#splashGreen h2.headline-1.text-center {
    color: #fff;
}
#splashGreen h3.subtitle-3.text-center {
    color: #fff;
    font-weight: bold;
}
#splashGreen div.subtitle-2.text-center {
    color: #fff;
    font-weight: bold;
}
body.page-id-250 #splashGreen .col-auto {
    float: right;
}
body.page-id-250 #splashGreen a.btn.btn-default {
    margin-top: 0;
}
body.page-id-250 #splashGreen img.img-fluid.baffo {
    float: left;
    max-width: 170px;
}
#splashGreen figure {
    display: block;
    position: relative;
}
img.floatingImg {
    position: absolute;
    width: 300px;
    bottom: -200px;
    right: -92px;
}
.modal-content {
    border-radius: 0;
    border: 4px solid #fff;
    background-color: #125a66;
}
.form-control, .form-select, form button{
    border-radius: 0;
}

button.btn.btn-primary {
    background-color: #fdbe12;
    color: #125a66;
    border-radius: 0;
    border: 0;
    outline: none;
}
form button.btn.btn-primary {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.modal form label {
    margin: 1rem 0;
}
label[for="fullname"] {
    margin-top: 0 !important;
}
label[for="name"] {
    margin-top: 0 !important;
}

button.btn.btn-default {
    border-radius: 0;
    outline: none;
}
.modal form label,.modal-content a,.modal-header h5  {
    color: #fff;
    font-weight: bold;
}
.modal-header h5 {
    font-size: 2rem;
    color: #125a66;
}
.modal-header {
    background-color: #fff;
    border-radius: 0;
}
.page-id-289,.page-id-352{
    background-color: #125a66;
}
.page-id-289 section.welcome,.page-id-352 section.welcome  {
    padding-bottom: 10rem;
    height: 70vh;
}
.page-id-289 .welcome .heroOverlay,.page-id-352 .welcome .heroOverlay {
    display: none;
}
body.dev .header__logo:hover {
    opacity: 1;
}
/** commerciale **/
.page-id-363 .heroOverlay {
    background-color: #000;
    opacity: .4;
}
.page-id-363 .topDecoration{
    max-width: 60%;
}
.page-id-363 .welcome header.headline-header{
    background-color: transparent;
}
.page-id-363 .headline-1 {
    font-size: 3.8rem;
}
#vantaggi .row.justify-content-center.content-title {
    display: block;
    background-color: #6C98A3;    
}
#vantaggi .content-title .col-12.col-md-8.pt-4.pb-4 {
    margin: auto;
}
#vantaggi h2.headline-1.text-center {
    font-size: 2.8rem;
    color: #fff;
}
#vantaggi .badge.cta_square {
    max-width: 410px;
}
#vantaggi .cl-secondary p,#pacchetti .cl-secondary p {
    max-width: 100%;
}
.listTitle strong {
    color: #69c400;
}
img.offerImg {
    max-width: 415px;
}
#splashOffer h2.headline-1.text-center,#splashOffer h3.subtitle-3.text-center {
    color: #fff;
}
@media (max-width: 1630px) {
    #splashGreen .badge.cta_square.col-12{
        max-width: 70%;
    }
}
@media (max-width: 991px) {
    #ctaMed .badge a.btn.btn-default, #splashGreen .badge a.btn.btn-default {
        margin-top: 0;
    }
    .bgDarkGreen.centeredTitle h2.headline-2.pb-4,.page-id-363 #splashOffer .headline-1 {
        padding-top: 2.2rem;
    }
    .page-id-363 .headline-1 {
        font-size: 2.8rem;
    }
    #vantaggi h2.headline-1.text-center {
        font-size: 2.2rem;
        color: #fff;
    }
    #vantaggi .cl-secondary p,#pacchetti .cl-secondary p {
        font-size: 1.5rem;
        max-width: 100%;
    }
    .page-id-363 section#splashHouse .headline-1 {
        text-align: center;
        font-size: 1.8rem;
    }
    .page-id-363 #splashHouse .container-fluid {
        background-size: 60px;
        background-position: right 130px;
    }
}
@media (max-width: 769px) {
    .headline-2 {
        font-size: 2.5rem;
    }
}
@media (max-width: 510px) {
    .footer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    footer img.figure__img_logo {
        max-height: 95px;
        object-fit: contain;
    }
    #greenBg img.img-fluid {
        height: 360px;        
        object-fit: cover;
    }
    .welcome {
        padding-top: 9rem;
    }
    body.dev .header--scroll .header__main {
        height: 60px;
    }
    body.dev .header__logo {
        height: 120px;
    }
    body.dev .header--scroll .header__logo {
        height: 60px;
    }
    body.dev .header__logo img {
        height: 5.75rem;
    }
    body.dev .header--scroll .header__logo img {
        height: 2.5rem;
    }
    .energyClass {
        background-image: url(../img/ECOCASAGREEN_Landind_Short_classe_energetica.png);
        background-size: 75px 70px;
        background-repeat: no-repeat;
        background-position: right -5px;
    }
    .welcome header.headline-header {
        max-width: 100%;
    }
    #splashGrey .headline-1 {
        font-size: 2rem;
    }
    header.headline-header {
        padding-bottom: 2rem;
    }
    .paragraphs h2.headline-2 {
        color: #fff;
        font-size: 2rem;
    }
    .headline-1 {
        font-size: 1.6rem;
    }
    .badge.cta_square {
        max-width: 98%;
        margin: auto;
        display: block;
    }
    .badge h3 {
        font-size: 1rem;
        font-weight: bolder;
        white-space: break-spaces;
    }
    #checkPoint .cl-secondary p, #cellBg .cl-secondary p {
        font-size: 1.5rem;
        max-width: 100%;
    }
    body.page-id-250 .section-columns img.img-fluid {
        display: none;
    }
    #checkPoint {
        padding-bottom: 3rem;
    }
    #splashHouse .col-auto {
        margin-top: 10rem;
    }
    #splashHouse .container-fluid {
        background-size: 175px;
        background-position: center 127px;
    }
    #splashHouse .col-auto .col-auto {
        margin-top: 0;
    }
    h4.subtitle-2.cl-secondary.paddingLeft.orangeBg {
        padding-left: 0;
        width: 100%;
    }
    section#cellBg .container-fluid {
        background: none;
    }
    img.floatingImg {
        display: none;
    }
    #ctaMed .badge a.btn.btn-default, #splashGreen .badge a.btn.btn-default {
        margin-top: 0;
    }
    #ctaMed .badge.cta_square, #splashGreen .badge.cta_square {
        margin-bottom: 0;
    }
    #splashGreen .badge.cta_square.col-12 {
        max-width: 98%;
    }
    #splashGrey .cl-secondary p {
        font-size: 1rem;
    }
    .preFooter .col-auto {
        display: block;
        width: 100%;
        padding: 0;
    }
    section.welcome.preFooter .badge.cta_square {
        max-width: 100%;
        margin-top: 0;
    }
    section.welcome.preFooter {
        padding-bottom: 0;
    }
}