/* --------------------------------------------------------------------
* Defatul Stylesheet
* Author:		Mirko Cogo
* URL:			https://www.yumestudio.it/
-------------------------------------------------------------------- */
/*
* Normalize v8.0.1 / github.com/necolas/normalize.css
* General
* Smooth Scrollbar
* Remodal
*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* ------------------------------------------------------------- *
 * General
/* ------------------------------------------------------------- */

* { box-sizing: border-box; }

html, body {
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		scroll-behavior: auto !important;
}

body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.noscroll { overflow: hidden; }

p { 
	margin: 0; 
}

a {
	color: currentColor;
	text-decoration: none;
	outline: none
}
a:hover, a:focus {
	color: currentColor;
	opacity: .7;
}

img {
	max-width: 100%;
	height: auto;
}

b, strong {
	font-weight: bold;
}

section { 
	position: relative; 
}


button:focus { 
	outline: none; 
}

.small, small {
	font-size: 80%;
}

hr {
	width: 100%;
	height: 0;
	border: none;
	border-bottom: 1px solid rgb(144 144 144 / 30%);
}

/* text selection */
::-moz-selection {
    background: #a7c104;
    color: #fff;
}

::selection {
    background: #a7c104;
    color: #fff;
}

::-moz-selection {
    background: #a7c104;
    color: #fff;
}

::-webkit-selection {
    background: #a7c104;
    color: #fff;
}


/* SCROLL */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #333;
   border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
}


.error {
    background: #ed5050;
    color: #fff;
    padding: 5px;
}
.sent {
    background: #baf17a;
    color: #000;
    padding: 5px;
}
.full { width:100%; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

/* ------------------------------------------------------------- *
 * Smooth Scrollbar
 * Source: https://github.com/idiotWu/smooth-scrollbar/
/* ------------------------------------------------------------- */

/* Hide default scrollbar */
body:not(.is-mobile).smooth-scroll {
	overflow: hidden !important;
}

/* Scroll content (added if <body> contain class "smooth-scroll". Disabled on mobile devices!) */
body:not(.is-mobile).smooth-scroll #scroll-container { 
	width: auto;
	height: 100vh;
	overflow: auto;
	margin: 0;
}

/* Styling scrollbar */
.scrollbar-track {
	background: transparent !important;
	z-index: 99999 !important;
}
.scrollbar-track:hover {
	/*background: rgba(222, 222, 222, 0.1) !important;*/
	opacity:1;
}
.scrollbar-thumb {
	background: #DDD !important;
	opacity: .25;
	transition: opacity 0.2s ease-in-out;
}
.scrollbar-track:hover .scrollbar-thumb {
	opacity: .5;
}


