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

/* Data ultima modifica: 29 novembre 2016 */

#top {
  border: 0;
}
#title {
  display: none;
}
#content {
  padding: 80px 0;
}

h3{
  padding: 0;
  margin: 0 0 40px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 200%;
  color: #5999D6;
}

/************** box styles **************/
.payoff{
  width: 100%;
  position: absolute;
  top: 45%;
  z-index: 1;
  text-align: center;
}
.payoff h1{
  font-weight: 700;
  font-size: 300% !important;
  color: #FFFFFF !important;
}
#c3538 {
  width: 80%;
  padding: 150px 10%;
  margin: 0;
  text-align: center;
  background: url(../images/background/bgr01.jpg) no-repeat fixed center center / cover;
}
#c3538 h1{
  font-weight: 700 !important;
  color: #FFFFFF;
}
#c3538 .bodytext{
  color: #FFFFFF;
}
.box01 {
  background: url(/fileadmin/pgfgrasso/contents/bg_box_home.jpg);
  background-size: cover;
  background-position: right;
  overflow: hidden;
  padding: 60px 0;
  font-size: 120%;
  font-weight: 500;
  color: #FFFFFF
}
.box01 i {
  margin: 5px;
  font-size: 35px;
  color: #5999D6;
}
.box01 h5 {
  height: 42px;
  margin: 0 0 30px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 200%;
  font-weight: 100;
  color: #FFFFFF !important;
}
.box01 .sx_elenco{
  float: left;
  width: 25%;
  padding-left: 25%;
}
.box01 .dx_elenco{
  float: left;
  width: 25%;
  padding-right: 25%;
}
.bodytext{
  text-align: center;
}
.palli_home{
  float: left;
  width: 20%;
  margin: 0 2.5%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #5999D6;
}
.palli_home img{
  width: 50%;
  margin-bottom: 10px;
}



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

  .box01-item {
    width: 40%;
    margin: 0 3% 5%;
  }

}


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

  .payoff{
    width: 95%;
    position: relative;
    padding: 20px 2.5% 0 2.5%;
  }
  .payoff h1{
    font-size: 200% !important;
    color: #5999D6 !important;
  }

  .box01-item {
    float: none;
    width: 94%;
    padding: 5% 3%;
    margin: 0 0 3%;
  }

  #content {
    padding: 80px 0 0 0;
  }

  .palli_home img{
    width: 100%;
    margin-bottom: 10px;
  }


}