/* montserrat-light */

@font-face {
  font-family: "montserrat-light";
  src: url("/public/fonts/montserrat-light.eot");
  src: url("/public/fonts/montserrat-light.eot?#iefix") format("embedded-opentype"), url("/public/fonts/montserrat-light.woff2") format("woff2"), url("/public/fonts/montserrat-light.woff") format("woff"), url("/public/fonts/montserrat-light.ttf") format("truetype"), url("/public/fonts/montserrat-light.svg#montserrat-light") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* montserrat-regular */

@font-face {
  font-family: "montserrat-regular";
  src: url("/public/fonts/montserrat-regular.eot");
  src: url("/public/fonts/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("/public/fonts/montserrat-regular.woff2") format("woff2"), url("/public/fonts/montserrat-regular.woff") format("woff"), url("/public/fonts/montserrat-regular.ttf") format("truetype"), url("/public/fonts/montserrat-regular.svg#montserrat-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* montserrat-medium */

@font-face {
  font-family: "montserrat-medium";
  src: url("/public/fonts/montserrat-medium.eot");
  src: url("/public/fonts/montserrat-medium.eot?#iefix") format("embedded-opentype"), url("/public/fonts/montserrat-medium.woff2") format("woff2"), url("/public/fonts/montserrat-medium.woff") format("woff"), url("/public/fonts/montserrat-medium.ttf") format("truetype"), url("/public/fonts/montserrat-medium.svg#montserrat-medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* montserrat-semibold */

@font-face {
  font-family: "montserrat-semibold";
  src: url("/public/fonts/montserrat-semibold.eot");
  src: url("/public/fonts/montserrat-semibold.eot?#iefix") format("embedded-opentype"), url("/public/fonts/montserrat-semibold.woff2") format("woff2"), url("/public/fonts/montserrat-semibold.woff") format("woff"), url("/public/fonts/montserrat-semibold.ttf") format("truetype"), url("/public/fonts/montserrat-semibold.svg#montserrat-semibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* montserrat-bold */

@font-face {
  font-family: "montserrat-bold";
  src: url("/public/fonts/montserrat-bold.eot");
  src: url("/public/fonts/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("/public/fonts/montserrat-bold.woff2") format("woff2"), url("/public/fonts/montserrat-bold.woff") format("woff"), url("/public/fonts/montserrat-bold.ttf") format("truetype"), url("/public/fonts/montserrat-bold.svg#montserrat-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow: auto;
}

body {
  margin: 0 auto;
  padding: 0px;
  background: #fff;
  color: #000;
  font-family: "montserrat-light";
  font-size: 13px;
  line-height: 1em;
}

a {
  color: #000;
  border: none;
  outline: none;
  text-decoration: none;
}

a:link,
a:visited {
  outline: none;
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

button:focus {
  outline: 0 !important;
}

.clear {
  clear: both;
}

.no-padding {
  margin: 0px;
  padding: 0px;
}

.img {
  width: 100%;
}

iframe[name=google_conversion_frame] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}

.google {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

.subject {
  padding-bottom: 17px;
  color: #b19a6f;
  font-family: "Playfair Display", serif;
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  text-align: center;
}

.link a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #37342e;
  font-family: "montserrat-regular";
  font-size: 13px;
  letter-spacing: 1px;
}

.link svg {
  margin-top: 2px;
  margin-left: 20px;
  width: 36px;
  height: 10px;
  fill: none;
  stroke: #37342e;
  stroke-miterlimit: 10;
}

.link.brown a {
  justify-content: flex-start;
  align-items: center;
  color: #bdaa80;
}

.link.brown svg {
  stroke: #bdaa80;
}

.bannerpage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 271px;
}

.bannerpage .title {
  color: #fff;
  font-family: "montserrat-regular";
  text-align: center;
}

.bannerpage .title h1 {
  margin: 0px;
  padding: 0px 0px 5px 0px !important;
  color: #fff !important;
  font-family: "Playfair Display", serif;
  letter-spacing: 1px;
  line-height: 1em;
}

.highlights {
  color: #c2996e;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.bookingprocess {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0px;
}

.bookingprocess li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  background: url("/public/img/booking/bullet.svg") no-repeat right 12px;
  padding-right: 20px;
  margin-right: 20px;
}

.bookingprocess li:last-child {
  background: none;
  padding-right: 0px;
  margin-right: 0px;
}

.bookingprocess li.active .circle {
  color: #fff;
  background: #b19a6f;
  border: 1px solid #b19a6f;
}

.bookingprocess li.active .title {
  color: #b19a6f;
}

.bookingprocess li .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #808080;
  color: #808080;
  font-family: "montserrat-bold";
  font-size: 15px;
}

.bookingprocess li .title {
  padding-left: 15px;
  color: #808080;
  font-family: "montserrat-bold";
  font-size: 13px;
}

.loading {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
}

.loading img {
  width: 100px;
}

@media (max-width: 374px) {
  .bookingprocess li {
    padding-right: 15px;
    margin-right: 5px;
    background: url("/public/img/booking/bullet.svg") no-repeat right 10px;
  }

  .bookingprocess li .circle {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .bookingprocess li .title {
    padding-left: 5px;
  }
}

@media (max-width: 991px) {
  .container {
    width: 100%;
    padding: 0px;
  }

  .container .row {
    padding: 0px;
    margin: 0px;
  }

  .no-padding-mobile {
    margin: 0px;
    padding: 0px;
  }

  .bookingprocess li {
    padding-right: 20px;
    margin-right: 10px;
  }

  .bookingprocess li .circle {
    font-size: 12px;
  }

  .bookingprocess li .title {
    padding-left: 5px;
  }

  .subject {
    padding-bottom: 10px;
    font-size: 33px;
    line-height: 25px;
  }

  .link a {
    font-size: 10px;
  }

  .bannerpage .title {
    font-size: 14px;
  }

  .bannerpage .title h1 {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  .no-padding-pc {
    margin: 0px;
    padding: 0px;
  }

  .bannerpage {
    padding-top: 45px;
    min-height: 371px;
  }

  .bannerpage .title {
    font-size: 18px;
  }

  .bannerpage .title h1 {
    font-size: 50px;
    line-height: 1.2em;
  }

  .header-height {
    height: 67px;
  }
}

.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 99;
}

.modal .social a {
  display: block;
  background: #6e6757;
  border-radius: 3px;
  max-width: 250px;
  margin: 0 auto;
}

.modal .social a img {
  height: 18px;
}

.modal .social__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.modal .social__image {
  border-right: 1px solid #9d9a92;
  padding-right: 15px;
  margin-right: 15px;
  text-align: center;
}

.modal .social__title {
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  color: #fff;
}

.modal .closes {
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal .closes img {
  width: 25px;
  float: right;
}

.modal .closes svg {
  width: 15px;
  float: right;
}

.modal .submit {
  background: #c8b88b;
  margin-top: 15px;
  padding: 15px 0px;
  width: 100%;
  display: block;
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  color: #fff;
  text-align: center;
}

.modal .modal-dialog {
  width: 100%;
  max-width: 800px;
  margin: 0px;
}

.modal__content {
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding: 30px 0px;
}

.modal__content h1 {
  margin: 0px 0px 30px 0px;
  color: #c2996e;
  font-size: 27.57px;
  font-family: "Playfair Display", serif;
  text-align: center;
}

.modal__content h2 {
  margin: 0px 0px 15px 0px;
  color: #c2996e;
  font-size: 18px;
  font-family: "Playfair Display", serif;
}

.modal__content .detail {
  color: #828282;
  font-size: 10.31px;
  line-height: 2em;
  font-family: "montserrat-regular";
}

.modal__content .detailpd {
  padding-bottom: 15px;
  color: #828282;
  font-size: 10.31px;
  line-height: 2em;
  font-family: "montserrat-regular";
}

@media (max-width: 991px) {
  .modal .social__image {
    width: 30%;
  }

  .modal .social__title {
    width: 70%;
  }

  .modal .modal-dialog {
    padding: 15px;
  }
}

@media (min-width: 992px) {
  .modal {
    text-align: center;
    padding: 0 !important;
  }

  .modal .modal-dialog {
    width: 100%;
    max-width: 800px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }

  .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }

  .modal__content {
    padding: 30px;
  }
}

#vdoModal {
  padding: 5%;
}

#vdoModal .modal .modal-dialog {
  width: 100%;
  max-width: 1200px !important;
}

#vdoModal .modal__content {
  width: 100%;
  max-width: 1200px !important;
  padding: 0;
  margin: 0 auto;
  background: transparent;
  border: 0;
  position: relative;
}

#vdoModal .modal__content .closes {
  right: -28px;
  top: -20px;
}

#vdoModal .modal__content iframe {
  border: 0;
  width: 100%;
}

#loginModal .modal__content {
  max-width: 450px;
}

#loginModal .modal__detail {
  margin-bottom: 40px;
}

#verifyModal .image,
#blockModal .image {
  text-align: center;
}

#verifyModal .image img,
#blockModal .image img {
  width: 60px;
}

#verifyModal .subject,
#blockModal .subject {
  padding: 60px 0px 30px 0px;
}

#verifyModal .detail,
#blockModal .detail {
  padding-bottom: 30px;
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #828282;
  font-size: 14px;
  text-align: center;
}

#verifyModal .detail span,
#verifyModal .detail a,
#blockModal .detail span,
#blockModal .detail a {
  color: #c8b88b;
}

#verifyModal .modal__content,
#blockModal .modal__content {
  padding-bottom: 60px;
}

* {
  box-sizing: border-box;
}

/* form starting stylings ------------------------------- */

textarea {
  display: block;
  width: 100%;
  height: 40px;
  resize: none;
  padding: 0px 15px 10px 15px;
  overflow: hidden;
  -webkit-appearance: none;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  background: none;
  color: #252525;
  font-family: "montserrat-regular";
  font-size: 13px;
}

input[type=text],
input[type=password],
input[type=date] {
  display: block;
  width: 100%;
  padding: 0px 15px 10px 15px;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  background: none;
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  color: #252525;
  font-family: "montserrat-regular";
  font-size: 13px;
}

