@import "general.css";

@font-face {
    font-family: 'corbertbold';
    src: url('../fonts/corbert-bold-webfont.woff2') format('woff2'),
         url('../fonts/corbert-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/** GENERALE **/

:root {
    --white: #FFF;
	--black: #000;
	--red: #E30613;
	--beige: #EDEDE6;

	--prodotto-azzurro: #C8F4F2;
	--prodotto-verde: #CAF0B7;
	--prodotto-giallo: #FFF5B9;
	--prodotto-viola: #CED0E8;
	--prodotto-rosa: #FFE9EE;
	--prodotto-arancio: #FFD59E;

	--grey: #777777;
	--brown: #B03622;
	--darkbrown: #842819; 
	--darkbeige: #EAE5DF;
	--green: #A6B700;
	--yellow: #F8D767;
	--error: #B03621;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'arialregular';
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    background: var(--white);
    touch-action: pan-y pan-x;
}
body * { transition: all 0.3s ease; box-sizing: border-box; }
strong, b { color: var(--black); font-weight: 700; }
button { border: none; }
a, .elementor p a { color: var(--black); text-decoration: underline; }
a:hover, a:active, a:focus,
.elementor p a:hover, .elementor p a:active, .elementor p a:focus { color: var(--red); text-decoration: underline; }

a.pulsante, #contenuto_pagina a.pulsante { 
	display: inline-block; width: 240px; height: 50px; position: relative; box-sizing: border-box; background: var(--white);
	font-family: 'corbertbold'; font-weight: 700; font-size: 18px; line-height: 22px; 
	color: var(--black); padding: 14px 50px 0 20px; text-decoration: none; margin: 0;
}
a.pulsante:hover, a.pulsante:active, a.pulsante:focus,
#contenuto_pagina a.pulsante:hover, #contenuto_pagina a.pulsante:active, #contenuto_pagina a.pulsante:focus { text-decoration: none; }
a.pulsante .sfondo, #contenuto_pagina a.pulsante .sfondo {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
}
a.pulsante:hover .sfondo path, a.pulsante:active .sfondo path, a.pulsante:focus .sfondo path,
#contenuto_pagina a.pulsante:hover .sfondo path, #contenuto_pagina a.pulsante:active .sfondo path, 
#contenuto_pagina a.pulsante:focus .sfondo path { stroke: var(--black); }
a.pulsante .icona, #contenuto_pagina a.pulsante .icona { position: absolute; top: 10px; right: 20px; z-index: 1; }

h1, h2 {
	font-family: 'corbertbold'; font-weight: 700; font-size: 40px;
    line-height: 48px; color: var(--black); margin: 0 0 12px; padding: 0;
}
h3 {
	font-family: 'corbertbold'; font-weight: 700; font-size: 27px;
    line-height: 32px; color: var(--black); margin: 0 0 12px; padding: 0;
}
h4, h5, h6 {
	font-family: 'corbertbold'; font-weight: 700; font-size: 22px;
    line-height: 30px; color: var(--black); margin: 0 0 12px; padding: 0;
}

@media screen and (max-width:767px) {
	body { font-size: 13px; line-height: 16px; }
	h1, h2 { font-size: 20px; line-height: 23px; }
    h3 { font-size: 16px; line-height: 20px; }
    h4, h5, h6 { font-size: 14px; line-height: 18px; }
	
	a.pulsante, #contenuto_pagina a.pulsante { 
		width: 120px; height: 25px; font-size: 11px; line-height: 13px; 
		padding: 6px 10px 0 9px;
	}
	a.pulsante .sfondo, #contenuto_pagina a.pulsante .sfondo { width: 120px; height: 25px; }
	a.pulsante .icona, #contenuto_pagina a.pulsante .icona { width: auto; height: 10px; top: 7.5px; right: 10px; }
}

/** HEADER **/
#header { width: 100%; box-sizing: border-box; }
.home #header { position: absolute; left: 0; bottom: 0; z-index: 10000; }
#barra_top, #barra_top.sticky {
    height: 120px; background: var(--white); position: fixed; 
    width: 100%; z-index: 10006; top: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
#barra_top.menu_open, #barra_top.submenu_open { background: var(--beige); box-shadow: none; }
.home #barra_top { margin: 0; top: calc( 100vh - 120px ); transition: top 0.8s ease; }
.home #barra_top, .home #barra_top.sticky { box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.25); }
.pagina_chisiamo #barra_top,
.pagina_viverebio #barra_top,
.pagina_diariovolante #barra_top { position: static; margin: 0 0 50px; }
.home #barra_top.menu_open
.pagina_chisiamo #barra_top.menu_open,
.pagina_viverebio #barra_top.menu_open,
.pagina_diariovolante #barra_top.menu_open,
.home #barra_top.submenu_open,
.pagina_chisiamo #barra_top.submenu_open,
.pagina_viverebio #barra_top.submenu_open,
.pagina_diariovolante #barra_top.submenu_open,
.home #barra_top.sticky { top: 0; }
.pagina_chisiamo #barra_top.sticky,
.pagina_viverebio #barra_top.sticky,
.pagina_diariovolante #barra_top.sticky { position: fixed; margin: 0; }
#barra_top #barra_top_container { 
    width: auto; max-width: 1550px; height: 120px; position: relative; margin: 0 auto; transition: none;
}
#barra_top #main_logo {
    display: block; text-decoration: none; width: 78px; height: 80px;
    position: absolute; top: 20px; left: 0; z-index: 1;
}
#barra_top #main_logo img { width: 100%; height: auto; }
#barra_top #btn_storelocator {
	display: block; float: right; width: 50px; height: 50px; margin: 35px 0 0; text-decoration: none;
}
#barra_top #btn_storelocator:hover, #barra_top #btn_storelocator:active,
#barra_top #btn_storelocator:focus { text-decoration: none; }
#barra_top #btn_storelocator svg { width: 100%; height: 100%; margin: 0; }
#barra_top #btn_storelocator:hover rect, #barra_top #btn_storelocator:active rect,
#barra_top #btn_storelocator:focus rect,
#barra_top.submenu_open #btn_storelocator:hover rect, #barra_top.submenu_open #btn_storelocator:active rect,
#barra_top.submenu_open #btn_storelocator:focus rect { stroke: none; fill: var(--red); }
#barra_top #btn_storelocator:hover path, #barra_top #btn_storelocator:active path,
#barra_top #btn_storelocator:focus path,
#barra_top.submenu_open #btn_storelocator:hover path, #barra_top.submenu_open #btn_storelocator:active path,
#barra_top.submenu_open #btn_storelocator:focus path { fill: var(--white); }
#barra_top #btn_storelocator:hover path:last-child, #barra_top #btn_storelocator:active path:last-child,
#barra_top #btn_storelocator:focus path:last-child,
#barra_top.submenu_open #btn_storelocator:hover path:last-child, #barra_top.submenu_open #btn_storelocator:active path:last-child,
#barra_top.submenu_open #btn_storelocator:focus path:last-child { fill: var(--red); }
#barra_top.menu_open #btn_storelocator rect,
#barra_top.submenu_open #btn_storelocator rect { stroke: var(--white); }
#barra_top form { float: right; width: 240px; height: 50px; margin: 35px 0 0 20px; position: relative; }
#barra_top form > svg { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; }
#barra_top.submenu_open form > svg rect { stroke: var(--white); }
#barra_top form:hover > svg rect,
#barra_top.submenu_open form:hover > svg rect{ stroke: var(--black); }
#barra_top form.error > svg rect,
#barra_top.submenu_open form.error > svg rec { stroke: var(--error); }
#barra_top form input {
	width: 180px; height: 30px;box-sizing: border-box;
	background: none; border: none; border-radius: 0; 
	padding: 0 0 0 10px; font-family: 'corbertbold'; font-weight: 700; 
	font-size: 18px; line-height: 22px; color: var(--black); text-align: left;
	cursor:pointer; -webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
	position: absolute; left: 12px; top: 8px; z-index: 1;
}
#barra_top form input:hover, #barra_top form input:focus { border: none; }
#barra_top form input::placeholder { color: var(--black); opacity: 1; }
#barra_top form input:-ms-input-placeholder,
#barra_top form input::-ms-input-placeholder { color: var(--black); }
#barra_top form button {
	width: 30px; height: 30px; background: var(--white); cursor: pointer; text-align: center; line-height: 0;
	-webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
	position: absolute; top: 10px; right: 12px; z-index: 2;
}
#barra_top.submenu_open form button { background: var(--beige); }
#barra_top form button > svg { width: 100%; height: 100%; }
#barra_top #btn_menu, #barra_top #close_menu, #barra_top #ritorno_menu {
	display: none; text-decoration: none; width: 25px; height: 20px;
	box-sizing: border-box; line-height: 0; text-align: center;
	position: absolute; left: 0; top: 20px; z-index: 1;
}
#barra_top #btn_menu:hover, #barra_top #close_menu:hover, #barra_top #ritorno_menu:hover { text-decoration: none; }
#barra_top #btn_menu:hover path, #barra_top #close_menu:hover path, #barra_top #ritorno_menu:hover path { fill: var(--black); }
#barra_top #btn_cerca { display: none; float: right; width: 30px; height: 30px; margin: 15px 22px 0 0; }
#barra_top #btn_cerca svg { width: 100%; height: 100%; }
#barra_top #btn_cerca:hover path, #barra_top #btn_cerca:active path,
#barra_top #btn_cerca:focus path { fill: var(--white); }
#barra_top #btn_cerca:hover path.bordo, #barra_top #btn_cerca:active path.bordo,
#barra_top #btn_cerca:focus path.bordo { stroke: none; fill: var(--red); }
@media screen and (max-width:1560px) {
    #barra_top #barra_top_container { margin: 0 30px; }
}
@media screen and (max-width:1024px) {
	#barra_top, #barra_top.sticky { height: 60px; }
	.home #barra_top { top: calc( 100vh - 60px ); transition: top 0.3s ease; }
	.pagina_chisiamo #barra_top.menu_open,
	.pagina_viverebio #barra_top.menu_open,
	.pagina_diariovolante #barra_top.menu_open { position: fixed; }
	#barra_top #barra_top_container { height: 60px; margin: 0 20px; }
	#barra_top #main_logo { width: 36px; height: 37px; top: 11.5px; left: 50%; transform: translateX(-50%); }
	#barra_top #btn_menu { display: block; }
	#barra_top #close_menu, #barra_top #ritorno_menu { display: none; }
	#barra_top.menu_open #btn_menu { display: none; }
	#barra_top.menu_open #close_menu { display: block; }
	#barra_top #btn_storelocator { width: 30px; height: 30px; margin: 15px 10px 0 0; }
	#barra_top form { display: none; visibility: hidden; }
	#barra_top #btn_cerca { display: block; }
}
@media screen and (max-width:767px) {
	.home #barra_top { top: calc( 100vh - 120px ); }
}

