@import url('https://fonts.googleapis.com/css?family=Bad+Script|Baumans|Dosis:300,400,600');

:root {

	--font-base: "Dosis", sans-serif;
	--font-base2: "Bad Script", sans-serif;
	--font-base3: "Baumans", sans-serif;

	--color-bk: #fff;	
	--color-bk-header: #fff;
	--color-header: #4d4d4d; 
	--color-header-hover: #4d4d4d;
	--color-font:#4d4d4d;
	--font-body-size:2.1rem;
	--font-body-line-height:2.8rem;
	--font-body-weight:300;
	--font-footer-size:1.6rem;
    --font-footer-line-height:2rem;
    --font-footer-color:#fff;
 
	
	--font-header-size:1.8rem; 
    --font-header-transform:uppercase;
    --font-header-weight:600;
	
	--height-header:100px;
    --line-height-header:50px;
    --height-header-fixed:100px;
    --line-height-header-fixed:50px;
	
	--background-footer:#002664;
    --background-footer-baseline:#000;  
	
	--color-1:#002664;
	--color-2:#009145;
	--color-3:#b2b2b2;
	--color-4:#cf2b38;
	--color-5:#4d4d4d;
	
	
}



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;
}

a {
	color: var(--color-font);
}


.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 img {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 {
	margin-top: 150px; 
}

b, strong {
	font-weight: 600;
}

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: inherit;
	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-titolo span {
	font-family: var(--font-base);
	font-size: 4.8rem;
	line-height: 5.2rem; 
} 


.text-titolo2 span {
	font-family: var(--font-base2);
	font-size: 3.5rem;
	line-height: 4rem; 
} 

.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: 4.0rem;
	line-height: 4.5rem;
}

.text-titolinoB,
.text-titolinoB p,
.text-titolinoB span {
	font-family: var(--font-base3);
	font-size: 2.7rem;
	line-height: 3.2rem;
}

.text-testo-plus,
.text-testo-plus span {
	font-family: var(--font-base);
	font-size: 2.7rem;
	line-height: 3.2rem;
}

.text-testo span {
	font-family: var(--font-base);
	font-size: 1.6rem;
	line-height: 2rem;
}

.text-testo-small span {
	font-family: var(--font-base);
	font-size: 18px;
	line-height: 20px;
}

.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-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.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 span {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-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-5,
.text-color-5 span,
.text-color-5 a {
	color: var(--color-5);
}

.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-image {
	background-color: #fff !important;
	background-position: left center !important;
    background-size: auto 100% !important;
}

.background-image-form {
	background-color: #002664 !important;
	background-position: right center !important;
    background-size: auto 100% !important;
} 

.background-image-mappa {
	background-color: #e6e9f0 !important;
	background-position: left center !important;
    background-size: auto 100% !important;
}

#sp-header {
	background: var(--color-bk-header) !important;
}

.sp-megamenu-wrapper {
	margin-top: 50px;
}

#sp-header.header-sticky {
	z-index: 2000;
}

.logo-image {
	height: auto !important;
}

#sp-header,
#sp-header .logo,
#sp-menu,
#sp-logo {
	height: var(--height-header);
	line-height: var(--line-height-header);	
}

#sp-logo {
	margin-left: 2%;
}

#sp-header .sp-megamenu-parent>li>a, 
#sp-header .sp-megamenu-parent>li>span {
	line-height: 50px;
	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;
}

#sp-header .sp-megamenu-parent>li .icona span {
	position: relative;
	top:3px;
	margin-left: 5px;
}

#sp-header.header-sticky,
#sp-header.header-sticky .logo,
.header-sticky #sp-menu,
#sp-header1.header-sticky .sp-megamenu-parent>li>a, 
#sp-header1.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 .header-modules,
#sp-menu {
	margin:0;
}

#sp-top-bar {
	background: var(--color-2);
	color:var(--color-pale);
} 

#offcanvas-toggler {
	display: none !important;
}

div.mod-languages {
	margin-left: 20px;
}

div.mod-languages ul li.lang-active {
	background-color: transparent !important;
} 

