/*DESKTOP*/
@media only screen and (min-width: 651px){
	/* General styles for all menus */
	.cbp-spmenu {
		background: /*rgba(0,0,0,0.8);*/#041E23;
		position: fixed;
	z-index: 99999;
	padding-top: 10vh;
	}
	
	
	/* (1366x768) Display */
		@media  screen and (max-width: 1366px) {
	
			.cbp-spmenu {
		background: /*rgba(0,0,0,0.8);*/#041E23;
		position: fixed;
	z-index: 9;
	padding-top: 10vh;
	}
		}
	
	
	
		.real_menu{
			position: relative;
			background-color: #999;
		}
	
		.evi_menu{
			background-color: #555;
			color: #fff;
			margin-bottom: 10px;
		}
	
	
	
		.int_menu2{
			margin-bottom: 20px;
			background-color: #555;
			width: 100%;
		}
	
		.back_grey{
			background-color: #d1d1d1;
		}
	
	
		.int_menu2 h1{
			padding: 1.5vh 0 0 2.5vh;
			margin-bottom: 0;
			color: #999;
		font-size: 0.8vw;
		font-weight: 400;
		  text-transform: uppercase;
		}
	
	
	#cbp-spmenu-s1 .int_menu a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 0.7vw;
	
	}
	
	#cbp-spmenu-s1 .int_menu:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	#cbp-spmenu-s1 .int_menu2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 0.7vw;
	
	}
	#cbp-spmenu-s1 .int_menu2:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
		#cbp-spmenu-s2 .int_menu a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 0.7vw;
	
	}
	
	#cbp-spmenu-s2 .int_menu:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	#cbp-spmenu-s2 .int_menu2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 0.7vw;
	
	}
	#cbp-spmenu-s2 .int_menu2:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	
	.cbp-spmenu a {
		display: block;
		color: #fff;
		font-size: 0.8vw;
		font-weight: 400;
		margin-bottom: 1vh;
	  text-transform: uppercase;
	}
	
	
	
	.cbp-spmenu a:hover {
		background: #999;
		color: #fff;
	}
	
	.cbp-spmenu a:active {
	/*background: #D4DFEF;*/
	color: #999;
	}
	/* Orientation-dependent styles for the content of the menu */
	
	.cbp-spmenu-vertical {
		width: 15vw;
		height: 100%;
		top: 0;
		z-index: 9;
	
	}
		/* 	.click-first{
				background: #bcbcbc;
				color: #999;
				}
	
				.click-first a{
				color: #999;
				} */
	
	.bordmenu, #cbp-spmenu-s1 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.8vh 0 0.8vh 2.5vh;
	}
	
	.bordmenu, #cbp-spmenu-s2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.8vh 0 0.8vh 2.5vh;
	}
	
	.cbp-spmenu-horizontal {
		width: 20vw;
		height: 100%;
		top: 0;
		z-index: 9;
	}
	
	.cbp-spmenu-horizontal a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 1.5vh;
	}
	
	/* Vertical menu that slides from the left or right */
	
	.cbp-spmenu-left {
		left: -20vw;
	}
	
	.cbp-spmenu-right {
		right: -20vw;
	}
	
	.cbp-spmenu-left.cbp-spmenu-open {
		left: 0px;
	}
	
	.cbp-spmenu-right.cbp-spmenu-open {
		right: 0px;
	}
	
	
	/* Push classes applied to the body */
	
	.cbp-spmenu-push {
		overflow-x: hidden;
		position: relative;
		left: 0;
	}
	
	.cbp-spmenu-push-toright {
		left: 20vw;
	}
	
	.cbp-spmenu-push-toleft {
		left: -20vw;
	}
	
	/* Transitions */
	
	.cbp-spmenu,
	.cbp-spmenu-push {
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}
	
	}
	
	
	/*mobile*/
	@media only screen and (max-width: 650px){
	/* General styles for all menus */
	.cbp-spmenu {
		background: /*rgba(0,0,0,0.8);*/#333;
		position: fixed;
	z-index: 9;
	padding-top: 10%;
	}
	
			#open_realizzazioni{
				display: none;
			}
	
	
			.real_menu{
				position: relative;
				background-color: #999;
			}
	
			.real_menu::after{
				content: '';
				width: 2vw;
				height: 2vw;
				position: absolute;
				top:3vw;
				left:1.6vw;
				background-image: url(../images/plus.svg);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
				}
	
	
		.real_menu.active::after {
			content: '';
				width: 2vw;
				height: 2vw;
				position: absolute;
				top:3vw;
				left:1.6vw;
				background-image: url(../images/min_red.svg);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
		}
	
	
			.evi_menu{
				background-color: #555;
				margin-bottom: 10px;
			}
	
	
			.int_menu2{
				margin-bottom: 20px;
				background-color: #555;
				width: 100%;
			}
	
			.back_grey{
				background-color: #d1d1d1;
			}
	
	
	
			.int_menu2 h1{
				padding: 1.5vh 0 0 2.5vh;
				margin-bottom: 0;
				color: #999;
			font-size: 150%;
			font-weight: 400;
		  text-transform: uppercase;
			}
	
	
	
	#cbp-spmenu-s1 .int_menu a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 150%;
	
	}
	
	#cbp-spmenu-s1 .int_menu:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	#cbp-spmenu-s1 .int_menu2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 150%;
	
	}
	#cbp-spmenu-s1 .int_menu2:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	#cbp-spmenu-s2 .int_menu a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 150%;
	
	}
	
	#cbp-spmenu-s2 .int_menu:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	#cbp-spmenu-s2 .int_menu2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.4vh 0 0.4vh 4vh;
		font-size: 150%;
	
	}
	#cbp-spmenu-s2 .int_menu2:first-child a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 0 0 4vh;
	
	}
	
	
	.cbp-spmenu a {
		display: block;
		color: #fff;
		font-size: 120% !important;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	
	.cbp-spmenu a:hover {
		background: #999;
		color: #fff;
	}
	
	.cbp-spmenu a:active {
	/*background: #D4DFEF;*/
	color: #999;
	}
	/* Orientation-dependent styles for the content of the menu */
	
	.cbp-spmenu-vertical {
		width:50vw;
		height: 100%;
		top: 0;
		z-index: 9;
	
	}
		/* 	.click-first{
				background: #bcbcbc;
				color: #999;
				}
	
				.click-first a{
				color: #999;
				} */
	
	.bordmenu, #cbp-spmenu-s1 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.8vh 0 1.8vh 2.5vh;
	}
	
	.bordmenu, #cbp-spmenu-s2 a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0.8vh 0 0.8vh 2.5vh;
	}
	
	.cbp-spmenu-horizontal {
		width: 50vw;
		height: 100%;
		top: 0;
		z-index: 9;
	}
	
	.cbp-spmenu-horizontal a {
		/*border-bottom: 0.015em solid #ededed;*/
		padding: 0 1.5vh;
	}
	
	/* Vertical menu that slides from the left or right */
	
	.cbp-spmenu-left {
		left: -50vw;
	}
	
	.cbp-spmenu-right {
		right: -50vw;
	}
	
	.cbp-spmenu-left.cbp-spmenu-open {
		left: 0px;
	}
	
	.cbp-spmenu-right.cbp-spmenu-open {
		right: 0px;
	}
	
	
	/* Push classes applied to the body */
	
	.cbp-spmenu-push {
		overflow-x: hidden;
		position: relative;
		left: 0;
	}
	
	.cbp-spmenu-push-toright {
		left: 50vw;
	}
	
	.cbp-spmenu-push-toleft {
		left: -50vw;
	}
	
	/* Transitions */
	
	.cbp-spmenu,
	.cbp-spmenu-push {
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}
	
	
	}
	
	
	
	
	
	/* Example media queries */
	
	@media screen and (max-width: 55.1875em){
	
		.cbp-spmenu-horizontal {
			font-size: 75%;
			height: 110px;
		}
	
		.cbp-spmenu-top {
			top: -110px;
		}
	
		.cbp-spmenu-bottom {
			bottom: -110px;
		}
	
	}
	
	@media screen and (max-height: 26.375em){
	
		.cbp-spmenu-vertical {
			font-size: 90%;
			width: 60vw;
		}
	
		.cbp-spmenu-left,
		.cbp-spmenu-push-toleft {
			left: -60vw;
		}
	
		.cbp-spmenu-right {
			right: -60vw;
		}
	
		.cbp-spmenu-push-toright {
			left: 60vw;
		}
	}
	
	
	
	.close-vertical{
			text-align: right;
					cursor: pointer;
			width: 100%;
			padding: 8px 0;
			margin:0;
		  }
	   .close-vertical h2 {
		 color: #fff;
		 font-size: 1em;
		 padding: 0 10px;
		 right: 0;
		 font-weight: 400;
			 text-transform: uppercase;
	   }
	
	
	
	
		 
	
		/*tablet portrait verticale*/ 
	
		@media (orientation: portrait) {
		.cbp-spmenu-vertical {
			width: 40vw !important;
			height: 100%;
			top: 0;
			z-index: 9;
			}
		  
		  .cbp-spmenu a {
			display: block;
			color: #fff;
			font-size: 3.5vw !important;
			}
		  
		  .cbp-spmenu-right {
			right: -40vw !important;
		}
	
		.cbp-spmenu-right.cbp-spmenu-open {
			right: 0px !important;
		}
	
	}