/*
Theme Name: Master Profili 2025
Author: Neiko
Author URI: http://www.neiko.it/
Description: Neiko Responsive 2020 - aggiornamento 2025
Version: 2.0
License: GNU General Public License v2 or later
*/

/* 
	
Grigio scuro: #1a1a1a 
Grigio chiaro: #e6e6e6
Verde scuro: #005437
Verde chiaro: #00723f --> cambiato con #6ca638
Verde: #009753 --> cambiato con #6ca638

*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Roboto:wght@300;700&display=swap');

body {
	margin-top:150px;
}

@media (max-width: 991px) {
	
	body {
		margin-top:80px;
	}
	
}

.scrolled{
	transition:all ease 0.25s;
}

b,strong {
	font-weight:700;
}

.back-light{
	background-color:#eee;
	color:#1a1a1a;
}

.back-dark{
	background-color:#e6e6e6;
	color:#1a1a1a;
}

.back-white{
	background-color:#fff;
	color:#1a1a1a;
}

.back-grey{
	background-color:#262626;
	color:#fff;
}

.back-green{
	background-color:#6ca638;
	color:#fff;
}

.back-green-dark{
	background-color:#005437;
	color:#fff;
}

.blended-green{
	background-color:#6ca638;
	background-blend-mode:overlay;
}

.blended-green:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background: -moz-linear-gradient(top,  rgba(0,114,63,0.6) 0%, rgba(0,114,63,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,114,63,0.6) 0%,rgba(0,114,63,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,114,63,0.6) 0%,rgba(0,114,63,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9900723f', endColorstr='#6ca638',GradientType=0 );
}

.dark:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background-color: rgba(0, 0, 0, 0.8);
}

.dark{
	position:relative;
}

.light:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 );
}

.light{
	position:relative;
	color:#1a1a1a !important;
}

/* TYPO */

.text-light, .text-light p{
	opacity:0.6;
}

.text-light a:hover{
	opacity:1 !important;
}

p{
/* 	padding-top:10px; */
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}

h1, .h1, h2, .h2{
	font-family: 'Cormorant Garamond', serif;
	font-size: 5rem;
	line-height:5rem;
}


#contatti h1, #contatti h2, #master_speech h1, #master_speech h2{
	color:white;
}

/*

h2, .h2{
	padding-bottom:10px;
}
*/

h4, .h4{
	font-family: 'Cormorant Garamond', serif;
	font-size:3rem;
}

h5, .h5{
	font-family: 'Cormorant Garamond', serif;
	font-size:2rem;
}

.h6{
	margin:0;

	text-transform:uppercase;
	left:-20%;
	font-size:1.5rem;
	font-weight:700;
	position:absolute;
}

.h6:after{
	content:'';
	display:block;
	width:70px;
	height:1px;
	background-color:#fff;
	margin-top:20px;
}

.back-light .h6:after, .back-white .h6:after{
	background-color:#1a1a1a;
}

/* Landscape tablets and medium desktops */
@media (max-width: 1699px) {
	
	.h6{
		margin-bottom:50px;
		position:relative;
		left:auto;
		margin-left:8.33333333%;
	}
}

@media (max-width: 991px) {
	
	h1, .h1, h2, .h2{
		font-family: 'Cormorant Garamond', serif;
		font-size: 3.5rem;
		line-height:3.7rem;
	}
	
	h4, .h4{
		font-family: 'Cormorant Garamond', serif;
		font-size:1.7rem;
	}
	
	.h6{
		margin-left:auto;
	}
	
}


/* =========================================================
   HEADER – logo sopra, centrato / menu sotto, centrato
   ========================================================= */

header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #1a1a1a;
}

/* Altezza header */
header{
	height: 150px;
}

.scrolled header{
	height: 80px;
	transition: height 0.25s ease;
}

/* ---------------------------------------------------------
   NAVBAR BASE
--------------------------------------------------------- */

.navbar{
	min-height: 150px;
	border: none;
	margin: 0;
}

