.wrapper-dropdown-3 { margin: 0 auto;
padding: 0;
display:inline-block;
position:relative; background: #fff;
-webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
cursor: pointer;
outline: none; color: #4A6491;
font-size:14px;
text-align:left;
line-height:34px
}
@media screen and (min-width: 480px) {
.wrapper-dropdown-3 {position:absolute;top:-2px;right:10px;}
}
@media screen and (min-width: 990px) {
.wrapper-dropdown-3 {top:4px;}
}
@media screen and (min-width: 1100px) {
.wrapper-dropdown-3 {right:22px;}
}
.wrapper-dropdown-3 span {background:#C6C2B8;color:#fff;text-transform: uppercase;webkit-border-radius: 2px; border-radius: 2px;display:block;padding:0 35px 0 10px }
.wrapper-dropdown-3:after {
font-family:lamalfa14;
content: "d";
color:#fff;
font-size:15px;
height:15px;
line-height:15px;
position: absolute;
right: 10px;
top: 13px;
margin-top: -3px;
}
.wrapper-dropdown-3 .dropdown { position: absolute;
top: 140%;
left: 0;
right: 0; background: white;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.17);
font-weight: normal;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
list-style: none; opacity: 0;
pointer-events: none;
}
.wrapper-dropdown-3 .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}
.wrapper-dropdown-3 .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}
.wrapper-dropdown-3 .dropdown li a {
display: block;
text-decoration: none;
color: #4A6491;
border-bottom: 1px solid #C6C2B8;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-indent:15px
}
.wrapper-dropdown-3 .dropdown li i {
float: right;
color: inherit;
}
.wrapper-dropdown-3 .dropdown li:first-of-type a {
}
.wrapper-dropdown-3 .dropdown li:last-of-type a {
border: none;
} .wrapper-dropdown-3 .dropdown li:hover a {
background: #C6C2B8; color:#fff
} .wrapper-dropdown-3.active .dropdown {
opacity: 1;
pointer-events: auto;
z-index:2
} .no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
display: none;
opacity: 1; pointer-events: auto; }
.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
display: block;