/*
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:*/
:root {
  --red: #cc3300;
  --white: #ffffff;
  --black: #252525;
	--grey: #f9f9f9;
	--grey-light: #F2F3F4;
	--blue: #0a4791;
  --primary-color: #ffffff;
}
.header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
	padding-top: 0px;
}
.footer-title p,
.footer-title h3,
.footer-title h2,
.footer-title h4 {
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 14px;
	color: var(--red);
    font-weight: 700;
    letter-spacing: 1px;
}
.main-titles.white h1,
.main-titles.white h2,
.main-titles.white h3,
.main-titles.white h4,
.main-titles.white p {
	color: var(--white);
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 30px;
}
.main-titles h1,
.main-titles h2,
.main-titles h3,
.main-titles h4,
.main-titles p {
	font-weight: 600;
	margin-bottom: 20px;
}
 .services-box .w-iconbox-title {
	
	font-size: 26px!important;
	 line-height: 34px;
	 font-weight: 600;
	 padding: 10px 25px 3px 25px;
	 margin-top: 3px;
}
 .services-box .w-iconbox-text {
	 padding: 0px 25px 10px 25px;
	 font-size: 16px;
	 line-height: 22px;
	 font-weight: 500;
	
	 max-width: 85%;
	 
}
.services-box:hover .w-iconbox-title,
 .services-box:hover .w-iconbox-text{
	color: var(--white);
}
 .services-box img {
	width: 100%;
	object-fit: cover;
	border-radius: 0px 0px 5px 5px;
}
.services-box .w-iconbox-icon {
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden;
transition: 350ms;
}
.services-box .w-iconbox-icon:after {
	content: '';
	position: absolute;
	background: var(--blue);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.2;
}
.services-box {
	position: relative;
	overflow: hidden;
	/*background: var(--blue);*/
	z-index: 0;
	transition: 350ms;
	    border: 1px solid var(--black);
    border-radius: 5px;
} 
.services-box:hover {
	background: var(--red);
}
/*.services-box:after{
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	width: 80px;
	height: 80px;
	background: url("images/sinistri-carrozzeria-italia.svg");
	background-size: contain;
	z-index: 130;
}*/
.services-box.ricarica:after {
	background: url("images/gear.svg");
	background-size: contain;
}
.services-box.accessori:after {
	background: url("images/accessori.svg");
	background-size: contain;
}
.services-box.wrapping:after {
	background: url("images/car-wrapping.svg");
	background-size: contain;
}
.services-box.soccorso:after {
	background: url("images/soccorso-stradale.svg");
	background-size: contain;
}

 .services-box .w-iconbox-meta{
	height: 104px;
}
.services-box .w-iconbox-title {
	padding-top: 0px;
}
.services-box .w-iconbox-icon svg{
	font-size: 50px;
}
/*.grey-section {
	background: var(--grey);
}*/
.grey-section .g-cols.vc_row {
	border-bottom: 1px solid var(--grey-dark);
	padding-bottom: 80px;
}
.blue-section {
	background: var(--blue);
}
.sr7-layer strong {
	color: var(--red);
}

.main-subtitle h1,
.main-subtitle h2,
.main-subtitle h3,
.main-subtitle h4,
.main-subtitle p {
	text-transform: uppercase;
	color: var(--blue);
	letter-spacing: 1px;
	font-weight: 600;
    font-size: 16px;
}
.main-subtitle.white h1,
.main-subtitle.white h2,
.main-subtitle.white h3,
.main-subtitle.white h4,
.main-subtitle.white p {
	color: var(--white);
	margin-bottom: 20px;
}
.small-image {
	margin-right: 20px;
	border-radius: 5px;
}
.full-clmn .vc_column-inner{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.w-counter.color_primary .w-counter-value {
	font-size: 70px;
	line-height: 70px;
    font-weight: 600;
}
#page-header.sticky .l-subheader.at_middle.width_full{
	background: color(srgb 1 1 1 / 0.85);
	backdrop-filter: blur(5px);
}
.yrow-contact p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.yrow-contact p label {
	width: 49%;
}
.ycontact-box {
	margin-bottom: 50px;
}
.ycontact-box {
	margin-bottom: 30px;
	border-radius: 5px;
	padding: 20px 10px;
	background: var(--grey);
	height: 110px;
	border: 1px solid var(--black)
}
.ycontact-box .w-iconbox-title {
	text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
	line-height: 16px;
	padding-bottom: 3px;
}
.ycontact-box .w-iconbox-icon{
	margin-right: 10px!important;
}
.ycontact-box .w-iconbox-icon i {
	font-size: 25px;
	line-height: 25px;
	color: var(--red);
}
.wpcf7-list-item-label,
.wpcf7-list-item-label a{
	font-size: 14px;
/*	color: var(--white);*/
}
.wpcf7-list-item-label a {
	text-decoration: underline;
}
.w-iconbox.iconpos_left, .w-iconbox.iconpos_right{
	align-items: center!important;
}
.l-subheader.at_middle.width_full {
	padding: 0px 80px!important;
}
@media screen and (max-width: 768.98px) {
.l-subheader.at_middle.width_full {
	padding: 0px 24px!important;
}
	#page-header .btn-phonetop {
	padding: 12px 12px!important;
		display: flex;
	}
}
@media (min-width: 1024px) and (max-width: 1399.98px) {
.l-subheader.at_middle.width_full {
	padding: 0px 24px!important;
}
	.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
		padding-left: 10px!important;
    padding-right: 10px!important;
	}
	.services-box .w-iconbox-icon {
		    height: 200px;
	}
	.services-box .w-iconbox-title {
		    padding: 0px 10px 3px 15px;
	}
	.services-box .w-iconbox-title {
		font-size: 24px !important;
    line-height: 26px;
	}
	.services-box .w-iconbox-text {
		    padding: 0px 15px 5px 15px;
	}
	.services-box .w-iconbox-text {
		max-width: 100%
	}
}

