/* ------------------------------------------------------------ */
/* ------------- MARGIN E PADDING ----------------------------- */
/* ------------------------------------------------------------ */

/* ------------- TABLET ORIZZONTALE ----------------- */

@media (max-width: 1024px){
	
	.m-40 { margin: 20px !important }
	.m-50 { margin: 25px !important }
	.m-60 { margin: 30px !important }
	.m-70 { margin: 35px !important }
	.m-80 { margin: 40px !important }
	.m-90 { margin: 45px !important }
	.m-100 { margin: 50px !important }
	.m-110 { margin: 55px !important }
	.m-120 { margin: 60px !important }
	.m-130 { margin: 65px !important }
	.m-140 { margin: 70px !important }
	.m-150 { margin: 75px !important }
	.m-200 { margin: 100px !important }

	.mb-40 { margin-bottom: 20px !important }
	.mb-50 { margin-bottom: 25px !important }
	.mb-60 { margin-bottom: 30px !important }
	.mb-70 { margin-bottom: 35px !important }
	.mb-80 { margin-bottom: 40px !important }
	.mb-90 { margin-bottom: 45px !important }
	.mb-100 { margin-bottom: 50px !important }
	.mb-110 { margin-bottom: 55px !important }
	.mb-120 { margin-bottom: 60px !important }
	.mb-130 { margin-bottom: 65px !important }
	.mb-140 { margin-bottom: 70px !important }
	.mb-150 { margin-bottom: 75px !important }
	.mb-200 { margin-bottom: 100px !important }

	.mt-40 { margin-top: 20px !important }
	.mt-50 { margin-top: 25px !important }
	.mt-60 { margin-top: 30px !important }
	.mt-70 { margin-top: 35px !important }
	.mt-80 { margin-top: 40px !important }
	.mt-90 { margin-top: 45px !important }
	.mt-100 { margin-top: 50px !important }
	.mt-110 { margin-top: 55px !important }
	.mt-120 { margin-top: 60px !important }
	.mt-130 { margin-top: 65px !important }
	.mt-140 { margin-top: 70px !important }
	.mt-150 { margin-top: 75px !important }
	.mt-200 { margin-top: 100px !important }

	.ml-40 { margin-left: 20px !important }
	.ml-50 { margin-left: 25px !important }
	.ml-60 { margin-left: 30px !important }
	.ml-70 { margin-left: 35px !important }
	.ml-80 { margin-left: 40px !important }
	.ml-90 { margin-left: 45px !important }
	.ml-100 { margin-left: 50px !important }
	.ml-110 { margin-left: 55px !important }
	.ml-120 { margin-left: 60px !important }
	.ml-130 { margin-left: 65px !important }
	.ml-140 { margin-left: 70px !important }
	.ml-150 { margin-left: 75px !important }
	.ml-200 { margin-left: 100px !important }

	.mr-40 { margin-right: 20px !important }
	.mr-50 { margin-right: 25px !important }
	.mr-60 { margin-right: 30px !important }
	.mr-70 { margin-right: 35px !important }
	.mr-80 { margin-right: 40px !important }
	.mr-90 { margin-right: 45px !important }
	.mr-100 { margin-right: 50px !important }
	.mr-110 { margin-right: 55px !important }
	.mr-120 { margin-right: 60px !important }
	.mr-130 { margin-right: 65px !important }
	.mr-140 { margin-right: 70px !important }
	.mr-150 { margin-right: 75px !important }
	.mr-200 { margin-right: 100px !important }


	.p-40 { padding: 20px !important }
	.p-50 { padding: 25px !important }
	.p-60 { padding: 30px !important }
	.p-70 { padding: 35px !important }
	.p-80 { padding: 40px !important }
	.p-90 { padding: 45px !important }
	.p-100 { padding: 50px !important }
	.p-110 { padding: 55px !important }
	.p-120 { padding: 60px !important }
	.p-130 { padding: 65px !important }
	.p-140 { padding: 70px !important }
	.p-150 { padding: 75px !important }
	.p-200 { padding: 100px !important }

	.pb-40 { padding-bottom: 20px !important }
	.pb-50 { padding-bottom: 25px !important }
	.pb-60 { padding-bottom: 30px !important }
	.pb-70 { padding-bottom: 35px !important }
	.pb-80 { padding-bottom: 40px !important }
	.pb-90 { padding-bottom: 45px !important }
	.pb-100 { padding-bottom: 50px !important }
	.pb-110 { padding-bottom: 55px !important }
	.pb-120 { padding-bottom: 60px !important }
	.pb-130 { padding-bottom: 65px !important }
	.pb-140 { padding-bottom: 70px !important }
	.pb-150 { padding-bottom: 75px !important }
	.pb-200 { padding-bottom: 100px !important }

	.pt-40 { padding-top: 20px !important }
	.pt-50 { padding-top: 25px !important }
	.pt-60 { padding-top: 30px !important }
	.pt-70 { padding-top: 35px !important }
	.pt-80 { padding-top: 40px !important }
	.pt-90 { padding-top: 45px !important }
	.pt-100 { padding-top: 50px !important }
	.pt-110 { padding-top: 55px !important }
	.pt-120 { padding-top: 60px !important }
	.pt-130 { padding-top: 65px !important }
	.pt-140 { padding-top: 70px !important }
	.pt-150 { padding-top: 75px !important }
	.pt-200 { padding-top: 100px !important }

	.pl-40 { padding-left: 20px !important }
	.pl-50 { padding-left: 25px !important }
	.pl-60 { padding-left: 30px !important }
	.pl-70 { padding-left: 35px !important }
	.pl-80 { padding-left: 40px !important }
	.pl-90 { padding-left: 45px !important }
	.pl-100 { padding-left: 50px !important }
	.pl-110 { padding-left: 55px !important }
	.pl-120 { padding-left: 60px !important }
	.pl-130 { padding-left: 65px !important }
	.pl-140 { padding-left: 70px !important }
	.pl-150 { padding-left: 75px !important }
	.pl-200 { padding-left: 100px !important }

	.pr-40 { padding-right: 20px !important }
	.pr-50 { padding-right: 25px !important }
	.pr-60 { padding-right: 30px !important }
	.pr-70 { padding-right: 35px !important }
	.pr-80 { padding-right: 40px !important }
	.pr-90 { padding-right: 45px !important }
	.pr-100 { padding-right: 50px !important }
	.pr-110 { padding-right: 55px !important }
	.pr-120 { padding-right: 60px !important }
	.pr-130 { padding-right: 65px !important }
	.pr-140 { padding-right: 70px !important }
	.pr-150 { padding-right: 75px !important }
	.pr-200 { padding-right: 100px !important }

}