.scrolled .navbar{
	min-height: 80px;
}

/* container centrato e COLONNA */
.navbar .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-left: 15px;
	padding-right: 15px;
	height: 100%;
}

/* ---------------------------------------------------------
   LOGO
--------------------------------------------------------- */

.navbar-header{
	float: none;
	width: 100%;
	text-align: center;
	position: relative;
}

/* link logo */
a.logo{
	display: block;
	margin: 20px auto 10px;
}

/* immagine logo */
.logo img{
	display: block;
	margin: 0 auto;
	max-width: 250px;
	max-height: 70px;
	transition: all 0.25s ease;
}

/* shrink on scroll */
.scrolled .logo img{
	max-height: 40px;
	margin-top: 5px;
}

/* ---------------------------------------------------------
   MENU DESKTOP
--------------------------------------------------------- */

.main-navbar{
	width: 100%;
	text-align: center;
}

.navbar-nav{
	float: none;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

.navbar-nav > li > a{
	padding: 10px 15px;
	opacity: 0.7;
	border: 2px solid transparent;
	position: relative;
	transition: color 0.25s ease;
}

.navbar-nav > li > a:hover{
	color: #6ca638 !important;
	opacity: 1;
}


.navbar-default .navbar-nav > .active > a{
	color: #6ca638;
	opacity: 1;
}

/* hover border animation (la tua, ripulita) */
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	border:2px solid transparent;
	box-sizing: border-box;
}

.navbar-nav > li > a:before{
	top:0;
	left:0;
}

.navbar-nav > li > a:after{
	bottom:0;
	right:0;
}

.navbar-nav > li > a:hover:before{
	width:100%;
	height:100%;
	border-top:2px solid #6ca638;
	border-right:2px solid #6ca638;
	transition: width 0.25s ease, height 0.25s ease 0.25s;
}

.navbar-nav > li > a:hover:after{
	width:100%;
	height:100%;
	border-bottom:2px solid #6ca638;
	border-left:2px solid #6ca638;
	transition: width 0.25s ease, height 0.25s ease 0.25s;
}

/* ---------------------------------------------------------
   BURGER MENU
--------------------------------------------------------- */

.navbar-toggle{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 991px){

	/* -----------------------------------------------------
	   HEADER HEIGHT
	----------------------------------------------------- */

	header{
		height: 80px;
	}

	body{
		margin-top: 80px;
	}

	.navbar{
		min-height: 80px;
	}

	/* -----------------------------------------------------
	   RESET LAYOUT DESKTOP (niente flex su mobile)
	----------------------------------------------------- */

	.navbar .container{
		display: block;
		height: auto;
	}

	/* -----------------------------------------------------
	   LOGO (SINISTRA)
	----------------------------------------------------- */

	.navbar-header{
		float: none;
		width: auto;
	}

	a.logo{
		margin: 15px;
		display: block;
		position: static;
		transform: none;
	}

	.logo img{
		max-height: 50px;
		margin: 0;
	}

	/* -----------------------------------------------------
	   BURGER (DESTRA)
	----------------------------------------------------- */

	.navbar-toggle{
		float: right;
		margin: 18px 0 0;
		padding: 10px;
		border: none;
		background: transparent;
		position: relative;
		z-index: 1001;
	}

	.navbar-toggle .icon-bar{
		background-color: #fff;
		width: 22px;
		height: 2px;
	}

	.navbar-toggle .icon-bar + .icon-bar{
		margin-top: 6px;
	}

	.navbar-toggle:hover,
	.navbar-toggle:focus{
		background: transparent;
	}

	/* -----------------------------------------------------
	   COLLAPSE BOOTSTRAP (NON TOCCARE LA LOGICA)
	----------------------------------------------------- */

	.collapse{
		display: none;
	}

	.collapse.in{
		display: block;
	}

	.navbar-collapse{
		border-top: none;
		box-shadow: none;
		background-color: #1a1a1a;
		width: 100%;
	}

	/* -----------------------------------------------------
	   MENU MOBILE
	----------------------------------------------------- */

	.main-navbar{
		clear: both;
		text-align: center;
	}

	.navbar-nav{
		float: none;
		margin: 30px 0;
	}

	.navbar-nav > li{
		float: none;
	}

	.navbar-nav > li > a{
		font-size: 1.4rem;
		margin-bottom: 0px;
		padding: 15px 10px;
	}
	
	/* forza il toggle nel flow Bootstrap */
	.navbar-toggle{
		position: relative !important;
		float: right !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		margin: 25px 0 0 !important;
		z-index: 1001;
	}
	
	/* righe bianche (specificità Bootstrap-safe) */
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff !important;
		width: 22px;
		height: 2px;
	}
	
	.navbar-default .navbar-toggle .icon-bar + .icon-bar{
		margin-top: 6px;
	}
	
	/* BURGER MENU */
	
	#nav-icon .icon-bar{
		transition: transform 0.25s ease;
	}
	
	#nav-icon.active .icon-bar:nth-child(1){
		transform: translateY(4px) rotate(45deg);
	}
	
	#nav-icon.active .icon-bar:nth-child(2){
		transform: translateY(-4px) rotate(-45deg);
	}
}


