:root {
	--cassiopeia-color-primary: #a51818;
	--cassiopeia-color-link: #700b0b;
	--link-color: #507E8D;
	--link-color-rgb: 58, 182, 125;
	--cassiopeia-color-hover: #ee7203;
	--primary-color: #404040;
	--secondary-color: #808080;
	--lsecondary-color: #ff0b00;
	--dsecondary-color: #92110b;
	--third-color: #ffc800;
	--lgrey-color: #efefef;
	--dgrey-color: #3d3d3c;
	--menu-text-color: #808080;
	--menu-bg-color: #808080;

	--juxitem-color: var(--primary-color);
	--juxitem-hover-color: #ffc800;


	--white: hsl(0, 0%, 100%);
	--grey-100: hsl(0, 0%, 98%);
	--grey-200: hsl(0, 0%, 93%);
	--grey-300: hsl(0, 0%, 89%);
	--grey-400: hsl(0, 0%, 83%);
	--grey-500: hsl(0, 0%, 71%);
	--grey-600: hsl(0, 0%, 48%);
	--grey-700: hsl(0, 0%, 31%);
	--grey-800: hsl(0, 0%, 23%);
	--grey-900: hsl(0, 0%, 15%);
	--primary: hsl(0, 0%, 0%);
	--secondary: hsl(0, 0%, 100%);
	--success: hsl(120, 32%, 39%);
	--info: hsl(207, 49%, 37%);
	--warning: hsl(34, 100%, 34%);
	--danger: hsl(3, 75%, 37%);
	--light: hsl(210, 17%, 98%);
	--dark: hsl(210, 10%, 23%);
	--primary-rgb: 1, 1, 86;
	--secondary-rgb: 109, 117, 126;
	--success-rgb: 68, 131, 68;
	--info-rgb: 48, 99, 141;
	--warning-rgb: 173, 98, 0;
	--danger-rgb: 165, 31, 24;
	--light-rgb: 249, 250, 251;
	--dark-rgb: 53, 59, 65;
	--primary-text-emphasis: #000022;
	--secondary-text-emphasis: #2c2f32;
	--success-text-emphasis: #1b341b;
	--info-text-emphasis: #132838;
	--warning-text-emphasis: #452700;
	--danger-text-emphasis: #420c0a;
	--light-text-emphasis: hsl(210, 9%, 31%);
	--dark-text-emphasis: hsl(210, 9%, 31%);
	--primary-bg-subtle: #ccccdd;
	--secondary-bg-subtle: #e2e3e5;
	--success-bg-subtle: #dae6da;
	--info-bg-subtle: #d6e0e8;
	--warning-bg-subtle: #efe0cc;
	--danger-bg-subtle: #edd2d1;
	--light-bg-subtle: #fcfdfd;
	--dark-bg-subtle: hsl(210, 14%, 83%);
	--primary-border-subtle: #9999bb;
	--secondary-border-subtle: #c5c8cb;
	--success-border-subtle: #b4cdb4;
	--info-border-subtle: #acc1d1;
	--warning-border-subtle: #dec099;
	--danger-border-subtle: #dba5a3;
	--light-border-subtle: hsl(210, 16%, 93%);
	--dark-border-subtle: hsl(210, 11%, 71%);
	--white-rgb: 255, 255, 255;
	--black-rgb: 0, 0, 0;
	--body-font: "Montserrat", serif;
	--body-font-family: "Montserrat", serif;
	--font-family-title: "Montserrat", serif;
	--font-sans-serif: "Montserrat", serif;
	--title-font: "Montserrat", sans-serif;
	--font-sans-serif-secondary: "Bebas Neue", serif;
	--font-regular: "Montserrat", serif;
	--font-condensed: "Montserrat", serif;
	--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace;
	--gradient: linear-gradient(180deg,
			rgba(255, 255, 255, 0.15),
			rgba(255, 255, 255, 0));
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--body-color: var(--grey-800);
	--body-bg: hsl(0, 0%, 100%);
	--body-bg-rgb: 255, 255, 255;
	--emphasis-color: hsl(0, 0%, 0%);
	--emphasis-color-rgb: 0, 0, 0;
	--secondary-color-rgb: 34, 38, 42;
	--secondary-bg: hsl(210, 16%, 93%);
	--secondary-bg-rgb: 234, 237, 240;
	--tertiary-color: rgba(34, 38, 42, 0.5);
	--tertiary-color-rgb: 34, 38, 42;
	--tertiary-bg: hsl(210, 17%, 98%);
	--tertiary-bg-rgb: 249, 250, 251;
	--heading-color: inherit;
	--link-color: var(--lgreen);
	--link-color-rgb: 34, 79, 170;
	--link-decoration: underline;
	--link-hover-color: hsl(242, 30%, 36%);
	--link-hover-color-rgb: 66, 64, 119;
	--code-color: hsl(332, 79%, 58%);
	--highlight-color: hsl(210, 11%, 15%);
	--highlight-bg: #fbeea8;
	--border-width: 1px;
	--border-style: solid;
	--border-color: hsl(210, 14%, 89%);
	--border-color-translucent: rgba(0, 0, 0, 0.175);
	--border-radius: 0.25rem;
	--border-radius-sm: 0.2rem;
	--border-radius-lg: 0.3rem;
	--border-radius-xl: 0.3rem;
	--border-radius-xxl: 2rem;
	--border-radius-2xl: var(--border-radius-xxl);
	--border-radius-pill: 50rem;
	--box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--focus-ring-width: 0.25rem;
	--focus-ring-opacity: 0.25;
	--focus-ring-color: rgba(1, 1, 86, 0.25);
	--form-valid-color: hsl(120, 32%, 39%);
	--form-valid-border-color: hsl(120, 32%, 39%);
	--form-invalid-color: hsl(3, 75%, 37%);
	--form-invalid-border-color: hsl(3, 75%, 37%);


	--height-header: 60px;
	scroll-padding-top: var(--height-header);
}


*::-webkit-scrollbar {
	width: 4px;
}

*::-webkit-scrollbar-track {
	background: #fff;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--secondary-color);
	border-radius: 0px;
	border: 0px solid #fff;
}

*,*:focus,*:hover,*:focus-visible,*:focus-within{
	outline:none;
}










@font-face {
	font-family: 'stm-service-default';
	src: url('../fonts/service-fonts/stm-service-default.eot?ok2lqi');
	src: url('../fonts/service-fonts/stm-service-default.eot?ok2lqi#iefix') format('embedded-opentype'),
		url('../fonts/service-fonts/stm-service-default.ttf?ok2lqi') format('truetype'),
		url('../fonts/service-fonts/stm-service-default.woff?ok2lqi') format('woff'),
		url('../fonts/service-fonts/stm-service-default.svg?ok2lqi#stm-service-default') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'stm-rental';
	src: url('../fonts/rental/stm-rental.eot?ok2lqi');
	src: url('../fonts/rental/stm-rental.eot?ok2lqi#iefix') format('embedded-opentype'),
		url('../fonts/rental/stm-rental.ttf?ok2lqi') format('truetype'),
		url('../fonts/rental/stm-rental.woff?ok2lqi') format('woff'),
		url('../fonts/rental/stm-rental.svg?ok2lqi#stm-service-default') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


[class^="stm-service-icon-"],
[class*=" stm-service-icon-"] {
	font-family: 'stm-service-default' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="stm-rental-"], [class*=" stm-rental-"] {
	font-family: 'stm-rental' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





















.fancybox-bg{
	background-color: #000!important;
}


.grecaptcha-badge{
	/* display: none!important; */
	z-index: -1;
	
}


html,
body {
	width: 100%;
	display: block;
	clear: both;
	scroll-behavior: smooth;
}

.noscrollbody{
	overflow: hidden;
}

#rc-anchor-alert, .rc-anchor-alert{
	z-index: 9999;
}


span[data-tooltips]{
	border-bottom: 0px;
}

.jfilters-filter-container__inner{
	display: flex;
	flex-direction: column;
}

.jfilters-filter-list__item{
	font-size: 0.85rem;
}

.jfilters-item-link--clear{
	font-size: 0.7rem;
	font-weight: 700;
	background-color: var(--primary-color);
	color: #fff;
	padding: 3px 6px;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	order: 1;
	max-width: max-content;
	margin: 0 0 0 auto;

	&:hover,
	&:focus-within{
		background-color: black;
		color: #fff;
		text-decoration: none;
	}
}

/* #jfilters-filter-list-131-1:has(.jfilters-item-link--selected){
	& > li:not(:has(.jfilters-item-link--selected)){
		display: none !important;
	}
} */

#jfilters-filter-list-131-1{
	& > li
	{
		margin-bottom: 1rem;
		& > a{
			background-color: #666;
			padding: .4rem .7rem;
			color: #fff;
			border-radius: 3px;
			font-weight: 500;
			&:hover{
				text-decoration: none;
				background-color: var(--secondary-color);
			}
		}
	}


	& > li:has(a.jfilters-item-link--selected)
	{
		& > a{
			background-color: var(--primary-color);
			color: #fff;
		}
	}

	& > li:last-of-type{
		margin-bottom: 0;
	}

 & ul{
	padding-left: 10px!important;
	margin-top: 5px !important;
	margin-left: 2px;
	margin-bottom: 20px;
	border-left: 1px solid var(--primary-color);
	& li
	{
		& > button{
			display: none;
		}
		& ul{
			padding-left: 10px!important;
		}
	}


	& > li:has(.jfilters-item-link--selected){
		& a{
			font-weight: 700;
		}

		& ul{
			& a{
				font-weight: 500;
				&.jfilters-item-link--selected{
					font-weight: 700;
					color: var(--secondary-color);
				}
			}
		}
	}

 }
}



