@import url("https://use.typekit.net/hom6wap.css");

:root {

	--font-base: 'playfair-display', sans-serif;
	--font-base2: 'eurostile', sans-serif;
 
	--color-bk: #fff;	
	--color-bk-header: rgba(46,41,115,0.7);
	--color-header: #fff; 
	--color-header-hover: #fff;
	--color-font:#4d4d4d;
	--font-body-size:1.6rem;
	--font-body-line-height:2.4rem;
	--font-body-weight:400;
	--font-footer-size:1.2rem;
    --font-footer-line-height:5rem;
    --font-footer-color:#fff;
 
	
	--font-header-size:1.6rem; 
    --font-header-transform:lowercase;
    --font-header-weight:400;
	
	--height-header:100px;
    --line-height-header:100px;
    --height-header-fixed:100px;
    --line-height-header-fixed:100px;
	
	--background-footer:#f28b2e;
    --background-footer-baseline:#2e2973;  
	
	--color-1:#f28b2e;
	--color-2:#2e2973;
	--color-3:#c0bfd5;
	--color-4:#9794b9;
	--color-5:#4d4d4d;
	--color-6:#eaeaf1;
	--color-7:#6d699d;
	--color-verdino:#E2F0E4;
	
	
	
}



a.lang-markup,
span.lang-markup {
	display: none !important;
}

html[lang='en-US'] span[rel-lang='en'],
html[lang='en-US'] a[rel-lang='en']{
	display: inline-block !important;
} 

html[lang='it-IT'] span[rel-lang='it'], 
html[lang='it-IT'] a[rel-lang='it']{
	display: inline-block !important;
}

html[lang='fr-FR'] span[rel-lang='fr'],
html[lang='fr-FR'] a[rel-lang='fr']{
	display: inline-block !important;
}

html[lang='de-DE'] span[rel-lang='de'],
html[lang='de-DE'] a[rel-lang='de']{
	display: inline-block !important;
}

html[lang='es-ES'] span[rel-lang='es'],
html[lang='es-ES'] a[rel-lang='es']{
	display: inline-block !important;
} 

html {
    font-size: 62.5% !important;
}

html.scale-125 {
	font-size: 47.5% !important;
}

html.layout-edit {
	font-size: 100% !important; 
}
 
.equal {
	display: flex;
	flex-wrap: wrap;
}	


.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-items-top {
    -webkit-box-align: top!important;
    -ms-flex-align: top!important;
    align-items: top!important;
}


.align-horizontal-items-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	 justify-content: center;
}

.align-items-space {
    justify-content: space-around;
}

.equal_stessa_altezza * {
	height: 100%; 
	display: flex;
    flex-direction: column;
}

.equal_stessa_altezza img { 
	height: 100% !important;
	object-fit: cover;
}

.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-95 {margin-bottom: 95px;}

.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-95 {margin-top: 95px;}

.margin-left-65 {  
	margin-left: 65px;
}

.max-padding {padding: 99px 0;}
.default-padding {padding-top: 50px; padding-bottom: 50px;}
.no-margin {margin: 0 !important;}

a:focus {
	box-shadow: none !important;
}