/* =========================================================
   MOBILE – WPML language switcher exploded
   ========================================================= */

@media (max-width: 991px){
   
	   /* LI padre WPML */
	   li.menu-item-type-wpml_ls_menu_item{
		   text-align: center;
	   }
   
	   /* link principale (IT) non cliccabile */
	   li.menu-item-type-wpml_ls_menu_item > a{
		   cursor: pointer;
	   }
   
	   /* via caret */
	   li.menu-item-type-wpml_ls_menu_item .caret{
		   display: none !important;
	   }
   
	   /* UL delle lingue: sempre visibile */
	   li.menu-item-type-wpml_ls_menu_item > ul.dropdown-menu{
		   display: block !important;
		   position: static !important;
		   float: none;
		   background: transparent;
		   box-shadow: none;
		   margin: 0;
		   padding: 0;
		   text-align: center;
		   width: 100%;
		   border: none;
	   }
   
	   /* LI delle singole lingue */
	   li.menu-item-type-wpml_ls_menu_item > ul.dropdown-menu > li{
		   display: inline-block;
		   float: none;
		   margin: 0 12px;
	   }
   
	   /* link lingua */
	   li.menu-item-type-wpml_ls_menu_item > ul.dropdown-menu > li > a{
		   font-size: 1.4rem;
		   padding: 10px 15px;
		   text-transform: uppercase;
		   text-align: center;
	   }
   
	   /* lingua attiva */
	   li.wpml-ls-current-language > a,
	   li.menu-item-type-wpml_ls_menu_item
		 > ul.dropdown-menu
		 > li.wpml-ls-item > a{
		   opacity: 1;
	   }
	   
	   ul .wpml-ls-menu-item a{
		   display: block !important;
	   }
	   
	   .wpml-ls-current-language>a{
		   color: #FFF !important;
		   pointer-events: none;
		   cursor: none;
	   }
	   
	   .dropdown-menu>li>a:focus{
		   background: transparent;
	   }
	   
	   .dropdown-menu>li>a:focus:before{
		   width:100%;
		   height:100%;
		   border-top:2px solid #6ca638;
		   border-right:2px solid #6ca638;
		   transition: width 0.25s ease, height 0.25s ease 0.25s;
	   }
	   
	   .dropdown-menu>li>a:focus:after{
		   width:100%;
		   height:100%;
		   border-bottom:2px solid #6ca638;
		   border-left:2px solid #6ca638;
		   transition: width 0.25s ease, height 0.25s ease 0.25s;
	   }
	  
	   
}


/* FOOTER */

#back_to_top{
	display:block;
	position:fixed;
	top:auto;
	left:auto;
	right:50px;
	bottom:50px;
	z-index:999;
	transition:all ease 0.3s;
}