input[type=password] {
  position: relative;
  font-size: 15px;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  /* Chrome/Opera/Safari */
  color: #969696 !important;
  font-family: "montserrat-regular";
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

input:-moz-read-only {
  background-color: #ededed;
}

input:read-only {
  background-color: #ededed;
}

input[type=text] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

input[type=submit] {
  border: none !important;
  background-color: transparent;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

@-webkit-keyframes autofill {
  to {
    background: transparent;
    color: #252525;
    font-family: "montserrat-regular";
    font-size: 13px;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

/* LABEL ======================================= */

label,
.label-drop {
  position: absolute;
  left: 15px;
  right: 0px;
  top: 0px;
  z-index: 30;
  cursor: pointer;
  color: #969696;
  font-family: "montserrat-regular";
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.label-drop {
  display: none;
  top: -15px;
  color: #969696;
  font-size: 15px;
}

/* active state */

input:focus ~ label,
.input ~ label,
textarea:focus ~ label,
.uplabel {
  color: #969696;
  font-size: 12px;
  display: none;
}

input[type=submit]:disabled,
input[type=text]:disabled,
input[type=text]:disabled ~ label,
input[type=password]:disabled,
input[type=password]:disabled ~ label {
  cursor: not-allowed;
  opacity: 0.5;
}

.input {
  border-bottom: 1px solid #dcdcdc !important;
}

.bar {
  position: relative;
  display: block;
}

.bar:before,
.bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #d29036;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.bar:before {
  left: 50%;
}

.bar:after {
  right: 50%;
}

input:focus ~ .bar:before,
input:focus ~ .bar:after,
textarea:focus ~ .bar:before,
textarea:focus ~ .bar:after {
  width: 50%;
}

.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

input:focus ~ .highlight,
textarea:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

input:focus,
button:focus {
  outline: 0 !important;
}

/*--FORM--*/

.form {
  margin: 0 auto;
  padding: 0px;
  width: 100%;
}

.formgroup {
  position: relative;
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}

.form-error {
  font-family: "montserrat-regular";
  opacity: 1;
}

.form-error.help-block {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: -30px;
  z-index: 1;
  display: block;
  border: none;
  color: #ce6214;
  font-size: 10px;
  text-align: right;
}

@media (max-width: 991px) {
  .formgroup-mobile {
    margin-bottom: 15px;
  }
}

.invalid-feedback {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: -15px;
  font-family: "montserrat-regular";
  color: #ce6214;
  text-align: right;
}

/* CHECKBOX ======================================= */

.checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #a8a8a8;
  font-family: "montserrat-regular";
  font-size: 10px;
  line-height: 35px;
}

.checkbox a {
  text-decoration: underline !important;
}

/* Hide the browser's default checkbox */

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox .checkmark:after {
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  background: url("/public/img/member/checkbox.svg") no-repeat 1px 2px;
  background-size: 13px 13px;
  border: none;
  border-radius: 0px;
}

.choice {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.choice li {
  list-style: none;
  position: relative;
}

.choice li label {
  color: #000;
  font-size: 12px;
  font-family: "montserrat-medium";
}

.radio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #a8a8a8;
  font-family: "montserrat-regular";
  font-size: 10px;
  line-height: 35px;
}

.radio a {
  text-decoration: underline !important;
}

/* Hide the browser's default radio button */

.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkround {
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #f2f2f2;
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
}

/* When the radio button is checked, add a blue background */

.radio input:checked ~ .checkround,
.radio input:checked ~ .checksquare {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkround:after {
  content: "";
  position: absolute;
  display: none;
}

.checksquare:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

.radio input:checked ~ .checkround:after,
.radio input:checked ~ .checksquare:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.radio .checkround:after {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #b19a6f;
}

.radio .checksquare:after {
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  background: url("/public/img/member/checkbox.svg") no-repeat center 3px #000;
  background-size: 10px 10px;
  border: none;
  border-radius: 3px;
}

#header {
  position: relative;
  z-index: 99;
}

#header .navbar {
  position: relative;
  background: none;
  border: none;
  width: 100%;
  padding: 0px;
  z-index: 10;
}

#header .nav > li > a:focus,
#header .nav > li > a:hover {
  background: none;
}

#header .dropdown {
  position: relative;
}

#header .dropdown a {
  display: block;
  padding: 10px 0px;
}

#header .dropdown .dropdown-toggle {
  padding-right: 20px;
}

#header .dropdown.open .caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#header .dropdown .caret {
  position: absolute;
  right: 0;
  top: 13px;
  border: none;
  background: url("/public/img/member/down.svg") no-repeat;
  width: 15px;
  height: 7px;
  transition: all 0.3s;
}

#header .dropdown .dropdown-menu {
  margin: 0 auto;
  border-radius: 0px;
  background: #474747;
  min-width: 100%;
  cursor: pointer;
  padding: 5px 30px;
  border: none;
  top: 35px;
  left: auto;
  right: 0;
}

#header .dropdown .dropdown-menu li {
  border: none;
  padding: 0px;
}

#header .dropdown .dropdown-menu li a {
  margin: 0px;
  padding: 7px 0px;
  display: block;
  color: #b19a6f;
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  font-size: 12px;
}

#header .dropdown .dropdown-menu li a:hover,
#header .dropdown .dropdown-menu li a:focus {
  color: #b19a6f;
  background: none;
}

#header .lang,
#header .member {
  font-family: "montserrat-regular";
  font-size: 10px;
  letter-spacing: 1px;
  color: #474747;
}

#header .member {
  display: flex;
  align-items: center;
}

#header .member img {
  width: 15px;
  margin-right: 5px;
  vertical-align: baseline;
}

#header .member a {
  display: flex;
  align-items: flex-end;
}

#header .member a .caret {
  top: 16px;
}

#header .topmenu {
  background: #fff;
}

#header .topmenu .container {
  max-width: 1150px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

#header .topmenu .logo svg {
  width: 100px;
}

#header .topmenu .logo .st0 {
  fill: #b19a6f;
}

#header .topmenu .book {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#header .topmenu .book .booking a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  color: #fff;
  font-family: "montserrat-semibold";
  font-size: 12px;
  line-height: 1em;
  text-align: center;
}

#header .checkbooking {
  position: relative;
  padding-right: 15px;
}

#header .checkbooking input[type=text] {
  border: 1px solid #c2b082;
}

#header .checkbooking input[type=submit] {
  position: absolute;
  right: 20px;
  top: 5px;
}

#header .checkbooking .search {
  background: url("/public/img/header/search.svg") no-repeat center top;
  background-size: cover;
  width: 20px;
  height: 20px;
}

@media (max-width: 991px) {
  #header .topmenu {
    position: relative;
  }

  #header .topmenu:after {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #a28554;
    z-index: 0;
    content: "";
  }

  #header .topmenu .container {
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
    height: 65px;
  }

  #header .topmenu .book {
    position: relative;
    z-index: 1;
    padding: 0px;
    height: 100%;
    background: url("/public/img/header/bg-button.png") no-repeat right top;
    background-size: cover;
  }

  #header .topmenu .book .booking {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    background: none;
  }

  #header .topmenu .book .booking a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0px 30px;
    background: none;
  }

  #header .topmenu .logo {
    text-align: center;
  }

  #header .lang,
  #header .member {
    padding-right: 15px;
  }

  #header .lang a .caret,
  #header .member a .caret {
    top: 12px;
  }

  #header .checkbooking {
    position: relative;
    padding: 0px 30px;
  }

  #header .checkbooking input[type=text] {
    padding-top: 8px;
    height: 40px;
  }

  #header .checkbooking input[type=submit] {
    right: 40px;
    top: 11px;
  }

  #header .checkbooking .search {
    background: url("/public/img/header/search.svg") no-repeat center top;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
  }

  #header .checkbooking .form-error.help-block {
    right: 30px;
  }

  #header .hamburger img {
    width: 30px;
  }

  #header .hamburger-close img {
    width: 20px;
  }

  #header .mobile-bottom {
    position: relative;
    padding: 20px 30px 15px 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #header .navbar {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
  }

  #header .navbar-collapse {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border: none;
    background: #fff;
  }

  #header .collapse.in {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    display: block !important;
  }

  #header .navbar-nav > li {
    float: none;
    clear: both;
  }

  #header .navbar-collapse {
    border: none;
  }

  #header .navbar-collapse .navbar-nav {
    width: 100%;
    margin: 0px;
    margin-top: 30px !important;
    min-height: 50vh;
  }

  #header .navbar-collapse.collapse {
    display: none !important;
  }

  #header .collapse.in {
    display: block !important;
  }

  #header .navbar-nav > li > a {
    padding: 20px 30px;
    font-family: "Playfair Display", serif;
    font-size: 11.88px;
    line-height: 1em;
    color: #b19a6f;
    font-size: 20px;
    text-transform: uppercase;
  }

  #header .navbar-nav > li > a:hover,
  #header .navbar-nav > li > a:active,
  #header .navbar-nav > li > a:focus,
  #header .navbar-nav > li > a.active {
    color: #b19a6f;
    font-weight: 700;
    text-decoration: underline;
  }

  #header .navbar-nav > .open {
    background: none;
  }

  #header .navbar-nav > .open > a,
  #header .navbar-nav > .open:hover,
  #header .navbar-nav > .open:focus {
    color: #b19a6f;
    background: none;
  }
}

@media (min-width: 992px) {
  #header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
  }

  #header .topmenu {
    display: flex;
    align-items: center;
    height: 67px;
  }

  #header .topmenu .booking a {
    width: 112px;
    height: 30px;
  }

  #header .checkbooking {
    max-width: 180px;
  }

  #header .checkbooking input[type=text] {
    padding: 3px 40px 2px 10px;
    width: 170px;
    height: 30px;
  }

  #header .checkbooking input[type=submit] {
    top: 8px;
  }

  #header .checkbooking .search {
    background: url("/public/img/header/search.svg") no-repeat center top;
    background-size: 100% 100%;
    width: 13px;
    height: 13px;
  }

  #header .checkbooking .form-error.help-block {
    bottom: -25px;
    right: 10px;
  }

  #header .member {
    padding: 0px 15px;
  }

  #header .member img {
    width: 13px;
  }

  #header .menu {
    background: rgba(66, 59, 58, 0.9);
  }

  #header .navbar {
    margin: 0px;
    padding: 0px;
    height: 100%;
    position: relative;
  }

  #header .navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    float: none;
    max-width: 1000px;
    margin: 0 auto;
  }

  #header .navbar-nav > li > a {
    padding: 18px 0px;
    display: block;
    width: 100%;
    color: #c8b88b;
    font-family: "Playfair Display", serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
  }

  #header .navbar-nav > li > a:hover,
  #header .navbar-nav > li > a:active,
  #header .navbar-nav > li > a:focus,
  #header .navbar-nav > li > a.active {
    border-bottom: 3px solid #b19a6f;
    background: none;
  }
}

#headerbooking {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}

#headerbooking .booking {
  background: #fff;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}

#headerbooking .booking .closes {
  padding: 15px;
  display: flex;
  justify-content: flex-end;
}

#headerbooking .booking .closes svg {
  width: 15px;
}

#headerbooking .booking .infomation {
  padding: 30px;
}

#headerbooking .booking .welcome h1 {
  margin: 0px;
  color: #c19971;
  font-family: "Playfair Display", serif;
  font-size: 30px;
}

#headerbooking .booking .welcome .detail {
  padding: 15px 0px 30px 0px;
  color: #444444;
  font-family: "montserrat-regular";
  font-size: 14px;
}

#headerbooking .booking .title {
  padding: 15px 0px;
  color: #c19971;
  font-family: "montserrat-bold";
  font-size: 18px;
}

#headerbooking .booking input[type=text] {
  padding-left: 0px !important;
}

#headerbooking .booking .dropdowns .selected {
  padding-left: 0px;
  color: #a7a7a7;
  font-size: 14px;
}

#headerbooking .booking .guest {
  margin-bottom: 30px;
}

#headerbooking .booking .submit {
  display: block;
  padding: 15px 35px;
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  color: #fff;
  font-family: "montserrat-semibold";
  font-size: 12px;
  line-height: 1em;
  text-align: center;
}

#headerbooking .booking .branch {
  position: relative;
  z-index: 3;
}

#headerbooking .booking .guest {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  #headerbooking .booking {
    left: 60%;
  }

  #headerbooking .booking .infomation {
    padding: 60px;
  }
}

#footer {
  background: #2d2625;
}

