/*********************************************************************************/
/* Dropdown menu                                                                 */
/*********************************************************************************/

.wrapper-dropdown {
    position: relative;
    /*padding-right: 0.625em !important;*/
    cursor: pointer;
    outline: none;
}
/*
.wrapper-dropdown > a > span { margin-top:1px; }
*/

.wrapper-dropdown:after {
    content: "\f078";
    font-family:'FontAwesome';
    font-size:0.625em;    
    color:#da4645; 
    width:0;
    height:0;
    position: absolute;
    right:0;
    top:0.6em;
}

.wrapper-dropdown .dropdown {
    position: absolute;
    z-index:99;
    top:100%; 
    /*left:1em;*/
    right:0;    
    padding:0.5em 0 1em 0;
    background:#fff;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown .dropdown li a {
	display: block;
	font-size: 1em;
	font-weight:600;
	padding:0.5em 1em 0 1em;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:0;
	color:#5d5d5d;
	border-bottom:none !important;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Hover state */

.wrapper-dropdown .dropdown li:hover a, .wrapper-dropdown .dropdown li.active a {
    color:#da4645;
}

/* Active state */


.wrapper-dropdown.active:after {
    content:"\f077";
}


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

/* No CSS3 support */

.no-opacity       .wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown {
    display: none;
    opacity: 1;            /* If opacity support but no pointer-events support */
    pointer-events: auto;  /* If pointer-events support but no opacity support */
}

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