.host{
	margin-right: auto;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    color: #828282;
    text-decoration: none;
}
.host a{
	font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    color: #828282;
    text-decoration: none;
}
input[name="filter"]{
width: 200px;
    height: 45px;
    flex-shrink: 0;
    background: #ffdb4d;
    border-radius: 3px;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    opacity: 1 !important;
    margin-top: 25px;
}
.top-form .filter_slider .inputs{
	display: none;
}
.top-form .price-block{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 8px;	
}
.top-inner .select-wrapper.city {
    flex-basis: 20%;
}
.top-inner .input-wrapper{
	flex-basis: 60%;
}

.top-form .top-form-title{
	display:none;
}
@media (max-width: 899px){
.top .select-wrapper.city {
    flex-basis: 100%;
}
	.top .top-form-drop.active {
     display: block; 
}
	.top .select-wrapper.how {
    flex-basis: 100%;
}
	.top .top-form-drop.active {
    display: block; 
}
	.top .top-form-drop{
		    top: 0px;
		display: block;
    position: relative;
    visibility: visible;
		margin-bottom: 15px;
	}

	.top .input-wrapper.price-block{
		flex-basis: 100%;
		background: white;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
	}
	.top .input-wrapper {
    flex-basis: 100%;
		display: block;
		margin-bottom: 15px;
}
	.top .top-form-drop {
	width: 100%;
	}
	.top .top-form-button span.small {
    display: none;
}
	.top .top-form-button span.large {
    display: block;
}
}