:root {
	--cassiopeia-color-primary: #ffffff;
	--cassiopeia-color-link: #3ab67d;
	--link-color: #3ab67d;
	--link-color-rgb: 58, 182, 125;
	--cassiopeia-color-hover: #abce82;
	--primary-color: #9bc766;
	--secondary-color: #01a75e;
	--lgrey-color: #d8d8d8;
	--dgrey-color: #3d3d3c;
	--menu-text-color: #808080;
	--menu-bg-color: #808080;
	--vlblue: #8ed8e6;
	--lblue: #8ed8e6;
	--dblue: #74929a;
	--vdblue: #43565c;
	--vlgreen: #b9ea7d;
	--lgreen: #9bc766;
	--mgreen: #62833a;
	--dgreen: #01a75e;
	--vlorange: #ffcf75;
	--lorange: #d49520;
	--morange: #e09508;
	--dorange: #684608;
	--lpurple: #8f64b3;
	--dpurple: #583774;
	--aubergine: #712f5f;
	--black: hsl(0, 0%, 0%);
	--indigo: hsl(263, 90%, 51%);
	--vlpink: hsl(332, 100%, 83%);
	--lpink: hsl(332, 100%, 80%);
	--pink: hsl(332, 79%, 58%);
	--dpink: hsl(332, 58%, 39%);
	--red: hsl(3, 75%, 37%);
	--yellow: hsl(34, 100%, 34%);
	--teal: hsl(194, 66%, 61%);
	--cyan: hsl(207, 49%, 37%);
	--white: hsl(0, 0%, 100%);
	--grey-100: hsl(210, 17%, 98%);
	--grey-200: hsl(210, 16%, 93%);
	--grey-300: hsl(210, 14%, 89%);
	--grey-400: hsl(210, 14%, 83%);
	--grey-500: hsl(210, 11%, 71%);
	--grey-600: hsl(210, 7%, 46%);
	--grey-700: hsl(210, 9%, 31%);
	--grey-800: hsl(210, 10%, 23%);
	--grey-900: hsl(210, 11%, 15%);
	--primary: hsl(240, 98%, 17%);
	--secondary: hsl(210, 7%, 46%);
	--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-family: "Roboto", sans-serif;
	--font-sans-serif: "Roboto", sans-serif;
	--font-sans-serif-secondary: "Oswald", sans-serif;
	--font-regular: "Roboto", sans-serif;
	--font-condensed: "Oswald", sans-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: #626262;
	--body-color-rgb: 34, 38, 42;
	--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: rgba(34, 38, 42, 0.75);
	--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(--l-color);
	--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%);

	--vl-color: var(--vlgreen);
	--l-color: var(--lgreen);
	--m-color: var(--mgreen);
	--d-color: var(--dgreen);
	--link-color: var(--mgreen);
	--link-hover-color: var(--dgreen);

}

:root {
	--height-header: 100px;
}


:root{

}



.fisioterapia-layout{
	--vl-color: var(--vlgreen);
	--l-color: var(--lgreen);
	--m-color: var(--mgreen);
	--d-color: var(--dgreen);
	--link-color: var(--mgreen);
	--link-hover-color: var(--dgreen);
}



.palestra-layout{
	--vl-color: var(--vlorange);
	--l-color: var(--lorange);
	--m-color: var(--morange);
	--d-color: var(--dorange);
	--link-color: var(--morange);
	--link-hover-color: var(--dorange);
}


.visitespecialistiche-layout{
	--vl-color: var(--vlblue);
	--l-color: var(--lblue);
	--m-color: var(--dblue);
	--d-color: var(--vdblue);
	--link-color: var(--dblue);
	--link-hover-color: var(--vdblue);
}

.estetica-layout{
	--vl-color: var(--vlpink);
	--l-color: var(--lpink);
	--m-color: var(--pink);
	--d-color: var(--dpink);
	--link-color: var(--pink);
	--link-hover-color: var(--dpink);
}




*::-webkit-scrollbar {
	width: 4px;
	/* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
	background: #fff;
	/* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
	background-color: var(--l-color);
	/* color of the scroll thumb */
	border-radius: 0px;
	/* roundness of the scroll thumb */
	border: 0px solid #fff;
	/* creates padding around scroll thumb */
}





html,
body {
	width: 100%;
	display: block;
	clear: both;
}




.iub__us-widget{
	position: relative;
	z-index: 99999;
}

@media (max-width: 768px) {
	.sb-toggle-left {
		display: block !important;
	}

	.header {
		.header-bottom {
			#jux_memamenu110 {
				display: none !important;

			}
		}
	}

	.sidebar_sx {
		#megamenucss #js-mainnav.megamenu div.megaMenuToggle {
			/* 	display: none !important; */
		}
	}




}


.sb-toggle-left {
	& span {
		background-color: #e0e0e0 !important;
	}
}

.sidebar_sx {
	width: 100%;
	max-width: 500px;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(150vw);
	height: 100vh;
	height: 100svh;
	overflow-y: auto;
	z-index: 999999;
	padding: 30px 20px;
	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: #fff;
}