#footer a {
  color: #a8926a;
}

#footer .st0 {
  fill: #b19a6f;
}

#footer .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #b19a6f;
}

#footer .top {
  color: #a8926a;
}

#footer .top .logo svg {
  width: 115px;
}

#footer .top .social svg {
  width: 20px;
  margin-right: 10px;
}

#footer .top .social .title {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 14.39px;
  line-height: 1em;
  letter-spacing: 1px;
}

#footer .top .social .detail {
  padding: 5px 0px 10px 0px;
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  font-size: 7.46px;
  letter-spacing: 1px;
}

#footer .top .links {
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  font-size: 11.83px;
  line-height: 2em;
  text-align: left;
}

#footer .top .links a {
  display: block;
  padding: 5px 0px;
  color: #a99367;
}

#footer .top .box {
  list-style: none;
}

#footer .top .box li {
  width: 100%;
}

#footer .top .box li:first-child {
  padding-bottom: 15px;
}

#footer .top .box li a {
  display: block;
  border: 1px solid #b19a6f;
  padding: 15px 15px;
  color: #a99367;
  text-align: center;
}

#footer .topmenu {
  list-style: none;
}

#footer .topmenu li a {
  color: #a99367;
  font-family: "montserrat-bold";
  font-size: 12px;
  text-transform: capitalize;
}

#footer .bottom {
  font-family: "montserrat-bold";
  font-size: 12px;
  line-height: 1em;
  color: #b19a6f;
}

#footer .bottom a {
  display: block;
  padding: 30px 0px;
  color: #b19a6f;
}

#footer .bottom .mainmenu.open .carat {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#footer .bottom.open .menulist {
  display: block;
}

#footer .bottom.open .menu .carat {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#footer .bottom .menu {
  position: relative;
  border-bottom: 1px solid #a8926a;
  border-top: 1px solid #a8926a;
  text-align: center;
}

#footer .bottom .menu a {
  display: flex;
  justify-content: center;
}

#footer .bottom .menu .carat {
  margin-top: 2px;
  margin-left: 15px;
  width: 12px;
  height: 7px;
  transition: all 0.3s;
  background: url("/public/img/footer/down.svg") no-repeat;
}

#footer .bottom .menulist {
  background: #282221;
  display: none;
  border-bottom: 1px solid #a8926a;
}

#footer .bottom .submenu {
  position: relative;
}

#footer .bottom .submenu .sublink {
  padding: 0px;
  font-family: "montserrat-bold";
  font-size: 12px;
  line-height: 1em;
  color: #a99367;
}

#footer .bottom__content {
  padding: 30px 0px;
  color: #a99367;
}

#footer .bottom__content .dropdown.open .caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#footer .bottom__content .dropdown.open .dropdown-menu {
  display: block;
}

#footer .bottom__content .dropdown .caret {
  position: relative;
  top: -3px;
  border: none;
  background: url("/public/img/footer/down.svg") no-repeat;
  width: 12px;
  height: 7px;
  transition: all 0.3s;
}

#footer .bottom__content .dropdown .dropdown-menu {
  position: relative;
  margin: 0 auto;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 15px;
  border: none;
  background: none;
  box-shadow: none;
}

#footer .bottom__content .dropdown .dropdown-menu li {
  padding: 5px 0px;
}

#footer .bottom__content .dropdown .dropdown-menu li a:hover {
  background: none;
}

#footer .bottom__content ul {
  padding: 0px;
  padding-top: 17px;
  list-style: none;
}

#footer .bottom__content ul li {
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  color: #847659;
  padding: 10px 0px;
}

#footer .bottom__content ul li a {
  padding: 0px;
  color: #847659;
}

#footer .copy {
  padding: 30px 0px;
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  color: #a8926a;
  text-align: center;
}

#footer .copy a {
  margin-right: 15px;
  font-family: "montserrat-bold";
  font-size: 12px;
  line-height: 1em;
}

@media (max-width: 991px) {
  #footer .top {
    padding: 0px 15px;
    text-align: center;
  }

  #footer .top .logo {
    padding: 30px 0px;
    border-bottom: 1px solid #a8926a;
  }

  #footer .top .social {
    padding: 30px 0px;
    border-bottom: 1px solid #a8926a;
  }

  #footer .top .social svg {
    width: 30px;
    margin: 0px 10px;
  }

  #footer .top .social .title {
    font-size: 17px;
  }

  #footer .top .social .detail {
    padding: 15px 0px;
  }

  #footer .top .links {
    display: flex;
    justify-content: center;
    padding: 30px 0px;
  }

  #footer .top .links .link-order2 {
    padding-left: 60px;
  }

  #footer .top .box li:first-child {
    padding-bottom: 10px;
  }

  #footer .top .box li:last-child {
    padding-bottom: 40px;
  }

  #footer .topmenu {
    padding: 30px 0px 40px 0px;
    border-bottom: 1px solid #a99367;
  }

  #footer .topmenu li {
    padding: 20px 0px;
  }

  #footer .bottom {
    position: relative;
    text-align: center;
  }

  #footer .bottom a {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
  }

  #footer .bottom .carat {
    margin-top: 4px;
    margin-left: 10px;
    width: 12px;
    height: 7px;
    transition: all 0.3s;
    background: url("/public/img/footer/down.svg") no-repeat;
  }

  #footer .bottom__content .padding-bottom {
    padding: 20px 0px;
  }

  #footer .bottom__content ul {
    display: none;
    padding-top: 0px;
  }

  #footer .bottom__content ul.open {
    display: block;
  }

  #footer .bottom__content .dropdown .caret {
    top: 3px;
  }

  #footer .bottom__content .dropdown .dropdown-menu {
    padding: 20px 15px 0px 15px;
    width: 100%;
    text-align: center;
  }

  #footer .copy .policy {
    padding-top: 15px;
  }
}

@media (min-width: 992px) {
  #footer .top__content {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0px;
  }

  #footer .top__content .links {
    flex-grow: 1;
  }

  #footer .top .social {
    padding-left: 60px;
    margin-left: 60px;
    border-left: 1px solid #a8926a;
  }

  #footer .top .links {
    display: flex;
    justify-content: center;
  }

  #footer .top .links .link-order2 {
    padding-left: 60px;
  }

  #footer .top .box {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  #footer .topmenu {
    display: flex;
    justify-content: center;
  }

  #footer .topmenu li {
    padding: 20px 30px;
  }

  #footer .bottom__content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }

  #footer .bottom__content .padding-bottom {
    padding-bottom: 15px;
  }

  #footer .bottom__content .dropdown {
    position: relative;
    width: 130px;
  }

  #footer .bottom__content .dropdown .dropdown-menu {
    padding: 20px 15px 0px 15px;
  }

  #footer .copy {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}

#home .owl-dots {
  position: absolute;
  left: 0;
}

#home .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #a58e63;
  opacity: 1;
}

#home .owl-theme .owl-dots .owl-dot:hover span {
  opacity: 0.7;
}

#home .owl-theme .owl-dots .owl-dot.active span {
  background: #a58e63;
  border: none;
  opacity: 1;
}

#home .owl-theme .owl-nav {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 45%;
}

#home .owl-theme .owl-nav img {
  width: 35px;
  height: 35px;
  margin: 0 auto;
}

#home .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  border-radius: 0px;
  width: 35px;
  height: 35px;
  padding: 0px;
  margin: 0px;
  background: none;
}

#home .owl-theme .owl-nav .owl-prev img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#home .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  border-radius: 0px;
  width: 35px;
  height: 35px;
  padding: 0px;
  margin: 0px;
  background: none;
}

#home .owl-theme .owl-nav .owl-next:hover {
  opacity: 1;
}

#home .owl-theme .owl-nav .disabled {
  display: none;
}

#home .glide__bullets {
  position: relative;
  margin-top: 30px;
  list-style: none;
  display: flex;
  justify-content: center;
}

#home .glide__bullets li {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  border: 1px solid #a58e63;
  cursor: pointer;
}

#home .glide__bullets .glide__bullet--active {
  background: #a58e63;
  border: 1px solid #a58e63;
}

#home .glide__arrow {
  position: absolute;
  top: 50%;
}

#home .glide__arrow img {
  width: 35px;
}

#home .glide__arrow--left {
  position: absolute;
  left: -80px;
}

#home .glide__arrow--left img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#home .glide__arrow--right {
  position: absolute;
  right: -80px;
}

#home .about {
  background: #2d2625;
}

#home .about__content {
  max-width: 746px;
  margin: 0 auto;
  padding: 60px 0px;
}

#home .about__content .title {
  padding-bottom: 30px;
}

#home .about__content .title img {
  height: 80px;
}

#home .about__content .detail {
  padding-bottom: 30px;
  color: #a4a4a4;
  font-family: "montserrat-light";
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 2em;
}

#home .about.branches .about__content {
  display: block;
}

#home .about.branches .about__content .title {
  font-family: "Playfair Display", serif;
  font-size: 39.98px;
  line-height: 1em;
  color: #b19a6f;
  text-align: center;
}

#home .about.branches .about__content .detail {
  font-family: "montserrat-light";
  font-size: 13px;
  line-height: 1em;
  color: #dcdcdc;
  text-align: center;
  line-height: 1.9em;
}

#home .promotion__content {
  max-width: 854px;
  margin: 0 auto;
  padding: 30px 0px 0px 0px;
}

#home .promotion__content .image {
  padding-top: 30px;
}

#home .promotion #promotion {
  margin-top: 30px;
}

#home .branch__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0px 0px 0px;
}

#home .branch__content2 {
  max-width: 1200px;
  margin: 0 auto;
}

#home .branch__item {
  display: block;
  height: 486px;
}

#home .branch__gray {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(39, 36, 36, 0.8);
  height: 100%;
}

#home .branch__gray:hover .hidecontent {
  -webkit-animation: slide 0.5s ease 0.1s forwards;
  animation: slide 0.5s ease 0.1s forwards;
}

#home .branch__content {
  position: relative;
  width: 100%;
  height: 100%;
}

#home .branch__logo img {
  width: 150px;
}

#home .branch__title {
  position: absolute;
  right: 5px;
  left: 5px;
  bottom: 0;
  background: #2c2625;
  padding: 30px 15px;
  font-family: "montserrat-light";
  font-size: 9.95px;
  line-height: 1em;
  font-size: 10.95px;
  color: #fff;
}

#home .branch__title img {
  width: 10px;
}

#home .branch__title .title {
  font-family: "montserrat-medium";
  font-size: 17.99px;
  line-height: 1em;
  font-size: 16.43px;
  color: #b19a6f;
}

#home .branch__title .hidecontent {
  height: 0;
  overflow: hidden;
}

#home .branch__title .detail {
  padding: 10px 0px 20px 0px;
  max-width: 250px;
  line-height: 2em;
}

#home .branch__title .location {
  padding-top: 10px;
  font-size: 13px;
  line-height: 17px;
}

#home .branch__title .tel,
#home .branch__title .nearby {
  display: flex;
  padding-bottom: 15px;
}

#home .branch__title .tel img,
#home .branch__title .nearby img {
  width: 13px;
  height: 15px;
  margin-right: 5px;
  margin-top: -7px;
}

#home .branch__title .tel {
  padding-bottom: 12px;
}