[data-tooltips-element=tooltip][data-tooltips-position=top] [data-tooltips-element=arrow] {
    top: calc(var(--arrow-size)* -1 + var(--border-width))!important;
	transform: rotate(180deg);
}

[data-tooltips-element=tooltip] [data-tooltips-element=arrow]:after{
	background-color: var(--title-background-color)!important;
}

[data-tooltips-element=tooltip] [data-tooltips-element=title]{
	font-size: 0.9rem!important;
}

[data-tooltips-element=tooltip] [data-tooltips-element=content]{
	font-size: 0.8rem!important;
}

.sb-toggle-left.opened {}

.sidebar_sx {
	width: 90%;
	max-width: 500px;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(150vw);
	height: 100vh;
	height: 100svh;
	overflow-y: auto;
	z-index: 999999;
	padding: 3rem 2rem;
	box-shadow: -20px 0px 30px 0px rgb(0 0 0 / 0.3);
	-moz-transition: transform 200ms linear;
	-ms-transition: transform 200ms linear;
	-o-transition: transform 200ms linear;
	transition: transform 200ms linear;
	display: flex;
	flex-direction: column;
	background-color: var(--primary-color);
}

.sidebar_sx.visible {
	right: 0;
	transform: translateX(0);
	-moz-transition: transform 200ms linear;
	-ms-transition: transform 200ms linear;
	-o-transition: transform 200ms linear;
	transition: transform 200ms linear;
}

.sidebar_sx {


	& div.sb-toggle-left{
		order: -100;
		display: block;
		width: 40px;
		height: 40px;
		padding: 0px;
		background-color: #000;
		color: #fff;
		cursor: pointer;
		font-size: 1.2rem;
		font-weight: 700;
		text-align: center;
		border-radius: 999px;
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		line-height: 1;
		position: absolute;
		top: 24px;
		right: 20px;

		& span{
			display: none;
		}
	}

	.header-logo {
		max-width: 200px;
		margin: 0;
		order: -2;
	}


	.socialHeader{
		display: none;
	}


	.assistenzaStradale{
		max-width: 180px;
		margin: 1rem auto 0;

		&.colored{
			display: none;
		}
	}



	& ul.socialHeader-top{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 2rem;
		gap: 10px;
		margin: 18px auto 0;
		padding: 2rem 0px;
		border-top: 1px solid #fff;
		width: 100%;

		.carfilters-li,
		.sb-toggle-left
		{
			display: none!important;
		}

		& li{
			& a{
				background-color: #fff;
				color: var(--primary-color);
				padding: 10px;
				aspect-ratio: 1;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 5px;
				font-size: 1rem;
				width: 30px;

				&:hover{
					background-color: var(--secondary-color);
				}
			}
		}
	}


	& ul.orariHeader{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		text-align: center;
		order: 1;
		margin: 20px auto 0;

		@media (max-width: 1279px) {
			& li:last-of-type{
				display: none;
			}	
		}

		@media (max-width: 979px) {

		}

		& li p{
			font-size: 0.8rem;
			display: flex;
			flex-direction: column;
			line-height: 1.3;
			margin: 0;
			padding: 0;
			font-weight: 600;
			color: #fff;

			& b{
				font-weight: 700;
				color: var(--secondary-color);
			}

			& br{
			}

			& span:nth-of-type(1){
				font-weight: 700;
			}
		}
	}



	.ctaContactsMod {
		order: -1;

		& a,
		& a:hover,
		& a:focus-within {
			color: #000;
			text-decoration: none;
		}

		&>p {
			text-align: center;
			color: #000;
			/* font-style: italic; */
			margin: 30px 0px;
			text-transform: uppercase;
			font-size: 0.7rem;
			font-weight: 900;
			letter-spacing: -0.6px;
		}
	}

	& ul.ctaContactsUL {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 40px;
		padding: 0;
		gap: 10px;

		& li {
			display: flex;
			list-style: none;
			margin: 0;
			padding: 0;

			& a {
				background: #000;
				color: #fff;
				padding: 5px 10px;
				font-size: 12px;
				font-weight: 700;
				border-radius: 5px;
				text-transform: uppercase;
				cursor: pointer;
				padding: 10px 20px;
				line-height: 1.4;

				&:hover,
				&:focus-within {
					background: #f7f7f7;
					color: #000;
				}

			}


		}
	}



	.fullCreditsP{
		padding: 30px 0;
		margin: 0;
		text-align: center;
		font-size: 0.8rem;
		text-align: center;
		color: #fff;
		text-wrap: balance;
	}



	& ul.privacyUL {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin: 0;
		padding: 0;

		& li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		& a {
			display: block;
			border: none !important;
			background: #fff !important;
			border-radius: 10px !important;
			color: var(--primary-color) !important;
			padding: 6px 10px !important;
			margin: 0 !important;
			font-family: var(--body-font-family) !important;
			font-weight: 600 !important;
			font-size: 0.7rem !important;
			line-height: 1 !important;
			text-transform: uppercase !important;
			text-decoration: none !important;
			width: auto !important;
			height: auto !important;
			box-shadow: none !important;
			white-space: nowrap !important;

			&:hover,
			&:focus-within {
				background-color: var(--primary-color) !important;
				color: #fff !important;
			}
		}
	}


	& ul.topHeaderButtons {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
		gap: 10px;
		margin: 0 auto;
		width: 100%;

		@media (max-width: 550px) {
		 grid-template-columns: 1fr;	
		}


		& li {
			list-style-type: none;

			& a, 
			& label 
			{
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: var(--secondary-color);
				color: #fff;
				padding: 8px 10px;
				font-weight: 700;
				font-size: 0.8rem;
				border-radius: 5px;
				gap: 8px;
				margin: 0;
				width: 100%;

				& i {
					margin-right: 0;
					font-size: 20px;
					line-height: 0;
				}

				@media (max-width: 1279px) {
					& i {
						margin-right: 0;
						font-size: 14px;
						line-height: 0;
					}
				}

				& p{
					display: flex;
					flex-direction: column;
					text-align: center;
					margin: 0;
					padding: 0;

					& span{
						line-height: 1;
					}

					& span:nth-child(1){
						font-size: 12px;
						font-weight: 700;
						color: #fff;
						text-transform: uppercase;
						margin-bottom: 2px;
					}
					& span:nth-child(2){
						font-size: 11px;
						font-weight: 500;
						color: #fff;
					}

					@media (max-width: 1279px) {
						& span:nth-child(1){
							font-size: 10px;
						}
						& span:nth-child(2){
							font-size: 10px;
						}
					}

				}

				&:hover,
				&:focus-within {
					background-color: var(--secondary-color);
				}

			}
		}

		& li.multisedelink{
			display: none;
		}

	}




	.contact-maininfo{
		background-color: #fff;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		text-align: center;
		line-height: 1.4;
		font-size: 0.9rem;
		margin: 10px 0;
		border-radius: 5px;

		
		& h3{
			margin: 30px 0 5px;
			color: var(--primary-color);
			font-weight: 700;
			font-size: 0.8rem;
			text-transform: uppercase;
		}

		& a{
			color: var(--body-color);

			&:hover,
			&:focus-within{
				color: var(--primary-color);
				text-decoration: underline;
			}
		}

		& h3:first-of-type{
			margin-top: 0;
		}

		& p{
			margin: 0;
			display: flex;
			flex-direction: column;
		}

		& a.mainBtn{
			margin: 0 auto;
			color: #fff;
		}
	}











	& ul.mod-menu {
		display: block;
		clear: both;
		width: 100%;
		margin-top: 30px;

		&>li {
			display: block;
			clear: both;
			margin: 0;
			padding: 0;
			overflow: hidden;
			border-bottom: 1px solid #fff;

			&>a,
			&>span
			 {
				display: block;
				width: 100%;
				text-align: center;
				padding: 15px 10px;
				font-size: 1rem;
				font-weight: 700;
				line-height: 1;
				color: #fff;
				text-transform: uppercase;
			}
		}

		& > li.deeper > a{
			position: relative;

			&:after{
				content: '';
				width: 0px;
				height: 0px;
				border-style: solid;
				border-width: 0.4rem 0.4rem 0 0.4rem;
				border-color: var(--secondary-color) transparent transparent transparent;
				transform: rotate(0deg);
				position: absolute;
				bottom: 3px;
				left: 50%;
				transform: translateX(-50%);
			}
		}
		

		&>li.active {
			&>a {
				text-decoration: none;
			}
		}

		& li.item-312 {
			background-color: var(--lgreen);

			& a {
				color: #fff;
			}

			& ul.mod-menu__sub {
				background-color: rgb(0 0 0 / 0.3);
				border-left: 5px solid var(--lgreen);
				border-right: 5px solid var(--lgreen);
				border-bottom: 5px solid var(--lgreen);
			}
		}

		& li.deeper {

			padding: 5px 0px 10px;

			& > ul.mod-menu__sub {
				margin: 0;
				padding: 0;
				border-top: none;



				& li {
					display: block;
					clear: both;
					padding: 0;
					margin: -1px 0 0;


					&:last-of-type {

						& a {
						}
					}

					& a {
						display: block;
						width: 100%;
						text-align: center;
						padding: 5px 15px;
						font-weight: 700;
						font-size: 0.8rem;
						color: #fff;
						opacity: 0.7;
					}
				}
			}
		}

	}
}

