.reservationSelector, .showReservationSelector{
	font-family: 'Poppins', sans-serif;
}

.reservationSelector {
	top: 150px;
	z-index: 99999;
	color: #FFF;
    background-color:rgba(0,0,0,0.4);
    border-radius: 6px;
    margin: 0;
    padding: 10px;
}
.showReservationSelector {
	position: fixed;
	top: 60px;
	z-index: 999;
	color: #FFF;
    background-color:rgba(0,0,0,0.6);
    border-radius: 6px;
    padding: 10px;
}
.reservationSelector h4, .reservationSelector h5, .reservationSelector .best-hot,
.showReservationSelector h4, .showReservationSelector h5, .showReservationSelector .best-hot {
	color: #FFF;
}
.reservationSelector h3, .showReservationSelector h3{
	font-size: 2.5em;
	font-family: 'Poppins', sans-serif;
	text-align: left;
	color: #FFF;
}
.reservationSelector .form-group, .showReservationSelector .form-group{
	color: #000;
}
#errors_notification{
	font-family: 'Poppins', sans-serif;
	color: #FFF;
}
.logoHolder {
	top: 0px;
	left: 20px;
	position: fixed;
	z-index: 1000;
}

.reservationSelector .best-hot input[type="submit"], .showReservationSelector .best-hot input[type="submit"] {
	margin: 0;
}
	
/**responsive**/
@media ( max-width :2000px) {
	.logoHolder {
		top: 0px;
		width: 130px;
	}
	.reservationSelector {
		position: fixed;
		right: 150px;
		width: 30%;
	}
	.showReservationSelector {
		left: 10%;
		margin: 0;
		padding: 10px;
		width: 90%;
	}
	@media ( max-width :1080px) {
		.logoHolder {
			top: 50px;
		}
		.reservationSelector {
			top: 110px;
		}
		.showReservationSelector {
			top: 110px;
		}
	}
	@media ( max-width :480px) {
		.logoHolder {
			top: 0px;
		}
		
		.reservationSelector {
			position: relative;
			right: 0px;
			margin: 0 10px 10px 10px;
			padding: 10px;
			width: 90%;
		}
		.showReservationSelector {
			right: 0px;
			margin: 0 10px 10px 10px;
			padding: 10px;
			width: 90%;
		}
	}
}