#home .branch__title .tel img {
  width: 13px;
  height: 13px;
  margin-top: -2px;
}

#home .branch #branch {
  margin-top: 30px;
}

#home .branch #branch .col-md-4 {
  padding: 5px;
}

#home .branchheight {
  height: 80px;
}

#home .vdo {
  margin-top: 60px;
  padding: 60px 0px;
  background: url("/public/img/bg-vdo.jpg") no-repeat center 50%;
  background-size: cover;
}

#home .vdo__content {
  max-width: 1060px;
  margin: 0 auto;
}

#home .vdo__info .title {
  padding-bottom: 30px;
  font-family: "Playfair Display", serif;
  font-size: 39.98px;
  line-height: 1em;
  color: #b19a6f;
}

#home .vdo__info .detail {
  font-family: "montserrat-light";
  font-size: 13px;
  line-height: 1em;
  color: #a4a4a4;
  line-height: 2em;
}

#home .product {
  background: url("/public/img/bg-product.jpg") repeat-x bottom;
  padding-bottom: 60px;
}

#home .product__content {
  max-width: 1047px;
  margin: 0 auto;
  padding: 30px 0px 0px 0px;
}

#home .product__content #product {
  padding-top: 30px;
}

#home .product .category ul {
  display: flex;
  list-style: none;
  font-family: "montserrat-bold";
  font-size: 12px;
  line-height: 1em;
  font-size: 14px;
}

#home .product .category ul li a {
  padding: 5px 0px;
  margin: 0px 15px;
  color: #484848;
}

#home .product .category ul li a.active {
  border-bottom: 2px solid #b19a6f;
  color: #b19a6f;
}

#home .product .owl-carousel .owl-stage-outer {
  padding-bottom: 15px;
}

#home .article__content {
  max-width: 1047px;
  margin: 0 auto;
  padding: 30px 0px 60px 0px;
}

#home .article__item a {
  display: block;
}

#home .article__item .image {
  width: 100%;
  height: 184px;
}

#home .article__item .info {
  padding: 25px 15px;
  text-align: center;
}

#home .article__item .date {
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  color: #484848;
}

#home .article__item .title {
  padding: 0px 0px 25px 0px;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}

#home .article__item .detail {
  min-height: 80px;
  font-family: "montserrat-light";
  font-size: 11.08px;
  line-height: 1em;
  font-size: 12px;
  line-height: 2em;
  color: #212121;
}

#home .article__item .readmore {
  padding-top: 25px;
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  text-decoration: underline;
}

#home .article #article {
  margin-top: 30px;
}

#home .article #article .owl-stage {
  display: flex;
  align-items: stretch;
}

#home .article #article .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
}

#home .top {
  position: relative;
}

#home .booking {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -30px;
  z-index: 10;
}

#home .booking .infomation {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

#home .booking .infomation .box {
  display: flex;
  justify-content: center;
  border-right: 1px solid #d3d0cc;
  position: relative;
  width: 150px;
  background: #fff;
}

#home .booking .infomation .box .submit {
  padding: 15px 60px !important;
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  color: #fff;
  font-family: "montserrat-regular";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1em;
  text-align: center;
}

#home .booking .infomation .box .input,
#home .booking .infomation .box input[type=text] {
  border: none !important;
  padding: 0px 30px;
  text-align: center;
}

#home .booking .infomation .box .dropdowns .selected {
  border: none !important;
  padding: 20px 30px 20px 15px;
  color: #4c3932;
  font-size: 12px;
  font-family: "montserrat-regular";
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
}

#home .booking .infomation .box .dropdowns .carat {
  top: 22px;
  right: 15px;
}

#home .booking .infomation .box .dropdowns div {
  top: 58px;
  width: 300px;
  padding: 0px;
  border: none;
}

#home .booking .infomation .box .dropdowns li {
  border-bottom: none;
}

#home .booking .form-error.help-block {
  font-size: 13px;
}

#home .branchpage__content {
  padding-top: 143px;
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}

#home .branchpage .title {
  padding-bottom: 15px;
  color: #c2996e;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  letter-spacing: 1px;
}

#home .branchpage .detail {
  font-family: "montserrat-regular";
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  #home .owl-dots {
    right: 0;
  }

  #home .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  #home .owl-theme .owl-nav {
    display: none;
  }

  #home .glide__arrow {
    display: none;
  }

  #home #banner .owl-dots {
    display: none;
  }

  #home .about__content {
    padding: 45px 0px;
  }

  #home .about__content .detail {
    font-family: "montserrat-regular";
    font-size: 13px;
    letter-spacing: 1px;
  }

  #home .promotion {
    position: relative;
  }

  #home .promotion #promotion {
    margin-bottom: 0px;
    padding-bottom: 50px;
  }

  #home .promotion #promotion .owl-dots {
    bottom: 0px;
  }

  #home .branch__content {
    padding: 15px 0px;
  }

  #home .branch__content .col-xs-12 {
    margin-bottom: 15px;
  }

  #home .branch__content2 {
    padding: 15px;
  }

  #home .branch__content2 .col-xs-12 {
    margin-bottom: 15px;
  }

  #home .branch #branch {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 40px;
  }

  #home .branch #branch .owl-dots {
    bottom: 0px;
  }

  #home .vdo {
    margin-top: 5px;
    padding: 40px 0px 20px 0px;
  }

  #home .vdo__content {
    padding: 0px 15px;
  }

  #home .vdo__info {
    padding-top: 45px;
  }

  #home .vdo__info .title {
    padding-bottom: 20px;
    font-size: 28px;
  }

  #home .vdo__info .detail {
    font-family: "montserrat-regular";
    font-size: 13px;
    letter-spacing: 1px;
  }

  #home .product {
    padding-bottom: 25px;
  }

  #home .product__content {
    padding-top: 40px;
  }

  #home .product .glide__bullets {
    margin-top: 25px;
  }

  #home .product #product .owl-dots {
    bottom: -40px;
  }

  #home .product .category {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #home .product .category ul li {
    flex-grow: 1;
    text-align: center;
  }

  #home .article .content .info .detail {
    font-family: "montserrat-light" !important;
    font-size: 13px !important;
  }

  #home .article__item .title {
    padding: 0px 0px 25px 0px;
    color: #222222;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    letter-spacing: 1px;
  }

  #home .article__item .detail {
    color: #212121;
    font-family: "montserrat-regular";
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 2em;
  }

  #home .article__item .readmore {
    padding-top: 25px;
    font-family: "montserrat-medium";
    font-size: 11.45px;
    line-height: 1em;
    text-decoration: underline;
  }

  #home .article #article {
    padding-bottom: 0px;
  }

  #home .branchpage__content {
    padding-top: 43px;
  }
}

@media (min-width: 992px) {
  #home .owl-dots {
    position: absolute;
    left: 10vw;
    bottom: 50px;
  }

  #home .banner__image {
    height: 80vh;
  }

  #home .about__content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 90px 0px 50px 0px;
  }

  #home .about__content .title {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
  }

  #home .about__content .detail {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 2em;
  }

  #home .about.branches .about__content {
    display: block;
  }

  #home .about.branches .about__content .title {
    justify-content: center;
    font-family: "Playfair Display", serif;
    font-size: 39.98px;
    line-height: 1em;
    color: #b19a6f;
    text-align: center;
  }

  #home .about.branches .about__content .detail {
    padding-bottom: 0px;
  }

  #home .about.branches .about__content .detail p {
    margin: 0px;
  }

  #home .promotion__content {
    padding: 80px 0px 0px 0px;
  }

  #home .promotion #promotion {
    margin-top: 60px;
    padding-bottom: 0px;
  }

  #home .promotion #promotion .owl-dots {
    display: none;
  }

  #home .branchpage .title {
    font-size: 32px;
  }

  #home .branch__content {
    padding: 80px 0px 0px 0px;
  }

  #home .branch__title .title {
    font-family: "montserrat-medium";
    font-size: 20px;
  }

  #home .branch__title .location {
    font-family: "montserrat-light";
    font-size: 12px;
    height: 45px;
  }

  #home .branch #branch {
    margin-top: 50px;
  }

  #home .branch #branch.owl-carousel {
    display: block;
  }

  #home .branchheight {
    height: 80px;
  }

  #home .vdo {
    margin-top: 80px;
    padding: 90px 0px;
  }

  #home .vdo__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #home .vdo__image {
    width: 55%;
  }

  #home .vdo__info {
    width: 45%;
    padding: 0px 50px;
  }

  #home #products {
    margin-top: 60px;
  }

  #home .product {
    position: relative;
    padding-bottom: 60px;
  }

  #home .product__content {
    padding: 80px 0px 0px 0px;
  }

  #home .product .owl-dots {
    bottom: -34px;
    left: 0px;
    right: 0px;
  }

  #home .product .owl-theme .owl-nav {
    bottom: 58%;
  }

  #home .product .category {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }

  #home .article__content {
    padding: 60px 60px 40px 60px;
  }

  #home .article__item {
    position: relative;
    height: 100%;
    padding-bottom: 0px;
  }

  #home .article__item .title {
    font-size: 17px;
    line-height: 24px;
  }

  #home .article__item .readmore {
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
  }

  #home .article #article {
    margin-top: 40px;
    padding-bottom: 0px;
  }

  #home .article .owl-dots {
    display: none;
  }

  #home .article .owl-theme .owl-nav {
    bottom: 55%;
  }
}

@media (min-width: 1200px) {
  #home .owl-theme .owl-nav .owl-prev {
    left: -80px;
  }

  #home .owl-theme .owl-nav .owl-next {
    right: -80px;
  }

  #home .article #article .owl-nav .owl-prev {
    left: -140px !important;
  }

  #home .article #article .owl-nav .owl-next {
    right: -140px !important;
  }
}

@-webkit-keyframes slide {
  from {
    height: 0;
  }

  to {
    height: 150px;
  }
}

@keyframes slide {
  from {
    height: 0;
  }

  to {
    height: 150px;
  }
}

#promotion {
  padding-bottom: 20px;
}

#promotion .subject {
  padding: 60px 0px;
}

#promotion .content .item {
  margin-bottom: 20px;
}

#promotion .loadmore {
  max-width: 150px;
  margin: 0 auto;
  text-align: center;
}

#promotion .loadmore a {
  display: block;
  max-width: 50vw;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #b19a6f;
  border-radius: 3px;
  font-family: "montserrat-medium";
  line-height: 1.5em;
  color: #b19a6f;
  font-size: 15px;
}

#promotion .promotion__title {
  color: #000;
  font-family: "Playfair Display", serif;
  font-size: 14px;
}

#promotion .promotion__subject {
  padding: 15px 0px;
  color: #b19a6f;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  line-height: 20px;
  letter-spacing: 1px;
}

#promotion .promotion__detail {
  max-width: 613px;
  font-family: "montserrat-regular";
  font-size: 13px;
  line-height: 2em;
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  #promotion .subject {
    font-size: 20px;
  }

  #promotion .promotion {
    padding-top: 40px;
  }

  #promotion .content {
    padding-top: 25px;
  }
}

@media (min-width: 992px) {
  #promotion {
    padding-bottom: 60px;
  }

  #promotion .promotion {
    max-width: 850px;
    margin: 0 auto;
    padding-top: 80px;
  }

  #promotion .promotion__title {
    color: #000;
    font-size: 18px;
  }

  #promotion .promotion__subject {
    padding-bottom: 30px;
    color: #b19a6f;
    font-size: 48px;
  }

  #promotion .promotion__detail {
    font-size: 14px;
  }

  #promotion .content {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  #promotion .content .item {
    margin-bottom: 20px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  }
}

