* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

.ferromenu-controller{
	position:absolute;
	display:block;
	width:60px;
	height:60px;
	/*margin:10px;*/
	text-align:center;
	-webkit-border-radius:50%;
	border-radius:50%;
	background: #fff;
    color:#f2f2f2;
    font-family: 'Lato', sans-serif;
    font-size:24px;
    line-height:60px;
    vertical-align:middle;
    text-decoration:none; 
}

.ferromenu-controller .label{
	-webkit-transition : all 0.2s linear;
	-moz-transition : all 0.2s linear;
	-ms-transition : all 0.2s linear;
	-o-transition : all 0.2s linear;
	transition : all 0.2s linear;
}

.ferromenu-controller.open .label{
	-webkit-transform : rotate(45deg);
	-moz-transform : rotate(45deg);
	-ms-transform : rotate(45deg);
	-o-transform : rotate(45deg);
	transform : rotate(45deg);
}

.ferromenu-controller.desktop:hover,
.ferromenu-controller.mobile:active{
	background:#0f7cd8;
	color: #fff !important;
}

#nav li,#nav2 li{
	color:#f2f2f2;
	text-align:center;
	
}
.circle-menu{
    top: 10%;
    position: relative;
}
#nav li a,#nav2 li a{
	font-size:20px;
	color:#f2f2f2;
	text-decoration:none;
	    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    line-height: 40px;
    display: block;
    padding: 1px;
}

#nav li.desktop a:hover,#nav2 li.desktop a:hover,
#nav li.mobile a:active,#nav2 li.mobile a:active{
	opacity:0.7;
}