/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/


.blu{
	color:#19386B!important;
}

.rosso{
	color:#B8282E!important;
}

.bianco{
	color:#fff!important;
}

.centrale{
	text-align:center;
}

.pad-top-0{
	padding-top:0px!important;
}

.pad-bot-0{
	padding-bottom:0px!important;
}

#row-intro .w-image,  #row-outro .w-image{
  margin-bottom: 6rem;
	width: 400px;
  max-width: 100%;
}

#row-outro .w-image {
  margin-bottom: 4rem;
}

#row-intro h3, #row-outro h3{
	font-size: 30px;
	font-weight: 400;
	width: 560px;
	max-width: 100%;
	line-height: 1.15;
	margin-bottom: 0;
}

#row-intro h3{
	color: #B8282E;
  font-weight: 700;
  font-size: 28px;
}

#row-intro h1, #row-outro h2{
	font-weight: 600;
	line-height: 1.2;
	font-size: 56px;
	width: 620px;
	max-width: 100%;
	margin-bottom: 2.5rem;
}

@media screen and (min-width: 992px) {
	#row-intro .col-txt .wpb_text_column, #row-outro .col-txt .wpb_text_column{
		padding-left:86px;
	}
}

/*
#row-outro h2{
	width: 420px;
	max-width: 100%;
	margin-bottom: 5rem;
}
*/

#row-intro .mini-pres, #row-outro .mini-pres{
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	width: 500px;
	max-width: 100%;
}

#row-outro .mini-pres{
	font-size:26px;
}

.col-modulo #blocco-rosso {
  background-color: #B8282E;
}


#row-intro .col-modulo h3, #row-outro .col-modulo h3 {
  font-weight: 400;
  text-align: center;
  width: 440px;
  margin: 0 auto;
  padding: 12px 12px;
  text-transform: uppercase;
  line-height: 1.2;
  max-width: 100%;
}

@media screen and (min-width: 1281px) {
	#row-intro .col-modulo .vc_column-inner, #row-outro .col-modulo .vc_column-inner {
		width: 600px;
		max-width: 100%;
		padding-left: 0;
	}
}

.col-modulo .wpb_text_column span.bold {
  font-weight: 600;
}

.col-modulo .gform_wrapper.gravity-theme {
  padding: 1rem 2rem;
   background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 991px) {
.col-modulo .gform_wrapper.gravity-theme {
  padding: 1rem 1rem;
	}
}

.gform_wrapper.gravity-theme .gfield_label {
  font-weight: 500;
  margin-bottom: 0px;
	color:#fff;
}

.ginput_container_consent, .ginput_container_consent a{
	color:#fff;
	font-size: 14px;
  line-height: 1.1;
  display: inline-flex;
}

.col-modulo .gfield{
	margin-bottom: 5px!important;
}

.gform_required_legend{
color: #fff;
  font-size: 16px;
  font-style: italic;
	margin-bottom: 15px !important;
}

.col-modulo .gform_wrapper.gravity-theme .gfield_required {
  font-size: 20px;
  padding-left: 1px;
  font-weight: 700
}

.col-modulo .gform_button{
	background: rgb(160,194,255)!important;
	background: -moz-linear-gradient(146deg, rgba(160,194,255,1) 0%, rgba(57,123,247,1) 50%)!important;
	background: -webkit-linear-gradient(146deg, rgba(160,194,255,1) 0%, rgba(57,123,247,1) 50%)!important;
	background: linear-gradient(146deg, rgba(160,194,255,1) 0%, rgba(57,123,247,1) 50%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a0c2ff",endColorstr="#397bf7",GradientType=1)!important; 
	border-radius: 10px!important;
	padding: 0.7em 1.2em!important;
	font-size:16px!important;
}

.col-modulo .gform_button:hover{
	background: #35415b!important;
}

.gform_footer{
	justify-content: center;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 16px 16px!important;
}


#row-motivi, #row-gamma, #row-colorazioni{
	background-color:#19386B;
}

#row-motivi{
	padding-top:3.5rem!important;
}

#row-motivi h2{
	color: #fff;
  font-weight: 600;
  font-size: 48px;
  text-align: center;
  width: 820px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 3.5rem;
}

#dettaglio-motivi h4{
font-size: 20px;
  font-weight: 700;
  text-align: center;
	color:#fff;
}

@media screen and (min-width: 601px) and (max-width: 991px){
	#dettaglio-motivi h4{
		font-size: 18px;
	}
	#dettaglio-motivi .wpb_column .vc_column-inner{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

