@import url('https://use.typekit.net/lwj0lwn.css');

:root {

	--font-base: "neue-haas-grotesk-display", sans-serif;
	--font-base2: "neue-haas-grotesk-display", sans-serif;

	--color-bk: #fff;	
	--color-bk-header: #58445B;
	--color-header: #EE7D00;
	--color-header-hover: #FFF8F1; 
	--color-font:#58445B;
	--font-body-size:2rem;
	--font-body-line-height:2.5rem;
	--font-body-weight:500; 
	--font-footer-size:2rem;
    --font-footer-line-height:2.5rem;
    --font-footer-color:#FFF8F1;
 
	
	--font-header-size:2rem; 
    --font-header-transform:uppercase;
    --font-header-weight:600;
	
	--height-header:170px;
    --line-height-header:170px;
    --height-header-fixed:170px;
    --line-height-header-fixed:170px;
	
	--background-footer:#58445B;
    --background-footer-baseline:#EE7D00;  
	
	--color-1:#EE7D00;
	--color-2:#58445B;
	--color-3:#FFF8F1;
	--color-4:#796879;
	
	
	
}



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: 50px 0 50px 0;}
.no-margin {margin: 0 !important;}

a:focus {
	box-shadow: none !important;
}

#sp-main a:hover, #sp-main a:focus, #sp-main a:active {
	color: inherit!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: 1440px;}

@media (min-width: 1200px){
.container { width: 1170px;}
}

@media (min-width: 1300px){
.container { width: 1200px;}
}

@media (min-width: 1500px){
.container { width: 1440px;}
}


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);
	letter-spacing: 0.8px;
}

body #t3-mainbody {
	background: var(--color-bk);
}

#t3-mainbody {
	margin-top: 150px; 
}

b, strong {
	font-weight: 700;
}

em {
	color: inherit;	
}

li {
	margin-bottom: 10px;
}

.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-base);
	letter-spacing: 0.8px;
	color: var(--color-1) !important;
	line-height: 1.1;
}


.text-titolone span {
	font-family: var(--font-base);
	font-size: 7rem;
	line-height:7.4rem;  
}

.text-titolone2 span {
	font-family: var(--font-base);
	font-size: 3.6rem;
	line-height:4rem;  
}

.text-titolo span {
	font-family: var(--font-base);
	font-size: 2rem;
	line-height: 2.5rem; 
} 

.text-titoletto span {
	font-family: var(--font-base);
	font-size: 4.4rem;
	line-height: 5.4rem; 
}

.text-titolino,
.text-titolino p,
.text-titolino span {
	font-family: var(--font-base);
	font-size: 2.5rem;
	line-height: 3rem;
}

.text-titolino p {
	margin-bottom: 40px;
}

.text-testo-plus,
.text-testo-plus span {
	font-family: var(--font-base);
	font-size: 2rem;
	line-height: 2.4rem;
}

.text-testo span {
	font-family: var(--font-base);
	font-size: 1.6rem;
	line-height: 2rem;
}

.text-testo-small p,
.text-testo-small span {
	font-family: var(--font-base);
	font-size: 1.5rem;
	line-height: 1.8rem;
}

.text-num-grande span {
	font-size: 6.4rem;
	line-height: 7rem;
}

.text-num-grande {
	position: absolute;
	top:-60px; 
	margin: 0 auto;
	left: 0;
	right: 0;
}

.text-num-sub {
	font-size:2.3rem;
	padding: 0 18px;
	text-transform: uppercase;
	font-weight: 200;
	bottom: 0;
}

.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);
}


.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-ultratiny, .text-ultratiny span {font-weight: 100 !important;}
.text-tiny, .text-tiny span {font-weight: 200 !important;}
.text-xlight, .text-xlight span {font-weight: 300;}
.text-light, .text-light span, .text-book span {font-weight: 400;}
.text-regular, .text-regular span {font-weight: 500;}
.text-medium, .text-medium span {font-weight: 600;}
.text-semibold, .text-semibold span {font-weight: 600;}
.text-bold, .text-bold span {font-weight: 700;}
.text-xbold, .text-xbold span {font-weight: 700;}
.text-xblack, .text-xblack span {font-weight: 800;}