.image-border-white {border: 1px solid #fff;}
.image-border-green {border: 1px solid #3e984c;}
.image-border-lightgreen {border: 1px solid #9ecca5;}
.img-shadow {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.img-responsive {width: 100%;}


.qx-container {max-width: 1170px;}

@media (min-width: 1200px){
.container { width: 1170px;}
}

@media (min-width: 1300px){
.container { width: 1200px;}
}

@media (min-width: 1500px){
.container { width: 1170px;}
}


body {
	font-family: var(--font-base);
	color: var(--color-font);
	font-size: var(--font-body-size);
	line-height: var(--font-body-line-height);
	font-weight: var(--font-body-weight);
	background: var(--color-bk);
}

body #t3-mainbody {
	background: var(--color-bk);
}

#t3-mainbody {

}

b, strong {
	font-weight: 600;
}

em {
	color: inherit;	
}


.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.container-fluid .container-inner > .row {
	margin-left: -15px;
	margin-right: -15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-base2);
	letter-spacing: inherit;
	color: var(--color-1) !important;
	line-height: 1.1;
}

.text-titolo-home, a.text-titolo-home {
    font-family: 'eurostile', sans-serif;
    font-weight: 400;
    font-size: 6rem;
    line-height: 7rem;
}

.text-titolone,
.text-titolone span {
	font-family: var(--font-base2);
	font-size: 7.2rem;
	line-height:7.2rem;  
}

.text-titolo,
.text-titolo span {
	font-family: var(--font-base2);
	font-size: 4.2rem;
	line-height: 5rem; 
} 

.text-sottotitolo,
.text-sottotitolo p,
.text-sottotitolo span {  
	font-family: var(--font-base2);
	font-size: 2.4rem;
	line-height: 3rem; 
}

.text-titolino,
.text-titolino p,
.text-titolino span {
	font-family: var(--font-base);
	font-size: 3rem;
	line-height: 3.6rem;
}

.text-testo-plus,
.text-testo-plus span {
	font-family: var(--font-base);
	font-size: 2rem;
	line-height: 2.4rem;
}

.text-plus,
.text-plus span {
	font-family: var(--font-base2);
	font-size:5.4rem;
	line-height: 6rem;
}

.text-testo span {
	font-family: var(--font-base);
	font-size: 1.6rem;
	line-height: 2rem;
}

.text-testo-small span {
	font-family: var(--font-base2);
	font-size: 1.8rem;
	line-height: 2rem;
}

.text-shadow span,
.text-shadow  p {
	text-shadow: 0px 4px 20px #000;
}

.text-shadow2 span,
.text-shadow2 p {
	text-shadow: 0px 4px 20px rgba(0,0,0,0.25);
}

.image-circle img {
	border: 4px solid #fff;
	border-radius: 100%;
}

.no-gutters .qx-col-wrap {
	padding: 0 !important;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important; 
}

.text-uppercase, .text-uppercase span {text-transform: uppercase;}

.text-tiny, .text-tiny span {font-weight: 100 !important;}
.text-xlight, .text-xlight span {font-weight: 200;}
.text-light, .text-light span, .text-book {font-weight: 300;}
.text-regular, .text-regular span {font-weight: 400;}
.text-medium, .text-medium span {font-weight: 500;}
.text-semibold, .text-semibold span {font-weight: 600;}
.text-bold, .text-bold span {font-weight: 700;}
.text-xbold, .text-xbold span {font-weight: 800;}
.text-xblack, .text-xblack span {font-weight: 900;}

.text-white, a.text-white, .text-white a, .text-white span, .text-white a {color: #fff !important;}
.text-black, a.text-black, .text-black a, .text-black span {color: #000 !important;}

.text-color-1,
.text-color-1 span,
.text-color-1 a {
	color: var(--color-1);
}

.text-color-2,
.text-color-2 span,
.text-color-2 a {
	color: var(--color-2) !important;
}

.text-color-3,
.text-color-3 span,
.text-color-3 a {
	color: var(--color-3);
}

.text-color-4,
.text-color-4 span,
.text-color-4 a {
	color: var(--color-4);
}

.text-color-7,
.text-color-7 span,
.text-color-7 a {
	color: var(--color-7);
}

.text-color-pale,
.text-color-pale span,
.text-color-pale a {
	color: var(--color-pale);
}

.text-color-dark,
.text-color-dark span,
.text-color-dark a {
	color: var(--color-dark);
}

.text-color-verde,
.text-color-verde span,
.text-color-verde a {
	color: var(--color-verde);
}

.text-color-verdino,
.text-color-verdino span,
.text-color-verdino a {
	color: var(--color-verdino);
}

.background-color-1 {
	background: var(--color-1);
}

.background-color-2 {
	background: var(--color-2);
}

.background-color-3 {
	background: var(--color-3);
}

.background-color-4 {
	background: var(--color-4);
}

.background-color-pale {
	background: var(--color-pale);
}

.background-color-dark {
	background: var(--color-dark);
}

.background-color-verde {
	background: var(--color-verde);
}

.background-color-verdino {
	background: var(--color-verdino);
}

.background-blue-orange {
    background: rgb(46, 41, 115);
    background: -moz-linear-gradient(left, rgba(46,41,115,1) 0%, rgba(46,41,115,1) 9%, rgba(242,139,46,1) 67%, rgba(242,139,46,1) 67%, rgba(242,139,46,1) 72%);
    background: -webkit-linear-gradient(left, rgba(46, 41, 115, 1) 0%, rgba(46, 41, 115, 1) 9%, rgba(242, 139, 46, 1) 67%, rgba(242, 139, 46, 1) 67%, rgba(242, 139, 46, 1) 72%);
    background: linear-gradient(to right, rgba(46, 41, 115, 1) 0%, rgba(46, 41, 115, 1) 9%, rgba(242, 139, 46, 1) 67%, rgba(242, 139, 46, 1) 67%, rgba(242, 139, 46, 1) 72%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a365e', endColorstr='#f28b2e',GradientType=1 );
}

#sp-header.header-sticky {
	background: var(--color-bk-header) !important;
}

#sp-header {
	background: transparent;
	position: fixed;
	box-shadow: none;
}

#sp-header,
#sp-header .logo,
#sp-menu,
#sp-logo,
#sp-menu>.sp-column {
	height: var(--height-header) !important;
	line-height: var(--line-height-header) !important;	
}

#sp-header .sp-megamenu-parent>li>a, 
#sp-header .sp-megamenu-parent>li>span {
	line-height: var(--line-height-header);
	font-size: var(--font-header-size);
	text-transform: var(--font-header-transform);
	font-weight: var(--font-header-weight);
	color: var(--color-header);
	
}