.mainBtn,
.btn-primary {
	--animation-duration: 300ms;
	padding:12px 55px 12px 15px;
	display: flex;
	align-items: center;
	max-width: max-content;
	color: #fff;
	letter-spacing: 0;
	position: relative;
	font-size: 0.8rem;
	line-height: 1;
	font-weight: 500;
	overflow: hidden;
	background: var(--secondary-color);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
																supported by Chrome, Edge, Opera and Firefox */

	& i {
		margin-right: 5px;
		font-size: 1rem;
	}
}

.mainBtn.small,
.btn-primary.small {
	padding: 6px 37px 6px 8px;
	border-radius: 4px;
	font-size: 0.75rem;

	& i{
		font-size: 0.9rem!important;
		width: 30px!important;
	}
}

.mainBtn.inverse,
.btn-primary.inverse {
	color: #fff;
	background: var(--primary-color);
}


.mainBtn.inverse:hover,
.mainBtn.inverse:focus-within,
.btn-primary.inverse:hover,
.btn-primary.inverse:focus-within {
	background: var(--secondary-color);
	transition: background var(--animation-duration) linear;
	color: #fff;
	border: none;
}


.mainBtn.no-icon,
.btn-primary.no-icon {
	padding: 12px 16px 12px 16px!important;
}

.mainBtn.small.no-icon,
.btn-primary.small.no-icon {
	padding: 6px 10px 7px 10px!important;
}


.mainBtn.no-icon:after,
.btn-primary.no-icon:after {
	display: none !important;
}


.mainBtn:after,
.btn-primary:after {
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 10px;
	font-size: 16px;
	position: relative;
	top: 1px;
}



.mainBtn.no-arrow:after,
.btn-primary.no-arrow:after {
content: '';
z-index: 1;
height: 100%;
width: 40px;
background-color: rgba(0, 0, 0, 0.3);
display: block;
position: absolute;
top: 0;
right: 0;
}

.mainBtn.small:after,
.btn-primary.small:after {
	margin-left: 0px;
	font-size: 16px;
	top: -1px;
	width: 30px;
}

.mainBtn:after,
.btn-primary:after {
content: '\f105';
z-index: 1;
height: 100%;
width: 40px;
background-color: rgba(0, 0, 0, 0.3);
display: block;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.8rem;
}


.mainBtn.downArrow::after
{
content:'\f107';
}

.mainBtn.no-arrow{
	/* padding-right: 40px; */
}

.mainBtn.two-lines{
	flex-direction: column;

	& span:nth-child(1) {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 2px;
}

& span:nth-child(2) {
	font-size: 11px;
	font-weight: 500;
}
}


.mainBtn.two-lines:not(.white){
	& span:nth-child(1) {
		color: #fff;
}

& span:nth-child(2) {
	color: #fff;
}
}


.mainBtn.no-arrow i{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}



.mainBtn:hover,
.mainBtn:focus-within,
.btn-primary:hover,
.btn-primary:focus-within {
	background: var(--primary-color);
	transition: background var(--animation-duration) linear;
	color: #fff;
	border: none;
	text-decoration: none!important;
}

.mainBtn.darker {
	background-color: var(--primary-color);
	color: #fff;
}

.mainBtn.darker:hover,
.mainBtn.darker:focus-within {}

.mainBtn.white {
	background-color: var(--white);
	color: var(--primary-color);

	&:after{
		color: #fff;
	}
}


.mainBtn.white:hover,
.mainBtn.white:focus-within
 {
	transition: background var(--animation-duration) linear;
	background: var(--primary-color);
	color: #fff;
	border: none;
}









.com-content-article__body{


	.title-container{
		padding: 6rem 0;
		text-align: center;

	& > h2{
		font-size: 3rem;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-weight: 300;
	/* 	letter-spacing: -3px; */


	@media (max-width: 979px) {
			font-size: 2.5rem;
			                letter-spacing: -1px;
	}


					& strong {
							font-weight: 900;
							/* letter-spacing: -2px; */
					}

	}


	& > p{	         
		line-height: 1.4;
		font-weight: 400;
		margin: 1rem auto;
		max-width: 767px;
		text-wrap: balance;
		font-family: var(--title-font);
		text-transform: uppercase;
		font-size: 1.6rem;
		letter-spacing: 2px;     
		
				@media (max-width: 979px) {
                font-size: 1.2rem;
                letter-spacing: 0;
								line-height: 1.1;
								margin: 1rem 0;
		}

	}
}




.title-container-02{
		padding: 6rem 0;
		text-align: center;
		margin: 0 auto;

					@media (max-width: 979px) {

			padding-inline: 1rem;

		}


		& hr.styledHr{
			margin: 6rem auto 0;
		}


	& > h2{
		font-size: 1rem;
		letter-spacing: 0px;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-transform: uppercase;

		

		& span{
		font-size: 3rem;
		line-height: 1;
/* 		letter-spacing: -3px; */
		font-weight: 300;

			display: block;
			clear: both;


	@media (max-width: 979px) {
			font-size: 2.5rem;
			                letter-spacing: -1px;
	}



					& strong {
							font-weight: 900;
					/* 		letter-spacing: -2px; */
					}
		}

	}

	& h3{
		line-height: 1.4;
		font-weight: 400;
		margin: 1.5rem auto;
		text-wrap: balance;
		font-family: var(--title-font);
		text-transform: uppercase;
		font-size: 1.6rem;
		letter-spacing: 2px;        


				@media (max-width: 979px) {
                font-size: 1.2rem;
                letter-spacing: 0;
								line-height: 1.1;
								margin: 1rem 0;
		}

	}


	& > p{	         
     max-width: none;
		 margin: 1rem 0 0;

                        @media (max-width: 979px) {
                            font-size: 0.75rem;
                            text-wrap: balance;
                        }

	}
}










.title-container-03{
		padding: 6rem 0;
		text-align: center;
		margin: 0 auto;


		& hr.styledHr{
			margin: 6rem auto 0;
		}


	& > h2{

		font-size: 3rem;
		line-height: 1;
		/* letter-spacing: -3px; */
		font-weight: 300;
		margin: 0;
		padding: 0;
		text-transform: uppercase;


	@media (max-width: 979px) {
			font-size: 2.5rem;
			                letter-spacing: -1px;
	}


					& strong {
							font-weight: 900;
							/* letter-spacing: -2px; */
					}
		

	}

	& h3{
		line-height: 1.4;
		font-weight: 400;
		margin: 1.5rem auto;
		text-wrap: balance;
		font-family: var(--title-font);
		text-transform: uppercase;
		font-size: 1.6rem;
		letter-spacing: 2px;       
		
						@media (max-width: 979px) {
                font-size: 1.2rem;
                letter-spacing: 0;
								line-height: 1.1;
								margin: 1rem 0;
		}


	}


	& > p{	         
     max-width: 979px;
		 text-wrap: balance;
		 margin: 0 auto;

                        @media (max-width: 979px) {
                            font-size: 0.75rem;
                            text-wrap: balance;
                        }

	}
}







}






/* START PAGINATION */

.blog__navigation{
  text-align: center;

  .com-content-category-blog__counter{
    margin-bottom: 0;
    margin-bottom: 0;
    font-size: 0.9rem;
    font-style: italic;
    color: #666;
    letter-spacing: 0px;
  }
}

/* Stili generali per la paginazione */
.pagination {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin: 0; justify-content: center;
}

/* Stili per ogni elemento della paginazione */
.page-item {
  margin: 0 4px;
}

/* Link all'interno di ogni elemento */
.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  text-decoration: none;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
  line-height: 1;
  height: 40px;
  width: 40px;
}

/* Hover effect sui link */
.page-link:hover {
  color: #fff;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  text-decoration: none;
}

/* Elementi disabilitati */
.page-item.disabled .page-link {
  color: #6c757d;
  background-color: #e9ecef;
  border-color: #ddd;
  cursor: not-allowed;
}