/** MENU **/
#menu_principale_wrapper {
    height: 120px; position: fixed; top: 0;  transition: none;
	left: calc( ( ( 100vw - 1550px ) / 2 ) + 210px );
	right: calc( ( ( 100vw - 1550px ) / 2 ) + 320px );
    z-index: 10010; padding: 0;
}
.home #menu_principale_wrapper { top: calc( 100vh - 120px ); bottom: auto; transition: top 0.8s ease; }
.pagina_chisiamo #menu_principale_wrapper,
.pagina_viverebio #menu_principale_wrapper,
.pagina_diariovolante #menu_principale_wrapper {
	position: relative; margin: 0 0 -120px;
	width: calc( 100% - ( ( ( 100vw - 1550px ) / 2 ) + 210px ) - ( ( ( 100vw - 1550px ) / 2 ) + 320px ) );
}
.home #menu_principale_wrapper.sticky,
.pagina_chisiamo #menu_principale_wrapper.sticky,
.pagina_viverebio #menu_principale_wrapper.sticky,
.pagina_diariovolante #menu_principale_wrapper.sticky {
	position: fixed; margin:0; width: auto;
	left: calc( ( ( 100vw - 1550px ) / 2 ) + 210px );
	right: calc( ( ( 100vw - 1550px ) / 2 ) + 320px );
}
.home #menu_principale_wrapper.sticky { top: 0; }
#menu_principale {
	width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: none;
}
.home #menu_principale_wrapper.sticky #menu_principale,
.pagina_chisiamo #menu_principale_wrapper.sticky #menu_principale,
.pagina_viverebio #menu_principale_wrapper.sticky #menu_principale,
.pagina_diariovolante #menu_principale_wrapper.sticky #menu_principale { left: 0; right: 0; }
.home #menu_principale_wrapper #menu_principale.opened,
.pagina_chisiamo #menu_principale_wrapper #menu_principale.opened,
.pagina_viverebio #menu_principale_wrapper #menu_principale.opened,
.pagina_diariovolante #menu_principale_wrapper #menu_principale.opened { position: fixed; }
.home #menu_principale_wrapper.sticky #menu_principale.opened,
.pagina_chisiamo #menu_principale_wrapper.sticky #menu_principale.opened,
.pagina_viverebio #menu_principale_wrapper.sticky #menu_principale.opened,
.pagina_diariovolante #menu_principale_wrapper.sticky #menu_principale.opened { position: absolute; }
@media screen and (max-width:1560px) {
	#menu_principale_wrapper { left: 220px; right: 360px; }
	.home #menu_principale_wrapper,
	.pagina_chisiamo #menu_principale_wrapper,
	.pagina_viverebio #menu_principale_wrapper,
	.pagina_diariovolante #menu_principale_wrapper { left: 220px; right: 360px; width: calc( 100%  - 580px ); }
	.home #menu_principale_wrapper.sticky,
	.pagina_chisiamo #menu_principale_wrapper.sticky,
	.pagina_viverebio #menu_principale_wrapper.sticky,
	.pagina_diariovolante #menu_principale_wrapper.sticky { left: 220px; right: 360px; width: auto; }
	.home #menu_principale,
	.pagina_chisiamo #menu_principale,
	.pagina_viverebio #menu_principale,
	.pagina_diariovolante #menu_principale { left: 0; right: 0; }
}
@media screen and (max-width:1200px) {
	#menu_principale_wrapper { left: 160px; }
	.home #menu_principale_wrapper.sticky,
	.pagina_chisiamo #menu_principale_wrapper.sticky,
	.pagina_viverebio #menu_principale_wrapper.sticky,
	.pagina_diariovolante #menu_principale_wrapper.sticky { left: 160px; width: calc( 100%  - 520px ); }
}
@media screen and (max-width:1024px) {	
	#menu_principale_wrapper { 
		display: none; height: 100vh; left: 0; right: 0; z-index: 10000; overflow: hidden; background: var(--beige);
	}
	.home #menu_principale_wrapper { top: 0; transition: top 0.3s ease; }
	#menu_principale { border-bottom: 1px dashed var(--white); bottom: 10px; }
	.home #menu_principale_wrapper,
	.pagina_chisiamo #menu_principale_wrapper,
	.pagina_viverebio #menu_principale_wrapper,
	.pagina_diariovolante #menu_principale_wrapper,
	.home #menu_principale_wrapper.sticky,
	.pagina_chisiamo #menu_principale_wrapper.sticky,
	.pagina_viverebio #menu_principale_wrapper.sticky,
	.pagina_diariovolante #menu_principale_wrapper.sticky { position: fixed; margin: 0; left: 0; right: 0; width: auto; }
	.home #menu_principale,
	.pagina_chisiamo #menu_principale,
	.pagina_viverebio #menu_principale,
	.pagina_diariovolante #menu_principale,
	.home #menu_principale_wrapper.sticky #menu_principale,
	.pagina_chisiamo #menu_principale_wrapper.sticky #menu_principale,
	.pagina_viverebio #menu_principale_wrapper.sticky #menu_principale,
	.pagina_diariovolante #menu_principale_wrapper.sticky #menu_principale { left: 0; right: 0; }
}