/* ------------- TABLET VERTICALE ------------------- */

@media (max-width: 768px){

	.m-40 { margin: 14px !important }
	.m-50 { margin: 17px !important }
	.m-60 { margin: 20px !important }
	.m-70 { margin: 24px !important }
	.m-80 { margin: 27px !important }
	.m-90 { margin: 30px !important }
	.m-100 { margin: 34px !important }
	.m-110 { margin: 37px !important }
	.m-120 { margin: 40px !important }
	.m-130 { margin: 44px !important }
	.m-140 { margin: 47px !important }
	.m-150 { margin: 50px !important }
	.m-200 { margin: 67px !important }

	.mb-40 { margin-bottom: 14px !important }
	.mb-50 { margin-bottom: 17px !important }
	.mb-60 { margin-bottom: 20px !important }
	.mb-70 { margin-bottom: 24px !important }
	.mb-80 { margin-bottom: 27px !important }
	.mb-90 { margin-bottom: 30px !important }
	.mb-100 { margin-bottom: 34px !important }
	.mb-110 { margin-bottom: 37px !important }
	.mb-120 { margin-bottom: 40px !important }
	.mb-130 { margin-bottom: 44px !important }
	.mb-140 { margin-bottom: 47px !important }
	.mb-150 { margin-bottom: 50px !important }
	.mb-200 { margin-bottom: 67px !important }

	.mt-40 { margin-top: 14px !important }
	.mt-50 { margin-top: 17px !important }
	.mt-60 { margin-top: 20px !important }
	.mt-70 { margin-top: 24px !important }
	.mt-80 { margin-top: 27px !important }
	.mt-90 { margin-top: 30px !important }
	.mt-100 { margin-top: 34px !important }
	.mt-110 { margin-top: 37px !important }
	.mt-120 { margin-top: 40px !important }
	.mt-130 { margin-top: 44px !important }
	.mt-140 { margin-top: 47px !important }
	.mt-150 { margin-top: 50px !important }
	.mt-200 { margin-top: 67px !important }

	.ml-40 { margin-left: 14px !important }
	.ml-50 { margin-left: 17px !important }
	.ml-60 { margin-left: 20px !important }
	.ml-70 { margin-left: 24px !important }
	.ml-80 { margin-left: 27px !important }
	.ml-90 { margin-left: 30px !important }
	.ml-100 { margin-left: 34px !important }
	.ml-110 { margin-left: 37px !important }
	.ml-120 { margin-left: 40px !important }
	.ml-130 { margin-left: 44px !important }
	.ml-140 { margin-left: 47px !important }
	.ml-150 { margin-left: 50px !important }
	.ml-200 { margin-left: 67px !important }

	.mr-40 { margin-right: 14px !important }
	.mr-50 { margin-right: 17px !important }
	.mr-60 { margin-right: 20px !important }
	.mr-70 { margin-right: 24px !important }
	.mr-80 { margin-right: 27px !important }
	.mr-90 { margin-right: 30px !important }
	.mr-100 { margin-right: 34px !important }
	.mr-110 { margin-right: 37px !important }
	.mr-120 { margin-right: 40px !important }
	.mr-130 { margin-right: 44px !important }
	.mr-140 { margin-right: 47px !important }
	.mr-150 { margin-right: 50px !important }
	.mr-200 { margin-right: 67px !important }


	.p-40 { padding: 14px !important }
	.p-50 { padding: 17px !important }
	.p-60 { padding: 20px !important }
	.p-70 { padding: 24px !important }
	.p-80 { padding: 27px !important }
	.p-90 { padding: 30px !important }
	.p-100 { padding: 34px !important }
	.p-110 { padding: 37px !important }
	.p-120 { padding: 40px !important }
	.p-130 { padding: 44px !important }
	.p-140 { padding: 47px !important }
	.p-150 { padding: 50px !important }
	.p-200 { padding: 67px !important }

	.pb-40 { padding-bottom: 14px !important }
	.pb-50 { padding-bottom: 17px !important }
	.pb-60 { padding-bottom: 20px !important }
	.pb-70 { padding-bottom: 24px !important }
	.pb-80 { padding-bottom: 27px !important }
	.pb-90 { padding-bottom: 30px !important }
	.pb-100 { padding-bottom: 34px !important }
	.pb-110 { padding-bottom: 37px !important }
	.pb-120 { padding-bottom: 40px !important }
	.pb-130 { padding-bottom: 44px !important }
	.pb-140 { padding-bottom: 47px !important }
	.pb-150 { padding-bottom: 50px !important }
	.pb-200 { padding-bottom: 67px !important }

	.pt-40 { padding-top: 14px !important }
	.pt-50 { padding-top: 17px !important }
	.pt-60 { padding-top: 20px !important }
	.pt-70 { padding-top: 24px !important }
	.pt-80 { padding-top: 27px !important }
	.pt-90 { padding-top: 30px !important }
	.pt-100 { padding-top: 34px !important }
	.pt-110 { padding-top: 37px !important }
	.pt-120 { padding-top: 40px !important }
	.pt-130 { padding-top: 44px !important }
	.pt-140 { padding-top: 47px !important }
	.pt-150 { padding-top: 50px !important }
	.pt-200 { padding-top: 67px !important }

	.pl-40 { padding-left: 14px !important }
	.pl-50 { padding-left: 17px !important }
	.pl-60 { padding-left: 20px !important }
	.pl-70 { padding-left: 24px !important }
	.pl-80 { padding-left: 27px !important }
	.pl-90 { padding-left: 30px !important }
	.pl-100 { padding-left: 34px !important }
	.pl-110 { padding-left: 37px !important }
	.pl-120 { padding-left: 40px !important }
	.pl-130 { padding-left: 44px !important }
	.pl-140 { padding-left: 47px !important }
	.pl-150 { padding-left: 50px !important }
	.pl-200 { padding-left: 67px !important }

	.pr-40 { padding-right: 14px !important }
	.pr-50 { padding-right: 17px !important }
	.pr-60 { padding-right: 20px !important }
	.pr-70 { padding-right: 24px !important }
	.pr-80 { padding-right: 27px !important }
	.pr-90 { padding-right: 30px !important }
	.pr-100 { padding-right: 34px !important }
	.pr-110 { padding-right: 37px !important }
	.pr-120 { padding-right: 40px !important }
	.pr-130 { padding-right: 44px !important }
	.pr-140 { padding-right: 47px !important }
	.pr-150 { padding-right: 50px !important }
	.pr-200 { padding-right: 67px !important }
	
}