#sp-header .sp-megamenu-parent>li>a {
	padding: 0px 6px !important;
	font-family: var(--font-base2);
}

#sp-header .sp-megamenu-parent>li span {
	padding: 0px 8px !important;
}

#sp-header.header-sticky,
#sp-header.header-sticky .logo,
.header-sticky #sp-menu,
#sp-header.header-sticky .sp-megamenu-parent>li>a, 
#sp-header.header-sticky .sp-megamenu-parent>li>span {
	height: var(--height-header-fixed);
	line-height: var(--line-height-header-fixed);	
}



#sp-header .sp-megamenu-parent>li>a:hover,
#sp-header .sp-megamenu-parent>li.active > a{
	color: var(--color-header-hover);
}

#sp-header .sp-megamenu-parent>li:hover >a  span,
#sp-header .sp-megamenu-parent>li.active >a  span {
	background: var(--color-2); 
	width: 100%;
}

#sp-header .sp-megamenu-parent>li:hover >a  span,
#sp-header .sp-megamenu-parent>li.active >a  span {
	line-height: 35px;
}

#sp-menu .lang_menu a {
	color: #fff;
	font-family: var(--font-base2);
	padding: 0 5px;
	text-decoration: none;
}

#sp-menu .lang_menu .lang-active {
	background: none !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	font-size: 1.4rem;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	color: #fff;
}

#sp-header .sp-megamenu-parent>li>a:after {
	display: none!important;
}

#sp-header .header-modules,
#sp-menu {
	margin:0;
}

#sp-header .container {
	padding-left: 0;
	padding-right: 0;
}

#sp-logo {
	padding-left: 0;
}

#sp-top-bar {
	background: var(--color-2);
	color:var(--color-pale);
} 

#offcanvas-toggler {
	display: none !important;
}

#sp-menu .sp-dropdown.sp-dropdown-main.sp-menu-right {
	top: 65%;
    left: 6px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	line-height: 10px;
	margin-bottom: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	box-shadow: none;
	background: var(--color-2);
	padding: 10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
	color: var(--color-2);
	text-transform: lowercase;
	text-decoration: none;
}

.link-top {
	margin-left: 10px;
	position: relative;
	top:2px;
}

.link-top a {
	color: #2e2973;
}

.background_footer,
#footer {
	background: var(--background-footer);
}

#footer-baseline {
	background: var(--background-footer-baseline);
}

#footer-baseline,
#footer-baseline p,
#footer-baseline a {
	font-size: var(--font-footer-size);
	font-weight: var(--font-footer-line-height);
	color:var(--font-footer-color);
}


#footer,
#footer p,
#footer a{
	color:var(--font-footer-color);
	font-family: var(--font-base2);
	font-size: var(--font-footer-size);
	letter-spacing: 0.08em; 
	line-height: 1.5;
}

#footer .footer_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items:center;
	justify-content:space-around;
}

#footer .footer_menu ul li a {
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 600;
	color: var(--color-2);
	text-transform: uppercase;
	text-decoration: none;
}

.footer-logo img {
	max-width: 167px !important;
}

.form-visual {
	max-width: 100% !important;
	background: transparent !important;
	font-family: "acumin-pro" !important;
}

.form-visual ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-verde) !important;
}
.form-visual ::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-verde) !important;

}
.form-visual :-ms-input-placeholder { /* IE 10+ */
	color: var(--color-verde) !important;

}
.form-visual :-moz-placeholder { /* Firefox 18- */
	color: var(--color-verde) !important;

}