/* ------------------------------------------------------------- *
 * Remodal - v0.5.0
 * Source: http://vodkabears.github.io/remodal/
/* ------------------------------------------------------------- */
.remodal-cancel,.remodal-close:after,.remodal-confirm{-webkit-transition:all .2s ease-out; transition:all .2s ease-out; cursor:pointer;text-decoration:none}html.remodal-is-locked{overflow:hidden}.remodal,[data-remodal-id]{visibility:hidden}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper .left{text-align:left}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.remodal-bg{-webkit-transition:-webkit-filter .2s ease-out;transition:-webkit-filter .2s ease-out;transition:filter .2s ease-out;transition:filter .2s ease-out,-webkit-filter .2s ease-out}body.remodal-is-active .remodal-bg{-webkit-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px)}.remodal-overlay{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:0;background:rgba(33,36,46,.65)}body.remodal-is-active .remodal-overlay{opacity:1}.remodal{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:100%;padding:35px;-webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;color:#000;background:#FFF;background-clip:padding-box}body.remodal-is-active .remodal{-webkit-transform:scale(1);transform:scale(1);opacity:1}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{position:absolute;top:5px;right:5px;width:28px;height:28px;text-align:center;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;text-decoration:none;border-radius:50%}.remodal-close:after{font-size:28px;line-height:28px;display:block;content:"\00d7";transition:all .2s ease-out;color:#3e5368}.remodal-close:active,.remodal-close:hover{background:#3e5368}.remodal-close:active.remodal-close:after,.remodal-close:hover.remodal-close:after{color:#f4f4f4}.remodal-cancel,.remodal-confirm{font-size:10pt;display:inline-block;width:120px;margin:0 0 5px;padding:9px 0;transition:all .2s ease-out;text-align:center;border-radius:6px;background-clip:padding-box}.remodal-confirm{color:#16a085;border:2px solid #16a085;background:#f4f4f4}.remodal-confirm:active,.remodal-confirm:hover{color:#f4f4f4;background:#16a085}.remodal-cancel{color:#c0392b;border:2px solid #c0392b;background:#f4f4f4}.remodal-cancel:active,.remodal-cancel:hover{color:#f4f4f4;background:#c0392b}@media only screen and (min-width:40.063em){.remodal{max-width:700px;min-height:0;margin:20px auto;border-radius:6px}}.lt-ie9 .remodal-overlay{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E)}.lt-ie9 .remodal{width:700px;min-height:0;margin:20px auto}.lt-ie9 .remodal-close:after{margin:auto;text-align:center}.lt-ie9 .remodal-close:active,.lt-ie9 .remodal-close:hover{background:0 0}.lt-ie9 .remodal-close:active.remodal-close:after,.lt-ie9 .remodal-close:hover.remodal-close:after{color:#3e5368}

/* ------------------------------------------------------------- *
 * GDPR Cookie Notice
 * Source: https://github.com/passatgt/gdpr-cookie-notice
/* ------------------------------------------------------------- */
.gdpr-cookie-notice{position:fixed;background:var(--dark-grey-color);left:0;bottom:0;right:0;padding:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all ease 1s;transition:all ease 1s;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:999}@media(max-width:768px){body .gdpr-cookie-notice{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.gdpr-cookie-notice-loaded .gdpr-cookie-notice{-webkit-transform:translateY(0);transform:translateY(0)}.gdpr-cookie-notice-description{margin:0;padding:0 16px 0 0;color:var(--secondary-p-color);font-size:13px;line-height:20px;text-align:left}@media(max-width:768px){body .gdpr-cookie-notice-description{padding:0;margin:0 0 25px 0}body .gdpr-cookie-notice-nav{justify-content:center;margin:0}}.gdpr-cookie-notice-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 auto;background:0;width:auto;height:auto;padding:0}a.gdpr-cookie-notice-nav-item:not(.btn){text-decoration:none;display:block;white-space:nowrap;color:var(--primary-color);padding:0 15px;font-weight:600}.gdpr-cookie-notice-nav-item:hover{text-decoration:none}a.gdpr-cookie-notice-nav-item-btn:not(.btn){padding:10px 15px;background-color:var(--primary-color);border-radius:2px;color:var(--primary-b-color);font-weight:400;line-height:1.2}.gdpr-cookie-notice-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1001;background:rgba(0,0,0,0.5);overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;display:none}.gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal{display:-webkit-box;display:-ms-flexbox;display:flex}.gdpr-cookie-notice-modal-content{width:450px;border-radius:2px;background:var(--primary-bg-color);margin:auto}.gdpr-cookie-notice-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px}.gdpr-cookie-notice-modal-title{font-size:22px;color:var(--dark-grey-color);font-weight:600;margin:0;padding:0}.gdpr-cookie-notice-modal-close{width:24px;height:24px;margin:0 0 0 auto;background:0;border:0;outline:0;padding:0;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.gdpr-cookie-notice-modal-close:before,.gdpr-cookie-notice-modal-close:after{width:18px;height:2px;content:'';display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--dark-grey-color)}.gdpr-cookie-notice-modal-close:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.gdpr-cookie-notice-modal-close:hover{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:1}.gdpr-cookie-notice-modal-cookies{display:block;margin:0;padding:0 10px;list-style-type:none}.gdpr-cookie-notice-modal-cookie{display:block;list-style-type:none;padding:0;margin:0}.gdpr-cookie-notice-modal-cookie-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px}.gdpr-cookie-notice-modal-cookie-title{font-weight:normal;font-size:1rem;color:var(--primary-p-color);margin:0;padding:0;line-height:1;position:relative;cursor:pointer}.gdpr-cookie-notice-modal-cookie-title:after{width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#bdbdbd transparent transparent transparent;content:'';display:block;position:absolute;right:-17px;top:50%;margin-top:-2px;-webkit-transition:all ease .3s;transition:all ease .3s}.open .gdpr-cookie-notice-modal-cookie-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.gdpr-cookie-notice-modal-cookie-state{color:var(--primary-color);margin-left:auto;font-size:1rem}.gdpr-cookie-notice-modal-cookie-input{opacity:0}.gdpr-cookie-notice-modal-cookie-input:checked+.gdpr-cookie-notice-modal-cookie-input-switch{background:var(--primary-color);-webkit-box-shadow:inset 0 0 0 1px var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.gdpr-cookie-notice-modal-cookie-input-switch{width:24px;height:24px;border-radius:50%;-webkit-box-shadow:inset 0 0 0 1px #999;box-shadow:inset 0 0 0 1px #999;margin:0 0 0 auto;position:relative;-webkit-transition:all ease .3s;transition:all ease .3s;cursor:pointer}.gdpr-cookie-notice-modal-cookie-input-switch:after{position:absolute;left:0;right:0;bottom:0;top:0;background:url('data:image/svg+xml;utf8,<svgheight="11"viewBox="001411"width="14"xmlns="http://www.w3.org/2000/svg"><pathd="m510.42-5-51.41-1.413.593.587.59-7.591.411.42z"fill="rgb(255,255,255)"fill-rule="evenodd"/></svg>') no-repeat center 7px;content:'';display:block}.gdpr-cookie-notice-modal-cookie-info{margin:0;padding:0 16px 12px 16px;font-size:16px;color:var(--primary-p-color);line-height:16px;display:none}.open .gdpr-cookie-notice-modal-cookie-info{display:block}.gdpr-cookie-notice-modal-footer{background:var(--primary-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:25px;border-radius:0 0 2px 2px;-ms-flex-wrap:wrap;flex-wrap:wrap}a.gdpr-cookie-notice-modal-footer-item:not(.btn){font-weight:400;font-size:1rem;margin:0;padding:0;color:var(--primary-color);position:relative}a.gdpr-cookie-notice-modal-footer-item-btn:not(.btn){padding:10px 25px;background-color:var(--primary-color);border-radius:2px;color:var(--primary-b-color);font-weight:400}.gdpr-cookie-notice-modal-footer-item-btn span{-webkit-transition:all ease .3s;transition:all ease .3s}.gdpr-cookie-notice-modal-footer-item-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;content:'';opacity:0;-webkit-transition:all ease .3s;transition:all ease .3s;display:block;background:url('data:image/svg+xml;utf8,<svgheight="11"viewBox="001411"width="14"xmlns="http://www.w3.org/2000/svg"><pathd="m510.42-5-51.41-1.413.593.587.59-7.591.411.42z"fill="rgb(255,255,255)"fill-rule="evenodd"/></svg>') no-repeat center}.gdpr-cookie-notice-modal-footer-item-btn.saved span{opacity:0}.gdpr-cookie-notice-modal-footer-item-btn.saved:after{opacity:1}.gdpr-cookie-notice-modal-footer-item:hover{text-decoration:none;opacity:1}












/* LABEL CUSTOM CSS */

:root {
	--col1: #35AB52;
	--col2: #C6C6C8;
	--col3: #64666B;
	}

body { background:#000; color:#FFF;  font-family: 'Barlow', sans-serif; font-size:18px; width:100vw; }
a:hover { color:var(--col1); }
h1,h2,h3,h4,h5 { font-weight:bold; }
.overflowhide { overflow:hidden !important; }
.altf { 
    font-family: 'Nebula' , sans-serif;
    font-weight: normal !important;
    font-style: normal !important;
	/*text-transform: lowercase; */
	letter-spacing: -2px;
} 
.altf * { 
    font-weight: normal !important;
    font-style: normal !important;
	/*text-transform: lowercase;*/
	letter-spacing: -2px;
} 
.altf2 { 
    font-family: 'Roboto' , sans-serif;
    font-weight: 900;
    font-style: normal;
	letter-spacing: -1px;
	line-height: 100%;
}
.altc { color:var(--col1); }
.altc2 { color:var(--col2); }
.altc3 { color:var(--col2); }
a.altc { color:var(--col3); } 
a.altc:hover { color:#fff; } 

.white a {color:var(--col1) !important; }
.white a:hover {   color:#000 !important;} 


.menucontent .contentmenu a, .menucontent .contentmenu2 a  {color:#fff !important; }
.menucontent .contentmenu a:hover, .menucontent .contentmenu2 a:hover  {   color:var(--col1) !important;} 


.menucontent .contentmenu h5 a {color:var(--col1) !important; }
.menucontent .contentmenu h5 a:hoverr  {   color:#fff !important;} 


.space200,.space150,.space100, .space75, .space50, .space25  { display:block; width:100%;} 
.space200 { height:200px;} 
.space150 { height:150px;} 
.space100 { height:100px;} 
.space75 { height:75px;} 
.space50 { height:50px;} 
.space25 { height:25px;} 

.white { background:#fff; color:#000; }


.black a { color:#fff; }
.black a:hover { color:var(--col1); } 
.black { background:#000; color:#FFF; }


@media (max-width: 767.98px) {
.white.mobileblack  { background:#000; color:#FFF; }
.black.mobilewhite { background:#fff; color:#000; }

.white.mobileblack a.garrow {  color: #fff !important; }
.black.mobilewhite a.garrow { color: #000 !important; }
}

.gray {  background:var(--col3); }

.display-7 {
    font-size: calc(1.375rem + 1.0vw);
    font-weight: 300;
    line-height: 1.2;
}

.display-8 {
    font-size: calc(1.375rem + 0.5vw);
    font-weight: 300;
    line-height: 1.2;
}

.display-9 {
    font-size: calc(1.2rem + 0.5vw);
    font-weight: 300;
    line-height: 1.2;
}
.display-0{
   font-size: calc(2.5rem + 5vw);
   line-height: 100%;
}

@media (max-width: 575.98px) { 
	.display-6 { font-size: calc(0.9rem + 1.5vw); }

}




/* HOMEPAGE */

.panel {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	overflow:hidden;
	}


.panel2 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
}

.container2 {

	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	}

.horizcontainer {
  overscroll-behavior: none;
  width: 600%;
  height: 100vh;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
  }



.homecoverbg, .homecoverbg2 { display:block; width:100%; height:100vh;   position: fixed; z-index: 101; opacity:0;  pointer-events: none;}
.homecovermask { 	pointer-events: none;
	-webkit-mask-image: url('../img/label-logo-full.svg');
	mask-image: url('../img/label-logo-full.svg');
	-webkit-mask-size: 139px;
	mask-size: 139px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;   
	-webkit-mask-position: center;
	mask-position: center;
}
.blackoverlay { display:block; width:100%; height:100vh; background:#000; z-index: 101;  position: fixed; pointer-events: none;}
.logooverlay { display:block; width:100%; height:100vh;   position: fixed; z-index: 101; pointer-events: none; }
#logosvg { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
#logosvg2 { opacity:0; }
.hparallax-bg {width: 120%;height: 120vh;position: absolute;z-index: -1; }
.hparallax-bgnz {
	width: 120%;
	height: 100vh;
	position: absolute;
	z-index: -1;
	    transform: none !important;
}
.hrotate-bg {width: 110%;height: 110vh;position: absolute;z-index: -1; }


.hparallax-bgno {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -1;
}


.scrollh {     
	position: absolute;
    bottom: 10%;
    right: 10%; 
	letter-spacing: 5px;
	}

.scrollh img{  
	max-width: 60px; 
	}

.scrollh2 {     
	letter-spacing: 2px;
	}

.scrollhleft {
	left: 10%;
	right:auto;
}

.perchebg {    /* position: absolute; */
    top: 0;
    left: 10%;
    width:100%;
    z-index: -1;
	margin-bottom: 50px;
	}
.ardwn{     margin-bottom: 5%; font-weight:bold; 
   
	}
.ardwn img{ margin-bottom:10px; max-width: 50px; }


.ardwn2 {
	font-weight: bold;

}

.ardwn2 img {
	margin-bottom: 10px;
	max-width: 40px;
}

a.pulsante { background: var(--col1);
	color: #fff !important;
	border: 1px solid var(--col1);
	padding: 8px 15px;
	font-size: 20px;
	transition: 1s;
	white-space: nowrap;
}
a.pulsante:hover {
	background: #fff;
	color: var(--col1) !important;
	font-weight: bold;
}

#sez2 .container .bgtw {  /* background: rgb(255 255 255 / 70%); */ color:#fff; }
#homevideo {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.coverdark { position: absolute; top:0; left:0; width:100%; height:100vh; background: rgb(0 0 0 / 0%); z-index: -1; }
/*
#sez5 { background: #908F8F; background:linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(144, 143, 143, 1) 30%, rgba(143, 143, 143, 1) 70%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);  }
#sez5 img {  max-width:250px;    margin-bottom: 40px; }
*/

.megatitle { 
   
	font-size: calc(60% + 15vmin);
    position: absolute;
    z-index: 15;
    left: -40%;
		color: #64666B;
			-webkit-text-stroke-width: 1px;
			-webkit-text-stroke-color: white;
} 

 /* #sez4b {text-transform:uppercase; } */
#sez4b .bgreen strong{
	color: var(--col1) !important;
}

a.butt2r  {
	display: inline-block;
	color:#fff;
	text-align: center;
}
a.butt2r div { display:block ; color: var(--col1); border-top:1px solid #fff; }

.linkz a { font-size: 20px;
    font-weight: bold; }

#sez7 { overflow:visible; z-index:2; }

#sez7 .cont { width:150%; 	
		padding: 10% 0 10% 10%;
	 }

#sez9 { overflow:hidden; z-index:1 }
#sez9 .testo { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
    text-align: center;
	}
#sez9 .intro { 
    position: absolute;
    right: 0;
    width: 50%;
    padding: 5%;
	}
.garrow {  display:block; margin-top:15px; margin-bottom:40px;     font-weight: bold; }
.garrow img {  max-width: 55px; display:block;  }



.white  a.garrow, .white.white2 a.garrow {
    color: #000 !important;
}
.white a.garrow:hover, .white.white2 a.garrow:hover{
    color: var(--col1) !important;
}

.black a.garrow {
	color: #fff !important;
}

.black a.garrow:hover {
	color: var(--col1) !important;
}

.arrowd { max-width:55px;     margin-bottom: 10px; }

.hparallax-bg2 {
    width: 40%;
    height: 120vh;
    position: absolute;
    z-index: -1;
    left: 0%;
}

#sez11 .side2 {
    width: 60%;
    height: 70vh;
	top:30vh;
    position: absolute;
	right: 0%;
	}






#sez11 .moudhipic {
    height: 40vh;
    position: absolute;
    right: 0;
	top:0;
	}



#sez15 .linkscod	{   /* text-align: center; */
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    margin-top: 20px; }
#sez15 .linkscod	img{    display:block;  max-width: 50px;     margin: 0 auto 10px;
margin: 8px 8px 5px;
}


#sez16 .linkscou	{   /*  text-align: center;*/
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    margin-top: 20px; }
#sez16 .linkscou	img{    display:block;  max-width: 50px;     margin: 0 auto 10px; margin: 8px 8px 5px;}

.maskarrd {position: absolute; display:block; z-index: -1;  outline: 1500px solid #000000;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
	    
}

.maskarrend { aspect-ratio: 1 / 2; }

.prolinks { position:absolute; bottom:10%; width: 100%; } 
/*.prolinks  a { width: 20%;  display: inline-block; }*/
.tpro span { color:var(--col1); }


.footerhmenu h5 { 
    /*font-weight: lighter;*/
    font-style: italic;
    color: var(--col1);
    margin: 15px 0;
    width: 100%;
    display: block;
}
.footerhmenu a { display: block; width:100%;  }

.footerhmenu h5 a { color: var(--col1); }
footer {     padding-top: 100px; padding-bottom: 50px; }
.footermenu h3 { font-size: larger;  	line-height:30px; }

.footermenu [class*='col-']>h5 {
	font-weight: lighter;
	font-style: italic;
	color: var(--col1);
	margin: 0px;
	width: 100%;
	display: block;
	font-size: 15px;
}

.footermenu [class*='col-']>h5:first-child { 
    font-weight: lighter;
    font-style: italic;
    color: var(--col1);
    margin: 15px 0 30px;
    width: 100%;
    display: block;
    font-size: 15px;
}

.footermenu a { display: block; width:100%; line-height:30px;  }

.footerline { font-size: 13px;
    margin-top: 20px;
    border-top: 1px solid #333;
    padding-top: 15px; }

/*********** MENU **************/
	#menu { background:#000; position:fixed; width:70px; height:100vh; display:block; top:0; left:0; 	  -webkit-transition: width .35s;
	  transition:  width .35s; z-index:100;}
	#menu.open { width:100%; background:transparent; pointer-events: none; }
	.menulogo { width:50px;  position: fixed;top: 50%;left:9px; -webkit-transition: all .35s ease;
		transition: all .35s ease; opacity:1; visibility:visible;}
	.button_container {
		position: fixed;
		top: 30px;
		left: 4px;
		right:auto;
		height: 47px;
		width: 60px;
		cursor: pointer;
		z-index: 100;
		text-align: center;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
	}
	.button_container:after {
		content:"menu";
		position: fixed;
		top: 67px;
		left: 12px;
		right:auto;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 4px;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
	}
	.button_container span {
		background: #fff;
		border: none;
		height: 1px;
		width: 80%;
		position: absolute;
		top: 11px;
		left: 6px;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.button_container span:nth-of-type(2) {
		top: 21px;
	}
	.button_container span:nth-of-type(3) {
		top: 32px;
	}

	.button_container.active .top {
		-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
		transform: translateY(11px) translateX(0) rotate(45deg);
		background: var(--col1);
	}
	.button_container.active .middle {
		opacity: 0;
		background: var(--col1);
	}
	.button_container.active .bottom {
		-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
		transform: translateY(-11px) translateX(0) rotate(-45deg);
		background: var(--col1);
	}


	.button_container.active { right:5%;     left: auto;     pointer-events: auto; }
	.button_container.active:after { right:5%;     left: auto; content:"Close";     pointer-events: auto;     margin-top: 6px; }
	#menu.open .menulogo { opacity:0; visibility:hidden; }
	.socials {
		white-space: nowrap;
		position: fixed;
		left: 13px;
		bottom: 30px;
		writing-mode: vertical-rl;
		/*transform: rotate(180deg);*/
		font-size: 14px; -webkit-transition: all .35s ease;
		transition: all .35s ease; opacity:1; visibility:visible;  }

       
	.socialmenu2 a { margin-right:20px; font-size: 20px;}
	.socialmenu2 a:last-child { margin-right:0px; }
	#menu.open .socials { opacity:0; visibility:hidden; }

	.darkbg {
	  position: fixed;
	  background:#000;
	  top: 0;
	  left: 0;
	  width: 0%;
	  height: 100%;

	  -webkit-transition: opacity .35s, visibility .35s, width .35s;
	  transition: opacity .35s, visibility .35s, width .35s;
	  overflow: hidden;
	  transition-delay: 0s;
	}
	.darkbg.open {
		width: 100%;
		height: 100%;
		overflow:hidden;
		z-index: 8;
		transition-delay: 0.3s;
	}


	.darkbg2 {
	  position: fixed;
	  background:var(--col1);
	  top: 0;
	  left: 0;
	  width: 0%;
	  height: 100%;

	  -webkit-transition: opacity .35s, visibility .35s, width .35s;
	  transition: opacity .35s, visibility .35s, width .35s;
	  overflow: hidden;
	}
	.darkbg2.open {
		width: 100%;
		height: 100%;
		overflow:hidden;
		z-index: 7;
	}

	.overlay {
		display:none;
	  position: fixed;
	  background: transparent;
	  top: 0;
		left: 0;
	   width: 100%;
	  height: 100%;
	  opacity:0;
	  visibility:hidden;
	  -webkit-transition: opacity 0s, visibility 0s, width .65s;
	  transition: opacity 0s, visibility 0s, width .65s;
	  overflow: hidden;
	 overflow-y: auto !important;
	 transition-delay: 0s;
	}
	.overlay.open {
		display:block;
	  width: 100%;
	  height: 100%;
	   opacity:1;
	  visibility:visible;
	  overflow:hidden;
	  z-index: 9;
	   -webkit-transition: opacity 1.35s, visibility 1.35s, width .65s;
	  transition: opacity 1.35s, visibility 1.35s, width .65s;
	  transition-delay: 0.3s;
	  
	}
	.overlay.open li {
	  -webkit-animation: fadeInRight .5s ease forwards;
			  animation: fadeInRight .5s ease forwards;
	  -webkit-animation-delay: .35s;
			  animation-delay: .35s;
	}
	.overlay.open li:nth-of-type(2) {
	  -webkit-animation-delay: .40s;
			  animation-delay: .40s;
	}
	.overlay.open li:nth-of-type(3) {
	  -webkit-animation-delay: .45s;
			  animation-delay: .45s;
	}
	.overlay.open li:nth-of-type(4) {
	  -webkit-animation-delay: .50s;
			  animation-delay: .50s;
	}
	.overlay.open li:nth-of-type(5) {
	  -webkit-animation-delay: .55s;
			  animation-delay: .55s;
	}
	.overlay.open li:nth-of-type(6) {
	  -webkit-animation-delay: .60s;
			  animation-delay: .60s;
	}



	
	.overlayvideo {
		display:none;
	  position: fixed;
	  background: transparent;
	  top: 0;
		left: 0;
	   width: 100%;
	  height: 100%;
	  opacity:0;
	  visibility:hidden;
	  -webkit-transition: opacity 0s, visibility 0s, width .65s;
	  transition: opacity 0s, visibility 0s, width .65s;
	  overflow: hidden;
	 overflow-y: auto !important;
	 transition-delay: 0s;
	}
	.overlayvideo.open {
		display:block;
	  width: 100%;
	  height: 100%;
	   opacity:1;
	  visibility:visible;
	  overflow:hidden;
	  z-index: 9;
	   -webkit-transition: opacity 1.35s, visibility 1.35s, width .65s;
	  transition: opacity 1.35s, visibility 1.35s, width .65s;
	  transition-delay: 0.3s;
	  background: #fff;
	}
	.overlayvideo.open .videos {
		display:none;
	  -webkit-animation: fadeInRight .5s ease forwards;
			  animation: fadeInRight .5s ease forwards;
	  -webkit-animation-delay: .35s;
			  animation-delay: .35s;
	}


	.menulogopen { 
		top: 30px;
		left: 5%;
		position: absolute;
		max-width: 300px;
		}

	.contentmenu { 
		/*top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		position: absolute;*/
		width: 100%;
	    padding: 5%;
		text-align:left;
		}
	.contentmenu h5, .contentmenu2 h5 { 
		font-weight: lighter;
		font-style: italic;
		color: var(--col1) !important;
		margin-bottom: 30px;
		width: 100%;
		display: block;
		}
	.contentmenu  a { 
		margin-bottom: 15px;
		width: 100%;
		display: block;
		    font-size: 20px;
		}

	.menucontent { display: flex;
    flex-direction: column;
    justify-content: space-between;
        max-height: 100vh; height: 100vh;}

	.contentmenu2 { 
		/*top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		position: absolute;*/
		width: 100%;
	   padding: 50px 5%;
		font-size:18px; font-weight:lighter;
		}
	 .contentmenu2 h5 {  margin:0; }
	.lingue { font-size:18px; padding-right:200px; }
	.bordereb { border-bottom:1px solid #666; padding-bottom:5px;}


	
#menu .socials a { color:#fff !important;      margin-bottom: 15px; font-size: 22px;}
#menu .socials a:hover { color: var(--col1) !important; }


/* MENU interactive image */
.menu-item .pi-item-image {
		display: none;
	}
.pi-item-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	margin: 0;
}
@media (min-width: 1025px) {
	.menu-item .pi-item-image {
		display: none;
	}
}
@media (max-width: 1024px) {
	.pi-item-image {
		overflow: hidden;
	}
	.pi-item-image::before {
		position: absolute;
		display: block;
		content: "";
		top: -1px;
		left: -1px;
		bottom: -1px;
		right: -1px;
		background-color: #040404;
		opacity: .7;
	}
}
.pi-item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0;
}
#magic-cursor.menu-item-hover-on {
	z-index:8 !important; 
}
#magic-cursor.menu-item-hover-on #ball {
	overflow: hidden;
	border: none !important;
	border-radius: 0%;
}
a .pi-item-title {    font-weight: bold; text-transform:uppercase; color:#fff !Important;  }
a:hover .pi-item-title { color:#fff !Important;   } 




#sez13 { font-size: 16px; line-height: 20px; }
#sez13 .arrowd { max-width: 45px; }
#sez13 .foto {  margin-bottom:10px; }



a.selector.activez {    
	padding-bottom: 5px;
    border-bottom: 2px solid var(--col1);
	}



	.hystorytit { position: absolute;
		top: 7%;
		left: 50%;
		transform: translateX(-50%); }

/* NEWS */

.newsitem { position:relative;     margin-bottom: 35px; }
.newsitem a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
	    color: rgb(53 171 82 / 50%) !important;
	}

.newsitem .picture {  max-width: 30%; aspect-ratio: 1 / 1;   position: relative; overflow:hidden;     border: 2px solid #fff; }
.newsitem .picture img {  position: absolute; height: 100%; width: 100%; object-fit: cover; transition: all 2.6s; }
.newsitem figcaption { margin-left: 40%; position: absolute;  top: 0; }
.newsitem figcaption .title { font-weight:bold; text-transform:uppercase;     margin-bottom: 5px; }
.newsitem figcaption  .testo {
		  overflow: hidden;
		  display: -webkit-box;
		  -webkit-line-clamp: 2;
		  -webkit-box-orient: vertical;  
		  text-overflow: ellipsis;
		  font-size: 17px; margin-bottom: 10px; 
		}
.newsitem figcaption  .data {	    font-size: 14px; }
.newsitem figcaption  .readmore { font-size: 15px;
   
    display: block;
	position:relative;
    /*border-bottom: 1px solid #ccc;  float: right;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 10px; }
/*.newsitem:hover .picture img:first-child { transform: scale(1.2); } */

.newsitem .garrow { margin-top: 0px;}

.gallery .newsitem .picture {  max-width: 100%; aspect-ratio: 1 / 1;   position: relative; overflow:hidden;     border: 0px solid #fff; } 
.gallery .newsitem .picture img { left: 0; }

@media (min-width: 1200px) { 
	.newsitem.large figcaption {
		top: 50%;
		transform: translateY(-50%);
	}
}


@media (max-width: 500px) { 
	.newsitem .picture { max-width: 100%; }
	.newsitem figcaption { margin-left: 0%; position: relative; margin-top: 5px; }
}

.gonews { margin:0 auto; font-weight:bold;     font-size: larger; display:block; }
.gonews .arrowd  {     max-width: 45px; margin-bottom: 5px; margin-top:30px; }


.newsitem2 { position:relative;     margin-bottom: 35px; }
.newsitem2 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
	}

.newsitem2 .picture {  max-width: 65%;  /*max-height: 250px; */  aspect-ratio: 2 / 1.5;  position: relative; overflow:hidden;      }


a.newsitem2 { opacity:1; }


.newsitem2 .picture img {  position: absolute; height: 100%; width: 100%; object-fit: contain;  transition: all 2.6s; opacity:0;}
.newsitem2:hover .picture img { transform: scale(0.8); opacity:0.5; } 

.newsitem2 .picture img:first-child {  position: absolute; height: 100%; width: 100%; object-fit: cover;  transition: all 2.6s; opacity:1}
.newsitem2:hover .picture img:first-child { transform: scale(1.2); opacity:0.6;} 




@media (max-width: 500px) { 
	.newsitem2 .picture { max-width: 100%; }
}



.productplus .newsitem2 .picture {  max-width: 100%; }
.plusinside { padding:10% 15%; }
.plusinside .garrow {  width:100%; text-align:right; position:relative; }
.plusinside .garrow img{   position:absolute; right:0; }
.productplus .titolo b{ color:var(--col1); font-size: xxx-large;  font-family: 'Roboto' , sans-serif;
    font-weight: 900;
    font-style: normal;
	letter-spacing: -1px;
	line-height: 100%;}


.plusbox2 { min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;  }

#back-to-top {
	position:absolute;
    display: block;
    z-index: 7;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    line-height: 45px;
    background-color: rgb(0 0 0 / 60%);
    border-radius: 50%;
	border:1px solid rgb(255 255 255 / 10%);
    /*-webkit-box-shadow: 0px 1px 4px 0px rgb(154 161 171 / 40%);
    box-shadow: 0px 1px 4px 0px rgb(154 161 171 / 40%);
	*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
}
#back-to-top:hover { background-color: rgb(0 0 0 / 100%); }



.home:not(.is-mobile) #back-to-top {  transform: rotate(270deg); }


#body:not(.home) .scroll-content {
	width: calc( 100% - 70px);
    margin-left: 70px;
}


.is-960 .panel:not(.cover) { min-height: auto !important; height: auto !important; padding-top:10vh; padding-bottom:10vh;}

.is-960 .panel.cover { min-height: 100vh !important; height: 100vh !important; padding-top:0vh; padding-bottom:0vh;}


.prodlink { margin-top:15px; display:block; float:right; text-align:center; font-weight:bold; }
.prodlink small{   display:block; margin-top:5px;  font-size: 14px; }
.prodlink img{     max-width: 40px; }

.prodlink:hover * { color: var(--col1) !important; }
.prodlink2 {  float:none; ; }
.nextprev {     font-size: x-large; font-weight: bolder; }
.nextprev img {    max-width: 60px; }

.fullimg img {
    width: 100%;
}



@media (max-width: 991.98px) { 
 .opacitymd05 {
	background: rgba(255,255,255,0.5);
 }
  .opacitymd07 {
	background: rgba(255,255,255,0.7);
 }
}





.history { font-size:20px ; margin:0 auto 50px; }



.contattiround {  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); max-width:27%; text-align:center; }
.hrotate-bg2 {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
}


.plushead {     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center;
    mix-blend-mode: lighten; }


.plushead	img {     width: 32vh; }
.imgfit img {     object-fit: cover;
    width: 100%;
    height: 100%; }

.bigf * {
    font-size: calc(60% + 1vmin);
}

.gray .bgreen, .black .bgreen{ color:#fff; }
.white.bgreen {
	color: #000;
}

.bgreen { color:var(--col3); }
.plustitle { color:var(--col3); font-size: calc(60% + 5.5vmin); }

.plustitle b, .plustitle strong, .bgreen b, .bgreen strong { color:var(--col1); }


.tt-section {
    position: relative;
    padding: 80px 0;
}
body.tt-boxed .tt-wrap {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.tt-section-inner {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
.tt-image {
    overflow: hidden;
}



/*
figcaption {
    position: absolute;
    right: 5%;
    bottom: 5%;
    background-color: rgba(0, 0, 0, 0.7);
}
figcaption {
    position: relative;
    max-width: 600px;
    padding: 15px;
    font-size: 14px;
    font-style: italic;
    color: #FFF;
    z-index: 9;
    opacity: .8;
}
*/

.anim-image-parallax {
	transform: scale(1.2);
	transform-origin: 50% 100%;
}


/*--------------------------------------------------
	FORMS
---------------------------------------------------*/
.contmsg  { padding:10px;     font-size: 15px; margin-top: 10px; }
label {   font-size: 20px; text-align: start; }
.form-control { 
	border-radius: 0;
    border: 0;
    border-bottom: 1px solid #999;
    margin-bottom: 60px;
	text-align: start;
	}
.field-inner {  text-align: start !important; }
textarea.form-control,  .dark .white textarea.form-control {
	background-image: linear-gradient(white, white 10px, #999 10px, #999 11px, white 11px) !important;
    background-size: 100% 75px !important;
    line-height: 4.2 !important;
    overflow-x: hidden;
    height: 210px;
    background-position: 100px -25px !important;
	}
form button {    
    border: 1px solid #000 !important;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 40px;
	}
form button:hover {    
    border: 1px solid #555  !important;
    color: #555 !important;
	}

.dark .white a:hover, .white a:hover { color:#000; }
.dark .form-control { 
	color:#FFF; 
	background:transparent;
	border-bottom: 1px solid #555;

	}
.dark textarea.form-control {
	background-image: linear-gradient(#000, #000 10px, #555 10px, #555 11px, #000 11px) !important;
	}
.dark button:hover { 
	background: transparent;
	border: 1px solid #ccc;
    color: #FFF;
	}



.parallax-bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
}

.fulldivpar {  height:140vh; width:100%; display:block;overflow: hidden; }

.fulldivpar .parallax-bg {  height:140vh; width:100%;     }

@media (max-width: 767.98px) {
 .fulldivpar {  height:100vh;  display:block; }
 .fulldivpar .parallax-bg {  height:100vh;  }
}


.datap { display:none; visibility:hidden; }

.datap.activep { display:block;  visibility:visible; }










/* ------------------------------------------------------------- *
 * Magic cursor
/* ------------------------------------------------------------- */

#magic-cursor {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
}
body.magic-cursor #magic-cursor {
	display: block;
}

#ball {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	pointer-events: none;
	border-style: solid;
	border-color: #aaa;
	border-radius: 50%;
	/* Note: border width handled through JS */
}


#magic-cursor {
	  position: absolute;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:1000000;
	}
	
	#ball {
		position: fixed;
		display: block;
		left: 0;
		top: 0;
		transform: translate(-50%, -50%);
		width: 25px;
		height: 25px;
		border: 2px solid #aaa;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
	
	}

/* Ball view 
============= */
#ball .ball-view {
	position: absolute;
	opacity: 0;
	text-align:center;
	visibility: hidden;
	padding: 0 5px;
	font-size: 16px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight: 500;
	color: #FFF;
	line-height: 90px;
	text-align: center;
	transform: scale(0);
	width:100%;
	height:100%;

}

#ball .ball-view i {
	font-size: 19px;
}