@media screen and (min-width: 601px) {
	#dettaglio-motivi .w-image{
		width: 125px;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: .5rem;
	}
	#dettaglio-motivi #prezzi h4, #dettaglio-motivi #rapidi h4, #dettaglio-motivi #tecnici h4{
		width: 170px;
		max-width: 100%;
		margin: 0 auto;
	}
	#dettaglio-motivi #tecnici h4 {
		width: 200px;
	}
	#dettaglio-motivi #italy h4 {
		width: 220px;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px) {
#dettaglio-motivi .vc_column-inner > .wpb_wrapper{
		display: flex;
		align-items: center;
		width: 425px;
		margin: 0 auto;
		max-width: 100%;
	}
	#dettaglio-motivi .w-image{
		width: 100px;
	}
	#dettaglio-motivi .wpb_column{
		margin:5px;
	}
	#dettaglio-motivi .wpb_text_column {
		padding-left: 1rem;
		width: 300px;
		max-width: 100%;
	}
	#dettaglio-motivi h4 {
		text-align: left;
	}
}


#row-quality .col-img .vc_column-inner{
	padding-top:0px;
}

#row-quality h2{
	text-transform:uppercase;
	margin-bottom: 2rem;
	font-size: 36px;
}

#row-quality h4{
	font-size: 26px;
	margin-bottom: 12px;
}

#row-quality ul{
	list-style-type:none;
	margin-left: 3.5rem;
}

#row-quality li{
	margin-bottom: 2rem;
	position:relative;
}

#row-quality ul li::before {
  content: " ";
  background-image: url("https://porterapide.nordestautomazioni.it/wp-content/uploads/2023/10/ico-lista.png");
  background-size: 40px;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  left: -50px;
  height: 100%;
  width: 100%;
}

#row-quality ul.grigio{
	margin-left: 0;
	background-color:#7f7f7f;
	border-radius: 6px;
}

#row-quality ul.grigio li{
	padding: 1.5rem 3.5rem;
	color:#fff;
}

#row-quality ul.grigio li::before {
	left: 13px;
  top: 22px;
	background-image:url("https://porterapide.nordestautomazioni.it/wp-content/uploads/2023/10/ico-lista-bianco.png");
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  #row-gamma .col-txt, #row-gamma .col-img {
    width: 100%;
  }
}

@media screen and (min-width: 769px){
#row-gamma h2{
	padding-bottom: 4rem;
}

}

@media screen and (max-width: 768px) {
  #row-gamma .col-img .vc_column-inner {
    padding-bottom: 100%;
  }
	#row-gamma h2{
	padding-bottom: 1.5rem;
		text-align:left;
}
	#row-gamma .col-img{
		order:2;
	}
	#row-gamma .col-txt{
		order:1;
	}
}

@media screen and (min-width: 992px){
	#row-gamma .col-txt .vc_column-inner{
		padding-left:5rem;
	}
}


#row-gamma ul {
	list-style-type:none;
}

#row-gamma ul li{
	margin-bottom: 2rem;
	position:relative;
}

#row-gamma ul li h4{
	font-size:26px;
	margin-bottom: 30px;
}

#row-gamma ul li::before{
content: " ";
  background-image: url("https://porterapide.nordestautomazioni.it/wp-content/uploads/2023/10/ico-lista-2.png");
  background-size: 40px;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  left: -50px;
  height: 100%;
  width: 100%;
}

#row-gamma ul li ul li{
	color:#fff;
	margin-bottom:8px;
	position:relative;
}

#row-gamma ul li ul, #row-quality ul li ul{
	list-style-type:none;
	margin-left: 2rem;
}

#row-gamma ul li ul li::before, #row-quality ul li ul li::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 2px;
	color: #fff;
	background-color: #fff;
	left: -28px;
	top: 11px;
}

#row-quality ul li ul li::before{
	background-color: #000;
	color: #000;
}

#row-quality ul li ul li{
	margin-bottom:8px;
}

#row-quality ul li p{
	margin-bottom:.5rem;
}

#struttura-alluminio .col-txt .vc_column-inner{
	padding-left: 3rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#struttura-alluminio h2{
	font-size: 26px;
  margin-bottom: 5px;
	font-weight: 700;
	position:relative;
}

