@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {  
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#24282b;  
  font-size:18px
}
html,body { 
	overflow-x:hidden;
}
h3 {font-weight: 400;}
h1,h2,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.strong {font-weight: 500;}
strong {font-weight: 600;}
.inter-bold {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.font-light { font-weight: 400;}
.text-orange,.orange {color:#F97036}
#nav-tab .active.text-dark {color:#F97036 !important}
.bg-orange {background-color:#F97036}
.bg-lightorange {background-color:#fde2d6}
.list-news .bg-lightorange {background-color:#fef0ea}
.btn { color:#24282b;  font-size:22px}
.btn.btn-sm { font-size:14px}
.bg-secondary-subtle {background-color:#f4f4f4 !important}

.cat1 {color:#f26522}
.cat4 {color:#395f88}
.cat3 {color:#437fc1}
.cat2 {color:#2fa57f}
.cat5 {color:#3a2f82}
.line1 {background-color:#f26522}
.line4 {background-color:#395f88}
.line3 {background-color:#447fc1}
.line2 {background-color:#2fa57f}
.line5 {background-color:#3a2f82}
.border1 {border-color:#f26522 !important}
.border4 {border-color:#395f88 !important}
.border3 {border-color:#447fc1 !important}
.border2 {border-color:#2fa57f !important}
.border5 {border-color:#3a2f82 !important}

.nav-link.active.border1 {
	background-color:#f26522;
	color:#FFF !important
}
.nav-link.active.border4 {
	background-color:#395f88;
	color:#FFF  !important
}
.nav-link.active.border3 {
	background-color:#447fc1;
	color:#FFF !important
}
.nav-link.active.border2 {
	background-color:#2fa57f;
	color:#FFF !important
}
.nav-link.active.border5 {
	background-color:#3a2f82;
	color:#FFF !important
}

.svgWhite {   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);	}
.svgOrange,.svgCat1 {	filter: brightness(0) saturate(100%) invert(46%) sepia(89%) saturate(1370%) hue-rotate(344deg) brightness(94%) contrast(98%);}
.svgCat2 {	filter: brightness(0) saturate(100%) invert(44%) sepia(96%) saturate(306%) hue-rotate(110deg) brightness(103%) contrast(87%);}
.svgCat3 {	filter: brightness(0) saturate(100%) invert(51%) sepia(9%) saturate(3117%) hue-rotate(171deg) brightness(89%) contrast(89%);}
.svgCat4 {	filter: brightness(0) saturate(100%) invert(35%) sepia(34%) saturate(656%) hue-rotate(170deg) brightness(94%) contrast(98%);}
.svgCat5 {	filter: brightness(0) saturate(100%) invert(22%) sepia(11%) saturate(5720%) hue-rotate(220deg) brightness(96%) contrast(102%);}

@media (max-width: 576px) {
	#homepage .svgWhite {   filter: brightness(0) saturate(100%) invert(46%) sepia(89%) saturate(1370%) hue-rotate(344deg) brightness(94%) contrast(98%);	}
	#homepage .bg-white {background-color:#fde2d6 !important}
	#homepage  .fs-1.inter-bold.text-white {color:#F97036 !important}
}
.modal-body video {
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
#mainMenu .navbar-brand {
	width:150px
}
@media (min-width: 576px) {
	#mainMenu .navbar-brand {
		width:250px
	}
}
.copertura .btn {
	font-size:20px;
	font-weight: 500;
	}
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    color:#F97036;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size:35px;
}
#back-to-top.show {    opacity: 1;}
.main-nav {    
  padding:0px 10px;
}

#mainMenu.fixed-top {position:absolute}

#mainMenu {
	padding-top:20px;
	padding-bottom:20px
}
.navbar-toggler-icon {
  display: inline-block;
  width: 55px;
  height: 17px;
  background-image: url("/assets/images/hamburger.svg") !important;
  background-repeat: no-repeat;
  background-position:center;
  background-size: contain;
}
.navbar-toggler-icon.dark {background-image: url("/assets/images/hamburger-dark.svg") !important;}

.video::after,.gradient::after {
	content:"";
	width:100%;
	height:30%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background: #000000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.ricerca .gradient::after,.media .gradient::after {
	background:none;
}
#homepage #cerca {
	/*margin-right: 9rem !important;*/
}

#cerca {
	display:none
}
@media (min-width: 768px) {
	#homepage #cerca {
		display:block;
		margin-right: 0px !important;
	}
}
@media (min-width: 992px) {
	#homepage #cerca {
		margin-right: 100px !important;
	}
}
@media (min-width: 1200px) {
	#homepage #cerca {
		margin-right: 200px !important;
	}
}
#cerca {
	padding:.5rem 1rem;
	background-color:rgba(255,255,255,.4);
}
#cerca .form-control {
	font-size:16px;
	border:0px;	
	position:relative;
	width:300px;
}
@media (min-width: 992px) {
	#cerca .form-control {
		width:400px;
		font-size:18px;
	}
}
#cerca .form-control::placeholder {	
	color:#FFF;
	text-align:center
}
#cerca.dark {background-color:rgba(0,0,0,.3);}
.select2-container--bootstrap-5 .select2-selection {
	background-color: transparent;
	border:0
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color:#FFF;
	text-align:center
}
.select2-results__group,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__group {
	font-size:18px;
	color:#F97036;
	padding-left:12px
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	font-size:16px
}
.offcanvas.offcanvas-end {
	width:100%;
	background-image:url(/assets/images/menu.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:contain;	
	box-shadow: 0 0 100px 15px inset rgba(255,255,255,.3);
}

@media (min-width: 768px) { 
	.offcanvas.offcanvas-end {	width:70%;	}
	.offcanvas-body {padding-left:30%}
 }

.text-bg-dark {	background-color:#000 !important}
#offcanvasNavbarDark .nav-link {	font-size:20px}
@media (min-width: 992px) { 
	#offcanvasNavbarDark .nav-link {	font-size:25px}
 }
@media (min-width: 1200px) { 
	#offcanvasNavbarDark .nav-link {	font-size:35px}
	#offcanvasNavbarDark .dropdown-item {	font-size:20px}
}
/*.offcanvas-backdrop.show {opacity:0}*/

#offcanvasNavbarDark .dropdown-toggle::after {display:none}
.dropdown-item:hover {background-color:transparent}

.dropdown-toggle[aria-expanded="true"] svg {
  transform:rotate(90deg);
  transition:all ease 0.5s;
}
.dropdown-toggle svg  {
  transition:all ease 0.5s;
  display:inline-block;
}
#menu-bottom .nav-item svg {
	width:20px;
	height:20px
}
#menu-bottom .nav-link {
	padding-top:0;
	padding-bottom:0;
}
	#menu-bottom {
		left:5px;
		bottom:5px
	}
	.fullvideo {
		right:5px;
		bottom:5px
	}
@media (min-width: 768px) { 
	#menu-bottom {
		left:60px;
		bottom:45px
	}
	.fullvideo {
		right:60px;
		bottom:45px
	}
}
.italy {
	width:100%;
	margin:0px auto
}
.italy::before {
	content:"";
	position:absolute;
	left:0;
	top:7px;
	width:50px;
	height:3px;
	background-color:#007d00
}
.italy::after {
	content:"";
	position:absolute;
	right:0;
	top:7px;
	width:50px;
	height:3px;
	background-color:#de0a07
}
@media (min-width: 768px) { 
	.italy {	width:400px;}
	.italy::before {		width:130px;	}
	.italy::after {		width:130px;	}
}
.line1,.line5 {
	width:40px;
}
.line2,.line3,.line4 {
	width:100%;
	height:40px
}
.pdt span {
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2;
	padding:0px 0px 10px 15px;
}
.pdt::before {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	position:absolute;
	z-index:1;
	left:0;
	top:0
}
.pdt {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	min-height:355px;
	width:100%;
}
#p1 {background-image:url(/assets/images/1.jpg);}
#p2 {background-image:url(/assets/images/2.jpg);}
#p3 {background-image:url(/assets/images/3.jpg);}
#p4 {background-image:url(/assets/images/4.jpg);	}
#p5 {background-image:url(/assets/images/5.jpg);min-height:403px;	}

@media (min-width: 1200px) {
	#p1 {min-height:297px;	}
	#p4,#p3 {min-height:355px;	}
	#p2 {min-height:511px;	}
	#p5 {min-height:148px;	}
}
#homepage .ambiente {
	background-image: url(/assets/images/sostenibilita-mobile.jpg);
	background-size: cover;
	background-position:50% 0 !important;
	background-repeat: no-repeat;
	position:relative;
	max-height:3000px;
	overflow:hidden;
	color:#FFF
}
@media (min-width: 768px) {
	#homepage .ambiente {
		background-image: none;
		color:#24282b
	}
}
.cerchi {
	width:70px;
	height:70px;
	line-height:70px;
	padding:0 5px
}
.aquatic .border,.copertura .border.border-3 {border-color:#F97036 !important}

.banner-contattaci {
  background-image: url(/assets/images/LATTE-VERNITES.jpg);
  background-size: cover;
  background-position:50% 0 !important;
  background-repeat: no-repeat;
  position: relative;
  height:400px
}
@media (min-width: 768px) {
	.banner-contattaci {background-attachment: fixed;}
	.mobile .banner-contattaci {background-attachment: unset;}
}
.banner-contattaci a { 
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%)
}
.nl {background-color:rgba(255,255,255,.25)}
#newsletterEmail {
	padding:.5rem 1rem;
	background-color:rgba(255,255,255,.5);
}
input.icon {
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  color:#FFF;
  font-size:30px;
  background-color:rgba(255,255,255,.5);
  padding:0 0.45rem 
}
#formContatti .icon,#frmProfilo .icon,#frmRegistrazione .icon,#loginForm .icon,#recuperapwd .icon,#webtint-esegui,#webtint-pdf {
	background-color:#F97036;
	color:#FFF
}

.error {color:#f33a4c}
.dotted::after {
	content:"";
	width:100%;
	height:10px;
	border-bottom:2px dotted #F97036;
	position:absolute;
	top:0;
	left:0
}

.gruppi:hover,.gruppi.on {
  fill: #f36e38;
  cursor:pointer
}
.copertura .bordo {
	border-left:2px dotted #F97036
}
.video-wd {width:100%}
@media (min-width: 768px) {
	.video-wd {width:75%}
}
/*
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}*/
#ModalVideo .btn-close {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
	opacity:1;
	position:absolute;
	top:40px;
	right:40px;
	z-index:10
}
.foto-testata {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	height:400px;
}
.testata,#catalogo,.categorie,.fadeMe {
			-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.foto-testata.categorie {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	/*height:500px*/
	height:350px
}
@media (min-width: 768px) {
	.foto-testata {	height:700px;}
	.foto-testata.categorie {height:500px}
}
.foto-testata#catalogo {	background-image: url(/assets/images/head-prodotti.png);}
.foto-testata#linea6 {	background-image: url(/content/images/catalogo/linea6.jpg);}
.foto-testata#linea7 {	background-image: url(/content/images/catalogo/linea1.jpg);}
.foto-testata#linea8 {	background-image: url(/content/images/catalogo/linea8.jpg);}
.foto-testata#linea9 {	background-image: url(/content/images/catalogo/linea9.jpg);}
.foto-testata#linea10 {	background-image: url(/content/images/catalogo/linea10.jpg);}
.foto-testata#linea11 {	background-image: url(/content/images/catalogo/linea11.jpg);}
.foto-testata#linea12 {	background-image: url(/content/images/catalogo/linea12.jpg);}
.foto-testata#linea13,.foto-testata#linea14 {	background-image: url(/content/images/catalogo/linea13.jpg);}
.foto-testata#linea15,.foto-testata#linea16,.foto-testata#linea17 {	background-image: url(/content/images/catalogo/linea15.jpg);}
.foto-testata#linea18 {	background-image: url(/content/images/catalogo/linea18.jpg);}
.foto-testata#linea19 {	background-image: url(/content/images/catalogo/linea19.jpg);}
.foto-testata#linea20 {	background-image: url(/content/images/catalogo/linea20.jpg);}
.foto-testata#linea21 {	background-image: url(/content/images/catalogo/linea21.jpg);}

.foto-testata.categorie h1 {
	z-index:2;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:50px;
	width:75%
}
@media (min-width: 768px) {
	.foto-testata.categorie h1 {width:auto}	
}
#anni .list-inline-item {margin-right:20px}
#anni .nav-link {color:#24282b}
#anni .nav-link.active {color:#F97036}

#background-video {
  /*height: 100vh;*/
	height:100%;
  width: 100vw;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.vision-video {
  background-image: url(/assets/images/mission-vision-Mobile.png);
  background-size: cover;
  background-position:50% 0 !important;
  background-repeat: no-repeat;
}
@media (min-width: 768px) { 
	.vision-video {
		max-height:1100px;
		overflow:hidden;
		position:relative;
		background-image:none;
	}
}
@media (min-width: 768px) {
	.vision {background-attachment: fixed;}
	.mobile .vision {background-attachment: unset;}
}
.mission {
	padding-top:100px;
	padding-bottom:100px
}
.ines {
	/*background-color:rgba(255,255,255,.3)*/
	color:#FFF !important
}
@media (min-width: 768px) {
	.ines {
		background-image: url(/assets/images/vision-ines.png);
	 	background-size: cover;
	    background-position:-500px top;
	    background-repeat: no-repeat;
        background-color:transparent;
		color:#24282b !important;  
	}
}
@media (min-width: 992px) {
	.ines {    background-position:-300px top;	}
}
@media (min-width: 1200px) {
	.ines {    background-position:-200px top;	}
}
@media (min-width: 1400px) {
	.ines {    background-position:left top;	}
}

.banner60 {
	background-image:url(/assets/images/VERNITES-194.jpg);
	background-size: cover;
	background-position:left top;
	background-repeat: no-repeat;
	padding-top:180px;
	padding-bottom:170px;
}
.ombra {text-shadow: 0px 0px 12px rgba(0,0,0,0.7);}
.numbers .display-1 {
	font-size:220px;
	font-weight:800;
	color:#fde2d6
}
#anni .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
#anni .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.legno {
		background-image: url(/assets/images/sperimentazione.jpg);
	 	background-size: cover;
	    background-position:left center;
	    background-repeat: no-repeat;      
}
.certificazioni {
		background-image: url(/assets/images/assistenza-tecnica.jpg);
	 	background-size: cover;
	    background-position:left center;
	    background-repeat: no-repeat;
}
.test {
		background-image: url(/assets/images/ricerca-scientifica.jpg);
	 	background-size: cover;
	    background-position:left top;
	    background-repeat: no-repeat;
}
.bg-opacity {background-color:rgba(244,244,244,.9)}
/*@media (min-width: 1200px) {
	.strumenti {
		display: inline-block;
		 position:relative;
   		 top:150px;
	}
}*/
.megafoto {
	background-image: url(/assets/images/foglie.jpg);
 	background-size: cover;
    background-position:left center;
    background-repeat: no-repeat;
	min-height:600px
}
.megafoto .bg-opacity {

	width:90%
}
@media (min-width: 1200px) {
	.megafoto {	min-height:1355px	}
	.megafoto .bg-opacity {		width:50%	}
}
.margini { margin-top:13px}
.note {font-size:12px}
.motto {
	background-image: url(/assets/images/virgolette.png);
    background-position:left center;
    background-repeat: no-repeat;
}
.video-container video {
	width: 100%;
	height: 160px;
	object-fit: cover;
}

@media (min-width: 576px) { .video-container video {height: 290px;} }
@media (min-width: 768px) { .video-container video {height: 360px;}}
@media (min-width: 992px) { .video-container video {height: 510px;} }
@media (min-width: 1200px) { .video-container video {height: 590px;} }
@media (min-width: 1400px) { .video-container video {height: 825px;} }
.nav-pills .nav-link.active,.menu-button.is-active {
	color:#FFF;
	background-color:#F97036
}
.nav-pills .nav-link.border {
	border:1px solid #F97036 !important
}
.nav-pills .nav-link:hover {color:#F97036}
.foto-pennello {
	width:150px;
	height:150px;
	text-align:center;
	line-height:150px
}
.ui-widget {
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#24282b;  
  font-size:16px
}
.ui-draggable, .ui-droppable {
	background-position: top;
}
.ui-autocomplete {
    max-height: 700px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	position:absolute;
	z-index:1040
}
.ui-autocomplete-category {
		font-weight: bold;
		padding: .2em .4em;
		margin: .8em 0 .2em;
		line-height: 1.5;
		color:#F97036;
		font-size:20px
}
@media (max-width: 768px) {#elenco.w-75 {width:100% !important} }

.myImg {
  cursor: pointer;
  transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modals {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modals-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
/* Add Animation */
.modals-content {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modals-content {
    width: 100%;
  }
}

@media (min-width:800px) and (max-width: 1200px) {
	.testata h1 {font-size:50px}
 }