#content {
	min-height:700px;
}
#flap {
	width: 350px;
	padding: 10px;
	background: #c0c0c0; color: #000;	
}
#flap a.open,
#flap a.close {
	padding: 10px 25px;
	background: #555;
	color: #fff;
	text-decoration: none;
}
#flap {
	position: fixed;
	right: -370px; top: 55px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
#flap a.open,
#flap a.close {
	position: absolute;
	right: 88px;
	top: 150px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#flap a.close {
	display: none;
}
#flap:target {
	right: 10px;
}

#flap:target a.close {
	display: block;
}
#flap:target a.open {
	display: none;
}
#flap_closed:target #flap {
	right: -370px;
}
.filter-div {
    display: block;
}
.image_list_third {
	width:100%;
	min-height: 350px;
	display:inline-block;
	line-height:1.3em;
  	vertical-align: middle;
}

#lateral_vhalf_hright {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}
#middlevalignframe {
	position:relative 
}

#middleValignContainer {
	position:absolute;
	top:73%;
	width: 100%
}

.map_container {
  border : 1px solid black;
}
.map_canvas {
  display : none;
  height : 350px;
}
.map_container:hover .map_canvas{
  display : block;
}

input:focus::-webkit-input-placeholder {
 color:transparent;
}
input[type=range].mixer_range {
  -webkit-appearance: none;
  -webkit-transform:rotate(-90deg);
  margin-bottom: 100px;      
  width: 200px;
  height:10px;
  margin: 15.2px 0;
}
input[type=range].mixer_range:focus {
  outline: none;
}
input[type=range].mixer_range::-webkit-slider-runnable-track {
  width: 100%;
  height: 12.6px;
  cursor: pointer;
  box-shadow: 2px 2px 0px #ffffff, 0px 0px 2px #ffffff;
  background: #ffffd0;
  border-radius: 25px;
  border: 2.6px solid #010101;
}
input[type=range].mixer_range::-webkit-slider-thumb {
  box-shadow: 3.4px 3.4px 1px #ffffff, 0px 0px 3.4px #ffffff;
  border: 2.9px solid #000000;
  height: 43px;
  width: 21px;
  border-radius: 6px;
  background: rgba(210, 210, 210, 0.99);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -17.8px;
}
input[type=range].mixer_range:focus::-webkit-slider-runnable-track {
  background: #ffffef;
}
input[type=range].mixer_range::-moz-range-track {
  width: 100%;
  height: 12.6px;
  cursor: pointer;
  box-shadow: 2px 2px 0px #ffffff, 0px 0px 2px #ffffff;
  background: #ffffd0;
  border-radius: 25px;
  border: 2.6px solid #010101;
}
input[type=range].mixer_range::-moz-range-thumb {
  box-shadow: 3.4px 3.4px 1px #ffffff, 0px 0px 3.4px #ffffff;
  border: 2.9px solid #000000;
  height: 43px;
  width: 21px;
  border-radius: 6px;
  background: rgba(210, 210, 210, 0.99);
  cursor: pointer;
}
input[type=range].mixer_range::-ms-track {
  width: 100%;
  height: 12.6px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].mixer_range::-ms-fill-lower {
  background: #ffffb1;
  border: 2.6px solid #010101;
  border-radius: 50px;
  box-shadow: 2px 2px 0px #ffffff, 0px 0px 2px #ffffff;
}
input[type=range].mixer_range::-ms-fill-upper {
  background: #ffffd0;
  border: 2.6px solid #010101;
  border-radius: 50px;
  box-shadow: 2px 2px 0px #ffffff, 0px 0px 2px #ffffff;
}
input[type=range].mixer_range::-ms-thumb {
  box-shadow: 3.4px 3.4px 1px #ffffff, 0px 0px 3.4px #ffffff;
  border: 2.9px solid #000000;
  height: 43px;
  width: 21px;
  border-radius: 6px;
  background: rgba(210, 210, 210, 0.99);
  cursor: pointer;
  height: 12.6px;
}
input[type=range].mixer_range:focus::-ms-fill-lower {
  background: #ffffd0;
}
input[type=range].mixer_range:focus::-ms-fill-upper {
  background: #ffffef;
}

input[type=number].mixer_in_num {
    width:9vw;
	height:10vw;
	max-width:62px;
	max-height:52px;
	text-align: center;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	border-radius:1px;
	text-align:center;
	border:3px solid black;
	display:inline-block;
	margin-left:6%;
	background-color:black;
	color:white;
}

.mixer_section {
  padding: 1px;
  padding-left: 1px;
}

.mixer_section input[type="radio"] {
  display: none;
}

.mixer_container {
  margin-bottom: 10px;
}
.mixer_container label {
  position: relative;
}
 input[type="radio"],
/* Base styles for spans */
.mixer_container span::before,
.mixer_container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Radio buttons */
.mixer_container span.radio:hover {
  cursor: pointer;
}
.mixer_container span.radio::before {
  left: -52px;
  width: 45px;
  height: 25px;
  background-color: #A8AAC1;
  border-radius: 50px;
}
.mixer_container span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #6C788A;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
  left: -27px;
  background-color: #00FF00;
}