/*================================================== */
#panel {
			display: none;
			position:fixed;
			top:0px;
			right: 0px;
			background: #003466;
			width:100%;
			height: 100%;
			padding: 30px;
			z-index:99999999999;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;
			-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}
/*=================**/

.apri{ width:85px; height:auto;}
.cont_aprimenu{ width:85px; height:85px; top:10px; right:15px; z-index:9999999999; position: fixed;}
/*=================**/
/*=================**/
.navi{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-size: 12px; letter-spacing:7px; margin-top:60px;}	
.navi ul {padding: 0px;margin:0px;list-style: none; text-align:center}
.navi ul li{padding:0px; margin:0px; display: block; width: 100%; /* elementi su singola riga *//* border-bottom: 1px solid #000;*/}
.navi ul li a {display: block; padding: 20px;color: #fff; text-decoration: none;	transition: all 0.3s ease-out; background: #003466}
.navi ul li a:hover {background: #003466; color: #cec8b0; /*border-bottom:1px solid #00baf2;*/}


li hr.stylemenu{ border: 0; height: 1px; width:30px;margin: 0px auto; background: #003466; transition: all 0.3s ease-out; }

li:hover hr.stylemenu{ width:200px; background: #d5cfba;}
/*=================**/
.box_social{ width: 150px; height:auto; position:relative; margin:20px auto;/*background:#000000*/}
/*=====social network====*/
.box_social a{display:inline-block; color:#FFF; margin:0; padding: 10px; background:#070707; transition: all 0.3s ease-out; text-decoration: none;}
.box_social a:hover  { background: #d5cfba; }
/*=====social network====*/
/*=================**/
.quadrato{display:inline-block; color:#000; margin:0; padding: 25px; /*background:#000;*/ transition: all 0.3s ease-out; text-decoration: none; cursor: pointer; width:85px; height:85px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quadrato:hover  { /*background: #000;*/}
.quadrato.clicked{ background: #003466;}

.quadrato .linea1{background:#999; height:2px;width:34px; transition: all 0.3s ease-out;}
.quadrato:hover .linea1{background:#cec8b0;width:10px;}
.quadrato.clicked .linea1{width:34px;background:#fff; transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); margin-top:14px;}

.quadrato .linea2{background:#999; height:2px;width:34px; transition: all 0.3s ease-out; margin-top:11px;}
.quadrato:hover .linea2{background:#cec8b0; width:20px;}
.quadrato.clicked .linea2{background:#fff;transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;
}

.quadrato .linea3{background:#999; height:2px;width:34px; transition: all 0.3s ease-out; margin-top:11px;}
.quadrato:hover .linea3{background:#cec8b0;}
.quadrato.clicked .linea3{background:#fff;transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg); margin-top:-14px;}

/*=================**/

@media (max-width: 767px) {
	
	.cont_aprimenu{ width:65px; height:65px; top:0px; right:0px; z-index:999999999999; position: fixed;}
}