ul {
 margin: 0;
 padding: 0;
 list-style: none
}

ul.dropdown {
 position: relative;
 width: 100%
}

ul.dropdown li {
 font-weight: 700;
 float: left;
 width: 120px;
 position: relative;
 
}

ul.dropdown a:hover {
 color: #000
}

ul.dropdown li a {
 display: block;
 padding: 15px 4px;
 color: #fff;
 position: relative;
 z-index: 2000;
 text-align: center;
 text-decoration: none;
 font-weight: 300
 line-height:30px;
 font-size:18px;

}

ul.dropdown li a:hover,ul.dropdown li a.hover {
 /*background: #c80917;*/
 position: relative;
 color: #fff
}

ul.dropdown ul {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 width: 180px;
 z-index: 1000
}

ul.dropdown ul li {
 font-weight: 400;
 background: #f6f6f6;
 color: #000;
 border-bottom: 1px solid #ccc
}

ul.dropdown ul li a {
 display: block;
 color: #fff!important;
 background: #ae000d!important
}

ul.dropdown ul li a:hover {
 display: block;
 background: #c80917!important;
 color: #fff!important
}

.drop>a {
 position: relative
}

.drop>a:after {
 content: "";
 position: absolute;
 right: 10px;
 top: 28%;
 border-left: 5px solid transparent;
 border-top: 5px solid #fff;
 border-right: 5px solid transparent;
 z-index: 999
}

.drop>a:hover:after {
 content: "";
 border-left: 5px solid transparent;
 border-top: 5px solid #fff;
 border-right: 5px solid transparent
}