/* section colonne-equal-height */
@media screen and (min-width: 992px) {
  section.colonne-equal-height .col-eq-height {
    height: 40vw;
    display: flex;
    align-items: center;
  }
}

.section-header {padding: 4rem 0;}
.section-body {padding: 0 0 5rem;}
.section-footer {padding: 0 0 5rem;}

.navigator .contents {margin-bottom: 2em}
.navigator h2 {font-size: 3.5rem;padding: 15px 0 0 0;}

.intro img {padding: 0 0 15px;}


.hero {color: #fff;}
.hero h1, .hero h2, .hero h3 {color: inherit;}

@media screen and (min-width: 768px) {
  .hero h2 {font-size: 8rem; }
  .hero .section-header {min-height: 54rem;}
}

section.fill-black {position: relative;}
section.fill-black:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #0006;}

.p_conf #react-funnel {padding-bottom: 5em;}
.p_conf .container {margin-left: 400px; padding: 0 5em 0; max-width: calc(100vw - 400px)}
.p_conf .section-header {padding-top: 4rem;max-width: 1100px;margin: 0 auto;}
.p_conf .container #field-struttura {max-width: none ;}
.p_conf #footer {display: none;}
.c_ready #react-funnel .steps-map {background: #5f7d51;color: #fff;}
.c_custom #react-funnel .steps-map {background: #B2D288;color: #fff;}
.c_photovoltaic #react-funnel .steps-map {background: #d6da3c;color: #575757;}
.c_photovoltaic #react-funnel  svg {stroke: #575757;}
.c_photovoltaic .map-caption:before {content: url("/img/original/assets/kit-grey1.png");}
.c_photovoltaic .map-caption img {display:none;}
.c_summer #react-funnel .steps-map {background: #7fad52;color: #fff;}
.conf-nav {text-align:center;}
.conf-nav .container {padding-top: 2em;}
.conf-nav .contents {padding: 1.5em 0 0.5em;border: 2px solid #f5f5f5; margin-bottom:1.5em;}
/* .conf-nav .contents:hover {border: 2px solid #e74e36;} */
.conf-nav .conf-selected {border: 2px solid #e74e36;}
.conf-nav h3 {font-size: 2.5rem;padding-top: 0.5em;}
.conf-nav a p {font-size: 1.5em;text-transform: uppercase;font-weight: 700;
    color: #666;padding-top: 0.7em;}
.conf-nav #myLink {margin-top: 2em;}    
.conf-nav .btn:hover {color:#fff;}    

@media screen and (max-width: 1199px) {
  .conf-nav h3 {font-size: 2rem;}
}

@media screen and (max-width: 991px) {
  .p_conf .container {margin-left: 0; padding: 0; max-width: none;}
  .steps-map {position: unset !important; width:100% !important;}
  .map-list {display:flex; flex-direction:row;overflow-y: scroll;scrollbar-width: none;}
  .map-list .map-item{display:flex; flex-direction:row; padding-right:2em; align-items:center;}  
  .map-list .map-item .step-label { white-space: nowrap;}  
  .hamburgher {display: none;}
  .hero {display: none;}
  .navbar {padding-bottom:0 !important;}
  .steps-map img {display: none;}
  .steps-map .map-caption:before {display: none;}
  .steps-map .sb-icona-titolo {padding-top:0 !important;}
  .step {padding: 2em 1.5em;}
  .buttons .btn {min-width: 150px;}
  .buttons {justify-content: space-between;}
  .options {display: flex;overflow-y: scroll;scrollbar-width: none;}
  .map-item {display: none !important;}    
  .map-item.active {display: block !important;}
}
  @media screen and (min-width: 992px) {
    .type-react_funnel header {display: none}
  }