#struttura-alluminio h2::before{
content: " ";
  background-image: url("https://porterapide.nordestautomazioni.it/wp-content/uploads/2023/10/ico-nordest.png");
  background-size: 34px;
  background-repeat: no-repeat;
  position: absolute;
  top: -1px;
  left: -50px;
  height: 100%;
  width: 100%;
}

#struttura-alluminio p.rosso{
	font-weight:700;
	margin-bottom: 2.5rem;
	font-size:26px;
}

#struttura-alluminio .overview{
	width: 100%;
  display: flex;
  justify-content: space-between;
}

#struttura-alluminio .quadro{
	padding: .5rem .5rem;
  background-color: #6e6c69;
  border-radius: 4px;
  margin-bottom: 2.5rem;
  width: calc(50% - 1.5rem);
  text-align: center;
  color: #fff;
}

#struttura-alluminio .quadro.terzo, #struttura-alluminio .quadro.quarto{
	margin-bottom:0px;
}

#row-tipologie h2{
	padding-bottom: 4rem;
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
#struttura-alluminio .quadro{
width: calc(50% - 1rem);
}
}
	
@media screen and (min-width: 601px) and (max-width: 991px) {
	#struttura-alluminio .quadro{
		width: 100%;
		margin: 1rem .5rem;
	}
	#struttura-alluminio .quadro p{
		width: 100%;
	}
}


@media screen and (min-width: 601px){
	.secondo p {
	  width: 128px;
	  max-width: 100%;
	  margin: 0 auto;
	}
	.terzo p, .quarto p{
		width: 145px;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px){
#struttura-alluminio .col-txt .vc_column-inner {
		padding-bottom: 0rem;
	}
	#struttura-alluminio .quadro{
		width: calc(50% - .5rem);
		margin-bottom: 1rem;
	}
	#struttura-alluminio{
		padding-bottom:2rem!important;
	}
	#row-gamma, #row-gamma h2{
		padding-bottom:0px;
	}
	#row-tipologie h2 {
		padding-bottom: 1rem;
	}
	#struttura-alluminio .col-txt{
		margin-bottom:2rem;
	}
	#row-quality .col-txt{
		margin-top:0px;
	}
	#struttura-alluminio p.rosso {
		margin-bottom: 1.5rem;
	}
	#row-intro .w-image, #row-outro .w-image {
		margin-bottom: 3rem;
		width: 320px;
   		max-width: 100%;
	}
}

#row-colorazioni p{
	font-weight: 700;
  font-size: 26px;
}

#row-tipologie h2{
	width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

#row-tipologie img{
	border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#row-tipologie .blu.centrale{
	font-size:26px;
	font-weight:700;
}

.dettaglio-tipologie .vc_column-inner > .wpb_wrapper{
	border: 3px solid #19386b;
  border-radius: 6px;
}

.dettaglio-tipologie .vc_column-inner > .wpb_wrapper p{
	padding: 5px 20px;
	text-align: center;
}

#row-tipologie .dettaglio-tipologie .wpb_column .vc_column-inner{
	padding-right:1rem;
	padding-left:1rem;
}

@media screen and (max-width: 600px){
	.dettaglio-tipologie .wpb_column:nth-child(2n+1) .vc_column-inner{
		padding-right:.5rem;
	}
	.dettaglio-tipologie .wpb_column:nth-child(2n) .vc_column-inner{
		padding-left:.5rem;
	}
	#row-tipologie .blu.centrale{
		font-size:20px;
	}
}

#row-tipologie{
	padding-bottom:2rem;
}

.dettaglio-tipologie .wpb_column{
	margin-bottom:2rem;
}

.dettaglio-tipologie .wpb_text_column .wpb_wrapper{
	display: flex;
  min-height: 97px;
  align-items: center;
}

#grazie .w-image{
	width: 500px;
	  margin: 0 auto;
	max-width:100%;
}

#grazie h1{
	font-weight: 700;
	font-size: 36px;
}

#page-footer .w-image{
	width: 150px;
	max-width: 100%;
	align-self: center;
}

#page-footer p{
	margin-bottom: 10px;
	font-size: 16px;
}

#page-footer p.copy{
	font-size:16px;
}

#page-footer p a.blu{
	font-weight:700;
	display: block;
  margin-bottom: 10px;
}

#page-footer .l-section{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#row-colorazioni .l-section-h{
	width: 1200px;
	max-width: 100%;
}

.gform_submission_error{
	font-size: 18px;
  margin-bottom: 0;
}

#row-gamma h2{
	font-size:48px;
}

#row-quality{
	padding-bottom:2.5rem!important;
}