/* Elemento attivo */
.page-item.active .page-link {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* Icone all'interno della paginazione */
.icon-angle-double-left,
.icon-angle-left,
.icon-angle-right,
.icon-angle-double-right {
  font-size: 14px;
  margin-right: 4px;
}



/* END PAGINATION */



.copyurl{
	& span{
		display: none;
	}
	&.copiedvisible{
		& span{
			display: block;
		}	
	}
}











.footer-container{
.rsform{
	& p.align-center{
		color: #fff;
	}

	.formValidation{

		.formError{
			color: #fff!important;
			margin: 0px 5px 3px 0!important;
			text-align: center;
			font-weight: 700;
			background: #000;
		}
	}

}
}


.rsform .formResponsive .formHorizontal {

	& p.formDescription,
	& span.formValidation {
		margin: 0;
		padding: 0;
		display: block;
	}

	.formSpan12 {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.formControls {
		margin: 0;
	}

	.rsform-block {
		display: block;
		clear: both;
		position: relative;
		margin: 0;
		padding: 0;
	}

	.rsform-block>label {
		display: block;
		clear: both;
		font-weight: 700;
		color: var(--primary-color);
		position: absolute;
		top: 5px;
		left: 10px;
		float: none;
		margin: 0;
		padding: 0;
		font-size: 0.8rem;
		text-align: left;
	}

	.rsform-block input[type="text"], 
	.rsform-block textarea 
	{
		border: none;
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		padding-left: 100px;
		box-shadow: none;
		border-radius: 15px;
	}

	.rsform-block textarea {
		box-sizing: border-box;
		height: auto;
		box-shadow: none;
		border-radius: 15px 15px 0 15px;
		width: 100%;
		padding: 30px 10px 10px;
		box-shadow: none;
		border: none;
	}

	.rsform-block-submit .formControls button,
	.rsform-thankyou-button {
		background: var(--secondary-color);
		color: #fff;
		padding: 10px 20px !important;
		line-height: 26px;
		border-radius: 25px;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		border: none;
		width: 100%;
		max-width: none;
		box-shadow: none;

		&:after{
			display: none !important;
		}
	}

	.rsform-block-submit .formControls button:hover,
	.rsform-block-submit .formControls button:focus-visible,
	.rsform-block-submit .formControls button:focus-within,
	.rsform-thankyou-button:hover,
	.rsform-thankyou-button:focus-visible,
	.rsform-thankyou-button:focus-within {
		background: #fff;
		color: var(--secondary-color);
		padding: 10px 20px !important;
		line-height: 26px;
		border-radius: 25px;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		border: none;
		width: 100%;
		max-width: none;
		box-shadow: none;
	}

	.rsform-block-message {
		margin-block: 10px 30px;
	}

	.rsform-block-informativa {
		margin-bottom: 30px;
	}

	.rsform-block-informativa .formControlLabel {
		position: relative !important;
		top: 0 !important;
		float: none;
		width: 100%;
		text-align: left;
	}

	.rsform-block-informativa .formControls {
		position: relative;
	}

	.rsform-block-informativa .formBody div label {
		position: relative;
		padding: 0 0 0 26px;
		font-size: 10px;
		font-weight: normal;
	}

	.rsform-block-informativa .formBody label, 
	.rsform-block-informativa-newsletter .formBody label 
	{
		position: relative;
		padding: 0 0 0 20px;
		font-size: 0.6rem;
		letter-spacing: 1px;
		font-weight: 700;
		color: #fff;


		.iubenda-embed:not(.no-brand):not(.iubenda-nostyle){
			background: transparent!important;
			font-family: "Montserrat", serif!important;
			font-optical-sizing: auto!important;
			font-weight: inherit!important;
			font-style: inherit!important;
			font-size: inherit!important;
			line-height: inherit!important;
			box-shadow: none!important;
			text-shadow: none!important;
			display: inline!important;
			padding: 0!important;
			margin: 0!important;
			letter-spacing: inherit!important;
			color:#fff!important;
			text-decoration: underline!important;
		}

	}

	.rsform-block-informativa .formBody div label input,
	.rsform-block-informativa-newsletter .formBody div label input
	 {
		position: absolute;
		left: 0;
		top: 50%;
		width: auto !important;
		margin: -7px 0 0;
	}

	.rsform-block-informativa .formBody label input, 
	.rsform-block-informativa-newsletter .formBody label input 
	{
		position: absolute;
		left: 0;
		top: 50%;
		width: auto !important;
		margin: -7px 0 0;
	}

	.rsform-block-introtext,
	.rsform-block-informativa,
	.rsform-block-informativa-newsletter,
	.rsform-block-send {
		display: block;
		clear: both;
		vertical-align: top;
		width: 100%;
	}
}

#megamenucss .megamenu .menu-title i {
	padding-right: 0px !important;
}

.header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	z-index: 9999;
	position: fixed;
	top: 0px;
	background-color: #fff;
	/*
	height: var(--height-header);
	transform: translateY(-100px); 
*/
	transition: transform 0.3s ease-in-out;
	box-shadow: 0px 0px 10px 0px #000;

	&.header_white {
		/* 		transform: translateY(0); */
		transition: transform 0.3s ease-in-out;
	}

	.header-top {
		padding: 7px 10px;
		background-color: var(--grey-300);
		background: linear-gradient(
			45deg,
			rgb(0, 0, 0, 0.4) 0%,
			rgb(0, 0, 0, 0.2) 20%,
			rgb(0, 0, 0, 0.2) 40%,
			rgb(0, 0, 0, 0.4) 60%,
			rgb(0, 0, 0, 0.1) 80%,
			rgb(0, 0, 0, 0.4) 100%
		);
		display: flex;
		align-items: center;
		gap: 20px;
		position: relative;
		isolation: isolate;
		z-index: 100;

		&:after {
			content: "";
			z-index: -1;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.015;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
	}

		@media (max-width: 767px) {
			display: none;
		}


		& ul.socialHeader-top{
			display: flex;
			gap: 10px;
			& li{
				& a{
					background-color: #fff;
					color: var(--primary-color);
					padding: 10px;
					aspect-ratio: 1;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 5px;
					width: 30px;

					&:hover{
						background-color: var(--secondary-color);
						color: #fff;
					}
				}
			}
		}


		& ul.orariHeader{
			display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;

			@media (max-width: 1279px) {
				& li:last-of-type{
					display: none;
				}	
			}

			@media (max-width: 979px) {
				& li{
					display: none;
				}	
			}

			& li p{
				font-size: 0.7rem;
				display: flex;
				flex-direction: column;
				line-height: 1;
				margin: 0;
				padding: 0;
				font-weight: 600;

				& b{
					font-weight: 700;
					color: #fff;
				}

				& br{
				}

				& span:nth-of-type(1){
					font-weight: 700;
				}
      }
		}


		& ul.topHeaderButtons {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin: 0 0 0 auto;


			& li {
				list-style-type: none;

				& a, 
				& label 
				{
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: var(--primary-color);
					color: #fff;
					padding: 6px 12px;
					font-weight: 700;
					font-size: 0.8rem;
					border-radius: 4px;
					gap: 10px;
					margin: 0;

					& i {
						margin-right: 0;
						font-size: 16px;
						line-height: 1;
					}

					@media (max-width: 1279px) {
						& i {
							margin-right: 0;
							font-size: 14px;
							line-height: 0;
						}
					}

					& p{
						display: flex;
						flex-direction: column;
						text-align: center;
						margin: 0;
						padding: 0;

						& span{
							line-height: 1;
						}

						& span:nth-child(1){
							font-size: 10px;
              font-weight: 700;
              color: #fff;
							text-transform: uppercase;
							margin-bottom: 2px;
						}
						& span:nth-child(2){
							font-size: 9px;
              font-weight: 500;
              color: #fff;
            }

						@media (max-width: 1279px) {
							& span:nth-child(1){
								font-size: 10px;
							}
							& span:nth-child(2){
								font-size: 10px;
							}
						}

					}

					&:hover,
					&:focus-within {
						background-color: var(--secondary-color);
					}

				}
			}

			& li.multisedelink{
				display: none;
			}

		}

	}

	.header-bottom {
		display: flex;
		width: 100%;
		gap: 10px;
		align-items: center;
		justify-content: flex-end;
		padding: 10px;

		@media (max-width: 550px) {
			padding: 10px;
		}

		.header-logo {
			max-width: 230px;
			display: flex;
			align-items: center;
			order: -2;
			margin: 0 auto 0 0;
		}

		#jux_memamenu110 {
			display: flex;
			align-items: center;

			& li#Home,
			& li#SedieContatti
			{
				display: none !important;
			}



			@media (max-width: 1279px) {
				display: none;
			}
	

		}



		.assistenzaStradale.white{
			display: none;
		}
		.assistenzaStradale.colored{
			max-width: 120px;
		}

		@media (max-width: 500px) {
			.assistenzaStradale{
				display: none!important;
			}
		}



		.mod-languages {
			& ul {
				& li {
					margin: 0;
					padding: 0;

					& a {
						color: #000;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: 700;
						margin: 0;
						padding: 0;
						line-height: 1;
						display: block;
						font-size: 12px;
					}
				}
			}
		}

		.socialHeader {
			top: 0px;
			right: 0px;
			display: flex;
			gap: 0px;
			padding: 0px;
			margin: 0;




			&>li {
				list-style: none;
				display: flex;
				align-items: stretch;
				width: 35px;
				height: auto;
			}

			&>li.sb-toggle-left {
				width: auto;
				height: auto;
				margin: 0 8px;
				display: none;
				@media (max-width: 1279px) {
					display: flex;
				}

				& > span {
					background: var(--primary-color);
					color: #fff;
					align-self: center;
					height: auto;
					padding: 0px 10px;
					font-size: 16px;
					font-weight: 700;
					border-radius: 20px;
					cursor: pointer;
					padding: 10px 20px;
					white-space: nowrap;

					& > span{
						display: inline-block;
						color: #fff;
						font-weight: 700;
						font-size: 0.9rem;
					}
				}
			}

			&>li.clearLiMobile {
				display: none;
			}

			&>li a,
			&>li>span {
				display: flex;
				flex: 1 1 100%;
				align-items: center;
				justify-content: center;
				gap: 5px;
				align-items: center;
				font-size: 22px;
				padding: 0;
				height: 100%;
				line-height: 22px;
				text-align: center;
				margin: 0;
				background: var(--white);
				color: var(--grey-700);

				& span {
					display: none;
				}
			}

			&>li a,
			&>li span {
				color: var(--third-color);
			}

			&>li a:hover,
			&>li span:hover {
				background-color: var(--third-color);
				color: var(--white);
			}


			@media (max-width: 1279px) {

				&>li.facebooklink,
				&>li.instagramlink,
				&>li.linkedinlink{
					display: none!important;
				}
      }


			&>li.facebooklink a {}

			&>li.instagramlink a {}

			&>li.phonelink a:hover {}

			&>li.whatsapplink a:hover {}

			&>li.navigatorelink a {}

			&>li.carfilters-li{
				font-weight: 700;
        font-size: 0.8rem;
				width: 90px;
				display: none;

				&.visible{
					display: flex;
					align-items: center;	
				}

				& > span{
					display: flex;
					padding: 10px 20px;
					font-weight: 700;
          font-size: 0.9rem;
					height: auto;
				background-color: #efefef;
				align-items: center;
				border-radius: 20px;
				position: relative;
				z-index: 9999;
				cursor: pointer;

				&:hover{
					background-color: #e0e0e0;
				}

					& img{
						max-height: 20px;
					}
					& > span{
						display: inline-block;
						color: #333;

						&:hover{
							background-color: transparent;
							color: var(--primary-color);
						}
					}
				}
			}

		}
	}



	.header-bottom {
		gap: 10px;

		.header-logo {
			& a {
				line-height: 0;
				height: 100%;

				& img {
					max-height: 38px;
					width: auto;
					max-width: none;

					@media (max-width: 340px) {
						max-height: 26px;
					}

				}
			}
		}
	}


	#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu338) {
	/* 	display: none; */
	}

	@media (min-width: 767px) and (max-width: 1300px) {

		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss>span.megacss,
		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss>a.megacss {
					/* padding-inline: 5px; */
		}

		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu338) {
			/* 		display: block; */
		}

	}
}