/* ------------- SMARTPHONE ------------------------- */

@media (max-width: 576px){

	.m-40 { margin: 10px !important }
	.m-50 { margin: 13px !important }
	.m-60 { margin: 15px !important }
	.m-70 { margin: 18px !important }
	.m-80 { margin: 20px !important }
	.m-90 { margin: 23px !important }
	.m-100 { margin: 25px !important }
	.m-110 { margin: 28px !important }
	.m-120 { margin: 30px !important }
	.m-130 { margin: 33px !important }
	.m-140 { margin: 35px !important }
	.m-150 { margin: 38px !important }
	.m-200 { margin: 50px !important }

	.mb-40 { margin-bottom: 10px !important }
	.mb-50 { margin-bottom: 13px !important }
	.mb-60 { margin-bottom: 15px !important }
	.mb-70 { margin-bottom: 18px !important }
	.mb-80 { margin-bottom: 20px !important }
	.mb-90 { margin-bottom: 23px !important }
	.mb-100 { margin-bottom: 25px !important }
	.mb-110 { margin-bottom: 28px !important }
	.mb-120 { margin-bottom: 30px !important }
	.mb-130 { margin-bottom: 33px !important }
	.mb-140 { margin-bottom: 35px !important }
	.mb-150 { margin-bottom: 38px !important }
	.mb-200 { margin-bottom: 50px !important }

	.mt-40 { margin-top: 10px !important }
	.mt-50 { margin-top: 13px !important }
	.mt-60 { margin-top: 15px !important }
	.mt-70 { margin-top: 18px !important }
	.mt-80 { margin-top: 20px !important }
	.mt-90 { margin-top: 23px !important }
	.mt-100 { margin-top: 25px !important }
	.mt-110 { margin-top: 28px !important }
	.mt-120 { margin-top: 30px !important }
	.mt-130 { margin-top: 33px !important }
	.mt-140 { margin-top: 35px !important }
	.mt-150 { margin-top: 38px !important }
	.mt-200 { margin-top: 50px !important }

	.ml-40 { margin-left: 10px !important }
	.ml-50 { margin-left: 13px !important }
	.ml-60 { margin-left: 15px !important }
	.ml-70 { margin-left: 18px !important }
	.ml-80 { margin-left: 20px !important }
	.ml-90 { margin-left: 23px !important }
	.ml-100 { margin-left: 25px !important }
	.ml-110 { margin-left: 28px !important }
	.ml-120 { margin-left: 30px !important }
	.ml-130 { margin-left: 33px !important }
	.ml-140 { margin-left: 35px !important }
	.ml-150 { margin-left: 38px !important }
	.ml-200 { margin-left: 50px !important }

	.mr-40 { margin-right: 10px !important }
	.mr-50 { margin-right: 13px !important }
	.mr-60 { margin-right: 15px !important }
	.mr-70 { margin-right: 18px !important }
	.mr-80 { margin-right: 20px !important }
	.mr-90 { margin-right: 23px !important }
	.mr-100 { margin-right: 25px !important }
	.mr-110 { margin-right: 28px !important }
	.mr-120 { margin-right: 30px !important }
	.mr-130 { margin-right: 33px !important }
	.mr-140 { margin-right: 35px !important }
	.mr-150 { margin-right: 38px !important }
	.mr-200 { margin-right: 50px !important }


	.p-40 { padding: 10px !important }
	.p-50 { padding: 13px !important }
	.p-60 { padding: 15px !important }
	.p-70 { padding: 18px !important }
	.p-80 { padding: 20px !important }
	.p-90 { padding: 23px !important }
	.p-100 { padding: 25px !important }
	.p-110 { padding: 28px !important }
	.p-120 { padding: 30px !important }
	.p-130 { padding: 33px !important }
	.p-140 { padding: 35px !important }
	.p-150 { padding: 38px !important }
	.p-200 { padding: 50px !important }

	.pb-40 { padding-bottom: 10px !important }
	.pb-50 { padding-bottom: 13px !important }
	.pb-60 { padding-bottom: 15px !important }
	.pb-70 { padding-bottom: 18px !important }
	.pb-80 { padding-bottom: 20px !important }
	.pb-90 { padding-bottom: 23px !important }
	.pb-100 { padding-bottom: 25px !important }
	.pb-110 { padding-bottom: 28px !important }
	.pb-120 { padding-bottom: 30px !important }
	.pb-130 { padding-bottom: 33px !important }
	.pb-140 { padding-bottom: 35px !important }
	.pb-150 { padding-bottom: 38px !important }
	.pb-200 { padding-bottom: 50px !important }

	.pt-40 { padding-top: 10px !important }
	.pt-50 { padding-top: 13px !important }
	.pt-60 { padding-top: 15px !important }
	.pt-70 { padding-top: 18px !important }
	.pt-80 { padding-top: 20px !important }
	.pt-90 { padding-top: 23px !important }
	.pt-100 { padding-top: 25px !important }
	.pt-110 { padding-top: 28px !important }
	.pt-120 { padding-top: 30px !important }
	.pt-130 { padding-top: 33px !important }
	.pt-140 { padding-top: 35px !important }
	.pt-150 { padding-top: 38px !important }
	.pt-200 { padding-top: 50px !important }

	.pl-40 { padding-left: 10px !important }
	.pl-50 { padding-left: 13px !important }
	.pl-60 { padding-left: 15px !important }
	.pl-70 { padding-left: 18px !important }
	.pl-80 { padding-left: 20px !important }
	.pl-90 { padding-left: 23px !important }
	.pl-100 { padding-left: 25px !important }
	.pl-110 { padding-left: 28px !important }
	.pl-120 { padding-left: 30px !important }
	.pl-130 { padding-left: 33px !important }
	.pl-140 { padding-left: 35px !important }
	.pl-150 { padding-left: 38px !important }
	.pl-200 { padding-left: 50px !important }

	.pr-40 { padding-right: 10px !important }
	.pr-50 { padding-right: 13px !important }
	.pr-60 { padding-right: 15px !important }
	.pr-70 { padding-right: 18px !important }
	.pr-80 { padding-right: 20px !important }
	.pr-90 { padding-right: 23px !important }
	.pr-100 { padding-right: 25px !important }
	.pr-110 { padding-right: 28px !important }
	.pr-120 { padding-right: 30px !important }
	.pr-130 { padding-right: 33px !important }
	.pr-140 { padding-right: 35px !important }
	.pr-150 { padding-right: 38px !important }
	.pr-200 { padding-right: 50px !important }
	
}

