/*
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;
	--grey: #dbdbdb;
	--text: #616161;
	--blue: #0e2e72;
	--fuchsia: #e60379;
	--black: #171717;
}
.yicons-header i {
	width: 30px;
	height: 30px;
	color: var(--grey);
	border: 1px solid;
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-radius: 50px;
	font-size: 14px;
	margin-right: 6px;
}
.yicons-header {
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 0.5px;
}
.ysocial-icons i{
	width: 40px;
	height: 40px;
	color: var(--fuchsia);
	display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
	border: 2px solid var(--blue);
	border-radius: 50px;
	transition: 250ms;
}
.ysocial-icons a:hover i {
	background: var(--blue);
	color: var(--white);
}
.ysocial-icons a {
	margin: 5px;
}
.current-menu-item .w-nav-title {
	font-weight: 700;
}
.main-titles h1,
.main-titles h2,
.main-titles h3,
.main-titles h4,
.main-titles p {
	font-size: 40px;
	line-height: 46px;
	font-weight: 500;
	color: var(--blue);
}
.big-whitep p {
	font-size: 25px;
	color: var(--white);
}
.big-p p {
	font-size: 20px;
	line-height: 28px;
}
.big-p p a {
	font-weight: 700;
}
.ynumber-home {
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.ynumber-home .w-counter-value-part.type_number {
	font-weight: 700;
	font-size: 75px;
}
.blue-section {
	position: relative;
}
.blue-section:before {
	content: '';
    position: absolute;
  	background: url("images/cappello-impianti-mongrando-logo.png");
    width: 400px;
    height: 400px;
    z-index: 11;
    background-size: contain;
    top: -8%;
	left: 0;
    opacity: 0.2;
    background-repeat: no-repeat;
    transform: translateX(0%);
}
.border-bottom {
	border-bottom: 1px solid var(--grey);
	padding-bottom: 20px;
	margin-bottom: 30px!important;
}
.footer-main h1{
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
}
.footer-main h1 span {
	color: var(--fuchsia);
	font-size: 18px;
	font-weight: 500;
}
.yfooter-icons:not(:last-child) {
	margin-bottom: 30px;
}
.yfooter-icons .w-iconbox-icon  {
	font-size: 18px !important;
    height: 10px !important;
	    margin-right: 10px !important;
}
.yfooter-icons .w-iconbox-title {
	text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 700;
	padding-bottom: 4px;
}
.footer-title p {
	text-transform: uppercase;
	color: var(--white);
	    font-size: 14px;
    line-height: 12px;
	margin-bottom: 20px;
	font-weight: 700;
}
.text-footer p {
	font-size: 14px;
}
.border-left {
	margin: 0!important;
}
.top-section {
	position: relative;
}
.top-section:after {
	content: '';
	position: absolute;
	background: var(--black);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.7;
}
.top-section .l-section-h {
	z-index: 1;
}
.top-section .post_title {
	color: var(--white);
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 500;
}
.yicons-contacts .w-iconbox-title {
	color: var(--text);
	font-size: 16px;
    line-height: 22px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: muli;
	padding-bottom: 0px;
}
.yicons-contacts .w-iconbox-icon {
	font-size: 22px!important;
}
.yicons-contacts:not(:last-child) {
	margin-bottom: 30px;
}
.yicons-contacts .w-iconbox-icon {
	min-width: 50px;
	height: 50px;
	background: var(--blue);
	border-radius: 50px;
	border: 2px solid var(--blue);
	
}
.yicons-contacts:hover .w-iconbox-icon{
	background: var(--white);
}
.yicons-contacts .w-iconbox-icon i {
	color: var(--white);
	font-size: 20px;
}
.yicons-contacts:hover .w-iconbox-icon i {
	color: var(--blue);
}
.yicons-contacts p a {
	color: var(--fuchsia);
}
.yrow-form {
	display: flex;
	justify-content: space-between;
}
.yrow-form p {
	width: 49%;
}
.table tr,
.table td,
.table th {
	border: unset;
	padding: 5px;
}
.ytable {
	list-style: none;
}
.ytable li {
	position: relative;
	padding-bottom: 8px;
}
.ytable li:before {
	  content: '\f00c';
	position: absolute;
	left: -40px;
	font-family: "fontawesome";
    font-weight: 400; 
	width: 20px;
    height: 20px;
	font-size: 14px;
	border-radius: 50px;
    border: 2px solid var(--blue);
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: var(--blue);
}
.yimg-logo img {
	height: 45px;
	object-fit: contain;
}
.small-titles h1,
.small-titles h2,
.small-titles h3,
.small-titles h4,
.small-titles p {
	font-size: 18px;
	text-transform: uppercase;
	color: var(--fuchsia);
	font-weight: 600;
	margin-bottom: 10px;
}
.certificazioni-box .w-vwrapper  {
	max-width: 50%;
}
.l-subheader.at_middle.width_full {
    backdrop-filter: blur(8px);
}
.ybottom-section .l-section-h {
	border-top: 1px solid #3e3e3e;
	padding-top: 30px;
}
.img-points {
	position: relative;
}
.img-points:after {
    content: '';
    position: absolute;
    top: 30px;
    right: -30px;
    background-image: url(images/points-pink.png);
    background-size: contain;
    width: 100px;
    height: 220px;
    opacity: 0.4;
}
@media (max-width: 767.98px) {
	.l-subheader.at_middle, .l-subheader.at_middle .w-dropdown-list,
	.l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
		    background: rgb(255 255 255 / 95%)!important;
	}
	.header_hor .l-subheader-cell.at_right>* {
		margin-left: 5px!important;
	}
	.ysocial-icons a {
    margin: 3px;
}
	.blue-section:before {
		    width: 360px;
    height: 360px;
	}
	.footer-main h1,
	.footer-main h1 span{
		font-size: 22px;
	}
	.text-footer p {
		font-size: 16px;
	}
	.top-section:after {
		opacity: 0.5;
	}
	.top-section .post_title {
		font-size: 30px;
	}
	.yrow-form {
		flex-direction: column;
		margin-bottom: 20px;
	}
	.yrow-form p {
    width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
	#page-footer p {
		font-size: 14px;
	}
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.l-subheader-cell.at_right {
		flex-direction: row-reverse;
	}
	.ush_menu_2.type_desktop {
    --menu-items-gap: 8px!important;
}
	#page-header .ysocial-icons {
		display: none;
	}
	
}

@media (min-width: 1280px) and (max-width: 1339.98px) {
	.l-subheader.at_middle.width_full {
		padding: 0px 20px!important;
	}
	.ush_menu_2.type_desktop {
    --menu-items-gap: 12px!important;
}
}