/*
#ball .ball-view:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.625em;
    height: 2.625em;
    background: url(../img/zoom-icon.png) 0 0 no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}*/

/* Ball drag 
============= */
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: #ccc;
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
	
}
#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 100%;
	margin-top: 25px;
	font-size: 19px;
	color: #ccc;
	height: 10px;
	line-height: 10px;

	/* Font Awesome */
	font-family: "FontAwesome";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;

}
#ball .ball-drag::before {
	content: "\f104"; /* Font Awesome */
	left: 0;
	transform: translate3d(-20px, 0, 0);
	transition: all 0.25s;
}
#ball .ball-drag::after {
	content: "\f105"; /* Font Awesome */
	right: 0;
	transform: translate3d(20px, 0, 0);
	transition: all 0.25s;
}


/* Ball close 
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
	text-align: center;
}






@media screen and (min-width: 1200px) and (max-height: 799px) {
	body.home .container {
		transform: scale(0.8);
	}
}

@media (min-width: 2000px) and (min-height: 800px) {
	/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
	body.home .container {
		    transform: scale(1.3); /*max-width: 90%;*/
	}
	#sez9a .intro .container { max-width: 50% !important; }
	#sez11 .container {max-width: 30% !important;}

	#sez9 .intro .container {max-width: 60% !important;}
	#sez12 .container {
		max-width: 60% !important;
	}
}




