@font-face {
  font-family: EONBrixSansRegular;
  src: url('../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/EON_BrixSansWeb-Regular.woff2') format("woff2");
}
@font-face {
  font-family: EONBrixSansBold;
  src: url('../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/EON_BrixSansWeb-Bold.woff2') format("woff2");
}
@font-face {
  font-family: EONBrixSansBlack;
  src: url('../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/EON_BrixSansWeb-Black.woff2') format("woff2");
}
@font-face {
  font-weight: 400;
  font-family: "EONBrixSans";
  src: url("../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/BrixSansWeb_w400_normal.woff") format('woff');
}
@font-face {
  font-weight: 700;
  font-family: "EONBrixSans";
  src: url("../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/BrixSansWeb_w700_normal.woff") format('woff');
}
@font-face {
  font-weight: 900;
  font-family: "EONBrixSans";
  src: url("../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/BrixSansWeb_w900_normal.woff") format('woff');
}
@font-face {
  font-weight: 400;
  font-family: "EONIcons";
  src: url("../../../../etc.clientlibs/eon/eon-aem-italia-energia/clientlibs/clientlib-eon-feh-service-react-foundation/resources/fonts/Icons_w400_normal.woff") format('woff');
}
.multi-color-line {
  display: flex;
  height: 5px;
}

.multi-color-line .blue {
  
  height: inherit;
width: 910px;
  background-color: #49a2b1;
}

.multi-color-line .yellow {
  width: 131px;
  height: inherit;
  background-color: #e2e02a;
}

.multi-color-line .red {
   
  height: inherit;
  background-color: #e93f33;
 width: 393.5px;
}

.header-component-content {
  display: flex;
    height:64px;
}
.header-component-wrapper {
    position: fixed; 
    width: 100%;
    background: #fff; height: 72px; z-index: 99; 
    top:0;
	} 