.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 {

	.header-logo {
		max-width: 250px;
		margin: 0 auto 10px;
	}

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

		& li.item-338 {
			display: none;
		}

		&>li {
			display: block;
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;

			&>a {
				display: block;
				width: 100%;
				text-align: center;
				padding: 10px;
				font-family: var(--font-sans-serif-secondary);
				font-size: 1.4rem;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 1;
				color: #fff;
			}
		}

		&>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(--mgreen);
				border-right: 5px solid var(--mgreen);
				border-bottom: 5px solid var(--mgreen); */
			}
		}


		& li.item-377 {
			background-color: var(--lblue);

			& a {
				color: #fff;
			}

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


			& li.item-379 {
			background-color: var(--pink);

			& a {
				color: #fff;
			}

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


		& li.item-101 {
			display: none;
		}


		& li.item-325 {
			background-color: var(--lorange);

			& a {
				color: #fff;
			}

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

		& li.item-327 {
			background-color: var(--lpurple);

			& a {
				color: #fff;
			}

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

		& li.item-329 {
			background-color: var(--aubergine);

			& a {
				color: #fff;
			}

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


		& li.item-337 {
			background-color: var(--d-color);

			& a {
				color: #fff;
			}

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


		& li.item-342 {
			background-color: var(--dorange);

			& a {
				color: #fff;
			}

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

		& li.item-344 {
			background-color: var(--pink);

			& a {
				color: #fff;
			}

			& ul.mod-menu__sub {
				background-color: var(--pink);
/* 				border-left: 5px solid var(--pink);
				border-right: 5px solid var(--pink);
				border-bottom: 5px solid var(--pink); */
			}
		}


		& li.deeper {
			& ul.mod-menu__sub {
				margin: 0;
				padding: 0;
				/* box-shadow: 0px 0px 15px -10px #000 inset; */

				& li {
					display: block;
					clear: both;
					padding: 0;
					margin: 0;
					border-top: 1px solid rgb(255 255 255 / 0.2);
					border-bottom: 1px solid rgb(0 0 0 / 0.2);

					&:first-of-type{
						border-top: none;
					}

					& a {
						display: block;
						width: 100%;
						text-align: center;
						padding: 15px;
						font-weight: 500;
						font-size: 0.8rem;
						letter-spacing: 1px;
						text-transform: uppercase;
					}
				}
			}
		}

	}

}


















.mainBtn {
	--animation-duration: 500ms;
	padding: 10px 20px;
	display: block;
	max-width: max-content;
	background-color: var(--l-color);
	color: #fff;
	/* 	border-radius: 10px; */
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	font-size: 14px;
	line-height: 1.2;
	overflow: hidden;
	background: rgb(255, 255, 255);
	background: linear-gradient(162deg,
			rgba(255, 255, 255, 1) 0%,
			rgba(0, 0, 0, 0.5) 100%);
	/*   mix-blend-mode: hard-light; */
	z-index: 1;
	border: none;
}

.mainBtn:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: var(--l-color);
	mix-blend-mode: multiply;
	z-index: -1;
	transition: background var(--animation-duration) linear;
}

.mainBtn:after {
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 15px;
	font-size: 16px;
}

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

.mainBtn:hover:before,
.mainBtn:focus-within:before {
	transition: background var(--animation-duration) linear;
	background: var(--d-color);
	border: none;
}



.mainBtn.no-arrow {
	&:after {
		display: none;
	}

	& i{
		margin-left: 10px;
	}

}






.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: #888;
		position: absolute;
		top: 10px;
		left: 10px;
		float: none;
		margin: 0;
		padding: 0;
		font-size: 0.9rem;
		text-align: left;
	}

	.rsform-block input {
		padding-left: 100px;
		border: 2px solid var(--m-color);
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		padding-left: 100px;
	}

	.rsform-block textarea {
		box-sizing: border-box;
		height: auto;
	}




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


	.rsform-block textarea {
		border: 2px solid var(--m-color);
		width: 100%;
		padding: 40px 10px 10px;
	}

	.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 {
		position: relative;
		padding: 0 0 0 20px;
		font-size: 9.8px;
		font-weight: 700;
	}

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

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

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










}










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







.header {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0px 0px 0px 20px;
	margin: 0 auto;
	overflow: visible;
	z-index: 9999;
	position: fixed;
	top: 0px;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #000;
	-webkit-transition: background 100ms ease-in-out;
	-moz-transition: background 100ms ease-in-out;
	-ms-transition: background 100ms ease-in-out;
	-o-transition: background 100ms ease-in-out;
	transition: background 100ms ease-in-out;


@media (max-width: 1360px) {
	#megamenucss #js-mainnav.megamenu.blackblack ul.level0 > li.active:after{
		height: 6px;
	}
}

	.header-bottom {
		display: flex;
		width: 100%;
		gap: 10px;
		align-items: stretch;


		@media (max-width: 767px) {
			gap: 30px;
		}


		.header-logo {
			max-width: 120px;
			display: flex;
			align-items: center;
			flex: 0 1 120px;
			padding: 5px 0px;
		}



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

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

		.socialHeader {
			top: 0px;
			right: 0px;
			display: flex;
			gap: 0px;
			padding: 0px;
			margin: 0 0 0 auto;
			align-items: stretch;

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

			&>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: 20px;
				padding: 0;
				height: 100%;
				line-height: 30px;
				text-align: center;
				margin: 0;
				background: var(--white);
				color: var(--grey-700);

				& span {
					display: none;
				}
			}


			@media (max-width: 979px) {
				&>li {
					list-style: none;
					display: flex;
					align-items: stretch;
					width: 40px;
					height: 100%;
				}

				&>li a,
				&>li>span {
					font-size: 20px;
				}

				&>li.whatsapplink a {
					font-size: 22px !important;
				}

			}


			@media (max-width: 550px) {
				&>li {
					width: 35px;
				}

				&>li a,
				&>li>span {
					font-size: 16px;
				}

				&>li.whatsapplink a {
					font-size: 18px !important;
				}
			}





			&>li.sb-toggle-left a {}

			&>li.facebooklink a {}

			&>li.instagramlink a {}

			&>li.phonelink a {
				background-color: var(--lblue);
				color: var(--white);
			}

			&>li.whatsapplink a {
				background-color: var(--lgreen);
				color: var(--white);
			}

			&>li.navigatorelink a {
				background-color: var(--lorange);
				color: var(--white);
			}

			&>li.sb-toggle-left,
			&>li.facebooklink,
			&>li.instagramlink {
				display: none;
			}
		}
	}

	@media (min-width: 1360px) {
		.header-bottom {
			gap: 10px;


			.header-logo {
				max-width: 150px;
				flex: 0 0 150px;
				padding: 5px 0;
			}
		}
	}

	@media (min-width: 1500px) {
		.header-bottom {
			gap: 40px;


			.header-logo {
				max-width: 200px;
				flex: 0 0 200px;
				padding: 5px 0;
			}
		}
	}


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

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

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

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

		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu327),
		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu329),
		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu337),
		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu342),
		#megamenucss #js-mainnav.megamenu ul.level0>li.megacss:has(#menu344) {
			display: none;
		}

	}




}