.py-md-200 { padding:200px 0; }
.py-md-100 { padding:100px 0; }
.pt-md-200 { padding:200px 0 0 0; }
.pt-md-100 { padding:100px 0 0 0; }

@media (max-width: 1399.98px) {

}
@media (max-width: 1199.98px) {  

}
@media (max-width: 991.98px) { 

}
@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) { 
	.contattiround { max-width:95%; }
	.py-md-100 { padding:20px 0; }
	.py-md-200 { padding:60px 0; }
	.pt-md-100 { padding:20px 0 0 0; }
	.pt-md-200 { padding:60px 0 0 0; }

	h1 { font-size: 1.8em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
	h5 { font-size: 1.0em; }
	h6 { font-size: 0.8em; }

	.plusinside { padding: 15% 10% 5%; }

	.display-xs-0 { font-size: 2em !important; }

}




/* POI */
.cd-single-point {
	position: absolute;
	border-radius: 50%;
	list-style: none;
	font-size:0;
}

.cd-single-point>a {
	position: relative;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: inherit;
	background: rgba(53, 171, 82);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.cd-single-point>a::after,
.cd-single-point>a:before {
	/* rotating plus icon */
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.cd-single-point>a::after {
	height: 2px;
	width: 12px;
}

.cd-single-point>a::before {
	height: 12px;
	width: 2px;
}

.cd-single-point::after {
	/* this is used to create the pulse animation */
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: transparent;
	-webkit-animation: cd-pulse 2s infinite;
	-moz-animation: cd-pulse 2s infinite;
	animation: cd-pulse 2s infinite;
}


.cd-single-point.is-open>a {
	background-color: #475f74;
}

.cd-single-point.is-open>a::after,
.cd-single-point.is-open>a::before {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

.cd-single-point.is-open::after {
	/* remove pulse effect */
	display: none;
}

.cd-single-point.is-open .cd-more-info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}

@media (min-width: 768px) {
	.cd-single-point.is-open .cd-more-info {
		padding-right: 16px !important;
	}
}

.cd-single-point.visited>a {
	background-color: #475f74;
}

.cd-single-point.visited::after {
	/* pulse effect no more active on visited elements */
	display: none;
}

/*
@media only screen and (min-width: 600px) {
  .cd-single-point.is-open .cd-more-info.cd-left {
    right: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-right {
    left: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-top {
    bottom: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-bottom {
    top: 140%;
  }
}
*/
@-webkit-keyframes cd-pulse {
	0% {
		-webkit-transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	50% {
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	100% {
		-webkit-transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0);
	}
}

@-moz-keyframes cd-pulse {
	0% {
		-moz-transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	50% {
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	100% {
		-moz-transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0);
	}
}

@keyframes cd-pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	50% {
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0.8);
	}

	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6);
		transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(53, 171, 82, 0);
	}
}


.pgi-image-wrap.w { color:#000 !important;}


.bg-grey { background:#333; }



.pic11a { height: 100vh; }



/* ------------------------------------------------------------- *
 * MMOBILE
/* ------------------------------------------------------------- */


#body:not(.home).is-960 .scroll-content {
	width: 100%;
	margin-left: 0px;
}


/*
.is-960 .horizcontainer {
  overflow-y: auto;
  overflow-x: hidden;
  }

.is-960 .panel {
	width: 100% !important;
	overflow:hidden;
	}
.is-960 .container2 {
	width: 100%;
	display: block;
	overflow:hidden;
	}

.is-960 .horizcontainer {
  overscroll-behavior: none;
  width: 100%;
  height: auto;
  display: block;
  }
  
.is-960 #menu { 
	width: 100%;
    height: 70px;
	}

.is-960 .button_container {
	top: 10px;
    left: auto;
    right: 4px;
	}

.is-960 .button_container:after {
	top: 47px;
    left: auto;
    right: 9px;
	}
.is-960 .menulogo {
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
	}
.is-960 .socials { display:none; }

body.is-960 {  margin-top: 70px; }

.is-960 .panel:first-child {  min-height: calc(100vh - 70px); }

.is-960 .rarrow { transform: rotate(90deg); }

.is-960 #sez6 { flex-direction: column !important;  padding-top:0;}
.is-960 .megatitle {
    font-size: calc(60% + 5vmin);
    position: relative;
    left: 0;
    display: block;
}

.is-960 #sez7 {  padding-bottom: 0vh; }
.is-960 #sez7 .cont { width:100%; padding:10%;  }

.is-960 #sez8 { display:none;  }
.is-960 #sez9 { padding-top: 0vh; margin-top:-10vh;  }
.is-960 #sez9 .testo{ left:50%; margin-top:-70px  }
.is-960 #sez9 .rotate { margin-left:0 !important; }

.is-960 #sez9 .intro { position:relative; width:100%; margin-top:100%; }
*/

footer.black a {
	color: #fff !important;
}

footer.black a:hover {
	color: var(--col1) !important;
}

.menucontent h5 a,
footer.black h5 a {
	color: var(--col1) !important;
}

.menucontent h5 a:hover,
footer.black h5 a:hover {
	color: #fff !important;
}


#sez3b h1 {
	margin:0;
}


#sez3b a {
	color: var(--col1);
}

