/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.custom-select {
	position: relative;
	display: block;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
	width: 100%;
	margin: 0;
	outline: none;
	padding: 15px 15px 14px 15px;

	/* Prefixed box-sizing rules necessary for older browsers */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* Font size must be 16px to prevent iOS page zoom on focus */
	font-size: 16px;
    font-weight: 600;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 1em;
	z-index: 2;
	/* These hacks make the select behind the arrow clickable in some browsers */
	pointer-events: none;
	display: none;
}

@supports ( -webkit-appearance: none ) or ( appearance: none )
	/* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
	 * @supports ( mask-type: alpha ) is Firefox 35+
	 */
	or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {
	
	/* Show custom arrow */
	.custom-select::after {
		display: block;
	}

	/* Remove select styling */
	.custom-select select {
		padding-right: 2em; /* Match-01 */
		/* inside @supports so that iOS <= 8 display the native arrow */
		background: none; /* Match-04 */
		/* inside @supports so that Android <= 4.3 display the native arrow */
		/*border: 1px solid transparent;  Match-05 */

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.custom-select select:focus {
		border-color: #62391c; /* Match-03 */
	}
}

/*nunu*/
.custom-select {
	/*margin-top: 0.5em;*/
    position: relative;
}
.custom-select select {
	/* General select styles: change as needed */
	font-weight:normal;
	color: #fff;
    font-weight: 600;
	line-height:1.3;
	border-radius: 0;
    
    /*border:2px solid #2f034a;*/
    background: #692c0a;
}
.custom-select::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #fff;
	margin-top: -4px;
}
.custom-select:after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #fff;
	margin-top: -4px;
}

.custom-select-white select {
    color: #b3348d;
    background: #ffffff;
    border: none;
    
    padding-left: 36px;
    /*
    width: 50%;
    float: right;
    */
}
.custom-select-white::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #b3348d;
	/*margin-top: 18px;*/
}

.custom-select-white2 select {
    color: #b3348d;
    background: #ffffff;
    border: none;
    
    padding-left: 36px;
    
    border: 1px solid #dcdcdc;
    /*
    width: 50%;
    float: right;
    */
}
.custom-select-white2::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #b3348d;
	/*margin-top: 18px;*/
}

.custom-select-black select {
    color: #dcdcdc;
    background: #2f034a;
    border: none;
    
    border: 1px solid #703971;
    
    padding-left: 35px;
    /*
    width: 50%;
    float: right;
    */
}
.custom-select-black::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #dcdcdc;
	/*margin-top: 18px;*/
}

/* Hover style */
.custom-select:hover {
	border-color: #62391c;
}
/* Focus style */
.custom-select select:focus {
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	/*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;  Match-02 */
}

@supports ( box-shadow: none ) {
	.custom-select select:focus {
		outline: none;
	}
}

/* Set options to normal weight */
.custom-select option {
	font-weight:normal;
}