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

.noos-select { position:relative; cursor:pointer; min-width:100px; }
.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;
	margin-top: -2px;
	
	left: -1px;
	right: -1px;
	background: #ffffff;
	padding: 5px 0;
	
	border: 1px solid #cbcbcb;
/*	border-top: none;*/
	-webkit-border-radius: 0 5px 5px 5px;
	   -moz-border-radius: 0 5px 5px 5px;
	    -ms-border-radius: 0 5px 5px 5px;
	     -o-border-radius: 0 5px 5px 5px;
	        border-radius: 0 5px 5px 5px;

	-webkit-transform: translateY(-50%) scaleY(0);
		-ms-transform: translateY(-50%) scaleY(0);
			transform: translateY(-50%) scaleY(0);
			
	-webkit-transition: all 0.3s ease 0.15s;
		-ms-transition: all 0.3s ease 0.15s;
			transition: all 0.3s ease 0.15s;
			
			
}

.noos-select.show .l {
	-webkit-transform: translateY(0) scaleY(1);
		-ms-transform: translateY(0) scaleY(1);
			transform: translateY(0) scaleY(1);
	-webkit-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.noos-select .l > .a {
	display: none !important;
	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 ease 0s;
		-ms-transition: top 0.15s ease 0s;
			transition: top 0.15s ease 0s;
}
.noos-select.show .l > .a {
	top: -5px;
	-webkit-transition: top 0.15s ease 0.3s;
		-ms-transition: top 0.15s ease 0.3s;
			transition: top 0.15s ease 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; 
	font: normal 16px/1.4em "Lato-Regular";
	color: #3b3b3b;
	padding: 4px 0 5px 10px;
	-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: #e8e8e8;
	color: #0f8f8d;
}
.noos-select .l ul li.selected {
	color: #2a7472;
}


.noos-select .v { margin-right:15px; }
.noos-select > .a {
	position:absolute;
	width:30px;
	right:0;
	top:0;
	height:100%;
	
	-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:12px;
	height:12px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -8px;
	border-left:solid 2px #bec2c7;
	border-bottom:solid 2px #bec2c7;
	
	-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);
}