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

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

.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;
    font-size: 30px;
}

.ferromenu-controller:hover .label{
    color:#fff;
}

.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:#6e737b;
}

#ferro {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    z-index: 99;
    
}

#ferro li{
	color:#f2f2f2;
	text-align:center;
	
}

#ferro li a{
	font-size:17px;
	color:#f2f2f2;
	text-decoration:none;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background: #45484d;
	line-height:40px;
	display:block;
}

#ferro li.desktop a:hover,
#ferro li.mobile a:active{
	opacity:0.8;
}