#menu_iniziale {
    position: absolute; left: 0; right: 0; top: 50px; z-index: 1; transition: none; box-sizing: border-box; 
}
#menu_iniziale .menu-item { float: left; margin: 0 0 0 40px; }
#menu_iniziale .menu-item:first-child { margin: 0; }
#menu_iniziale .menu-item a {
    display: block; box-sizing: border-box; font-family: 'corbertbold'; font-weight: 700; font-size: 18px; 
	line-height: 22px; color: var(--black); text-decoration: none; 
}
#menu_iniziale .menu-item > a:hover, #menu_iniziale .menu-item > a:active, 
#menu_iniziale .menu-item > a:focus, #menu_iniziale .menu-item.active > a { color: var(--red); }
#menu_iniziale .menu-item > a svg { width: 16px; height: auto; margin: 0 14px 0 0; }
#menu_iniziale .menu-item > a svg path,
#menu_iniziale .menu-item > a svg rect { fill: var(--black); }
#menu_iniziale .menu-item > a:hover svg path, #menu_iniziale .menu-item > a:hover svg rect, 
#menu_iniziale .menu-item > a:active svg path, #menu_iniziale .menu-item > a:active svg rect, 
#menu_iniziale .menu-item > a:focus svg path, #menu_iniziale .menu-item > a:focus svg rect, 
#menu_iniziale .menu-item.active > a svg path, #menu_iniziale .menu-item.active > a svg rect { fill: var(--red); }
#menu_iniziale .menu_secondario { 
	display: none; visibility: hidden; position: absolute; left: 26px; right: 26px; bottom: 0; z-index: 1; 
}
#menu_iniziale .menu_secondario ul { margin: 5px 0 0; padding: 0; list-style: none; }
#menu_iniziale .menu_secondario li { list-style: none; border-bottom: 1px dashed var(--white); }
#menu_iniziale .menu_secondario li:last-child { border-bottom: none; }
#menu_iniziale .menu_secondario a {
	display: flex; height: 50px; box-sizing: border-box; padding: 0 12px;
	font-family: 'corbertbold'; font-weight: 700; font-size: 11px; line-height: 13px; color: var(--black);
	text-decoration: none; background-repeat: no-repeat; 
	background-position: calc( 100% - 20px ) center; background-size: 7px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjM4NiIgaGVpZ2h0PSIxNS43MDciIHZpZXdCb3g9IjAgMCA3LjM4NiAxNS43MDciPjxwYXRoIGQ9Ik0zMTAuMzksMTQ4LjE3M2w2LjI2Nyw2LjI1MWExLjc1MiwxLjc1MiwwLDAsMSwwLDIuNDhsLTYuMjY4LDYuMjY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwLjAzNiAtMTQ3LjgxOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==");
	flex-direction: row; align-items: center;
}
#menu_iniziale .menu_secondario a:hover, #menu_iniziale .menu_secondario a:active,
#menu_iniziale .menu_secondario a:focus, #menu_iniziale .menu_secondario a.active { color: var(--red); }
@media screen and (max-width:1024px) {	
	#menu_iniziale { top: 80px; bottom: 0; overflow-x: hidden; overflow-y: scroll; padding: 0 26px; }
	#menu_iniziale .menu-item { float: none; border-bottom: 1px dashed var(--white); margin: 0; }
	#menu_iniziale .menu-item:last-child { border-bottom: none; }
	#menu_iniziale .menu-item a {
		display: flex; height: 50px; padding: 0 12px; font-size: 11px; line-height: 13px; 
		background-repeat: no-repeat; background-position: calc( 100% - 20px ) center; background-size: 7px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjM4NiIgaGVpZ2h0PSIxNS43MDciIHZpZXdCb3g9IjAgMCA3LjM4NiAxNS43MDciPjxwYXRoIGQ9Ik0zMTAuMzksMTQ4LjE3M2w2LjI2Nyw2LjI1MWExLjc1MiwxLjc1MiwwLDAsMSwwLDIuNDhsLTYuMjY4LDYuMjY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwLjAzNiAtMTQ3LjgxOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==");
		flex-direction: row; align-items: center;
	}
	#menu_iniziale .menu_secondario { display: block; visibility: visible; }
}

#menu_principale .submenu {
	display: none; width: auto; height: auto; position: fixed; left: 0; right: 0; background: var(--beige);
	top: 120px; z-index: 2; transition: none; box-sizing: border-box;
}
#menu_principale .submenu.opened { right: 0; }
#menu_principale .submenu .contenuto { width: 1550px; margin: 0 auto; box-sizing: border-box; }
#menu_principale .submenu .voci { 
	float: left; column-count: 2; column-rule: 1px solid var(--white); column-gap: 100px; margin: 20px 0 150px; max-width: 850px;
}
#menu_principale .submenu .menu-item { margin: 0; }
#menu_principale .submenu .menu-item a {
    display: block; box-sizing: border-box; padding: 0 0 7px; margin: 0 0 4px; text-decoration: none;
	font-family: 'arialregular'; font-weight: 400; font-size: 19px; line-height: 23px; color: var(--black);
	background-repeat: no-repeat; background-position: left bottom;
}
#menu_principale .submenu .menu-item.evidenza a { font-weight: 600; }
#menu_principale .submenu .menu-item > a:hover,
#menu_principale .submenu .menu-item > a:active,
#menu_principale .submenu .menu-item > a:focus,
#menu_principale .submenu .menu-item.active > a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDkwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yOTYxXzMiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iOTAiIGhlaWdodD0iOSI+CjxwYXRoIGQ9Ik05MCAwSDBWOC41NzU5NUg5MFYwWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzI5NjFfMykiPgo8cGF0aCBkPSJNODkuNDgxMSA1LjU3MTI3Qzg5LjQ4MTEgLTEwLjcwODEgMC41MTkwNDMgMTguOTQ2IDAuNTE5MDQzIDMuMzc3NjEiIHN0cm9rZT0iI0Q2MDgxMiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0IDQgNCA0IDQiLz4KPC9nPgo8L3N2Zz4="); }
#menu_principale .submenu .menu-item a.mobile { display: none; visibility: hidden; }
@media screen and (max-width:2000px) {
	#menu_principale .submenu .contenuto { width: 1130px; }
}
@media screen and (max-width:1500px) {
	#menu_principale .submenu .contenuto { width: auto; padding: 0 60px 0 200px; }
	#menu_principale .submenu .voci { column-gap: 100px; }
}
@media screen and (max-width:1400px) {
	#menu_principale .submenu .voci { max-width: 700px; }
}
@media screen and (max-width:1200px) {
	#menu_principale .submenu .voci { max-width: 600px; }
}
@media screen and (max-width:1100px) {
	#menu_principale .submenu .voci { max-width: 500px; }
}
@media screen and (max-width:1024px) {
	#menu_principale .submenu { 
		display: block; width: 100%; position: absolute; left: auto; right: -100%; 
		top: 80px; bottom: 0; z-index: 2; overflow-y: scroll; padding: 0 26px;
	}
	#menu_principale .submenu .contenuto { width: auto; padding: 0; margin: 0; }
	#menu_principale .submenu .voci { float: none; column-count: 1; column-rule: none; column-gap: 0; margin: 0; max-width: none; }
	#menu_principale .submenu .menu-item { border-bottom: 1px dashed var(--white); }
	#menu_principale .submenu .menu-item:last-child { border-bottom: none; }
	#menu_principale .submenu .menu-item a {
		display: flex; height: 50px; padding: 0 12px;
		font-family: 'corbertbold'; font-weight: 700; font-size: 11px; line-height: 13px;
		background-repeat: no-repeat; 
		background-position: calc( 100% - 20px ) center; background-size: 7px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjM4NiIgaGVpZ2h0PSIxNS43MDciIHZpZXdCb3g9IjAgMCA3LjM4NiAxNS43MDciPjxwYXRoIGQ9Ik0zMTAuMzksMTQ4LjE3M2w2LjI2Nyw2LjI1MWExLjc1MiwxLjc1MiwwLDAsMSwwLDIuNDhsLTYuMjY4LDYuMjY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwLjAzNiAtMTQ3LjgxOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==");
		flex-direction: row; align-items: center;
	}
	#menu_principale .submenu .menu-item a.mobile { display: flex; visibility: visible; }
	#menu_principale .submenu .menu-item a.desktop { display: none; visibility: hidden; }
	#menu_principale .submenu .menu-item a.apri {
		background-position: calc( 100% - 16px ) center; background-size: 15px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43MDciIGhlaWdodD0iNy4zODYiIHZpZXdCb3g9IjAgMCAxNS43MDcgNy4zODYiPjxwYXRoIGQ9Ik0zMjEuNjU3LDEwMi4yNTNsLTYuMjUxLDYuMjY3YTEuNzUyLDEuNzUyLDAsMCwxLTIuNDgsMGwtNi4yNjktNi4yNjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDYuMzAzIC0xMDEuODk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMC41Ii8+PC9zdmc+");
	}
	#menu_principale .submenu .menu-item a.apri.opened { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43MDciIGhlaWdodD0iNy4zODYiIHZpZXdCb3g9IjAgMCAxNS43MDcgNy4zODYiPjxwYXRoIGQ9Ik0zMjEuNjU3LDEwOS4wMzVsLTMuNi0zLjYxMS0yLjY0OS0yLjY1NmExLjc1MiwxLjc1MiwwLDAsMC0yLjQ4LDBsLTYuMjY5LDYuMjY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzA2LjMwMyAtMTAyLjAwMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg=="); }
	#menu_principale .submenu .menu-item > a:hover,
	#menu_principale .submenu .menu-item > a:active,
	#menu_principale .submenu .menu-item > a:focus,
	#menu_principale .submenu .menu-item.active > a { color: var(--red); }
}