footer {
	display: block;
	clear: both;
	gap: 0;
	width: 100%;
	margin: 0 !important;
	padding: 30px 0px;
	background: var(--mgreen) !important;


	&>.grid-child {
		grid-column: full;
		padding: 0 !important;
		/* 	background-color: rgb(0,0,0,.5); */
		display: flex !important;
/* 		align-items: flex-end !important; */
		justify-content: center !important;

		@media (max-width: 979px) {
			flex-direction: column!important;
			justify-content: center!important;
			align-items: center!important;
		}

	}


	#footerA {
		display: flex;
		flex-direction: column;
		padding: 40px;


		& img {
			max-width: 260px;
			width: 100%;
			margin: -18px auto 15px;
			padding: 0;
		}

		& h1,
		& p {
			font-size: 0.9rem;
			line-height: 1.4;
			font-family: var(--body-font-family);
			font-weight: 500;
			margin: 0;
			padding: 0;
		}

		& ul {
			display: flex;
			flex-direction: column;
			gap: 0px;
			margin: 0;
			padding: 0;

			& li {
				margin: 0;
				padding: 0;
				list-style: none;
				line-height: 1;

				& a {
					font-size: 0.9rem;
					line-height: 1.4;

					& i {
						font-size: 0.8rem;
					}

					&:hover,
					&:focus-within {
						text-decoration: underline;
						color: #fff;
					}

				}
			}
		}



	}

	#footerB {
		display: flex;
		flex-direction: column;
		padding: 40px;

		& p {
			font-style: italic;
			font-size: 0.9rem;
			max-width: 300px;
		}

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

			@media (max-width: 979px) {
				flex-direction: row;
				align-items: center;
				justify-content: center;
				}

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

				& a {
					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: var(--l-color) !important;
						color: #fff !important;
					}

				}
			}
		}
	}


	#footerC {
		padding: 40px;

		& ul {
			margin: 0;
			padding: 0px;
			display: flex;
			flex-direction: column;
			gap: 5px;

			@media (max-width: 979px) {
			flex-direction: row;
			align-items: center;
			justify-content: center;
			}

			& li {
				list-style-type: none;

				& a {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 35px;
					aspect-ratio: 1;
					background-color: #fff;
					color: var(--primary-color);
					border-radius: 100%;

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

	@media (max-width: 979px) {
		#footerA, 
		#footerB,
		#footerC 
		{
			align-items: center;
			padding: 20px;
			width: 100%;
			text-align: center;
		}
	}


}




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

.main-content {}





.com-content-article__body {

	& h1,
	& h2,
	& h3,
	& h4,
	& h5 {
		color: var(--m-color);
		margin-top: 30px;
		margin-bottom: 15px;
	}

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

	& a:hover,
	& a:focus-within {
		color: var(--d-color);
	}

	& h1 {}

	& h2 {
        font-size: 2.4rem;
        line-height: 1.2;
        /* font-family: var(--font-sans-serif); */
        font-weight: 700;
        letter-spacing: -0.4px;
				text-transform: uppercase;
				max-width: max-content;
				margin: 2rem 0px;
				display: block;
	}

	& h3 {
		font-size: 1.6rem;
		margin-top: 30px;
		line-height: 1.1;
		font-weight: 500;
		border-left: 0.5rem solid var(--m-color);
		padding-left: 1rem;
		padding: 0.5rem 1rem;
	}

	& h4 {
		font-size: 1.4rem;
		color: var(--grey-500);
		font-weight: 300;
	}

	& h5 {}

	& h2:first-of-type {
		margin-top: 2rem;
	}

	& 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;
	}


	& ol{
	}

	& li{
		margin-bottom: 1rem;
	}




}



.serviziProfessionistiPage {
	.com-content-article.specialista-page  {
		padding-bottom: 120px;
	}
}


body.serviziBlogPage {
	.site-grid .container-component {
		grid-column: full;
	}

	.serviziBlog {
		padding-bottom: 120px;
	}

	.serviziBlog {
		padding: 0 1rem;

		.blog-items {
		}
	}

	.professionistiSettoreMod,
	.serviziSettoreMod {

	}
}



body.contattipage {
	.site-grid .container-component {
		grid-column: full;
	}
}




.customtitle {
	text-align: center;
	margin: 6rem auto 6rem;
	font-weight: 300;
	font-family: var(--font-regular);
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--l-color);
	text-transform: lowercase;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid var(--l-color);
	max-width: max-content;

	& b {
		font-weight: 300;
	}

	& span {
		display: block;
		clear: both;
		font-weight: 500;
		color: var(--l-color);
		text-transform: uppercase;
	}
}
