/* ------------------------------------------------------------ */
/* ------------- END: MARGIN E PADDING ------------------------ */
/* ------------------------------------------------------------ */


/* -------------------------------------------------- */
/* ------------- LAPTOP E TABLET GRANDI ------------- */
/* ------------- USARE XL- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1400px){

}

/* -------------------------------------------------- */
/* ------------- TABLET E LAPTOP PICCOLI ------------ */
/* ------------- USARE LG- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1200px){
	
	/* --------------- BOXED --------------- */
	body.boxed {
		background: linear-gradient(
			to bottom,
			var(--primary-color) 80px, var(--light-grey) 80px,
			var(--light-grey) calc(100% - 730px), var(--secondary-color) calc(100% - 730px),
			var(--secondary-color) calc(100% - 210px), var(--primary-color) calc(100% - 210px));
	}
	body.boxed .body-inner {
		width: 95%;
	  margin: auto;
	}
	body.boxed .body-inner:before {
	  top: 70px;
		height: calc(100% - 880px);
	}
	body.boxed #footer .footer-content {
		min-height: 520px;
		max-height: 520px;
	}
	body.boxed #footer .copyright-content {
		min-height: 210px;
		max-height: 210px;
	}
	
	/* --------------- OBJECT --------------- */
	
	/* --- timeline --- */
	.timeline-image {
		width: 46%;
	}
	.timeline-image > .carousel {
		width: 100% !important;
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
		left: -34px;
	}
	.timeline > li > .timeline-panel:before {
		right: -34px;
	}
	
	/* --- icon - dropdown --- */
	#mainMenu nav > ul > li.dropdown:before,
	#mainMenu nav ul > li.dropdown-submenu:before {
		content: "\f054";
		transform: rotate(0deg) !important;
		font-family: "Font Awesome 5 Pro";
	}
	#mainMenu nav > ul > li.dropdown.hover-active:before,
	#mainMenu nav ul > li.dropdown-submenu.hover-active:before {
		transform: rotate(90deg) !important;
	}
	
	/* --- icon - social news --- */
	ul.social-news > li {
		display: block;
	}
	
	/* --- icon - search header --- */
	.header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(2) {
		left: -50px;
	}
	
	/* --------------- HEADER --------------- */
	
	/* --- dropdown-mega-menu --- */
	#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
		width: 100vw;
	}
	
	/* --------------- SUBHEADER --------------- */
	.subheader-child {
		display: none;
	}
	
}

