@charset "utf-8";
/* CSS Document */

.noos-select { 
	position:relative; 
	cursor:pointer; 
	min-width: 100px; 
	background: #fff;
	-webkit-box-shadow: 0 0 0 1px #e5e5e5 inset;
	   -moz-box-shadow: 0 0 0 1px #e5e5e5 inset;
		    box-shadow: 0 0 0 1px #e5e5e5 inset;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}

.noos-select:hover {
	-webkit-box-shadow: 0 0 0 1px #e41c39 inset;
	   -moz-box-shadow: 0 0 0 1px #e41c39 inset;
		    box-shadow: 0 0 0 1px #e41c39 inset;
}

.noos-select.show {
	-webkit-box-shadow: 0 0 0 1px #aa0023 inset;
	   -moz-box-shadow: 0 0 0 1px #aa0023 inset;
		    box-shadow: 0 0 0 1px #aa0023 inset;
}


.noos-select select { display:none; }
.noos-select.mobile select { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }

.noos-select .l {
	position:absolute;
	top:100%;
	z-index:99;
	left: 0;
	right: 0;
	margin-top: 1px;
	background: white;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
		    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-50%) scaleY(0);
		-ms-transform: translateY(-50%) scaleY(0);
			transform: translateY(-50%) scaleY(0);
	-webkit-transition: all 0.15s ease 0s;
	   -moz-transition: all 0.15s ease 0s;
	    -ms-transition: all 0.15s ease 0s;
	     -o-transition: all 0.15s ease 0s;
	        transition: all 0.15s ease 0s;	
}





.noos-select.show .l {
	left: 0;
	right: 0;
	margin-top: 1px;
	background: white;
	-webkit-box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.25);
		    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.25);
		    
	-webkit-transform: translateY(0) scaleY(1);
		-ms-transform: translateY(0) scaleY(1);
			transform: translateY(0) scaleY(1);
	-webkit-transition: all 0.15s ease 0s;
	   -moz-transition: all 0.15s ease 0s;
	    -ms-transition: all 0.15s ease 0s;
	     -o-transition: all 0.15s ease 0s;
	        transition: all 0.15s ease 0s;
}




.noos-select .l > .a {
	display: none;
	position: absolute;
	right: 27px;
	top:0;
	background: #fff;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transition: top 0.15s linear 0s;
		-ms-transition: top 0.15s linear 0s;
			transition: top 0.15s linear 0s;
}
.noos-select.show .l > .a {
	top: -5px;
	-webkit-transition: top 0.15s linear 0.3s;
		-ms-transition: top 0.15s linear 0.3s;
			transition: top 0.15s linear 0.3s;
}

.noos-select .l ul,
.noos-select .l ul li { 
	padding:0; 
	background:none; 
	margin:0; 
	position: relative; 
}


.noos-select .l ul li { 
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;	   
	padding: 0 10px !important;
	font: normal 15px/45px Arial, Helvetica, sans-serif;
	color: #555555;	
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.noos-select .l ul li:hover {
	background: #e41c39;
	color: #fff;	
}
.noos-select .l ul li:active {
	background: #aa0023;
	color: #fff;
}


/*.noos-select .l ul li:hover {
	-webkit-box-shadow: 0 0 2px 0 #00adef inset;
	   -moz-box-shadow: 0 0 2px 0 #00adef inset;
		    box-shadow: 0 0 0 2px #00adef inset;

}
.noos-select .l ul li:active {
	-webkit-box-shadow: 0 0 2px 0 #0080b1 inset;
	   -moz-box-shadow: 0 0 2px 0 #0080b1 inset;
		    box-shadow: 0 0 0 2px #0080b1 inset;

}*/


.noos-select .l ul li.selected {
}




.noos-select .v { 
	height: 48px;
	padding: 0 0 0 10px;
	font: normal 15px/48px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-right: 25px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.noos-select > .a {
	position:absolute;
	width: 0px;
	right:0;
	top:0;
	height:100%;
	width: 22px;
	-webkit-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
			transform: rotateX(0deg);
	-webkit-transition:all 0.3s;
		-ms-transition:all 0.3s;
			transition:all 0.3s;
}

.noos-select > .a:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -6px 0 0 0;
	border-left: solid 2px #555555;
	border-bottom: solid 2px #555555;		
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

/*.noos-select.show > .a {
	-webkit-transform: rotateX(-180deg);
		-ms-transform: rotateX(-180deg);
			transform: rotateX(-180deg);
}

*/