::-webkit-input-placeholder { /* WebKit browsers */
     opacity: 1 !important;
	text-transform: lowercase;
}

.cf-content-wrap {display: none !important;}

#form .form-visual .cf-input {  
	background: transparent !important;
	font-size: 1.6rem !important;
	border: 1px solid var(--color-7) !important;
	color: var(--color-7) !important;
	font-family: var(--font-base2) !important;
	padding: 5px 5px !important;
	font-weight: 400 !important; 
	border-radius: 0;
	    max-width: 500px;
}

#form .cf-control-group {
	display: flex;
	justify-content: flex-end;
}

#form .cf-control-group.privacy {
	display: block;
}

#form .cf-control-group.text-area .cf-control-input {
	flex: 60%;
}

#form .cf-control-group.text-area .cf-control-label {
	flex: 13%;
    text-align: right;
}

#form .form-visual .cf-label {
    font-size: 1.4rem;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.2em;
    padding-right: 15px;
}

#form .form-visual legend.cf-label {
	flex: 30%;
	text-align: right;
}

.form-visual .cf-label {
	font-family: var(--font-base2);
	color: var(--color-7) !important;
}

.txtPrivacy,
.txtPrivacy a {
	font-size: 1.2rem;
	font-family: var(--font-base2);
	color: var(--color-font);
	font-weight: 300;
	letter-spacing: 0.2em;
}

.txtPrivacy a {
	text-decoration: underline;
}

.social_icon svg path {
	fill:var(--color-7) !important;
}

.form-visual textarea.cf-input {
	height: 136px;
}

#form .cf-control-group.text-area textarea {
	position: relative;
	max-width: 100%;
}


.form-visual .form-check-input {vertical-align: top;}

.form-visual .form-check-label {width: 95%;}

.qx-btn-primary,
.form-visual .cf-btn {
	font-family: 'eurostile', sans-serif;
	color: #fff !important;
	background: var(--color-1) !important;
	font-size: 1.8rem;
	text-decoration: none;
	border: 1px solid var(--color-1) !important;
	text-transform: inherit;
	border-radius: 0px !important;
	/*max-width: 240px;*/
	padding: 2px 15px 4px 11px !important;
	backdrop-filter: blur(0px);
	transition: all 0.8s ease;
	font-weight: 700;
}

.form-visual .cf-btn {
	min-width: 130px;
	text-transform: lowercase;
}

.qx-btn-primary span,
.form-visual .cf-btn span {
	white-space: break-spaces;
	line-height: 1;
	color: #fff;
	transition: all 0.8s ease;
}

.form-visual .cf-btn {
	margin-top: 40px;
}

.qx-btn-primary:hover{ 

	background: #fff !important;
}

.qx-btn-primary:hover span {
	color: var(--color-1);
}

.btn-blue .qx-btn-primary {
	color: #fff !important;
	background: var(--color-2) !important;
	border: 1px solid var(--color-2) !important;
}

.btn-blue .qx-btn-primary span {
	color: #fff !important;
}

.btn-blue  .qx-btn-primary:hover {
	color: var(--color-2) !important;
	background: #fff !important;
}

.btn-blue  .qx-btn-primary:hover span {
	color: var(--color-2) !important;
}

.btn-white .qx-btn-primary {
	color: var(--color-2) !important;
	background: #fff !important;
	border: 1px solid #fff !important;
}

.btn-white .qx-btn-primary span {
	color: var(--color-2) !important;
}

.btn-white  .qx-btn-primary:hover {
	color: #fff !important;
	background: transparent !important;
}

.btn-white  .qx-btn-primary:hover span {
	color: #fff !important;
}

.btn-viola .qx-btn-primary,
.form-visual .cf-btn {
	color: #fff !important;
	background: var(--color-4) !important;
	border: 1px solid var(--color-4) !important;
}

.btn-viola .qx-btn-primary span,
.form-visual .cf-btn span {
	color: #fff !important;
}

.btn-viola  .qx-btn-primary:hover,
.form-visual .cf-btn:hover {
	color: var(--color-4) !important;
	background: transparent !important;
} 

.btn-viola  .qx-btn-primary:hover span,
.form-visual .cf-btn:hover span {
	color: var(--color-4) !important;
}