.text-white, a.text-white, .text-white a, .text-white span, .text-white a {color: #FFF8F1 !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-3 a {
	color: var(--color-2);
}

.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-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-color: var(--color-2) !important;
}

.background-color-3 {
	background: var(--color-3);
}

.background-color-4 {
	background: var(--color-4);
}

.background-color-opacity .qx-col-wrap {
	background: rgba(255,248,241,0.2);
}

.background-color-opacity-light .qx-col-wrap {
	background: var(--color-3);
}

.background-color-opacity-dark .qx-col-wrap {
	background: var(--color-2);
}

.background-color-dark {
	background: var(--color-dark);
}

.background-color-verde {
	background: var(--color-verde);
}

.background-color-verdino {
	background: var(--color-verdino);
}

.border_top {
	border-top:1px solid var(--color-2);
	border-width: 1px !important;
}

.image_radius img,
.colum_circle video {
	border-radius: 40px;
}

.colum_circle .qx-col-wrap,
.colum_circle {
	border-radius: 36px;
}

.colum_circle.ridotto .qx-col-wrap{
	border-radius: 20px;
}

.colum_circle.ridotto .qx-element-wrap {
	margin-top: 0 !important;
}

.row-3-colonne .colum_circle .qx-col-wrap {
	max-width: 445px;
	height: 530px;
	background: var(--color-1);
	margin: 0 auto;
}

.image_shadow img,
.colum_shadow {
	box-shadow: 0px 10px 20px 10px rgba(105,188,155,0.15);
}

.image_shadow2 img,
.colum_shadow2 {
	box-shadow: 0px 10px 20px 10px rgba(134,150,136,0.20);
}

video {
    clip-path: inset(0px 0px);
    transform: translateZ(0);
    will-change: transform;
}

#sp-header {
	position: fixed;
	width: 100%;
	top: 0;
	background: transparent !important;
	box-shadow: none !important;
}

#sp-header .sp-megamenu-parent {
	display: flex !important;
	justify-content: space-around;
	float: none;
}

.menufixed #sp-header {
	position: relative;
	background: var(--color-2) !important;
}

#sp-menu.menu-center .sp-megamenu-wrapper {
	display: block!important;
}

#sp-header,
#sp-header .logo,
#sp-menu,
#sp-logo {
	height: var(--height-header);
	line-height: var(--line-height-header);	
}

#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);
	padding: 0 15px !important;
	white-space: nowrap;
}

#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.header-sticky {
	background: var(--color-bk-header) !important;
}

#sp-header .sp-megamenu-parent>li>a:hover,
#sp-header .sp-megamenu-parent>li.active > a{
	color: var(--color-header-hover);
}

#sp-header .header-modules,
#sp-menu {
	margin:0;
}

#sp-top-bar {
	background: var(--color-2);
	color:var(--color-pale);
} 

#sp-menu .burger-icon>span {
	background: #fff;
}

#offcanvas-toggler {
	display: none !important;
}

.logo-image {
	height: auto !important;
}

.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,
.qx-link, a,
.form-visual p,
.form-visual a {
	color:var(--font-color);
}

.footer_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items:center;
	justify-content:space-around;
}

.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 !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;}

#sp-main-body .form-visual .cf-input {  
	background: rgba(255,248,241,0.24) !important;
	font-size: 2rem !important;
	border: 0px solid var(--color-verde) !important;
	color: var(--color-3) !important;
	font-family: var(--font-base) !important;
	padding: 3px 20px !important;  
	font-weight: 400 !important; 
	border-right: 0 !important;
	border-left: 0 !important; 
	border-radius: 30px !important;
}


.form-visual .cf-label,
.txtPrivacy,
.txtPrivacy a,
.convertforms .cf-recaptcha-v3-text-badge,
.convertforms .cf-recaptcha-v3-text-badge a {
	color: var(--color-3) !important;
	font-size: 1.5rem;
}

