/**
 * CSS custom della landing page.
 * Caricato dopo bootstrap.min.css: qui puoi sovrascrivere/estendere
 * le regole Bootstrap o aggiungere stili propri.
 */

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('montserrat/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('montserrat/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('montserrat/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('montserrat/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('montserrat/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('montserrat/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('montserrat/montserrat-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1 {font-family: 'Montserrat'; font-size: 40px; line-height: 49px; font-weight: 800; letter-spacing: 0; color: #fff; text-align: center;}
h2 {font-family: 'Montserrat'; font-size: 34px; line-height: 42px; font-weight: 900; letter-spacing: 0; color: #399646; padding-bottom: 30px;}
h3 {font-family: 'Montserrat'; font-size: 30px; line-height: 37px; font-weight: 800; letter-spacing: 0; color: #FB8547; text-align: center;}
h4 {font-family: 'Montserrat'; font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: 0; color: #212121; text-align: center;}
h5 {font-family: 'Montserrat'; font-size: 18px; line-height: 22px; font-weight: 900; letter-spacing: 0; color: #000; text-transform: uppercase;}

p {font-family: 'Montserrat'; font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; color: #000;}
.bianco p {color: #fff; font-size: 22px; line-height: 32px;}
.biancopiccolo p {color: #fff; font-size: 16px; line-height: 22px;}

.posrel {position: relative;}
.zindex100 {z-index: 100; position: relative;}

.btn-grigio {background-color: #fff; color: #000; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0.8px; text-transform: uppercase; font-weight: 400; text-decoration: none; padding: 16px 30px}
.btn-grigio:hover {background-color: #FB8547; color: #fff}

.btn-verde {background-color: #399646; color: #fff; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0.8px; text-transform: uppercase; font-weight: 400; text-decoration: none; padding: 16px 30px}
.btn-verde:hover {background-color: #FB8547; color: #fff}

.btn-trasparente {background-color: #41944D; color: #fff; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0.8px; font-weight: 400; text-decoration: none; padding: 7px 15px; border: 1px solid #fff;}
.btn-trasparente:hover {background-color: #295A30; color: #fff}

.landing-header {	background-color: #fff;	text-align: center;}

.landing-content {
	

}
.landing-content .sfondo1 {background: #399646; position: absolute; inset: 0 0 0 0; opacity: 0.8; z-index: 1}
.landing-content .sfondo2 {background: #295A30; position: absolute; inset: 0 0 0 0; opacity: 0.8; z-index: 1}

.landing-content .fasciaprocesso {max-width: 1850px; margin: 0 auto;     padding: 0 20px;}
.landing-content .fasciaprocesso .singolo span { color: #FB8547; font-weight:300; font-size:30px; line-height:37px; letter-spacing:0; display:block; padding-bottom:10px  }

.landing-content .singolavoce .rigasotto {position: absolute; left: 10px; right: 55px; bottom: 0px; height: 4px; background-color: #DEDEDE; }

.landing-content .feature-box {      display: flex;    flex-direction: column;    align-items: center;    height: 100%;    padding: 45px 30px;    text-align: center;    border: 1px solid #e8e8e8;    background: #fff;   }
.landing-content .feature-box h4 { min-height: 70px; display: flex;    align-items: center;    justify-content: center; margin-bottom: 10px}
.landing-content .feature-box img {height: 64px}

.landing-content #preventivo {background-color: #295A30}
.landing-content #preventivo p {color: #fff}

.spaziadestra  { padding-right:60px; }
.spaziadestraXL{ padding-right:60px; }  

.landing-footer .fasciafooter{	background-color: #41944D; }
.landing-footer .fasciafooter p {color: #fff; font-size: 13px; line-height: 16px;}
.landing-footer .fasciafooter .copyright {border-top: 1px solid #ffffff55;}
.landing-footer .fasciafooter .copyright p {color: #fff; font-size: 14px; line-height: 20px;}


.privacytext p{font-size:14px;line-height:18px;color:#fff;}
.privacytext p a {color: #fff;}
.wpcf7-list-item,.wpcf7-form .wpcf7-list-item {margin-left:0;display:block;}
.wpcf7-list-item input[type='checkbox'] {margin-right:6px;}
.wpcf7-spinner {display:block;}
textarea.form-control {height:220px;}
.fasciamoduloform textarea.form-control {height:160px;}
.fasciamoduloform .btn.btn-default {background:  #FB8547; font: normal normal medium 16px/27px Montserrat; letter-spacing: 2.4px; color: #FFFFFF; text-transform: uppercase; border: 0; border-radius: 0; padding: 10px 40px;}
.fasciamoduloform .btn.btn-default:hover {background-color:#fff;color:#000;}
.form-control {background:#f8f8f8;border:1px solid #D5D5D5;border-radius:0px;}
.wpcf7-submit.btn-wpcf7 {    margin-top: 15px;    margin-left: auto;    font-weight: 400;    font-size: 20px;    line-height: 27px;    padding: 10px 20px;    letter-spacing: 2px;    color: #fff;    background-color: #878787;}
.wpcf7-submit.btn-wpcf7:hover {background-color:#003255;}
.checkbox-inline {margin-top:15px;}
.checkbox-inline > span.wpcf7-form-control-wrap {float:left;width:15px;margin-right:10px;}


@media only screen and (max-width:1199.98px) {
	.landing-content .fasciaprocesso .singolo  { padding-bottom:20px; }
  .spaziadestraXL{ padding-right:15px; }  
}

@media only screen and (max-width:767.98px) {
	.spaziadestra  { padding-right:15px; }
  .landing-content .feature-box {        padding: 35px 25px;    }
  .landing-content .singolavoce .rigasotto { left: 10px; right: 10px; }
}


@media only screen and (max-width:479.98px) {
  .btn-grigio {display: block;}
  .btn-verde {display: block;}
  .btn-trasparente {display: block;}
}