/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      .menu-pro{
  background: #28326f;
}

  

.menu-pro ul{
  padding: 0;
  margin: 0;	
}
.menu-pro ul ul{background: rgba(0,0,0, .2);}
.menu-pro li{
  list-style: none; 
  line-height: 50px;	
  position: relative;
  border-bottom: solid 1px #45519a;
}
.menu-pro li:last-child{border: none;}
.menu-pro li a{
  color: #fff;
  text-decoration: none;
  padding: 0 20px;
  display: block;
  text-transform: uppercase;
    font-size: 20px;
}

/* Level 2*/
.menu-pro li > ul{display: none;}	
.menu-pro li:hover > ul{display:block;}		
		
/* Level 3+ */
.menu-pro li ul ul{ top:0;}

/* Adds an arrow to list elements with sub lists */
.menu-pro li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border-top: 6px solid transparent;
  border-left: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 24px;
  transform: translateY(-50%);
  left:5px; 
  
}