div.fancy-select {
	position: relative;
	/*float:left;*/
	font-weight: normal;
	/*text-transform: uppercase;*/
	font-size: 16px;
	color:#000000;
	margin-bottom:0px;
	width:auto;
}

div.fancy-select.disabled {
	/*opacity: 0.5;*/
}

div.fancy-select select:focus + div.trigger {
	/*box-shadow: 0 0 0 2px #4B5468;*/
}

div.fancy-select select:focus + div.trigger.open {
	box-shadow: none;
}

div.fancy-select div.trigger {
	
	cursor: pointer;
	padding: 8px 30px 8px 16px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #ffffff;
	border:2px solid #cccccc;
	color: #000000;
	width: 100%;
    transition: all 240ms ease-out;
	border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px; 
behavior: url(js/PIE.htc);
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;
	z-index:40;
	font-size:18px;
	font-weight:400;
}
.inverted div.fancy-select div.trigger {
border:2px solid #018470;
background: #00aa90;
color:#ffffff;
}
.f_error div.fancy-select div.trigger {
  border:2px solid #00aa90;
}
div.fancy-select.disabled div.trigger {
    background:#cbd8e1;
	color:#71899a;
	cursor:default;
}
div.fancy-select div.trigger:after {
	content:'';
display:block;
position:absolute;
border-right:2px solid #cccccc;
border-bottom:2px solid #cccccc;
width:13px;
height:13px;
top:10px;
right:20px;
background:none;
transform: rotate(45deg); -webkit-transform: rotate(45deg);
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
transition: all .5s ease
}
.inverted div.fancy-select div.trigger:after {
border-right:2px solid #018470;
border-bottom:2px solid #018470;
}
div.fancy-select.disabled div.trigger:after {
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}
div.fancy-select div.trigger.open {
	background: #00aa90;
	border: 2px solid #00aa90;
	color: #ffffff;
	box-shadow: none;
}
.inverted div.fancy-select div.trigger.open {
background:#018470;
border: 2px solid #018470;
}
div.fancy-select div.trigger.open:after {
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}

div.fancy-select ul.options {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 44px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 500;
	max-height: 200px;
	overflow: auto;
	background: #ffffff;
	border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px; 
behavior: url(js/PIE.htc);
	border-top: 0px solid #7DD8D2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	width: 100%;
	padding: 0;

	transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
	visibility: visible;
	top: 36px;
	opacity: 1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
	transition: opacity 300ms ease-out, top 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}
/*
div.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;
	

	transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;
	
	transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
*/
div.fancy-select ul.options li {
	padding: 8px 16px;
	color: #332c12;
	cursor: pointer;
	/*white-space: nowrap;*/

	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}
div.fancy-select ul.options li:before {
	display:none;
	}
div.fancy-select ul.options li.hover {
	color: #00aa90;
	background:#f4f6f8; 
}
@media (max-width:480px){
div.fancy-select div.trigger {
font-size:16px;
}
}