#about .title span {
  font-size: 20px;
  line-height: 1em;
}

#about .info {
  padding-bottom: 30px;
  text-align: center;
}

#about .height {
  height: 30px;
}

#about h1 {
  margin: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: "Playfair Display", serif;
  font-size: 39.98px;
  line-height: 1em;
  color: #b29b6c;
}

#about .detail {
  max-width: 800px;
  margin: 0 auto;
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #626262;
  font-size: 14px;
  line-height: 2em;
}

@media (max-width: 991px) {
  #about h1 {
    padding-top: 40px;
    padding-bottom: 30px;
    font-size: 28px;
    letter-spacing: 1px;
  }

  #about .detail {
    font-family: "montserrat-semibold";
    font-size: 13px;
    letter-spacing: 1px;
  }

  #about .info {
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  #about .about {
    max-width: 850px;
    margin: 0 auto;
  }

  #about .info {
    padding: 75px 0px 80px 0px;
  }

  #about h1 {
    padding-top: 0px;
  }

  #about .height {
    height: 80px;
  }

  #about .flex {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #about .flex .order1 {
    order: 1;
  }

  #about .flex .order2 {
    order: 2;
  }
}

#awards {
  background: url("/public/img/bg-awards-mobile.jpg") no-repeat center 50%;
  background-size: cover;
  padding: 60px 0px;
}

#awards .subject .title {
  padding-bottom: 15px;
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #c4996d;
  font-size: 18px;
}

#awards .subject .subtitle {
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #b19a6f;
  font-size: 40px;
}

#awards .image {
  padding: 30px 30px;
}

#awards .light img {
  height: 58px;
}

@media (min-width: 992px) {
  #awards {
    background: url("/public/img/bg-awards.jpg") no-repeat center 50%;
    background-size: cover;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
  }

  #awards .subject .subtitle {
    font-size: 51px;
  }

  #awards .image {
    max-width: 854px;
    margin: 0 auto;
    padding: 90px 15px;
  }

  #awards .awards {
    padding: 100px 0px;
  }
}

#contact .map {
  padding: 30px 0px;
  background: #c8b78a;
  text-align: center;
}

#contact .map img {
  max-width: 900px;
  margin: 0 auto;
}

#contact .branch {
  max-width: 1070px;
  margin: 0 auto;
}

#contact .branch .flex {
  border-bottom: 1px solid #e1e1e1;
}

#contact .branch__logo {
  text-align: center;
}

#contact .branch__logo img {
  max-width: 130px;
  margin: 0 auto;
}

#contact .contact {
  max-width: 550px;
  margin: 0 auto;
}

#contact .contact .title {
  padding-bottom: 30px;
  font-family: "Playfair Display", serif;
  font-size: 39.98px;
  line-height: 1em;
  color: #b29b6c;
}

#contact .contact .address {
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #626262;
  font-size: 14px;
}

#contact .contact .address a {
  color: #626262;
}

#contact .contact .address div {
  padding: 2px 0px;
}

#contact .contact .email p {
  display: inline-block;
}

#contact .contact p {
  margin: 0px;
}

#contact .graphic {
  font-family: "montserrat-bold";
  line-height: 1em;
  font-size: 12px;
}

#contact .graphic a {
  display: block;
  background: #c8b78a;
  padding: 17px 0px;
  color: #fff;
  text-align: center;
}

#contact .graphic a:hover {
  opacity: 0.7;
}

@media (max-width: 991px) {
  #contact .branch {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #contact .branch .flex {
    padding-bottom: 30px;
  }

  #contact .branch__logo {
    padding: 30px 0px;
  }

  #contact .contact {
    text-align: center;
  }

  #contact .contact .title {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
  }

  #contact .contact .address {
    font-family: "montserrat-semibold";
    font-size: 13px;
    letter-spacing: 1px;
  }

  #contact .graphic {
    padding-top: 30px;
  }

  #contact .graphic a {
    max-width: 200px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  #contact .map {
    padding-top: 90px;
  }

  #contact .branch .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 75px 0px;
  }
}

#article {
  padding-bottom: 30px;
}

#article .subject {
  padding: 60px 0px;
}

#article .category {
  padding: 30px 0px;
}

#article .category .owl-carousel.owl-loaded {
  display: flex;
  justify-content: center;
}

#article .category .item {
  text-align: center;
}

#article .category .item a {
  display: inline-block;
  padding: 10px 0px 20px 0px;
  color: #b19a6f;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 400;
}

#article .category .item a.active {
  border-bottom: 3px solid #b19a6f;
}

#article .article {
  max-width: 1068px;
  margin: 0 auto;
}

#article .content {
  margin-bottom: 10px;
}

#article .content .info {
  background: #f9f9f9;
  padding: 50px 25px;
  color: #000;
  text-align: center;
}

#article .content .info .title {
  font-family: "Playfair Display", serif;
  font-size: 16.43px;
  line-height: 1em;
}

#article .content .info .detail {
  padding: 30px 0px;
  font-family: "montserrat-light";
  font-size: 11.08px;
  line-height: 1em;
  font-size: 12px;
  line-height: 2em;
}

#article .content .info .readmore {
  display: inline;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
}

#article .loading {
  border: 1px solid #b19a6f;
  margin: 0 auto;
  padding: 15px 0px;
  color: #b19a6f;
  text-align: center;
}

@media (max-width: 991px) {
  #article .category .owl-carousel .owl-stage {
    padding-left: 0px !important;
  }

  #article .article {
    padding-top: 10px;
  }

  #article .article .content .info .detail {
    font-family: "montserrat-light" !important;
    font-size: 13px !important;
  }

  #article .subject {
    font-size: 20px;
  }

  #article .content .image .image-mobile {
    min-height: 200px;
  }

  #article .content .info .title {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
  }

  #article .content .info .detail {
    font-family: "montserrat-semibold";
    font-size: 11px;
    letter-spacing: 1px;
  }
}

@media (min-width: 992px) {
  #article {
    padding-bottom: 60px;
  }

  #article .category {
    max-width: 380px;
    margin: 0 auto;
    padding: 30px 0px;
  }

  #article .col-md-4 {
    padding: 0px 10px;
  }

  #article .content {
    position: relative;
  }

  #article .content .overlay {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.55s ease-in-out;
    -moz-transition: opacity 0.55s ease-in-out;
    -webkit-transition: opacity 0.55s ease-in-out;
  }

  #article .content .gray {
    position: relative;
    z-index: 3;
  }

  #article .content .image {
    min-height: 180px;
  }

  #article .content .info {
    background-size: 100% 100%;
    background: url("/public/img/bg-article.jpg") no-repeat center 50%;
    transition: background-position 0.8s;
    padding: 50px 25px;
  }

  #article .content .info .detail {
    min-height: 110px;
  }

  #article .content:hover .overlay {
    opacity: 1;
  }

  #article .content:hover .info {
    background-position: 0 -100%;
    color: #fff;
  }

  #article .content:hover .info .readmore {
    border-bottom: 1px solid #fff;
  }
}

#articledetail .subject {
  padding: 30px 0px;
}

#articledetail .link a {
  justify-content: flex-start;
  align-items: center;
  color: #000;
}

#articledetail .link svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 0px;
  margin-right: 20px;
  stroke: #000;
}

#articledetail .link .top {
  padding-top: 5px;
}

#articledetail .content {
  max-width: 1000px;
  margin: 0 auto;
}

#articledetail .content .info .title {
  padding: 30px 0px;
  color: #463c44;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.5em;
}

#articledetail .content .info .detail {
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #626262;
  font-size: 14px;
  line-height: 2em;
}

#articledetail .gallery {
  margin-left: -5px;
  margin-right: -5px;
}

#articledetail .gallery a {
  display: block;
}

#articledetail .gallery .image {
  width: 100%;
  height: 100px;
}

#articledetail .gallery .padding {
  padding: 5px;
}

#articledetail .gallery .flex {
  display: flex;
  flex-wrap: wrap;
}

#articledetail .vdo {
  background: #f9f9f9;
  padding: 40px 0px;
}

#articledetail .vdo__position {
  max-width: 1000px;
  margin: 0 auto;
}

#articledetail .vdo__position .frame {
  min-height: 450px;
}

@media (max-width: 991px) {
  #articledetail .subject {
    font-size: 20px;
  }

  #articledetail .link {
    padding-bottom: 35px;
  }

  #articledetail .content {
    padding-top: 35px;
  }

  #articledetail .content .info {
    font-size: 16px;
  }

  #articledetail .content .info .detail {
    font-family: "montserrat-semibold";
    font-size: 13px;
    letter-spacing: 1px;
  }

  #articledetail .gallery {
    padding-bottom: 30px;
  }

  #articledetail .vdo {
    padding: 30px 0px;
  }

  #articledetail .vdo__position .frame {
    min-height: 350px;
  }
}

@media (min-width: 992px) {
  #articledetail .link {
    padding: 60px 0px;
  }

  #articledetail .content .info {
    display: flex;
    align-items: flex-start;
  }
}

#home.articledetail .article__content {
  padding: 45px 35px 90px 35px !important;
}

@media (max-width: 991px) {
  #home.articledetail .article {
    padding-bottom: 80px;
  }

  #home.articledetail .article__content {
    padding: 0px 15px !important;
  }

  #home.articledetail .article__item {
    margin-bottom: 30px;
  }

  #home.articledetail .article__item .info {
    background: #f9f9f9;
  }

  #home.articledetail .article #article.owl-carousel {
    display: block;
  }

  #home.articledetail .article #article .owl-dots {
    bottom: -45px;
  }
}

@media (min-width: 1200px) {
  #home.articledetail .article #article .owl-nav .owl-prev {
    left: -100px !important;
  }

  #home.articledetail .article #article .owl-nav .owl-next {
    right: -100px !important;
  }

  #home.articledetail .article__item .detail {
    min-height: 60px;
  }

  #home.articledetail .article__item .info {
    padding-bottom: 50px;
  }
}

#policy {
  padding-bottom: 30px;
  background: #1d160b;
}

#policy h1 {
  margin: 0px;
  padding: 30px 0px 15px 0px;
  font-family: "Playfair Display", serif;
  line-height: 1em;
  color: #c8b88b;
  font-size: 22.24px;
  text-align: center;
}

#policy .policy {
  max-width: 750px;
  margin: 0 auto;
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #c8b88b;
  font-size: 14px;
  line-height: 2em;
}

#policy .policy h2 {
  font-family: "montserrat-bold";
  line-height: 1em;
  font-size: 14px;
}

#policy .policy a {
  color: #c8b88b;
}

#policy .policy .padding {
  padding-top: 15px;
}

@media (min-width: 992px) {
  #policy {
    background: url("/public/img/bg-policy.jpg") no-repeat center top;
    background-size: cover;
    padding: 100px 0px 70px 0px;
  }
}

#register {
  background: url("/public/img/bg-policy.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#register .orsignin {
  position: relative;
  padding: 30px 0px 0px 0px;
  content: "";
  color: #9e9e9e;
  text-align: center;
}

