/*OpenSans*/
@font-face {
  font-family: "OB";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-Bold.html")
    format("truetype");
}

@font-face {
  font-family: "OE";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-ExtraBold.html")
    format("truetype");
}

@font-face {
  font-family: "OL";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-Light.html")
    format("truetype");
}

@font-face {
  font-family: "OM";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-Medium.html")
    format("truetype");
}

@font-face {
  font-family: "OS";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-SemiBold.html")
    format("truetype");
}

@font-face {
  font-family: "OR";
  src: url("wp-content/stylechung/fonts/OpenSans/OpenSans-Regular.html")
    format("truetype");
}

.f__ob {
  font-family: "OB";
}

.f__oe {
  font-family: "OE";
}

.f__ol {
  font-family: OL;
}

.f__om {
  font-family: OM;
}

.f__osb {
  font-family: OS;
}

.f__or {
  font-family: "OR";
}

/*Roboto*/
@font-face {
  font-family: "RB";
  src: url("stylechung/fonts/Roboto/Roboto-Bold.html") format("truetype");
}

@font-face {
  font-family: "RE";
  src: url("stylechung/fonts/Roboto/Roboto-ExtraBold.html") format("truetype");
}

@font-face {
  font-family: "RL";
  src: url("stylechung/fonts/Roboto/Roboto-Light.html") format("truetype");
}

@font-face {
  font-family: "RM";
  src: url("stylechung/fonts/Roboto/Roboto-Medium.html") format("truetype");
}

@font-face {
  font-family: "RS";
  src: url("stylechung/fonts/Roboto/Roboto-SemiBold.html") format("truetype");
}

/*Roboto Condensed*/
@font-face {
  font-family: "RCR";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-Regular.html")
    format("truetype");
}
@font-face {
  font-family: "RCB";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-Bold.html")
    format("truetype");
}
@font-face {
  font-family: "RCBI";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-BoldItalic.html")
    format("truetype");
}
@font-face {
  font-family: "RCI";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-Italic.html")
    format("truetype");
}
@font-face {
  font-family: "RCL";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-Light.html")
    format("truetype");
}
@font-face {
  font-family: "RCLI";
  src: url("stylechung/fonts/Roboto/RobotoCondensed-LightItalic.html")
    format("truetype");
}

.f__rb {
  font-family: "RB";
}

.f__re {
  font-family: "RE";
}

.f__rl {
  font-family: RL;
}

.f__rm {
  font-family: RM;
}

.f__rsb {
  font-family: RS;
}

.f__rr {
  font-family: "RR";
}

/*Roboto Condensed*/
.f__rcr {
  font-family: "RCR";
}
.f__rcb {
  font-family: "RCB";
}
.f__rcbi {
  font-family: "RCBI";
}
.f__rci {
  font-family: "RCI";
}
.f__rcl {
  font-family: "RCL";
}
.f__rcli {
  font-family: "RCLI";
}
.new_item .date {
  background-color: rgba(128, 164, 30, 0.64);
}
.new_item .date .day {
  display: inline;
}
.new_item .date .day:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 64%;
  margin: auto;
  width: 30%;
  height: 3px;
  background: #30580f;
}
.new_item .date .day span {
  color: white;
  /* font-family: OB; */
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (max-width: 1580px) {
  .new_item .date .day span {
    font-size: 22px;
    font-size: 1.125rem;
  }
}
.new_item .date .month span {
  color: white;
  /* font-family: RR; */
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1580px) {
  .new_item .date .month span {
    font-size: 14px;
    font-size: 0.625rem;
  }
}
.new_item .date .year:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  margin: auto;
  width: 30%;
  height: 3px;
  background: #30580f;
}
.new_item .date .year span {
  color: white;
  /* font-family: RR; */
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 1580px) {
  .new_item .date .year span {
    font-size: 18px;
    font-size: 0.875rem;
  }
}
#footer .footer__center .content .title_footer hgroup h3 {
  font-weight: 700;
  color: #5c8003;
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
}

#footer .footer__center .content .title_footer hgroup h4 {
  font-weight: 700;
  color: #5c8003;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1580px) {
  #footer .footer__center .content .title_footer hgroup h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #footer .footer__center .content .title_footer hgroup h4 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#footer .footer__center .content .title_footer hgroup h3:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  margin: 10px 0 0 0;
  width: 50%;
  height: 2px;
  background: #5c8003;
}

#footer .footer__bottom {
  /* background-color: #5c8003; */
}
#footer .footer__bottom p {
  font-family: RR;
  color: #5c8003;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1580px) {
  #footer .footer__bottom p {
    font-size: 15px;
    font-size: 0.6875rem;
  }
}