div.mod-languages ul li a {
	line-height: 50px;
    font-size: var(--font-header-size);
    text-transform: var(--font-header-transform);
    font-weight: var(--font-header-weight);
    color: var(--color-header);
}

div.mod-languages ul li a:hover {
	color: var(--color-header);
}

.offcanvas-menu .offcanvas-inner ul.menu li.active>a,
.offcanvas-menu .offcanvas-inner ul.menu>li.active span {
	color: var(--color-1);
	font-weight: 700;
}

.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 {
	font-size: var(--font-footer-size);
	font-weight: var(--font-footer-line-height);
	color:var(--font-color);
}

#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;
}

.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-font) !important;
}
.form-visual ::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-font) !important;

}
.form-visual :-ms-input-placeholder { /* IE 10+ */
	color: var(--color-font) !important;

}
.form-visual :-moz-placeholder { /* Firefox 18- */
	color: var(--color-font) !important;

}

::-webkit-input-placeholder { /* WebKit browsers */
     opacity: 1 !important;
	text-transform: uppercase;
}

.cf-content-wrap {display: none !important;}

#sp-main .form-visual .cf-input {  
	background: #fff !important;
	font-size: 1.6rem !important;
	border: 1px solid #4d4d4d; !important;
	color: var(--color-font) !important; 
	font-family: var(--font-base) !important;
	padding: 6px 13px !important;
	font-weight: 400 !important; 
	border-radius:8px;
}

#sp-main .form-visual .cf-form-wrap {
	padding:0;
}

.form-visual .cf-label,
.txtPrivacy,
.txtPrivacy a {
	color: #fff !important;
	font-family: var(--font-base) !important;
}

.form-white .cf-label,
.form-white .txtPrivacy,
.form-white .txtPrivacy a {
	color: #4d4d4d !important;
}

.social_icon svg path {
	fill:#fff !important;
}

.form-visual textarea.cf-input {
	height: 136px;
}

.textarea {
	position: relative;
}

.textarea textarea {
	position: absolute;
}

.form-visual .form-check-input {vertical-align: top;}

.form-visual .form-check-label {width: 95%;}

.qx-btn-primary,
.form-visual .cf-btn {
	color: var(--color-1) !important;
	background: transparent !important;
	font-size: 2.1rem;
	text-decoration: none;
	border: 0px solid var(--color-2) !important;
	text-transform: uppercase;
	border-radius: 0px !important;
	/*max-width: 240px;*/
	padding: 0 !important;
	font-weight: 400;
} 

.form-visual .cf-btn {
	background: #fff !important;
	border-radius: 8px !important; 
	padding: 8px 30px !important;
	font-size: 1.6rem;
}

.form-white .form-visual .cf-btn {
	background: #fff  !important;
	color: var(--color-font) !important;
	border: 1px solid var(--color-font) !important;
	
}

.qx-btn-primary span{
	white-space: break-spaces;
	line-height: 1;
	transition: all 0.8s ease;
}


.qx-btn-primary:hover{ 

	background: var(--color-pale) !important;
}

.qx-btn-primary:hover span {
	color: var(--color-1);
}

.btn-white .qx-btn-primary {
	color: #fff !important;
}

.btn-scuro .qx-btn-primary span {
	color: #fff !important;
}

.btn-scuro .qx-btn-primary:hover {
	text-decoration: underline;
}

.btn-scuro .qx-btn-primary:hover span {
	color: #fff !important;
}

.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;
}

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-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: 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; 
}

.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;
}


#home_slider li {
	margin-bottom: 0;
}

#home_slider {
	margin-bottom: 2px;
}

#home_slider,
#home_slider .slider-height-default,
#home_slider .qx-slideshow-items {
	height: 600px !important;
}


#home_slider .slider-pro-item .slide-content  div {
    font-size: 7rem;
    font-weight: 300;
    line-height: 8rem;
	color: #fff;
}

#home_slider .slider-pro-item .slide-content > div {
	transform: translateX(-100%); 
	 transition: 8s linear;
	opacity: 0;
	width: 50%;
}