#register .orsignin::before,
#register .orsignin::after {
  display: inline-block;
  content: "";
  border-top: 1px solid #dadada;
  width: 24%;
  margin: 5px 10px;
}

#register .errors {
  display: flex;
  align-items: center;
  color: #e6522a;
  font-size: 9px;
  font-family: "montserrat-regular";
}

#register .errors img {
  margin-top: -2px;
  margin-right: 5px;
}

#register .register {
  background: #fff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 655px;
  margin: 0 auto;
  padding: 30px;
}

#register .subject {
  text-align: left;
}

#register .detail {
  padding-bottom: 30px;
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #828282;
  font-size: 14px;
}

#register .social a {
  display: block;
  background: #6e6757;
  border-radius: 3px;
}

#register .social a img {
  height: 18px;
}

#register .social__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

#register .social__image {
  border-right: 1px solid #9d9a92;
  padding-right: 15px;
  margin-right: 15px;
  text-align: center;
}

#register .social__title {
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  color: #fff;
}

#register .contentform {
  padding-top: 30px;
}

#register .submit__position {
  padding: 0px 15px;
}

#register .submit {
  background: #c8b88b;
  padding: 15px 0px;
  width: 100%;
  display: block;
  color: #fff;
  font-family: "montserrat-semibold";
  text-align: center;
}

#register .condition {
  font-family: "montserrat-regular";
  line-height: 1.5em;
  color: #000;
  font-size: 12.7px;
}

#register .condition a {
  font-family: "montserrat-bold";
  line-height: 1em;
  text-decoration: underline;
}

#register .forgot a {
  font-family: "montserrat-bold";
  line-height: 1em;
  font-size: 12.7px;
}

#register #errorterm .help-block {
  padding-right: 22px !important;
}

@media (max-width: 991px) {
  #register {
    min-height: 80vh;
    padding: 60px 15px;
  }

  #register .social__image {
    width: 30%;
  }

  #register .social__title {
    width: 70%;
  }

  #register .social.padding-bottom {
    padding-bottom: 10px;
  }

  #register .condition {
    padding: 15px 15px 0px 15px;
  }
}

@media (min-width: 992px) {
  #register {
    min-height: 80vh;
    padding: 60px 0px;
  }

  #register .choice {
    margin-bottom: 50px;
  }

  #register .errors {
    font-size: 10px;
  }

  #register .orsignin {
    position: relative;
    padding: 35px 0px 0px 0px;
    content: "";
    color: #9e9e9e;
    text-align: center;
  }

  #register .orsignin::before,
  #register .orsignin::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #dadada;
    width: 35%;
    margin: 5px 10px;
  }

  #register .register {
    margin-top: 70px;
    padding: 80px;
  }

  #register .submit__position {
    padding: 0px 0px 35px 0px;
  }
}

#profile .profile {
  background: #fff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 655px;
  margin: 0 auto;
  padding: 30px;
}

#profile .subject {
  text-align: left;
}

#profile .list {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #d7d7d7;
}

#profile .list li {
  list-style: none;
}

#profile .list li a {
  display: block;
  padding: 15px 0px;
  border-bottom: 5px solid #fff;
  font-family: "montserrat-regular";
  font-size: 12px;
}

#profile .list li a.active,
#profile .list li a:hover {
  border-bottom: 5px solid #c2996e;
  font-family: "montserrat-semibold";
}

#profile .info {
  padding-top: 30px;
}

#profile .info h1 {
  margin: 0px;
  padding-bottom: 30px;
  font-family: "montserrat-semibold";
  font-size: 14px;
}

#profile .info h1.padding-bottom-none {
  padding-bottom: 10px;
}

#profile .info .detail {
  padding-bottom: 30px;
  font-family: "montserrat-regular";
  font-size: 10px;
}

#profile .account .formgroup {
  position: relative;
}

#profile .account .formgroup .intl-tel-input {
  position: relative !important;
}

#profile .account .formgroup .span {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 999;
}

#profile .account .formgroup .span a {
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 10px;
  text-decoration: underline;
}

#profile .submit {
  background: #c8b88b;
  padding: 15px 0px;
  width: 100%;
  display: block;
  font-family: "montserrat-regular";
  font-size: 12px;
  line-height: 1em;
  color: #fff;
  text-align: center;
}

#profile .social a {
  display: block;
  background: #6e6757;
  border-radius: 3px;
}

#profile .social a img {
  height: 18px;
}

#profile .social__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

#profile .social__image {
  border-right: 1px solid #9d9a92;
  padding-right: 15px;
  margin-right: 15px;
  text-align: center;
}

#profile .social__title {
  font-family: "montserrat-medium";
  font-size: 11.45px;
  line-height: 1em;
  color: #fff;
}

#profile .line {
  background: #d7d7d7;
  width: 100%;
  height: 1px;
}

#profile .guest .title {
  display: flex;
  align-items: center;
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 10px;
}

#profile .guest .title img {
  margin-right: 5px;
  margin-top: -5px;
}

#profile .guest .trash {
  text-align: right;
}

#profile .guest .trash img {
  width: 12px;
}

#profile .history .box {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 30px 15px;
  margin-bottom: 30px;
}

#profile .history .box h1 {
  margin: 0px;
  color: #c2996e;
  font-family: "montserrat-bold";
  font-size: 18px;
}

#profile .history .box .line {
  margin: 30px 0px;
  clear: both;
  width: 100%;
  height: 1px;
  background: #d7d7d7;
}

#profile .history .box .detail {
  padding-bottom: 15px;
  color: #c2996e;
  font-family: "montserrat-semibold";
  font-size: 13.29px;
}

#profile .history .box .detail b {
  color: #000;
}

#profile .history .box .detail p {
  padding-top: 10px;
}

#profile .history .box a {
  border: 1px solid #000;
  padding: 10px 0px;
  display: block;
  max-width: 150px;
  color: #000;
  font-family: "montserrat-medium";
  text-align: center;
}

#profile .history__link {
  display: flex;
  justify-content: space-between;
  padding: 30px 0px;
}

#profile .history__link li {
  list-style: none;
  flex-grow: 1;
}

#profile .history__link li a {
  display: block;
  border: 1px solid #c2996e;
  padding: 10px 0px;
  color: #c2996e;
  font-family: "montserrat-semibold";
  text-align: center;
}

#profile .history__link li a.active,
#profile .history__link li a:hover {
  background: #c2996e;
  color: #fff;
}

#profile .history__detail h1 {
  margin: 0px;
  padding-bottom: 30px;
  color: #c2996e;
  font-family: "montserrat-bold";
  font-size: 18px;
}

#profile .history__detail .detail {
  border: 1px solid #d7d7d7;
  padding: 30px 0px;
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 12px;
}

#profile .history__detail .detail .text {
  padding-bottom: 15px;
  font-family: "montserrat-regular";
}

#profile .history__detail .detail .text2 {
  padding-bottom: 5px;
  font-family: "montserrat-regular";
  line-height: 1.5em;
}

#profile .history__detail .bg-gray {
  background: #ebebeb;
  padding: 15px;
  margin-bottom: 15px;
}

#profile .history__detail .line {
  margin: 15px 0px;
  height: 1px;
  width: 100%;
  background: #ccc;
}

#profile .history__button {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#profile .history__button .back {
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 12px;
  text-decoration: underline;
}

@media (max-width: 991px) {
  #profile {
    padding: 30px 15px;
  }

  #profile .subject {
    text-align: center;
  }

  #profile .list {
    justify-content: space-between;
    padding-bottom: 30px;
  }

  #profile .list li {
    width: 50%;
    text-align: center;
  }

  #profile .social__image {
    width: 30%;
  }

  #profile .social__title {
    width: 70%;
  }

  #profile .social.padding-bottom {
    padding-bottom: 10px;
  }

  #profile.profilehistory .list {
    padding-bottom: 0px;
  }

  #profile.profilehistory .profile {
    box-shadow: none;
    padding: 0px;
  }
}

@media (min-width: 992px) {
  #profile .profile {
    margin-top: 130px;
    margin-bottom: 70px;
    padding: 80px 60px;
  }

  #profile .list li:last-child {
    padding: 0px 30px;
  }

  #profile .account {
    display: flex;
    flex-wrap: wrap;
  }

  #profile .account .order-1 {
    order: 1;
  }

  #profile .account .order-2 {
    order: 2;
  }

  #profile .history {
    padding: 0px 15px;
  }

  #profile .history__link {
    max-width: 300px;
  }
}

#booking {
  background: #f2f2f2;
}

#booking input:focus ~ label,
#booking .input ~ label,
#booking textarea:focus ~ label {
  display: block;
  top: -20px;
  color: #808080;
  font-size: 11px !important;
  font-family: "montserrat-medium";
}

#booking h1 {
  margin: 0px;
  margin-bottom: 35px;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 22px;
  text-align: center;
  line-height: 1.3em;
}

#booking .container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 15px;
}

#booking .booking {
  margin-bottom: 10px;
  padding: 20px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
}

#booking .booking .padding-top {
  padding-top: 30px;
}

#booking .booking .formgroup {
  margin-bottom: 15px;
}

#booking .booking label {
  left: 0px;
  font-size: 16px;
}

#booking .booking input[type=text] {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
}

#booking .booking .choice li label {
  font-size: 13px;
}

#booking .booking .program .title {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 11px;
}

#booking .booking .program .add {
  max-width: 180px;
  padding: 15px 0px;
}

#booking .booking .program .add a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#booking .booking .program .add a img {
  width: 20px;
  margin-right: 10px;
}

#booking .booking .program__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0px;
  list-style: none;
  background: #f2f2f2;
  border-radius: 5px;
  padding: 15px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  line-height: 1.5em;
}

#booking .booking .program__list li a {
  padding-left: 15px;
}

#booking .booking .program__list li svg {
  width: 10px;
}

#booking .booking .flex {
  display: flex;
  color: #fe3434;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking .booking .flex p {
  padding-top: 5px;
  color: #000;
}

#booking .booking .flex img {
  margin-right: 15px;
  width: 15px;
}

#booking .booking.disabled {
  pointer-events: none;
  opacity: 0.6;
}

#booking .guest {
  position: relative;
  height: 100%;
}

#booking .guest .title {
  display: flex;
  align-items: flex-end;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 16px;
}

#booking .guest .title img {
  margin-right: 10px;
  width: 17px;
}

#booking .guest .total {
  padding-top: 10px;
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking .guest .total div {
  padding-top: 15px;
}

#booking .guest .remove img {
  margin-top: -3px;
  margin-right: 10px;
  width: 20px;
}

#booking .guest .remove a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#booking .cancle {
  padding-top: 15px;
  text-align: center;
}

#booking .cancle a {
  color: red;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking .addguest {
  max-width: 200px;
  margin: 0 auto;
  padding: 50px 0px 60px 0px;
}

#booking .addguest a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b19a6f;
  font-size: 16px;
  font-family: "montserrat-bold";
}

#booking .addguest a img {
  margin-right: 10px;
  width: 37px;
}

#booking .bottom {
  padding: 30px 0px;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

#booking .bottom .container {
  display: flex;
  align-items: stretch;
  padding: 0px;
}

#booking .bottom .branch {
  padding-bottom: 0px;
}

