/*
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 {
	--white: #ffffff;
	--black: #252525;
	--grey: #cacaca;
	--light-grey: #f1f1f1;
	--blue: #021C8E;
	--dark-blue: #001124;
	--red: #E20E04;
}
  html, body,
a{
    cursor: url('../images/cursor-zago-carlo-01.svg'), default!important;
  }

.header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
	padding-top: 0px!important;
}
.main-titles h1,
.main-titles h2,
.main-titles h3,
.main-titles h4,
.main-titles p {
	font-size: 52px;
    line-height: 58px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.services-box img{
	width: 100%;
    height: 400px;
    object-fit: cover;
}
.icons-box {
	margin-bottom: 50px!important;
}
.icons-box .w-iconbox-icon {
	font-size: 54px!important;
	height: 54px;
}
.icons-box .w-iconbox-title,
.yicon-certificazioni .w-iconbox-title{
	text-transform: uppercase;
    font-size: 18px;
}
.w-btn.us-btn-style_1 i,
.ycontacts-link a i {
	width: 30px;
	height: 30px;
	background: var(--black);
	color: var(--white);
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	align-content: center;
	align-items: center;
    align-content: center;
    justify-content: center;
	transition: 350ms;
}
.w-btn.us-btn-style_1:hover i {
	background: var(--white);
	color: var(--black);
}
.ycontacts-link a i {
	background:var(--white);
	color: var(--black);
	margin-left: 12px;
}
.ycontacts-link a {
	line-height: 48px;
	border: 1px solid var(--white);
	border-radius: 50px;
}
.ycontacts-link a {
	padding: 16px 10px 16px 30px;
}

.w-btn.us-btn-style_1 {
	padding: 10px 10px 10px 20px;
    display: inline-flex;
    align-items: center;
    align-content: center;
}
.icons-header i {
    font-weight: 900;
    width: 36px;
    height: 36px;
    background: var(--white);
    color: var(--black);
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    align-content: center;
	justify-content: center;
    font-size: 14px;
	margin: 0px 5px;
}
.main-subtitle h2,
.main-subtitle h3,
.main-subtitle p {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
}
.main-subtitle h2,
.main-subtitle h3,
.main-subtitle p {
color: var(--white);
	font-weight: 400;
}
.row-border {
	position: relative;
}
.row-border:after {
	content: '';
	position: absolute;
	height: 1px ;
	width: 100%;
	background: var(--grey);
	bottom: -70px;
	right: 0;
}
.services-box p {
	display: none;
}
.number-box {
	position: absolute;
    z-index: 1;
    left: 25px;
    top: 10px;
    font-size: 40px;
    line-height: 40px;
    color: var(--white);
    font-weight: 200;
}
.img-logo img {
	object-fit: contain!important;
	filter: grayscale(1);
}
.img-logo img:hover {
	filter: grayscale(0);
}
.footer-title p {
	text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
	margin-bottom: 15px;
}
#page-footer img {
	height: 80px;
	width: 160px;
}
#page-footer .partner-carousel img {
	height: 65px;
	    width: auto !important;
	object-fit: contain!important;
}
.footer-contacts:not(:last-child) {
	margin-bottom: 20px;
}
.big-title h1,
.big-title h2,
.big-title h3,
.big-title h4 {
	font-size: 50px;
}
#page-footer p {
	font-size: 16px;
	line-height: 32px;
}

#page-footer p a {
	color: var(--color-content-text);
}
.years-box .w-counter-title {
	color: var(--white);
	font-size: 56px;
}
.section-logo {
	position: relative;
	overflow: hidden;
}
.section-logo:after,
.section-logo:before {
	content: '';
	position: absolute;
	background-image: url("images/white-icon-zago-carlo.svg");
	background-repeat: no-repeat;
    top: -90px;
    left: -49px;
    width: 360px;
    height: 156px;
    transform: rotate(-10deg);
	z-index: 1;
}
.section-logo:before {
	top: unset;
	left: unset;
	bottom: -90px;
    right: -49px;
}
.years-box .w-counter-value-part  {
	color: var(--white);
	font-size: 125px;
    font-weight: 500;
}
#page-header.sticky .ycontacts-link a{
	border: 1px solid var(--blue);
}
#page-header.sticky .ycontacts-link,
#page-header.sticky .ycontacts-link i{
	color: var(--blue);
}
#page-header.sticky .icons-header i {
	background: var(--blue);
	color: var(--white);
}
.grey-section {
	background: var(--light-grey);
}
.services-box h1,
.services-box h2,
.services-box h3,
.services-box h4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	z-index: 0;
	padding: 0px!important;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
	color: var(--white);
	opacity: 0;
	transition: 350ms;
}
.services-box .w-iconbox-icon:after {
	content: '';
	position: absolute;
	background: var(--blue);
    opacity: 0;
    width: 100%;
	height: 400px;
    bottom: 0;
    left: 0;
	top: 0;
	right: 0;
	transition: 350ms;
}
.services-box:hover .w-iconbox-icon:after {
	opacity: 0.8;
}
.services-box:hover .w-iconbox-title {
	opacity: 1;
}
.w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before {
	font-size: 18px;
    margin-inline-start: 10px;
}
.top-section {
	height: 350px;
	position: relative;
}
.top-section:after {
	content: '';
	position: absolute;
	background: var(--dark-blue);
	opacity: 0.85;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.contacts-box {
	padding: 10px;
}
.contacts-box .w-iconbox-title {
	font-size: 16px;
	padding-bottom: 3px;
	color: var(--red);
}
.contacts-box i {
	font-size: 18px;
	line-height: 45px;
	color: var(--red);
}
.contacts-box .w-iconbox-meta {
	height: 77px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.w-iconbox.iconpos_left .w-iconbox-icon {
	margin-right: 10px!important;
}
.yrow-contacts .wpb_column {
	background: var(--light-grey);
	transition: 350ms;
}
.yrow-contacts .wpb_column:hover {
	background: var(--blue);
}
.yrow-contacts .wpb_column:hover .contacts-box p,
.yrow-contacts .wpb_column:hover .contacts-box .w-iconbox-title,
.yrow-contacts .wpb_column:hover i {
	color: var(--white);
}
.contacts-box .w-iconbox-text {
	font-size: 20px;
}
.top-section {
	display: flex;
	align-items: center;
	align-content: center;
}
.top-section h1 {
	color: var(--white);
	font-size: 56px;
    line-height: 60px;
    letter-spacing: 2px;
	font-weight: 300;
}
.top-section .l-section-h {
	z-index: 2;
}
.g-breadcrumbs-separator {
	color: var(--white);
}
.g-breadcrumbs-item span{
	color: var(--red)!important;
}
.border-top {
	border-top: 1px solid var(--grey)
}
.yicon-certificazioni img {
	height: 100px;
    width: 100%;
    object-fit: contain;
}
.clmn-image.wpb_column {
	height: 700px!important;
}
ul.ylist li {
	position: relative;
	list-style: none;
}
ul.ylist li:before {
font-style: normal;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f178';
    left: -30px;
    position: absolute;
    color: var(--blue);
    font-size: 14px;
}
#page-footer .logo-varesina img{
	width: 150px;
	height: 150px;
}


@media (max-width: 767.98px) {
	.icons-header i {
	width: 30px;
    height: 30px;
}
   .services-box .w-iconbox-icon,
	.services-box .w-iconbox-link {
	font-size: 100%;
    width: 100% !important;	
	}
.ycontacts-link a {
	padding: 14px 20px 14px 20px;
}
.ycontacts-link a i {
	display: none;
}
	.header_hor .l-subheader-cell.at_right>* {
		margin-left: 0px!important;
	}
	.l-subheader-cell.at_right {
    justify-content: space-between;
}
	.main-titles h1, .main-titles h2, .main-titles h3, .main-titles h4, .main-titles p,
	.big-title h1, .big-title h2, .big-title h3, .big-title h4{
	font-size: 42px;
    line-height: 46px;
		letter-spacing: 0px;
		margin-bottom: 10px;
	}
	.years-box .w-counter-value-part {
		    font-size: 110px;
	}
	.years-box .w-counter-title {
	    font-size: 50px;	
	}
    .row-border:before {
		bottom: -50px;
		z-index: 1;
	}
	.row-border:after {
		bottom: -40px;
	}
	.icons-box {
    margin-bottom: 20px !important;
}
	.top-section {
		height: 300px;
		padding-top: 80px!important;
	}
	.top-section h1 {
        font-size: 46px;
        line-height: 46px;
        letter-spacing: 0px;
	}
	.number-box {
		left: 15px;
	}
	#page-footer p {
    font-size: 14px;
		
    line-height: 20px;
}
	.top-section h1 {
        font-size: 40px;
        line-height: 42px;
        letter-spacing: 0px;
        padding-top: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
	.main-titles h1, .main-titles h2, .main-titles h3, .main-titles h4, .main-titles p {
	font-size: 48px;
    line-height: 52px;
    letter-spacing: 1px;
	}
	.services-box img,
	.services-box .w-iconbox-icon:after{
		height: 250px;
	}
	    .row-border:before {
		bottom: -50px;
		z-index: 1;
	}
	.row-border:after {
		bottom: -40px;
	}
	.section-logo {
		overflow: hidden;
	}
	.contacts-box .w-iconbox-text {
    font-size: 16px;
    line-height: 18px;
}
.services-box img,
	.services-box img,
	.services-box img, .services-box .w-iconbox-icon:after {
    height: 300px;
}
}
	
	
	
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.section-logo {
		overflow: hidden;
	}
	.services-box img,
	.services-box .w-iconbox-icon:after{
		height: 310px;
	}
	.top-section h1 {
	font-size: 50px;
    line-height: 52px;
    letter-spacing: 0px;
	padding-top: 50px;
	}
}
@media (min-width: 1280px) and (max-width: 1499.98px) {
	.services-box img,
	.services-box .w-iconbox-icon:after{
		height: 310px;
	}
}