/* Portfolio Banner*/
	.portfolio-hero-banner {
	/* ---------------------------immagine di testata --------------*/
		background-color: #fff;
	background-image: url('../../../../../pagine/mother/iniziative/circeo/foto/circeo.jpg');
	width: 100%;
	height: 70%;
	background-position: center;
	background-size: cover;
	position: relative;
}
	
	.portfolio-hero-text {
		position: absolute;
		left: 0;
		top: 35%;             /*------------------------------------- Posizione del titolo a scostarsi dal top   -------------------------*/
		right: 0;
		text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.portfolio-hero-text h1 {
		color: #fff;		/*------------------------------------- colore della scritta del titolo    -------------------------*/
		text-transform: capitalize;
		font-weight: 700;
		font-size: 3em;
		letter-spacing:6px;
	}
	
	.portfolio-hero-text p {  /*------------------------------------- colore della scritta del sottotitolo    -------------------------*/
		font-size:1.5em;
		color: #fff;
	}
	
	.main-navigation.sticky {  /* -------------------------- sfumatura del Bannerino dei menu    -----------------------------------*/
		position: fixed;	   /*-------------------------da copiare dal sito : https://www.colorzilla.com/gradient-editor/#_ ----------*/
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 99;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#200c0e+1,706cb9+56,ffd646+100 */
			background: #200c0e; /* Old browsers */
			background: -moz-linear-gradient(top,  #200c0e 1%, #706cb9 56%, #ffd646 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #200c0e 1%,#706cb9 56%,#ffd646 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #200c0e 1%,#706cb9 56%,#ffd646 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#200c0e', endColorstr='#ffd646',GradientType=0 ); /* IE6-9 */
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8f9fc2+0,d2d7e5+65,bbbbbb+100 */
		box-shadow: 0px 0px 50px #60636242;
		-webkit-transition: all 1s ease 0s;
		transition: all 1s ease 0s;
		-webkit-animation: sticky 1s;
		animation: sticky 1s;
	}
	
	
	.main-menu ul li a {
		color: #fff;        	/*   ------------------- standard color shown   --------- */
		display: inline-block;
		text-transform: capitalize;
		font-size: 18px;
		line-height: 1;
		position: relative;
		font-weight: 700;
		padding: 40px 0;
		transition: .5s;
	}
	.main-menu ul li a:hover {
		/*	color: #505262;  */
	/*	color: #d00850;	  */
		color: #d5e619;	/* --------------------- merge with maps color on hover ----------- */
	}
	
	.main-menu ul li a:before {
		content: '';
		position: absolute;
		width: 0px;
		height: 3px;
	/*	background-color: #323657; */
	/*	background-color: #8c113d;  */
		background-color: #323657;  
		left: 0;
		top: 67%;
		-webkit-transition: .7s;
		transition: .7s;
		mix-blend-mode: multiply
	}
	
	.main-menu ul li a:after {
		content: '';
		position: absolute;
		width: 0px;
		height: 3px;
		background-color: #323657;
		right: 0;
		top: 67%;
		-webkit-transition: .7s;
		transition: .7s;
		mix-blend-mode: multiply;
		z-index: 999
	}
	
	.main-menu ul li a.current:before {
		content: '';
		position: absolute;
		width: 50%;
		height: 3px;
		background-color: #323657;
		left: 0;
		top: 67%;
		-webkit-transition: .7s;
		transition: .7s;
		mix-blend-mode: multiply;
	
	}
	
	.main-menu ul li a.current:after {
		content: '';
		position: absolute;
		width: 50%;
		height: 3px;
		background-color: #323657;
		right: 0;
		top: 67%;
		-webkit-transition: .7s;
		transition: .7s;
		mix-blend-mode: multiply;
		z-index: 9
	}
	/*  
	.main-menu ul li a.current { /*-------------------------------------------- selected menu item --------------*
		color: #6e000d;
	}
	
	
	*/
	.main-menu ul li a.current {
		color: #d5e619;
	}
	
	.main-menu ul li a:hover:before {
		width: 50%;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	
	.main-menu ul li a:hover:after {
		width: 50%;
		-webkit-transform: translateX(100%);
		transform: translateX(-100%)
	}
	
	.f-right {
		float: right;
	}
	
	.mean-container .mean-nav {
		margin-top: 0;
		background: rgba(50, 54, 87, 0.9);
	}
	
	.main-menu ul li i {
		margin-left: 5px
	}
	
	#mobile-menu {
		display: block;
	}
	
	/*2.2 Drop Down Menu CSS*/
	.main-menu ul li ul.dropdown {
		position: absolute;
		right: 0;
		top: 130%;
		width: 280px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 20px rgba(20, 20, 20, 0.1);
		box-shadow: 0px 0px 20px rgba(20, 20, 20, 0.1);
		border: solid 3px transparent;
		border-image: url('../style.css') 1;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .5s;
		transition: .5s;
		padding: 15px
	}
	
	ul.dropdown li a:before {
		position: absolute;
		content: '';
		background-color: transparent;
		height: 0;
		left: 0;
		top: 0;
		opacity: 0
	}
	
	ul.dropdown li a:after {
		position: absolute;
		content: '';
		background-color: transparent;
		height: 0;
		right: 0;
		top: 0;opacity: 0
	}
	
	.main-menu ul li:hover ul.dropdown {
		top: 106%;
		opacity: 1;
		visibility: visible
	}
	
	.main-menu ul li ul.dropdown li a:hover {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17cabb+1,d5e619+50 */
		background: #17cabb; /* Old browsers */
		background: -moz-linear-gradient(left,  #17cabb 1%, #d5e619 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #17cabb 1%,#d5e619 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #17cabb 1%,#d5e619 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17cabb', endColorstr='#d5e619',GradientType=1 ); /* IE6-9 */
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text
	}
	
	.main-menu ul li ul.dropdown li {
		display: block;
		margin-left: 15px
	}
	
	.main-menu ul li ul.dropdown li a {
		padding: 12px 0px;
		-webkit-transition: .5s;
		transition: .5s;
		position: relative;
		color: #646572;   
		font-weight: 600
	}