#sez3b a:hover {
	color: var(--col1);
}



.video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}

.video iframe,
.video object,
.video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


.overlayvideo .videos .div {
	height: calc(100vh - 100px);
	min-height: calc(100vh - 100px);
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.videoov {
	/*max-height: 600px;*/
	height: calc(100vh - 200px);
	width: auto;
	max-width: 100%;
}

.videoov2 {
	height: auto;
	width: 100%;
	max-width: 100%;
}

.medistoremenu {
	position: absolute;
	bottom: 5%;
	width: 100%;
}

.medistoremenu a.tpro { color:#000 !important; }
.medistoremenu a.tpro span {
	color: #000 !important;
}
.medistoremenu a.tpro:hover { opacity: 1 !important;}
.medistoremenu a.tpro:hover span {
	color: var(--col1) !important;
}



#sez11>.container {
	margin-top: 30vh;
}


.container13 { padding:2%; }
#sez13 .blocktext  { z-index: 1;
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	}
	

.box13	{ display: flex;
		flex-direction: column;
		justify-content: space-between; padding:2%; height:100%; }
.box13 a { color: var(--col1);
	letter-spacing: 4px;
	margin-top: 10px;
	display: inline-block; }
.box13 a:hover {
	color: #fff;
}
.imgs13 {
	max-width: 90%;
	margin: -15% auto 0;
	/*margin-top: -20%;*/
}