.qx-btn-secondary {
	
	background: transparent !important;
	font-size: 2rem;
	text-decoration: none;
	border: 0px solid var(--color-2) !important;
	text-transform: inherit;
	border-radius: 0px !important;
	/*max-width: 240px;*/
	padding: 2px 0px 2px 0 !important;
	backdrop-filter: blur(7px);
	transition: all 0.8s ease;
	font-weight: 300; 
}

.qx-btn-secondary,
.qx-btn-secondary span {
	color: var(--color-pale) !important;
}

.qx-btn-secondary svg {
	margin-left: 20px !important;
	width: 54px !important;
}

.qx-btn-secondary svg path {
	fill: var(--color-pale) !important;
}

.qx-btn-secondary svg circle {
	fill:transparent !important;
}

.qx-btn-secondary.btn-green,
.qx-btn-secondary.btn-green  span {
	color: var(--color-2) !important;
}

.qx-btn-secondary.btn-green svg path {
	fill: var(--color-2) !important;
}

.qx-btn-secondary.btn-small svg {
	width: 40px !important;
}

video {
    clip-path: inset(1px 1px);
}


.splide__arrow {
	background: var(--color-montros);
}

.splide__arrow svg {
	fill:#fff;
}

.splide__arrow--next {
	right: 5rem;
}

.splide__arrow--prev {
	left: 5rem;
}

.swiper-container {
	width: 100%;
	height: 400px;
	position: relative;
}
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-scrollbar {
	background: #c05c28;
	transition: background 0.5s;
	position: relative;
	height: 17px !important;
	top:inherit !important;
	bottom: -100px !important;
}

#sp-main-body {
	padding: 0 !important;
}

#sp-main {
	overflow: hidden;
}


#sp-top-bar .sp-module {
    display: block;
    margin: 0;
}

.icone_top li svg {
	width: 43px !important;
}

.scale-125 .icone_top li svg {
	width: 30px !important;
}

.icone_top li svg path {
	fill: var(--color-pale) !important;
}

#categories_home .item {
	max-width: 360px;
	overflow: hidden;
	background: var(--color-6);
	margin-right: 20px;
    margin-bottom: 60px;
}

#categories_home .item a {
	text-decoration: none;
}

#categories_home .item:hover {
	background: var(--color-2);
}

#categories_home .item .text-color-2 span,
#categories_home .item .content,
#categories_home .item {
	transition: all 0.8s ease;
}

#categories_home .item:hover .text-color-2 span,
#categories_home .item:hover .content {
	color: #fff !important;
}

#categories_home .item .item-image {
	position: relative;
} 

#categories_home .item:hover .item-image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(131, 127, 201, 0.6);
}

#categories_home .item .item-content {
	
	padding: 0 25px 15px 25px;
	position: relative;
}

#categories_home .item .item-content .content {
	padding-bottom: 20px;
}

.box_absolute_categorie {
	position: absolute;
	bottom: -9vw;
}

.scale-125 .box_absolute_categorie {
	bottom: -12vw;
}

/* Container principale */
#caroselloCase .splide__track {
    overflow: visible !important;
}

#caroselloCase .splide__list {
    align-items: center;
}

#caroselloCase .splide__slide > div {
    opacity: 0.4;
    transform: scale(0.9);
    transition: all 0.5s ease;
	box-shadow: 0px 10px 20px 10px rgba(105, 188, 155, 0.15);
	border-radius: 47px;
} 

/* Slide attiva - grande e al centro */
#caroselloCase .splide__slide.is-active > div {
    opacity: 1;
    transform: scale(1);
    z-index: 10;
}

#caroselloCase .splide__slide .image_prod {
	flex: 1;
	max-width: 55%;

}

#caroselloCase .splide__slide .image_prod img {
	width: auto;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: 47px;
	border-top-left-radius: 47px;	
}

#caroselloCase .splide__slide .content {
	flex: 1;
	max-width: 45%;
	padding: 50px;
	background: var(--color-dark);
	border-bottom-right-radius: 47px;
	border-top-right-radius: 47px;
}

/* Nascondi le frecce di default di Splide */
#caroselloCase .splide__arrow svg {
    display: none;
}

