.fancy-select ul,.fancy-select li{margin:0;padding:0;list-style:none;}
div.fancy-select{color:#46565D;display:inline;float:left;padding:2px 5px 2px 0;position:relative;width:45%;}
div.fancy-select.disabled{opacity:0.5;}
div.fancy-select select:focus + div.trigger{}
div.fancy-select select:focus + div.trigger.open{box-shadow:none;}
div.fancy-select div.trigger{
	cursor:pointer;padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;width:100%;height:50px;line-height:50px;position:relative;
	transition:all 240ms ease-out;-webkit-transition:all 240ms ease-out;-moz-transition:all 240ms ease-out;-ms-transition:all 240ms ease-out;-o-transition:all 240ms ease-out;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
div.fancy-select div.trigger:after{content:"";display:block;position:absolute;width:0;height:0;border:10px solid transparent;border-top-color:#9D9D9D;top:21px;right:15px;}
div.fancy-select div.trigger.open{/*color:#7A8498;*/z-index:50;}
div.fancy-select div.trigger.open:after{}
div.fancy-select ul.options{
	list-style:none;margin:0;position:absolute;top:29px;visibility:hidden;opacity:0;max-height:250px;overflow:auto;background:#fff;width:170px;border:1px solid #ddd;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	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:50px;opacity:1;z-index:50;
	/* 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:35px;
	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:3px 12px;color:rgba(0,0,0,0.8);cursor:pointer;white-space:nowrap;margin:1px;
	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.selected{background:rgba(0,0,0,0.05);color:rgba(0,0,0,3);}
div.fancy-select ul.options li.hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.8);}

.fixedbar div.fancy-select div.trigger:after{border-top-color:#222;}
.tb_hd div.fancy-select div.trigger:after{border-top-color:#222;}
.slect_s div.fancy-select{width:115px;height:50px;}
.slect_l div.fancy-select{width:45%;height:50px;}
.slect_l2 div.fancy-select{width:90%;height:50px;}
.slect_l2 div.fancy-select ul.options{width:100%;max-height:300px}

@media(max-width:810px){
	.slect_s div.fancy-select{width:35%;}
}
@media(max-width:750px){
	.slect_s div.fancy-select{width:48%;}
	.slect_l div.fancy-select{width:100%;}
    .slect_l2 div.fancy-select{width:100%;}
}
@media(max-width:550px){
	.slect_s div.fancy-select{width:100%;}
}