.bookingWidget .tabs.vertical {
	max-width: 100%;
	width: auto;
	border-right: 5px solid #842f2f;
}
.bookingWidget .tabs .tab-title > a:hover { background-color: transparent; }
.bookingWidget .tabs .tab-title > a {
	padding: 0px 12.5px;
	background-color: transparent;
	font-family: "Dharma Gothic P W01 Regular","Dharma Gothic P", sans-serif;
	font-size: 2.5rem;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #33424c;
}
.bookingWidget .tabs .tab-title.active > a {
	position: relative;
	color: #842f2f;
  background-color: transparent;
}
.bookingWidget .tabs .tab-title.active > a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 16px;
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; 
  border-right:8px solid #842f2f; 
}
.bookingWidget .content label {
	font-family: "Avenir LT Std", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	color: #33424c;
}
.bookingWidget .content .fld .fa {
	position: absolute;
	right: 25px;
	bottom: 15px;
	cursor: pointer;
}
.bookingWidget .selectDate.datepicker {
  background: rgba(255, 255, 255, 0.5) url(/includes/public/assets/icons/misc/calendar-icon-red.png) no-repeat 95% !important;
}
.bookingWidget .content input[type="text"] {
	height: 2.8rem;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	font-family: "Avenir LT Std", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	color: #33424c;
}
.bookingWidget .content select {
	height: 2.8rem;
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	font-family: "Avenir LT Std", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
}
.bookingWidget .content .btn-submit {
	position: relative;
	float: right;
	margin-top: 17px;
	padding: 10px 30px;
	background-color: #842f2f;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-family: "Avenir LT Std", sans-serif;
	font-weight: 700;
	line-height: 2rem;
	white-space: nowrap;
}

@media only screen and (max-width: 62em) {
	.bookingWidget .tabs.vertical { margin-top: 25px; }
	.bookingWidget .tabs-content > .content { padding: 0; }
	.bookingWidget .content label { margin-top: 5px; }
	.bookingWidget .content .btn-submit { margin-top: 20px; }
}

@media only screen and (max-width: 48em) {
	.bookingWidget .tabs-content { padding-top: 20px; }
	.bookingWidget .tabs-content .buttoncol { text-align: center; }
	.bookingWidget .content .btn-submit {
		float: none;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.bookingWidget .tabs .tab-title { float: left !important; }
	.bookingWidget .tabs .tab-title.active > a:after {
		content: "";
		border-left: 8px solid transparent;
		border-right: 8px solid transparent; 
		border-bottom: 8px solid #842f2f;
		top: 34px; 
		left: 50%;
		margin-left: -8px;
	}
	.bookingWidget .tabs.vertical {
			width: 305px;
			margin: 25px auto;
			padding-left: 20px;
			border-right: none;
			border-bottom: 5px solid #842f2f
			
	}
}

.bookingWidget .booking-contact {
	font-family: "Avenir LT Std", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	color: #33424c;
}