.social_icon svg path {
	fill:var(--color-3) !important;
}

#sp-main-body  .form-visual textarea.cf-input {
	height: 136px;
	padding-top: 10px !important;
}


.form-visual .form-check-input {vertical-align: top;}

.form-visual .form-check-label {width: 95%;}

.qx-btn-primary {
	font-family: var(--font-base);
	color: var(--color-3) !important;
	background: var(--color-1) !important;
	font-size: 4.2rem;
	text-decoration: none;
	border: 0px solid var(--color-2) !important;
	text-transform: inherit;
	border-radius: 60px !important;
	/*max-width: 240px;*/
	padding: 6px 40px 8px 40px !important;
	backdrop-filter: blur(7px);
	transition: all 0.8s ease;
	font-weight: 400;
	line-height: 1;
}

.qx-btn-primary.disabled {
	cursor: default !important;
}

.form-visual .cf-btn {
	font-family: var(--font-base);
	min-width: 230px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: var(--color-1) !important;
	background: var(--color-2) !important;
	font-size: 2rem;
	font-weight: 400;
}

.qx-btn-primary span{
	white-space: break-spaces;
	line-height: 1;
	color: var(--color-3);
	transition: all 0.8s ease;
}

.form-visual .cf-btn span {
	white-space: break-spaces;
	line-height: 1;
	color: var(--color-1);
	transition: all 0.8s ease;
}


.convertforms .cf-recaptcha-v3-text-badge {
	color:var(--color-verdino);
}

.qx-btn-primary:hover{ 

	background: var(--color-1) !important;
}

.qx-btn-primary:hover span {
	color: var(--color-3);
}

.btn-scuro .qx-btn-primary {
	color: var(--color-2) !important;
	background: var(--color-dark) !important;
}



.btn-scuro .qx-btn-primary span {
	color: var(--color-2) !important;
}

.btn-scuro .qx-btn-primary:hover {
	color: var(--color-dark) !important;
	background: var(--color-2) !important;
	border-color:  var(--color-dark) !important;
}

.btn-scuro .qx-btn-primary:hover span {
	color: var(--color-dark) !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;
}

.qx-btn-info {
	background: transparent !important;
	border: 0 !important;
}

.qx-btn-info,
.qx-btn-info span {
	color: var(--color-dark) !important;
	font-size: 2rem;
	line-height: 2.5rem;
}

.qx-btn-info span,
.qx-btn-info .qx-element-button-wrapper{
	display: block;
	text-align: center;
}

.qx-btn-info svg {
	margin-bottom: 5px !important;
	width: 54px !important;
}

.qx-btn-info svg path1 {
	fill: var(--color-dark) !important;
}

.qx-btn-info svg circle {
	fill:transparent !important;
}

.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-top-bar .sp-module {
    display: block;
    margin: 0;
}

.align_right .qx-elements-wrap { 
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.align_right .qx-elements-wrap > div {
    width: auto;
    flex: 0 0 auto;
}

.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: 350px;
	border-radius: 39px;
	overflow: hidden;
	box-shadow: 0px 10px 20px 10px rgba(105,188,155,0.15);
}

#categories_home .item .item-content {
	min-height: 350px;
	background: #fff;
	padding: 40px 25px 30px 25px;
	position: relative;
}

#categories_home .item .qx-btn {
	position: absolute;
	left: 25px;
	bottom: 25px; 
}

#categories_home .item-image {
	height: 350px;
}

#categories_home .item .video_cat {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

#caroselloCase .splide__slide > div,
#news_archive .item > div { 
	height: 500px;

}