.header-component-content .home-icon {
  width: 23%;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.header-component-content .message-text {
  width: 60%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;

  font-family: EONBrixSans, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.header-component-content a {
    margin-bottom: 0;
}
.header-it-hometitle{
padding-left:60px;
    font-weight:bold;
}

.header-component-content .logo-icon {
  width: 70%;
  padding: 12px 0 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-component-back-link a{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.eon-left-red-icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='14' version='1.1'%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E %3Ctitle%3EArrow%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='Form-manutenzione' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' class='' transform='rotate(-180 7,7) '%3E %3Cg id='Manutenzione-caldaia-Copy' stroke='%23FD0000' stroke-width='2'%3E %3Cg id='Accettazione-contratto'%3E %3Cg id='Arrow'%3E %3Cpath d='M1,7 L13,7 ' id='Stroke-84'/%3E %3Cpath d='M7.352941179999988,1 C9.30752941,2.502999999999929 11.1392941,4.355499999999893 12.831999999999994,6.54099999999994 C13.033176499999996,6.798999999999978 13.033176499999996,7.234750000000076 12.831294100000008,7.49350000000004 C11.147058799999996,9.663250000000062 9.29552941,11.504500000000007 7.352941179999988,13 ' id='Stroke-85' stroke-linejoin='round'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.text-red{
    color: #EA1C0A;
}

a:hover{
    color: #EA1C0A;
    text-decoration: none;
}
.ctc-ropo-modal-funnel-caldaia .modal-footer {
    display: block;
}
ul.homeIcons{
    list-style-type:none;
    margin-right:50px;
}
ul.homeIcons li{
float:left;
margin:5px 10px;
}
ul.homeIcons li img{

    width: 30px;
    height: 33px;
}

.footer-component-wrapper {
  display: flex;
    width:100%;
}
.footer-it-component-wrapper {
  padding: 45px 4% 0 7%
}


.footer-it-component-companies-logo {
  align-items: center;
    width: 50%;
}

.footer-component-companies-logo > a > img {
  
  padding: 10px;
}

.footer-component-corner-logo {
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}

.footer-component-corner-logo > a > img {

  padding: 10px;
   padding: 10px 9px 5px 5px
}


.logon__footer-topline {
    position: relative;
    display: flex;
    width: 100%;
}

.logon__footer-topline > div:nth-child(1) {
    width: 64%;
    background-color: #1ea2b1;
}
.logon__footer-topline > div {
    height: 0.6rem;
}

.logon__footer-topline > div:nth-child(2) {
    width: 18%;
    background-color: #ea1c0a;
}

.logon__footer-topline > div:nth-child(3) {
    width: 18%;
    background-color: #b00402;
}
.footer-component-liks{

   height: 18px;
    font-family: EONBrixSans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #39393a;
    position: relative;
    width: 353px;
    padding: 20px 0px;
    left: 10%;

}
.footer-component-liks > a{
color: #39393a;
    margin-right: 20px;
}
.footer-component-liks a:last-child{
margin-right: 0px;
}
.footer-component-socialLink {
   align-items: center;
    width: 424px;
}

.footer-component-socialLink > a > img {
  padding: 10px;
}
.footer-copy-right{
	 height: 18px;
    font-family: EONBrixSans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #39393a;
    padding-top: 20px;
    width: 118px;
    position: relative;
    left: 13%;
}

.copyrighttext{
  margin-right: 35px;
    }
.footer-component-logo{
     padding-top: 12px;
    width: 100px;
    text-align: end;
    position: relative;
    left: 17%;
}

.footer-component-links > a{
margin: 0px 45px 0px 95px;
}
 .multi-color-line1 { 
    display:flex;
    height: 4px;
    background-color: #e8e8e8;
    width: 100%;
    }

.change-selection{
cursor:pointer
}
.new{
color:red;
}
.product-details-wrapper {
    font-family: EONBrixSans !important;
}

.flex-container {
  padding: 45px 4%;
  width: 100%;
  background-color: #f6f6f7;
  overflow: hidden;

}
.left-content{
  width: 31%;
  padding:0 4% 0 0;
  float: left;
  
  
}
.product_note_content{
  width: 61%;
  padding-right: 4%;
  float: left;
  
}
.product_note_content p{
  font-size: 18px;
  line-height: 24px;
  font-family: EONBrixSansRegular, Arial, Helvetica, sans-serif;
  color: #39393a;
  margin: 0;
}
.left-content  h2 {
  font-size: 72px;
  line-height: 72px;
  font-family: EONBrixSansBlack, Arial, Helvetica, sans-serif;
  color: #ea1b0a;
  margin: 0;
  text-align: right

}
@media (min-width:768px) and (max-width:1023.99px) {
  .left-content {
     width: 100%;
    
  }
  .left-content  h2{
    text-align: left;
    padding-bottom: 20px
  }
  .product_note_content {
    width: 100%;
    
 }
}
@media (min-width:320px) and (max-width:767.99px) {
  .left-content {
     width: 100%;
    
  }
  .left-content  h2{
    padding-bottom: 20px;
    font-size: 34px;
    line-height: 34px;
  }
  .product_note_content {
    width: 100%;
    
 }
.test{color:green;}
}
 nav,
        div,
        ul,
        li {
            margin: 0;
            padding: 0;
        }

.c-footer {
    background: #fff;
    border-top: 1px solid #e8e8e8;
    margin-top: 48px;
    width: 100%;
    font-family: EONBrixSansRegular, Arial, Helvetica, sans-serif;
}
.c-footer__list{
      padding: 0;
    margin: 0;
}
.c-footer__list_link{
    margin: 0 5px;
    display: inline;
    color: #39393a;
    font-size: 14px;
    padding: 0;
    line-height:30px;

   
}
.c-footer__list_link a{
    color: #39393a;
    font-size: 14px;
    text-decoration: none
}
@media (min-width:1024px) {
    .c-footer {
        margin-top: 64px
    }
}

.c-footer__inner {
    padding: 32px 0
}

@media (min-width:768px) {
    .c-footer__inner {
        padding: 48px 0
    }
}

@media (min-width:1024px) {
    .c-footer__inner {
        padding: 48px 0 0px
    }
}

@media (min-width:1024px) and (max-width:1279.99px) {
    .c-footer__inner-container {
        margin-left: 48px;
        margin-right: 48px;
        width: calc(100% - 96px)
    }
}

@media (min-width:1280px) and (max-width:1599.99px) {
    .c-footer__inner-container {
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }
}

@media (min-width:1600px) {
    .c-footer__inner-container {
        margin-left: auto;
        margin-right: auto;
        width: 1440px
    }
}

@media (max-width:767.99px) {
    .c-footer__inner-container {
        margin-left: 24px;
        margin-right: 24px;
        width: calc(100% - 48px)
    }
}

@media (min-width:768px) and (max-width:1023.99px) {
    .c-footer__inner-container {
        margin-left: 32px;
        margin-right: 32px;
        width: calc(100% - 64px)
    }
}

.c-footer__inner-main {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.c-footer__inner-compliance {
    margin-top: 16px
}

@media (min-width:768px) {
    .c-footer__inner-compliance {
        display: none
    }
}

.c-footer__column {
    margin-bottom: 0;
    width: 100%
}

.c-footer__inner-compliance .c-footer__column {
    margin-bottom: 32px
}

.c-footer__inner-compliance .c-footer__column:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .c-footer__column {
        margin-bottom: 5px;
        padding: 0 24px 0 0;
        width: 33.3333333333%
    }
}

@media (min-width:1024px) {
    .c-footer__column {
    
        min-width : 200px;
        width: 14.6666666667%;
    }
}

.c-footer__column--no-mobile {
    display: none
}

@media (min-width:768px) {
    .c-footer__column--no-mobile {
        display: inline-block
    }
}

.c-footer__column-heading {
    font-size: 1em;
    margin-bottom: 16px
}

.c-footer__column-heading .c-footer__items-item-link--heading {
    font-weight: 500!important
}

@media (max-width:767.99px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1.3333333333
    }
}

@media (min-width:768px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1.3333333333
    }
}

@media (min-width:1024px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1.3333333333
    }
}