/* -------------------------------------------------- */
/* ------------- TABLET VERTICALI ------------------- */
/* ------------- USARE MD- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 992px){
	
	/* --------------- OBJECT --------------- */
	
	/* --- btn --- */
	.btn {
		width: fit-content;
	  margin: auto;
	}
	
	/* --- subtitle --- */
	h5.subtitle {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	/* --- icon - search header --- */
	.header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(2) {
		left: -40px;
	}
	
	/* --------------- HOME --------------- */
	#prodottiHome .col-prodotti-home {
		min-height: 325px;
		justify-content: space-around !important;
	}
	#prodottiHome .prodotti-image {
		left: unset;
	}
	
	/* --------------- PRODUCT --------------- */
	
	/* --- product - filter --- */
	.news-filter ul > li {
		margin-bottom: 5px;
	}
	
	/* --- product - dettaglio --- */
	#introSchedaProdotto .carousel {
		margin-bottom: 50px;
	}
	#introSchedaProdotto .text-right {
		text-align: left !important;
	}
	
	/* --------------- NEWS --------------- */
	#news .limited-news:last-child {
		display: none;
	}
	
	/* --------------- MARGIN E PADDING --------------- */
	.mb-md-30 { margin-bottom: 30px !important; }

}

/* -------------------------------------------------- */
/* ------------- TABLET VERTICALI ------------------- */
/* ------------- USARE SM- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 768px){
	
	/* --------------- HOME --------------- */
	div.news-card > div.text-news {
		padding: 30px 15px 15px 15px;
	}
	div.news-card > div.text-news > p.desc-settori {
		min-height: 200px;
	}

}

