/* CSS Document */

#nav {
text-align: right;
}

#nav ul {
display: inline;
}

#nav ul {
padding: 0;
margin: 0;
color: #fff;
width: 100%;
}

#nav ul li { display: inline; }
#nav ul li a {
display: inline-block;
width:auto;
color: #fff;
text-decoration: none;
font-family: 'Open Sans Condensed', sans-serif;
text-align:center;
padding:1.5% 2%;
font-size: 42px;
font-weight: 400;
}

#nav ul li a:hover {

} 

/*Mobile menu*/

#menu .close {
position:absolute;
top:10px;
right:20px;
width:40px;
height:40px;
text-align:right;
}

#menu .close a {
color:#FFFFFF;
font-size:48px;
text-decoration:none;
font-weight:normal;
}

#menu {
position: fixed;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.85);
top:0;
height: 100%;
z-index: 9999;
padding:30px;
width:100%;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow-y: scroll;
}

#menu ul {
list-style: none;
margin-top: 0;
margin-bottom:0;
padding: 0;
}
#menu > ul:last-of_type {
margin-bottom:50px;
}

#menu ul li { 
/*border-bottom: 1px solid #5B5B5B; */
position:relative; 
}

#menu ul li a {
color: inherit;
font-size: 34px;
display: block;
padding: 8px 0 8px 7px;
text-decoration: none;
font-weight: normal;
font-family: 'Open Sans Condensed', sans-serif;
}

#menu ul a:hover,
#menu ul li.mx_current > a {
color: #6f765c;
}

#menu ul li.mx_parent > a:after {
content: "▼";
display:block;
position:absolute;
right:8px;
top:10px;
font-size: 24px;
}

#menu ul li.mx_parent li.mx_current > a {
color:#6f765c;
}

#menu ul a:hover i:first-child { color: #6f765c; }

/* Submenu */

#menu ul li a.active+ul { display: block }

#menu ul li ul {
margin-top: 0;
}
@media screen and (min-width: 1024px) {

#menu.show {
top:90px;
position:absolute;
height: auto;
min-height:calc(100% - 140px)
}

#menu > ul {
max-width: 800px;
margin: 0 auto;
}

#menu > ul > li {
display: block;
width: 50%;
float: left;
padding-bottom: 30px;
}

#menu ul li ul {
display: block !important;
}

#menu ul li.mx_current > a {
color: #FFFFFF;
}

#menu > ul > li.mx_parent > a {
color:#6f765c;
}

#menu > ul > li.mx_parent > a:after {
display: none;
}

} /* end mediaquery */

/*#menu ul li ul li { border-bottom: none;
border-top: 1px solid #5B5B5B; }*/

#menu ul li ul li a { padding-left: 30px; }

#menu ul li ul li ul li a { padding-left: 60px; }

#menu ul li ul li a:hover {  }


.left { right: -100%; }

.show { right: 0; }

#mobile-nav .showmenu { 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#mobile-nav {
position: absolute;
top:15px;
right:10px;
width: auto;
}

#mobile-nav i {
font-size: 60px;
max-width: 27px;
overflow: hidden;
margin-left: -2px;
}

#mobile-nav i:nth-of-type(2) {
font-size: 30px;
top: -16px;
position: relative;
margin-left: 4px;
}

#mobile-nav a {
color: #FFFFFF;
overflow: hidden;
display: block;
}

#menu img {
display: none;
}

@media screen and (max-width: 1023px) {

#mobile-nav {
top: 15px;
right: 20px;
}

#menu img {
width: 60px;
height: auto;
display: block;
margin-bottom: 30px;
}

} /* end mediaquery */

@media screen and (max-width: 800px) {

#mobile-nav {
top: 10px;
right: 10px;
}

#mobile-nav i {
font-size: 50px;
}

} /* end mediaquery */