#menu_principale .subsubmenu { 
	display: none; transition: none; box-sizing: border-box; padding: 0 22px 14px; 
	border-bottom: 1px dashed var(--white); background: var(--beige); margin: -1px 0 0;
}
#menu_principale .subsubmenu.opened { display: block; }
#menu_principale .subsubmenu a {
    display: block; font-family: 'arialregular'; font-weight: 400; font-size: 10px; line-height: 20px; margin: 0 0 6px;
	color: var(--black); text-decoration: none; background-repeat: no-repeat; background-position: left center; 
	background-size: 20px auto; box-sizing: border-box; padding: 0 0 0 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40IiBoZWlnaHQ9IjIwLjQiIHZpZXdCb3g9IjAgMCAyMC40IDIwLjQiPjxjaXJjbGUgaWQ9IkVsbGlzc2VfMTgiIGRhdGEtbmFtZT0iRWxsaXNzZSAxOCIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjIgMC4yKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMC40IiBzdHJva2UtZGFzaGFycmF5PSIyLjIyMiAyLjIyMiAyLjIyMiAyLjIyMiAyLjIyMiAyLjIyMiIvPjwvc3ZnPg==");
}
#menu_principale .subsubmenu a:hover, #menu_principale .subsubmenu a:active, 
#menu_principale .subsubmenu a:focus, #menu_principale .subsubmenu a.active { color: var(--red); }

#menu_principale .righina { display: none; margin: 15px -26px; width: calc( 100% + 52px ); height: auto; }
#menu_principale .bg_desktop { width: 100%; height: auto; margin: 0 0 -90px; }
#menu_principale .bg_farfalla { position: absolute; right: 0; bottom: 10px; z-index: -1; }
#menu_principale #container_prodotti_evidenza_menu { 
	float: right; border-left: 1px solid var(--white); box-sizing: border-box;
	margin: 20px 0 50px; padding: 10px 0 30px 60px; position: relative; z-index: 10;
}
#menu_principale #container_prodotti_evidenza_menu span {
	display: block; font-family: 'corbertbold'; font-weight: 700; font-size: 18px; line-height: 22px;
}
#menu_principale #carousel_prodotti_evidenza_menu { 
	width: 154px; border-radius: 16px; background: var(--white); position: relative; margin: 10px 0 0; 
}
#menu_principale #carousel_prodotti_evidenza_menu .box { 
	display: flex; width: 100%; height: 230px; flex-direction: column; text-align: center; justify-content: center;
}
#menu_principale #carousel_prodotti_evidenza_menu .box img { width: 100%; height: auto; }
#menu_principale #carousel_prodotti_evidenza_menu .owl-prev { display: none; visibility: hidden; }
#menu_principale #carousel_prodotti_evidenza_menu .owl-next {
	position: absolute; top: 50%; right: -45px; transform: translateY(-50%);
}
@media screen and (max-width:2400px) {
	#menu_principale .bg_farfalla { left: 100px; right: auto; }
}
@media screen and (max-width:2000px) {
	#menu_principale .bg_farfalla { left: 20px; }
}
@media screen and (max-width:1800px) {
	#menu_principale .bg_desktop { margin: 0 0 -70px; }
}
@media screen and (max-width:1360px) {
	#menu_principale .bg_desktop { margin: 0 0 -60px; }
}
@media screen and (max-width:1024px) {
	#menu_principale .righina { display: block; }
	#menu_principale .bg_farfalla, #menu_principale .bg_desktop { display: none; visibility: hidden; }
	#menu_principale #container_prodotti_evidenza_menu { float: none; border-left: none; padding: 0; margin: 0; }
	#menu_principale #container_prodotti_evidenza_menu span { display: none; visibility: hidden; }
	#menu_principale #carousel_prodotti_evidenza_menu { margin: 30px auto; }
}

/** MENU RICERCA **/
#menu_ricerca_wrapper {
    display: none; height: 100vh; position: fixed; top: 0;  transition: none;
	left: 0; right: 0; z-index: 10000; padding: 0; overflow: hidden; background: var(--beige);
}
#menu_ricerca {
    width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; z-index: 1; transition: none; 
	border-bottom: 1px dashed var(--white); bottom: 10px;
}
#menu_ricerca form { width: 100%; height: 25px; margin: 5px 0 0; position: relative; }
#menu_ricerca form input {
	width: 100%; height: 25px; box-sizing: border-box;
	background: var(--white); border: none; border-radius: 9px; 
	padding: 0 20px 0 7px; font-family: 'corbertbold'; font-weight: 700; 
	font-size: 11px; line-height: 13px; color: var(--black); text-align: left;
	cursor:pointer; -webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
}
#menu_ricerca form input:hover, #menu_ricerca form input:focus { border: none; }
#menu_ricerca form input::placeholder { color: var(--black); opacity: 1; }
#menu_ricerca form input:-ms-input-placeholder,
#menu_ricerca form input::-ms-input-placeholder { color: var(--black); }
#menu_ricerca form button {
	width: 6px; height: 12px; background: none; cursor: pointer; line-height: 0;
	-webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
	position: absolute; top: 7px; right: 8px; z-index: 1; padding: 0;
}
#menu_ricerca form button > svg { width: 100%; height: 100%; }
#menu_ricerca .menu_container {
    position: absolute; left: 0; right: 0; top: 80px; z-index: 1; transition: none; box-sizing: border-box; 
	bottom: 0; overflow-x: hidden; overflow-y: scroll; padding: 0 26px;
}
#menu_ricerca .menu_container .menu_secondario { position: absolute; left: 26px; right: 26px; bottom: 0; z-index: 1; }
#menu_ricerca .menu_container .menu_secondario ul { margin: 5px 0 0; padding: 0; list-style: none; }
#menu_ricerca .menu_container .menu_secondario li { list-style: none; border-bottom: 1px dashed var(--white); }
#menu_ricerca .menu_container .menu_secondario li:last-child { border-bottom: none; }
#menu_ricerca .menu_container .menu_secondario a {
	display: flex; height: 50px; box-sizing: border-box; padding: 0 12px;
	font-family: 'corbertbold'; font-weight: 700; font-size: 11px; line-height: 13px; color: var(--black);
	text-decoration: none; background-repeat: no-repeat; 
	background-position: calc( 100% - 20px ) center; background-size: 7px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjM4NiIgaGVpZ2h0PSIxNS43MDciIHZpZXdCb3g9IjAgMCA3LjM4NiAxNS43MDciPjxwYXRoIGQ9Ik0zMTAuMzksMTQ4LjE3M2w2LjI2Nyw2LjI1MWExLjc1MiwxLjc1MiwwLDAsMSwwLDIuNDhsLTYuMjY4LDYuMjY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwLjAzNiAtMTQ3LjgxOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==");
	flex-direction: row; align-items: center;
}
#menu_ricerca .menu_container .menu_secondario a:hover, #menu_ricerca .menu_container .menu_secondario a:active,
#menu_ricerca .menu_container .menu_secondario a:focus, #menu_ricerca .menu_container .menu_secondario a.active { color: var(--red); }

