/* layers css */

.vie-layer {
	color:#f49a25;
}
.layerbox {
	position: absolute;
	background-color: #fff;
	width: 378px;
	padding: 14px;
	top: 108px;
	right: 20px;
	z-index: 9999;
	display: none;
	max-height: 500px;
    overflow-y: scroll;	
	}

.layerbox h3 {
	font-family: "oswaldregular", arial, helvetica, sans-serif;
	font-size: 1.1em;
	color: #304e96;
	text-transform: uppercase;
	}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 0px 0;
	padding: 0px;
	}

input[type=range]:focus			{ outline: none; }

/* chrome */
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
	background: #d5cdcd;
	border-radius: 0px;
	}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 1px solid #000000;
	height: 8px;
	width: 8px;
	border-radius: 1px;
	background: #d5cdcd;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -3px;
	}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #f8b333;
	}

/* firefox */
input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
	background: #d5cdcd;
	border-radius: 0px;
	}

input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 1px solid #000000;
	height: 8px;
	width: 8px;
	border-radius: 1px;
	background: #d5cdcd;
	cursor: pointer;
	}

/* IE */
input[type=range]::-ms-track {
	width: 100%;
  	height: 2px;
  	margin: 0px;
  	padding: 3px 0px 3px 0px;
  	cursor: pointer;
  	background: transparent;
  	border-color: transparent;
  	color: transparent;
	}

input[type=range]::-ms-fill-lower {
  	background: #d5cdcd;
  	border-radius: 0px;
  	box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
	}

input[type=range]::-ms-fill-upper {
  	background: #d5cdcd;
  	border-radius: 0px;
  	box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
	}

input[type=range]::-ms-thumb {
  	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  	border: 1px solid #000000;
  	height: 8px;
  	width: 8px;
  	border-radius: 1px;
  	background: #d5cdcd;
  	cursor: pointer;
	}

input[type=range]:focus::-ms-fill-lower {
  	background: #ffffff;
	}

input[type=range]:focus::-ms-fill-upper {
  	background: #ffffff;
	}

input[type=range]::-ms-tooltip	{ display: none; }