body{
  background: #d7d7d7;
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden;
}

/*HEADER*/
.header{
  text-align: center;
  background-image: url(images/header.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 422px;
  background-color: #007A54;
}
.subheader{
  background-color: #007A54;
  color: #fff;
  line-height: 40px;
  font-size: 15px;
  margin-bottom: 20px;
}
.subheader img{
  position: absolute;
  bottom: 0px;
}

.header img.logo{
  margin-top: 50px;
}
.header img.head{
  display: none;
}
h1{
  font-size: 25px;
  text-transform: uppercase;
  color: #007A54;
  font-weight: 800;
  margin-bottom: 60px;
}

/*CEI 6 PASI*/
.stepsbackground{
  background-image: url(images/road.png);
  background-repeat: no-repeat;
}
.step_content{
  background: #fff;
  margin-top: 40px;
  padding: 20px 40px 20px 40px;
}
.step_content strong{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  color: #007a54
}
.step_content span{
  font-size: 14px;
  display: block;
  margin-top: 20px;
}
.step_left img{
  float: left;
  margin-top: -20px;
  margin-left: -10px;
}
.step_left .step_content{
  border-radius: 90px 0 0 90px;;
  border-right: 3px solid #007a54;
  margin-top: -10px;
}
.step_left .step_content p{
  position: absolute;
  right: 0px;
  top: 35px;
  background: #007a54 ;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-family: arial;
  font-size: 25px;
  font-weight: 800
}
.step_left{
  min-height: 250px;
}
.step_right img{
  float: right;
  margin-top: 30px;
  margin-left: 10px;
}
.step_right  .step_content{
  border-radius: 0 90px 90px 0;
  border-left: 3px solid #007a54;
}
.step_right .step_content p{
  position: absolute;
  left: 0px;
  top: 155px;
  background: #007a54 ;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-family: arial;
  font-size: 25px;
  font-weight: 800
}
.step_right{
  height: 250px;
  padding-top: 70px;
}

/*BUTOANE CALL TO ACTION*/
.cta{
  width: 300px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0px;
  background: #088ce0; 
  background: -webkit-linear-gradient(#088ce0 0%, #1e5c8d 100%);
  background: -o-linear-gradient(#088ce0 0%, #1e5c8d 100%);
  background: linear-gradient(#088ce0 0%, #1e5c8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088ce0', endColorstr='#1e5c8d',GradientType=0 ); /* IE6-9 */
}
.cta:hover{
  background: #1e5c8d; 
  background: -webkit-linear-gradient(#1e5c8d 0%, #18496e 100%);
  background: -o-linear-gradient(#1e5c8d 0%, #18496e 100%);
  background: linear-gradient(#1e5c8d 0%, #18496e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5c8d', endColorstr='#18496e',GradientType=0 ); /* IE6-9 */
}
a.calltoaction{
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
}
a.calltoaction span{
  /*display: block;*/
  text-align: center;
  font-size: 15px;
  font-weight: 400
}
.ctaleft{
  float: left;
  margin-top: 200px;
  margin-bottom: 50px;
}
.ctaright{
  float: right;
  margin-top: 200px;
  margin-bottom: 50px;
}

/*FOOTER*/
.footer{
  border-top: 1px solid #bbbaba;
  height: 60px;
  line-height: 60px;
  color: #8B8B8B;
}
.footer img{
  margin-left: 5px;
  margin-right: 5px;
}

.footer a{
  text-decoration: none;
  color: #8B8B8B;
}




@media (min-width:1283px){
  .header img.logo{display: none;}
}
@media (min-width:1200px) and (max-width:1282px){
  .subheader img {right: -70px !important}
  .header img.logo{display: none;}
}
@media (min-width: 992px) and (max-width:1200px){
  .header img.logo{display: none;}
  .stepsbackground {background: none;}
  .step_left {min-height: 200px !important;}
  .step_right {height: 200px !important;  padding-top: 0px;}
  .step_right img{float: left}
  .step_left .step_content ,.step_right .step_content {border-radius: 90px 0 0 90px;border-right: 3px solid #007a54;margin-top: -10px;}
  .step_left img , .step_right img {float: left; margin-top: -40px; margin-left: -10px;}
  .step_left .step_content p ,.step_right .step_content p {position: absolute; left: 0px; top: 95px;}
  .ctaleft, .ctaright { margin-top: 0px; margin-bottom: 50px;}
}

@media (max-width: 991px) and (min-width:760px){
  h1{text-align: center;}
  .header > .container {margin: 0; padding: 0;}
  .header > div > div > div{margin: 0; padding: 0;}
  .header {background-image: none; height: auto;}
  .header img.logo{display: none;}
  .header img.head{display: block; max-width: 100%; height: auto}
  .stepsbackground {background: none;}
  .step_left, .step_right {text-align: center; height: auto !important; min-height: auto !important;}
  .step_left img, .step_right img {float: none; top: 10px;}
  .step_content{ border-radius: 0px !important; border-top:3px solid #007a54; border-right: none !important; border-left: none !important; margin-top: -30px !important}
  .step_left .step_content p { position: absolute; left: 30px !important; top: 100px !important;}
  .step_right .step_content p { position: absolute; left: 30px !important; top: 145px !important;}
  .step_left{ margin-bottom: 20px;}
  .step_right{ padding-top: 0px !important; margin-bottom: 60px;}
  .ctaleft, .ctaright {margin-top: 20px;}
  .footer{text-align: center;}
  .subheader img {display: none;}
}

@media (max-width: 759px){
  h1{text-align: center;}
  .stepsbackground {background: none;}
  .step_left, .step_right {text-align: center; height: auto !important; min-height: auto !important;}
  .step_left img, .step_right img {float: none; top: 10px;}
  .step_content{ border-radius: 0px !important; border-top:3px solid #007a54; border-right: none !important; border-left: none !important; margin-top: -30px !important}
  .step_left .step_content p { position: absolute; left: 30px !important; top: 100px !important;}
  .step_right .step_content p { position: absolute; left: 30px !important; top: 145px !important;}
  .step_left{ margin-bottom: 20px;}
  .step_right{ padding-top: 0px !important; margin-bottom: 60px;}
  .ctaleft, .ctaright {margin-top: 20px; height: 70px; width: 280px; margin: 0px auto; float: none; margin-bottom: 20px;}
  .footer{text-align: center;}
  .subheader img {display: none;}
  body > section.header > div > div > div{text-align: center; padding-bottom: 30px;}
  .header{background-image: none; height: auto;}
}






input[type=submit] {
    background: #3978A2;
    color: #fff;
  }