@import "https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap";
#seachform{
	height:74px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1130px;
	font-size: 16px;
}
#seachform h3{
	font-family:'Roboto Condensed', sans-serif;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.5em;
	font-weight: normal;
}
/*#seachform a.btn, button.btn{
	padding: 13px 0 10px 0;
	margin-top: 2px;
	height: 17px;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 3px;
	display:block;
	border-radius:3px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	text-transform: uppercase;
	width:150px;
	float: right;
}

#seachform button.btn{
  height: 45px;
  border-radius: 5px;
}*/
#seachform form{
	font-family:'Roboto Condensed', sans-serif;
	display: block;
	padding: 5px 0 5px 0;
}
#seachform form table{
	border-collapse:collapse;
	width:100%;
}
#seachform form table td.collaps{
	width:21%;
	vertical-align: middle
}
#seachform select#selboat{
	background: #fff url(../images/mf-boat.png) no-repeat 5px 8px;
	padding-left:25px;
}
#seachform select#sellength{
	background: #fff url(../images/mf-lenght.png) no-repeat 5px 8px;
	padding-left:28px;
}
#seachform select#seldate{
	background: #fff url(../images/mf-calendar.png) no-repeat 5px 8px;
	padding-left:32px;
}
#seachform select#selpax{
	background: #fff url(../images/mf-travelers.png) no-repeat 3px 6px;
	padding-left:30px;
}
#seachform select{
	font-family:'Roboto Condensed', sans-serif;
	width:calc(100% - 3px);
	font-size:14px;
	-webkit-appearance:none;
	border:1px solid #ccc;
	padding:10px;
	font-weight:normal !important;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
	text-transform: uppercase;
	margin-right: 3px;
	border-radius:3px !important;
}
div.errors{
	color:red;
	font-size: 14px;
	text-align: center;
  padding-top: 15px;
}
@media only screen and (max-width: 1000px) {
	#seachform{
		width:100%;
		margin-bottom: 0;
		bottom: 0;
		height: auto;
		position: static;
	}
	#seachform a.btn, button.btn{
		width: 120px;
		text-indent: -1000em;
		width: 40px!important;
		background-image: url(../images/search.png);
		background-position:  center;
		background-repeat: no-repeat;
	}
	#seachform form{
		width:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		float:none;
		margin-top: 0;
		margin-bottom: 0;
	}
	#seachform form table td.collaps{
		width:23.3%;
	}
	#seachform select#selboat, #seachform select#sellength, #seachform select#seldate, #seachform select#selpax{
		background: #fff;
		padding-left:5px;
	}
}
@media only screen and (max-width: 716px) {
	#seachform{
		position:static;
		height:auto;
		padding:0px;
		margin:0px;
		width:auto;
	}
	#seachform a.btn, button.btn{
		border: 1px solid #ccc;
		font-size: 18px !important;
		height: auto;
		padding: 15px 0 15px 0;
		width:100% !important;
		text-indent: 0;
		background-image:none;
		margin-top: 10px;
	}
	#seachform form{
		border-radius: 0;
		float:none;
		width:auto !important;
	}
	#seachform form table{
		margin-left:0;
		width:calc(100% - 5px);
	}
	#seachform form table td{
		width:100% !important;
		margin-bottom:15px;
		padding-right:0px;
		display:block;
		clear:both;
	}
	#seachform select{
		margin-left:0;
		width: 100%
	}
	#seachform select#selboat{
		background: #fff url(../images/mf-boat.png) no-repeat 3px 7px;
		padding-left:25px;
	}
	#seachform select#sellength{
		background: #fff url(../images/mf-lenght.png) no-repeat 3px 7px;
		padding-left:28px;
	}
	#seachform select#seldate{
		background: #fff url(../images/mf-calendar.png) no-repeat 3px 6px;
		padding-left:32px;
	}
	#seachform select#selpax{
		background: #fff url(../images/mf-travelers.png) no-repeat 3px 6px;
		padding-left:30px;
	}
}