#header {
position: fixed;
top: 0;
height: 75px;
width: 100%;
background-color: #2C2C2C;
z-index: 1000;
visibility: hidden;
}

#menu {
text-transform: uppercase;
visibility: hidden;
}

#logo {
position: fixed;
margin-left: 3%;
margin-top: 5px;
height: 65px;
width: auto;
visibility: hidden;
}

.menu_separator {
border-top: 1px solid #555;
background-color: #2C2C2C;
}

.menu_arrow {
font-weight: bold;
font-size: 10px;
float: right;
padding-right: 10px;
}

nav {
text-align: left;
position: relative;
z-index: 100;
float: right;
margin-top: -11px;
}

nav ul ul {
display : none;
}

nav ul li:hover > ul {
display: block;
text-decoration: none;
}

nav ul {
padding: 0px;
font-size: 14px;
list-style: none;
position: relative;
display: inline-table;
text-decoration: none;
}

nav ul li {
float: left;
position: static;
}

.rightMarking {
margin-right:3%;
}

nav ul li a {
display: block;
width: 200px;
height: 28px;
padding: 22px 20px;
text-decoration: none;
text-align: center;
font-size: 20px;
font-weight: lighter;
font-family: Verdana, Arial, Sans-Serif;
}

nav ul li a:hover {
color: #fff;
background: -webkit-gradient(linear, left top, right top, transparent, #454545, #454545, #454545, transparent);
background: -webkit-linear-gradient(left,transparent, #454545, #454545, #454545, transparent);
background: -moz-linear-gradient(left,transparent, #454545, #454545, #454545, transparent);
background: -ms-linear-gradient(left,transparent, #454545, #454545, #454545, transparent);
background: -o-linear-gradient(left,transparent, #454545, #454545, #454545, transparent);
background: linear-gradient(to right,transparent, #454545, #454545, #454545, transparent);
}

nav ul ul {
position: absolute;
font-weight: normal;
}

nav ul ul li {
float: none;
position: relative;
}

#mobileMenu {
position: fixed;
right: 0;
top: 0;
height: 50px;
width: 50px;
z-index: 10000;
text-decoration: none;
background-color: #2C2C2C;
border: 0px solid transparent;
border-radius: 0 0 0 10%;
padding:10px;
visibility: hidden;
z-index: 1000;
}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
right: -50px;
background-color: #2C2C2C;
overflow-x: hidden;
padding-top: 100px;
transition: 0.5s;
font-family: Verdana, Arial, Sans-Serif;
text-transform: uppercase;
opacity: 0.95;
filter: alpha(opacity=95);
border-left: 50px solid #454545;
}

.sidenav a {
position: relative;
padding: 10px 10px 10px 50px;
text-decoration: none;
font-size: 20px;
color: #ccc;
display: block;
transition: 0.5s;
margin-top: 20px;
white-space: nowrap;
width: 175px;
}

.sidenav a:before{
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
top: -1px;
left: 0;
background: -webkit-gradient(linear, left top, right top, transparent, #000, transparent);
background: -webkit-linear-gradient(left, #555, transparent);
background: -moz-linear-gradient(left, #555, transparent);
background: -ms-linear-gradient(left, #555, transparent);
background: -o-linear-gradient(left, #555, transparent);
background: linear-gradient(to right, #555, transparent);
}

.sidenav a:after{
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
background: -webkit-gradient(linear, left top, right top, transparent, #000, transparent);
background: -webkit-linear-gradient(left, #555, transparent);
background: -moz-linear-gradient(left, #555, transparent);
background: -ms-linear-gradient(left, #555, transparent);
background: -o-linear-gradient(left, #555, transparent);
background: linear-gradient(to right, #555, transparent);
}

.sidenav a:hover, .offcanvas a:focus{
color: #fff;
background: -webkit-gradient(linear, left top, right top, #454545, transparent);
background: -webkit-linear-gradient(left, #454545, transparent);
background: -moz-linear-gradient(left, #454545, transparent);
background: -ms-linear-gradient(left, #454545, transparent);
background: -o-linear-gradient(left, #454545, transparent);
background: linear-gradient(to right, #454545, transparent);
}

.sidenav .closebtn {
position: absolute;
top: -40px;
right: 60px;
width: 30px;
font-size: 60px;
border: 0;
background: transparent;
}

.sidenav .closebtn:before {
background: transparent;
}

.sidenav .closebtn:after{
background: transparent;
}

.sidenav .closebtn:hover {
background: transparent;
}

.sidenav .closebtn:active {
background: transparent;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

#microLogo {
position: absolute;
height: 60px;
left: 10px;
top: 10px;
visibility: visible;
}

.stop-scrolling {
height: 100%;
overflow: hidden;
iframe::-webkit-scrollbar { display: none; }
}