.imgs13b {
	max-width: 90%;
	margin: 0 auto -15%;
	/*margin-bottom: -20%;*/
}

.view3dlink img{ max-width: 70px; }
a.view3dlink { font-size: 20px; color:#000 !important; line-height: 24px; display: block; }
a.view3dlink span { color: var(--col1) !important; }
a.view3dlink:hover{color: var(--col1) !important; }
.black a.view3dlink {
	color: #fff !important;
} 
a.linkscopri { 
	display: inline-block;
	text-align: center;
	color: #000 !important;
	font-weight: bold;
}
.black a.linkscopri {
	color: #FFF !important;
}
a.linkscopri:hover{
	color: var(--col1) !important;
}
a.linkscopri img { max-width: 40px; }

@media (max-width: 991px) {
	a.view3dlink {

		margin-bottom: -150px;
		margin-top: 50px;
	}
	.boxvievw3d{ display: block; margin-bottom: 150px !important; }
}

#modulihightbg { background-size: 60% !important; }
@media (min-width: 1600px) {
	#modulihightbg {
		background-size: 40% !important;
	}
}
@media (max-width: 1400px) { #modulihightbg { background-size: 50% !important;} }
@media (max-width: 768px) {
	#modulihightbg {
		background-image:none !important;
	}

	.backgroundhistory { background-image: none !important;}
}



