@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.cs-skin-border {
	background:transparent;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#fff;
	max-width:160px;
}

@media screen and (max-width:30em) {
	div.cs-skin-border { font-size:1em; }
}

.cs-skin-border > span {
	/*border:5px solid #000;*/
	border-color:inherit;
	-webkit-transition:background 0.2s, border-color 0.2s;
	transition:background 0.2s, border-color 0.2s;
}

.cs-skin-border > span::after/*,
.cs-skin-border .cs-selected span::after*/ {
	font-family:'Pe-icon-7-stroke';
	content: "\e688";
	font-size:35px;
}

.cs-skin-border ul span::after {
	content:'';
	opacity:0;
}

.cs-skin-border .cs-selected span::after {
	/*content: "\e688";*/
	color:#ddd9c9;
	font-size:1.5em;
	opacity:1;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

.cs-skin-border.cs-active > span {
	background:#fff;
	border-color:#fff;
	color:#fff;
	background:#414141;
}

.cs-skin-border .cs-options {
	color:#fff;
	background:#414141;
	font-size:0.75em;
	opacity:0;
	-webkit-transition:opacity 0.2s, visibility 0s 0.2s;
	transition:opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-border.cs-active .cs-options {
	opacity:1;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

.cs-skin-border ul span {
	padding:0.5em 1em;
	font-size:16px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
	color:#aaa;
}