*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
}
.wrapper-demo {
    font-weight: 400;
    margin: 60px 0 0;
}
.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}
.wrapper-dropdown-1 {
    background: none repeat scroll 0 0 #F6B064;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    outline: medium none;
    padding: 10px;
    position: relative;
    width: 194px;
}

.wrapper-dropdown-2, .wrapper-dropdown-3 {
    background: none repeat scroll 0 0 #F6B064;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    outline: medium none;
    padding: 10px;
    position: relative;
    width: 194px;
}

.wrapper-dropdown-1:after {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    height: 0;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
}

.wrapper-dropdown-2:after,.wrapper-dropdown-3:after {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    height: 0;
    margin-top: -6px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
}
.wrapper-dropdown-1 .dropdown {
    background: none repeat scroll 0 0 #F8D2A8;
    font-weight: normal;
    left: 0;
    list-style: none outside none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
}

.wrapper-dropdown-2 .dropdown ,.wrapper-dropdown-3 .dropdown {
    background: none repeat scroll 0 0 #F8D2A8;
    font-weight: normal;
    left: 0;
    list-style: none outside none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
}
.wrapper-dropdown-1 .dropdown li a {
    color: #000000;
    display: block;
    font-size: 13px;
    padding: 10px 16px;
    text-decoration: none;
}

.wrapper-dropdown-2 .dropdown li a, .wrapper-dropdown-3 .dropdown li a {
    color: #000000;
    display: block;
    font-size: 13px;
    padding: 10px 20px;
    text-decoration: none;
}
.wrapper-dropdown-1 .dropdown li:hover a {
    background: none repeat scroll 0 0 #E18944;
    color: #000000;
}

.wrapper-dropdown-2 .dropdown li:hover a, .wrapper-dropdown-3 .dropdown li:hover a {
    background: none repeat scroll 0 0 #E18944;
    color: #000000;
}


.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-2.active .dropdown, .wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #F6B064 transparent;
    border-width: 6px 6px 0;
    margin-top: -3px;
}

.wrapper-dropdown-2.active:after,.wrapper-dropdown-3.active:after {
    border-color: #F6B064 transparent;
    border-width: 6px 6px 0;
    margin-top: -3px;
}
.wrapper-dropdown-1.active {
    background: linear-gradient(to right, #F6B064 0%, #F6B064 85%, #F8D2A8 85%, #F8D2A8 100%) repeat scroll 0 0 transparent;
}


.wrapper-dropdown-2.active, .wrapper-dropdown-3.active  {
    background: linear-gradient(to right, #F6B064 0%, #F6B064 82%, #F8D2A8 82%, #F8D2A8 100%) repeat scroll 0 0 transparent;
}


.no-opacity .wrapper-dropdown-1 .dropdown, .no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-2 .dropdown, .no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}


.no-opacity .wrapper-dropdown-1.active .dropdown, .no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

.no-opacity .wrapper-dropdown-2.active .dropdown, .no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}