.onlymobile {
	display: none;
}

.caricamentobg { min-height: 150vh;
	display: flex;
	align-items: center;}
.caricamentofoto {display:none; }


.optionaltitle { position: absolute; right:10%; bottom:30%; text-align: center; }
/* ------------------------------------------------------------- *
 * RESPONSIVE
/* ------------------------------------------------------------- */

@media (max-width: 1275px) { /*max-width: 1199px*/

	#sez2 { background: none !important;} 
	.hystorytit {
			position: relative;
			margin-top: 3%;
		}

	.pic11a {
		height: auto;
		max-width: 50%;
	}

	.pic9a {
		height: auto !important;
		max-width: 50% !important;
	} 
	#body:not(.home) .scroll-content {
		width: 100%;
		margin-left: 0px;
	}

	.horizcontainer {
		overflow-y: auto;
		overflow-x: hidden;
	}

	.panel {
		width: 100% !important;
		/*min-height: 100vh;*/
		overflow: hidden;
	}

	.panelc {
		display: block !important;
	}

	.panel2 {
		width: 100% !important;
		/*min-height: 100vh;*/
		overflow: hidden;
	}

	.medistoremenu {
		position: relative;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	.medistoremenu a {
		/*background: #000;*/
		display: block;
		margin-bottom: 10px;
	}


		.medistoremenu	a.selector.activez {
			padding-bottom: 5px;
			background: #ededed;
			border-bottom: 0; 
		}
	.onlymobile { display:block; }
				.hideonmobile {
					display: none;
				}
	.medistoremenusel { display:none; }
	.datap {
		text-align: center;
	}

	.container2 {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.horizcontainer {
		overscroll-behavior: none;
		width: 100%;
		height: auto;
		display: block;
	}

	#menu {
		width: 100%;
		height: 70px;
	}

	.button_container {
		top: 10px;
		left: auto;
		right: 4px;
	}

	.button_container:after {
		top: 47px;
		left: auto;
		right: 9px;
	}

	.menulogo {
		top: 5px;
		left: 50%;
		transform: translateX(-50%);
	}

	.socials {
		display: none;
	}

	body {
		margin-top: 70px;
	}

	.panel:first-child {
		min-height: calc(100vh - 70px);
	}

	.rarrow {
		transform: rotate(90deg);
	}

	.arrnorotate .rarrow {
		transform: rotate(0deg);
	}

	#sez2 { background: transparent; height: 100vh !important; }

	#sez3 { display: block ; padding: 0;}
	#sez3a {
	 	padding-top: 100px;
	 }
	#sez3b { padding-top: 100px;}
	#sez4 { height: 100vh !important; padding: 0; }
	
	.hometemp.hparallax-bgnz {
    z-index: -1 !important;
	}
	.hparallax-bgnz { z-index:1; }
	#sez6 {
		flex-direction: column !important;
		padding-top: 0;
	}

	.megatitle {
		font-size: calc(60% + 5vmin);
		position: relative;
		left: 0;
		display: block;
		text-align: center;
	}

	#sez5 {
		background: #fff;
	}

	#sez7 {
		padding-bottom: 0vh;
	}

	#sez7 .cont {
		width: 100%;
		padding: 10%;
	}

	#sez8 {
		display: none;
	}

	#sez9 {
		padding-top: 0vh;
		margin-top: 0vh;
		height:100vh !Important;
		background: #000;
		overflow: hidden;
	}

	#sez9 .testo {
		left: 50%;
		margin-top: -70px
	}

	#sez9 .rotate {
		margin-left: 0 !important;
	}

	#sez9 .intro {
		position: relative;
		width: 100%;
		margin-top: 100%;
	}

	.maskarrd {
		z-index: 0;
	}

	.maskup {
		z-index: 2;
	}

	#sez17 {
		display: none;
	}
	.box13 img { display: none;}

}

@media (max-width: 991px) {
	.caricamentobg {
		min-height: 100vh;
		display: flex;
		align-items: center;
	}
	.footermenu { display:none; }
	.footerlogo { width: 300px;}
}

@media (max-width: 767px) {

		.caricamentobg {
				min-height: auto;
				display: flex;
				align-items: center;
				padding:70px 0; 
			}


		.caricamentobg { background:transparent !important; }
		.caricamentofoto {display:block; }


	#sez11, #sez9a { flex-direction: column; }
		.pic11a {
			height: auto;
			max-width: 100%;
			position: relative;
			margin-top: 40vh;
		}

	.pic9a { height: auto !important; max-width: 100%; margin-bottom: 50px; }

	#sez3a .bgreeen.h4 { font-size: 18px !important;}

	.megatitle{  display:none;}

	#sez11	.garrow img {
		margin: 0 auto;
	}
	#sez11 > .container {
		margin-top:5vh;
		text-align: center;
	}
		.is-960 .panel:not(.cover)#sez11 {
			padding-bottom: 0vh;
		}


	#sez15 { padding-bottom: 0vh; flex-direction: column;}
	#sez16	{ padding-bottom: 5vh !important; padding-top: 0vh !important; flex-direction: column;}

	#sez15 .maskarrd,
	#sez16 .maskarrd {
		position: relative;
	}

	#sez15 .maskarrd {
		margin-top: -200px;
	}

	#sez16 .container {
		padding-top: 0 !important;
		margin-top: -100px;
		aspect-ratio: auto !important;
	}

	#sez15 .container {
		aspect-ratio: auto !important;
	}
	
	.navmenu {
		text-align: center;
	}

	.bordereb {
		border: 0;
	}

	.menulogopen {
		top: 15px;
		left: 5%;
		max-width: 50px;
	}

	.lingue {
		padding-right: 0px;
		text-align: center;
	}

	.bigf * {
		font-size: 18px;
	}
}