#back_to_top a{
	display:block;
	width:40px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	transition: all ease 0.3s;
}

#back_to_top a:hover{
	filter:invert(70%);
}

/* MINI MENU */

.mini_menu{
	position:fixed;
	height:60px;
	background-color: #262626;
	top:150px;
	left:0;
	width:100%;
	z-index: 100;
}

.scrolled .mini_menu{	top:120px; }

.mini_menu .item{
/* 	margin:8px 10px 8px 10px; */
	margin: 10px;
	padding:10px;
	border:1px solid transparent;
	opacity:0.6;
	text-transform: uppercase;
	font-size:1.3rem;
	font-weight:700;
}

.mini_menu .item:hover, .mini_menu .item.selected{
	border:1px solid #fff;
	opacity:1;
}

#master_speech .mini_menu{
	position:relative;
	height:60px;
	background-color: #262626;
	top:auto;
	left:0;
	width:100%;
	z-index: 100;
	transition:all ease 0.25s;
}

#master_speech .fixed.mini_menu{
	position:fixed;
	top:150px;
}

@media (max-width: 991px) {
	
	#master_speech .fixed.mini_menu{
		position:fixed;
		top:80px;
	}
	
	.mini_menu{
		top:80px;
	}
	
	.mini_menu .item{
		margin:10px;
		font-size:1.2rem;
	}
	
}

a.logo_footer, .logo_footer img{
	display: inline-block;
	margin-right: 15px;
}

/* ICONE */

.icon{
	max-height: 100px;
/* 	width:auto; */
	max-width:100px;
}

/* BUTTONS */

.btn{
	position:relative;
	text-transform:uppercase;
	transition:all ease 0.2s;
	font-size:1.6rem;
	z-index:2;
	overflow:hidden;
}

input#mc-embedded-subscribe.btn-primary:after, .btn-primary:after{
	content:'';
	position:absolute;
	top:37px;
	left:0;
	width:100%;
	height:100%;
	background-color:white;
	z-index:0;
	transition:all ease .25s;
}

input#mc-embedded-subscribe.btn-default:after, .btn-default:after{
	content:'';
	position:absolute;
	top:37px;
	left:0;
	width:100%;
	height:100%;
	background-color:#1a1a1a;
	z-index:0;
	transition:all ease .25s;
}

form .btn-default{
	color:white;
	border-color: white;
}



input#mc-embedded-subscribe.btn-default:hover, .btn-default:hover{
	color:white;
}

input#mc-embedded-subscribe.btn-primary:hover, .btn-primary:hover{
	color:#1a1a1a;
}

input#mc-embedded-subscribe.btn-default:hover:after, .btn-default:hover:after{
	top:0;
	z-index:-1;
}

input#mc-embedded-subscribe.btn-primary:hover:after, .btn-primary:hover:after{
	top:0;
	z-index:-1;
}

/* CONTENT */

.background{
	color:white;
	position:relative;
	width:100%;
	background-repeat:no-repeat;
	background-position:bottom center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.center.background{
	background-position:center center;
}

#slideshow{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    min-height: 100%;
}

.slide{
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:bottom center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

/* HOME */

#home-slideshow .scrollbottom{
	position:absolute;
	top:auto;
	bottom:2%;
	left:50%;
	transform:translatex(-50%);
	z-index:100;
	font-size:3rem;
}

#home-slideshow.background{
	width:100%;
	min-height:calc(100vh - 150px);
	background-repeat:no-repeat;
	background-position:bottom center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#home-slideshow .slide:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(top,  rgba(26,26,26,0.6) 0%, rgba(26,26,26,0.2) 100%);
	background: -webkit-linear-gradient(top,  rgba(26,26,26,0.6) 0%,rgba(26,26,26,0.2) 100%);
	background: linear-gradient(to bottom,  rgba(26,26,26,0.6) 0%,rgba(26,26,26,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#4d1a1a1a',GradientType=0 );
}

#home-slideshow .intro{
	position:absolute;
	top:15%;
	left:50%;
	transform:translate(-50%,-15%);
	color:#fff;
	opacity:1;
}

