/* -------------------------


Booking form

--------------------------- */

.bt-modal {
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255, .75);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: .2s ease;
  transition: .2s ease;

}

.dmn-form {
	visibility: visible;
}

.dmn-form.loaded {
	visibility: visible;
}

.bt-modal.show-modal {
  opacity: 1;
}

.bt-modal form,
.bt-modal .dmn-form {
	position: relative;
	font-family: inherit;
	background: #00e392;
	padding: 45px 25px;
	color: #fbfef9;
	border: 0;
	border-radius: 16px;
	width: 95%;
	max-width: 400px;
	text-align: center;
	min-width: 280px;
	margin: 0 auto;
	box-sizing: border-box;
}

.bt-modal.contact-modal form {
  max-width: 600px;
}


.bt-modal .dmn-form .btn.submit {
	width: auto;
}


.bt-modal input,
.bt-modal textarea,
.bt-modal select {
    max-width: 100%;
    padding: 5px;
}

.bt-modal input,
.bt-modal button,
.bt-modal select,
.bt-modal label,
.bt-modal .dmn-form label,
.bt-modal textarea {
	font-family: inherit !important;
	font-size: 18px;
	font-weight: 300 !important;
	margin-bottom: 20px !important;
	border: 0 !important;
}
.bt-modal .dmn-form label {
  margin-bottom: 5px !important;
}

.dmn-form .datepicker.popover .btn.date, .dmn-form .datepicker.inline .btn.date, .dmn-form .dropdown-menu[datepicker-popup-wrap] .btn.date, .dmn-form [uib-datepicker-popup-wrap] .btn.date {
margin: 0 !important;
}

.bt-modal  .dmn-form input[type="text"] {
	padding: 0 5px;
}

.bt-modal h1,
.bt-modal .dmn-form h1 {
	font-size: 52px;
	line-height: 42px;
	margin-bottom: 30px;
	text-transform: none;
}


.bt-modal .datepicker {
	color: #000;
}

.bt-modal .btn-link,
.bt-modal .dmn-form .btn-link {
	color: #000;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.bt-modal input[type="submit"],
#submit-form-button,
.bt-modal .dmn-form .btn-primary {
    background: white;
    color: #09547F;
	font-family: inherit;
    font-size: 22px;
    line-height: 1;
    padding: 5px 20px;
	border: 0;
	margin: 0 auto;
    outline: 0;
    box-shadow: none;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.bt-modal input[type="submit"]:focus,
.bt-modal input[type="submit"]:hover,
.bt-modal .dmn-form .btn-primary:hover,
.bt-modal .dmn-form .btn-primary:focus {
    background: #09547F;
    color: white;
}

.bt-modal .powered-by {
	display: none;
}

.bt-modal .close-pop-up {
	width: 30px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
}

.bt-modal .close-pop-up:before,
.bt-modal .close-pop-up:after {
	content: "";
	position:absolute;
	display:block;
	width: 25px;
	height: 3px;
	background: #fbfef9;
	top: 14px;
}

.bt-modal .close-pop-up:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bt-modal .close-pop-up:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.page-template-booking .booking-wrapper {
	opacity: 1;
	background: transparent;
    position: relative;
	
}

.page-template-booking .booking-wrapper .dmn-form  {
	margin: 90px auto;
}

.page-template-booking .bt-modal .close-pop-up {
	display: none;
}

body.dmn-modal-open {
    overflow: hidden;
    position: relative !important;
}



@media (max-height:767px) {
	.bt-modal {
		overflow: scroll;
		display: block;
		max-width: 100%;
	}
	
}