a{text-decoration:none;}

ul, li{list-style:none;margin:0;padding:0;}

#nav{width:75em;font-family:'Open Sans', sans-serif;font-weight:400;}

#nav > a{display:none;}

#nav li{position:relative;}

#nav li a{color:#c0c0c0;font-weight:700;display:block;}

#nav span:after{width:0;height:0;border:0.313em solid transparent;border-bottom:none;border-top-color:#efa585;content:'';vertical-align:middle;display:inline-block;position:relative;right:-0.313em;}

#nav > ul{height:5.75em;}

#nav > ul > li.current:before {transform: rotateZ(45deg);width: 1em;height: 1em;display: block;position: absolute;bottom: -0.5em;left: 50%;margin-left: -0.375em;background-color: #37c0fb;background-color:#009cff;}

#nav > ul > li{height:100%;float:left;}

#nav > ul > li > a{height:100%;font-size:1.12em;line-height:5.2em;text-align:center;padding:0px 30px;}

#nav > ul > li:not(:last-child) > a{border-right:1px solid #333;}

#nav > ul > li:hover > a, #nav > ul:not(:hover) > li.active > a{color:#009cff;}

#nav li ul{background:linear-gradient(to bottom, rgba(50,50,50,1) 0%, rgba(37,37,37,1) 100%);display:none;position:absolute;top:100%;z-index:999999;}

#nav li:hover ul{display:block;left:0;right:0;}

#nav li:not(:first-child):hover ul{left:-1px;}

#nav li ul a{font-size:1em;border-bottom:1px solid #3b3939;border-top: 1px solid #252525;padding:0.75em;}

#nav li ul li a:hover, #nav li ul:not(:hover) li.active a{background-color:#009cff;color:#fff;}

@media only screen and (max-width:62.5em){#nav{width:100%;position:static;margin:0;z-index:9999999;}

}

@media only screen and (max-width:62.5em){html{font-size:75%;}

#nav{position:relative;top:auto;left:auto;z-index:9999999;}

#nav > a{width:3.125em;height:3.125em;text-align:left;text-indent:-9999px;background-color:#009cff;position:relative;margin-top:-50px;margin-bottom:15px;margin-right:15px;float:right;}

#nav > a:before, #nav > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:'';}

#nav > a:after{top:60%;}

#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type{display:block;}

#nav > ul{height:auto;display:none;position:absolute;left:0;right:0;background: linear-gradient(to bottom, rgba(50,50,50,1) 0%, rgba(37,37,37,1) 100%);}

#nav:target > ul{display:block;}

#nav > ul > li{width:100%;float:none;}

#nav > ul > li > a{height:auto;text-align:left;padding:0 0.833em;}

#nav > ul > li:not(:last-child) > a{border-right:none;border-bottom:1px solid #3b3939;border-top: 1px solid #252525;}

#nav li ul{position:static;padding:1.25em;padding-top:0;}

#menu-alan{background:none;}

#nav > ul > li.current:before{display:none;}

}