@charset "UTF-8";
/* CSS Document */

html, body { margin:0; padding:0;}

body { height:2000px; font-family: 'Lato'; sans-serif;}

#ud_icon {float:right; border-left:1px solid #000; height:50px; min-width:50px; position:relative; overflow:hidden; cursor:pointer;}
#ud_icon:hover {background:#666;}
#ud_icon span {color:#fff; font-weight:300; letter-spacing:1px; font-size:30px ; display:block;}
#ud_icon .flaticon-cross93 { position:absolute; top:-30px; left:0; padding:5px;}
#ud_icon .flaticon-menu51 { position:absolute; top:0; left:0; padding:5px;}

nav {width:100%; height:50px; background:#876543; position:fixed; top:0; left:0; border-bottom:1px solid #666;}
nav ul { margin:0; padding:0; float:left;}
nav ul li { position:relative; list-style-type:none; height:25px; padding:15px 0 10px 0; width:150px; border-right: 1px solid #666; text-align:center; float:left; color:#fff;}
nav ul li a, nav ul li { color:#fff; text-decoration:none; font-weight:300; letter-spacing:1px; font-size:18px;}

nav ul li ul { position:absolute; top:50px; left:0; background-color:#432124; display:none;}
nav ul li ul li { border-bottom:1px solid #000;}

nav ul li:hover { background:#B6EFF0;}
nav ul li, #ud_icon {transition: all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; -webkit-transition:all 300ms;}