/** SLIDER HOMEPAGE **/
#slider_home { margin: 70px 0 0; }
@media screen and (max-width:767px) {
	#slider_home { margin: 60px 0 0; }
}

/** HEADER GRAFICO PAGINE **/
#header_pagina,
.pagina_diariovolante #header_pagina_desktop,
.pagina_diariovolante #header_pagina_mobile { margin: 120px 0 0; width: 100%; height: auto; position: relative; text-align: center; }
.home #header_pagina { margin: 0; padding: 0; height: calc( 100% - 120px ); }
.pagina_chisiamo #header_pagina,
.pagina_viverebio #header_pagina,
.pagina_diariovolante #header_pagina_desktop,
.pagina_diariovolante #header_pagina_mobile { margin: 0; padding: 0; height: calc( 100vh - 120px ); }
.pagina_diariovolante #header_pagina_mobile { display: none; }
#header_pagina img.header_desktop { width: 100%; height: auto; }
.home #header_pagina img.header_desktop,
.pagina_chisiamo #header_pagina img.header_desktop,
.pagina_viverebio #header_pagina img.header_desktop,
.pagina_diariovolante #header_pagina_desktop img.header_desktop,
.pagina_diariovolante #header_pagina_mobile img.header_mobile { width: 100%; height: 100%; object-fit: cover; }
#header_pagina img.header_mobile { display: none; visibility: hidden; width: 100%; height: auto; }
.home #header_pagina img.header_mobile,
.pagina_chisiamo #header_pagina img.header_mobile,
.pagina_viverebio #header_pagina img.header_mobile { height: 100%; object-fit: cover; }
#header_pagina img.immagine_titolo,
.pagina_diariovolante #header_pagina_desktop img.immagine_titolo {
	position: absolute; top: 40%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1;
}
#header_pagina img.immagine_titolo_mobile {
	display: none; width: auto; height: auto; max-width: 100%; margin: 0 auto;
}
.pagina_diariovolante #header_pagina_mobile img.immagine_titolo_mobile {
	width: auto; height: auto; max-width: 100%; margin: 0 auto;
}
@media screen and (max-width:1024px) {
	#header_pagina,
	.pagina_diariovolante #header_pagina_desktop,
	.pagina_diariovolante #header_pagina_mobile { margin: 60px 0 0; }
}
@media screen and (max-width:767px) {
	.home #header_pagina,
	.pagina_chisiamo #header_pagina,
	.pagina_viverebio #header_pagina { height: calc( 100vh - 120px ); }
	.pagina_diariovolante #header_pagina_desktop { display: none; visibility: hidden; }
	.pagina_diariovolante #header_pagina_mobile { display: block; height: auto; margin: -50px 0 0; }
	#header_pagina,
	.pagina_diariovolante #header_pagina_desktop,
	.pagina_diariovolante #header_pagina_mobile { box-sizing: border-box; padding: 30px 20px 55px; }
	#header_pagina img.header_desktop,
	#header_pagina img.immagine_titolo { display: none; visibility: hidden; }
	#header_pagina img.immagine_titolo_mobile { display: block; }
	#header_pagina img.header_mobile { display: block; visibility: visible; }
}

/** HEADER FOTOGRAFICO **/
#header_fotografico { margin: 66px 0 0; width: 100%; height: 640px; position: relative; }
#header_fotografico img { 
	display: block; width: 100%; height: 100%; object-fit: cover; position: absolute;
	top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
}
#header_fotografico img.header_mobile { display: none; visibility: hidden; }
#header_fotografico .categorie {
	width: 960px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2;
}
#header_fotografico .categorie a {
	display: block; float: left; margin: 10px 10px 0 0; text-decoration: none; background: var(--green); border-radius: 3px;
	box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 19px;
	text-transform: uppercase; color: var(--white); padding: 2px 8px 4px;
}
#header_fotografico .categorie a:last-child { margin: 10px 0 0; }
#header_fotografico .categorie a:hover, #header_fotografico .categorie a:active,
#header_fotografico .categorie a:focus { text-decoration: none; }
@media screen and (max-width:960px) {
	#header_fotografico .categorie { width: auto; left: 20px; right: 20px; transform: none; }
}
@media screen and (max-width:960px) {
	#header_fotografico { height: 0; padding-bottom: 83%; }
}
@media screen and (max-width:767px) {
	#header_fotografico { margin: 50px 0 0; }
	#header_fotografico img.header_desktop { display: none; visibility: hidden; }
	#header_fotografico img.header_mobile { display: block; visibility: visible; }
}
	
/** TESTO INTRODUTTIVO **/
#introduzione { width: 1200px; position: relative; margin: 0 auto; padding: 150px 0 10px; }
#introduzione.with_photo { padding: 0 0 10px; }
#introduzione h1 { margin: 0 0 10px; }
#introduzione h1:last-child, #introduzione h3 { margin: 0; }
#introduzione .categorie, #introduzione .tags { margin: 10px 0 0; }
#introduzione .categorie a {
	display: block; float: left; margin: 10px 10px 0 0; text-decoration: none; background: var(--green); border-radius: 3px;
	box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 19px;
	text-transform: uppercase; color: var(--white); padding: 2px 8px 4px;
}
#introduzione .categorie a:last-child { margin: 10px 0 0; }
#introduzione .tags a {
	display: block; float: left; text-decoration: none; background: rgba(187, 137, 101, 0.15);
	border: 1px solid #BB8965; border-radius: 3px; font-weight: 400; font-size: 16px;
	line-height: 19px; color: #BB8965; box-sizing: border-box; padding: 2px 5px 4px; margin: 10px 0 0 10px;
}
#introduzione .tags a:first-child { margin: 10px 0 0; }
#introduzione .categorie a:hover, #introduzione .categorie a:active,
#introduzione .categorie a:focus, #introduzione .tags a:hover, 
#introduzione .tags a:active, #introduzione .tags a:focus { text-decoration: none; }
@media screen and (max-width:1260px) {
	#introduzione { width: auto; margin: 0 30px; }
}
@media screen and (max-width:1024px) {
	#introduzione { padding: 80px 0 10px; }
}

/** BREADCRUMB **/
#breadcrumbs { 
	margin: 0 0 60px;  font-weight: 500; font-size: 18px; line-height: 24px; color: var(--black); text-align: left;
}
#breadcrumbs a { color: var(--grey); text-decoration: none; }
#breadcrumbs .breadcrumb_last { color: var(--black); }
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { color: var(--brown); }
#breadcrumbs i {
	display: inline-block; width: 5px; height: 5px; margin: 0 4px 3px; background-repeat: no-repeat; 
	background-position: center; background-size: 5px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjQTZCNzAwIi8+PC9zdmc+");
}
@media screen and (max-width:767px) {
    #breadcrumbs { margin: 0 0 40px; }
}

/** CONTENUTO DELLA PAGINA **/
#contenuto_pagina { padding: 0 0 100px; }
#contenuto_pagina p {
	font-weight: 400; font-size: 25px; line-height: 30px;
    color: var(--black); margin: 0 0 20px; padding: 0;
}
#contenuto_pagina p:last-child { margin: 0; }
#contenuto_pagina .pagina_testo,
#contenuto_pagina .pagina_testo p { font-size: 18px; line-height: 26px; }
#contenuto_pagina .pagina_testo h2 { font-size: 30px; line-height: 38px; }
@media screen and (max-width:1260px) {
	#contenuto_pagina { box-sizing: border-box; padding: 0 20px 100px; }
}
@media screen and (max-width:767px) {
	#contenuto_pagina { padding: 0 20px 80px; }
	#contenuto_pagina p,
	#contenuto_pagina .pagina_testo,
	#contenuto_pagina .pagina_testo p { font-size: 13px; line-height: 16px; }
	#contenuto_pagina .pagina_testo h2 { font-size: 20px; line-height: 23px; }
}