@media (max-width: 420px) {
	.menucontent {
		display: block;
		height: auto;
		margin-top: 80px;
	}

}

@media (max-width: 500px) {
	.optionaltitle img { display:none; }
	.plustitle {
		font-size: calc(60% + 5vmin);
	}

	.display-4 {
    	font-size: calc(1.475rem + 2vw) !important;
	}
	.display-8 {
    	font-size: calc(1.175rem + 0.5vw) !important;
	}

	.hrotate-bg {
		width: 210%; 
		height: 210vh;
	}
	#sez9 .testo { margin-top: -40px; }
	#sez9 h1 { font-size: 1.4em;}


	#sez18 .newsitem .picture { display:none; }
	#sez18 .newsitem figcaption .title {     color: var(--col1); }
	#sez18 .newsitem { margin-bottom: 0px;  padding-bottom: 35px;
    padding-top: 35px;
    border-bottom: 1px solid #333; }
	#sez18 .newsitem:first-child {   padding-top: 0px; }
}

@media (max-width: 500px) {
	.plustitle {
		font-size: calc(60% + 3.5vmin);
	}
}

.owl-carousel figure {
	margin: 0 !important;
}

.nodots .owl-dots { display:none; }
.nomarginh1 h1 { margin:0; }


#loading {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: block;
	text-align: center;
	z-index: 100;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.btnborder {
	padding: 8px 15px;
	border: 1px solid;
}

.medistoremenu a.tpro { font-size: 28px; }
.linkz>div {display: inline-block; padding: 0px 25px; }

.navmedist {width: 100%;font-size: 50px; position:relative;     height: 5px; }
.navmedist.nex { right: 0;position: absolute; }
.tprom { /* background: var(--col1);*/ opacity: 1 !important; line-height: 0; border: #ccc 1px solid; }
.tprom img { max-height: 50px; }
.tprom.nex{
	padding: 5px 15px 5px 20px;
	right: 0;
	position: absolute;
}
.tprom.pre {
	padding: 5px 20px 5px 15px;
	left: 0;
	position: absolute;
}
.tprom * { color: #fff !important; }


.form-control:focus {
    /*color: #212529;
    background-color: #fff;*/
    border-color: var(--col1);
    outline: 0;
    box-shadow:none;
}


.bigarrowheader { position: absolute; transform: translateY(-50%); width: 100%; }

body.editor .bigarrowheader { position: relative;     margin-bottom: -50vh; }
body.editor .bigspaceheader { display:none; }

/* ==============================================================*/
/* # GDPR */
/* ==============================================================*/
:root {
	--primary-color: #a7c104;
	--primary-p-color: #333;
	--primary-b-color: #f9f9f9;
	--primary-bg-color: #f9f9f9;
	--dark-grey-color: #111117;
	--secondary-p-color: #c0c3d0;
}

h4.gdpr-cookie-notice-modal-title,
h4.gdpr-cookie-notice-modal-cookie-title {
	font-family: 'Mulish', helvetica, arial, sans-serif !important;
}

h4.gdpr-cookie-notice-modal-cookie-title {
	font-weight: 700;
}

.remodal-cancel:active,
.remodal-cancel:hover {
	background: #84b239;
}

.remodal-cancel {
	border: 2px solid #84b239;
	color: #84b239;
}

.gdpr-cookie-notice {
	background: #FFF;
}

.gdpr-cookie-notice-description {
	color: #333;
}


body.tplplus .black .dark .form-control {
	color: #000 !important;
}
body.tplplus .black .dark .white .form-control {
	color: #000 !important;
}
.dark .white .form-control {
	color: #000 !important;
}

.guarda-video { text-transform: uppercase; font-size: 25px;margin-top: 8px; }


@media (min-width:1276px) {
	body:not(.home) #scroll-container {
		padding-left: 70px;
	}
}

hr.highspeedhr { height: 0px; border-bottom: 1px solid rgb(100 102 107); }


a.remodal-cancel { color:#000 !important; }
a.remodal-cancel:hover {color: #fff !important; }

#newspage a { text-decoration: underline ;}
#newspage a:hover {text-decoration: none;}


.lingueh {
	width: 50px;
	position: fixed;
	top: 15%;
	/*bottom: 30%;*/
	left: 9px;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	opacity: 1;
	visibility: visible;
	text-align: center;
}
.lingueh a,
.lingueh span {
	display: block;
	font-size: 14px;
	padding: 5px;
}
.lingueh a { color:#fff !important; }
.lingueh a:hover {
    color: var(--col1) !important;
}
@media (max-width: 1275px) { .lingueh { display:none; }}

.open .lingueh {
    opacity: 0;
    visibility: hidden;
}

 .socialmenu2hide,
 .socials {
     display: none;
 }

 
/* Cookiebot */
:root {
  --btn-bg: #35AB52; /* colore in linea con il sito in HEX */
  --btn-pad: 15px; /* modificare i valori in linea con i valori di padding dei bottoni di tutto il sito */
  --font-title: 15px;
  --font-p: 11px;
}

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredByText,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}
.CybotCookiebotDialog button {
  padding: var(--btn-pad) !important;
  background: var(--btn-bg) !important;
  border: none !important;
}
.CybotCookiebotDialogBodyButton {
  padding: var(--btn-pad) !important;
}
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: var(--btn-bg) !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #000 !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #000 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #000 !important;
  color: #000 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #999 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--btn-bg) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--btn-bg) !important;
}
#CookiebotWidget #CookiebotWidget-buttons button {
  border-radius: var(--btn-bor-rad) !important;
  border-color: var(--btn-bor-rad) !important;
}

@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog {
    left: 15% !important;
    top: 97% !important;
  }
  #CybotCookiebotDialog[data-template=overlay],
  #CybotCookiebotDialog[data-template=popup] {
    left: 55% !important;
    top: 67%!important;
    max-height: 60dvh !important;
  }
  #CybotCookiebotDialog.CybotEdge {
    max-width: 25vw !important;
    min-width: 25vw !important;
    max-height: 50dvh !important;
    padding: 16px !important;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
    flex-direction: column !important;
  }
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
    font-size: var(--font-p) !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    margin-left: 0 !important;
  }
  #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: column !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogBodyButtonsWrapper,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row !important;
  }
  .CybotCookiebotDialogBodyButton {
    height: 100% !important;
  }
  .CybotCookiebotDialogBodyButton:focus {
    outline: none !important;
  }
  #CybotCookiebotDialogBodyContent {
    overflow: auto !important;
    padding: 0 !important;
  }
  .CybotCookiebotScrollContainer {
    overflow: auto !important;
  }
  .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialogFooter {
    align-self: center !important;
    margin-top: 25px !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogFooter,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogFooter {
    margin-top: 15px !important;
  }
  .CybotCookiebotFader.active {
    opacity: 0 !important;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept {
    margin-top: 0.25rem !important;
  }
  #CybotCookiebotDialog[data-template=overlay] #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialog[data-template=popup] #CybotCookiebotDialogBodyButtonAccept {
    margin-top: 0 !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a::after {
    width: .463em !important;
    height: .463em !important;
    color: var(--btn-bg) !important;
    margin-left: 0.5em !important;
  }
  #CybotCookiebotDialog h2 {
    font-size: var(--font-title) !important;
    text-align: left !important;
  }
}