.selecter { display: block; margin: 10px 0; position: relative; /*max-width: 30%;*/ z-index: 1; }

.selecter .selecter-element { *left: -999999px; height: 100%; left: 0; position: absolute; opacity: 0; width: 100%; z-index: -1; }
.selecter .selecter-element,
.selecter .selecter-element:focus { outline: none }

.selecter .selecter-selected { border: 1px solid #ccc; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 2; }
.selecter .selecter-options {  outline:none; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 224px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; }
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item {text-align: left; background: #fff; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.placeholder { display: none; }
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item:first-child {  }
.selecter .selecter-item:last-child {  border-bottom: 0; }

@media screen and (min-width: 980px) {
	.selecter .selecter-item:hover,
	.selecter .selecter-item.selected:hover {  }
	.selecter .selecter-item.disabled:hover { background-color: #fff; }

	.selecter:hover .selecter-selected { background-color: #fff; }

	.selecter.disabled .selecter-item:hover { background: #fff; }
}

/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected {  z-index: 51; }

.selecter.open .selecter-selected,
.selecter.focus .selecter-selected { outline: none }

/* 'Cover' Positioning */
.selecter.cover .selecter-options {  border-width: 1px; top: 0; }
.selecter.cover .selecter-options .selecter-item.first {  }
.selecter.cover.open .selecter-selected {  z-index: 49; }

/* 'Bottom' Positioning */
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
.selecter.bottom .selecter-item:last-child { border: none; }
.selecter.bottom.open .selecter-selected {  }
.selecter.bottom.open .selecter-options {  }

/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
.selecter.bottom.cover.open .selecter-selected {  }
.selecter.bottom.cover.open .selecter-options {  }

/* Multiple Select */
.selecter.multiple .selecter-options {  border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }

/* 'Disabled' State */
.selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-item.selected { background: #fafafa; }

/* Scroller Support */
.selecter .selecter-options.scroller { overflow: hidden; }
.selecter .selecter-options.scroller .scroller-content { max-height: 214px; padding: 0; }

/* Media Queries */
@media screen and (max-width: 740px) {
	.selecter { max-width: 40%; }
}
@media screen and (max-width: 500px) {
	.selecter { max-width: 100%; }
}
/*MONTH PICK*/
.selecter:first-child{
	width: 90px;
}
.selecter:first-child .selecter-item{
	padding: 8px 3px;
	padding-left: 10px;
	text-align: left;
}
/*DATEPICK POPUP*/
.datepick-popup .selecter{
	display: inline-block;
	min-width: 70px;
}
.datepick-popup .selecter-selected{
	border: none;
	background:#fff url(../svg/expand-sprite.svg) no-repeat;
	background-position: 90% 16px;
	text-align: left;
	background-size: 12px auto;
}
.datepick-popup .open .selecter-selected{
	background:#fff url(../svg/expand-sprite.svg) no-repeat;
	background-position: 90% -9px;
	border:none;
	box-shadow: 3px 0px 3px -2px rgba(0,0,0,.1),-3px 0px 3px -2px rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	background-size: 12px auto;
}
.datepick-popup .selecter-selected:focus{
	border:none;	
}
.datepick-popup .selecter.open .selecter-options{
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2);
	margin-top: -3px;
}
.datepick *:focus{
	outline: none;
}
.datepick .selecter.open{
	margin-top: -1px;
	font:13px "UbuntuRegular";
	color:#585c64;
}
.datepick .selecter.open .selecter-options.scroller .scroller-content{
	padding: 3px 1px;
}
.datepick .selecter.open .selecter-item{
	border-radius: 0;
}
.datepick .selecter.open .selecter-item:hover{
	background: #bd0100;
	color:#fff;
}
/*/DATEPICKER POPUP*/
/*FILTER SELECT*/
.b-select-wrapper .selecter{
	height: 40px;
	width:191px;
	border:1px solid #d8dadf;
	max-width: 100%;
	margin: 3px 0;
}
.b-select-wrapper:hover .selecter{
	border:1px solid #9ea3ae;
}
.b-select-wrapper .selecter .selecter-selected{
	border:none;
	font: 13px "UbuntuRegular";
	line-height: 20px;
	background:#fff url(../svg/expand-sprite.svg) no-repeat;
	background-size: 18px auto;
	background-position: 164px 16px;
	height: 100%;
}
.b-select-wrapper .selecter .selecter-selected:hover{
	background-position: 164px -22px;
}
.b-select-wrapper .selecter-options.scroller{
	box-shadow: none;
	border:1px solid #d8dadf;
	box-sizing: content-box;
	margin:2px 0 0 -1px;
	width:240px;
	padding-top: 10px;
}
.b-select-wrapper .selecter-item:hover{
	background: #bd0100;
	color:#fff;
}
.b-select-wrapper .selecter .selecter-options.scroller .scroller-content{
	padding: 0px 10px 10px 0;
}
.b-select-wrapper .selecter-options.scroller.scroller-active{
	background: #fff;
}
.b-select-wrapper .scroller-bar{
	background: #fff;
}
.b-select-wrapper .disabled .selecter-selected{
	color:#9ea3ae;
	background: #ebecef url(../svg/expand-sprite.svg) no-repeat; 
	background-size: 18px auto;
	background-position: 164px 16px;
}
.b-select-wrapper .disabled .selecter-selected:hover{
	background: #ebecef url(../svg/expand-sprite.svg) no-repeat; 
	background-size: 18px auto;
	background-position: 164px 16px;
}
/*/FILTER SELECT*/
.m-alphabet__select_r .b-select-wrapper .selecter-options.scroller.scroller-active{
	position: relative;
	top:-2px;
}
.m-alphabet__select_r .b-select-wrapper{
	margin-right: 0px;
}
.m-alphabet__select_r .selecter.closed{
	border:none;
	width:150px;
	margin: 0px;
}
.m-alphabet__select_r .selecter.open{
	margin: -1px;
}
 .m-alphabet__select_r .b-select-wrapper .selecter{
 	height: 30px;
 }
 .m-alphabet__select_r .selecter.bottom.open .selecter-options{
 	position: relative;
 	top:-3px;
 	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2)
 }
.m-alphabet__select_r .b-select-wrapper .selecter .selecter-selected{
	background-position: 133px 13px;
	padding: 4px 10px;
	background-size: 10px auto;
	height: 30px;
}
.m-alphabet__select_r .selecter-item.selected{
	display: none;
}
.m-alphabet__select_r .b-select-wrapper .selecter{
	width:152px;
}
.m-alphabet__select_r .selecter.open .selecter-selected{
	border-bottom: 1px solid #d8dadf;
}
.m-alphabet__select_r .selecter.open{
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2)
}
.m-alphabet__select_r .b-select-wrapper .selecter .selecter-options.scroller .scroller-content{
	padding-right: 1px;
}
.m-alphabet__select_r:hover .selecter-selected{
	color:#000;
}
.m-alphabet__select_r:hover .b-select-wrapper .selecter .selecter-selected{
	background-position: 133px -8px;
}

.b-profile-form-item__select .b-select-wrapper .selecter{
	width:300px;
	margin: 0;
}
.b-profile-form-item__select .b-select-wrapper .selecter .selecter-selected{
	background-size: 20px auto;
	background-position: 272px 16px;
	text-transform: uppercase;
}
.b-profile-form-item__select .m-select-wrapper_small-text .selecter .selecter-selected{
	text-transform: none;
}
.b-profile-form-item__select .selecter-item{
	text-transform: uppercase;
}
.m-select-wrapper_small-text .selecter-item{
	text-transform: none;
}
.b-profile-form-item__select .b-select-wrapper .selecter-options.scroller{
	width:298px;
	position: relative;
	top:-2px;
}