#booking .bottom .branch .st0 {
  fill: none;
  stroke: #000;
  stroke-width: 12;
  stroke-miterlimit: 10;
}

#booking .bottom .branch svg {
  margin-right: 15px;
  width: 25px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#booking .bottom .branch a {
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
}

#booking .bottom .branch a .title {
  padding-bottom: 5px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#booking .bottom .branch a .date {
  color: #545454;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking .bottom .submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#booking .bottom .submit .title {
  padding-right: 15px;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: right;
  line-height: 1.5em;
}

#booking .bottom .submit .title span {
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#booking .bottom .submit .continue {
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
}

#booking .bottom .submit .continue.disabled {
  opacity: 0.5;
}

#booking .bottom .submit .continue .submit-btn {
  padding: 20px 50px 20px 30px;
  background: url("/public/img/booking/back.svg") no-repeat;
  background-position: 115px 17px;
  background-size: 25px;
  color: #fff;
  font-family: "montserrat-bold";
  font-size: 16px;
  text-align: center;
}

#booking .choice {
  position: relative;
}

#booking .choice .form-error.help-block {
  position: absolute;
  bottom: -30px;
  right: 0px;
  left: 0px;
  width: 198px;
}

#booking .bookdate {
  max-width: 770px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#booking .bookdate li {
  list-style: none;
  border-right: 1px solid #d9d9d9;
  flex-grow: 1;
  padding: 20px 0px;
  margin-bottom: 30px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 16px;
  text-align: center;
}

#booking .bookdate li a {
  display: block;
  font-family: "montserrat-medium";
  font-size: 13px !important;
}

#booking .bookdate li p {
  padding-top: 10px;
}

#booking .bookdate li:last-child {
  border-right: none;
}

#booking .bookdate li.active {
  border-bottom: 5px solid #b19a6f;
}

@media (max-width: 991px) {
  #booking h1 {
    font-size: 17px;
  }

  #booking .booking .border-left {
    border-top: 1px solid #d9d9d9;
    padding-top: 15px;
  }

  #booking .booking .choice {
    justify-content: flex-start;
  }

  #booking .booking .choice li:first-child {
    padding-right: 15px;
  }

  #booking .guest .remove {
    padding-top: 15px;
  }

  #booking .bottom {
    padding: 15px 0px 30px 0px;
  }

  #booking .bottom .container {
    align-items: stretch;
  }

  #booking .bottom .branch {
    text-align: left;
  }

  #booking .bottom .branch .date {
    line-height: 1.5em;
  }

  #booking .bottom .submit .continue {
    position: absolute;
    bottom: 0;
  }

  #booking .bottom .submit .continue .submit-btn {
    padding: 10px 40px 10px 20px;
    background-position: 100px 10px;
    background-size: 17px;
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  #booking {
    padding-top: 60px;
  }

  #booking .booking {
    padding: 20px 40px;
    display: flex;
    align-items: stretch;
  }

  #booking .booking .border-left {
    border-left: 1px solid #d9d9d9;
  }

  #booking .guest .remove {
    position: absolute;
    bottom: 0;
  }
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #000 !important;
}

.programModal {
  padding: 5%;
}

.programModal .modal__content {
  position: relative;
  margin-top: 50px;
  margin-bottom: 150px;
  border-radius: 8px;
  z-index: 90;
  max-width: 770px;
}

.programModal h1 {
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 22px;
  text-align-last: left;
}

.programModal .promotion .title {
  padding-bottom: 10px;
  color: #f12e2e;
  font-family: "montserrat-semibold";
  font-size: 16px;
  line-height: 1.5em;
}

.programModal .promotion .short_detail {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
}

.programModal .promotion .short_detail p {
  margin: 0px;
}

.programModal .promotion .box {
  padding: 15px 20px;
  margin: 5px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}

.programModal .category {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #d9d9d9;
  padding: 25px 0px;
}

.programModal .category li {
  list-style: none;
}

.programModal .category li.active a {
  border-bottom: 4px solid #b19a6f;
}

.programModal .category li a {
  padding: 20px 30px;
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 16px;
}

.programModal .programcategory {
  padding: 25px 0px;
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 13px;
}

.programModal .content .title {
  padding-right: 15px;
}

.programModal .content .title label {
  left: 0px;
}

.programModal .content .title .checkbox {
  color: #000;
  font-family: "montserrat-semibold";
  font-size: 16px;
  line-height: 1em;
}

.programModal .content .title .checkmark {
  top: 0px;
}

.programModal .content .title .feature {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
}

.programModal .content .title .warning {
  padding-top: 5px;
  color: #fe3434;
  font-family: "montserrat-regular";
  font-size: 11px;
}

.programModal .content .title .warning img {
  margin-top: -2px;
  margin-right: 5px;
  width: 10px;
}

.programModal .content .price {
  margin-bottom: 25px;
}

.programModal .content .price .btn-number {
  padding: 0px;
  border: none;
  background: none;
  cursor: pointer;
}

.programModal .content .price .btn-number img {
  width: 20px;
}

.programModal .content .price__group {
  font-family: "montserrat-medium";
  font-size: 11px;
}

.programModal .content .price__group--time {
  padding-bottom: 5px;
}

.programModal .content .price__group--time span {
  font-family: "montserrat-semibold";
  font-size: 16px;
}

.programModal .content .price button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.programModal .bottom {
  position: fixed;
  bottom: 0px;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.programModal .bottom .info {
  padding: 20px 30px;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.programModal .bottom .info .total {
  font-family: "montserrat-medium";
  font-size: 13px;
}

.programModal .bottom .btnprocess {
  display: flex;
  align-items: center;
}

.programModal .bottom .btnprocess a {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 16px;
}

.programModal .bottom .btnprocess a.done {
  padding-left: 15px;
  color: #b19a6f;
}

.programModal .bottom .btnprocess a img {
  margin-top: -5px;
  width: 15px;
}

@media (max-width: 991px) {
  .programModal h1 {
    font-size: 18px;
  }

  .programModal .content .price {
    width: 170px;
  }

  .programModal .content .price__group {
    padding-left: 30px;
  }

  .programModal .promotion .box {
    padding: 10px 15px;
  }

  .programModal .category {
    display: flex;
    justify-content: space-between;
  }

  .programModal .category li a {
    padding: 20px 0px;
  }
}

@media (min-width: 992px) {
  .programModal .promotion {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .programModal .promotion .box {
    width: 50%;
  }

  .programModal .content {
    display: flex;
    justify-content: space-between;
  }

  .programModal .content .title {
    width: 80%;
  }

  .programModal .content .price {
    width: 20%;
  }

  .programModal .content .price__group {
    text-align: center;
  }
}

.conditionModal h1 {
  padding: 0px 15px;
  margin-bottom: 15px !important;
}

.conditionModal h2 {
  margin-top: 0px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 16px;
}

.conditionModal h3 {
  margin-top: 10px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 14px;
}

.conditionModal h4 {
  margin-top: 0px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
}

.conditionModal li {
  list-style-position: inside;
}

.conditionModal .modal__content {
  padding: 15px 0px;
}

.conditionModal .line {
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}

.conditionModal .content {
  padding: 15px;
  display: block;
}

.conditionModal .detail {
  padding-bottom: 15px;
  font-family: "montserrat-medium";
  font-size: 13px;
  line-height: 1.5em;
}

.conditionModal .conditionsubmit {
  padding-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 16px;
}

.conditionModal .conditionsubmit a {
  color: #808080;
}

.conditionModal .submitbooking {
  padding-left: 30px;
  color: #b19a6f !important;
  font-family: "montserrat-bold";
  font-size: 16px;
  background: url("/public/img/member/checkbox.svg") no-repeat;
  background-size: 15px 10px;
  background-position: 10px 2px;
}

@media (min-width: 992px) {
  .conditionModal h1 {
    padding: 0px 30px;
  }

  .conditionModal .modal__content {
    padding: 30px 0px;
  }

  .conditionModal .content {
    padding: 30px;
  }

  .conditionModal .conditionsubmit {
    padding-top: 30px;
  }
}

#confirmModal .modal__content,
#commentModal .modal__content,
#confirmGuestModal .modal__content {
  padding: 30px 0px;
  text-align: center;
}

#confirmModal svg,
#commentModal svg,
#confirmGuestModal svg {
  margin: 0 auto;
  width: 100px;
}

#confirmModal .detail,
#commentModal .detail,
#confirmGuestModal .detail {
  padding: 30px 0px;
}

#confirmModal .detail .title,
#commentModal .detail .title,
#confirmGuestModal .detail .title {
  padding: 10px 0px;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 24px;
  line-height: 1em;
}

#confirmModal .detail .title2,
#commentModal .detail .title2,
#confirmGuestModal .detail .title2 {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 16px;
  line-height: 1em;
}

#confirmModal .footer,
#commentModal .footer,
#confirmGuestModal .footer {
  max-width: 260px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#confirmModal .footer a,
#commentModal .footer a,
#confirmGuestModal .footer a {
  display: block;
  width: 100%;
  border: 1px solid #b29b6c;
  padding: 15px;
  margin: 5px;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 16px;
}

#confirmModal .footer a:hover,
#commentModal .footer a:hover,
#confirmGuestModal .footer a:hover {
  color: #fff;
  background: #b19a6f;
}

#registerModal .modal__content {
  text-align: center;
}

@media (max-width: 991px) {
  #registerModal .modal__content {
    padding: 30px;
  }
}

#createModal .detail {
  max-width: 540px;
  margin: 0 auto;
  padding-bottom: 30px;
}

#createModal .submit {
  font-family: "montserrat-bold";
  font-size: 16px;
}

@media (max-width: 991px) {
  #createModal .modal__content {
    padding: 30px 15px;
  }
}

#confirmGuestModal .comment {
  max-width: 340px;
  margin: 0 auto;
  position: relative;
}

#confirmGuestModal .form-error.help-block {
  right: 15px;
}

#confirmGuestModal .submit {
  margin-top: 0px;
}

.registerModal .modal__content {
  padding: 40px 0px;
}

.registerModal svg {
  margin: 0 auto;
  width: 100px;
}

.registerModal .detail .title {
  color: #b19a6f;
  font-family: "Playfair Display", serif;
  font-size: 29px;
  line-height: 1em;
}

.registerModal .detail .title2 {
  padding: 30px 0px;
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
  line-height: 1em;
}

.registerModal .detail .info {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
  line-height: 1em;
  text-align: center;
}

.registerModal .footer {
  max-width: 460px;
  margin: 0 auto;
}

.registerModal .footer li {
  list-style: none;
  padding: 0px 5px;
  margin: 8px 0px;
}

.registerModal .footer a {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 20px 0px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 16px;
}

.registerModal .footer a:hover {
  color: #fff;
  background: #b19a6f;
}

.registerModal .footer a.member {
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  color: #fff;
  border: 1px solid #b19a6f;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.registerModal .guest {
  padding-top: 30px;
  font-family: "montserrat-medium";
  font-size: 16px;
  text-decoration: underline;
}

.registerModal #guestform {
  padding-bottom: 15px;
}

.registerModal #guestform .title {
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 16px;
  line-height: 1.5em;
}

.registerModal #guestform a {
  border: 1px solid #b19a6f;
  padding: 15px 0px;
  display: block;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 16px;
  text-align: center;
}

.registerModal #registerform .title {
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 16px;
  line-height: 1.5em;
}