#home-slideshow .slide-close{
/*
	position:absolute;
	top:-60%;
	left:auto;
	right:-10%;
*/
	cursor:pointer;
	float:right;
	font-size:5rem;
	color:white;
	font-family: 'Cormorant Garamond', serif;
}

#home .background .fa-angle-down{
	font-size:3rem;
	color:white;
	position:absolute;
	top:auto;
	bottom:30px;
	left:50%;
	transform: translateX(-50%);
}

#next-section .item{
	min-height:calc(100vw / 3);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#next-section .item-text{
	position:absolute;
	left:20%;
	top:50%;
	max-width:60%;
	transform: translateY(-50%);
	color:white;
}

#certificazioni img{
	max-height:200px;
	max-width:300px;
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
	
	#home-slideshow.background{
		min-height:calc(100vh - 80px);
	}
	
	#home .background .scrollbottom{
		bottom:10%;
	}
	
}


@media (max-width: 767px) {
	
	#next-section .item{
		min-height:auto;
	}
	
	#next-section .item-text{
		position:relative;
		left:auto;
		top:auto;
		max-width:none;
		transform:none;
		color:white;
		padding-top:70px;
		padding-bottom:70px;
	}
	
	#certificazioni img{
		max-height:200px;
		max-width:200px;
	}
	
	#home-slideshow .intro{
		min-width:80%;
		position:absolute;
		top:30%;
		transform:translate(-50%, -30%);
	}
	
	#home-slideshow .slide-close{
		margin-right:15px;
/*
		position:absolute;
		top:0;
		margin-top:-70px;
		left:auto;
		right:5%;
*/
	}
	
}

/* AZIENDA */

#azienda #sezione_profilo.background{
	min-height:calc(130vh - 150px);
}


#azienda #sezione_profilo.background:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background: -moz-linear-gradient(top,  rgba(26,26,26,0.85) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(26,26,26,0.85) 0%,rgba(26,26,26,1) 100%);
	background: linear-gradient(to bottom,  rgba(26,26,26,0.85) 0%,rgba(26,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d1a1a1a', endColorstr='#1a1a1a',GradientType=0 );
}

/*
#sezione_4.background{
	overflow:hidden;
	min-height:500px;
}
*/

.box-container{
	min-height:1200px;
}

.box{
	position:absolute;
	display:block;
}

#azienda .box-content img{
	max-height:150px;
	mix-blend-mode:screen;
}

#a-0 img, #a-2 img, #a-4 img{
    mix-blend-mode: darken !important;
    filter: invert(1);
    opacity: 0.2;
}

#a-0{
	background-color:white;
	left:6%;
	top:8%;
}

#a-1{
	background-color:#e6e6e6;
	left:35%;
	top:0;
	z-index:1;
}

#a-1.box:before {
	content:'';
	position:absolute;
	top:80%;
	left:auto;
	right:-24px;
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #e6e6e6;
}

#a-1.box:after {
	content:'';
	position:absolute;
	top:65%;
	left:-1px;
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid white;
}		

#a-2{
	background-color:white;
	left:auto;
	right:2%;
	top:20%;
}

#a-3{
	background-color:#e6e6e6;
	left:40%;
	top:40%;
}

#a-3.box:after {
	content:'';
	position:absolute;
	top:-1px;
	left:auto;
	right:5%;
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid white;
}	

#a-4{
	background-color:white;
	left:11%;
	top:50%;
}

#a-4.box:after {
	content:'';
	position:absolute;
	top:15%;
	left:auto;
	right:-1px;
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-right: 25px solid #e6e6e6;
}	

#a-5{
	background-color:#e6e6e6;
	left:50%;
	transform:translateX(-50%);
	top:75%;
	z-index:1;
}

#a-5.box:before {
	content:'';
	position:absolute;
	top:-1px;
	left:10%;
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid white;
}