@media (max-width: 1279px){
body.com_jfilters,
body.ajaxresults,
body:has(.car-details-container),
body:has(.com-content-category-blog.carsBlogListing)
{
	& li.carfilters-li{
		display: flex!important;
		align-items: center;	
		}
}
}




@media (max-width: 1279px) {


}



body.homepage .site-grid {
	gap: 0;
	/* min-height: 200vh; */
}


.content-main {
	margin: 104px 0 0 0;
	background-color: #fff;


	@media (max-width: 979px) {
		margin-top: 110px;
	}


	@media (max-width: 767px) {
		margin-top: 62px;
	}

}




.maincontent {
	display: flex;
	justify-content: stretch;
	width: 100%;

	.component-container {
		padding: 30px;
		width: 100%;
	}

}






@media (max-width: 1279px) {
	.left-sidebar {
			width: 100%;
			max-width: 300px;
			position: fixed;
			top: 0;
			right: 0;
			transform: translateX(150vw);
			height: 100vh;
			height: 100svh;
			overflow-y: auto;
			z-index: 999999;
			-moz-transition: transform 200ms linear;
			-ms-transition: transform 200ms linear;
			-o-transition: transform 200ms linear;
			transition: transform 200ms linear;
			display: flex;
			flex-direction: column;
			box-shadow: -10px 0px 40px -10px #000;
	}

	.left-sidebar.visible {
			padding: 0;
			right: 0;
			transform: translateX(0);
			-moz-transition: transform 200ms linear;
			-ms-transition: transform 200ms linear;
			-o-transition: transform 200ms linear;
			transition: transform 200ms linear;
	}
}






.maincontent.has-sidebar-right {

	&>div {
		padding: 30px;

		@media (min-width: 1279px) {
			padding: 60px;
		}

	}



	.component-container {
		flex: 1 1 auto;
	}

	.right-sidebar {
		flex: 0 0 300px;
		background: #efefef;
	}

}


.maincontent.has-sidebar-left {

	&>div {
		padding: 30px;
	}



	.component-container {
		flex: 1 1 auto;
	}

	.left-sidebar {
		flex: 0 0 350px;
		max-width: 350px;
		display: flex;
		flex-direction: column;
		border-right: 1px solid #efefef;
		background-color: #fff;

		& i.sidecolumn {
			order: -1;
			font-size: 1.4rem;
			background-color: var(--primary-color);
			width: 30px;
			height: 30px;
			border-radius: 100%;
			color: #fff;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 0 0 auto;
			cursor: pointer;
			aspect-ratio: 1;
			
			@media (min-width: 1279px){
				display: none!important;
			}

		}

		& span.fakeBtn {
			font-size: 1rem;
			text-transform: uppercase;
			background-color: var(--primary-color);
			width: 100%;
			color: #fff;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: auto 0 0;
			padding: 10px;
			cursor: pointer;
			
			
			@media (min-width: 1279px){
				display: none!important;
			}

		}

	}

}




nav.mod-breadcrumbs__wrapper {
	margin: 0px 0px 30px 0px;

	@media (max-width:979px) {
		margin-bottom: 0;
	}

	& ol.mod-breadcrumbs {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		padding: 12px 10px;
		background-color: var(--primary-color);
		border-radius: 5px;
		max-width: max-content;
		margin: 0 auto;
		align-items: center;


		@media (max-width:979px) {
			justify-content: center;
			text-align: center;
		}

		@media (max-width:550px) {
			gap: 12px 5px;
			font-size: 0.6rem;
			text-transform: uppercase;
			font-weight: 700;

			& li.divider{
				display: none!important;
			}

		}


		& li {
			font-weight: 700;
			color: #fff;

			&.mod-breadcrumbs__divider.float-start{
				display: none;
			}

			&:nth-of-type(2),
			&:nth-of-type(3){
				display: none;
			}

			& a {
				color: #fff;
				background-color: rgb(0 0 0 / 0.3);
				padding: 4px 6px;
				border-radius: 5px;

			}
		}

		& li.float-start,
		& li.divider,
		& li.active {
			color: #fff;
		}

		& li.active{
			font-size: 0.8rem;
		}
	}
}



/* END LOGIN PAGE */

div.com-users-login {
	display: flex;
	justify-content: center;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 30%);
	margin-bottom: 20vh;

	&>div {
		flex: 0 1 50%;
	}

	.com-users-login__image {
		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}
	}






	& div.form-container {
		display: flex;
		flex-direction: column;
		padding: 80px 40px;

		.com-users-login__description {
			margin-bottom: 20px;

			& h1 {
				color: var(--primary-color);
			}

			& p {
				font-size: 0.8rem;
			}
		}

		& form#com-users-login__form {

			& fieldset {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 15px;

				.control-group.com-users-login__input {
					grid-column: -1 / 1;
					position: relative;
					width: 100%;

					.control-label {
						position: absolute;
						top: 0;
						left: 25px;
						transform: translateY(-50%);
						z-index: 1;
						font-size: 0.8rem;


						label {
							display: flex;
							align-items: center;
							padding: 0px 10px;
							background-color: #fff;

							.form-control-feedback {
								background-color: red;
								color: #fff;
								font-weight: 700;
								margin-left: 10px;
								padding: 0 5px;
								position: relative;
								left: 0px;
								font-size: 0.7rem;
								border-radius: 5px;
								line-height: 1.2;

								&:before {
									font-family: "FontAwesome";
									content: '\f104';
									margin-right: 5px;
								}
							}
						}
					}

					.controls {


						.password-group {
							.input-group {
								position: relative;

								& input[type="password"] {}

								button.input-password-toggle {
									position: absolute;
									right: 10px;
									top: 7px;
									width: 30px;
									height: 30px;
									border: none;
									background: none;
									padding: 0;
									cursor: pointer;
									z-index: 1;
									display: flex;
									align-items: center;
									justify-content: center;
									color: var(--primary-color);
								}
							}
						}


						input {
							width: 100%;
						}
					}
				}


				.com-users-login__remember {
					grid-column: span 3;
					display: flex;
					align-items: center;
					font-size: 0.8rem;

					.form-check {
						display: flex;
						align-items: center;
						gap: 5px;
					}
				}

				.com-users-login__submit {
					grid-column: span 3;
					display: flex;
					justify-content: flex-end;

					& button {
						border-radius: 20px;
					}
				}

				.com-users-login__options {
					grid-column: -1 / 1;
					display: flex;
					flex-direction: column;
					gap: 0px;
					font-size: 0.8rem;
				}
















			}
		}
	}



}

