/* CSS Document */

#cont-corpo-landing {
	padding: 0;
}


#slogan { background-color: #fff; }
#cont-form { background-color: transparent; background: linear-gradient(#e1e1e1, #fdfdfd),url(../img/sfondo-landing.jpg); padding: 30px; background-size: cover; background-blend-mode: screen;
}




.areaform { width: 400px; margin: 0 auto; }


.input-group { text-align: left; }
span.etichetta { color: #002c77; font-weight: 600; }
span.step { padding-right: 10px; float: left; padding-bottom: 10px; }
span.step img { float: left; }


.gialloocra {  background-color: #f9ea0d; /*background-color: #F5F0A1;*/ }
.giallo { background-color: #FFFF00; }


#landingpage {  }

button.bottone-landing {
	text-align: center;
	padding: 20px !important;
	text-decoration: none;
	background-color: #032E78; color: #fff;
}


button.bottone-landing:link, button.bottone-landing:visited, button.bottone-landing:active { background-color: #032E78; color: #fff; }

button.bottone-landing:hover { background-color: #676767; color: #fff; }

#landingpage h1 { color: #032E78; font-size: 30px; margin-top: 0; margin-bottom: 0; }


#landingpage .btn {
	display: block;
	margin: 0 auto;
	width: 100%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 0;
	border: 0;
}

#slogan [class*="col-"] { padding: 0; }
#servizi { padding: 25px !important; }
#servizi img { margin: 0 auto; display: block; width: 100%; }


.areaform label { font-size: 135%; }
.areaform .form-group { padding-top: 15px; }
.areaform  .form-control { background-color: #f9ea0d !important; }



@media (max-width: 768px)   { 

#landingpage .btn { width: 100%; font-size: 20px; border: 1px solid #807f7f; padding: 20px; }
#slogan { text-align: center; }
#slogan .row-eq-height { display: inline !important; }
#servizi { padding: 0 !important; }


}



@media (max-width: 480px)   { 

.areaform { width: 300px; }
#servizi [class*="col-"] { width:50%; }


}


@media (min-width: 992px)   { 

#servizi img {

    margin: 0 auto;
    display: block;
    width: 60%;

}


}



@media (min-width: 480px) and (min-width: 767px)    { 

.areaform { width: 400px; }


}