.menu-toggle { width: 30px; position: absolute; top: 72px; left: 15px; cursor: pointer; z-index: 9998; }
.menu-toggle.menu-toggle-sticky{position: fixed; top: 19px;}
.menu-toggle.sticky-menu{top: 23px;}
.menu-toggle.on .one {
-moz-transform: rotate(45deg) translate(7px, 9px);
-ms-transform: rotate(45deg) translate(7px, 9px);
-webkit-transform: rotate(45deg) translate(7px, 9px);
transform: rotate(45deg) translate(7px, 9px);
}
.menu-toggle.on .two {
opacity: 0;
}
.menu-toggle.on .three {
-moz-transform: rotate(-45deg) translate(3px, -6px);
-ms-transform: rotate(-45deg) translate(3px, -6px);
-webkit-transform: rotate(-45deg) translate(3px, -6px);
transform: rotate(-45deg) translate(3px, -6px);
}
.one,
.two,
.three {
width: 100%;
height: 3px;
background: #00b7eb;
margin: 6px auto;
backface-visibility: hidden;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
nav ul.navigation.hidden {
display: none;
}
#menu-logo.hidden{display:none;}
#menu-menu-principal{}
.menu-section.on {
z-index: 9997;
width: 100%;
height: 100%;
display: block;
overflow-x: hidden;
left:0;
top:0;
background-color: #151215;
position: fixed;moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.menu-section ul.navigation{border-top: solid 1px #222222; padding:15px 0;}
.menu-section li{color: #fff;
width: 100%; padding:10px 15px; text-align:center;
font-size: 15px;
font-weight: 700; letter-spacing:1px;}
.menu-section li:before{display:none;}
.menu-section ul.navigation.center-nav li{width:auto;}