body.convenzioniSanitariePage,
body.puntoPrelievoPage,
body.esteticaPage
{ 
.container-component{
	grid-column: full!important;
}
}

body.convenzioniSanitariePage,
body.puntoPrelievoPage,
body.esteticaPage{
.com-content-article__body{
	& > section:not(.imagetitle-section){
		padding-inline: 30px!important;
	}
}
}































.serviziBlogPage {

	.serviziBlogTitle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 6rem auto;


		& h2 {
			font-size: 3rem;
			line-height: 1.2;
			margin: 0;
			border: none;

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

	.heroSectorSection {
		.innerBottomContent {
			&:before {
				display: none;
			}
		}
	}

	.blog-items {
		display: grid;
		/* grid-template-columns: repeat(3,1fr);*/
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
		gap: 1rem;
		max-width: 1800px;
        margin: 0 auto;

		@media (min-width: 1600px) {
			grid-template-columns: repeat(4, 1fr);
		}

		.blog-item {
			position: relative;
			overflow: hidden;
			padding: 0;

			&:after {
				position: absolute;
				width: 100%;
				height: 100%;
				content: "";
				top: 0;
				left: 0;
				z-index: 0;
				opacity: 0.8;
				background: linear-gradient(130deg, var(--m-color) 0%,
						var(--m-color) 50%,
						rgba(000, 000, 000, 0) 100%);
						pointer-events: none;
			}


					@supports (mix-blend-mode: multiply) {
			&:after {
				background: linear-gradient(130deg, var(--m-color) 0%,
						var(--m-color) 50%,
						rgba(000, 000, 000, 0) 100%);
				mix-blend-mode: multiply;
				opacity: 1;
			}

		}






			h2 {
				position: absolute;
				z-index: 1;
				top: 30px;
				left: 30px;
				padding: 0px 20px 0px 20px;
				font-weight: 300;
				text-transform: uppercase;
				font-size: 1.6rem;
				line-height: 1;
				height: calc(100% - 60px);
				border-left: 5px solid var(--vl-color);
				font-family: var(--font-regular);

				& a {
					color: #fff;
				}
			}

			a.mainBtn {
				position: absolute;
				bottom: 20px;
				right: 20px;
				z-index: 1;
				background: rgb(255, 255, 255);
				color: #fff;
				/*         mix-blend-mode: hard-light; */
				z-index: 1;



    background: linear-gradient(162deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);


				&:before {
					background-color: transparent;
				}
			}

			a.mainBtn:hover,
			a.mainBtn:focus-within {
				/*         mix-blend-mode: hard-light; */
				background-color: var(--l-color);
				color: #fff;
			}

			& ul.fields-container {
				display: none;
			}

			& a.imagelink {
				width: 100%;
				height: 300px;
				object-fit: cover;

				& img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			& img {
				width: 100%;
				height: 300px;
				object-fit: cover;
			}
		}
	}



}




	.categoryHeroSection {
		margin: 0 auto;


		.innerTopContent {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			gap: 60px;
			height: auto;
			width: 100%;
			position: relative;
			padding: 6rem ;
			color: #fff;

			& picture {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
					z-index: 0;

				&:after {
				position: absolute;
				top: 0;
				left: 0;
				content: "";
				width: 100%;
				height: 100%;
				background: var(--m-color);
				opacity: 0.5;
				z-index: 1;
				}

				@supports (mix-blend-mode: multiply) {
				&:after {
				background: var(--m-color);
				opacity: 1;
				mix-blend-mode: multiply;
				}
				}

				& img
				 {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: right center;
				}
			}

			.textcontent {
				width: auto;
				margin: 0;
				max-width: 550px;
				z-index: 10;
				position: relative;
				
			color: #fff;


		& h3 {
			font-size: 1.3rem;
			line-height: 1;
			letter-spacing: 3px;
			margin: 0;
			padding: 0;
			border: none;
			color: var(--vl-color);
			font-weight: 300;
			text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
			font-family: var(--font-sans-serif);

			& b {
				text-transform: uppercase;
				font-weight: 700;
			}
		}

		& h2 {
			font-family: var(--font-sans-serif-secondary);
			font-size: 5rem;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 0.9;
			margin: 0.5rem 0 1rem;
			letter-spacing: -2px;
			color: #fff;
		}

		& p {
			font-weight: 500;
			letter-spacing: 0.5px;
			margin: 0;
			text-wrap: balance;

			& small {
				display: block;
				clear: both;
				font-style: italic;
				font-size: 0.75rem;
				margin-top: 10px;
			}
		}

			}

			.textcontent h2 {
				text-shadow: 0px 0px 30px rgb(0 0 0 / 0.3);
			}

			&>div.description {
				padding: 60px;
				display: flex;
				flex-direction: column;
				background-color: var(--m-color);
				color: #fff;
				position: relative;
				z-index: 10;
				margin: 0 0 0 auto;
				flex: 0 1 767px;

				& h4 {
					display: flex;
					flex-direction: column;
					font-size: 4rem;
					text-transform: uppercase;
					font-weight: 700;
					line-height: 1;
					margin: 0 0 15px;
					letter-spacing: -2px;

					& span {
						color: var(--l-color);
						font-weight: 300;
						font-size: 1.8rem;
						font-family: var(--font-regular);
						margin: 0;
						line-height: 1;
						text-transform: lowercase;
						letter-spacing: 1px;
					}
				}

				& a.secondaryBtn {
					--animation-duration: 2000ms;
					padding: 10px 20px;
					display: block;
					max-width: max-content;
					background-color: var(--l-color);
					color: #fff;
					/* 	border-radius: 10px; */
					text-transform: uppercase;
					letter-spacing: 0;
					position: relative;
					font-size: 14px;
					line-height: 1.2;
					overflow: hidden;
					background: rgb(255, 255, 255);
					background: linear-gradient(162deg,
							rgba(0, 0, 0, 0.2) 0%,
							rgba(0, 0, 0, 0.7) 100%);
					mix-blend-mode: hard-light;
					z-index: 1;
					margin: 0 0 0 auto;
				}

				& a.secondaryBtn:hover,
				& a.secondaryBtn:focus-within {
					mix-blend-mode: hard-light;
					background: linear-gradient(162deg,
							rgba(0, 0, 0, 0.5) 0%,
							rgba(0, 0, 0, 8) 100%);
				}

				& a.secondaryBtn:after {
					font-family: "FontAwesome";
					content: "\f105";
					margin-left: 15px;
					font-size: 16px;
				}
			}
		}
	}






.BlogPage {
	.blog-items {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
		grid-auto-flow: dense;
		container-type: inline-size;
		grid-auto-rows: auto auto auto auto;

		.blog-item {
			grid-row: span 4;

			display: grid;
			grid-template-rows: subgrid;
			gap: 1rem;
			border-radius: 0.5rem;
			overflow: hidden;

			& div.introText {}

			& p {
				align-items: end;
			}

			.article-info {}

			.page-header {
				display: flex;
				flex-direction: column;

				.tags {
					margin: auto 0 0;
					padding: 0;
				}
			}

			& img {
				width: 100%;
				height: 200px;
				object-fit: cover;
			}
		}
	}
}






body.serviziProfessionistiPage {
	.site-grid .container-component {
		grid-column: full;
	}

	.serviziBlog {
		padding-bottom: 120px;
	}

	.serviziBlog,
	.com-content-article.serviziProfessionistiPage {
		display: grid;
		grid-template-columns: [ full-start] minmax(0, 1fr) [ main-start] repeat(4, minmax(0, 25%)) [ main-end] minmax(0, 1fr) [ full-end];
		gap: 0 2em;
	}

	.com-content-article.serviziProfessionistiPage>* {
		grid-column: full;
	}


	.maindetails-specialista {
		grid-column: main;
	}

	.blog-items {
		grid-column: main;
		display: grid;
		/* grid-template-columns: repeat(3, 1fr); */
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
		gap: 90px 60px;
		max-width: 1800px;
		margin: 0 auto;
	}


	.blog-item ul.fields-container li.specializzazione-professionista {
		display: none;
	}


	.serviziBlogTitle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 6rem auto 4rem;

		& h2 {
			font-size: 3rem;
			line-height: 1.2;
			margin: 0;
			border: none;

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

}








.filtro-specialisti {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
	justify-content: center;
	gap: 1rem;
	margin: 0 auto 6rem;
	padding: 0 1rem;

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

}


.typeFilterDiv{
	display: flex;
	border: 1px solid #ccc;
	flex:  0 1 340px;

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

	& span{
		padding: 0.5rem 1rem;
		font-size: 1rem;
		border-left: 1px solid #ccc;
		cursor: pointer;
		transition: background-color 0.3s;

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

	}

}

.filtro-input,
.filtro-input:hover,
.filtro-input:focus-within
 {
  flex: 1 1 auto;
  padding: 0.5rem 1rem;
  font-size: 1rem;
	border: none;
	outline: none;
	
}

.filtro-btn {
  padding: 0.25rem 3rem 0.25rem 1rem;
  font-size: 0.8rem;
	font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	border-radius: 0px;
	height: auto;

	&.active{
		background-color: var(--d-color);

		&:before {
    background: var(--d-color);
}

	}

	& small{
		font-size: 0.7rem;
		font-weight: 400;
	}

	& i{
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.2rem;
	}
}

.filtro-btn:hover {
  background-color: #0056b3;
}

.blog-item, 
.professionista-card 
{
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
	order: initial;
}

.blog-item.fade-out,
.professionista-card.fade-out
{
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.blog-item.fade-in, 
.professionista-card.fade-in 
{
  opacity: 1;
  transform: scale(1);
	order: -1;
}





.palestra-layout .innerTopContent .description h4 span,
.palestra-layout .maindetails-specialista .description h4 span
{
	color: var(--d-color)!important;
}



body.view-article.serviziBlogPage {

.acfarticles-field-wrapper .swiper-wrapper{
	gap: 6rem 1rem;
}


& ul.fields-container {
	display: flex;
	flex-direction: column;
	gap: 6rem;
	max-width: 1800px;
	margin: 0 auto;

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


		& li.servizi-correlati{
			& p.titlefield{
					text-align: center;
					margin: 0 auto 6rem;
					font-size: 1.6rem;
					line-height: 1.3;

        display: block;
        clear: both;
        font-weight: 300;
        color: var(--l-color);
				text-transform: lowercase;

	padding: 0.5rem 1rem;
	border-bottom: 1px solid var(--l-color);
	max-width: max-content;

			}


			& p.descfield {
				margin: 0;
			}









		.blog-item {
			position: relative;
			overflow: hidden;
			padding: 0;

			&:after {
				position: absolute;
				width: 100%;
				height: 100%;
				content: "";
				top: 0;
				left: 0;
				z-index: 0;
				opacity: 0.8;
				background: linear-gradient(130deg, var(--m-color) 0%,
						var(--m-color) 50%,
						rgba(000, 000, 000, 0) 100%);
						pointer-events: none;
			}


					@supports (mix-blend-mode: multiply) {
			&:after {
				background: linear-gradient(130deg, var(--m-color) 0%,
						var(--m-color) 50%,
						rgba(000, 000, 000, 0) 100%);
				mix-blend-mode: multiply;
				opacity: 1;
			}

		}






			& h3 {
				position: absolute;
				z-index: 1;
				top: 30px;
				left: 30px;
				padding: 0px 20px 0px 20px;
				font-weight: 300;
				text-transform: uppercase;
				font-size: 1.6rem;
				line-height: 1;
				height: calc(100% - 60px);
				border-left: 5px solid var(--vl-color);
				font-family: var(--font-regular);

				& a {
					color: #fff;
				}
			}

			a.mainBtn {
				position: absolute;
				bottom: 20px;
				right: 20px;
				z-index: 1;
				background: rgb(255, 255, 255);
				color: #fff;
				/*         mix-blend-mode: hard-light; */
				z-index: 1;



    background: linear-gradient(162deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);


				&:before {
					background-color: transparent;
				}
			}

			a.mainBtn:hover,
			a.mainBtn:focus-within {
				/*         mix-blend-mode: hard-light; */
				background-color: var(--l-color);
				color: #fff;
			}

			& ul.fields-container {
				display: none;
			}

			& a.imagelink {
				width: 100%;
				height: 300px;
				object-fit: cover;

				& img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			& img {
				width: 100%;
				height: 300px;
				object-fit: cover;
			}
		}










/* 			& a.relatedprof-img{
					width: 100%;
					height: 250px;

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

				& h3{
					font-weight: 300;
					text-transform: uppercase;
					font-size: 1.6rem;
					line-height: 1;
					font-family: var(--font-regular);
					margin: 1rem auto;

					& a:hover,
					& a:focus-within
					{
						color: var(--d-color);
					}
				} */

		} 



	& section.hero-specialista {
		width: 100%;
		height: 400px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 60px 0px 60px 60px;

		& img.catHeroImg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: right center;
		}

		&:after {
			background-color: var(--m-color);
			opacity: 1;
			mix-blend-mode: multiply;
			/* mix-blend-mode: hard-light; */
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
		}

		&>*:not(img) {
			position: relative;
			z-index: 1;
			color: #fff;
		}



		& div.serviceNameDiv {
			max-width: 800px;
			height: 400px;
			display: flex;
			align-items: center;
			gap: 30px;
			/* 			margin-top: -400px;
			margin-bottom: 60px; */
			position: relative;
			z-index: 100;

			&>figure.item-image {
				margin: 0;

				& img {
					display: block;
					clear: both;
					max-width: 230px;
					height: auto;
					object-fit: cover;
					object-position: center;
					aspect-ratio: 1 / 1;
					border-radius: 50%;
				}
			}

			& h1 {
				font-size: 5rem;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 0.9;
				margin: 12px 0 15px;
				letter-spacing: -2px;
				color: #fff;
			}


			& h2 {
				font-weight: 300;
				text-transform: uppercase;
				font-size: 1.6rem;
				line-height: 1;
				color: #fff;

				& a{
					color: #fff;
				}

			}

		}









		& ol {
			list-style: none;
			padding: 0;
			background: rgb(0 0 0 / 0.3);
			border-radius: 20px 0 0 20px;

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

			.breadcrumb-item+.breadcrumb-item::before {
				color: #fff;
			}

			& li.float-start {
				margin-right: 5px;
			}

			& li.breadcrumb-item.active {
				color: rgba(255, 255, 255, 1);
			}

		}

	}


	& section.maindetails-specialista {
		grid-column: main;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		max-width: 1366px;
		margin: 0 auto;
		padding: 60px 60px;
		gap: 100px;

		.left {
			flex: 1 1 auto;

			.full-image-container {
				margin: 0 auto 30px;
				border-radius: 10px;
				overflow: hidden;
				display: block;
			}

		}

		.right {
			flex: 0 0 480px;

			.description {
				padding: 60px;
				display: flex;
				flex-direction: column;
				background-color: var(--m-color);
				color: #fff;
				box-shadow: -25px 25px 0px -10px var(--vl-color), 0px -20px 40px -10px rgba(0, 0, 0, 0.4);
				transform: translateY(0);
				position: relative;
				z-index: 1;
				margin: -160px 0 60px auto;

				& h4 {
					display: flex;
					flex-direction: column;
					font-size: 4rem;
					text-transform: uppercase;
					font-weight: 700;
					line-height: 1;
					margin: 0 0 15px;
					letter-spacing: -2px;

					& span {
						color: var(--l-color);
						font-weight: 300;
						font-size: 1.8rem;
						font-family: var(--font-regular);
						margin: 0;
						line-height: 1;
						text-transform: lowercase;
						letter-spacing: 1px;
					}
				}

				& ul.fields-container {
					margin: 0;
					padding: 0;

					.titlefield {
						display: none;
					}
				}


			}


			.formService {
				padding: 30px 30px 15px;
				border: 1px solid #e0e0e0;


				&>h4 {
					text-align: center;
					margin: 0px 0 30px;
					font-weight: 300;
					font-family: var(--font-regular);
					font-size: 1.1rem;
					line-height: 1.2;
					color: var(--grey-500);
					text-wrap: balance;

					& b {
						font-weight: 300;
					}

					& span {
						font-size: 1.4rem;
						display: block;
						clear: both;
						font-weight: 500;
						color: var(--m-color);
					}
				}


			}



		}








		.page-title-header h1 {
			text-transform: uppercase;
			color: var(--d-color);
			font-size: 1.6rem;
			line-height: 1;
			font-weight: 300;
			font-family: var(--font-condensed);
			margin: 0;
		}


		ul.customFieldsUL,
		ul.fields-container {
			margin: 0 auto 60px;
			display: block;
			padding: 0;
			list-style: none;

			& li {
				display: block;
				clear: both;
				margin: 0;
				padding: 0;
				width: 100%;

				& p {
					display: block;
					clear: both;
					width: 100%;
					margin: 0;
					padding: 0;
				}
			}


			& li.professionisti-correlati {

				.titlefield {
					display: none;
				}

			}

			.brevedescrizioneCF {
				margin-bottom: 0;
			}


		}


		.com-content-article__body {
			margin: 0 auto;
		}

	}

	& ul.fields-container li.professionisti-correlati .titlefield {
		display: none;
	}

}












body.view-article.serviziProfessionistiPage {
	& section.hero-specialista {
		width: 100%;
		height: 200px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px 0px 0 30px;

		& img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: right center;
		}

		&:after {
			background-color: var(--m-color);
			opacity: 1;
			mix-blend-mode: multiply;
			mix-blend-mode: hard-light;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
		}

		&>*:not(img) {
			position: relative;
			z-index: 1;
			color: #fff;
		}


		& h2 {
			font-weight: 300;
			text-transform: uppercase;
			font-size: 1.6rem;
			line-height: 1;
			color: #fff;
		}

		& ol {
			list-style: none;
			padding: 0;
			background: rgb(0 0 0 / 0.3);
			border-radius: 20px 0 0 20px;

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

			.breadcrumb-item+.breadcrumb-item::before {
				color: #fff;
			}

			& li.float-start {
				margin-right: 5px;
			}

			& li.breadcrumb-item.active {
				color: rgba(255, 255, 255, 1);
			}

		}

	}


	& section.maindetails-specialista {
		grid-column: main;
		display: flex;
		flex-direction: column;
		align-items: center;

		& figure.item-image {
			margin: 0 0 60px;

			& img {
				display: block;
				clear: both;
				max-width: 300px;
				height: auto;
				object-fit: cover;
				object-position: center;
				aspect-ratio: 1 / 1;
				border-radius: 50%;
				transform: translateY(-50%);
				margin-bottom: -50%;
				border: 10px solid #fff;
			}
		}


		.page-title-header h1 {
			text-transform: uppercase;
			color: var(--m-color);
			font-size: 3rem;
			line-height: 1;
			font-weight: 300;
			font-family: var(--font-condensed);
			margin: 0;
		}


		ul.customFieldsUL,
		ul.fields-container {
			margin: 0 auto 60px;
			display: block;
			padding: 0;
			list-style: none;
			text-align: center;
			width: 100%;

			& li {
				display: block;
				clear: both;
				margin: 0;
				padding: 0;
				width: 100%;

				& p {
					display: block;
					clear: both;
					width: 100%;
					margin: 0;
					padding: 0;
				}
			}

			& li.specializzazioni {
				margin-block: 20px;

				.titlefield {
					display: none;
				}

				.descfield {
					text-transform: uppercase;
					color: var(--l-color);
					font-size: 1.4rem;
					line-height: 1;
					font-weight: 400;
					/* font-family: var(--font-condensed); */
				}

			}

			& li.descrizione-breve-specialista {

				max-width: 550px;
				font-style: italic;
				color: rgb(0 0 0 / 0.5);
				margin-inline: auto;

				.titlefield {
					display: none;
				}

				.descfield {
					max-width: 100%;
					color: rgb(0 0 0 / 0.5);
					font-style: italic;
					font-size: 0.8rem;
				}

			}


			.specializzazioneprofessionista {
				display: none;
			}


			.brevedescrizioneCF {
				margin-bottom: 0;
			}


		}


		.com-content-article__body {
			padding: 0px 60px;
			margin: 0 auto;
			max-width: 979px;
		}


		&>h2.relatedServicesTitle {
			text-align: center;
			margin: 60px 0;
			font-weight: 300;
			font-family: var(--font-regular);
			font-size: 2rem;
			line-height: 1.4;
			color: var(--l-color);

			& b {
				font-weight: 700;
			}

			& span {
				display: block;
				clear: both;
				font-weight: 700;
				font-style: italic;
				color: var(--m-color);
			}
		}

		& ul.fields-container li.specializzazione-professionista .titlefield {
			display: none;
		}


	}


}



















































/* Contatti Page ********************************/


.carRegistrationFormSection {
	display: flex;
	gap: 0px;
	min-height: 100vh;
	min-height: 100svh;
	align-items: stretch;
	flex-direction: column;
}

.carRegistrationFormSection .leftSection {
	display: flex;
	flex-direction: column;
	gap: 60px;
	background-color: #000;
	flex: 100%;
	padding: 0;
	background: no-repeat url('../../../../../images/template/mappa.jpg') center center / cover;
	position: relative;
	padding: 60px;

	>* {
		z-index: 2;
	}
}

.carRegistrationFormSection .leftSection:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
}


.carRegistrationFormSection .leftSection .grid-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 10px #000;
}

.carRegistrationFormSection .leftSection .grid-item>i {
	font-size: 20px;
	line-height: 30px;
	text-shadow: none;
}

.carRegistrationFormSection .leftSection .grid-item>h3 {
	text-align: center;
	margin: 5px 0 10px;
	padding: 0px;
	text-transform: uppercase;
	border: none;
}

.carRegistrationFormSection .leftSection .grid-item p {
	margin: 0 0 10px;
}

.carRegistrationFormSection .leftSection .grid-item a {
	color: #fff;
	white-space: nowrap;
	margin: 0px 0px 10px 0px;
	text-shadow: none;
}

/* .carRegistrationFormSection .leftSection .grid-item a.mainBtn:before{
	background-color: #fff;
	

} */



.carRegistrationFormSection .contactForm {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 60px 15px;
	flex: 100%;

	& h1 {
		font-size: 1.8rem;
		text-transform: uppercase;
		font-weight: 700;
	}
}


@media (min-width:979px) {
	.carRegistrationFormSection {
		flex-direction: row;
	}

	.contattipage .carRegistrationFormSection .leftSection {
		display: grid;
		flex: 1 1 30%;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 1fr);
	}

	.contattipage.carregistrationpage .carRegistrationFormSection .leftSection {
		flex: 1 1 30%;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		min-height: 100vh;
		min-height: 100svh;
	}

	.carRegistrationFormSection .contactForm {
		flex: 1 1 min(50%);
		padding: 0 60px;
	}

}






/* END Contatti Page ********************************/

























@media (max-width: 1279px) {
	body.serviziProfessionistiPage,
	body.serviziBlogPage
	 {
		.blogHeroSectorSection,
		.categoryHeroSection
		 {
			.innerTopContent {
				border-bottom: 0px;
				gap: 2rem;
				padding: 0;
				display: flex;
				flex-direction: column;

				>* {
					flex: 1 1 auto !important;
				}

				&>div.textcontent{
					padding: 4rem 1rem;
					text-align: center;
				}

				&>div.description {
					top: 0;
					box-shadow: none !important;
					padding: 2rem 1rem;
					margin-inline: auto;
					width: 100%;
					display: none;

					& h4 {
						text-align: center;
						& span {
							margin-bottom: 12px;
						}
					}


					& p {
						font-size: 0.8rem;
						max-width: 550px;
						margin-inline: auto;
					}

					& a.secondaryBtn {
						margin-inline: auto;
					}

				}


			}
		}


		.serviziBlogTitle {
			margin: 3rem auto 1rem;

			& h2.customtitle {
				font-size: 1.4rem;
				line-height: 1.2;
				margin-bottom: 30px;
				text-align: center;

				& span{
					font-size: 1.6rem;
					font-style: normal;
					font-weight: 400;
				}

			}
		}


		.professionistiSettoreMod {
			& h2.customtitle {
				font-size: 1.6rem;
				line-height: 1.2;
				margin-top: 0px;
				margin-bottom: 60px;
				text-align: center;
			}
		}







	}
}










@media (max-width: 1279px) {


.palestra-layout .description h4 span{
		color: var(--d-color)!important;
	}

}



@media (max-width: 1279px) {


	body.view-article.serviziBlogPage {
		& section.hero-specialista {
			width: auto;
			height: auto;
			flex-direction: column;
			padding: 120px 0;
			gap: 30px;

			&>* {
				flex: 1 1 auto;
			}

			& img.catHeroImg {
				object-position: 90% center;
			}

			& div.serviceNameDiv {
				height: auto;
				flex-direction: column;
				text-align: center;

				&>div {
					padding-inline: 15px;
				}

				&>figure.item-image {
					max-width: 150px;

					& img {
						max-width: 100%;
					}
				}

				& h1 {
					font-size: 2.4rem;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0px;
				}

			}

			& ol {
				list-style: none;
				padding: 0 15px !important;
				background: transparent;
				border-radius: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 0.7rem;

				& li.active {
					display: none;
				}

				& a {}
			}

		}


		& section.maindetails-specialista {
			display: flex;
			flex-direction: column;
			padding-inline: 15px;


			.left {
				.full-image-container {
					display: none;
				}
			}



			.right {
				.description {
					margin-top: 0;
					box-shadow: none;
					padding: 30px;
				}
			}
		}






	}

}












@media (max-width: 1279px) {


	body.view-article.serviziProfessionistiPage {

		& section.hero-specialista {
			width: auto;
			height: auto;
			flex-direction: column;
			padding: 120px 0 180px;
			gap: 30px;

			&>* {
				flex: 1 1 auto;
			}

			&>img {
				object-position: 90% center;
			}

			& h2 {
				margin: 0;
			}

			& ol {
				list-style: none;
				padding: 0 15px !important;
				background: transparent;
				border-radius: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 0.7rem;

				& li.active {
					display: none;
				}

				& a {}
			}

		}


		& section.maindetails-specialista {



			& figure.item-image {
				margin: 0 0 60px;
				max-width: 300px;

				& img {
					max-width: 100%;
				}

			}


			.page-title-header {
				text-align: center;
			}


			.com-content-article__body {
				padding-inline: 0px;
			}


			ul.customFieldsUL, ul.fields-container {
				width: 100%;
				clear: both;
			}

		}

	}

}




@media (max-width: 1279px) {


}









@media (max-width: 550px) {
	.serviziBlogPage {
		.blogHeroSectorSection {
			.innerTopContent {
				border-bottom: 0px;

				&>div.description {

				}

			}
		}

		.professionistiSettoreMod,
		.serviziBlog {
			gap: 0 1em !important;
		}



				section.maindetails-specialista {
						.right {
								.description {
										& h4 {
												font-size: 3rem!important;
										}
								}
						}
				}
				


	}




	.customtitle {
    font-size: 1.3rem!important;
    line-height: 1.1!important;

		& span{
			margin-top: 0.25rem;
		}

}


.swiper.mod-articlescategory.category-module{
	grid-column: full;
}


.serviziBlogPage {
	& .blog-items {
			& .blog-item {
					h2 {
							font-size: 1.2rem;
							font-weight: 400;
							line-height: 1.2;
					}
			}
	}
}




}