/** PERSONALIZZAZIONE DI ELEMENTOR **/
.dialog-type-lightbox { z-index: 10050 !important; }
#contenuto_pagina .elementor-widget-text-editor ul { 
	font-weight: 400; font-size: 20px; line-height: 28px; color: var(--grey);
	list-style: none; margin: 0 0 12px; padding: 0; 
}
#contenuto_pagina .elementor-widget-text-editor ul:last-child { margin: 0; }
#contenuto_pagina .elementor-widget-text-editor ul > li {
	box-sizing: border-box; padding: 0 0 0 15px;
	background-repeat: no-repeat; background-position: 0 11px; background-size: 5px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjQTZCNzAwIi8+PC9zdmc+");
}
#contenuto_pagina .elementor-widget-text-editor ol { 
	font-weight: 400; font-size: 20px; line-height: 28px; color: var(--grey);
	list-style: none; margin: 0; padding: 0; counter-reset: lista;
}
#contenuto_pagina .elementor-widget-text-editor ol > li {
	box-sizing: border-box; padding: 0 0 12px;
}
#contenuto_pagina .elementor-widget-text-editor ol > li::before {
	counter-increment: lista; color: var(--brown); content: counter(lista) ". ";
	font-weight: 700; font-size: 150%;
}
@media screen and (max-width:767px) {
	#contenuto_pagina .elementor-widget-text-editor ul,
	#contenuto_pagina .elementor-widget-text-editor ol { font-size: 18px; line-height: 24px; }
}
#contenuto_pagina .elementor-widget-image { margin: 10px 0; }
#contenuto_pagina .elementor-widget-image img { border-radius: 18px; }
#contenuto_pagina .elementor-accordion { border-bottom: 1px solid #C4C4C4; counter-reset: accordion; }
#contenuto_pagina .elementor-accordion .elementor-accordion-item { 
	border: none; border-top: 1px solid #C4C4C4; transition: none;
}
#contenuto_pagina .elementor-accordion .elementor-accordion-title::before {
	counter-increment: accordion; color: var(--black); content: counter(accordion) ". ";
}
#contenuto_pagina .elementor-accordion .elementor-tab-title { 
	padding: 20px 15px 20px 0; font-size: 24px; line-height: 29px; color: var(--grey);
}
#contenuto_pagina .elementor-accordion .elementor-tab-content { 
	padding: 0 0 40px; border-top: none; transition: none;
}
#contenuto_pagina .elementor-accordion .elementor-tab-content img { margin: 10px 0 0; }
#contenuto_pagina .elementor-accordion-icon { color: var(--brown); }
#contenuto_pagina .elementor-accordion-icon:hover { color: var(--darkbrown); }
@media screen and (max-width:767px) {
	#contenuto_pagina .elementor-widget-image img { border-radius: 10px; }
	#contenuto_pagina .elementor-accordion .elementor-tab-title { 
		padding: 15px 0; font-size: 20px; line-height: 26px;
	}
	#contenuto_pagina .elementor-accordion .elementor-tab-content { padding: 0 0 25px; }
}
#contenuto_pagina .elementor-image-carousel .swiper-slide-inner { 
	height: 0; padding-bottom: 65%; position: relative; 
}
#contenuto_pagina .elementor-image-carousel .swiper-slide-image {
	width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; object-fit: cover; 
}
#contenuto_pagina .elementor-image-carousel-wrapper { margin-bottom: 60px; }
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button { 
	top: auto; bottom: 0; transform: none;
}
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button-prev { left: 50%; transform: translateX(-45px); }
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button-next { right: 50%; transform: translateX(45px); }
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button svg { 
	width: 40px; height: 40px; fill: var(--grey);
}
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button path { fill: var(--grey); }
#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button:hover path { fill: var(--brown); }
@media screen and (max-width:767px) {
	#contenuto_pagina .elementor-image-carousel-wrapper { margin-bottom: 50px; }
	#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button-prev { transform: translateX(-35px); }
	#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button-next { transform: translateX(35px); }
	#contenuto_pagina .elementor-image-carousel-wrapper .elementor-swiper-button svg { width: 30px; height: 30px; }
}
#contenuto_pagina a.elementor-button { 
	display: inline-block; position: relative; box-sizing: border-box; background: var(--brown);
	border-radius: 15px; font-weight: 700; font-size: 18px; line-height: 22px; color: var(--white);
	text-transform: uppercase; padding: 11px 20px 12px; text-decoration: none;
}
#contenuto_pagina a.elementor-button .elementor-align-icon-right { margin: 0 0 0 15px; }
#contenuto_pagina a.elementor-button .elementor-align-icon-right svg { width: 15px; height: auto; }
#contenuto_pagina a.elementor-button:hover, #contenuto_pagina a.elementor-button:active, 
#contenuto_pagina a.elementor-button:focus { 
	color: var(--white); background: var(--darkbrown); text-decoration: none; 
}
@media screen and (max-width:767px) {
	#contenuto_pagina a.elementor-button {
		border-radius: 10px; font-size: 16px; line-height: 19px; padding: 9px 15px 10px; 
	}
	#contenuto_pagina a.elementor-button .elementor-align-icon-right { margin: 0 0 0 10px; }
	#contenuto_pagina a.elementor-button .elementor-align-icon-right svg { width: 12px; }
}

/** FOOTER **/
#footer_home_wrapper { position: relative; top: 100%; transform: translateY(-100%); }
#site-footer {
    position: relative; background: var(--beige); box-sizing: border-box; padding: 0 0 100px;
}
#site-footer .bordino { width: 100%; height: auto; }
#site-footer .bordino_mobile { width: 100%; height: auto; display: none; }
#site-footer .footer-container { 
	width: 1350px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr);
}
#site-footer .footer-container .col { 
	box-sizing: border-box; border-left: 1px dashed var(--white);
	padding: 20px 50px; font-weight: 400; font-size: 18px; line-height: 24px; color: var(--black);
}
#site-footer .footer-container .col:first-child { border-left: none; }
#site-footer .footer-container .col p { margin: 0; padding: 0; }
#site-footer .footer-container .col a { color: var(--black); text-decoration: none; }
#site-footer .footer-container .col a:hover, #site-footer .footer-container .col a:active,
#site-footer .footer-container .col a:focus { color: var(--red); text-decoration: none; }
#site-footer .footer-container .col h3 {
	display: block; font-weight: 700; font-size: 24px; line-height: 28px;
	color: var(--black); margin: 0 0 20px; padding: 0;
}
#site-footer .footer-container .col .menu_footer { list-style: none; margin: 0; padding: 0; }
#site-footer .footer-container .col .menu_footer li { list-style: none; margin: 0 0 8px; padding: 0; }
#site-footer .footer-container .col .menu_footer li:last-child { margin: 0; }
#site-footer .footer-container .col .menu_footer a { color: var(--black); }
#site-footer .footer-container .col .menu_footer a:hover,
#site-footer .footer-container .col .menu_footer a:active,
#site-footer .footer-container .col .menu_footer a:focus { color: var(--red); text-decoration: none; }
#site-footer .footer-container #logo_footer {
	display: block; margin: 0 0 30px;
}
#site-footer .footer-container #logo_footer img { width: 118px; height: auto; }
#site-footer .footer-container .social a {
	display: block; float: left; margin: 0 0 0 14px; text-decoration: none;
}
#site-footer .footer-container .social a:first-child { margin: 0; }
#site-footer .footer-container .social svg { width: auto; height: 53px; }
#site-footer .footer-container .social a:hover path.bordo, #site-footer .footer-container .social a:active path.bordo,
#site-footer .footer-container .social a:focus path.bordo { stroke: var(--red); }
#site-footer .footer-container .social a:hover path.icona, #site-footer .footer-container .social a:active path.icona,
#site-footer .footer-container .social a:focus path.icona { fill: var(--red); }
#site-footer2 {
	background: var(--red); box-sizing: border-box; padding: 30px 30px; text-align: center;
	font-size: 16px; font-weight: 400; line-height: 28px; color: var(--white);
}
#site-footer2 a { color: var(--white); text-decoration: none; }
#site-footer2 a:hover, #site-footer2 a:active, #site-footer2 a:focus { color: var(--white); text-decoration: underline; }
@media screen and (max-width:1350px) {
	#site-footer .footer-container { width: auto; }
}
@media screen and (max-width:1110px) {
	#site-footer .footer-container .col { padding: 20px 30px; }
}
@media screen and (max-width:1024px) {
	#footer_home_wrapper {
		top: auto;
		transform: none;
	}
}
@media screen and (max-width:960px) {
	#site-footer .footer-container .social a { margin: 0 0 0 10px; }
	#site-footer .footer-container .social svg { height: 40px; }
}
@media screen and (max-width:767px) {
	#site-footer { padding: 0 0 40px; }
	#site-footer .bordino { display: none; }
	#site-footer .bordino_mobile { display: block; }
	#site-footer .footer-container { display: block; }
	#site-footer .footer-container .col { 
		padding: 25px 20px 0; text-align: center; border-left: none; font-size: 10px; line-height: 14px;
	}
	#site-footer .footer-container .col h3 { font-size: 14px; line-height: 18px; margin: 0 0 6px; }
	#site-footer .footer-container #logo_footer { display: none; visibility: hidden; }
	#site-footer .footer-container .social { display: inline-block; }
	#site-footer .footer-container .social a { margin: 0 5px; }
	#site-footer .footer-container .social a:first-child { margin: 0 5px; }
	#site-footer .footer-container .social svg { height: 30px; }
	#site-footer2 { padding: 14px 12px; font-size: 10px; line-height: 14px; }
}

