
.select-wrapper {
	padding-bottom: 0px;
	margin-bottom: 40px;
	position: relative;
}
.select-wrapper-title {
	font-size: 0.86rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}
.select-info {
	display: block;
	position: absolute;
	bottom:-20px;
	font-size: 11px;
	font-style: italic;
	padding-left:0rem;

}


div.cs-skin-jpc {
	background: transparent;
	font-size: 1rem;
	font-weight: 700;
	max-width: 400px;
}

@media screen and (max-width: 30em) {
	div.cs-skin-jpc { font-size: 1em; }
}

.cs-skin-jpc > span {
	padding: 0.76rem 1rem 0.86rem;
	background: rgba(255, 255, 255, 1);
	border: 0px solid #fff;
	border-color: #fff;
	border-radius: 3px;
	color: #000;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
}

.cs-skin-jpc > span::after,
.cs-skin-jpc .cs-selected span::after {
	font-family: 'icomoon';
	content: '\e93a';
}

.cs-skin-jpc ul span::after {
	content: '';
	opacity: 0;
}

.cs-skin-jpc .cs-selected span::after {
	content: '\e934';
	color: rgb(46, 196, 59);
	font-size: 1.5em;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-jpc.cs-active > span {
	background: #fff;
	border-color: #fff;
	color: #000;
	border-radius: 3px 3px 0 0;
}

.cs-skin-jpc .cs-options {
	max-height: 280px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	color: #000;
	font-size: 1rem;
	border-radius: 0 0 3px 3px;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-jpc.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-jpc ul span {
	padding: 0.66em 2em 0.66em 2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cs-skin-jpc.with-image ul span {
	padding-left: 4rem;
}

.cs-skin-jpc .cs-options li span:hover,
.cs-skin-jpc li.cs-focus span {
	background: rgba(211, 169, 98, 0.2);
}

.cs-skin-jpc .cs-optgroup {
	padding-left:0;
}
.cs-select li.cs-optgroup ul {
	padding-left:0;
}
.cs-skin-jpc .cs-optgroup > span {
	font-size: 60%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 0.5rem 1rem;
	color: #d3aa62;
	opacity: 1;
	cursor: default;
	background: transparent !important;
}

.dark-brown-wood {
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: 15px 8px;
	background-image: url('../../../images/frame-dark-preview.jpg');
}
.light-brown-wood {
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: 15px 8px;
	background-image: url('../../../images/frame-light-preview.jpg');
}
.white-wood {
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 15px 8px;
	background-image: url('../../../images/wood-dark.jpg');
	
	
}