*,
*:after,
*:before {
    box-sizing: border-box;
}
/*top*/
.wrapper-dropdown-2 {
    /* Size and position */
position: relative; /* Enable absolute positioning for children and pseudo elements */
width:22%;
margin:auto;margin: 10px 0 0 0;margin-left:%;
padding-left:10%;
display:inline;
float:left;
    /* Styles */
    cursor: pointer;
    outline: none;
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right:112px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
	
}

.wrapper-dropdown-2 .dropdown {

  /* Size & position */
    position: absolute;
    top: 110%;
    left: -5px;
    right: 0px;
 
    /* Styles */
    background: white;
    transition: all 0.3s ease-out;
    list-style: none;
 background:#2d2d2d;
list-style-type:none!important;
    /* Hiding */
    opacity:0;
    pointer-events: none;
}
ul{list-style-type:none!important;
}
.wrapper-dropdown-2 .dropdown li a {

    display: block;
    list-style-type:none!important;
    text-decoration: none;
    color: #fff;
    
    margin-left:-20px;margin-right:20px;margin-top:10px;

    padding-top:40px; padding-bottom: 40px;
	-border-bottom:1px  solid #ccc;
    transition: all 0.3s ease-out;
}
/* 
.wrapper-dropdown-2 .dropdown li a:nth-child(1) a { 
    border-bottom:1px solid #ccc;
}
 
.wrapper-dropdown-2 .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}
 
.wrapper-dropdown-2 .dropdown li:nth-child(3) a {
    border-left-color: #3B5998;
}*/
 

 .icon21{width:60px;margin-top:-20px; margin-right:40px;float:left;
}
li.green{
color:#27ae60;
padding-top:20px;padding-bottom:20px;padding-left:20px;
border-bottom:2px solid #27ae60;
margin-right:0px;margin-left:-40px;
-float:left;}
/* Hover state */
 




.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}
 
.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

@media screen and (max-width:730px) {
.wrapper-dropdown-2 {
width:100%;
margin:auto;margin: 0px 0 0 0;margin-left:0%;margin-bottom:1em;
padding-left:0%;padding-top:10px;padding-bottom:10px;
-background:#ccc;
float:left;
display:inline;
}

.wrapper-dropdown-2:after {
    right:12px; top:25%;
    margin-top: 6px;
     border-color: white transparent;
}
li.green{
color:#f1c40f;
border-bottom:2px solid #f1c40f;
}

.PDropdown{
color:white;
margin:auto;
margin-left:25%;
margin-right:25%;
}
.wrapper-dropdown-2 .dropdown {
content:"";
height:25em;top: 111%;
}
}