@font-face {
    font-family: myFirstFont;
    src: url('Chiq Regular.otf');
}
body
{
    padding:0px;
    margin:0px;
    font-family:'myFirstFont';
    background: skyblue;
}
.outer
{
    width:1024px;
    margin:auto;
}
.nav
{
    margin-top: 20px;
    width:100%;
    height:50px;
    border:1px solid black;
    border-bottom:5px solid orange;
    background:rgba(0,0,0,.50);
    box-shadow: black 2px 2px 4px 2px;
}
.nav ul
{
    margin: 0px;
    padding: 0px;
    display: inline;
    border-radius: 10px;  
	list-style: none;
}
.nav ul li
{
  float: left;
}
.nav ul li a
{
    display: block;
    padding: 10px;
    background:rgba(0,0,0,.50);
    float: left;
    height: 30px;
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-decoration: none;
    color: white;
    min-width: 100px;
    -webkit-transition: background 0.7s ease;    
    -moz-transition: background 0.7s ease;    
    -o-transition: background 0.7s ease;    
    transition: background 0.7s ease,display 1s easy;
   
}
.nav ul li a:hover
{
    background: orange;
    border-left: 1px solid gold;
    border-right: 1px solid gold;
  
}

.sub_menu
{
   margin-top: 50px;     
   clear: both;
   
  
}
.sub_menu li
{
     display: none;
    clear: both;
    float: none;
    position: relative;
   box-shadow: black 2px 2px 2px 2px;
   background: rgba(200,200,200,.65);
   border-left: 2px solid orange;
   border-right: 2px solid orange;
   border-bottom: 2px solid orange;

}

.nav ul li:hover>ul li
{
    display: block;
    padding: 0px;
    margin: 0px;
}