/** FASCIA NEWSLETTER **/
#fascia_newsletter { margin: 0 0 70px; }
#fascia_newsletter .coccinella_desktop { width: 90%; height: auto; margin: 0 0 100px; }
#fascia_newsletter .coccinella_mobile { display: none; }
#fascia_newsletter .newsletter_container { width: 1350px; margin: 0 auto; }
#fascia_newsletter .testo { width: calc( 100% - 700px ); float: left; box-sizing: border-box; padding: 0 20px 0 0; } 
#fascia_newsletter .testo h3 {
	display: block; font-family: 'corbertbold'; font-size: 24px; font-weight: 700; 
	line-height: 29px; color: var(--black); margin: 0 0 31px; padding: 0;
}
#fascia_newsletter .testo p {
	display: block; font-size: 20px; font-weight: 400; 
	line-height: 24px; color: var(--black); margin: 0 0 0 12px; padding: 0;
}
#fascia_newsletter form { width: 700px; float: right; margin: 0; padding: 0; }
#fascia_newsletter form .campo { width: 100%; position: relative; }
#fascia_newsletter form input {
	width: 700px; height: 62px; box-sizing: border-box;
	background: none; border: 2px dashed var(--beige); border-radius: 18px; position: relative;
	padding: 0 50px 0 30px; font-family: 'corbertbold'; font-weight: 700; 
	font-size: 18px; line-height: 22px; color: var(--black); text-align: left;
	cursor:pointer; -webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
}
#fascia_newsletter form input:hover, #fascia_newsletter form input:focus { border: 2px dashed var(--black); }
#fascia_newsletter form .campo.errore input { border: 2px dashed var(--error); }
#fascia_newsletter form input::placeholder { color: var(--black); opacity: 1; }
#fascia_newsletter form input:-ms-input-placeholder,
#fascia_newsletter form input::-ms-input-placeholder { color: var(--black); }
#fascia_newsletter form button {
	width: 20px; height: 36px; background: none; cursor: pointer; text-align: center; line-height: 0;
	-webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none;
	position: absolute; top: 14px; right: 24px; z-index: 2; padding: 0;
}
#fascia_newsletter form button > svg { width: 100%; height: 100%; }
#fascia_newsletter form a { 
	display: block; font-size: 14px; line-height: 18px; color: var(--black); text-decoration: underline; margin: 10px 0 0 10px;
}
#fascia_newsletter form a:hover, #fascia_newsletter form a:active, 
#fascia_newsletter form a:focus { text-decoration: underline; color: var(--red); }
@media screen and (max-width:1410px) {
	#fascia_newsletter .newsletter_container { width: auto; margin: 0 30px; }
}
@media screen and (max-width:1060px) {
	#fascia_newsletter .testo { width: calc( 100% - 500px ); } 
	#fascia_newsletter form { width: 500px; }
	#fascia_newsletter form input { width: 500px; height: 50px; }
	#fascia_newsletter form button { top: 7px; }
}
@media screen and (max-width:960px) {
	#fascia_newsletter .coccinella_desktop { margin: 0 0 36px; }
	#fascia_newsletter .testo { width: auto; float: none; margin: 0 0 30px; padding: 0; }
	#fascia_newsletter form { float: none; margin: 0 auto; }
	#fascia_newsletter form a { font-size: 12px; line-height: 16px; }
}
@media screen and (max-width:767px) {
	#fascia_newsletter { margin: 0 0 16px; overflow: hidden; }
	#fascia_newsletter .coccinella_desktop { display: none; }
	#fascia_newsletter .coccinella_mobile { display: block; margin: 0 0 36px; }

	#fascia_newsletter .testo { margin: 0 0 20px; } 
	#fascia_newsletter .testo h3 {
		font-size: 14px; line-height: 18px; margin: 0 0 11px;
	}
	#fascia_newsletter .testo p {
		font-size: 10px; line-height: 14px; margin: 0 0 0 6px;
	}
	#fascia_newsletter form { width: auto; }
	#fascia_newsletter form input {
		width: 100%; height: 25px; padding: 0 26px 0 10px; 
		font-size: 11px; line-height: 13px; border: 1px dashed var(--beige);
	}
	#fascia_newsletter form input:hover, #fascia_newsletter form input:focus { border: 1px dashed var(--black); }
	#fascia_newsletter form .campo.errore input { border: 1px dashed var(--error); }
	#fascia_newsletter form button { width: 10px; height: 12px; top: 7px; right: 10px; }
	#fascia_newsletter form a { font-size: 8px; line-height: 12px; margin: 10px 0 0; }
}
@media screen and (max-width:360px) {
	#fascia_newsletter .coccinella_mobile { float: right; margin: 0 10px 30px auto; }
}

/** COOKIEBOT POLICY **/
#cookiebot_policy { width: auto; max-width: 960px; margin: 0 auto 50px; }
#cookiebot_policy #CookieDeclarationUserStatusLabelOn,
#cookiebot_policy #CookieDeclarationUserStatusLabelOff,
#cookiebot_policy #CookieDeclarationUserStatusLabelMulti { font-weight: 700; }
#main-column .entry-content #cookiebot_policy p.CookieDeclarationTypeHeader { font-weight: 700; }
.CookieDeclaration p { display: none; }
.CookieDeclaration #CookieDeclarationUserStatusPanel p,
.CookieDeclaration .CookieDeclarationLastUpdated,
.CookieDeclaration .CookieDeclarationType p { display: block; }

@media screen and (max-width: 1050px) {
	#cookiebot_policy { margin: 0 45px 50px; }
	#main-column .entry-content #cookiebot_policy p { width: auto; margin: 0 0 10px; }
}
@media screen and (max-width: 767px) {
	#cookiebot_policy { margin: 0 20px 30px; }
	#main-column .entry-content #cookiebot_policy { font-size: 14px; line-height: 21px; }
}