/* -------------------------------------------------- */
/* ------------- SMARTPHONE ------------------------- */
/* ------------- USARE XS- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 576px){
	
	/* --------------- BOXED --------------- */
	body.boxed {
		background: linear-gradient(
			to bottom,
			var(--primary-color) 80px, var(--light-grey) 80px,
			var(--light-grey) calc(100% - 850px), var(--secondary-color) calc(100% - 850px),
			var(--secondary-color) calc(100% - 240px), var(--primary-color) calc(100% - 240px));
	}
	body.boxed .body-inner:before {
		height: calc(100% - 1000px);
	  background-color: white;
	}
	body.boxed #footer .footer-content {
		min-height: 610px;
		max-height: 610px;
	}
	body.boxed #footer .copyright-content {
		min-height: 240px;
		max-height: 240px;
	}
	
	/* --------------- TEXT --------------- */
	h2 {
		font-size: 25px;
		line-height: 32px;
	}
	h3 {
		font-size: 34px;
		line-height: 42px;
	}
	h5 {
		font-size: 16px;
		line-height: 24px;
	}
	h5.subtitle {
		font-size: 15px;
		line-height: 23px;
	}
	
	/* --------------- OBJECT --------------- */
	
	/* --- cta footer --- */
	#ctaFooter > .container .shadow-round-border {
		padding: 30px;
	}
	
	/* --- cta servizi --- */
	#ctaServizi .row {
		justify-content: center;
	}
	#ctaServizi .row > .col-12 {
		text-align: center !important;
	}
	
	/* --- form cerca --- */
	#formCerca .form-floating > label {
		font-size: 13px;
		line-height: 21px;
	}
	#formCerca .form-floating > input:focus ~ label,
	#formCerca .form-floating > input:not(:placeholder-shown) ~ label {
		font-size: 10px;
		line-height: 18px;
	}
	
	/* --- btn --- */
	.btn {
		margin: auto;
	}
	
	/* --- subtitle --- */
	h5.subtitle {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	/* --- timeline --- */
	.timeline:after {
		left: 0 !important;
	}
	.timeline:before {
		left: 25px !important;
	}
	.timeline > li {
		flex-wrap: wrap;
	}
	.timeline > li > .timeline-panel,
	.timeline > li > .timeline-image {
		width: 80% !important;
		margin-left: auto;
	}
	.timeline > li > .timeline-panel {
		margin-bottom: 30px;
	}
	.timeline > li > .timeline-panel:before {
	  top: 25px !important;
		right: unset;
		left: -36px;
		transform: rotate(180deg);
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
		left: -36px;
	}
	.timeline > li > .timeline-image > .carousel,
	.timeline > li > .timeline-image > img {
		width: 100% !important;
		height: auto !important;
	}
	.timeline > li > .timeline-badge {
		left: 0 !important;
	}
	
	/* --- news card --- */
	#news .news-filter {
		height: auto;
		margin-bottom: 20px;
	}
	#news .news-filter ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#news .news-filter ul li {
  margin-bottom: 10px;
	}
	
	/* --- map --- */
	#mapReteVendita .row,
	#mapContatti .row {
		flex-direction: column-reverse;
	}
	#mapReteVendita .form-input {
		background-color: white;
	}
	#mapReteVendita .textReteVendita,
	#mapContatti .row {
		text-align: center;
	}
	#mapContatti .row .icon-contatti {
		margin: auto;
		margin-bottom: 15px;
	}
	
	/* --------------- HEADER --------------- */
	
	/* --- topbar --- */
	#topbar .topbar-left {
		padding-left: 5px;
	}
	
	/* --- logo --- */
	#logo a {
		position: absolute;
		left: 20px;
	}
	#header .header-inner #logo a > img {
		max-width: 200px;
	}
	
	/* --- menu dropdown --- */
	#mainMenu li.active > a {
		color: var(--primary-color) !important;
	}
	#mainMenu:not(.menu-overlay) nav > ul li:not(.hover-active) > .dropdown-menu {
		overflow: hidden !important;
	}
	
	/* --------------- SUBHEADER --------------- */
	#page-title {
  	padding: 30px 0;
	}
	#page-title .container {
	  flex-direction: column;
  	flex-wrap: wrap;
	  justify-content: center;
	}
	#page-title .container .page-title:before {
		content: none;
	}
	#page-title .container .page-title h1 {
		text-align: center !important;
		margin-left: 0 !important;
		font-size: 19px;
		line-height: 27px;
	}
	#page-title .container .breadcrumb {
		font-size: 11px;
	}
	#page-title .breadcrumb {
		text-align: center
	}
	#page-title .breadcrumb ul {
		margin-left: 0;
	}
	
	/* --------------- FOOTER --------------- */
	#footer > .footer-content > .container > .row > .col-6:nth-child(even) {
		padding-left: 0 !important;
	}
	.copyright-content span {
		font-size: 12px;
		line-height: 20px;
	}
	#footer.footer-small .copyright-content {
		height: 60px;
	}
	
	/* --------------- MODAL STRIP --------------- */
	.modal-strip.modal-strip-avviso .modal-strip-testo :last-child {
		margin-bottom: 15px;
	}
	.modal-strip.modal-strip-avviso .modal-strip-chiudi {
		position: absolute;
		top: 20px;
		right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20px;
		height: 20px;
		padding: 0;
	}
	
	/* --------------- SLIDE --------------- */
	#slider {
		top: -180px;
		margin-bottom: -180px;
	}
	#containerSlider .container {
		width: 100% !important;
		max-width: 100%;
		padding: 0;
	}
	.inspiro-slider .flickity-button {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	.inspiro-slider .flickity-button.previous {
		left: 15px !important;
	}
	.inspiro-slider .flickity-button.next {
		right: 15px !important;
	}
	.inspiro-slider .flickity-button:before {
		width: 40px;
		height: 40px;
	}
	
	/* --------------- HOME --------------- */
	.img-logo-pitt {
		max-width: 100px;
		padding-right: 10px;
	}
	div.news-card > div.text-news > p.desc-settori {
		min-height: unset;
	}
	
	/* --------------- SETTORE --------------- */
	.col-img-bg-settori {
		min-height: 250px;
	}
	
	/* --------------- PRODUCTS --------------- */
	
	/* --- product - grid --- */
	.grid-item > .product {
  	grid-template-columns: auto;
	}
	.grid-item > .product > .product-description {
  	padding: 15px;
	}
	.grid-item > .product .product-title {
  	max-width: 100%;
  	margin-bottom: 15px;
	}
	.grid-item > .product .product-valori {
  	margin-top: 15px !important;
  	margin-bottom: 10px;
	}
	.grid-item > .product > .product-image img {
		height: auto;
	}
	
	/* --- product - dettaglio --- */
	.tab-prodotti-dettaglio ul.nav-tabs > li.nav-item {
		width: 100%;
	}
	.tab-prodotti-dettaglio ul.nav-tabs > li.nav-item a,
	.tab-prodotti-dettaglio div.tab-content {
		border-radius: 0 !important;
		border: 1px solid var(--light-grey) !important;
		border-bottom: none !important;
	}
	.tab-prodotti-dettaglio ul.nav-tabs > li.nav-item a.active {
		color: var(--primary-color) !important;
		background-color: var(--light-grey) !important;
	}
	.tab-prodotti-dettaglio div.tab-content {
		border-bottom: 1px solid var(--light-grey) !important;
	}
	
	/* --------------- NEWS --------------- */
	div.news-card > div.text-news > p {
		min-height: unset;
	}
	
	/* --------------- MARGIN E PADDING --------------- */
	.pt-xs-30 { padding-top: 30px !important; }
	.pt-xs-50 { padding-top: 50px !important; }
	.pt-xs-60 { padding-top: 60px !important; }
	
	.pb-xs-30 { padding-bottom: 30px !important; }
	.pb-xs-60 { padding-bottom: 60px !important; }
	
	.pl-xs-0 { padding-left: 0px !important; }
	.pl-xs-20 { padding-left: 20px !important; }
	
	.m-xs-auto { margin: auto !important; }
	
	.mt-xs-30 { margin-top: 30px !important; }
	.mt-xs-50 { margin-top: 50px !important; }
	
	.mb-xs-0 { margin-bottom: 0px !important; }
	.mb-xs-10 { margin-bottom: 10px !important; }
	.mb-xs-20 { margin-bottom: 20px !important; }
	.mb-xs-30 { margin-bottom: 30px !important; }
	.mb-xs-50 { margin-bottom: 50px !important; }

}