@media (min-width:1280px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1.3333333333
    }
}

@media (min-width:768px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-weight: 700!important
    }
}

@media (min-width:768px) and (max-width:767.99px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) and (min-width:768px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) and (min-width:1024px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) and (min-width:1280px) {
    .c-footer__column-heading .c-footer__items-item-link--heading {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

.c-footer__items {
    list-style: none;
    position: relative
}

.c-footer__inner-main .c-footer__items {
    display: none
}

@media (min-width:768px) {
    .c-footer__inner-main .c-footer__items {
        display: inline
    }
}

.c-footer__items-item {
    margin-bottom: 16px
}

.c-footer__items-item:last-child {
    margin-bottom: 0
}

.c-footer__items-item-link {
    -webkit-transition: color .25s cubic-bezier(.5, .3, .5, .8);
    transition: color .25s cubic-bezier(.5, .3, .5, .8)
}

@media (max-width:767.99px) {
    .c-footer__items-item-link {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) {
    .c-footer__items-item-link {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1024px) {
    .c-footer__items-item-link {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1280px) {
    .c-footer__items-item-link {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

.c-footer__items-item-link,
.c-footer__items-item-link:visited {
    color: #39393a;
    text-decoration: none
}

.c-footer__items-item-link:focus,
.c-footer__items-item-link:hover {
    -webkit-transition-duration: 0s;
    color: #39393a;
    text-decoration: none;
    transition-duration: 0s
}

.c-footer__bottom {
    border-top: 1px solid #e8e8e8
}

@media (min-width:1024px) {
    .c-footer__bottom {
        border-top: 0
    }
}

.c-footer__bottom-inner {
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 32px 0 24px;
    position: relative
}

@media (min-width:1024px) and (max-width:1279.99px) {
    .c-footer__bottom-inner {
        margin-left: 48px;
        margin-right: 48px;
        width: calc(100% - 96px)
    }
}

@media (min-width:1280px) and (max-width:1599.99px) {
    .c-footer__bottom-inner {
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }
}

@media (min-width:1600px) {
    .c-footer__bottom-inner {
        margin-left: auto;
        margin-right: auto;
        width: 1440px
    }
}

@media (max-width:767.99px) {
    .c-footer__bottom-inner {
        margin-left: 24px;
        margin-right: 24px;
        width: calc(100% - 48px)
    }
}

@media (min-width:768px) and (max-width:1023.99px) {
    .c-footer__bottom-inner {
        margin-left: 32px;
        margin-right: 32px;
        width: calc(100% - 64px)
    }
}

@media (min-width:1024px) {
    .c-footer__bottom-inner {
        padding: 0 0 24px
    }
}

.c-footer__additional {
    width: 100%;
	position:relative;
top:12px
}

@media (min-width:1024px) {
    .c-footer__additional {
        width: auto
    }
}

.c-footer__additional-content {
    display: inline-block
}
 

@media (max-width:1023.99px) {
    .c-footer__additional-content {
        -ms-flex-align: end;
        -ms-flex-pack: justify;
        -webkit-align-items: flex-end;
        -webkit-box-align: end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 24px
    }
}

.c-footer__additional-content-copyright {
    color: #39393a;
    display: inline-block;
    margin-right: 16px;
    vertical-align: bottom
}

@media (max-width:767.99px) {
    .c-footer__additional-content-copyright {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) {
    .c-footer__additional-content-copyright {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1024px) {
    .c-footer__additional-content-copyright {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1280px) {
    .c-footer__additional-content-copyright {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1024px) {
    .c-footer__additional-content-copyright {
        border-right: 1px solid #e8e8e8;
        padding-right: 16px;
        line-height:30px;
    }
}

@media (min-width:1280px) {
    .c-footer__additional-content-copyright {
        /*margin-right: 0px;
        padding-right: 0px;*/
        line-height:23px;
    }
}

.c-footer__additional-content-icon-link {
    display: inline-block
}

.c-footer__additional-content-icon-link-image {
    display: inline-block;
    height: 40px;
    width: 128px
}

.c-footer__social {
    display: inline-block;
    list-style: none;
    position: absolute;
    right: 0;
    top: 32px
}

@media (min-width:1024px) {
    .c-footer__social {
        position: relative;
        right: auto;
        top: 12px;
        padding:0;
        margin:0
    }
}

.c-footer__social-item {
    display: inline-block;
    margin-right: 16px
}

.c-footer__social-item:last-child {
    margin-right: 0
}

.c-footer__social-item-link {
    -webkit-transition: color .25s cubic-bezier(.5, .3, .5, .8);
    color: #39393a;
    display: inline-block;
    transition: color .25s cubic-bezier(.5, .3, .5, .8)
}

.c-footer__social-item-link:focus,
.c-footer__social-item-link:hover {
    -webkit-transition-duration: 0s;
    color: #39393a;
    transition-duration: 0s
}

.c-footer__social-item-link-image .c-icon {
    -webkit-transform: scale(2);
    height: 28px;
    transform: scale(2);
    width: 28px
}

.c-footer__links {
    display: inline-block;
    list-style: none;
    position: relative;
    vertical-align: bottom
}

@media (min-width:1024px) {
    .c-footer__links {
        border-right: 1px solid #e8e8e8;
        margin-right: 16px
    }
}

@media (min-width:1280px) {
    .c-footer__links {
        margin-right: 24px;
        padding-right: 24px;
    }
}

.c-footer__links-item {
    display: block;
    margin-bottom: 16px
}

@media (max-width:767.99px) {
    .c-footer__links-item {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:768px) {
    .c-footer__links-item {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1024px) {
    .c-footer__links-item {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1280px) {
    .c-footer__links-item {
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2857142857
    }
}

@media (min-width:1024px) {
    .c-footer__links-item {
        display: inline-block;
        margin-bottom: 0
    }
}

.c-footer__links-item:last-child {
    margin-bottom: 0
}

.c-footer__links-item-link {
    -webkit-transition: color .25s cubic-bezier(.5, .3, .5, .8);
    transition: color .25s cubic-bezier(.5, .3, .5, .8)
}

@media (min-width:1024px) {
    .c-footer__links-item-link {
        margin-right: 16px
    }
}

@media (min-width:1280px) {
    .c-footer__links-item-link {
        margin-right: 24px
    }
}

.c-footer__links-item-link
 {
    color: #39393a;
    text-decoration: none
}
.c-footer__column-heading a{
    text-decoration: none;
    color: #1ea2b1;
    size:16px;
    line-height: 18px;

}
.c-encoded-image--eon-logo {
    background-image: url('../../../../content/dam/eon/uk/eonlogo.PNG')
}
.c-encoded-image {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}