.shared-filter{
	margin-bottom: 40px;
	overflow: hidden;
}
.shared-filter .background{
	background: #222 none repeat scroll 0 0;
	padding-bottom: 10px;
	padding-top: 20px;
}
.shared-filter input[type="text"]{

}
.shared-filter input[type="text"],
.shared-filter select{
	margin-bottom: 27px;
	font-family: superblue;
	font-size: 16px;
	color: #000;
	height: 40px;
	padding: 10px 15px 8px;
	border: none;
}
.shared-filter input[type="text"]:focus,
.shared-filter select:focus{
	border: none;
	background-color: #fff;
	box-shadow: 0 0 5px #999999;
}
.shared-filter select{
	 -moz-appearance: none;
	 appearance: none;
	 background-image: url("/includes/public/assets/icons/dropdown-arrow.png");
	 background-position: center right 10px;
	 background-size: 15px;
	 cursor: pointer;
}
.shared-filter input[type="submit"],
.shared-filter button,
.shared-filter .button{
	font-family: superblue;
	letter-spacing: normal;
	line-height: 0.9375rem;
	width: 100%;
	height: 40px;
	border: none;
	display: inline-block;
	padding: 10px;
	font-size: 16px;
	background-color: #B7C9D8;
	margin: 0;
}
.shared-filter button .fa {
	color: #022741;
}
.shared-filter input[type="submit"]:hover,
.shared-filter button:hover,
.shared-filter .button:hover{
}
.shared-filter .submit-col{
	text-align: center;
}
::-webkit-input-placeholder { color: #373a36; opacity: 1; } /* Webkit */
:-moz-placeholder { color: #373a36; opacity: 1;} /* Firefox 4-18 */
::-moz-placeholder { color: #373a36; opacity: 1;} /* Firefox 19+ */
:-ms-input-placeholder { color: #373a36; opacity: 1; } /* IE10+ */

.shared-filter .amenities-col{
	overflow: hidden;
}
.shared-filter .shared-amenities {
	border: none;
	padding: 8px 15px;
	margin-bottom: 60px;
	z-index: 100;
	background: #fff;
	color: #373a36;
	height: 40px;
	font-family: superblue;
	font-size: 16px;
	position: relative;
}
.shared-filter .shared-amenities.close{
	margin-bottom: 0;
}
.shared-filter .amenities {
	padding: 0;
	margin-bottom: 20px;
	z-index:  90;
	background: #B7C9D8;
	overflow: hidden;
	margin: 0;
	max-height: 0;
	border: none;
	position: relative;
	padding: 0 11px 0;
	top: -60px;
	-webkit-transition: max-height 200ms ease-in, padding 200ms ease-in;
	-moz-transition: max-height 200ms ease-in, padding 200ms ease-in;
	-o-transition: max-height 200ms ease-in, padding 200ms ease-in;
	transition: max-height 200ms ease-in, padding 200ms ease-in;
}
.shared-filter .amenities.open{
	max-height: 5000px;
	padding: 32px 11px 10px;
	margin: 0 0 30px;
	top: 0;
}
.shared-filter .shared-amenities .icon .plus{
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    display: block;
}
.shared-filter .shared-amenities.close .icon .plus{
	transform: rotate(-225deg);
}

.shared-filter .shared-amenities .icon .plus::before {
	content: "+";
	font-size: 20px;
	padding-left: 1px;
}
.shared-filter .amenities li { 
	padding-bottom: 0; 
	margin-bottom: 9px;
}
.shared-filter .amenities label {
	font-size: 16px;
	margin-right: 0;
	color: #022741;
}
.shared-filter .amenities label input{
	margin-right: 3px;
}
.shared-filter .shared-amenities a {
	background-image: url(/includes/public/assets/icons/down-arrow-white-icon.png);
    bottom: -29px;
    color: #F1B772;
    display: block;
    font-family: "FontAwesome" !important;
    font-size: 0.9375rem;
    font-weight: 400;
    height: 36px;
    left: 50%;
    line-height: 0.625rem;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 60px;
    z-index: 5;
    padding-top: 10px;
}
.shared-filter input[type="text"].datepicker{}
.shared-filter input[type="text"].datepicker{
	background-image: url("/includes/public/assets/icons/calendar-icon.svg");
	background-position: center right 10px;
	background-repeat: no-repeat;
}
.shared-filter .filter-container{
	max-width: 1020px;
    padding: 0 20px;
    margin: 0 auto;
}
.shared-filter .has-horz-line .horz-line::before{
	display: none;
}
.shared-filter .has-horz-line .horz-line::after{
	display: none;
}
.shared-filter .head-inner{
	margin-bottom: 25px;
}	

/*
|---------------------------------------------------------------------------------------------
|  MEDIA QUERIES
|---------------------------------------------------------------------------------------------
*/
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){ 
	.shared-filter .submit-col{
		text-align: right;
	}
	.shared-filter .shared-amenities {
		margin-bottom: 21px;
	}
	.shared-filter .shared-amenities a {
	    bottom: -20px;
	    padding-top: 15px;
	}
	.shared-filter input[type="text"],
	.shared-filter select{
		margin-bottom: 20px;
	}
	.shared-filter .has-horz-line .horz-line::before{
		display: block;
		left: 160%;
	}
	.shared-filter .has-horz-line .horz-line::after{
		display: block;
		right: 160%;
	}
	.shared-filter .head-inner{
		margin-bottom: 20px;
	}	
}
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .shared-filter .columns.tabNoPadRight{
    	padding-right: 0px;
    }
}
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) { 
	.shared-filter .columns.deskNoPadRight{
    	padding-right: 0px;
    }
}