/* Freccia destra */
#caroselloCase .splide__arrow--next::after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"%3E%3Ccircle cx="27" cy="27" r="26.5" stroke="%2314292B"/%3E%3Cpath d="M43.7071 27.7071C44.0976 27.3166 44.0976 26.6834 43.7071 26.2929L37.3431 19.9289C36.9526 19.5384 36.3195 19.5384 35.9289 19.9289C35.5384 20.3195 35.5384 20.9526 35.9289 21.3431L41.5858 27L35.9289 32.6569C35.5384 33.0474 35.5384 33.6805 35.9289 34.0711C36.3195 34.4616 36.9526 34.4616 37.3431 34.0711L43.7071 27.7071ZM12 27V28H43V27V26H12V27Z" fill="%2314292B"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Freccia sinistra - ruota di 180 gradi */
#caroselloCase .splide__arrow--prev::after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="none"%3E%3Ccircle cx="27" cy="27" r="26.5" stroke="%2314292B"/%3E%3Cpath d="M43.7071 27.7071C44.0976 27.3166 44.0976 26.6834 43.7071 26.2929L37.3431 19.9289C36.9526 19.5384 36.3195 19.5384 35.9289 19.9289C35.5384 20.3195 35.5384 20.9526 35.9289 21.3431L41.5858 27L35.9289 32.6569C35.5384 33.0474 35.5384 33.6805 35.9289 34.0711C36.3195 34.4616 36.9526 34.4616 37.3431 34.0711L43.7071 27.7071ZM12 27V28H43V27V26H12V27Z" fill="%2314292B"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}


/* Rimuovi lo sfondo di default e adatta dimensioni bottone */
#caroselloCase .splide__arrow {
    background: transparent;
    border: none;
    opacity: 1;
    width: 60px;
    height: 60px;
}

.box_sostenibilita .qx-col-wrap {
	min-height: 300px;
	border-radius: 39px;
	box-shadow: 0 10px 20px rgba(105,188,155,0.15);
}

.box_sostenibilita .qx-elements-wrap {
	
	display: flex;
	align-items: flex-end;
}

.box_sostenibilta_absolute {
	position: absolute;
	bottom: -17vw;
}

.scale-125 .box_sostenibilta_absolute {
	bottom: -21vw;
}

#accordion {
	justify-content: space-between;
}

.accordion {
	flex: 35%;
	max-width: 35%;
}

#accordion,
#accordion li.item {
	list-style: none;
}

#accordion li.item {
	position: relative;
	border-top:1px solid var(--color-2);
	border-bottom: 1px solid var(--color-2);
}



#accordion li.item.open {

}

#accordion li h4 {
	padding: 16px 10px 30px 10px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

#accordion li h4:before {
	content: "\f175";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
    font-size: 2.4rem;
	display: inline-block;
    transition: transform 0.3s ease-in-out;
	border: 1px solid  var(--color-2);
	border-radius:100%;
	padding: 3px 8px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	width: 40px;
	height: 40px;
	text-align: center;
	background: var(--color-dark);
}

#accordion li.open h4:before {
	transform: rotate(180deg);
}

#accordion li.item .content {
	padding: 0px 5px 30px 5px;
	margin-top: -20px;
}

#accordion li.item .content,
#accordion li.item .content p,
#accordion li.item .content li {
	color: #fff;
}

.video-overlay {
    height: 800px;
    overflow: hidden;
    position: relative;
}

.video-retina-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 800px;
    z-index: 1;
}

.video-retina-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(left, rgba(46,41,115,1) 0%, rgba(101,68,96,0.71) 28%, rgba(183,109,67,0.69) 70%, rgba(242,139,46,1) 100%);
    background: -webkit-linear-gradient(left, rgba(46, 41, 115, 1) 0%, rgba(101, 68, 96, 0.71) 28%, rgba(183, 109, 67, 0.69) 70%, rgba(242, 139, 46, 1) 100%);
    background: linear-gradient(to right, rgba(46, 41, 115, 1) 0%, rgba(101, 68, 96, 0.71) 28%, rgba(183, 109, 67, 0.69) 70%, rgba(242, 139, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2973', endColorstr='#f28b2e',GradientType=1 );
    z-index: 1;
}

.video-fullscreen {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.video-overlay video {
    object-fit: cover;
    width: 100%;
	height: 100% !important;
}

.video-overlay .content-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-overlay .content-wrapper .logo-big {
	margin-right: 30px;
}

.video-overlay:hover .video-fullscreen {
    opacity: 1;
}


.box-freccie {
    overflow: hidden;
}

.box-freccie img {
	display: inline-block;
}

.box-freccie .freccia-1:after {
    left: 57px;
    background: #fff;
}

.box-freccie .freccia {

	display: flex;
	margin-bottom: 15px;
}

.box-freccie .freccia span {
    position: relative;
    display: inline-block;
    height: 60px;
    z-index: 1;
	font-weight: 800;
}

.box-freccie .freccia:after {
    content: '';
    width: 100vw;
    position: absolute;
    height: 60px;
    z-index: 0;
}

.box-freccie .freccia span img {
    margin-right: 15px;
}

.header-image {
    position: relative;
    overflow: hidden;
    height: 100px;
}

.header-image img {
	height: 100%;
	object-fit: cover;
}

.header-title {
	padding: 20px 0;
}

#news .item {
	width: 50%;
	padding: 0 15px;
	margin-bottom: 30px;
}



#news .content {
    background: #eaeaf1;
    padding: 20px 25px 25px 22px;
    min-height: 200px;
	width: 64%; 
}

