#filterbar #filterbutton {
	display: none;
}


#filterbar {
	padding: 20px 0 0 0;
	position: relative;
	z-index: 10;	
}
#filterbar fieldset {
	border: none;	
}
fieldset.filter {
	position: relative;
	padding: 0 20px 20px 20px;
}

#piravailability ul label,
#filterbar h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: 	#e60003;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: gilroy;
}
#filterbar .cblist li,
#filterbar .cblist li label {
	line-height: 30px;
	font-size: 15px;
	font-weight: normal;
}

#filterbar .filter-apply {
	text-align: left;
	margin: 5px 10px;
	display: none;
}
#filterbar .range > div.fields .filter-apply {
	margin: 5px 0;	
}
#filterbar input:checked ~ .fields .filter-apply {
	display: block;	
}

#filterbar h4 label {
    background: transparent;
    border: 1px solid #CCC;
    z-index: 10;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    position: relative;
}
#filterbar h4 label:hover::after, #filterbar h4 label::after {
	color: #e60003;
	content: "\e620";
	float: none;
	position: absolute;
	right: 5px;
	top: 0;
	font-family: icomoon;
}
#filterbar input:checked + h4 label::after {
    color: #000;
    content: "\e620";
}

#filterbar .range > div.fields {
	padding: 5px 0 10px 0;	
}


#filterbar p.buttons {
	display: block;
	padding: 0 20px	20px;
	margin: 0 1px;
	text-align: center;
}
#filterbar p.buttons .button {
	display: block;
	width: 100%;
	border-radius: 3px;
	line-height: 40px;
	font-size: 16px;

}



#piravailability {
	margin: 0 20px 20px 20px;
	
}
#piravailability label {
	padding: 0;
	line-height: 2;	
}
#piravailability input:checked ~ h3 label:after {
	content: "\e61d";	
}
#piravailability ul label[for=persons] {
	overflow: visible;	
}
#piravailability ul label:first-letter {
	text-transform: uppercase;	
}
#piravailability ul input {
	width: 100%;
	vertical-align: baseline;	
}
#piravailability ul .selectbox  {
	width: 100%;
	vertical-align: baseline;
}

#piravailability .button,
#piravailability .button span {
	display: inline-block;
	
}
#piravailability .button:after {
	font-family: icomoon;
	color: 	#FFF;
	content: "\e622";
}


@media (max-width: 1080px) {

	fieldset.filter {
		margin-top: 5px;
		width: 23%;	
	}
	#piravailability {
		display: block;	
	}
	#piravailability ul {
		padding: 0;
	}
}
@media (max-width: 1080px) {
	
	
	#wrapper #filterbar .fields .filter-apply {
		display: none;	
	}
	
	#filterbar {
		padding-top: 20px;	
	}
	
	#filterbar #filterbutton {
		display: block;
		background: transparent;
		font-weight: normal;
		border: 1px solid #EEE;
		padding-right: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 15px;
		line-height: 48px;
	}
	#filterbar .togglebiatch:checked + #filterbutton {
		background: #FFF;	
	}
	#filterbar .togglebiatch ~ form {
		display: none;	
	}
	#filterbar .togglebiatch:checked ~ form {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		right: 0;
		padding-top: 20px;
		border: 1px solid #eee;
		border-top-color: #FFF;
		background: #FFF;
	}
	#filterbar fieldset.filter {
		width: auto;
		display: block;
		margin: 0 0 16px 0;
	}
	#filterbar input:checked ~ .fields,
	#filterbar .filter .fields {
		width: auto;
		position: static;
		margin: 0;
		border-top: 0;
		border-bottom: 0;
	}
	#filterbar input:checked ~ .fields {
		padding-bottom: 10px;
		border-bottom: 1px solid #EEE;
	}	
	#filterbar h4 label {
		background: #FFF;
		font-size: 15px;	
	}
	#filterbar input:checked + h4 label::before {
		display: none;	
	}

}



@media (max-width: 720px) {
	.blogoverview #filterbar,
	#filterbar {
		width: auto;
	}
	
	#filterbar h4 label {
		line-height: 38px;
	}
	
	#piravailability ul,
	#piravailability {
		display: block;
		width: auto;	
	}
	
	#piravailability .button,
	#piravailability ul li {
		display: block;
		float: left;
		width: 49%;
		clear: none;
		box-sizing: border-box;
		margin: 20px 0 0 1%;
	}
	#piravailability ul li input,
	#piravailability ul li .selectbox {
		width: 100%;	
	}
	#piravailability li:nth-child(odd) {
		clear: left;
		margin: 20px 1% 0 0;	
	}
}

@media (max-width: 500px) {
	fieldset.filter {
		width: 31%;	
	}
	
}