/* ----------------------------- Esprimo Typo3 ---------------------------- */

/* Data ultima modifica: 11 marzo 2026 */

#header {
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}
#logo img {
  width: 260px;
}

#content {
  padding: 0;
}


/************** smaller styles **************/
.smaller { 
  background-image: radial-gradient(closest-side ellipse at 50% 50%, #004986, #01366C 100%) !important;  
}


/************** VIDEO full screen **************/
video#bgrVideo {
  display: block;
  width: 100%;
}


/************** flexslider styles **************/
.flexslider {
  margin: 0 !important;
}
.flexslider .slides > li {
  position: relative;
}
.flex-control-nav {
  bottom: -60px !important;
}
.flex-control-paging li a {
  background: #EEEBE9 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.flex-control-paging li a:hover {
  background: #EEEBE9 !important;
}
.flex-control-paging li a.flex-active {
  background: #F26F61 !important;
}


/************** payoff styles **************/
.payoff {
  position: absolute;
  top: 50%;
  z-index: 700;
  width: 80%;
  padding: 0 10%;
  margin: 0;
  text-align: center;
}
.payoff h1 {
  margin: 0 0 10px 0;
  font-size: 350%;
  color: #FFFFFF;
}
.payoff h2 {
  font-family: 'Poppins', sans-serif;
  margin: 0 0 30px 0;
  font-size: 150%;
  font-weight: 300;
  color: #FFFFFF;
}



@media only screen and (min-width: 1152px) {
  #main {
    margin: 0 0 0 0;
  }
}



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

  #header {
    background-image: radial-gradient(closest-side ellipse at 50% 50%, #004986, #01366C 100%);
  }

  #logo img {
    width: 170px;
  }

  .payoff {
    position: static;
    padding: 30px 4%;
    border-radius: 0;
    width: 92%;
    right: auto;
    background-image: radial-gradient(closest-side ellipse at 50% 50%, #004986, #01366C 100%);
  }
  .payoff h1 {
    font-size: 190%;
  }
  .payoff h2 {
    font-size: 120%;
  }

}


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

  #top {
    overflow: hidden;
  }

  /************** flexslider styles **************/
  .flexslider {
    width: 150%;
    margin: 0 0 0 -25% !important;
  }

}


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


}