#row-gamma .col-txt ul li h4{
	position:relative;
}

#row-gamma .col-txt ul li h4::before{
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	color:#B8282E;
	background-color:#B8282E;
	bottom:-6px;
}

#row-outro .col-modulo .vc_column-inner .wpb_wrapper{
	box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.4);
}

#row-outro .underline{
	position:relative;
}

#row-outro .underline{
background-image: url("https://porterapide.nordestautomazioni.it/wp-content/uploads/2023/10/sottolineatura-blu.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 100%;
}



@media screen and (min-width: 992px){
	 #page-footer > .l-section > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .wpb_wrapper {
		display: flex;
	  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
 #row-motivi h2, #row-fiducia .wpb_text_column h2, #row-recensioni h2, #row-gamma h2, #row-tipologie h2 {
    font-size: 44px;
  }
	#row-quality h2{
		font-size: 32px;
	}
	#row-intro h1, #row-outro h2{
		font-size: 50px;
	}
}

@media screen and (min-width: 601px) and (max-width: 991px) {
   #row-motivi h2, #row-fiducia .wpb_text_column h2, #row-recensioni h2, #row-gamma h2, #row-tipologie h2 {
    font-size: 34px;
  }
	#row-intro h1, #row-outro h2{
		font-size: 44px;
	}
	#row-quality h2{
		font-size:32px;
	}
	.col-modulo .gform_button{
		padding: 0.7em 0em !important;
		font-size:12px;
	}
	
	.col-modulo .gform_wrapper.gravity-theme .gform_footer{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	#row-tipologie h2 {
		padding-bottom: 2.5rem;
	}
}

#page-footer .wpb_text_column {
  align-self: center;
  margin-left: 31px;
}

@media screen and (max-width: 991px) {
	#row-quality{
		padding-bottom:0!important;
	}
			#page-footer .w-image{
		padding-bottom:2rem;
		width:150px;
		max-width:100%;
	}
	
	#row-tipologie .dettaglio-tipologie .wpb_column .vc_column-inner {
  padding-right: 0.5rem;
  padding-left: .5rem;
}
	#row-tipologie .g-cols.type_default > div[class*="vc_col-xs-"] {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
}

@media screen and (max-width: 600px) {
  #row-motivi h2, #row-fiducia .wpb_text_column h2, #row-recensioni h2, #row-quality h2, #row-gamma h2, #row-tipologie h2 {
    font-size: 28px;
  }
	#row-intro h1, #row-outro h2{
		font-size: 36px;
	}
	#row-quality ul h4, #row-gamma ul li h4{
		font-size:20px;
	}
	
	#row-gamma h4, #row-quality h4, #struttura-alluminio p.rosso{
		font-size:20px;
	}
	#grazie h1{
		font-weight: 700;
		font-size: 30px;
	}
	#row-intro h3, #row-outro h3 {
		font-size: 20px;
	}
	#row-outro .mini-pres {
		font-size: 20px;
	}
	#struttura-alluminio h2, #row-colorazioni p{
		font-size:20px;
	}
	#row-gamma ul li:last-child{
		margin-bottom:1rem;
	}
	.side-sticky {
		display:none;
	}
}

@media screen and (min-width: 601px) {
	#struttura-alluminio .col-img .vc_column-inner{
		padding-left:0;
	}
	.side-sticky {
  position: fixed;
  bottom: 30%;
  right: -58px;
  transform: rotate(-90deg);
  z-index: 1;
}

.side-sticky p.rotate a {
  padding: 10px 30px;
  text-decoration: none;
  background-color: #B8282E;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
}

html {
  scroll-behavior: smooth;
}

#page-footer p.agency {
  font-size: 14px;
}


.col-modulo .chiama{
	font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  width: 252px;
  max-width: 100%;
  margin: 0 auto;
  font-weight: 600;
  color: #19386B;
}

.col-modulo .chiama a{
	font-size: 30px;
  font-weight: 700;
  color: #B8282E;
	transition:250ms;
}



.col-modulo .chiama a:hover{
	text-shadow: 0px 0px 9px rgba(0,0,0,0.4);
	transition:250ms;
}

.col-modulo .wpb_text_column{
	margin-top:0;
}

@media screen and (min-width: 601px) and (max-width: 630px) {
	.col-modulo .chiama {
	  font-size: 18px;
	  line-height: 26px;
	}
	.col-modulo .chiama a {
	  font-size: 25px;
	}
}