/* 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,
#news_archive .image_prod {
	flex: 1;
	max-width: 55%;
	height: 500px;
}

#caroselloCase .splide__slide .image_prod img,
#news_archive .image_prod img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: 47px;
	border-top-left-radius: 47px;	
}

#caroselloCase .splide__slide .content,
#news_archive .content {
	flex: 1;
	max-width: 45%;
	padding: 50px;
	background: var(--color-dark);
	border-bottom-right-radius: 47px;
	border-top-right-radius: 47px;
	height: 500px;
}

/* 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;
}

#news_archive .item {
	margin-bottom: 90px;
}

#news {
	margin: 120px 0;
}

#news .testo_paragrafo {
	margin-top: 90px;
}

.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_sostenibilita_azienda .qx-col-wrap {
	min-height: 380px;
	border-radius: 39px;
	box-shadow: 0 10px 20px rgba(105,188,155,0.15);
}

.scale-125 .box_sostenibilita_azienda .qx-col-wrap {
	min-height: 300px;
}

.box_sostenibilita_azienda .qx-elements-wrap {
	
	display: flex;
	align-items: flex-start;
}

.box_sostenibilta_absolute {
	position: absolute;
	bottom: -17vw;
}

.scale-125 .box_sostenibilta_absolute {
	bottom: -21vw;
}

.scale-125 .fix_width img {
	max-width: 380px;
}

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

#counter-mount,
.counter .counter-suffix {
	font-size: 7rem;
	line-height: 5rem;
	color: #fff;
	font-weight: 600;
}

.counter .counter-title {
	font-size: 3rem;
	line-height: 3rem;
	color: var(--color-4) !important;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

.link_top {
	justify-content: flex-end;
}

.link_top a {
	padding: 0 10px;
	text-decoration: none !important;
}

.link_top h4 {
	margin-bottom: 0;
}

#icon-list {
	margin-bottom: 0 !important;
}

.box_metodo .qx-elements-wrap {
	background: var(--color-dark);
	max-width: 350px;
	border-radius: 39px;
	padding: 70px 25px;
}

.box_metodo .qx-col-wrap {
	justify-content: center;
}

.box_metodo.box_metodo_right .qx-col-wrap {
	justify-content: flex-end;
}

.box_metodo.box_metodo_left .qx-col-wrap {
	justify-content: flex-start;
}

#video_home {
	height: calc(100vh - 160px) !important; 
}

#video_home video {
	height: 100% !important;
}

#slideshow,
#slideshow .equal {
	height: 100vh;
}

#slideshow .content-image {
	position: absolute;
	right: -15px;
}

#slideshow .image_bottom .content-image {
	bottom: 0;
}
 
#slideshow .content {
	margin-top: 80px;
}

#slideshow .content-image img {
    opacity: 0;
    transform: translateX(80px);
}

#slideshow .splide__slide.is-active .content-image img {
    animation: fadeInRightSlide 0.8s ease forwards;
}

.splide__pagination__page.is-active {
	border-radius:50% !important; 
}

.splide__slide .content > * {
    opacity: 0;
    transform: translateY(30px);
}

.splide__slide.is-visible .content > * {
    opacity: 1;
    transform: translateY(0);
    transition-duration: .8s;
}

.splide__slide.is-visible h3 { transition-delay: .2s; }
.splide__slide.is-visible h4 { transition-delay: .4s; }
.splide__slide.is-visible p  { transition-delay: .6s; }
.splide__slide.is-visible ul  { transition-delay: .6s; }


#slideshow .splide__pagination {
	width: fit-content;
	padding: 6px 30px 10px 30px;
	background: #3A2A3C;
	border-radius: 25px;
	margin: 0 auto;
}

#slideshow .splide__pagination__page.is-active {
	opacity: 1;
}

@keyframes fadeInRightSlide {
    from {
        opacity: 0;
        transform: translateX(80px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
} 

.list_bottoni .qx-btn {
	font-size: 2rem;
	max-width: 46%; 
}

.scale-125 .list_bottoni .qx-btn {
	max-width: 44%; 
}

.btn-small.qx-btn {
	font-size: 2rem;
	padding: 6px 30px 8px 30px !important
}

.list_bottoni .qx-btn .text-regular {
	font-weight: 400;
}

.list_bottoni .plus {
	margin: 0 10px;
}

.list_bottoni.bottoni_form .plus {
	margin: 0 20px;
	font-size: 6.4rem;
	font-weight: 600; 
}

.list_bottoni.bottoni_form .qx-btn {
	min-width: 225px;
}

.text-center ul {
	list-style-position: inside;
}
 
.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: 1760px){
	
	
	.list_bottoni  {
		flex-direction: column;
	} 
	
	.list_bottoni.bottoni_form .plus {
		margin: 20px;
	}
	
	.list_bottoni .qx-btn {
		max-width: 100%;
	}
	
	#risultati {
		background-size: auto !important;
		background-position: center !important;
	}
	
	.row-3-colonne .colum_circle .qx-col-wrap {
		height: auto;
	}
	
}

@media (max-width: 1610px){
	
	
	
	#slideshow .splide__slide .content {
		margin-left: 30px!important;
	}
	
	#slideshow .splide__slide .content .text-titolone span {
		font-size: 5rem;
		line-height: 5.5rem;
	}
	
	.row-3-colonne .colum_circle,
	.row-3-colonne-center .colum_circle{
		justify-content: center;
	}

	.row-3-colonne .colum_circle .qx-col-wrap {
		margin: 2%; 
	}
}

@media (max-width: 1300px){
	
	html {
		font-size: 58.5% !important;
	}	
	
	#sp-header .sp-megamenu-parent {
		display: none !important;
	}
	
	#offcanvas-toggler {
		display: inline-flex!important;
		height: var(--height-header-fixed);
		line-height: var(--line-height-header-fixed);
	}
	
	#categories_home .item {
		max-width: 260px;
	}
	
}


@media (max-width: 1200px){
	
	html {
		font-size: 52.5% !important;
	}	
	
	.colum_circle .qx-col-wrap {
		margin-left: 30px !important;
		margin-bottom: 30px !important;
		margin-right: 45px !important; 
	}
	
	.btn-center {
		text-align: center;
	}
	
}





@media (max-width: 1024px){

	.hide_ipad {
		display: none !important;
	}
	
	.hide_desktop {
		display: block !important;
	}	
	
}

@media (max-width: 991px){
	
	html {
		font-size: 48.5% !important;
	}	 
	

	
	#sp-header,
	#sp-header .logo,
	#sp-menu,
	#sp-header .sp-megamenu-parent>li>a, 
	#sp-header .sp-megamenu-parent>li>span,
	#sp-header, #sp-header .logo, #sp-menu, #sp-logo,
	#offcanvas-toggler{
		height: 100px !important;
		line-height: 100px !important;	
	}


	.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) {
		transform: translate(0, -6px) rotate(45deg);
	}

}


@media (max-width: 768px){
	
	html {
		font-size: 45.5% !important;
	}
	
	#slideshow .content-image {
		display: none!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;
	}
	
	.colum_circle .qx-col-wrap {
		margin-left: 15px!important;
		margin-right: 15px!important;
		max-width: 80%;
	}
	
	.container-fluid .qx-row-wrap {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.qx-element-text-v2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#slideshow .content {
		margin-top: 20px;
	}
	
	#slideshow .content .qx-btn {
		margin-bottom: 20px;
	}

}

.icone_top .tablet-vertical-layout {
	flex-direction:row !important;
}

@media screen and (max-width: 640px) {
	
	html { 
		font-size: 45.5% !important;
	}
	
	.icone_top li svg {
		width: 23px !important;
	}
	
	.link_top h4 span {
		font-size: 1.7rem;
	}
	
	.text-titolone span {

		font-size: 5rem;
		line-height: 5.4rem;
	}
	
	.qx-element-heading-v2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#slideshow .splide__slide .content .text-titolone span {

		font-size: 4rem;
		line-height: 4.4rem;
	}
	
}


@media screen and (max-width: 320px) { 
	
	.map_canvas,
	#phocaMapPlgPM1 {
		height: 220px !important;
	}
}