#home_slider .slider-pro-item:nth-child(even) .slide-content > div {
	transform: translateX(100%);
}

#home_slider .slider-pro-item.qx-slide-active .slide-content > div {
	transform: translateX(48%);
	opacity: 1;
}

#home_slider .slider-pro-item.qx-slide-active:nth-child(even) .slide-content > div {
	transform: translateX(60%); 
	text-align: right; 
}

#home_slider .slider-pro-item.qx-slide-active .slide-content img,
#home_slider .slider-pro-item.qx-slide-active .slide-content  > div > div {
	display: inline-block;
} 

#home_slider .slider-pro-item.qx-slide-active .slide-content > div > div {
	position: relative;
	top:40px;
	left: 20px;
}

#home_slider .slider-content-wrapper {
	bottom: 10%;
}

#home_slider1 .slider-pro-item  .slider-content-wrapper:before {
	content: '';
	width: 100vh;
	height: calc(100% + 80px);
	display: block;
	background: linear-gradient(to right, rgba(27,33,70,0.7) 0%,rgba(27,33,70,0.7) 70%,rgba(27,33,70,0) 100%);
	position: absolute;
	bottom:0px;
	left: 0;
	z-index: -1;
}

#home_slider1 .slider-pro-item:nth-child(even) .slide-content:before {

	right:-11%;
	left:inherit;
	z-index: -1;
}

#home_slider .slider-pro-item .slide-content {
	width: 100%;
	display: inline-block;
}

#home_slider .slider-pro-item .slide-content img {
	width: auto;
}

 
.title-border {
	position: relative;
	padding-bottom: 10px;
}


.title-border-left:before {
	content: '';
    width: 150vh;
    position: absolute;
    bottom: -2px;
    right: 0;
    border-bottom: 1px solid #000;
}

.title-border-right:before {
	content: '';
    width: 150vh;
    position: absolute;
    bottom: -2px;
    left: 0;
    border-bottom: 1px solid #000;
}

.header-image {
	margin-bottom: 2px;
}

.header-image img {
	width: 100%;
}
 
.header-title  {
	padding-top: 62px; 
    padding-bottom: 80px; 
	margin-bottom: 2px;
}

.ancor-link {
    padding: 10px 0;
}

.ancor-link a {
    margin: 0 20px; 
}
 
.article_image {
	margin-top: 55px;
}

.elenco_prodotti .odd .sx,
.elenco_articoli .odd .sx {
	order: 2;
}

.elenco_prodotti .odd .dx,
.elenco_articoli .odd .dx {
	order: 1;
}

.elenco_prodotti .equal {
	margin-bottom: 100px;
}

.elenco_articoli .item {
	margin-bottom: 60px;
}

.elenco_articoli .text-titolino {
	padding-top: 50px;
}

.elenco_articoli .content_image {
	margin-top: 60px;
	text-align: center; 
}

.elenco_articoli .content_image img {
	margin: 0 auto;
	border-radius: 10px;
}

.elenco_articoli .odd {
	border-radius: 10px;
	padding-bottom: 30px;
}

#news .btn {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 40px 10px 40px;
	
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; transition:all 0.1s linear;
	border: 1px solid #1b2146;
	display: inline-block; 
	margin-top: 20px;
} 

#news .odd .btn {
	border-color:#fff;
}
 
#news .btn:hover {
	color: #fff !important;
    background-color: #002664;
	text-decoration: none;
}

#news .odd .btn:hover {
	color: #002664 !important;
    background-color: #fff;
	text-decoration: none;
}

.btn-video{
	font-size: 2.1rem;
	font-weight: 700;
	text-decoration: underline;
	display: block;
	color: #4d4d4d;
}

.elenco_articoli .odd .text-titolino span,
.elenco_articoli .odd p,
.elenco_articoli .odd .btn,
.elenco_articoli .odd .btn-video,
.elenco_articoli .odd p a,
.elenco_articoli .odd li {
	color: #fff;
}

.elenco_articoli .odd .title-border-right:before,
.elenco_articoli .odd .btn {
	border-color:#fff;
}

.elenco_articoli p a { 
	text-decoration: underline;
}