/*
#a-5.box:after {
	content:'';
	position:absolute;
	top:auto;
	bottom:-24px;
	left:50%;
	transform:translatex(-50%);
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #e6e6e6;
}	
*/

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.box-container{
		min-height:1150px;
	}
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.box-container{
		min-height:auto;
	}
	
	.box{
		position:relative;
		display:inline-block;
		min-height:370px;
		margin-bottom:30px;
	}
	
	.box:nth-child(even){
		margin-left:-30px;
	}
	
	.box:nth-child(odd){
		margin-left:15px;
	}
	
	#a-0{
		left:auto;
		top:auto;
		right:auto;
		z-index:6;
	}
	
	#a-0.box:after{
		content: '';
	    position: absolute;
	    top: 80%;
	    left: auto;
	    right: -24px;
	    width: 0;
	    height: 0;
	    border-top: 25px solid transparent;
	    border-bottom: 25px solid transparent;
	    border-left: 25px solid white;
	}
	
	#a-1{
		left:auto;
		top:auto;
		right:auto;
		z-index:5;
		margin-top:120px;
	}
	
	#a-1.box:before, #a-2.box:before, #a-3.box:before, #a-4.box:before, #a-5.box:before{
		display:none;
	}
	
	#a-1.box:after, #a-3.box:after{
		content: '';
	    position: absolute;
	    top: 80%;
	    left:-48px;
	    width: 0;
	    height: 0;
	    border-top: 25px solid transparent;
	    border-bottom: 25px solid transparent;
	    border-right: 25px solid #e6e6e6;
	}
	
	#a-2{
		left:auto;
		top:auto;
		right:auto;
		z-index:4;
		margin-top:-120px;
	}
	
	#a-2.box:after{
		content: '';
	    position: absolute;
	    top: 80%;
	    left: auto;
	    right: -24px;
	    width: 0;
	    height: 0;
	    border-top: 25px solid transparent;
	    border-bottom: 25px solid transparent;
	    border-left: 25px solid white;
	}
	
	#a-3{
		left:auto;
		top:auto;
		right:auto;
		z-index:3;
	}
	
	#a-4{
		left:auto;
		top:auto;
		right:auto;
		z-index:2;
		margin-top:-120px;
	}
	
	#a-4.box:after{
		content: '';
	    position: absolute;
	    top: 80%;
	    left: auto;
	    right: -48px;
	    width: 0;
	    height: 0;
	    border-top: 25px solid transparent;
	    border-bottom: 25px solid transparent;
	    border-left: 25px solid white;
	}
	
	#a-5{
		left:auto;
		top:auto;
		right:auto;
		z-index:1;
		transform:none;
		margin-bottom:-70px;
	}
	
/*
	#a-5.box:after{
		content: '';
	    position: absolute;
	    top: auto;
	    bottom:-24px;
	    left:50%;
	    transform:translateX(-50%);
	    width: 0;
	    height: 0;
	    border-left: 25px solid transparent;
	    border-right: 25px solid transparent;
	    border-top: 25px solid #e6e6e6;
	}
*/
		
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	#azienda #sezione_profilo .item{
		min-height:260px;
	}
	
	.box-container{
		min-height:auto;
	}
	
	.box{
		position:relative;
		display:inline-block;
		min-height:none;
	}
	
	#a-0{
		left:auto;
		top:auto;
	}	
	
	#a-1{
		left:auto;
		top:auto;
		margin-top:auto;
	}
	
	#a-1.box:before {
		display:none;
	}
		
	#a-1.box:after {
		content:'';
		position:absolute;
		top:-1px;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid white;
	}	
	
	#a-2{
		left:auto;
		top:auto;
		right:auto;
		margin-top:auto;
	}
	
	#a-2.box:before {
		display:none;
	}
		
	#a-2.box:after {
		content:'';
		position:absolute;
		top:-1px;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid #e6e6e6;
	}
	
	#a-3{
		left:auto;
		top:auto;
	}
	
	#a-3.box:before {
		display:none;
	}
	
	#a-3.box:after {
		content:'';
		position:absolute;
		top:-1px;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid white;
	}
	
	#a-4{
		left:auto;
		top:auto;
		margin-top:auto;
	}
	
	#a-4.box:before {
		display:none;
	}
	
	#a-4.box:after {
		content:'';
		position:absolute;
		top:-1px;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid #e6e6e6;
	}
	
	#a-5{
		left:auto;
		transform:none;
		top:auto;
		margin-bottom:auto;
	}
	
	#a-5.box:before {
		content:'';
		position:absolute;
		top:-1px;
		bottom:auto;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid white;
	}
	