#news .no-image .content {
	width: 100%;
}

#news .content .testo {
	margin-bottom: 14px;
}

#news .content .text-sottotitolo {
	min-height: 60px;
}

#news h3, #news h4, #news h5, #news h6 {
	color: #1b2146 !important;
}

#news h3 {
	font-size: 2.4rem;
	line-height: 3rem;
}

#news h4 {
	font-size: 1.8rem;
}

#news .content a {
	text-decoration: none;
}

#news .content_image {
	min-height: 200px;
	width: 36%;
}

#news .content_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.Cta-tradizione .content {
	position: relative;
	width: 430px;
	display: inline-block;
	margin: 0 auto;
	padding: 0px 65px;
	z-index: 0;
}

.Cta-tradizione .content:before {
	content:'';
	display: block;
	width: 430px;
	height: 430px;
	background: #2e2973;
	 -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
  transform: rotate(45deg); /* Standard syntax */
	z-index: -1;
	position: absolute;
	left: 0;
	top:0;
}

.Cta-tradizione .content:after {
	content:'';
	display: block;
	width: 430px;
	height: 430px;
	background: transparent;
	border:4px solid #f28b2e;
	 -ms-transform: rotate(52deg); /* IE 9 */
  -webkit-transform: rotate(52deg); /* Safari prior 9.0 */
  transform: rotate(52deg); /* Standard syntax */
	z-index: -2;
	position: absolute;
	left: 0;
	top: 0;
}

.Cta-tradizione .content .text-sottotitolo {
	padding-top: 75px;
}

.Cta-tradizione .content .image-left {
	position: absolute;
	right:calc(100% - 10px);
	top:calc(50% - 130px);
}

.Cta-tradizione .content .image-right {
	position: absolute;
	left:calc(100% - 10px);
	top:calc(50% - 130px);
}

.counter .pre-num {
    float: left;
    position: relative;
    left: 100px;
}

.counter {
    margin-bottom: 70px;
}

.image-1981 {
    position: absolute;
	top:-50px;
}


.contact-info a {
    margin-bottom: 8px; 
    text-transform: inherit;
    line-height: 40px; 
	max-height: 45px; 
    max-width: 205px;
	display: block;
	text-align: left;
}

.contact-info a .fa-solid {
    margin-right: 8px;
}



.list-inline {

	list-style: none;
	padding: 0;
	margin: 0;
}

.list-inline li {
	
	margin: 0 30px;
	line-height: 150px;
	position: relative;
	display: flex;
  flex-direction: column;
  justify-content: center;
}

.list-inline li div {
	width: 100%;
	height: 130px;
	background: #fff;
	margin-top: 25px;
	text-align: center;
}

.list-inline li span {
	
	font-family: 'eurostile', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
	color: #2e2973;
	display: inline-block;
	padding: 30px 30px;
	width: 80%;
	margin: 0 auto;
}

#gallery_thumbs {
	background: #DEDEDE;
	padding: 20px 40px;
	margin-top: 0px;
}

#gallery_thumbs .splide__arrow {
	background: transparent;
}

#gallery_thumbs .splide__arrow--next {
	right: 5px;
}

#gallery_thumbs .splide__arrow--prev {
	left: 5px;
}

#gallery img{
	height: 100%!important;
	width: auto!important;
	margin: 0 auto;
}

.link-top a {
    margin: 0 3px;
}

.normativa table td:last-child {
	text-align: center;
}

.normativa table td {
    padding: 4px 6px;
	width: 25%;
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-family: var(--font-base);
}

.hide_desktop {
	display: none !important;
}

.hide_ipad {
	display: block !important;
}

