#menu{width:100%;margin-top:0;text-align:center;}
.submeniu{font-size: 12px;}
.select a{background-color:#000;color:#999;}
nav{background-color:#000;color:#fff;display:block;overflow:hidden;width:100%;font-size:0.95em;text-transform:uppercase;text-align:center;margin-top:5px; vertical-align: text-middle;}
nav ul{margin:0;padding:0; padding:5px;}
nav ul li{display:inline-block;list-style-type:none;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; vertical-align: middle;}
nav > ul > li > a > .caret,
nav > ul > li > div ul > li > a > .caret{border-top:4px solid #aaa;border-right:4px solid transparent;border-left:4px solid transparent;content:"";display:inline-block;height:0;width:0;vertical-align:middle;margin-left:3px;-webkit-transition:color 0.1s linear;-moz-transition:color 0.1s linear;-o-transition:color 0.1s linear;transition:color 0.1s linear;}
nav > ul > li > div ul > li > a > .caret{border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid transparent;border-left:4px solid #f2f2f2;margin:0 0 0 8px;}
nav > ul > li > a{color:#fff;display:block;line-height:23px;padding:5px 20px 0px;text-decoration:none;}
nav > ul > li:hover{background-color:transparent;}
nav > ul > li:hover > a{color:#999;}
nav > ul > li:hover > a > .caret{border-top-color:rgb(255, 255, 255);}
nav > ul > li > div ul > li:hover > a > .caret{border-left-color:rgb(255,255,255);}
nav > ul > li > div,
nav > ul > li > div ul > li > div{background-color:rgb(5, 142, 208);border-top:0;border-radius:0 0 4px 4px;box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.055);display:none;margin:0;opacity:0;position:absolute;width:140px;visibility:hidden;z-index:10000;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s;}
nav > ul > li > div ul > li > div{background-color:rgb(40, 44, 47);border-radius:0 4px 4px 4px;box-shadow:inset 2px 0 5px rgba(0,0,0,.15);margin-top:-42px;right:-165px;}
nav > ul > li:hover > div,
nav > ul > li > div ul > li:hover > div{display:block;opacity:1;visibility:visible;}
nav > ul > li > div ul > li,
nav > ul > li > div ul > li > div ul > li{display:block;position:relative;}
nav > ul > li > div ul > li > a,
nav > ul > li > div ul > li > div ul > li > a{color:rgb(255, 255, 255);display:block;padding:12px 24px;text-decoration:none;}
nav > ul > li > div ul > li:hover > a{background-color:rgba(24, 20, 20, 0.1);color:rgb(255, 255, 255);}
nav select{display:none;}
@media screen and (max-width:1024px){nav{font-size:0.85em;}
nav > ul > li > a{padding:0 15px;}
nav > ul > li > div,
nav > ul > li > div ul > li > div{width:111px;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s;}
}
@media screen and (max-width:768px){nav ul{display:none;}
nav select{display:inline-block;background-color:#000;color:#fff;}
.select a{background-color:#000;color:#999;}
nav{text-align:center;font-size:1em;margin-top:5px;margin-bottom:0px;}
}