.registerModal .register {
  max-width: 560px;
  margin: 0 auto;
}

.registerModal .register .choice li {
  background: none !important;
  padding: 0px !important;
}

.registerModal .register label {
  left: 0px;
  font-size: 16px;
}

.registerModal .register input[type=text],
.registerModal .register input[type=password] {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
}

.registerModal .register .intl-tel-input input[type=text] {
  padding: 0px 0px 10px 50px;
}

.registerModal .register .dropdowns .selected {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
}

.registerModal .register .dropdowns div {
  top: 26px;
}

@media (max-width: 991px) {
  .registerModal #guestform .title {
    margin-bottom: 30px;
  }

  .registerModal #guestform a {
    padding: 10px 0px;
    display: block;
    max-width: 150px;
    margin-bottom: 30px;
    color: #b19a6f;
    font-family: "montserrat-bold";
    font-size: 14px;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .registerModal .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .registerModal .footer li {
    width: 100%;
  }

  .registerModal #guestform {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

#booking .error {
  color: #f30000;
  font-family: "montserrat-medium";
  font-size: 11px;
}

#booking #mainroom .choice {
  display: block;
}

#booking #mainroom .program {
  position: relative;
  min-height: 100%;
}

#booking .pending {
  padding: 15px 0px 10px 0px;
  color: #f30000;
  font-family: "montserrat-medium";
  font-size: 13px;
}

@media (max-width: 991px) {
  #booking #mainroom .guest {
    padding-bottom: 15px;
  }

  #booking #mainroom .border {
    padding: 30px 15px;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
  }
}

@media (min-width: 992px) {
  #booking #mainroom .border {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
  }
}

#guestModal li {
  display: block;
  background: #f2f2f2;
  padding: 15px 20px;
  margin: 10px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  font-family: "montserrat-medium";
  font-size: 13px;
  list-style: none;
}

#guestModal li a {
  color: #b19a6f;
  font-family: "montserrat-bold";
}

#booking .branch {
  padding-bottom: 35px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
  text-align: center;
}

#booking #maintime .booking {
  display: block;
}

#booking #maintime .booking .no-padding-3 {
  padding: 0px 12px;
}

#booking #maintime .guestname {
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking #maintime .availabletime {
  padding-left: 3px;
  padding-bottom: 15px;
  color: #808080;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#booking #maintime .time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

#booking #maintime .time li {
  list-style: none;
  min-width: 130px;
  padding: 3px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: center;
}

#booking #maintime .time li.warning a {
  background: red;
}

#booking #maintime .time li a {
  display: block;
  background: #f2f2f2;
  padding: 10px;
  border-radius: 3px;
}

#booking #maintime .time li a:hover,
#booking #maintime .time li a.active {
  background: #b19a6f;
  color: #fff;
  font-family: "montserrat-bold";
}

@media (max-width: 991px) {
  #booking #maintime .guestname {
    padding: 15px 0px;
  }

  #booking #maintime .time li {
    width: 50%;
  }
}

@media (min-width: 992px) {
  #booking #maintime .guest {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 25px;
  }

  #booking #maintime .guestname {
    padding-left: 15px;
  }
}

#checkout {
  background: #f2f2f2;
}

#checkout h1 {
  margin: 0px;
  margin-bottom: 35px;
  color: #b19a6f;
  font-family: "montserrat-bold";
  font-size: 22px;
  text-align: center;
  line-height: 1.3em;
}

#checkout .payment__type {
  padding: 30px 0px;
  width: 100%;
  text-align: center;
}

#checkout .payment__type h2 {
  margin: 0px 0px 10px 0px;
  font-family: "montserrat-bold";
  font-size: 22px;
}

#checkout .payment__type .detail {
  font-family: "montserrat-medium";
  font-size: 13px;
}

#checkout .payment__type a {
  display: block;
  border: 1px solid #000;
  padding: 15px 30px;
  max-width: 170px;
  margin: 0 auto;
  margin-top: 30px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 16px;
}

#checkout .payment__type.exclusive h2 {
  color: #e91717;
}

#checkout .payment__type.exclusive a {
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  border: none;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  color: #fff;
}

#checkout .condition {
  max-width: 780px;
  margin: 0 auto;
  padding: 30px 15px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: center;
}

#checkout .terms {
  list-style-position: inside;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#checkout .terms h4 {
  margin: 10px 0px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px !important;
}

#checkout .terms a {
  text-decoration: underline;
}

#checkout .bookinginfo h2 {
  margin: 0px;
  color: #797979;
  font-family: "montserrat-bold";
  font-size: 16px;
  text-align: center;
}

#checkout .bookinginfo .info {
  max-width: 650px;
  margin: 0 auto;
  padding-bottom: 30px;
  color: #a0a0a0;
  font-family: "montserrat-medium";
  font-size: 13px;
}

#checkout .bookinginfo .info .title {
  margin: 0px;
  color: #797979;
  font-family: "montserrat-bold";
  font-size: 16px;
}

#checkout .bookinginfo .info .totalprice {
  padding-top: 5px;
  color: #9bc783;
}

#checkout .bookinginfo .info .time {
  padding-bottom: 10px;
  color: #797979;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#checkout .bookinginfo .info .guest {
  color: #797979;
  font-family: "montserrat-bold";
  font-size: 13px;
  text-transform: capitalize;
}

#checkout .bookinginfo .info .program {
  padding: 5px 0px 15px 0px;
  color: #797979;
  font-family: "montserrat-medium";
  font-size: 13px;
  line-height: 1.5em;
}

#checkout .bookinginfo .back {
  padding: 60px 0px;
  text-align: center;
}

#checkout .bookinginfo .back .st0 {
  fill: none;
  stroke: #000;
  stroke-width: 12;
  stroke-miterlimit: 10;
}

#checkout .bookinginfo .back svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#checkout .bookinginfo .back a {
  position: relative;
  padding-left: 50px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
  text-decoration: underline;
}

#checkout .checkout__type {
  padding: 0px 15px;
  width: 100%;
}

#checkout .checkout__type h2 {
  margin: 0px 0px 20px 0px;
  font-family: "montserrat-bold";
  font-size: 22px;
}

#checkout .checkout__type .red {
  color: #e91717 !important;
  font-family: "montserrat-bold" !important;
}

#checkout .checkout__type table {
  width: 100%;
}

#checkout .checkout__type table tr td {
  padding: 5px 0px;
}

#checkout .checkout__type table tr td:first-child {
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#checkout .checkout__type table tr td:last-child {
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: right;
}

#checkout .checkout__type h3 {
  margin: 0px;
  color: #000;
  font-family: "montserrat-bold";
  font-size: 13px;
}

#checkout .checkout__type .padding-top {
  padding-top: 20px;
}

#checkout .checkout__type .text-right {
  text-align: left !important;
  line-height: 1.5em;
}

#checkout .checkout__form {
  position: relative;
  padding: 0px 15px;
  z-index: 9;
}

#checkout .checkout__form .visa {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 11px;
  text-align: right;
}

#checkout .checkout__form .visa img {
  height: 26px;
}

#checkout .checkout__form .visa div {
  display: flex;
  align-items: center;
}

#checkout .checkout__form h1 {
  margin: 0px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: left;
}

#checkout .checkout__form .flex {
  display: flex;
  justify-content: space-between;
}

#checkout .checkout__form input[type=text] {
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 7px 15px;
  margin: 10px 0px 20px 0px;
  height: 32px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 16px;
}

#checkout .checkout__form .expire {
  width: 100%;
}

#checkout .checkout__form .expire h1 {
  padding-bottom: 10px;
}

#checkout .checkout__form .expire .flex div {
  padding-right: 3px;
  width: 100%;
}

#checkout .checkout__form .cvv .form-error.help-block {
  bottom: -5px;
}

#checkout .checkout textarea {
  border: 1px solid #ccc;
  min-height: 50px;
  margin: 0 auto;
  padding: 15px;
  background: #fff;
}

#checkout .submitcheckout {
  padding: 20px 50px 20px 30px;
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  width: 100%;
  color: #fff;
  font-family: "montserrat-bold";
  font-size: 16px;
  text-align: center;
}

#checkout .formgroup {
  margin-bottom: 0px;
}

#checkout .success {
  padding: 60px 15px;
}

#checkout .success .box {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px 0px 40px 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  text-align: center;
}

#checkout .success .box h1 {
  margin: 0px;
  margin-bottom: 20px;
  color: #b19a6f;
  font-family: "Playfair Display", serif;
  font-size: 30px;
  text-align: center;
}

#checkout .success .box img {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 66px;
}

#checkout .success .box svg {
  width: 66px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#checkout .success .box .detail {
  max-width: 450px;
  margin: 0 auto;
  padding: 0px 15px;
  color: #000;
  font-family: "montserrat-medium";
  font-size: 13px;
  text-align: center;
  line-height: 1.5em;
}

#checkout .success .link {
  display: flex;
  justify-content: space-between;
  max-width: 230px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0px 15px;
}

#checkout .success .link li {
  list-style: none;
  width: 100%;
  padding: 0px 5px;
}

#checkout .success .link li a {
  display: block;
  border: 1px solid #c9b98d;
  padding: 15px 0px;
  color: #c9b98d;
  font-family: "montserrat-medium";
  font-size: 14px;
  text-align: center;
}

#checkout .success .link li a.go {
  background: url("/public/img/header/bg-button.png") no-repeat center top;
  background-size: cover;
  color: #fff;
}

@media (max-width: 991px) {
  #checkout h1 {
    font-size: 17px;
  }

  #checkout .payment {
    padding: 0px 30px;
  }

  #checkout .payment__type.standard {
    border-bottom: 1px solid #d9d9d9;
  }

  #checkout .condition {
    padding-top: 0px;
  }

  #checkout .bookinginfo h2 {
    padding: 45px 0px;
    border-top: 1px solid #d9d9d9;
  }

  #checkout .bookinginfo .info {
    padding-bottom: 30px;
  }

  #checkout .bookinginfo .info .title {
    padding-bottom: 15px;
  }

  #checkout .bookinginfo .back {
    padding: 0px 0px 45px 15px;
    text-align: left;
  }

  #checkout .submitcheckout {
    margin-bottom: 30px;
  }

  #checkout .checkout__form {
    padding-top: 30px;
  }

  #checkout .checkout__form #securityCode {
    max-width: 80%;
  }
}

@media (min-width: 992px) {
  #checkout {
    padding-top: 60px;
  }

  #checkout .payment {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 830px;
    margin: 0 auto;
  }

  #checkout .payment__type h2 {
    height: 60px;
  }

  #checkout .payment__type.standard {
    border-right: 1px solid #d9d9d9;
  }

  #checkout .bookinginfo {
    max-width: 830px;
    margin: 0 auto;
    border-top: 1px solid #d9d9d9;
  }

  #checkout .bookinginfo h2 {
    padding: 30px 0px;
  }

  #checkout .checkout {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 920px;
    margin: 0 auto;
    padding-bottom: 60px;
  }

  #checkout .checkout__type {
    width: 50%;
    padding: 0px 60px;
    border-right: 1px solid #d9d9d9;
  }

  #checkout .checkout__form {
    width: 50%;
    padding: 0px 60px;
  }

  #checkout .success .link a {
    font-size: 16px;
  }
}