.elenco_articoli .title-border {
	margin-bottom: 50px;
}

.gallery_slide .splide__arrow {
	width: 60px; 
	height: 60px;
	border-radius: 0;
	background: rgba(255,255,255,0.5);
	opacity: 1;
}

.gallery_slide .splide__arrow--next {
	right: 26px;
}

.gallery_slide .splide__arrow--prev {
	left: 26px;
}

#price_table .badge-wrap {
	transform: none !important;
	top:-3px !important;
}

#price_table .badge-wrap span {
	background: var(--color-1) !important;
}

#price_table  .qx-element-pricing-table-v2 {
	border-radius: 0;
} 

#price_table .pricing-media { 
	margin-bottom: 10px !important;
	text-align: center;
}

#price_table .pricing-media img {
	max-width: 100px;
	margin: 0 auto;
}

#price_table .title h4 {
	margin-bottom: 0 !important;
	text-transform: uppercase;
	font-weight: 700;
}

#price_table .qx-list span {
	color: var(--color-5); 
	font-weight: 500;
}

.qx-divider-separator {
	margin-bottom: 0 !important;
}

.text-prezzo sub {
	font-size: 4rem;
	position: relative;
	top:-2px;
}

.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: 1700px){

}

@media (max-width: 1241px){
	
	#sp-menu .sp-megamenu-parent {
		display: none !important;
	}
	
	#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);
	}
	
	#sp-logo {
		margin-left: 0;
	}

}


@media (max-width: 1200px){
	
	html {
		font-size: 52.5% !important;
	}	
	
}





@media (max-width: 1030px){

	.hide_ipad {
		display: none !important;
	}
	
	.hide_desktop {
		display: block !important;
	}	
	
	#home_slider,
	#home_slider .slider-height-default,
	#home_slider .qx-slideshow-items {
		height: 300px !important;
	}
	
	#home_slider .slider-pro-item .slide-content > div {
		width: 90%;
	} 
	
	#home_slider .slider-pro-item.qx-slide-active .slide-content > div {
		transform: translateX(8%);
	}
	
	#home_slider .slider-pro-item.qx-slide-active:nth-child(even) .slide-content > div {
		    transform: translateX(8%);
	}
	
	#home_slider .slider-pro-item.qx-slide-active .slide-content img {
		display: none;
	}
	
}



@media (max-width: 980px){
	
	html {
		font-size: 46.5% !important;
	}	 
	
	#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);
	}

	.background-image .qx-container,
	.background-image-mappa .qx-container {
		background-color: rgba(255,255,255,0.6) !important;
	}

	.background-image-form {
		background-color: #002664 !important;
	} 

	.background-image-mappa {
		background-color: #e6e9f0 !important;
	}	
	
}


@media (max-width: 768px){
	
	html {
		font-size: 45.5% !important;
	}
	
	.column-reverse { 
		flex-direction: column-reverse;
	}
	
	.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;
	}
	

	.title-border:before {
		width: 100%!important;
	}
	
	#news .item,
	.elenco_prodotti .equal{
		justify-content: center;
	} 
	
	.title-border,
	#news p,
	#news .content_image,
	#news .content,
	.btn-video {
		text-align: center!important;
	}
	
	.elenco_articoli .title-border,
	.elenco_prodotti .equal { 
		margin-bottom:20px;
	}
	
	
	
	.elenco_articoli .text-titolino {
		padding-top: 20px;
	}
	
	.elenco_articoli .content_image,
	.article_image { 
		margin-top: 20px;
	}
	
	.elenco_prodotti .equal {
		margin-top: 40px;
	}
	
	.header-title {
		padding: 30px 0;
	}
}


@media screen and (max-width: 560px) {
	
	html { 
		font-size: 45.5% !important;
	}
	
	.ancor-link a {
		margin: 0 10px;
	}
	
	.text-titolone span {
		font-size: 6rem;
		line-height: 6.4rem;
	}
	
}


@media screen and (max-width: 320px) { 
	
	.map_canvas,
	#phocaMapPlgPM1 {
		height: 220px !important;
	}
}