/*
	#a-5.box:after {
		content:'';
		position:absolute;
		top:auto;
		bottom:-24px;
		left:50%;
		transform:translateX(-50%);
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 25px solid #e6e6e6;
	}
*/
	
}

/* PRODOTTI */

#prodotti .dark:before{
	background-color: rgba(0, 0, 0, 0.65);
}

#prodotti .background{
	min-height:360px;
	background-position:center center;
}

#prodotti .background:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background: -moz-linear-gradient(top,  rgba(26,26,26,0.75) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(26,26,26,0.75) 0%,rgba(26,26,26,1) 100%);
	background: linear-gradient(to bottom,  rgba(26,26,26,0.75) 0%,rgba(26,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d1a1a1a', endColorstr='#1a1a1a',GradientType=0 );
}

#prodotti .item {
/* 	cursor: url(images/cursor.svg), auto; */
	cursor:pointer;
}

#prodotti .item img{
	max-height:200px;
	filter: invert(90%);
	transition:all ease 0.7s;
}

#prodotti .item h4{
	min-height:100px;
	opacity:0.7;
}

#prodotti .item.selected h4, #prodotti .item:hover h4{
	opacity:1;
}

#prodotti .item:hover img{
	filter: invert(0%);
}

#prodotti .item.selected img{
	filter: invert(0%);
}

#prodotti .item.selected:after{
	content:'';
	position:absolute;
	top:auto;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #eee;
}

#prodotti .item.selected:hover:after{
	filter:none;
}

#prodotti .item-content{
	overflow:hidden;
}

#prodotti .item-content img{
	max-height:200px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	
	#prodotti .background{
		min-height:430px;
	}
	
}

/* MATERIALI */

#materiali .item img{
	max-height:150px;
	border-radius:50%;
	border:5px solid white !important;
	background-color:white;
}

/* CONTRACT */

#contract .pin{
	color:#fff;
	position:absolute;
	opacity:1;
	border:1px solid transparent;
	border-radius:20px;
}

#contract .pin:hover{
	opacity:1;
	border:1px solid white;
	transition: all ease 0.5s;
	background-color: rgba(0, 0, 0, 0.8);
}

#contract i{
	font-size:1.4rem;
}

#contract .pin .pin-content{
	display:none;
	max-width:300px;
	transition: all ease 5s;
	position:static;
	z-index:9999;
}

#contract .pin:hover .pin-content{
	display:block;
	transition: all ease 2s;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	#contract .pin:hover{
		opacity:1;
		border:1px solid transparent;
		transition: all ease 0.5s;
		background-color: rgba(0, 0, 0, 0.0);
	}
	
	#contract i{
		font-size:0.5rem;
		transform:translate(184%,-107%);
	}
}


/* CONTACT FORM NEWSLETTER */

#newsletter.dark:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background: -moz-linear-gradient(top,  rgba(38,38,38,0.8) 0%, rgba(38,38,38,1) 78%, rgba(38,38,38,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(38,38,38,0.8) 0%,rgba(38,38,38,1) 78%,rgba(38,38,38,1) 100%);
	background: linear-gradient(to bottom,  rgba(38,38,38,0.8) 0%,rgba(38,38,38,1) 78%,rgba(38,38,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc262626', endColorstr='#262626',GradientType=0 );
}

.privacy-check{
	font-weight:500;
	font-size:1.2rem;
	opacity:0.3;
}

.privacy-check:hover{
	opacity:0.7;
}

input#gdpr_13126{
	margin-left:0;
}