/* END LOGIN PAGE */





/* RESET PAGES */

.com_users.view-reset,
.com_users.view-remind {

	.com-users-reset,
	.com-users-remind {
		max-width: 420px;
		text-align: center;
		padding: 40px;
		margin: 0 auto;


		.page-header {
			& h1 {
				color: var(--primary-color);
			}
		}

		#user-registration {
			& legend {
				font-size: 0.8rem;
				padding: 20px 0px 30px;
			}

			& button[type="submit"] {
				margin: 20px auto 0;
			}

			.controls {
				& input {
					width: 100%;
				}
			}

			.control-group {
				position: relative;
			}

			.control-label {
				position: absolute;
				top: 0;
				left: 25px;
				transform: translateY(-50%);
				z-index: 1;
				font-size: 0.8rem;


				label {
					display: flex;
					align-items: center;
					padding: 0px 10px;
					background-color: #fff;

					.form-control-feedback {
						background-color: red;
						color: #fff;
						font-weight: 700;
						margin-left: 10px;
						padding: 0 5px;
						position: relative;
						left: 0px;
						font-size: 0.7rem;
						border-radius: 5px;
						line-height: 1.2;

						&:before {
							font-family: "FontAwesome";
							content: '\f104';
							margin-right: 5px;
						}
					}
				}
			}
		}





	}
}


/* END RESET PAGES */



/* JOOMLA USER REGISTRATION PAGE */
.com_users.view-registration {

	.com-users-registration {
		display: flex;
		justify-content: center;
		box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 30%);
		margin-bottom: 20vh;

		&>div {
			flex: 0 1 50%;
		}

		.com-users-login__image {
			& img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}


		& div.form-container {
			display: flex;
			flex-direction: column;
			padding: 80px 40px;

			.com-users-login__description {
				margin-bottom: 20px;

				& h1 {
					color: var(--primary-color);
				}

				& p {
					font-size: 0.8rem;
				}
			}



			& form#member-registration {

				& fieldset {
					display: grid;
					grid-template-columns: 1fr;
					gap: 30px;

					& legend {
						padding: 0px 0 40px;
						display: none;
					}

					.control-group.field-spacer {
						.control-label {
							display: flex;
							justify-content: flex-end;
							transform: none;
							position: relative;
							left: 0;
						}
					}


					.control-group:has(meter) {
						margin: 10px 0px 0px;
					}

					.control-group {
						grid-column: -1 / 1;
						position: relative;
						width: 100%;

						.control-label {
							position: absolute;
							top: 0;
							left: 25px;
							transform: translateY(-50%);
							z-index: 1;
							font-size: 0.8rem;


							label {
								display: flex;
								align-items: center;
								padding: 0px 10px;
								background-color: #fff;

								.form-control-feedback {
									background-color: red;
									color: #fff;
									font-weight: 700;
									margin-left: 10px;
									padding: 0 5px;
									position: relative;
									left: 0px;
									font-size: 0.7rem;
									border-radius: 5px;
									line-height: 1.2;

									&:before {
										font-family: "FontAwesome";
										content: '\f104';
										margin-right: 5px;
									}
								}
							}
						}



						.controls {
							display: flex;
							flex-direction: column;

							.small.text-muted {
								font-size: 0.7rem;
								font-weight: 700;
								text-align: left;
								padding-left: 15px;
								position: absolute;
								top: -18px;
								right: 15px;
							}


							.password-group {
								order: -1;
								display: flex;
								flex-wrap: wrap;
								position: relative;

								& meter {
									flex: 0 0 25%;
									margin-right: 5px;
									margin-left: 15px;
								}

								& div.text-center {
									font-size: 0.7rem;
									font-weight: 700;
								}


								.input-group {
									flex: 0 0 100%;
									position: relative;
									grid-column: span 2;

									& input[type="password"] {}

									button.input-password-toggle {
										position: absolute;
										right: 10px;
										top: 7px;
										width: 30px;
										height: 30px;
										border: none;
										background: none;
										padding: 0;
										cursor: pointer;
										z-index: 1;
										display: flex;
										align-items: center;
										justify-content: center;
										color: var(--primary-color);
									}
								}
							}


							input {
								width: 100%;
							}
						}



					}


					.com-users-login__remember {
						grid-column: span 3;
						display: flex;
						align-items: center;
						font-size: 0.8rem;

						.form-check {
							display: flex;
							align-items: center;
							gap: 5px;
						}
					}

					.com-users-login__submit {
						grid-column: span 3;
						display: flex;
						justify-content: flex-end;

						& button {
							border-radius: 20px;
						}
					}

					.com-users-login__options {
						grid-column: -1 / 1;
						display: flex;
						flex-direction: column;
						gap: 0px;
						font-size: 0.8rem;
					}
















				}

				& div.com-users-registration__submit {
					margin: 30px 0 0 auto;
					display: block;
					max-width: max-content;
				}

			}




		}



		.page-header {
			& h1 {
				color: var(--primary-color);
			}
		}






	}
}

/* END JOOMLA USER REGISTRATION PAGE */




/* LOGIN MODULE */
form.mod-login {

	.mod-login__userdata {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 15px;


		.mod-login__username {
			grid-column: -1 / 1;
			position: relative;

			.input-group {
				display: flex;

				.input-group-text {
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: var(--primary-color);
					color: #fff;
					padding: 0px 10px 0px 12px;
					border: 2px solid var(--primary-color);
					border-radius: 20px 0px 0px 20px;
				}

				& input[type="text"] {
					border-radius: 0px 20px 20px 0px;
					width: 100%;
				}
			}

		}


		.mod-login__password {
			position: relative;
			grid-column: -1 / 1;

			.input-group {
				display: flex;

				.input-group-text {
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: var(--primary-color);
					color: #fff;
					padding: 0px 10px 0px 12px;
					border: 2px solid var(--primary-color);
					border-radius: 20px 0px 0px 20px;
				}

				& input[type="password"],
				& input[type="text"] {
					border-radius: 0px 20px 20px 0px;
					width: 100%;
				}

				button.input-password-toggle {
					position: absolute;
					right: 10px;
					top: 7px;
					width: 30px;
					height: 30px;
					border: none;
					background: none;
					padding: 0;
					cursor: pointer;
					z-index: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					color: var(--primary-color);
				}

			}
		}



		.mod-login__remember {
			grid-column: span 3;
			display: flex;
			align-items: center;
			font-size: 0.8rem;

			.form-check {
				display: flex;
				align-items: center;
				gap: 5px;
			}
		}

		.mod-login__submit {
			grid-column: span 3;
			display: flex;
			justify-content: flex-end;

			& button {
				border-radius: 20px;
			}
		}

		.mod-login__options {
			grid-column: -1 / 1;
			display: flex;
			flex-direction: column;
			gap: 0px;
			font-size: 0.8rem;
		}

	}
}


/* END LOGIN MODULE */



















.com-content-article__body {

	& h1,
	& h2,
	& h3,
	& h4,
	& h5 {
		margin-top: 30px;
		margin-bottom: 10px;
	}

	& h1 {
		font-size: 1.8rem;
		line-height: 1.4;
/* 		font-weight: 600; */
	}

	& h2 {
		font-size: 1.8rem;
		line-height: 1.4;
/* 		font-weight: 600; */
	}

	& h3 {
		font-size: 1.8rem;
		margin: 0px;
		padding: 0px;
	}

	& h4 {
		font-size: 1.4rem;
/* 		font-weight: 400; */
	}

	& h5 {}

	& h6 {}

/* 	& h1:first-of-type {
		margin-top: 0;
	}

	& h2:first-of-type {
		margin-top: 0;
	} */

	& p {
		margin-bottom: 0.6rem;
	}

	& p.subtitleP {
		font-size: 1.4rem;
		font-weight: 400;
		font-style: italic;
		color: var(--grey-600);
		line-height: 1.4;
		margin: 30px 0px 30px;
	}
}

body {
	position: relative;
}



.back-to-top-link {
	opacity: 0;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	background-color: #000;
	color: #fff;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 500ms linear;
}

.back-to-top-link.visible {
	opacity: 1;
	transition: opacity 500ms linear;
}






hr.styledHr {
    border: none;
    position: relative;
    max-width: 150px;
    background: var(--grey-300);
    height: 10px;
    margin: 6rem auto;
    transform: skew(-40deg, 0deg);
		opacity: 1;

	&.white{
		background-color: #fff;
		opacity: 1;
	}

}


.title-container{
	hr.styledHr {
    border: none;
    position: relative;
    max-width: 150px;
    background: var(--grey-300);
    height: 10px;
    margin: 6rem auto 0;
    transform: skew(-40deg, 0deg);
}
}




/* START FOOTER Section ***************************/