.d-none {
  display: none !important;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px;
}
svg:not(:root) {
  overflow: hidden;
}
.form-booking .modal-content {
  border-radius: 10px;
  border: none;
  background: #efefef;
}
.form-booking .modal-content .modal-body {
  padding: 30px 100px;
}
.form-booking .modal-title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem 0;
  background: #5c8003;
  color: #fff;
}
/* .form-booking .modal-header .btn-close {
  position: absolute;
  top: 28px;
  right: 30px;
  padding: 0;
  margin: 0;
  font-size: 20px;
  color: #fff;
} */
.gnws-book-loading {
  background: #00000024;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-booking .modal-content .modal-body form .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.form-booking .modal-content .modal-body form .form-group label {
  width: 160px;
  color: #000;
  font-weight: 600;
  flex-shrink: 0;
}
.form-booking .modal-content .modal-body form .form-group select {
  color: #000;
  cursor: pointer;
}
.form-booking .modal-content .modal-body form .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("_b8c2.html?=%20$url%20?>/fe-library/down.svg") !important;
  background-position: right 1.45em top 50% !important;
  background-repeat: no-repeat !important;
}
.form-booking .modal-content .modal-body form .form-group input,
.form-booking .modal-content .modal-body form .form-group select {
  flex: 1;
  padding: 0 30px;
  width: 100%;
  border: none;
  background: #fff;
  height: 45px;
  border-radius: 20px;
  border: 1px solid transparent;
  font-size: 18px;
}
.form-booking .modal-content .modal-body form .form-group input::placeholder,
.form-booking .modal-content .modal-body form .form-group select::placeholder {
  font-size: 15px;
}
.form-booking .modal-content .modal-body form .form-group-50 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.form-booking .modal-content {
  /*height: 730px;*/
}
.modal-content {
  padding: 0;
}
.modal-header {
  position: relative;
}

.form-booking .modal-content .modal-body form .form-group input:focus,
.form-booking .modal-content .modal-body form .form-group select:focus {
  outline: none;
  border: 1px solid #5c8003;
}
.form-booking button {
  font-size: 16px;
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  display: block;
  text-align: center;
  color: #fff;
  background: #5c8003;
  margin: auto;
  margin-top: 30px;
  border: unset;
  margin-bottom: 20px;
}
select:disabled {
  cursor: not-allowed !important;
}
.form-booking .modal-content .modal-body form .form-group-50 .form-group {
  width: 48%;
}

.form-bs2 {
  padding-top: 20px;
}
.form-bs2 select,
.form-bs2 input {
  display: block;
  transition: none;
  font-size: 12px;
  color: #858585;
  border: none;
  background: #e9e9e9;
  height: 40px;
  width: 100%;
}

.Hunter-time-picker {
  position: absolute;
  border: 2px solid #c9cbce;
  width: 390px;
  background: #ffffff;
  z-index: 999999;
  font-size: 0;
}

.Hunter-time-picker:before,
.Hunter-time-picker:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  position: absolute;
  left: 20px;
  z-index: 999999;
}

.Hunter-time-picker:before {
  border-color: transparent transparent #ffffff;
  top: -17px;
  z-index: 9999999;
}

.Hunter-time-picker:after {
  border-color: transparent transparent #c9cbce;
  top: -20px;
}

.Hunter-time-picker * {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  color: #666666;
  font-size: 14px;
}

.Hunter-time-picker ul {
  list-style: none;
}

.Hunter-time-picker ul li {
  display: inline-block;
  position: relative;
  margin: 4px;
  cursor: pointer;
}

.Hunter-time-picker p {
  font-weight: bold;
  padding: 0 4px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.Hunter-time-picker .line {
  width: 340px;
  margin: 0 auto;
  margin-top: 4px;
  border-bottom: 1px solid #d8d8d8;
}

/*选择小时*/

.Hunter-time-picker .Hunter-wrap {
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 9px;
}

.Hunter-time-picker .Hunter-hour-name {
  display: inline-block;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  background-color: #f5f5f5;
}

.Hunter-time-picker .Hunter-hour-name:hover {
  color: #002dff;
}

.Hunter-time-picker .Hunter-hour.active {
  z-index: 999999999;
}

.Hunter-time-picker .active .Hunter-hour-name {
  color: #ffffff;
  background-color: #3a7adb;
}

.Hunter-time-picker .Hunter-minute-wrap {
  display: none;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  position: absolute;
  top: 29px;
  width: 370px;
  padding: 10px 10px 5px 10px;
}

.Hunter-time-picker .Hunter-minute {
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #999999;
  background-color: #f5f5f5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Hunter-time-picker .Hunter-minute:hover {
  color: #002dff;
}

.Hunter-time-picker .Hunter-minute.active {
  color: #ffffff;
  background-color: #3a7adb;
}

.Hunter-time-picker .Hunter-clean-btn {
  width: 108px;
  height: 30px;
  background-color: #3a7adb !important;
  color: #ffffff;
  background-image: none !important;
  border: 5px solid #3a7adb;
  border-radius: 0;
}

.Hunter-time-picker .Hunter-clean-btn:hover {
  background-color: #0b4b94 !important;
  border-color: #3a7adb;
}