label.checkbox.subfield span{
	margin-left:20px;
}

input#mce-EMAIL{
	background-color:transparent;
	border-radius:0;
	box-shadow:none;
	min-height:36px;
	border:2px solid #333;
	margin-right:20px;
	margin-bottom:10px;
/* 	width:100%; */
}

input[type="submit"]:hover{
	transition:all ease 0.2s;
}

input[type="submit"]:hover{
	color:#1a1a1a;
	background-color:#fff;
}

.back-white input[type="submit"]:hover{
	color:#fff;
	background-color:#1a1a1a;
}

/* MASTER SPEECH */

#master_speech .logo img{
	opacity:0.25;
	transition:all ease 0.25s;
}

#master_speech .logo img:hover{
	opacity:1;
}

#master_speech .fixed#news{
	margin-top:160px;
}

#master_speech .grid{
	position:relative;
	display:block;
	height:100%;
}

#master_speech .grid-item{
	/* opacity:0.6; */
	opacity:1;
	transition:all ease 0.3s;
	position:relative;
}


#master_speech .grid-item:before{
	content:'';
	width:calc(100% - 10px);
	height:calc(100% + 20px);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
	opacity:1;
	background-color:#6ca638;
	z-index:-1;
	transition:all ease 0.5s;
}

#master_speech .grid-item:hover{
	opacity:1;
}

#master_speech .grid-item:hover:before{
	display:block;
}

.text-white{
	color: #FFF !important;
}

@media (max-width: 991px) {
	
	#master_speech .fixed#news{
/* 		margin-top:157px; */
		margin-top:0;
	}
	
	#master_speech .grid-item{
		opacity:1;
		transition:all ease 0.3s;
		position:relative;
	}
	
	#master_speech .grid-item:before{
		content:'';
		width:0;
		height:0;
		display:none;
	}
	
	#master_speech .grid-item:hover:before{
		display:none;
	}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	#master_speech .grid-item{
		margin-bottom:15px;
	}
	
	#news  .col-sm-text-right .back-grey{
		padding-left:15px;
	}
	
}

.otgs-development-site-front-end{
	display: none;
}



.area-section{
	padding: 15px;
	background-color: #fafafa;
	color:#1a1a1a;
	margin-top: 30px;
	border-radius: 3px;
}

.area-section h2{
	margin-top: 0;
	margin-bottom: 15px;
}

.area-download .file-list {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.area-download .file-list > li {
	margin: 0.15rem 0;
}

/* Accordion cartelle */
.area-download details.file-folder {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #fafafa;
	padding: 0.15rem 0.4rem;
	margin-bottom: 10px;
}

.area-download details.file-folder[open] {
	background: #fafafa;
}

.area-download details.file-folder > summary {
	cursor: pointer;
	list-style: none;
	padding: 0.15rem 0;
}

/* rimuove la freccia default e la sostituisce */
.area-download details.file-folder > summary::-webkit-details-marker {
	display: none;
}

.area-download details.file-folder > summary::before {
	content: "▸";
	display: inline-block;
	margin-right: 0.35rem;
	transform: translateY(-1px);
	transition: transform 0.15s ease;
}

.area-download details.file-folder[open] > summary::before {
	transform: rotate(90deg) translateY(-1px);
}

/* UL annidati dentro alle cartelle */
.area-download details.file-folder > .file-list {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	padding-left: 1rem;
}

/* File singoli */
.area-download .file-item > a {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.18rem 0.4rem;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
}

.area-download .file-item > a:hover {
	background: #1a1a1a;
	color: #fff;
}

.area-download .file-item .file-icon::before {
	content: "📄";
	font-size: 0.9rem;
}

.area-download .file-item .file-name {
	word-break: break-all; /* per nomi lunghi */
}