footer {
	background-color: #fff;
	margin: 0;
	padding: 0;

	.footer-container {

		.cta {
			background-color: var(--secondary-color);
			color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 5rem 2rem 4rem;
			gap: 2rem;
			position: relative;
			isolation: isolate;

/* 			&:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.15;
        background-size: 10px 10px;
        background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--secondary-color) 0, var(--secondary-color) 50%);
				z-index: -1;
    } */

			@media (max-width: 1279px) {
				flex-direction: column;
				display: none;
			 }

			& div {
				text-align: center;

				@media (max-width: 1279px) {
					flex: 1 1 auto;
					width: 100%;
				 }

				& h2 {                
            margin: 0;
            font-weight: 300;
            font-size: 3rem;
            letter-spacing: -2px;
            text-transform: uppercase;
            line-height: 1;

						& strong{
							font-weight: 900;
            letter-spacing: 0;
						}

				}

				& p {
					margin: 1rem 0 0;
					text-wrap: balance;

					@media (max-width: 1279px) {
						& br{
							display: none;
						}
					 }
					 
				}
			}

			& ul {
				max-width: max-content;
				display: flex;
				align-items: center;
				gap: 2rem;

				@media (max-width: 1279px) {
					max-width: 320px;
					flex-direction: column;
					align-items: flex-start;
				}

				& li {


					& a{
						color: #fff;
						text-decoration: none;
					}

					& > a {
						display: flex;
						align-items: center;
						border-radius: 15px;
						padding: 0 10px 0 0;
						gap: 10px;

						&:hover,
						&:focus-within{
							background: rgb(0 0 0 / 15%);
							color: #fff;
						}

						& img {
							max-height: 80px;
							width: 100%;
							height: 80px;
						}

						& span {
							display: flex;
							flex-direction: column;
							word-wrap: break-word;
							white-space: nowrap;
						}
					}
				}
			}
		}



		.contatti{
			position: relative;
			isolation: isolate;
			display: flex;
			justify-content: center;
			gap: 229px;
			padding: 10rem 2rem;
			isolation: isolate;
			
			background-color: var(--primary-color);
/* 			background: linear-gradient(
				45deg,
				rgb(0, 0, 0, 1) 0%,
				rgb(0, 0, 0, 0.8) 20%,
				rgb(0, 0, 0, 0.85) 40%,
				rgb(0, 0, 0, 0.9) 60%,
				rgb(0, 0, 0, 0.8) 80%,
				rgb(0, 0, 0, 1) 100%
			); */

/* 			&:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0.02;
				background-size: 10px 10px;
				background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
				z-index: -1;
			} */
	

			@media (max-width: 1279px) {
				flex-direction: column;
				align-items: center;
				gap: 120px;
			}


	


			.heroBG{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -2;
				object-fit: cover;
				object-position: left center;
				opacity: 0.5;
				display: none;
			}

			& > div{
				flex: 0 1 auto;
			}

			.iubenda-embed:not(.no-brand):not(.iubenda-nostyle){
				background: transparent!important;
				font-family: "Montserrat", serif!important;
				font-optical-sizing: auto!important;
				font-weight: inherit!important;
				font-style: inherit!important;
				font-size: inherit!important;
				line-height: inherit!important;
				box-shadow: none!important;
				text-shadow: none!important;
				display: inline!important;
				padding: 0!important;
				margin: 0!important;
				letter-spacing: inherit!important;
				color:#fff!important;
				text-decoration: underline!important;
			}



			.left{
				max-width: 360px;
				& h2 {                
            margin: 0 0 1.5rem;
            font-weight: 300;
            font-size: 3rem;
            letter-spacing: -2px;
            text-transform: uppercase;
            line-height: 1;
						color: #fff;


	@media (max-width: 550px) {
				font-size: 1.6rem !important;
				line-height: 1.2 !important;
	}



						& strong{
							font-weight: 900;
            letter-spacing: 0;

	@media (max-width: 550px) {
		display: block;
		clear: both;
	}

						}

				}
			}



			.right{
				max-width: 390px;

				.innerContent{
					display: flex;
					flex-direction: column;
					gap: 40px;
				}


	

				.newsletter{

					@media (max-width:1279px){
						order: 1;
						margin-top: 100px;
					}

				& h2 {                
            margin: 0;
            font-weight: 300;
            font-size: 3rem;
            letter-spacing: -2px;
            text-transform: uppercase;
            line-height: 1;
						color: #fff;

	@media (max-width: 550px) {
				font-size: 1.6rem !important;
				line-height: 1.2 !important;
	}


						& strong{
							font-weight: 900;
            letter-spacing: 0;


	@media (max-width: 550px) {
		display: block;
		clear: both;
	}

						}

				}

			& > p{
				text-wrap: balance;
				color: #fff;
				line-height: 1.2;
				font-weight: 500;
				margin: 1rem 0 1.5rem;
			}


			.formSpan12 {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 0 5px;
				align-items: center;
			}

			.rsform-block{
				grid-column: -1 / 1;
			}

			.rsform-block-informativa{
				margin-bottom: 10px;
				grid-column: span 4;

				.formControlLabel{
					display: none;
				}
			}

			.rsform-block-informativa-newsletter{
				margin: 10px 0 20px;
				grid-column: span 6;

				.formControlLabel{
					display: none;
				}
			}

			.rsform-block-submit {
				grid-column: span 6;
			}

		}



			.contact-maininfo{
				background-color: rgb(0 0 0 / 30%);
				border-radius: 15px;
				padding: 40px;
				display: flex;
				flex-direction: column;
				text-align: center;
				line-height: 1.4;
				font-size: 0.9rem;
				color: #fff;

				
				& h3{
					margin: 30px 0 5px;
					color: var(--secondary-color);
					font-weight: 700;
					font-size: 0.8rem;
					text-transform: uppercase;
				}

				& a{
					color: #fff;

					&:hover,
          &:focus-within{
						color: #fff;
						text-decoration: underline;
          }
				}
				& a.mainBtn{
					margin: 0.7rem auto 0;
				}

				& h3:first-of-type{
					margin-top: 0;
				}




				& p{
					margin: 0;
					display: flex;
					flex-direction: column;
				}
			}


			}



			.rsform-block-informativa .formControlLabel{
				color: #fff;
			}
			.rsform-block-informativa .formBody label a{
				color:#fff;
				text-decoration: underline;
			}



			


		}

		.credits {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;
			padding: 5rem 2rem;
			text-align: center;
			font-size: 0.8rem;
			position: relative;
			isolation: isolate;
			background-color: #fff;
/* 			background: linear-gradient(
				45deg,
				rgb(0, 0, 0, 0.1) 0%,
				rgb(0, 0, 0, 0) 20%,
				rgb(0, 0, 0, 0.1) 40%,
				rgb(0, 0, 0, 0.1) 60%,
				rgb(0, 0, 0, 0) 80%,
				rgb(0, 0, 0, 0.1) 100%
			); */

/* 			&:after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0.02;
				background-size: 10px 10px;
				background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
				z-index: -1;
		} */

			&>img {
				margin-bottom: 10px;
				max-width: 160px;
				margin: 0 auto 5px;
			}

			&>p {
				margin: 0px;
				max-width: 630px;

				& a {
					line-height: 1.4;
				}
			}

			& h2 {
				display: block;
				max-width: max-content;
				line-height: 1;
				margin: 0 0 0;
				color: var(--primary-color);
				font-size: 4rem;
				font-style: normal;
				font-weight: 800;
				font-family: var(--font-family-cityfix);

				& span {
					color: var(--secondary-color);
				}
			}

			& h3 {
				font-weight: 700;
				font-size: 0.7rem;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
			}

			& ul {
				display: flex;
				gap: 10px;
				margin: 0;
				padding: 0;

				& li {
					margin: 0;
					padding: 0;
					list-style: none;
				}

				& a {
					display: block;
					border: none !important;
					background: #fff !important;
					border-radius: 10px !important;
					color: var(--primary-color) !important;
					padding: 6px 10px !important;
					margin: 0 !important;
					font-family: var(--body-font-family) !important;
					font-weight: 600 !important;
					font-size: 0.7rem !important;
					line-height: 1 !important;
					text-transform: uppercase !important;
					text-decoration: none !important;
					width: auto !important;
					height: auto !important;
					box-shadow: none !important;
					white-space: nowrap !important;

					&:hover,
					&:focus-within {
						background-color: var(--primary-color) !important;
						color: #fff !important;
					}
				}
			}

			& ul.iconsUL {
				display: none;
				margin-top: 0px;

				& a {
					font-size: 1.1rem !important;
				}
			}
		}
	}





}








/* END FOOTER Section *****************************/










[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]:not([data-rlta-wrap-buttons=true])>[data-rlta-element=button-list]{
  overflow: visible;
  display: flex;
  gap: 2rem;


  @media (max-width: 979px) {
    gap: 0;
  }

}









[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal] {
	max-width: 1279px;
	margin: 0 auto;
/* 	border: 2px solid var(--primary-color); */
	position: relative;
	z-index: 100;


	@media (max-width: 979px) {

		margin-top: 0;
		margin-bottom: 0;
	}

}



[data-rlta-element=button-scroller] {
	display: none !important;
}