/** FORM CONTATTI **/
#form_contatti {
    width: 650px; box-sizing: border-box; padding: 0; margin: 0 auto; text-align: center;
}
#form_contatti .campo_contatti, 
#form_contatti .campo_contatti_mobile {
    float: left; position: relative; width: 305px; margin: 0 10px 20px;
}
#form_contatti .campo_contatti_wide {
    float: left; position: relative; width: 630px; margin: 0 10px 20px;
}
#form_contatti .campo_contatti_small {
    float: left; position: relative; width: 142px; margin: 0 10px 20px;
}
#form_contatti label {
	display: block; font-size: 14px; line-height: 18px; font-weight: 500; text-transform: uppercase;
	color: var(--grey); margin: 0 0 4px; padding: 0; text-align: left;
}
#form_contatti label i { font-weight: 700; color: var(--error); }
#form_contatti input, 
#form_contatti select, 
#form_contatti textarea {
    width:100%; max-width:100%; height:60px; background:var(--white); border:2px dashed var(--beige);
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
	font-family: 'corbertbold'; font-size:18px; color:var(--black); font-weight:700; 
	padding:0 26px; cursor:pointer; -webkit-font-smoothing:antialiased; line-height:22px;
	-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; -webkit-appearance:none; 
	-moz-appearance:none; appearance:none; transition: all 0.3s ease;
}
#form_contatti select {
    background-repeat:no-repeat; background-size:35px auto; background-position:calc( 100% - 20px ) center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS41MzUiIGhlaWdodD0iMTYuODYxIiB2aWV3Qm94PSIwIDAgMzUuNTM1IDE2Ljg2MSI+PHBhdGggaWQ9IlRyYWNjaWF0b180NjE4IiBkYXRhLW5hbWU9IlRyYWNjaWF0byA0NjE4IiBkPSJNOTI2Ljk4LDM3OC4wMDgsOTEzLDM5Mi4wMjdhMy45MjEsMy45MjEsMCwwLDEtNS41NDksMGwtMTQuMDIzLTE0LjAyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg5Mi40MzUgLTM3Ny4wMTgpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMzA2MTMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48L3N2Zz4=");
}
#form_contatti option { color:var(--black); }
#form_contatti ::placeholder { color: var(--black); opacity: 1; }
#form_contatti :-ms-input-placeholder { color: var(--black); }
#form_contatti ::-ms-input-placeholder { color: var(--black); }
#form_contatti textarea {
    height:100px; padding:16px 26px; line-height:26px; resize:none;
}
#form_contatti input:hover, #form_contatti textarea:hover, #form_contatti select:hover,
#form_contatti input:focus, #form_contatti textarea:focus, #form_contatti select:focus {
   	outline:none; border:2px dashed var(--black);
}
#form_contatti input.errore, #form_contatti select.errore {
    border:2px dashed var(--error);
}
#form_contatti #contatti_div_privacy {
    display: block; font-size: 16px; line-height: 20px; color: var(--black);
    -webkit-font-smoothing: antialiased; padding: 0; text-align: left; margin: 0 0 10px;
}
#form_contatti #contatti_div_privacy img {
    cursor: pointer; margin: 1px 10px 10px 0; float: left; border-radius: 10px;
	background-color:var(--white); border:2px dashed var(--beige);
    background-image: none; background-repeat: no-repeat; background-position: center center;
}
#form_contatti #contatti_div_privacy img.active {
    background-size:30px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSI1IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTkuMTg5NzkgMTMuODU1TDE1Ljc2MTIgNy4yODM1OEMxNS45ODQ0IDcuMDYwNDQgMTUuOTg0NCA2LjY5ODYyIDE1Ljc2MTIgNi40NzU0OEwxNC45NTMxIDUuNjY3MzdDMTQuNzMgNS40NDQyMyAxNC4zNjgxIDUuNDQ0MTkgMTQuMTQ1IDUuNjY3MzdMOC43ODU3MSAxMS4wMjY2TDYuMjgzNjEgOC41MjQ0OEM2LjA2MDQ2IDguMzAxMzQgNS42OTg2NCA4LjMwMTM0IDUuNDc1NDYgOC41MjQ0OEw0LjY2NzM2IDkuMzMyNTlDNC40NDQyMSA5LjU1NTczIDQuNDQ0MjEgOS45MTc1NSA0LjY2NzM2IDEwLjE0MDdMOC4zODE2NCAxMy44NTVDOC42MDQ4MiAxNC4wNzgyIDguOTY2NjEgMTQuMDc4MiA5LjE4OTc5IDEzLjg1NVoiIGZpbGw9IiNFMzA2MTMiLz48L3N2Zz4=");
}
#form_contatti #contatti_div_privacy img:hover { border:2px dashed var(--black); }
#form_contatti #contatti_div_privacy img.errore { border:2px dashed var(--error); }
#form_contatti #contatti_div_privacy label {
    display: inline; font-size: 16px; font-weight: 400; color: var(--black);
    line-height: 20px; text-transform: none; cursor: pointer; margin: 0;
    -webkit-font-smoothing: antialiased;
}
#form_contatti #contatti_div_privacy a { text-decoration: underline; }
#form_contatti #contatti_div_privacy a:hover { color: var(--red); }
#form_contatti button[type="submit"] {
    width: auto; min-width: 240px; height: 50px; background: var(--white); cursor: pointer; border: none; 
	border:2px dashed var(--beige); border-radius: 18px; font-family: 'corbertbold'; font-weight: 700; 
	font-size: 18px; line-height: 22px; color: var(--black); padding: 11px 20px 12px; text-align: left;
	-webkit-font-smoothing:antialiased; -webkit-appearance:none; -moz-appearance:none; position: relative;
}
#form_contatti button[type="submit"]:hover, 
#form_contatti button[type="submit"]:focus { border:2px dashed var(--black); }
#form_contatti button[type="submit"] svg { position: absolute; top:9px; right: 16px; z-index: 1; }
@media screen and (max-width: 767px) {
    #form_contatti { width: auto; margin: 0 -2%; }
    #form_contatti .campo_contatti, #form_contatti .campo_contatti_wide {
        width: 96%; margin: 0 2% 14px;
    }
    #form_contatti .campo_contatti_mobile, #form_contatti .campo_contatti_small {
        width: 46%; margin: 0 2% 14px;
    }
	#form_contatti input, 
	#form_contatti select, 
	#form_contatti textarea {
		height:25px; border:1px dashed var(--beige);
		font-size:11px; padding:0 8px; line-height:13px;
		-webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;
	}
	#form_contatti select {
		background-size:11px auto; background-position:calc( 100% - 10px ) center;
	}
	#form_contatti textarea {
		height:100px; padding:6px 8px; line-height:16px; resize:none;
	}
	#form_contatti input:hover, #form_contatti textarea:hover, #form_contatti select:hover,
	#form_contatti input:focus, #form_contatti textarea:focus, #form_contatti select:focus {
		outline:none; border:1px dashed var(--black);
	}
	#form_contatti input.errore, #form_contatti select.errore { border:1px dashed var(--error); }
	#form_contatti #contatti_div_privacy { font-size: 11px; line-height: 14px; }
	#form_contatti #contatti_div_privacy img {
		width: 20px; height: 20px; margin: 1px 10px 10px 0; border-radius: 5px;
		border:1px dashed var(--beige);
	}
	#form_contatti #contatti_div_privacy img.active { background-size:20px auto; }
	#form_contatti #contatti_div_privacy img:hover { border:1px dashed var(--black); }
	#form_contatti #contatti_div_privacy img.errore { border:1px dashed var(--error); }
	#form_contatti #contatti_div_privacy label { font-size: 11px; line-height: 14px; }
	#form_contatti button[type="submit"] {
		min-width: 120px; height: 25px; border:1px dashed var(--beige); border-radius: 9px; 
		font-size: 11px; line-height: 13px; color: var(--black); padding: 0 11px;
	}
	#form_contatti button[type="submit"]:hover, 
	#form_contatti button[type="submit"]:focus { border:1px dashed var(--black); }
	#form_contatti button[type="submit"] svg { width: auto; height: 11px; top:6px; right: 11px; }
}
@media screen and (max-width: 400px) {
    #form_contatti .campo_contatti_mobile { width: 96%; margin: 0 2% 10px; }
}
