.modern-p-form {
  zoom: 1;
  cursor: default;
  font-family: "Lato";
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  text-align: left;
}
.modern-p-form::before,
.modern-p-form::after {
  content: "";
  display: table;
}
.modern-p-form label {
  font-weight: normal;
  margin-bottom: 8px;
  color: #666;
}
.modern-p-form .p-check-container,
.modern-p-form label .row {
  display: block;
}
.modern-p-form .p-fixed-sm {
  display: block;
  height: 120px;
  line-height: 120px;
}
.modern-p-form .p-check-side {
  position: relative;
}
.modal-backdrop.show {
  display: none;
}
.modern-p-form .p-content img {
  margin-bottom: 20px;
  display: inline-block;
  max-width: 400px;
  max-height: 250px;
  height: 100%;
  width: 100%;
  min-height: 215px;
}
#contact .form-group textarea#comments {
  height: 130px;
  font-family: "Montserrat", "Open Sans";
}
.error_message {
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
}
div#message h3 {
  color: #0984e3;
}
div#success_page img {
  max-width: 60px;
}
.modern-p-form
  .p-check-next:checked
  ~ .p-check-container
  .p-check-icon
  .p-check-block,
.modern-p-form :checked ~ .p-check-icon .p-check-block {
  border-color: #0984e3;
}
.booking-form-modal .form-control {
  margin-bottom: 15px;
  padding: 5px 12px !important;
}
.modal.show .modal-dialog {
  margin-top: 80px;
}
.p-content-title.p-colored-text {
  color: #0984e3;
}
.modal-content {
  background-color: rgba(241, 242, 246, 0.94);
}
.booking-form-modal .contact-1 .form-container {
  margin-top: 0 !important;
}

.booking-form-modal .first-p-form {
  margin-bottom: 80px;
  width: 100%;
}
.booking-form-modal .modal-dialog {
  width: 100%;
  max-width: 800px !important;
}

.booking-form-modal .modal-body {
  padding: 0 !important;
}

.booking-form-modal .modal-body .close {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 2000;
}

.booking-form-modal .contact-1 .form-container {
  margin-top: 0 !important;
}

.modern-p-form .p-check-side .p-check-icon,
.modern-p-form .p-check-side .p-switch-icon {
  position: absolute;
  left: 0;
  top: 37%;
  margin: -12px 0 0;
}

.booking-form-modal .first-p-form {
  margin-bottom: 80px;
  width: 100%;
}
.p-form-modern-orange .p-check-block::after {
  background-color: #0984e3;
  border-color: #0984e3;
}
.booking-form-modal .room_txt {
  margin-top: 23px !important;
  margin-bottom: 35px !important;
  font-size: 28px;
  font-family: "Montserrat", "Open Sans";
  letter-spacing: 0px;
  font-weight: 500;
  color: #fff;
  background: #0984e3;
  display: inline-block;
  padding: 10px 25px;
}

.booking-form-modal .form-control {
  margin-bottom: 15px;
  padding: 5px 12px;
}

.booking-form-modal .container {
  width: 100%;
}
.form-control {
  /* display: block; */
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
div#contact {
  border: 1px solid #0984e3;
  padding: 20px 30px;
}
#message {
  margin-top: 5px;
  margin-bottom: 10px;
  /* background: rgba(255, 118, 117, 0.2);
  padding: 10px; */
  font-size: 1.25em;
  /* border-radius: 5px; */
  color: rgb(214, 48, 49);
  /* border: 1px solid rgba(214, 48, 49, 0.8); */
}
.p-form.p-form-sm.first-p-form {
  margin-bottom: 0px;
}
.success {
  font-family: "Montserrat", "Open Sans";
  font-size: 40px;
  color: #42900a;
}
.modern-p-form .p-check-block,
.modern-p-form .p-file-wrap [type="file"],
.modern-p-form .p-preview-bg,
.modern-p-form .p-no-preview,
.modern-p-form .p-preview,
.modern-p-form .p-preview *,
.modern-p-form .p-image-upload input[type="file"] {
  position: absolute;
  /* left: 0; */
  /* top: 0; */
  left: 100%;
  top: 70px;
  width: 100%;
  height: 100%;
}
.ui-widget-content {
  border: 1px solid #0984e3 !important;
  background: #fff;
  color: #ae0101 !important;
}
.ui-state-default {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  color: #ae0101 !important;
  font-weight: normal !important;
}
.ui-state-default.ui-state-active {
  background: #ae0101;
  color: #fff !important;
}
.nav-link.booking.btn.btn-main.btn-block {
  /* background: #fdb90b; */
  color: #0984e3;
  border: 1px solid #0984e3;
  padding-left: 20px;
  padding-right: 20px;
  outline: none !important;
}
.btn:focus {
  outline: none;
}
#contact button {
  /* background: #0984e3 !important; */
  padding: 10px 25px !important;
  border: 1px solid transparent !important;
  /* color: #fff !important; */
  transition: all 0.4s;
  font-size: 1.3em;
}
#contact button:hover {
  background: #fff !important;
  padding: 10px 25px !important;
  border: 1px solid #0984e3 !important;
  color: #0984e3 !important;
  transition: all 0.4s;
  font-size: 1.3em;
}
.modern-p-form .p-content .p-content-title {
  font-size: 20px !important;
  line-height: 22px !important;
  font-family: "Montserrat", "Open Sans" !important;
}
.modern-p-form .p-check-side .p-content {
  width: 100%;
  display: inline-block;
  vertical-align: super;
}
@media screen and (max-width: 767px) {
  .booking-form-modal .modal-dialog {
    max-width: 600px !important;
    /* margin: 10px auto; */
    min-width: 330px;
    width: 100%;
    text-align: center;
  }
  .modern-p-form .p-check-container,
  .modern-p-form label .row {
    display: block;
    min-height: 277px;
  }
  .p-form.p-form-sm.first-p-form {
    margin-bottom: 30px;
  }
  .modal.show .modal-dialog {
    margin-top: 156px !important;
    z-index: 999999 !important;
  }
}