[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]>[data-rlta-element=button-list] {
	grid-gap: 0;

	@media (max-width: 979px) {
		flex-direction: column;
		display: flex;
	}

}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]>[data-rlta-element=button-list]>[data-rlta-element=button] {
  flex: 1 1 30%;
	margin: 0;
	padding: 1rem 1rem;
	background: var(--grey-500);
	color: #fff;
	border-radius: 10px;
	border: none;
  box-shadow: none;
	/* border: var(--border-width) solid var(--secondary-color); */

	@media (max-width: 979px) {
		padding: 1rem;
    border-radius: 0;
	}

}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
	background-color: var(--primary-color)!important;
	color: #fff;
	position: relative;

	/* border: var(--border-width) solid var(--secondary-color); */
	border-bottom: none;



  @media (max-width: 979px) {
    order: 1;
  }


}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:hover {
  
  --animation-duration: 300ms;
	background-color: var(--secondary-color);
	color: #fff;
  transition: background var(--animation-duration) linear;
}


[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover {
	border-color: var(--grey-700);
	background-color: var(--primary-color);
	color: #fff;
}





/* @keyframes arrowtabs {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 1px
	}

	100% {
		bottom: 0
	}
} */




[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button][aria-selected="true"]:after {
/* 	content: '\f054';
	font-family: "fontAwesome";
	color: #fff; */
  content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
/* 	transform: rotate(90deg);
	font-size: 0.8rem;
	line-height: 30px;
	margin-left: -4px;
  line-height: 1; */
/* 	animation: arrowtabs 2s linear infinite; */
  transform: translateX(-50%);
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 20px 20px 0 20px;
   border-color: var(--primary-color) transparent transparent transparent;

}



[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
	/* 	border: 5px solid var(--secondary-color); */
	border: none;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
	padding: 6rem 0 6rem;


  @media (max-width: 979px) {
    padding-inline: 0rem;
  }

}



[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open] {}


[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=accordions]>[data-rlta-element=panel] {

	& p:first-of-type {
		margin-top: 0;
	}

	& a{
		color: var(--secondary-color);
	}
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=accordions]>[data-rlta-element=panel][data-rlta-state=open] {}


















@media (max-width: 550px) {

	.sidebar_sx {
		& ul.ctaContactsUL {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 0;
			gap: 10px;

			& li {
				flex: 1 1 100%;
				width: 100%;
				text-align: center;

				& a {
					width: 300px;
					margin: 0 auto;
				}
			}
		}
	}



	footer {
		.footer-container {
			.contatti{
				padding: 60px 20px;
			.cta {
				& div{
					text-align: center;
				}
				& ul {
					& li {
						& > a {
							& img {
								max-height: 40px;
								width: 100%;
								height: 40px;
							}
						}
					}
				}
			}
		}
		}
	}




}
























.dropdown-cool{







	.sec-center {
		position: relative;
		max-width: 100%;
		text-align: center;
		z-index: 200;
	}

	[type="checkbox"]:checked,
	[type="checkbox"]:not(:checked){
		position: absolute;
		left: -9999px;
		opacity: 0;
		pointer-events: none;
	}


.sec-center > label{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color)!important;
	color: #fff;
	padding: 5px 15px;
	font-weight: 700;
	font-size: 0.8rem;
	border-radius: 5px;
	gap: 8px;
	position: relative;
	cursor: pointer;

	&:hover{
	background-color: var(--secondary-color)!important;
	}

&:has(input[name="cooldropdown"]:checked) {
	background-color: var(--secondary-color) !important;
}



	& i {
		margin-right: 0;
		font-size: 20px;
		line-height: 0;
}
& p {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 0;

	& span:nth-child(1) {
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
}

& span:nth-child(2) {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
}

	}

	.dropdown:checked + label:before,
	.dropdown:not(:checked) + label:before{
		position: fixed;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 100%;
		z-index: -1;
		cursor: auto;
		pointer-events: none;
	}
	.dropdown:checked + label:before{
		pointer-events: auto;
	}


	.section-dropdown {
		position: absolute;
		padding: 5px;
		background-color: var(--secondary-color);
		right: 0;
		width: 100%;
		min-width: 320px;
		border-radius: 4px;
		display: block;
		box-shadow: 0 14px 35px 0 var(--secondary-color);
		z-index: 2;
		opacity: 0;
		pointer-events: none;
		transform: translateY(40px);
		transition: all 200ms linear;

		& > a,
		& > a:focus-within,
		& > label{
			position: relative;
			color: #fff;
			transition: all 200ms linear;
			text-align: center;
			font-weight: 500;
			font-size: 15px;
			background-color: var(--secondary-color)!important;
			border-radius: 0px!important;
			padding: 5px 0.6rem!important;
			margin: 0!important;
			text-align: left;
			text-decoration: none;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-items: center;
			-moz-align-items: center;
			-ms-align-items: center;
			align-items: center;
			justify-content: space-between;
				-ms-flex-pack: distribute;
		}

		& > a:hover,
		& > a:focus-within,
    & > label:hover,
    & > label:focus-within
		{
      background-color: var(--secondary-color)!important;
    }


		& > label{
letter-spacing: -0.4px;
			/* flex-direction: column!important; */
			display: flex!important;
			gap: 10px!important;
			position: relative!important;
			align-items: center!important;
			justify-content: flex-start!important;
			text-align: left!important;
			border-top: 1px solid rgba(255, 255, 255, 0.5);
			cursor: pointer!important;

			& small{
				        font-size: 0.7rem;
                opacity: 0.8;
                font-style: italic;
                font-weight: 500;
                line-height: 0.9;
			}

			&:after{
				font-family: "FontAwesome";
				position: relative;
				content: '\2b';
				font-size: 0.6rem;
				position: absolute;
				right: 15px;
				top: 50%;
				transform: translateY(-50%);
			}
			&:has(input:checked){
				
			background-color: var(--dsecondary-color)!important;
				&:after{
					font-family: "FontAwesome";
					content: '\f068';
				}
			}
		}
	}

.sec-center:has(.dropdown:checked) .section-dropdown{
		opacity: 1;
		pointer-events: auto;
		transform: translateY(20px);
	}
	.section-dropdown:before {
		position: absolute;
		top: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		content: '';
		display: block;
		z-index: 1;
	}
	.section-dropdown:after {
		position: absolute;
		top: -13px;
		right: 20px;
		width: 0; 
		height: 0; 
		border-left: 14px solid transparent;
		border-right: 14px solid transparent; 
		border-bottom: 14px solid var(--secondary-color);
		content: '';
		display: block;
		z-index: 2;
		transition: all 200ms linear;
	}

	


	
	.dropdown-sub:checked + label,
	.dropdown-sub:not(:checked) + label{
		position: relative;
		color: #fff;
		transition: all 200ms linear;
		font-weight: 500;
		font-size: 15px;
		border-radius: 2px;
		padding: 5px 0;
		padding-left: 20px;
		padding-right: 15px;
		text-align: left;
		text-decoration: none;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
		justify-content: space-between;
			-ms-flex-pack: distribute;
			cursor: pointer;
	}

	.dropdown-sub:checked + label:hover,
	.dropdown-sub:not(:checked) + label:hover{
		color: #102770;
		background-color: #ffeba7;
	}
	.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub{
		color: #102770;
	}
	.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover{
		color: #ffeba7;
		background-color: #102770;
	}
	
	.section-dropdown-sub {
		position: relative;
		display: flex;
		gap: 10px;
		width: 100%;
		pointer-events: none;
		opacity: 0;
		max-height: 0;
		padding-left: 9px;
		padding-right: 10px;
		overflow: hidden;
		transition: all 200ms linear;

		& > a
		{
			position: relative;
			color: #fff;
			transition: all 200ms linear;
			text-align: center;
			font-weight: 500;
			font-size: 0.7rem!important;
			border-radius: 0px !important;
			padding: 2px 4px !important;
			margin: 0 0 5px !important;
			background-color: transparent!important;
			text-align: left;
			text-decoration: none;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-items: center;
			-moz-align-items: center;
			-ms-align-items: center;
			align-items: center;
			justify-content: space-between;
			-ms-flex-pack: distribute;
			

			&:hover{
				background-color: var(--primary-color)!important;
			}

			
	}

	}


	label:has(.dropdown-sub:checked) + .section-dropdown-sub{
		pointer-events: auto;
		opacity: 1;
		max-height: 999px;
		background-color: var(--dsecondary-color);
	}
	.section-dropdown-sub a {
		font-size: 14px;
	}
	.section-dropdown-sub a .uil {
		font-size: 20px;
	}
	.logo {
		position: fixed;
		top: 50px;
		left: 40px;
		display: block;
		z-index: 11000000;
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		transition: all 250ms linear;
	}
	.logo:hover {
		background-color: transparent;
	}
	.logo img {
		height: 26px;
		width: auto;
		display: block;
		transition: all 200ms linear;
	}
	.dark-light:checked ~ .logo img{
		filter: brightness(10%);
	}
	
	@media screen and (max-width: 991px) {
	.logo {
		top: 30px;
		left: 20px;
	}
	.dark-light:checked + label,
	.dark-light:not(:checked) + label{
		top: 20px;
		right: 20px;
	}
	}


}