nav{width:250px;height:calc(100% - 50px);background:#343434;position:fixed;z-index:100;top:50px;left:0;color:white;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-bottom:50px}nav div.nav-drop{position:relative}nav div.nav-drop span.arrow{width:11px;height:11px;border-color:#fff;border-left:solid;border-bottom:solid;display:block;border-bottom-left-radius:2px;position:absolute;top:18px;transform:rotate(45deg);right:10px;border-width:3px;pointer-events:none}nav div.nav-drop span.arrow.collapsed{transform:rotate(-45deg);top:18px;right:16px}nav div.nav-drop div.nav-drop-content{display:none}nav div.nav-drop div.nav-drop-content a{padding-left:25px;font-size:19px;padding-top:11px}nav div.world-banner{background-color:#252525;background-size:cover;background-position:center;background-repeat:no-repeat;height:150px;width:100%;position:relative;box-shadow:inset -1px -30px 15px -1px #343434}nav div.world-banner a{font-size:18px;position:absolute;left:10px;top:3px;padding:0;text-shadow:1px 1px 7px #000}nav div.world-banner a:hover{text-decoration:none;border:none;background:none}nav div.world-banner h2{position:absolute;left:10px;bottom:8px;margin-bottom:0;text-shadow:1px 1px 5px #000}nav h4{padding:8px 0 6px 15px;margin:10px 0 0;background:#2c2c2c}nav a{display:block;padding:5px 0 10px 10px;font-size:21px;text-align:left;width:100%;cursor:pointer;color:#fff;transition:background 0.1s ease-in-out;text-decoration:none}nav a.active,nav a:hover{border-left:4px solid #e3a321;background:#434343}nav a span.icon{position:relative;top:4px;margin-right:7px}