.layout-iframe .box_absolute_categorie {
	position: inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
	top: inherit;
	height: auto;
}


@media (max-width: 1750px){
	.counter .pre-num {
		float: none;
		position: inherit;
		left: inherit;
	}
}

@media (max-width: 1500px){
	

	
}


@media (max-width: 1200px){
	
	html {
		font-size: 52.5% !important;
	}	
	
	.link-top {
		display: none;
	}
	
	#categories_home .item {
		max-width: 45%;
	}
	
}





@media (max-width: 1024px){

	.hide_ipad {
		display: none !important;
	}
	
	.hide_desktop {
		display: block !important;
	}	
	
}

@media (max-width: 992px){
	
	html {
		font-size: 48.5% !important;
	}	 
	
	#sp-menu>.sp-column {
		justify-content: flex-end;
	}
	
	#offcanvas-toggler {
		display: inline-flex!important;
		height: var(--height-header-fixed);
		line-height: var(--line-height-header-fixed);
	}
	
	#sp-header,
	#sp-header .logo,
	#sp-menu,
	#sp-header .sp-megamenu-parent>li>a, 
	#sp-header .sp-megamenu-parent>li>span {
		height: var(--height-header-fixed);
		line-height: var(--line-height-header-fixed);	
	}


	.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) {
		transform: translate(0, -6px) rotate(45deg);
	}

	#categories_home .item {
		max-width: 99%;
	}	
	
	#categories_home .item .item-image img {
		width: 100%;
	}
	
	.image-1981 {
		position: inherit;
		top:inherit;
	}
	
	#form .cf-control-group {
		display: block;
	}
	
	#form .form-visual .cf-input {
		max-width: 100%;
	}
	
	#news .item {
		width: 100%;
		padding: 0;
	}
	
	#news .content_image,
	#news .content {
		width: 50%;
	}
	
}


@media (max-width: 768px){
	
	html {
		font-size: 55.5% !important;
	}
	
	.qx-element-social-icon ul.qx-inline {
		justify-content: center !important;
	}
	
	.footer-menu li {text-align: center;}
	.footer-menu ul {padding-left: 0;}
	
	.footer-menu .nav-child li,
	.footer-menu .nav-child li a {
		font-size: 12px;
		line-height: 19px;
	}
	
	.splide__arrow--next {
		right: -5rem;
	}
	
	.splide__arrow--prev {
		left: -5rem;
	}

	#sp-component {
		padding-left: 0;
		padding-right: 0;
	}
	
	.video-overlay {
		height: 80vh; 
	}
	
	#categories_home .item {
		max-width: 65%;
		margin-right: 0;
	}
	
	#categories_home .item .text-sottotitolo {
		margin-bottom: 20px;
	}
	
	#categories_home .item .content {
		text-align: center;
	}
	
	#categories_home {
		justify-content: center;
	}
	
	.Cta-tradizione {
        margin-top: 440px;
        margin-bottom: 520px;
    }
	
    .Cta-tradizione .content .image-left {
        top: -100%;
		left: 0;
        right: 0;
        margin: 0 auto;
    }

    .Cta-tradizione .content .image-right {
        bottom: -120%;
        top: inherit;
        left: 0;
        right: 0;
        margin: 0 auto;		
    }
	
	.cta-number {
		display: block;
	}
	
	.contact-info {
		text-align: center;
	}
	
	.contact-info a {
		margin-left: auto;
		margin-right: auto;
	}
	
	.logo-image {
		height: auto !important;
	}
	
	.video-overlay .content-wrapper {
		padding-left: 15px;
		padding-right: 15px; 
		text-align: center; 
	}
	
	.video-home .container img {
		display: inline-block;
		margin-right: 0;
	}
	
	#gallery {
		margin: 40px 0;
	}	
	
	.normativa .cta-parallax { 
		min-height: calc(100vh - 330px);
		height: 100%;
	}
	
	#googleMaps {
		height: calc(100vh - 200px) !important;
	}
}


@media screen and (max-width: 560px) {
	
	html { 
		font-size: 50.5% !important;
	}
	
	.text-titolone, .text-titolone span {
		font-size: 6.5rem;
		line-height: 6.5rem;
	}
	
	.qx-background-overlay {
		background-attachment: local  !important;
	}
	
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	

	
}


@media screen and (max-width: 320px) { 
	
	.map_canvas,
	#phocaMapPlgPM1 {
		height: 220px !important;
	}
}

