@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}
.loader-wrapper .loader-section.section-left {
  left: 0;
}
.loader-wrapper .loader-section.section-right {
  right: 0;
}
/* Loaded */
.loaded .loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded .loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
.wpbookinghotel-pro-view-frontend .wpbooking-pro-view.wpbooking-pro-view-locator {
  max-width: unset!important;
}
.wpbookinghotel-pro-view-frontend .loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.wpbookinghotel-pro-view-frontend .loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}
.wpbookinghotel-pro-view-frontend .loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
.wpbookinghotel-pro-view-frontend .loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
.wpbookinghotel-pro-view-frontend .nowrap {
  white-space: nowrap;
}
.wpbookinghotel-pro-view-frontend .entry-content h5,
.wpbookinghotel-pro-view-frontend .entry-content h4,
.wpbookinghotel-pro-view-frontend .entry-content h3,
.wpbookinghotel-pro-view-frontend .entry-content h2,
.wpbookinghotel-pro-view-frontend .entry-content h1 {
  margin: 0;
}
.view-blog-category .content-left .blog-image-1 {
  margin-bottom: 6%;
}
.view-blog-category .content-left .blog-image-1 .image-1 {
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin-bottom: 3%;
}
.view-blog-category .content-left .blog-image-1 .image-1 div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 450 / 892);
  position: relative;
}
.view-blog-category .content-left .blog-image-1 .image-1 div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-blog-category .content-left .blog-image-1 .evaluate {
  display: flex;
  font-size: 18px;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-image-1 .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-image-1 .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
.view-blog-category .content-left .blog-image-1 .evaluate .icon-1 {
  margin-right: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-image-1 .evaluate .icon-1 {
    width: 50%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.view-blog-category .content-left .blog-image-1 .evaluate .icon-1 i {
  color: #277aeb;
}
.view-blog-category .content-left .blog-image-1 .evaluate .icon-1 span {
  color: #959697;
}
.view-blog-category .content-left .blog-image-1 .content-blog-image {
  margin-bottom: 3%;
}
.view-blog-category .content-left .blog-image-1 .content-blog-image .title {
  margin-bottom: 2%;
}
.view-blog-category .content-left .blog-image-1 .content-blog-image .title h3 {
  color: #161617;
  font-weight: bold;
}
.view-blog-category .content-left .blog-image-1 .content-blog-image .content {
  color: #7a7b7d;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-image-1 .content-blog-image .content {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-image-1 .content-blog-image .content {
    font-size: 18px;
  }
}
.view-blog-category .content-left .blog-image-1 .btn-read-more button {
  width: 15%;
  height: 45px;
  background: #1d73ea;
  border: none;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-image-1 .btn-read-more button {
    width: unset;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-image-1 .btn-read-more button {
    width: unset;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-left .blog-image-1 .btn-read-more button {
    width: unset;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-left .blog-image-1 .btn-read-more button {
    width: unset;
  }
}
.view-blog-category .content-left .blog-image-1 .btn-read-more button:hover {
  background: #005cbf;
}
.view-blog-category .content-left .blog-slider {
  width: 100%;
  margin-bottom: 6%;
}
.view-blog-category .content-left .blog-slider .wrapper-slider {
  width: 100%;
  height: 450px;
  position: relative;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider {
    height: 60%;
    margin-bottom: 2%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider {
    height: 70%;
    margin-bottom: 2%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider {
    height: 80%;
    margin-bottom: 2%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider {
    height: 80%;
    margin-bottom: 2%;
  }
}
.view-blog-category .content-left .blog-slider .wrapper-slider .block-slider {
  width: 100%;
  height: 100%;
}
.view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 450 / 892);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div {
    padding-bottom: calc(100% * 6 / 10);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div {
    padding-bottom: calc(100% * 7 / 10);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div {
    padding-bottom: calc(100% * 8 / 10);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div {
    padding-bottom: calc(100% * 8 / 10);
  }
}
.view-blog-category .content-left .blog-slider .wrapper-slider .block-slider .image div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-blog-category .content-left .blog-slider .wrapper-slider .next,
.view-blog-category .content-left .blog-slider .wrapper-slider .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
}
.view-blog-category .content-left .blog-slider .wrapper-slider .next i,
.view-blog-category .content-left .blog-slider .wrapper-slider .prev i {
  background: rgba(119, 113, 109, 0.47);
  padding: 70% 70%;
  color: #fff;
}
.view-blog-category .content-left .blog-slider .wrapper-slider .next {
  right: 70px;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .next {
    right: 40px;
  }
}
.view-blog-category .content-left .blog-slider .wrapper-slider .prev {
  left: 50px;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .wrapper-slider .prev {
    left: 25px;
  }
}
.view-blog-category .content-left .blog-slider .evaluate {
  display: flex;
  font-size: 18px;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-slider .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
.view-blog-category .content-left .blog-slider .evaluate .icon-1 {
  margin-right: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .evaluate .icon-1 {
    width: 50%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.view-blog-category .content-left .blog-slider .evaluate .icon-1 i {
  color: #277aeb;
}
.view-blog-category .content-left .blog-slider .evaluate .icon-1 span {
  color: #959697;
}
.view-blog-category .content-left .blog-slider .content-blog-image {
  margin-bottom: 3%;
}
.view-blog-category .content-left .blog-slider .content-blog-image .title {
  margin-bottom: 2%;
}
.view-blog-category .content-left .blog-slider .content-blog-image .title h3 {
  color: #161617;
  font-weight: bold;
}
.view-blog-category .content-left .blog-slider .content-blog-image .content {
  color: #7a7b7d;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .content-blog-image .content {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-slider .content-blog-image .content {
    font-size: 18px;
  }
}
.view-blog-category .content-left .blog-slider .btn-read-more {
  margin-bottom: 3%;
}
.view-blog-category .content-left .blog-slider .btn-read-more button {
  width: 15%;
  height: 45px;
  background: #1d73ea;
  border: none;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-left .blog-slider .btn-read-more button {
    width: unset ;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-left .blog-slider .btn-read-more button {
    width: unset;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-left .blog-slider .btn-read-more button {
    width: unset;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-left .blog-slider .btn-read-more button {
    width: unset;
  }
}
.view-blog-category .content-left .blog-slider .btn-read-more button:hover {
  background: #005cbf;
}
.view-blog-category .content-right {
  padding-left: 5%;
}
.view-blog-category .content-right h3 {
  font-size: 22px;
  font-weight: bold;
}
.view-blog-category .content-right .btn-search h3 {
  margin-bottom: 8%;
}
.view-blog-category .content-right .btn-search .search-text {
  position: relative;
  margin-bottom: 20%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .btn-search .search-text {
    margin-bottom: 30%;
  }
}
.view-blog-category .content-right .btn-search .search-text input {
  width: 100%;
  height: 48px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  text-align: left;
  border-radius: 5px;
  border: none;
  background: #fff;
  font-size: 17px;
}
.view-blog-category .content-right .btn-search .search-text i {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
}
.view-blog-category .content-right .categories {
  margin-bottom: 15%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .categories {
    margin-bottom: 30%;
  }
}
.view-blog-category .content-right .categories h3 {
  margin-bottom: 5%;
}
.view-blog-category .content-right .categories .cat-hotel {
  border-bottom: 1px solid #dae5f3;
  padding: 4% 0;
}
.view-blog-category .content-right .categories .cat-hotel i {
  font-size: 12px;
  color: #b0b0b0;
}
.view-blog-category .content-right .categories .cat-hotel span {
  font-size: 20px;
}
.view-blog-category .content-right .categories .hotel-hotel {
  display: flex;
  position: relative;
}
.view-blog-category .content-right .categories .hotel-hotel i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-blog-category .content-right .categories .real-eststes {
  display: flex;
  position: relative;
}
.view-blog-category .content-right .categories .real-eststes i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-blog-category .content-right .categories .properties {
  display: flex;
  flex-direction: column;
}
.view-blog-category .content-right .categories .properties span {
  padding: 5% 0;
}
.view-blog-category .content-right .categories .restaurant {
  display: flex;
  position: relative;
}
.view-blog-category .content-right .categories .restaurant i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-blog-category .content-right .categories .tool-tips {
  display: flex;
  position: relative;
}
.view-blog-category .content-right .categories .tool-tips i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-blog-category .content-right .categories .others {
  display: flex;
  position: relative;
  border-bottom: none;
}
.view-blog-category .content-right .categories .others i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-blog-category .content-right .latest-post {
  margin-bottom: 15%;
}
.view-blog-category .content-right .latest-post h3 {
  margin-bottom: 5%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post h3 {
    margin-bottom: 15%;
  }
}
.view-blog-category .content-right .latest-post .btn-latest-post {
  border: none;
  margin-bottom: 7%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .btn-latest-post {
    margin-bottom: 30%;
  }
}
.view-blog-category .content-right .latest-post .btn-latest-post ul {
  margin-bottom: 9%;
  text-align: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .btn-latest-post ul {
    margin-bottom: 20%;
  }
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li {
  width: 50%;
  margin: 0;
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li a {
  border: none;
  border-radius: 0;
  color: black;
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li a span {
  font-size: 14px;
  font-weight: bold;
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li #latest-tab {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li #popular-tab {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.view-blog-category .content-right .latest-post .btn-latest-post ul li a:focus,
.view-blog-category .content-right .latest-post .btn-latest-post ul li a:hover {
  color: black;
}
.view-blog-category .content-right .latest-post .btn-latest-post .nav-tabs > li > a {
  margin-right: 0;
}
.view-blog-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a,
.view-blog-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a:focus,
.view-blog-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #1d73ea;
}
.view-blog-category .content-right .latest-post .image-blog-post {
  display: flex;
  margin-bottom: 4%;
  justify-content: flex-start;
  align-items: center;
}
.view-blog-category .content-right .latest-post .image-blog-post .image-hotel {
  width: 30%;
  height: 77px;
  overflow: hidden;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
.view-blog-category .content-right .latest-post .image-blog-post .image-hotel div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 77 / 85);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.view-blog-category .content-right .latest-post .image-blog-post .image-hotel div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
}
.view-blog-category .content-right .latest-post .image-blog-post .content-hotel {
  margin: 5% 8%;
  width: 50%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .content-hotel {
    width: 55%;
  }
}
.view-blog-category .content-right .latest-post .image-blog-post .content-hotel h4 {
  font-weight: bold;
  margin-bottom: 2%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .content-hotel h4 {
    font-size: 15px;
  }
}
.view-blog-category .content-right .latest-post .image-blog-post .content-hotel .date-blog {
  font-size: 18px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .latest-post .image-blog-post .content-hotel .date-blog {
    font-size: 14px;
  }
}
.view-blog-category .content-right .latest-post .image-blog-post .content-hotel .date-blog i {
  color: #277aeb;
}
.view-blog-category .content-right .latest-post .image-blog-post .content-hotel .date-blog span {
  color: #959697;
}
.view-blog-category .content-right .archives {
  margin-bottom: 15%;
}
.view-blog-category .content-right .archives h3 {
  margin-bottom: 5%;
}
.view-blog-category .content-right .archives .month {
  border-bottom: 1px solid #e4edf8;
  padding: 5%;
}
.view-blog-category .content-right .archives .month i {
  font-size: 18px;
  color: #b0b0b0;
  margin-right: 5%;
}
.view-blog-category .content-right .archives .month span {
  font-size: 20px;
}
.view-blog-category .content-right .archives .april {
  border: none;
}
.view-blog-category .content-right .instagram h3 {
  margin-bottom: 5%;
}
.view-blog-category .content-right .instagram .img-insta {
  width: 100%;
  height: 100%;
  margin-bottom: 15%;
  position: relative;
}
.view-blog-category .content-right .instagram .img-insta div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-blog-category .content-right .instagram .img-insta div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.view-blog-category .content-right .instagram .img-insta .icon-insta {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  top: 85%;
}
@media (max-width: 575.98px) {
  .view-blog-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-blog-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-blog-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-blog-category .content-right .instagram .img-insta .icon-insta {
    top: 70%;
  }
  .view-blog-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 15px;
  }
}
.view-blog-category .content-right .instagram .insta-1 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-1:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-1:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-1 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-blog-category .content-right .instagram .insta-2 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-2:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-2:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-2 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-blog-category .content-right .instagram .insta-3 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-3:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-3:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-3 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-blog-category .content-right .instagram .insta-4 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-4:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-4:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-4 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-blog-category .content-right .instagram .insta-5 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-5:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-5:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-5 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-blog-category .content-right .instagram .insta-6 {
  position: relative;
}
.view-blog-category .content-right .instagram .insta-6:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-6:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-blog-category .content-right .instagram .insta-6 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-left .blog-image-1 {
  margin-bottom: 6%;
}
.view-detail-category .content-left .blog-image-1 .image-1 {
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin-bottom: 3%;
}
.view-detail-category .content-left .blog-image-1 .image-1 div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 450 / 892);
  position: relative;
}
.view-detail-category .content-left .blog-image-1 .image-1 div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-detail-category .content-left .blog-image-1 .evaluate {
  display: flex;
  font-size: 18px;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .evaluate {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
.view-detail-category .content-left .blog-image-1 .evaluate .icon-1 {
  margin-right: 3%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .evaluate .icon-1 {
    width: 50%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.view-detail-category .content-left .blog-image-1 .evaluate .icon-1 i {
  color: #277aeb;
}
.view-detail-category .content-left .blog-image-1 .evaluate .icon-1 span {
  color: #959697;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image {
  margin-bottom: 3%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .title {
  margin-bottom: 2%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .title h3 {
  color: #161617;
  font-weight: bold;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .content {
  color: #7a7b7d;
  margin-bottom: 4%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .content {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .content {
    font-size: 18px;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .quote {
  background-color: #1d73ea !important;
  color: #dce6fb;
  border-radius: 6px;
  margin-bottom: 4%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .quote .content-quote {
  position: relative;
  z-index: 20;
  padding: 6%;
  text-align: center;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .quote .content-quote h3 {
  color: #dce6fb;
  margin-bottom: 2%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
  color: #488fee;
  font-size: 90px;
  position: absolute;
  z-index: 1;
  padding: 3% 45%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
    padding: 3% 40%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
    padding: 3% 40%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
    padding: 3% 42%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
    padding: 3% 42%;
  }
}
@media (min-width: 1200px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .quote i {
    padding: 3% 44%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note {
  display: flex;
  border-top: 1px solid #eaf0fa;
  border-bottom: 1px solid #eaf0fa;
  padding: 3% 0;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .note-text {
  width: 50%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .note-text span {
  font-size: 18px;
  font-weight: 600;
  margin-right: 2%;
  color: #414344;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .note-text span i {
  color: #277cbc;
  font-size: 15px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .btn-note {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .btn-note a {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: none;
  background: #fff;
  color: #141414;
  padding: 10px 13px;
  margin-left: 10px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .btn-note a i {
  font-size: 16px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .note .btn-note #twitter {
  background: #1c72e9;
  color: #fff;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin {
  margin-bottom: 5%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: none;
  background: #fff;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .image {
  width: 125px;
  height: 125px;
  overflow: hidden;
  margin-right: 30px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .image div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .image div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .info-admin {
  width: 70%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .info-admin h3 {
  font-weight: bold;
  margin-bottom: 2%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .info-admin h3 a {
  color: #2a7aeb;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .admin .info-admin span {
  color: #8b8b8b;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel {
  margin-bottom: 5%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look {
  border-radius: 4px;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 135px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look {
    margin-bottom: 5%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look {
    margin-bottom: 5%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look {
    margin-bottom: 5%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .image-hotel-look {
  width: 138px;
  height: 100%;
  margin-right: 10%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .image-hotel-look div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 95/138);
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .image-hotel-look div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .content-box h4 {
  font-weight: bold;
  font-size: 22px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .content-box .date-box {
  font-size: 20px;
  margin-bottom: 8%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .content-box .date-box i {
  color: #277aeb;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .hotel-look .content-box .date-box span {
  color: #9596b2;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places {
  border-radius: 4px;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 135px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  background-color: #1d73ea !important;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .image-unusual-places {
  width: 138px;
  height: 100%;
  margin-left: 25%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .image-unusual-places {
    margin-left: 6%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .image-unusual-places {
    margin-left: 5%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .image-unusual-places div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 95/138);
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .image-unusual-places div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .content-box h4 {
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .content-box .date-box {
  font-size: 20px;
  margin-bottom: 8%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .content-box .date-box i {
  color: #ffffff;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .box-hotel .unusual-places .content-box .date-box span {
  color: #ffffff;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment {
  margin-bottom: 4%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment h3 {
  font-weight: bold;
  margin-bottom: 5%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .input-comment input {
  height: 47px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: none;
  background: #fff;
  margin-bottom: 3%;
  font-size: 17px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .input-comment .name-email {
  display: flex;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .input-comment .name-email input {
  width: 48%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .input-comment .name-email #review-name {
  margin-right: 3%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .input-comment #review-comments {
  height: 94px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .btn-submit button {
  width: 15%;
  height: 47px;
  background: #1d73ea;
  font-weight: bold;
  border: none;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .btn-submit button {
    width: unset;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .leave-comment .btn-submit button:hover {
  background: #005cbf;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment h3 {
  font-weight: bold;
  margin-bottom: 5%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1:first-child {
  border-top: none;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 {
  margin-bottom: 3%;
  padding-top: 3%;
  border-top: 1px solid #e8effa;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 {
    flex-direction: column;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
  width: 150px;
  height: 110px;
  position: relative;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
    width: 110px;
    height: 110px;
    margin-bottom: 2%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
    width: 150px;
    height: 150px;
    margin-bottom: 2%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
    width: 25%;
    height: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
    width: 25%;
    height: 25%;
  }
}
@media (min-width: 1200px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer {
    width: 20%;
    height: 20%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .image-reviewer div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 75px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review {
  margin-left: 4%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top {
  display: flex;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top {
    flex-flow: column;
    text-align: center;
    margin-bottom: 2%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top {
    flex-flow: column;
    text-align: center;
    margin-bottom: 2%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
  width: 16%;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 22%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 24%;
  }
}
@media (min-width: 1200px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 19%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
  width: 28%;
  margin-left: 2%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
    width: 100%;
    margin-left: unset;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
    width: 100%;
    margin-left: unset;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
    width: 36%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
    width: 39%;
  }
}
@media (min-width: 1200px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review {
    width: 30%;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review span {
  font-size: 16px;
  font-style: italic;
  color: #9e9fa0;
  font-weight: bold;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review .time-review {
  margin-right: 5px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .datetime-review .date-review {
  margin-right: 10px;
  margin-left: 5px;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .icon-star {
  padding-top: 3px;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .icon-star {
    width: 100%;
    margin-left: unset;
  }
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .info-top .icon-star i {
  font-size: 16px;
  color: #989b9f;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .content-review {
  width: 100%;
}
.view-detail-category .content-left .blog-image-1 .content-blog-image .comment .comment-1 .info-review .content-review span {
  font-style: italic;
  color: #909295;
  font-size: 20px;
}
.view-detail-category .content-left .blog-image-1 .btn-read-more button {
  width: 15%;
  height: 45px;
  background: #1d73ea;
  border: none;
  color: #fff;
  font-weight: bold;
}
.view-detail-category .content-left .blog-image-1 .btn-read-more button:hover {
  background: #005cbf;
}
.view-detail-category .content-right {
  padding-left: 5%;
}
.view-detail-category .content-right h3 {
  font-size: 22px;
  font-weight: bold;
}
.view-detail-category .content-right .btn-search h3 {
  margin-bottom: 8%;
}
.view-detail-category .content-right .btn-search .search-text {
  position: relative;
  margin-bottom: 20%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .btn-search .search-text {
    margin-bottom: 30%;
  }
}
.view-detail-category .content-right .btn-search .search-text input {
  width: 100%;
  height: 48px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  text-align: left;
  border-radius: 5px;
  border: none;
  background: #fff;
  font-size: 17px;
}
.view-detail-category .content-right .btn-search .search-text i {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
}
.view-detail-category .content-right .categories {
  margin-bottom: 15%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .categories {
    margin-bottom: 30%;
  }
}
.view-detail-category .content-right .categories h3 {
  margin-bottom: 5%;
}
.view-detail-category .content-right .categories .cat-hotel {
  border-bottom: 1px solid #dae5f3;
  padding: 4% 0;
}
.view-detail-category .content-right .categories .cat-hotel i {
  font-size: 12px;
  color: #b0b0b0;
}
.view-detail-category .content-right .categories .cat-hotel span {
  font-size: 20px;
}
.view-detail-category .content-right .categories .hotel-hotel {
  display: flex;
  position: relative;
}
.view-detail-category .content-right .categories .hotel-hotel i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-detail-category .content-right .categories .real-eststes {
  display: flex;
  position: relative;
}
.view-detail-category .content-right .categories .real-eststes i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-detail-category .content-right .categories .properties {
  display: flex;
  flex-direction: column;
}
.view-detail-category .content-right .categories .properties span {
  padding: 5% 0;
}
.view-detail-category .content-right .categories .restaurant {
  display: flex;
  position: relative;
}
.view-detail-category .content-right .categories .restaurant i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-detail-category .content-right .categories .tool-tips {
  display: flex;
  position: relative;
}
.view-detail-category .content-right .categories .tool-tips i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-detail-category .content-right .categories .others {
  display: flex;
  position: relative;
  border-bottom: none;
}
.view-detail-category .content-right .categories .others i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-detail-category .content-right .latest-post {
  margin-bottom: 15%;
}
.view-detail-category .content-right .latest-post h3 {
  margin-bottom: 5%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post h3 {
    margin-bottom: 15%;
  }
}
.view-detail-category .content-right .latest-post .btn-latest-post {
  border: none;
  margin-bottom: 7%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .btn-latest-post {
    margin-bottom: 30%;
  }
}
.view-detail-category .content-right .latest-post .btn-latest-post ul {
  margin-bottom: 9%;
  text-align: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .btn-latest-post ul {
    margin-bottom: 20%;
  }
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li {
  width: 50%;
  margin: 0;
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li a {
  border: none;
  border-radius: 0;
  color: black;
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li a span {
  font-size: 14px;
  font-weight: bold;
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li #latest-tab {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li #popular-tab {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.view-detail-category .content-right .latest-post .btn-latest-post ul li a:focus,
.view-detail-category .content-right .latest-post .btn-latest-post ul li a:hover {
  color: black;
}
.view-detail-category .content-right .latest-post .btn-latest-post .nav-tabs > li > a {
  margin-right: 0;
}
.view-detail-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a,
.view-detail-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a:focus,
.view-detail-category .content-right .latest-post .btn-latest-post .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #1d73ea;
}
.view-detail-category .content-right .latest-post .image-blog-post {
  display: flex;
  margin-bottom: 4%;
  justify-content: flex-start;
  align-items: center;
}
.view-detail-category .content-right .latest-post .image-blog-post .image-hotel {
  width: 30%;
  height: 77px;
  overflow: hidden;
  margin-bottom: 3%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel {
    height: 100%;
  }
}
.view-detail-category .content-right .latest-post .image-blog-post .image-hotel div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 77 / 85);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .image-hotel div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.view-detail-category .content-right .latest-post .image-blog-post .image-hotel div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
}
.view-detail-category .content-right .latest-post .image-blog-post .content-hotel {
  margin: 5% 8%;
  width: 50%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .content-hotel {
    width: 55%;
  }
}
.view-detail-category .content-right .latest-post .image-blog-post .content-hotel h4 {
  font-weight: bold;
  margin-bottom: 2%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .content-hotel h4 {
    font-size: 15px;
  }
}
.view-detail-category .content-right .latest-post .image-blog-post .content-hotel .date-blog {
  font-size: 18px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .latest-post .image-blog-post .content-hotel .date-blog {
    font-size: 14px;
  }
}
.view-detail-category .content-right .latest-post .image-blog-post .content-hotel .date-blog i {
  color: #277aeb;
}
.view-detail-category .content-right .latest-post .image-blog-post .content-hotel .date-blog span {
  color: #959697;
}
.view-detail-category .content-right .archives {
  margin-bottom: 10%;
}
.view-detail-category .content-right .archives h3 {
  margin-bottom: 5%;
}
.view-detail-category .content-right .archives .month {
  border-bottom: 1px solid #e4edf8;
  padding: 5%;
}
.view-detail-category .content-right .archives .month i {
  font-size: 18px;
  color: #b0b0b0;
  margin-right: 5%;
}
.view-detail-category .content-right .archives .month span {
  font-size: 20px;
}
.view-detail-category .content-right .archives .april {
  border: none;
}
.view-detail-category .content-right .instagram h3 {
  margin-bottom: 5%;
}
.view-detail-category .content-right .instagram .img-insta {
  width: 100%;
  height: 100%;
  margin-bottom: 15%;
  position: relative;
}
.view-detail-category .content-right .instagram .img-insta div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-detail-category .content-right .instagram .img-insta div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.view-detail-category .content-right .instagram .img-insta .icon-insta {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  top: 85%;
}
@media (max-width: 575.98px) {
  .view-detail-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-detail-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-detail-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-detail-category .content-right .instagram .img-insta .icon-insta {
    top: 70%;
  }
  .view-detail-category .content-right .instagram .img-insta .icon-insta i {
    font-size: 15px;
  }
}
.view-detail-category .content-right .instagram .insta-1 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-1:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-1:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-1 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-right .instagram .insta-2 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-2:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-2:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-2 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-right .instagram .insta-3 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-3:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-3:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-3 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-right .instagram .insta-4 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-4:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-4:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-4 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-right .instagram .insta-5 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-5:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-5:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-5 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-detail-category .content-right .instagram .insta-6 {
  position: relative;
}
.view-detail-category .content-right .instagram .insta-6:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-6:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-detail-category .content-right .instagram .insta-6 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail {
  margin-top: 460px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail {
    margin-top: 400px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail {
    margin-top: 500px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail {
    margin-top: 440px;
  }
}
.view-hotel-detail .block-alert .jc-bs3-container {
  width: 100%;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row {
  margin: auto;
  width: 100%;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
  width: 22%;
  transform: translateX(-25%) !important;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box {
  height: 150px;
  padding: 20px;
  position: relative;
  overflow: unset;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
  height: 100% !important;
  margin-bottom: 0;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
  height: 100%;
  position: relative;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  padding-left: 80px;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.title-box {
  color: #FB646F;
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.content-box {
  color: #666666;
  font-size: 16px;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div i.icon-nb-hand {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  color: #FB646F;
  font-size: 56px;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
  position: absolute;
  top: 50%;
  right: -21px;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-hotel-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i {
  font-size: 16px;
}
.view-hotel-detail .block-slide {
  position: absolute;
  width: 100%;
  top: 370px;
  left: 0;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .block-slide {
    top: 250px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .block-slide {
    top: 500px;
  }
}
@media (max-width: 575.98px) {
  .view-hotel-detail .block-slide .gallery-slide .slick-list {
    height: 100%;
  }
}
.view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block {
  width: 100%;
  height: 400px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block {
    height: 60%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block {
    height: 70%;
  }
}
.view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 400/630);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block div {
    padding-bottom: calc(100% * 0.6/1);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block div {
    padding-bottom: calc(100% * 0.7/1);
  }
}
.view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-hotel-detail .block-slide .gallery-slide .slick-list .slick-track .slick-slide .img-block div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .block-slide .arrow-next,
.view-hotel-detail .block-slide .arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  transition: 250ms all ease-in-out;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .block-slide .arrow-next,
  .view-hotel-detail .block-slide .arrow-prev {
    display: none;
  }
}
.view-hotel-detail .block-slide .arrow-next:hover,
.view-hotel-detail .block-slide .arrow-prev:hover,
.view-hotel-detail .block-slide .arrow-next:active,
.view-hotel-detail .block-slide .arrow-prev:active {
  background-color: #F02737;
}
.view-hotel-detail .block-slide .arrow-next:hover i,
.view-hotel-detail .block-slide .arrow-prev:hover i,
.view-hotel-detail .block-slide .arrow-next:active i,
.view-hotel-detail .block-slide .arrow-prev:active i {
  color: #ffffff;
}
.view-hotel-detail .block-slide .arrow-next i,
.view-hotel-detail .block-slide .arrow-prev i {
  font-size: 20px;
  color: #666666;
  transition: 250ms all ease-in-out;
}
.view-hotel-detail .block-slide .arrow-prev {
  left: 70px;
}
.view-hotel-detail .block-slide .arrow-next {
  right: 70px;
}
.view-hotel-detail .content-left .info-hotel .name-hotel {
  margin-bottom: 3%;
}
.view-hotel-detail .content-left .info-hotel .name-hotel h4 {
  font-weight: bold;
  font-size: 25px;
  color: #141514;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating {
    flex-flow: column;
  }
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel {
  font-size: 19px;
  margin-right: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel span {
  color: #347EEC;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel i {
  margin-right: 10px;
  color: #347EEC;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel {
    width: 52%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel {
    width: 40%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating .address-hotel {
    width: 41%;
  }
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel {
    width: 100%;
    margin: 20px 0;
  }
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star::after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating > .rating-review {
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .block-group-address-rating .ratting-hotel .block-rating > .rating-review span {
  font-size: 16px;
  color: #768092;
}
.view-hotel-detail .content-left .info-hotel .price-hotel {
  margin-bottom: 2%;
}
.view-hotel-detail .content-left .info-hotel .price-hotel span.title {
  font-weight: bold;
  font-size: 19px;
  color: #444647;
}
.view-hotel-detail .content-left .info-hotel .price-hotel span.price {
  color: #f13b49;
  font-weight: bold;
  font-size: 30px;
}
.view-hotel-detail .content-left .info-hotel .price-hotel span.price::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.view-hotel-detail .content-left .info-hotel .price-hotel span.suffixes {
  color: #f13b49;
  font-weight: bold;
  font-size: 20px;
}
.view-hotel-detail .content-left .info-hotel .description-1 {
  color: #8d8e90;
  font-size: 19px;
  margin-bottom: 3%;
}
.view-hotel-detail .content-left .info-hotel .description-2 {
  color: #5f6062;
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 2%;
}
.view-hotel-detail .content-left .info-hotel .description-2 .des {
  margin-bottom: 2%;
}
.view-hotel-detail .content-left .info-hotel .description-3 {
  color: #8d8e90;
  font-size: 19px;
  margin-bottom: 3%;
}
.view-hotel-detail .content-left .info-hotel .note {
  border-top: 1px solid #eaf0fa;
  border-bottom: 1px solid #eaf0fa;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .note {
    flex-flow: column;
    align-items: flex-start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .note {
    flex-flow: column;
    align-items: flex-start;
  }
}
.view-hotel-detail .content-left .info-hotel .note .note-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .note .note-text {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .note .note-text {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.view-hotel-detail .content-left .info-hotel .note .note-text i {
  color: #1c73e9;
  font-size: 15px;
  margin-right: 10px;
}
.view-hotel-detail .content-left .info-hotel .note .note-text span {
  font-size: 18px;
  font-weight: 600;
  color: #414344;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-hotel-detail .content-left .info-hotel .note .btn-note {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .note .btn-note {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .note .btn-note {
    width: 100%;
  }
}
.view-hotel-detail .content-left .info-hotel .note .btn-note .link-social {
  width: 40px;
  height: 40px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: none;
  background: #fff;
  color: #141414;
  transition: 250ms all ease-in-out;
}
.view-hotel-detail .content-left .info-hotel .note .btn-note .link-social + .link-social {
  margin-left: 15px;
}
.view-hotel-detail .content-left .info-hotel .note .btn-note .link-social:hover {
  background: #1D73EA;
}
.view-hotel-detail .content-left .info-hotel .note .btn-note .link-social:hover i {
  color: #ffffff;
}
.view-hotel-detail .content-left .info-hotel .note .btn-note .link-social i {
  font-size: 16px;
  color: #333333;
  transition: 250ms all ease-in-out;
}
.view-hotel-detail .content-left .info-hotel .best-services {
  margin-bottom: 4%;
}
.view-hotel-detail .content-left .info-hotel .best-services h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 3%;
  color: #252626;
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 30px;
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services {
  display: grid;
  grid-column-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px;
  text-align: center;
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item span {
  font-size: 18px;
  font-weight: bold;
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service {
  width: 100%;
  height: 100px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service {
    height: 60%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service {
    height: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service {
    height: 70%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service {
    height: 70%;
  }
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 100 / 150);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div {
    padding-bottom: calc(100% * 0.6 / 1);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div {
    padding-bottom: calc(100% * 0.7 / 1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div {
    padding-bottom: calc(100% * 0.7 / 1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div {
    padding-bottom: calc(100% * 0.7 / 1);
  }
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-position: center;
  object-fit: cover;
}
.view-hotel-detail .content-left .info-hotel .best-services .content-service .box-services .block-item .img-service div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel {
  margin-bottom: 4%;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 3%;
  color: #252626;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel .video-hotel {
  width: 100%;
  height: 360px;
  border-radius: 5px;
  overflow: hidden;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel .video-hotel div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 360 / 892);
  position: relative;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel .video-hotel div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-hotel-detail .content-left .info-hotel .take-a-hotel .video-hotel div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 4%;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room {
  margin-bottom: 10%;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .title-room h4 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  padding: 20px;
  text-transform: uppercase;
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block {
    height: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block {
    height: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block {
    height: 60%;
  }
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 200 / 278);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div {
    padding-bottom: calc(100% * 0.5 / 1);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div {
    padding-bottom: calc(100% * 0.6 / 1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div {
    padding-bottom: calc(100% * 0.6 / 1);
  }
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .img-block div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .detail-room {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 200px;
  overflow: hidden;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .detail-room span {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .detail-room span + span {
  margin-top: 10px;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .btn-book {
  text-align: center;
  margin-bottom: 10%;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .btn-book button {
  color: #ffff;
  font-weight: bold;
  background: #1d2124;
  text-transform: uppercase;
  transition: 250ms all ease-in-out;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .btn-book button:hover {
  background: #1D73EA;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price::before {
  content: '';
  width: 0px;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f12838;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price::before {
    left: -16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price::before {
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price::before {
    left: -16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price::before {
    left: -16px;
  }
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price {
  z-index: 2;
  position: absolute;
  top: 35%;
  right: 0;
  background: #f12838;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price span {
  font-size: 15px;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price span:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.view-hotel-detail .content-left .info-hotel .pricing-plan .box-room .price span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.view-hotel-detail .content-left .info-hotel .hotel-location {
  margin-bottom: 3%;
}
.view-hotel-detail .content-left .info-hotel .hotel-location h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 3%;
  color: #252626;
}
.view-hotel-detail .content-left .info-hotel .hotel-location .hotel-map {
  width: 100%;
  height: 360px;
  border-radius: 5px;
  overflow: hidden;
}
.view-hotel-detail .content-left .info-hotel .hotel-location .hotel-map div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 360 / 892);
  position: relative;
}
.view-hotel-detail .content-left .info-hotel .hotel-location .hotel-map div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-hotel-detail .content-left .info-hotel .hotel-location .hotel-map div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-left .info-hotel .hotline {
  margin-bottom: 50px;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #1d73ea;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline {
    flex-flow: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline {
    flex-flow: column;
  }
}
.view-hotel-detail .content-left .info-hotel .hotline .toll-free {
  width: 50%;
  border-right: 2px solid #3884ec;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 30px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .toll-free {
    width: 100%;
    border-bottom: 2px solid #3884ec;
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .toll-free {
    width: 100%;
    border-bottom: 2px solid #3884ec;
    padding: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .toll-free {
    padding: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .toll-free {
    padding: 30px;
  }
}
.view-hotel-detail .content-left .info-hotel .hotline .toll-free .icon {
  padding-right: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .toll-free .icon {
    padding-right: 20px;
  }
}
.view-hotel-detail .content-left .info-hotel .hotline .toll-free .content-toll .text {
  font-size: 18px;
}
.view-hotel-detail .content-left .info-hotel .hotline .toll-free .content-toll .content {
  font-weight: bold;
}
.view-hotel-detail .content-left .info-hotel .hotline .email-us {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 30px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .email-us {
    width: 100%;
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .email-us {
    width: 100%;
    padding: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .hotline .email-us {
    padding: 30px;
  }
}
.view-hotel-detail .content-left .info-hotel .hotline .email-us .icon {
  padding-right: 20px;
}
.view-hotel-detail .content-left .info-hotel .hotline .email-us .content-email .text {
  font-size: 18px;
}
.view-hotel-detail .content-left .info-hotel .hotline .email-us .content-email .content {
  font-weight: bold;
}
.view-hotel-detail .content-left .info-hotel .rating-review {
  margin-bottom: 5%;
}
.view-hotel-detail .content-left .info-hotel .rating-review .title-rating {
  margin-bottom: 7%;
}
.view-hotel-detail .content-left .info-hotel .rating-review .title-rating h4 {
  font-size: 25px;
  font-weight: bold;
}
.view-hotel-detail .content-left .info-hotel .rating-review .quality-star {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5%;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .quality-star {
    flex-flow: column;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .quality-star .number-star {
  width: 70px;
  height: 70px;
  background: #e0b318;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .quality-star .number-star {
    margin: 0 0 10px 0;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .quality-star .number-star span {
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 30px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star {
  width: 30%;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 15px 0 0;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star {
    width: 35%;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating .progress {
  width: 50%;
  height: 10px;
  margin: 0 15px 0 0;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating .progress {
    width: 40%;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating .progress .progress-bar {
  width: 100%;
}
.view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating .number-rating {
  font-size: 19px;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .overall-rating .block-item-rating .number-rating {
    width: 15%;
    text-align: right;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .title-review {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .title-review {
    flex-flow: column;
    align-items: flex-start;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .title-review h4 {
  font-size: 25px;
  font-weight: bold;
  margin-right: 30px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .title-review h4 {
    margin: 0 0 15px 0;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review {
  margin-bottom: 20px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-name input[type="text"],
.view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-email input[type="text"],
.view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-title input[type="text"] {
  width: 100%;
  border-radius: 4px;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-name {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-name {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-name {
    margin-bottom: 20px;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .input-review .row-form-review .block-comment textarea::placeholder {
  font-size: 16px;
}
.view-hotel-detail .content-left .info-hotel .rating-review .btn-submit button {
  padding: 10px 30px;
  text-transform: uppercase;
  background: #1d73ea;
  font-weight: bold;
  border: none;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .rating-review .btn-submit button {
    width: 100%;
  }
}
.view-hotel-detail .content-left .info-hotel .rating-review .btn-submit button:hover {
  background: #005cbf;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .comment {
    margin-bottom: 8%;
  }
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 {
  padding: 30px 0;
  border-top: 1px solid #e8effa;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .image-reviewer {
  width: 100px;
  height: 100px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .image-reviewer div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .image-reviewer div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 75px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .image-reviewer div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review {
  margin-left: 30px;
  width: 90%;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top {
    flex-direction: column;
  }
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
  width: 16%;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 22%;
  }
}
@media (min-width: 1200px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .reviewer-name {
    width: 18%;
  }
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review {
  width: 28%;
  margin-left: 2%;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review {
    width: 36%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review {
    width: 38%;
  }
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review span {
  font-size: 16px;
  font-style: italic;
  color: #9e9fa0;
  font-weight: bold;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review .time-review {
  margin-right: 5px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top .datetime-review .date-review {
  margin-right: 10px;
  margin-left: 5px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star .item-star {
  margin: 0;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .info-top ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review {
  width: 100%;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review {
    width: 100%;
  }
}
.view-hotel-detail .content-left .info-hotel .comment .comment-1 .info-review .content-review span {
  font-style: italic;
  color: #909295;
  font-size: 20px;
}
.view-hotel-detail .content-left .info-hotel .comment ul.pagination-review {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-hotel-detail .content-left .info-hotel .comment ul.pagination-review li {
  margin: 0 10px 0 10px;
}
.view-hotel-detail .content-left .info-hotel .comment ul.pagination-review li a {
  font-size: 16px;
  border-radius: 4px;
}
.view-hotel-detail .content-right .title {
  margin-bottom: 30px;
}
.view-hotel-detail .content-right .title h4 {
  font-weight: bold;
  font-size: 25px;
  color: black;
}
.view-hotel-detail .content-right .input-right {
  margin-bottom: 10%;
  width: 100%!important;
}
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-check-in,
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-check-out,
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-number-adult,
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-number-child,
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-select-roomtype {
  margin-bottom: 20px;
}
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-check-in input[type="text"],
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-check-out input[type="text"],
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-number-adult input[type="text"],
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-number-child input[type="text"],
.view-hotel-detail .content-right .input-right form[name="booking-form"] .block-select-roomtype input[type="text"] {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: none;
}
.view-hotel-detail .content-right .total-amount {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5%;
}
.view-hotel-detail .content-right .total-amount .amount {
  width: 80%;
  margin-bottom: 5px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-right .total-amount .amount {
    width: 70%;
  }
}
.view-hotel-detail .content-right .total-amount .price {
  width: 20%;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: end;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-right .total-amount .price {
    width: 30%;
  }
}
.view-hotel-detail .content-right .total-amount .price-3 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.view-hotel-detail .content-right .total-amount .amount-3 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.view-hotel-detail .content-right .total-amount .price-4 {
  color: #2478ea;
}
.view-hotel-detail .content-right .btn-book-now {
  margin-bottom: 30px;
}
.view-hotel-detail .content-right .btn-book-now button {
  width: 100%;
  height: 41px;
  background: #1d73ea;
  font-weight: bold;
  border: none;
  text-transform: uppercase;
}
.view-hotel-detail .content-right .btn-book-now button:hover {
  background: #005cbf;
}
.view-hotel-detail .content-right .instagram {
  margin-bottom: 15%;
}
.view-hotel-detail .content-right .instagram .title-insta {
  margin-bottom: 10%;
  font-weight: bold;
  font-size: 18px;
  color: black;
}
.view-hotel-detail .content-right .instagram .img-insta {
  width: 100%;
  height: 100%;
  margin-bottom: 15%;
  position: relative;
}
.view-hotel-detail .content-right .instagram .img-insta div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-hotel-detail .content-right .instagram .img-insta div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.view-hotel-detail .content-right .instagram .img-insta div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-hotel-detail .content-right .instagram .img-insta .icon-insta {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  top: 85%;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta i {
    font-size: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta i {
    font-size: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta i {
    font-size: 65px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta {
    left: 51%;
    top: 66%;
  }
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta i {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .view-hotel-detail .content-right .instagram .img-insta .icon-insta {
    top: 80%;
  }
}
.view-hotel-detail .content-right .instagram .insta-1 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-1:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-1:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-1 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .instagram .insta-2 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-2:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-2:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-2 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .instagram .insta-3 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-3:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-3:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-3 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .instagram .insta-4 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-4:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-4:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-4 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .instagram .insta-5 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-5:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-5:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-5 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .instagram .insta-6 {
  position: relative;
}
.view-hotel-detail .content-right .instagram .insta-6:hover div {
  opacity: 0.3;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-6:hover .icon-insta {
  opacity: 1;
  cursor: pointer;
}
.view-hotel-detail .content-right .instagram .insta-6 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .code-sale {
  width: 100%;
  height: 350px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background: #9e5406;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-right .code-sale {
    height: 120%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-hotel-detail .content-right .code-sale {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-hotel-detail .content-right .code-sale {
    width: 50%;
    height: 450px;
    margin: 0 auto;
  }
}
.view-hotel-detail .content-right .code-sale:hover .image-code-sale {
  opacity: 0.4;
}
.view-hotel-detail .content-right .code-sale:hover .content-code-sale::before,
.view-hotel-detail .content-right .code-sale:hover .content-code-sale::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.view-hotel-detail .content-right .code-sale:hover .content-code-sale .block-test h2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.view-hotel-detail .content-right .code-sale:hover .content-code-sale .block-test a.btn-get-coupon {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.view-hotel-detail .content-right .code-sale .image-code-sale {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.view-hotel-detail .content-right .code-sale .image-code-sale div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 350 / 278);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-hotel-detail .content-right .code-sale .image-code-sale div {
    padding-bottom: calc(100% * 1.2 / 1);
  }
}
.view-hotel-detail .content-right .code-sale .image-code-sale div .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-hotel-detail .content-right .code-sale .content-code-sale {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.view-hotel-detail .content-right .code-sale .content-code-sale::before,
.view-hotel-detail .content-right .code-sale .content-code-sale::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.view-hotel-detail .content-right .code-sale .content-code-sale::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.view-hotel-detail .content-right .code-sale .content-code-sale::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.view-hotel-detail .content-right .code-sale .content-code-sale .block-test {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 2em;
}
.view-hotel-detail .content-right .code-sale .content-code-sale .block-test h2 {
  font-size: 30px;
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  margin: 0;
  word-spacing: -0.15em;
  font-weight: 300;
  text-align: center;
}
.view-hotel-detail .content-right .code-sale .content-code-sale .block-test a.btn-get-coupon {
  width: 100%;
  background: #fff;
  margin: 20px 0 0 0;
  display: block;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  padding: 8px 16px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.view-list-hotels .tab-contents > div {
  display: none;
}
.view-list-hotels .tab-contents > div.active {
  display: block;
}
@media (max-width: 575.98px) {
  .view-list-hotels .tab-contents #menu1 {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .tab-contents #menu1 {
    display: none;
  }
}
.view-list-hotels h4.title-left {
  font-weight: bold;
  margin-bottom: 8%;
  font-size: 18px;
  color: #1a84ee;
}
.view-list-hotels form[name="filter-form"] {
  margin-bottom: 50px;
}
.view-list-hotels .content-left {
  margin-bottom: 5%;
}
.view-list-hotels .content-left .find-us {
  margin-bottom: 6%;
}
.view-list-hotels .content-left .btn-map {
  position: relative;
}
.view-list-hotels .content-left .btn-map #map {
  margin: 0;
  width: 100%;
  height: 40px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: none;
  background: #fff;
  padding: 8px 16px;
}
.view-list-hotels .content-left .btn-map i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 16px;
}
.view-list-hotels .content-left .input-date input {
  margin: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  border: none;
}
.view-list-hotels .content-left .btn-quality #quality {
  margin: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  border: none;
}
.view-list-hotels .content-left .btn-quality #quality span {
  float: left;
}
.view-list-hotels .content-left .btn-quality i {
  font-size: 20px;
  float: right;
  color: #337ab7;
}
.view-list-hotels .content-left .btn-quality i:hover {
  color: #23527c;
}
.view-list-hotels .change-currency .form-group label {
  font-weight: bold;
  font-size: 22px;
  color: #1a84ee;
}
.view-list-hotels .change-currency .form-group .field_change_symols {
  font-size: 20px;
}
.view-list-hotels .change-currency .form-group .field_change_symols .input-group {
  margin: 0;
  width: 100%;
  height: 50px;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccf5ff;
}
.view-list-hotels .change-currency .form-group .field_change_symols .input-group .currency-symbol {
  background-color: #fff;
  color: #00aaee;
}
.view-list-hotels .change-currency .form-group .field_change_symols .input-group .currency-addon {
  background-color: #fff;
}
.view-list-hotels .change-currency .form-group .field_change_symols .input-group .currency-addon .currency-selector {
  padding: 0 20px;
  width: 130px;
  border-radius: 5px;
  border: 1px solid #ccf5ff;
  color: #00aaee;
}
.view-list-hotels .filter-more p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #5191FA;
  cursor: pointer;
  padding-right: 15px;
}
.view-list-hotels .filter-more p span {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
.view-list-hotels .filter-more p i {
  font-size: 15px;
}
.view-list-hotels .filter-more .block-filter-price {
  margin-bottom: 15px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: flex-start;
}
.view-list-hotels .filter-more .block-filter-price h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotels .filter-more .block-filter-price input#amount_1 {
  width: 50%;
  text-align: center;
  font-size: 20px;
  border: none;
  padding: 0;
  outline: none;
}
.view-list-hotels .filter-more .block-filter-price input#amount_1:active {
  outline: none;
}
.view-list-hotels .filter-more .block-filter-price #slider-container-1 {
  height: 6px;
  width: 50%;
}
.view-list-hotels .filter-more .block-filter-price #slider-container-1 .ui-slider-range {
  background: none;
  background-color: #5191fa;
  border: none;
}
.view-list-hotels .filter-more .block-filter-price #slider-container-1 .ui-slider-handle {
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: none;
  background-color: #5191fa;
  border: none;
  margin-left: -5px;
}
.view-list-hotels .filter-more .block-location-near-me {
  display: block;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  padding: 8px 0;
}
.view-list-hotels .filter-more .block-location-near-me h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotels .filter-more .block-location-near-me label.label-near-me input[type="checkbox"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotels .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 3px;
  left: 8px;
  width: 8px;
  height: 13px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotels .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotels .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked::before {
  opacity: 1;
}
.view-list-hotels .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotels .filter-more .srat-ratings h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter + .item-star-filter {
  margin-top: 10px;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="radio"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="radio"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 6px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="radio"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="radio"]:checked::before {
  opacity: 1;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="radio"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: 70%;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotels .filter-more .srat-ratings .block-filter-star .item-star-filter label .number-hotel {
  font-weight: bold;
  color: #1D72EA;
  display: none;
}
.view-list-hotels .filter-more .rooms-types h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype + .item-filter-roomtype {
  margin-top: 10px;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype input[type="radio"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype input[type="radio"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 1px;
  left: 6px;
  width: 8px;
  height: 13px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype input[type="radio"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype input[type="radio"]:checked::before {
  opacity: 1;
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype input[type="radio"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotels .filter-more .rooms-types .block-filter-roomtype .item-filter-roomtype label {
  margin: 0;
}
.view-list-hotels .btn-search {
  margin-bottom: 30px;
}
.view-list-hotels .btn-search button {
  width: 100%;
  height: 50px;
  font-weight: bold;
  background-color: #1a84ee;
  border-radius: 5px;
  border: none;
  transition: 250ms all ease-in-out;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.view-list-hotels .btn-search button:hover {
  background-color: #0c5aa7;
}
.view-list-hotels .instagram .img-insta {
  width: 100%;
  height: 100%;
  margin-bottom: 15%;
  position: relative;
  overflow: hidden;
}
.view-list-hotels .instagram .img-insta div {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% * 1 / 1);
}
.view-list-hotels .instagram .img-insta div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.view-list-hotels .instagram .img-insta .icon-insta {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  top: 85%;
}
.view-list-hotels .instagram .img-insta .icon-insta i {
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .view-list-hotels .instagram .img-insta .icon-insta i {
    font-size: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .instagram .img-insta .icon-insta i {
    font-size: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .instagram .img-insta .icon-insta i {
    font-size: 65px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .instagram .img-insta .icon-insta {
    top: 75%;
  }
  .view-list-hotels .instagram .img-insta .icon-insta i {
    font-size: 20px;
  }
}
.view-list-hotels .instagram .insta-1 {
  position: relative;
}
.view-list-hotels .instagram .insta-1:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-1:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-1 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .instagram .insta-2 {
  position: relative;
}
.view-list-hotels .instagram .insta-2:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-2:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-2 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .instagram .insta-3 {
  position: relative;
}
.view-list-hotels .instagram .insta-3:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-3:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-3 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .instagram .insta-4 {
  position: relative;
}
.view-list-hotels .instagram .insta-4:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-4:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-4 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .instagram .insta-5 {
  position: relative;
}
.view-list-hotels .instagram .insta-5:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-5:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-5 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .instagram .insta-6 {
  position: relative;
}
.view-list-hotels .instagram .insta-6:hover div {
  opacity: 0.3;
}
.view-list-hotels .instagram .insta-6:hover .icon-insta {
  opacity: 1;
}
.view-list-hotels .instagram .insta-6 div {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.view-list-hotels .code-sale {
  width: 100%;
  height: 350px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background: #9e5406;
}
@media (max-width: 575.98px) {
  .view-list-hotels .code-sale {
    height: 120%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .code-sale {
    width: 60%;
    height: 400px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .code-sale {
    width: 50%;
    height: 450px;
    margin: 0 auto;
  }
}
.view-list-hotels .code-sale:hover .image-code-sale {
  opacity: 0.4;
}
.view-list-hotels .code-sale:hover .content-code-sale::before,
.view-list-hotels .code-sale:hover .content-code-sale::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.view-list-hotels .code-sale:hover .content-code-sale .block-test h2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.view-list-hotels .code-sale:hover .content-code-sale .block-test a.btn-get-coupon {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.view-list-hotels .code-sale .image-code-sale {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.view-list-hotels .code-sale .image-code-sale div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 350 / 255);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-list-hotels .code-sale .image-code-sale div {
    padding-bottom: calc(100% * 1.2 / 1);
  }
}
.view-list-hotels .code-sale .image-code-sale div .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-list-hotels .code-sale .image-code-sale div .image.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-list-hotels .code-sale .content-code-sale {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.view-list-hotels .code-sale .content-code-sale::before,
.view-list-hotels .code-sale .content-code-sale::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.view-list-hotels .code-sale .content-code-sale::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.view-list-hotels .code-sale .content-code-sale::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.view-list-hotels .code-sale .content-code-sale .block-test {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 2em;
}
.view-list-hotels .code-sale .content-code-sale .block-test h2 {
  font-size: 30px;
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  margin: 0;
  word-spacing: -0.15em;
  font-weight: 300;
  text-align: center;
}
.view-list-hotels .code-sale .content-code-sale .block-test a.btn-get-coupon {
  width: 100%;
  background: #fff;
  margin: 20px 0 0 0;
  display: block;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  padding: 8px 16px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.view-list-hotels .wrapper-hotel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel {
    flex-flow: column;
    align-items: flex-start;
  }
}
.view-list-hotels .wrapper-hotel .option-hotel {
  width: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .option-hotel {
    width: 100%;
  }
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block {
  width: 65%;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .option-hotel .sort-by-block {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .wrapper-hotel .option-hotel .sort-by-block {
    width: 100%;
  }
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown {
  width: 100%;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-toggle {
  padding: 8px 30px;
  border: 1px solid #ccf5ff;
  border-radius: 4px;
  position: relative;
  display: block;
  width: 100%;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-toggle span {
  font-size: 18px;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-toggle i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 16px;
  transition: 250ms all ease-in-out;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-toggle i.active {
  transform: translateY(-50%) rotate(-180deg);
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu {
  width: 100%;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display {
  margin: 0;
  list-style: none;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li {
  margin: 0;
  padding: 8px 30px;
  transition: 250ms all ease-in-out;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li:hover {
  background-color: #3366ff;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li:hover a {
  color: #ffffff;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li.active {
  background-color: #3366ff;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li.active a {
  color: #ffffff;
}
.view-list-hotels .wrapper-hotel .option-hotel .sort-by-block .dropdown .dropdown-menu ul.sort-display li a {
  font-size: 16px;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display {
  width: 30%;
  border-bottom: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .option-hotel ul.menu-display {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .wrapper-hotel .option-hotel ul.menu-display {
    display: none;
  }
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li {
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li.active {
  background-color: #1a84ee;
  transition: 250ms all ease-in-out;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li.active:hover {
  background-color: #0c5aa7;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li.active a {
  color: #ffffff;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.view-list-hotels .wrapper-hotel .option-hotel ul.menu-display li a i {
  font-size: 16px;
}
.view-list-hotels .wrapper-hotel .content-right {
  width: 30%;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .content-right {
    width: 100%;
    margin-top: 5%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .wrapper-hotel .content-right {
    width: 100%;
  }
}
.view-list-hotels .wrapper-hotel .content-right .show {
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .content-right .show {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .wrapper-hotel .content-right .show {
    font-size: 16px;
    margin-left: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .wrapper-hotel .content-right .show {
    font-size: 16px;
    margin: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .wrapper-hotel .content-right .show {
    font-size: 17px;
    margin: 0;
  }
}
.view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
  margin: 0;
  width: 25%;
  font-weight: bold;
  height: 50px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: none;
  background: #fff;
}
@media (max-width: 575.98px) {
  .view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
    width: 30%;
    margin-left: 70%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
    margin-left: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
    width: 33%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
    width: 33%;
  }
}
@media (min-width: 1200px) {
  .view-list-hotels .wrapper-hotel .content-right .btn-map-view button {
    width: 33% ;
  }
}
.view-list-hotels .content-left {
  margin-bottom: 16%;
}
.view-list-hotels .content-left input[type=checkbox] {
  border-radius: 3px;
}
.view-list-hotels .search-hotel .btn-map {
  border: 1px solid #ccf5ff;
  border-radius: 5px;
}
.view-list-hotels .search-hotel .btn-map i {
  color: #00aaee;
}
.view-list-hotels .search-hotel .input-date {
  border: 1px solid #ccf5ff;
  border-radius: 5px;
}
.view-list-hotels .search-hotel .input-date i {
  color: #00aaee;
}
.view-list-hotels .search-hotel .input-date {
  border: 1px solid #ccf5ff;
  border-radius: 5px;
}
.view-list-hotels .search-hotel .input-date i {
  color: #00aaee;
}
.view-list-hotels .search-hotel .btn-quality {
  border: 1px solid #ccf5ff;
  border-radius: 5px;
}
.view-list-hotels .search-hotel .btn-quality .field-total-people .dropdown .icon i {
  color: #00aaee;
}
.view-list-hotels .box-hotel {
  margin-bottom: 30px;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.view-list-hotels .box-hotel .img-block {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .view-list-hotels .box-hotel .img-block {
    width: 100%;
    height: 70%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .box-hotel .img-block {
    width: 100%;
    height: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .box-hotel .img-block {
    width: 100%;
    height: 50%;
  }
}
.view-list-hotels .box-hotel .img-block div:not(.category-name-heart) {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 200 / 255);
  position: relative;
}
@media (max-width: 575.98px) {
  .view-list-hotels .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 7 / 10);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 6 / 10);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 6 / 10);
  }
}
.view-list-hotels .box-hotel .img-block div:not(.category-name-heart) img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-list-hotels .box-hotel .block-content {
  padding: 20px;
  min-height: 160px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .box-hotel .block-content {
    padding: 15px;
    min-height: 180px;
  }
}
.view-list-hotels .box-hotel .block-content .name-hotel {
  margin-bottom: 20px;
}
.view-list-hotels .box-hotel .block-content .name-hotel h4 {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  transition: 250ms all ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotels .box-hotel .block-content .name-hotel h4:hover {
  color: #5A8FEF;
}
.view-list-hotels .box-hotel .block-content .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 20px 0;
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star {
    width: 60%;
  }
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star::after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star::after {
    content: '';
  }
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotels .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotels .box-hotel .block-content .block-rating .rating-review span {
  font-size: 16px;
  color: #768092;
}
.view-list-hotels .box-hotel .block-content .address-hotel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-list-hotels .box-hotel .block-content .address-hotel i {
  font-size: 18px;
  padding-right: 7px;
}
.view-list-hotels .box-hotel .block-content .address-hotel span {
  color: #5A8FEF;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotels .box-hotel .price::before {
  content: '';
  width: 0px;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f12838;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (max-width: 575.98px) {
  .view-list-hotels .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels .box-hotel .price::before {
    left: -16px;
  }
}
.view-list-hotels .box-hotel .price {
  z-index: 2;
  position: absolute;
  top: 40%;
  right: 0;
  background: #f12838;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-list-hotels .box-hotel .price span {
  font-size: 15px;
}
.view-list-hotels .box-hotel .price span:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.view-list-hotels .box-hotel .price span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.view-list-hotels #menu1 .list-hotel {
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin-bottom: 3%;
  position: relative;
  z-index: 1;
}
.view-list-hotels #menu1 .list-hotel .content-description {
  padding: 20px 30px;
  height: 231px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels #menu1 .list-hotel .content-description {
    margin-left: 37%;
  }
}
.view-list-hotels #menu1 .list-hotel .content-description .name-hotel {
  margin-bottom: 15px;
}
.view-list-hotels #menu1 .list-hotel .content-description .name-hotel h4 {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  transition: 250ms all ease-in-out;
}
.view-list-hotels #menu1 .list-hotel .content-description .name-hotel h4:hover {
  color: #5A8FEF;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 15px 0;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star::after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotels #menu1 .list-hotel .content-description .block-rating .rating-review span {
  font-size: 16px;
  color: #768092;
}
.view-list-hotels #menu1 .list-hotel .content-description .address-hotel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.view-list-hotels #menu1 .list-hotel .content-description .address-hotel i {
  font-size: 18px;
  padding-right: 7px;
}
.view-list-hotels #menu1 .list-hotel .content-description .address-hotel span {
  color: #5A8FEF;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotels #menu1 .list-hotel .content-description .description {
  color: gray;
  font-size: 17px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.view-list-hotels #menu1 .list-hotel .block-content-left {
  width: 100%;
  height: 231px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels #menu1 .list-hotel .block-content-left {
    float: left;
    width: 37%;
    height: 233px;
  }
}
.view-list-hotels #menu1 .list-hotel .block-content-left .img-block {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .img-block div:not(.category-name-heart) {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 255 / 255);
  position: relative;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .img-block div:not(.category-name-heart) img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .price::before {
  content: '';
  width: 0px;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f12838;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (max-width: 575.98px) {
  .view-list-hotels #menu1 .list-hotel .block-content-left .price::before {
    left: -16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-list-hotels #menu1 .list-hotel .block-content-left .price::before {
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-list-hotels #menu1 .list-hotel .block-content-left .price::before {
    left: -16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotels #menu1 .list-hotel .block-content-left .price::before {
    left: -16px;
  }
}
.view-list-hotels #menu1 .list-hotel .block-content-left .price {
  z-index: 2;
  position: absolute;
  bottom: 10%;
  right: 0;
  background: #f12838;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .price span {
  font-size: 15px;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .price span:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.view-list-hotels #menu1 .list-hotel .block-content-left .price span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.view-list-hotels .alert-block {
  width: 100%;
  padding: 10px 20px;
  background-color: #fcf8e3;
  border: 1px solid #8a6d3b;
  border-radius: 4px;
}
.view-list-hotels .alert-block span {
  font-size: 16px;
  color: #666666;
}
.view-list-hotels ul.pagination-hotel {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-list-hotels ul.pagination-hotel li {
  margin: 0 10px 0 10px;
}
.view-list-hotels ul.pagination-hotel li a {
  font-size: 16px;
  border-radius: 4px;
}
.wishlist-item:hover .wishlist-hover:before {
  opacity: 1;
}
.wishlist-item:hover .category-name-heart .heart i {
  opacity: 0.7;
}
.wishlist-item:hover .category-name-heart .heart.active i {
  opacity: 1;
}
.wishlist-item .wishlist-hover:before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(4, 4, 4, 0.65) 0%, rgba(4, 4, 4, 0.6) 0.01%, rgba(0, 0, 0, 0) 100%);
  transition: 0.2s;
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.wishlist-item .category-name-heart {
  padding: 0;
  position: absolute;
  width: unset;
  height: unset;
  top: 15px;
  right: 15px;
  z-index: 999;
}
.wishlist-item .category-name-heart .heart {
  padding: 10px;
  cursor: pointer;
  margin-right: 0;
}
.wishlist-item .category-name-heart .heart i {
  color: #FFFFFF;
  opacity: 0;
  transition: 0.25s;
  z-index: 9999;
  font-size: 20px;
}
.wishlist-item .category-name-heart .heart i.fa-spinner {
  color: #ffffff;
}
.wishlist-item .category-name-heart .heart.active i.fa-heart {
  color: #FF527B;
}
.wishlist-item .category-name-heart:hover .heart i {
  opacity: 1;
}
.view-checkout-default ul.menu-tab-block {
  border-bottom: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
@media (max-width: 575.98px) {
  .view-checkout-default ul.menu-tab-block {
    flex-flow: column;
  }
}
.view-checkout-default ul.menu-tab-block li {
  margin: 0 0 0 20px;
  font-weight: bold;
  width: 270px;
  text-align: center;
}
.view-checkout-default ul.menu-tab-block li:first-child {
  margin: 0;
}
@media (max-width: 575.98px) {
  .view-checkout-default ul.menu-tab-block li:first-child {
    margin: 0 0 8px 0;
  }
}
.view-checkout-default ul.menu-tab-block li.active a {
  background: #1d73ea;
  color: #fff5f5;
}
@media (max-width: 575.98px) {
  .view-checkout-default ul.menu-tab-block li {
    width: 100%;
    margin: 0 0 8px 0;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default ul.menu-tab-block li {
    width: unset;
  }
}
.view-checkout-default ul.menu-tab-block li a {
  border: 1px solid #c2c0c0f0;
  border-radius: 4px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default ul.menu-tab-block li a {
    font-size: 16px;
  }
}
.view-checkout-default ul.menu-tab-block li a:active {
  background-color: #ffffff;
}
.view-checkout-default form[name="form-booking"] .tab-content {
  padding: 50px 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .title {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .title h4 {
  font-size: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .first-name input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .last-name input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .email input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .address input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .post-code input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .city input[type="text"],
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .company input[type="text"] {
  height: 40px;
  border-radius: 4px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .first-name input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .last-name input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .email input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .address input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .post-code input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .city input[type="text"]:focus,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .company input[type="text"]:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  outline: none;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .first-name input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .last-name input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .email input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .address input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .post-code input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .city input[type="text"]:active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .company input[type="text"]:active {
  outline: none;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error-1,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error-2,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #FB646F;
  display: none;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error-1.active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error-2.active,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-customer-info .block-input .notice-error.active {
  display: block;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail {
  margin-bottom: 30px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .title {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .title h4 {
  font-size: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info > p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info > p span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info > p span:last-child {
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info .content > p:first-child::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info .content > p span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-booking-detail .booking-detail-info .content > p span:first-child {
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type {
  margin-bottom: 30px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .title {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .title h4 {
  font-size: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .detail-roomtype {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .detail-roomtype span {
  font-size: 16px;
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .detail-roomtype .left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .detail-roomtype .left span:first-child::after {
  content: '\00D7';
  display: inline-block;
  margin: 0 10px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-person span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-adult-item,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-adult-item,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-child-item,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-child-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-adult-item span,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-adult-item span,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-child-item span,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-child-item span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-adult-item span:first-child::after,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-adult-item span:first-child::after,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-adult .total-child-item span:first-child::after,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-room-type .block-item .number-person .total-child .total-child-item span:first-child::after {
  content: '\00D7';
  display: inline-block;
  margin: 0 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service {
  margin-bottom: 30px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .title {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .title h4 {
  font-size: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left input[type="checkbox"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 2px;
  left: 8px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left input[type="checkbox"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left input[type="checkbox"]:checked::before {
  opacity: 1;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left input[type="checkbox"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .left label {
  font-size: 16px;
  margin-bottom: 0;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .right span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-extra-service .block-item-service .item .right span:first-child::after {
  content: '\00D7';
  display: inline-block;
  margin: 0 10px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon-wrap .coupon {
  border-style: solid;
  border-width: 0.1rem;
  box-shadow: none;
  display: block;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin: 0;
  max-width: 100%;
  padding: 1.5rem 1.8rem;
  width: 100%;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon-wrap .alert-success {
  display: none;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon-wrap .alert-success.active {
  display: block;
  height: 77px;
  font-size: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon-wrap .counpon {
  line-height: 0.25;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .discount .label,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon .label,
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .subtotal .label {
  font-size: 20px;
  color: #149a50;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .discount .label,
  .view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .coupon .label,
  .view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .subtotal .label {
    font-size: 18px;
    color: #149a50;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #cacaca;
  padding-top: 20px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-total span {
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-total span:first-child {
  text-transform: uppercase;
  color: #5384C5;
  font-size: 20px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #customer-info .block-info-booking .block-total span:first-child {
    font-size: 19px;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button {
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 16px;
  background: #ffffff;
  border-radius: 4px;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button {
    font-size: 16px;
    padding: 5px 7px;
    margin-right: 8px;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button.btn-previous {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  transition: 250ms all ease-in-out;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button.btn-previous:hover {
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
  text-decoration: none;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button.btn-next {
  border: 1px solid #5381BA;
  color: #5381BA;
  transition: 250ms all ease-in-out;
}
.view-checkout-default form[name="form-booking"] .tab-content #customer-info .wrapper-button button.btn-next:hover {
  background-color: #5381BA;
  border: 1px solid #5381BA;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 .info-booking {
    display: block ;
  }
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 table,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 thead,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 tbody,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 th,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 tr,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 span.check-in,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 span.check-out {
    display: block;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 tr {
    border: 1px solid #ccc;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 tr .hollow {
    height: 43px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    font-size: 15px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td .info-booking {
    width: 60%;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td:nth-of-type(1):before {
    content: "Booking hotels";
    font-weight: bold;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-1 td:nth-of-type(2):before {
    content: "Billing address";
    font-weight: bold;
  }
}
@media (min-width: 576px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td:last-child,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 th:last-child {
    text-align: right;
    width: 25%;
  }
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 table,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 thead,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 tbody,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 th,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 tr,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 span.check-in,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 span.check-out {
    display: block;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 tr {
    border: 1px solid #ccc;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    font-size: 15px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td .info-booking {
    width: 60%;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td:nth-of-type(1):before {
    content: "Room type";
    font-weight: bold;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td:nth-of-type(2):before {
    content: "Person";
    font-weight: bold;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-2 td:nth-of-type(3):before {
    content: "Total";
    font-weight: bold;
  }
}
@media (min-width: 576px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td:last-child,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 th:last-child {
    text-align: right;
    width: 25%;
  }
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 table,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 thead,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 tbody,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 th,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 tr,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 span.check-in,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 span.check-out {
    display: block;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 tr {
    border: 1px solid #ccc;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    font-size: 15px;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td .info-booking {
    width: 60%;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td:nth-of-type(1):before {
    content: "Service";
    font-weight: bold;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td:nth-of-type(2):before {
    content: "Quantity";
    font-weight: bold;
  }
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-3 td:nth-of-type(3):before {
    content: "Total";
    font-weight: bold;
  }
}
@media (min-width: 576px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-4 td:last-child,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table.table-4 th:last-child {
    text-align: right;
    width: 25%;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table.table-4 tr td {
  text-align: right;
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table thead tr th {
  padding: 8px;
  vertical-align: middle;
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td {
  padding: 8px;
  vertical-align: middle;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .check-in,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .check-out {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .check-in,
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .check-out {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span:last-child {
    font-weight: 600;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span:last-child {
    font-weight: 600;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.info-booking {
  display: inline-block;
  width: 120px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.info-booking {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.info-booking::after {
    content: ':';
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.info-booking::after {
    content: ':';
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.detail-booking {
  display: inline-block;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.detail-booking::before {
  content: ':';
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.detail-booking::before {
    content: '';
    margin: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.detail-booking::before {
    content: '';
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td span.detail-booking::before {
    content: '';
    margin: 0;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 {
    flex-flow: column;
    align-items: flex-start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 {
    flex-flow: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 {
    flex-flow: column;
    align-items: flex-start;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .left::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .left::after {
    content: '';
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .left::after {
    content: '';
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .left::after {
    content: '';
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right {
    flex-flow: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right {
    flex-flow: column;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right {
    flex-flow: column;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p {
  margin: 0;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p:first-child::after {
    content: '';
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p:first-child::after {
    content: '';
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p:first-child::after {
    content: '';
    display: block;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-1 .right p span:first-child::after {
  content: ':';
  display: inline-block;
  margin: 0 10px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 {
    flex-flow: column;
    align-items: flex-start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 {
    flex-flow: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 {
    flex-flow: column;
    align-items: flex-start;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .left::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .left::after {
    content: '';
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .left::after {
    content: '';
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .left::after {
    content: '';
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right {
    flex-flow: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right {
    flex-flow: column;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right {
    flex-flow: column;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p {
  margin: 0;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p:nth-child(even)::before {
  content: '/';
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p:nth-child(even)::before {
    content: '';
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p:nth-child(even)::before {
    content: '';
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p:nth-child(even)::before {
    content: '';
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p span {
  font-size: 16px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary table tbody tr td .number-person-2 .right p span:first-child::after {
  content: ':';
  display: inline-block;
  margin: 0 10px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button {
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 16px;
  background: #ffffff;
  border-radius: 4px;
  font-weight: bold;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-previous {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  transition: 250ms all ease-in-out;
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-previous:hover {
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-previous {
    font-size: 16px;
    padding: 5px 7px;
    margin-right: 8px;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-confirm-booking {
  border: 1px solid #5381BA;
  color: #5381BA;
  transition: 250ms all ease-in-out;
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-confirm-booking {
    font-size: 16px;
    padding: 5px 7px;
    margin-right: 8px;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #summary .wrapper-button button.btn-confirm-booking:hover {
  background-color: #5381BA;
  border: 1px solid #5381BA;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #payment .block-select-method ul li {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .view-checkout-default form[name="form-booking"] .tab-content #payment .block-select-method ul li button {
    margin-bottom: 8px;
  }
}
.view-checkout-default form[name="form-booking"] .tab-content #payment .wrapper-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.view-checkout-default form[name="form-booking"] .tab-content #payment .wrapper-button button {
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 16px;
  background: #ffffff;
  border-radius: 4px;
}
.view-checkout-default form[name="form-booking"] .tab-content #payment .wrapper-button button.btn-previous {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  transition: 250ms all ease-in-out;
}
.view-checkout-default form[name="form-booking"] .tab-content #payment .wrapper-button button.btn-previous:hover {
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
  text-decoration: none;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image p {
  text-align: center;
  font-size: 16px;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image .img-paypal {
  width: 300px;
  height: 200px;
  margin: 0 auto;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image .img-paypal div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 200 / 300);
  position: relative;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image .img-paypal div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-position: center;
  object-fit: cover;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image .img-paypal div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image input#hikashop_paypal_button {
  border: 1px solid #5381BA;
  color: #5381BA;
  background-color: #ffffff;
  transition: 250ms all ease-in-out;
  border-radius: 4px;
  padding: 8px 16px;
  float: right;
}
.view-checkout-default .tab-content .block-checkout .hikashop_paypal_end .hikashop_paypal_end_image input#hikashop_paypal_button:hover {
  background-color: #5381BA;
  border: 1px solid #5381BA;
  color: #fff;
  text-decoration: none;
}
.view-checkout-default .tab-content .block-checkout .content-cancel,
.view-checkout-default .tab-content .block-checkout .content-banktransfer {
  margin-top: 30px;
  padding: 20px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  text-align: center;
}
.view-checkout-default .tab-content .block-checkout .content-thanks {
  margin-top: 30px;
  padding: 20px;
  color: #ffffff;
  background-color: #79d389;
  border-color: #4db960;
  text-align: center;
}
.view-checkout-default .tab-content .block-checkout .content-thanks pre {
  width: 50%;
  background: no-repeat;
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
}
.view-list-hotellocator {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
}
.view-list-hotellocator a {
  text-decoration: none;
}
.view-list-hotellocator a:hover {
  text-decoration: none;
}
.view-list-hotellocator form.form-search-service {
  width: 100%;
  margin-bottom: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left {
  overflow: auto;
  height: 850px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services {
  display: block;
  width: calc(100%);
  border: 1px solid #ccf5ff;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 30px;
  overflow: auto;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .search {
  position: relative;
  margin-top: 20px;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 10px;
  height: 40px;
  border-color: #E7E7E7;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .search i {
  display: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .search input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #B0B0B0;
}
@media (max-width: 1024px) and (min-width: 900px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .search input::placeholder {
    letter-spacing: 0em;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype {
  width: 100%;
  position: relative;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location .arrow-down,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype .arrow-down {
  position: absolute;
  top: 55px;
  right: 25px;
  z-index: 1;
  color: #ccf5ff;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location .select2-container--default,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype .select2-container--default {
  width: 100% !important ;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location .select2-container--default .select2-selection--single,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype .select2-container--default .select2-selection--single {
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  box-shadow: 0px 2px 15px rgba(58, 58, 58, 0.1);
  border-radius: 10px;
  height: 40px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location .select2-container--default .select2-selection--single .select2-selection__rendered,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  width: 90%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-location .select2-container--default .select2-selection--single .select2-selection__arrow,
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .find_your_services .list-roomtype .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  line-height: 17px;
  right: 10px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more {
  border: 1px solid #ccf5ff;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 15px;
  overflow: auto;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #5191FA;
  cursor: pointer;
  padding-right: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more p span {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more p i {
  font-size: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price {
  margin-bottom: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 14px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price input#amount_1 {
  width: 50%;
  text-align: center;
  font-size: 15px;
  border: none;
  padding: 0;
  outline: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price input#amount_1:active {
  outline: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price #slider-container-1 {
  height: 6px;
  width: 50%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price #slider-container-1 .ui-slider-range {
  background: none;
  background-color: #5191fa;
  border: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-filter-price #slider-container-1 .ui-slider-handle {
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: none;
  background-color: #5191fa;
  border: none;
  margin-left: -5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 14px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star {
  padding-left: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter + .item-star-filter {
  margin-top: 10px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter input[type="radio"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter input[type="radio"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 6px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter input[type="radio"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter input[type="radio"]:checked::before {
  opacity: 1;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter input[type="radio"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: 70%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star .item-star {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .list-rating .block-filter-star .item-star-filter label .number-hotel {
  font-weight: bold;
  color: #1D72EA;
  display: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me {
  display: block;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  padding-top: 20px;
  padding-left: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me label.label-near-me input[type="checkbox"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 3px;
  left: 8px;
  width: 8px;
  height: 13px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked::before {
  opacity: 1;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .block-location-near-me label.label-near-me input[type="checkbox"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings {
  width: calc(100%);
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter + .item-star-filter {
  margin-top: 10px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="checkbox"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 2px;
  left: 8px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="checkbox"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="checkbox"]:checked::before {
  opacity: 1;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter input[type="checkbox"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: 70%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i {
  font-size: 14px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .srat-ratings .block-filter-star .item-star-filter label .number-hotel {
  font-weight: bold;
  color: #1D72EA;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 {
  display: flex;
  width: calc(100%);
  padding: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1a84ee;
  margin-bottom: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category {
  list-style: none;
  margin: 0;
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category {
    display: block;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li {
  margin: 0 0 10px 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category {
  font-size: 16px;
  font-style: normal;
  color: #666666;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: 250ms all ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category input[type="radio"] {
  margin: 0 15px 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category input[type="radio"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 2px;
  left: 8px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category input[type="radio"]:checked {
  color: #fff;
  border-color: #1D72EA;
  background: #1D72EA;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category input[type="radio"]:checked::before {
  opacity: 1;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category input[type="radio"]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .filter-more .wrapper-price-rating2 .list-category > ul.ul-list-category > li .block-label > label.label-category span {
  font-size: 16px;
  line-height: 18px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 #show-more {
  font-size: 16px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-search-service2 .block {
  margin-top: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
  padding: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result.bh-sl-filters-container {
  margin: 0 0 30px 0;
  width: auto;
  float: unset;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .result-title h3 {
  font-size: 24px;
  font-weight: 600;
  color: #1a84ee;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs div {
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs div.active a {
  color: #5191fa;
}
@media (max-width: 575.98px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs div:last-child {
    display: none;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs div a {
  border: none;
  padding: 5px;
  color: #333333;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .block-sorting-display .block-display-button div.nav-tabs div a i {
  font-size: 24px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown {
  top: 50%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-toggle {
  display: flex;
  text-decoration: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu {
  left: unset;
  right: 0;
  background: #FFFFFF;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid #FB646F;
  margin-top: 13px;
  height: 91px;
  border-bottom: none;
  border-right: none;
  border-left: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .sort-display li {
  list-style: none;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .lowest-price,
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .highest-price {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #666666;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .lowest-price:hover,
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .highest-price:hover {
  color: #FB646F;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .lowest-price {
  top: 17px;
  left: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .dropdown .dropdown-menu .highest-price {
  top: 50px;
  left: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .select-by-default {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #222A3E;
  padding-right: 5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price .lowest {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #666666;
  padding-right: 12px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .block-top-result .sort-by-price i {
  font-size: 15px;
  color: #666666;
  padding-top: 2px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr;
  padding: 0 15px;
  /*@media screen and(max-width: 1024px){
              display: block;
            }
            @media screen and(max-width: 768px){
              display: grid;
            }*/
}
@media screen and (max-width: 425px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid {
    display: block;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item {
  width: 100%;
  border: 1px solid #DCD7D7;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item {
    min-height: 436px;
  }
}
@media screen and (max-width: 425px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item {
    width: 100%;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top {
  width: 100%;
  height: 204px;
  position: relative;
  overflow: hidden;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top:hover .block-img {
  transform: scale(1.2);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-img {
  width: 100%;
  height: 100%;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-img div {
  width: 100%;
  height: 100%;
  position: relative;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-img div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-feature {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-feature .label-feature {
  width: 80px;
  text-align: center;
  padding: 6px 10px;
  background-color: #19A1E5;
  visibility: hidden;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-feature .label-feature.visible {
  visibility: visible;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .block-feature .label-feature span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 20px 0 0;
  float: unset;
  width: 40%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star .item-star i {
  font-size: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-top .wrapper-price-rating .block-price {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0 20px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 {
  padding: 30px;
  border-bottom: 1px solid #cccccc;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 h4.name-service {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 h4.name-service a {
  color: #333333;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 .wrapper-location-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 .wrapper-location-button .btn-book-now {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 5px 15px;
  background-color: #1a84ee;
  color: #fff;
  transition: 250ms all ease-in-out;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-1 .wrapper-location-button .btn-book-now:hover {
  background-color: #D62863;
  color: #fff;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
}
@media screen and (max-width: 1440px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .grid .block-service-item .content-bottom .part-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 0px;
    font-size: 12px;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .alert-block {
  width: 100%;
  padding: 10px 20px;
  background-color: #fcf8e3;
  border: 1px solid #8a6d3b;
  border-radius: 4px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #grid-display .alert-block span {
  font-size: 15px;
  color: #666666;
}
@media (max-width: 575.98px) {
  .view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display {
    display: none;
  }
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list {
  padding: 0 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  border: 1px solid #DCD7D7;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left {
  width: 40%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left:hover .block-img {
  transform: scale(1.2);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left a .block-img {
  width: 100%;
  height: 100%;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left a .block-img div {
  width: 100%;
  height: 100%;
  position: relative;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left a .block-img div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .block-feature {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .block-feature .label-feature {
  width: 80px;
  text-align: center;
  padding: 6px 10px;
  background-color: #19A1E5;
  visibility: hidden;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .block-feature .label-feature.visible {
  visibility: visible;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .block-feature .label-feature span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 20px 0 0;
  float: unset;
  width: 40%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star .item-star i {
  font-size: 15px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-left .wrapper-price-rating .block-price {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0 20px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right {
  width: 60%;
  height: 100%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 {
  padding: 45px 30px;
  border-bottom: 1px solid #cccccc;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 h4.name-service {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 h4.name-service a {
  color: #333333;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 .wrapper-location-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 .wrapper-location-button .btn-book-now {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 5px 15px;
  background-color: #1a84ee;
  color: #fff;
  transition: 250ms all ease-in-out;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-1 .wrapper-location-button .btn-book-now:hover {
  background-color: #D62863;
  color: #fff;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .list .block-service-item-display-list .content-right .part-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .alert-block {
  width: 100%;
  padding: 10px 20px;
  background-color: #fcf8e3;
  border: 1px solid #8a6d3b;
  border-radius: 4px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body #list-display .alert-block span {
  font-size: 15px;
  color: #666666;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body .bh-sl-pagination-container {
  clear: both;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body .bh-sl-pagination-container ol {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  width: 40%;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body .bh-sl-pagination-container ol li {
  color: #005293;
  cursor: pointer;
  display: inline-block;
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 10px;
}
.view-list-hotellocator form.form-search-service .wrapper-content-left .wrapper-result-body .bh-sl-pagination-container ol li.bh-sl-current {
  color: #555;
  cursor: auto;
  text-decoration: none;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw {
  padding: 0;
  width: 200px;
  overflow: unset;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d {
  width: 100%;
  overflow: unset!important;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window {
  width: 100%;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top {
  width: 100%;
  height: 150px;
  position: relative;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .block-img {
  width: 100%;
  height: 100%;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .block-img div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 150 / 200);
  position: relative;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .block-img div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-position: center;
  object-fit: cover;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  float: unset;
  width: 60%;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star .item-star {
  margin: 0;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star .item-star i {
  font-size: 15px;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-top .wrapper-price-rating .block-price {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-bottom {
  padding: 15px 20px;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-bottom h4.name-service {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw .gm-style-iw-d .info-window .content-bottom h4.name-service a {
  color: #333333;
}
.view-list-hotellocator form.form-search-service #bh-sl-map .gm-style-iw button {
  opacity: 1;
  top: -30px !important;
  right: 0!important;
  background-color: #cd2653 !important;
  border-radius: 3px 3px 0 0;
}
.view-list-hotellocator form.form-search-service .bh-sl-pagination-container {
  clear: both;
}
.view-list-hotellocator form.form-search-service .bh-sl-pagination-container ol {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  width: 50%;
  display: flex;
  justify-content: center;
}
.view-list-hotellocator form.form-search-service .bh-sl-pagination-container ol li {
  color: #005293;
  cursor: pointer;
  display: inline-block;
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 10px;
}
.view-list-hotellocator form.form-search-service .bh-sl-pagination-container ol li.bh-sl-current {
  color: #555;
  cursor: auto;
  text-decoration: none;
}
.heart {
  margin-right: 30px;
}
.heart i {
  display: inline-block;
  font-size: 24px;
  color: #DCD7D7;
}
.heart.active i {
  color: red;
}
.field-countries .select2-container--default {
  width: 100% !important;
}
.field-countries .select2-container--default .selection .select2-selection--single {
  height: 40px;
  border: 1px solid #dcd7ca;
}
.field-countries .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  font-size: 16px;
  padding-left: 20px;
}
.field-countries .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.field-locations .select2-container--default {
  width: 100% !important;
}
.field-locations .select2-container--default .selection .select2-selection--single {
  height: 44px;
  border-radius: 10px;
  outline: none;
  border: 1px solid #E2E5EC;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
  padding-left: 20px;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  height: 44px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__arrow i {
  transition: 250ms all ease-in-out;
}
.field-location .select2-container--default {
  width: 100% !important;
}
.field-location .select2-container--default .selection .select2-selection--single {
  height: 44px;
  border-radius: 10px;
  outline: none;
  border: 1px solid #E2E5EC;
}
.field-location .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
  padding-left: 20px;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #999999;
}
.field-location .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  height: 44px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-location .select2-container--default .selection .select2-selection--single .select2-selection__arrow i {
  transition: 250ms all ease-in-out;
  font-size: 14px;
}
.field-mediabrowser .show-image {
  width: 100%;
  margin-bottom: 10px;
}
.field-mediabrowser .show-image img {
  width: 100%;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default {
  width: 40% !important;
  float: left;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single {
  border-radius: 0;
  height: 34px;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  font-size: 16px;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.field-phonenumber .wrapper-phone-number input.phone_number {
  float: left;
  width: 60%;
  border-left: none;
  height: 34px;
  border-radius: 0!important;
  padding: 5px 20px 5px 20px;
  margin: 0;
}
.phone-number-field .select2-results {
  font-size: 14px;
}
.phone-number-field .select2-results ul.select2-results__options {
  overflow-x: hidden;
}
.phone-number-field .select2-results ul.select2-results__options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.phone-number-field .select2-results ul.select2-results__options::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.phone-number-field .select2-results ul.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.field-states .select2-container--default {
  width: 100% !important;
}
.field-states .select2-container--default .selection .select2-selection--multiple {
  border-radius: 4px !important;
}
.field-yesno .form-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0;
}
.field-yesno .form-control .block-left {
  margin-right: 20px;
}
.field-calendardatetime .form_datetime {
  width: 70%;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .field-calendardatetime .form_datetime {
    width: 100%;
  }
}
.field-calendardatetime .form_datetime .time-booking {
  padding: 10px 20px;
}
.field-calendardatetime .form_datetime .add-on {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-calendardatetime .form_datetime .add-on:nth-child(2) {
  right: 34px;
  background-color: #c0bebe;
  border-right: 1px solid #acacac;
}
.field-calendardatetime .form_datetime .add-on:nth-child(3) {
  right: 0;
  background-color: #c0bebe;
}
.field-calendardatetime .form_datetime .add-on i {
  font-size: 13px;
}
.datetimepicker.dropdown-menu {
  width: 350px;
}
@media (max-width: 575.98px) {
  .datetimepicker.dropdown-menu {
    width: 100%;
    transform: translateX(40px);
  }
}
.datetimepicker.dropdown-menu .prev {
  transform: rotate(90deg);
}
.datetimepicker.dropdown-menu .next {
  transform: rotate(-90deg);
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.field-employeeimageslider {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 22px;
  position: relative;
}
.field-employeeimageslider span {
  cursor: pointer;
  transition: 250ms all ease-in-out;
}
.field-employeeimageslider span:hover {
  color: #00aaee;
}
.field-employeeimageslider span.left {
  position: absolute;
  top: 40%;
  left: -26px;
  transform: translateY(-40%) rotate(90deg);
}
@media (max-width: 575.98px) {
  .field-employeeimageslider span.left {
    display: none;
  }
}
.field-employeeimageslider span.right {
  position: absolute;
  top: 40%;
  right: -22px;
  transform: translateY(-40%) rotate(-90deg);
}
@media (max-width: 575.98px) {
  .field-employeeimageslider span.right {
    display: none;
  }
}
.field-employeeimageslider .slick-disabled {
  display: none!important;
}
.field-employeeimageslider .list-employee {
  padding: 0;
  margin: 0;
  width: 100%;
}
.field-employeeimageslider .list-employee .wrapper-employee {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 6px;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-employeeimageslider .list-employee .wrapper-employee {
    height: 89%;
    margin-bottom: 20px;
  }
}
@media (min-width: 410px) and (max-width: 599px) {
  .field-employeeimageslider .list-employee .wrapper-employee {
    height: 89%;
    margin-bottom: 20px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .field-employeeimageslider .list-employee .wrapper-employee {
    height: 89%;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .field-employeeimageslider .list-employee .wrapper-employee {
    height: 89%;
    margin-bottom: 20px;
  }
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
  width: 100%;
  height: 90%;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box {
    height: 89%;
  }
}
@media (min-width: 410px) and (max-width: 599px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box {
    height: 89%;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box {
    height: 89%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box {
    height: 89%;
  }
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 1 / 1);
  position: relative;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 410px) and (max-width: 599px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .field-employeeimageslider .list-employee .wrapper-employee .img-box div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.field-employeeimageslider .list-employee .wrapper-employee > p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #555555;
  padding: 10px 22px;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  background-color: #F6F6F6;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.field-employeeimageslider .list-employee .wrapper-employee > p.active {
  color: #FB646F;
}
.field-employeeimageslider .list-employee .wrapper-employee .selected {
  position: absolute;
  top: 5px;
  right: 25px;
  z-index: 10;
  color: #C88570;
}
.field-employeeimageslider .list-employee .wrapper-employee .selected i {
  font-size: 20px;
}
.field-incrementnumber .handle-counter .counter-minus {
  width: 42px;
  height: 40px;
  float: left;
  border-radius: 15px 0px 0px 15px;
  background-color: #ffffff;
  border: 1px solid #D1D1D1;
  outline: none;
  color: #555555;
  transition: 250ms all ease-in-out;
}
.field-incrementnumber .handle-counter .counter-minus:active {
  outline: none;
}
.field-incrementnumber .handle-counter .counter-minus:hover {
  background-color: #6fa5cc;
  color: #ffffff;
}
.field-incrementnumber .handle-counter .counter-plus {
  width: 42px;
  height: 40px;
  float: left;
  border-radius: 0px 15px 15px 0px;
  background-color: #FB646F;
  border-color: #FB646F;
  outline: none;
  transition: 250ms all ease-in-out;
}
.field-incrementnumber .handle-counter .counter-plus:active {
  outline: none;
}
.field-incrementnumber .handle-counter .counter-plus:hover {
  background-color: #f92231;
}
.field-incrementnumber .handle-counter .increment-number {
  border-radius: 0;
  height: 40px;
  width: 65px;
  float: left;
  outline: none;
}
.field-incrementnumber .handle-counter .increment-number:active {
  outline: none;
}
.field-list-event-of-service .block-event-item {
  background-color: #F2F2F2;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 11px 30px 22px 30px;
}
.field-list-event-of-service .block-event-item .service-image-box {
  width: 89px;
  height: 89px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-top: 19px;
}
@media (max-width: 575.98px) {
  .field-list-event-of-service .block-event-item .service-image-box {
    margin-left: 0                                                                                                          ;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .field-list-event-of-service .block-event-item .service-image-box {
    margin-left: 0;
  }
}
.field-list-event-of-service .block-event-item .service-image-box div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 1 / 1);
  position: relative;
}
.field-list-event-of-service .block-event-item .service-image-box div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.field-list-event-of-service .block-event-item .row.main-event-item {
  cursor: pointer;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item {
    padding-bottom: 6px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-2 {
    order: 1;
    width: 49%;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-2:last-child {
    order: 2;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-8 {
    order: 3;
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item {
    padding-bottom: 6px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-2 {
    order: 1;
    width: 50%;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-2:last-child {
    order: 2;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .col-md-8 {
    order: 3;
  }
}
@media (max-width: 575.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content {
    margin-top: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content {
    margin-top: 12px;
  }
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content.active {
  margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .header-event-content h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 31px;
  line-height: 48px;
  color: #333333;
  margin-bottom: 14px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child {
  margin-bottom: 29px;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child {
    margin-bottom: 0;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child > span {
    display: inline-block;
  }
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child {
  width: 100%;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child > span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child > span:first-child {
  margin-right: 0;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span i {
  font-weight: normal;
  font-size: 12px;
  margin-right: 10px;
  color: #C88570;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span:first-child {
  margin-right: 90px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
    margin-top: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
    margin-top: 45px;
  }
}
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label .sticky {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  padding: 3px 18px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action {
  border-top: 1px solid #FFFFFF;
  padding-top: 9px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action.active {
  border-bottom: 0.5px solid #999999;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow {
  width: 100%;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow.hidden {
  display: none;
  transition: all 0.3s ease-in-out;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow:hover span,
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow:hover i {
  color: #C88570;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow span {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  transition: 250ms all ease-in-out;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow i {
  color: #333333;
  font-size: 16px;
  transition: 250ms all ease-in-out;
}
.field-list-event-of-service .block-event-item .row .event-item-description {
  width: 100%;
  padding-bottom: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description p {
  color: #333333;
  padding-top: 20px;
  margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event {
  width: 100%;
  padding-bottom: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
  height: 180px;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
    height: 300px;
  }
}
@media (min-width: 410px) and (max-width: 599px) {
  .field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
    height: 300px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
    height: 250px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
    height: 200px;
  }
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item > div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 168 / 180);
  position: relative;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.field-list-event-of-service .block-event-item .row .event-item-description .block-description-event {
  padding-top: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .block-description-event h4 {
  font-size: 18px;
  font-weight: 700;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item {
  padding-top: 20px;
  width: 100%;
  border-top: 1px solid #7C7C7C;
  display: block;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .left-content-book h4 {
  font-size: 18px;
  font-weight: 700;
}
@media (min-width: 0) and (max-width: 409px) {
}
@media (min-width: 410px) and (max-width: 599px) {
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .right-content-book p {
  font-weight: 600;
  margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
  display: flex;
  justify-content: flex-start;
  flex-flow: column wrap;
  align-items: flex-start;
  height: 100%;
}
@media (min-width: 0) and (max-width: 409px) {
  .field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
    margin-bottom: 20px;
  }
}
@media (min-width: 410px) and (max-width: 599px) {
  .field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
    margin-bottom: 20px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
    margin-bottom: 20px;
  }
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action p {
  font-weight: 600;
  margin-bottom: 10px;
}
.field-paymentsimage ul.list-payment {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
}
.field-paymentsimage ul.list-payment li {
  margin: 0;
}
.field-paymentsimage ul.list-payment li .wrapper-payment {
  position: relative;
  cursor: pointer;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  padding: 8px 30px;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-right: 20px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .field-paymentsimage ul.list-payment li .wrapper-payment {
    padding: 8px 20px;
  }
}
.field-paymentsimage ul.list-payment li .wrapper-payment.active,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover {
  border: 1px solid #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment.active .payment-name,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover .payment-name,
.field-paymentsimage ul.list-payment li .wrapper-payment.active .non-selected,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover .non-selected {
  color: #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .payment-name {
  font-size: 16px;
  font-weight: 600;
  margin-left: 25px;
  color: #666666;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.field-paymentsimage ul.list-payment li .wrapper-payment .payment-name.active {
  color: #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .selected,
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  color: #FB646F;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .selected i,
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected i {
  font-size: 12px;
  margin-top: 2px;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected {
  color: #666666;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.field-event-type .select2-container--default {
  width: 100% !important;
}
.field-event-type .select2-container--default .selection .select2-selection--single {
  height: 44px;
  border-radius: 10px;
  outline: none;
  border: 1px solid #E2E5EC;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
  padding-left: 20px;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #999999;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  height: 44px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__arrow i {
  transition: 250ms all ease-in-out;
  font-size: 14px;
}
.field-event-type .select2-container--default.select2-container--open .selection .select2-selection--single .select2-selection__arrow i {
  transform: rotate(180deg);
  transition: 250ms all ease-in-out;
  font-size: 14px;
}
.element-field-checkin .input-date-checkin {
  width: 100%;
  position: relative;
}
.element-field-checkin .input-date-checkin input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
}
.element-field-checkin .input-date-checkin input[type="text"]:focus,
.element-field-checkin .input-date-checkin input[type="text"]:active {
  border: 1px solid #dcd7ca;
  outline: none;
}
.element-field-checkin .input-date-checkin i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
  font-size: 16px;
}
.element-field-checkin2 .input-date-checkin2 {
  width: 100%;
  position: relative;
}
.element-field-checkin2 .input-date-checkin2 input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 10px 16px 8px 30px;
  cursor: pointer;
  font-size: 14px;
}
.element-field-checkin2 .input-date-checkin2 input[type="text"]:focus,
.element-field-checkin2 .input-date-checkin2 input[type="text"]:active {
  border: 1px solid #dcd7ca;
  outline: none;
}
.element-field-checkin2 .input-date-checkin2 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.element-field-checkout .input-date-checkout {
  width: 100%;
  position: relative;
}
.element-field-checkout .input-date-checkout input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
}
.element-field-checkout .input-date-checkout input[type="text"]:focus,
.element-field-checkout .input-date-checkout input[type="text"]:active {
  border: 1px solid #dcd7ca;
  outline: none;
}
.element-field-checkout .input-date-checkout i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 16px;
}
.element-field-checkout2 .input-date-checkout2 {
  width: 100%;
  position: relative;
}
.element-field-checkout2 .input-date-checkout2 input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 10px 16px 8px 30px;
  cursor: pointer;
  font-size: 14px;
}
.element-field-checkout2 .input-date-checkout2 input[type="text"]:focus,
.element-field-checkout2 .input-date-checkout2 input[type="text"]:active {
  border: 1px solid #dcd7ca;
  outline: none;
}
.element-field-checkout2 .input-date-checkout2 i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.field-destination .select2-container--default {
  width: 100% !important;
}
.field-filter-price {
  transform: translateY(-40px);
}
.field-filter-price .wrapper-input::after {
  content: "";
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  border-width: 18px 20px 0;
  border-style: solid;
  border-color: #474747 transparent;
  display: block;
}
.field-filter-price .wrapper-input input#amount_1 {
  width: 125px;
  height: 28px;
  margin: auto;
  margin-bottom: 25px;
  background-color: #474747;
  border-radius: 15px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #F3F3F3;
  outline: none;
  position: relative;
}
.field-filter-price .wrapper-input input#amount_1:active {
  outline: none;
}
.field-filter-price #slider-container-1 {
  height: 6px;
  background-color: rgba(223, 223, 223, 0.6);
}
.field-filter-price #slider-container-1 .ui-slider-range {
  background: none;
  background-color: #FB646F;
  height: 6px;
  border: none;
}
.field-filter-price #slider-container-1 .ui-slider-handle {
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: none;
  background-color: #F3F3F3;
  border: 2px solid #FB646F;
  margin-left: -5px;
  outline: none;
}
.field-number-adult .main-block .block-top {
  width: 100%;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.field-number-adult .main-block .block-top .block-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
}
.field-number-adult .main-block .block-top .block-content .adult-content,
.field-number-adult .main-block .block-top .block-content .child-content {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.field-number-adult .main-block .block-top .block-content .adult-content span,
.field-number-adult .main-block .block-top .block-content .child-content span {
  font-size: 16px;
  display: inline-block;
}
.field-number-adult .main-block .block-top .block-content .adult-content span.number-adult,
.field-number-adult .main-block .block-top .block-content .child-content span.number-adult,
.field-number-adult .main-block .block-top .block-content .adult-content span.number-child,
.field-number-adult .main-block .block-top .block-content .child-content span.number-child {
  margin-right: 10px;
}
.field-number-adult .main-block .block-top .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.field-number-adult .main-block .block-top .icon i {
  font-size: 16px;
}
.field-number-adult .main-block ul.dropdown-menu {
  padding: 10px;
}
.field-number-adult .main-block ul.dropdown-menu li {
  margin: 0;
}
.field-number-adult .main-block ul.dropdown-menu li:last-child {
  margin-top: 20px;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .content {
  margin-bottom: 10px;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .content span {
  font-size: 16px;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .block-increment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .block-increment button {
  background-color: #ffffff;
  box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 250ms all ease-in-out;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .block-increment button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-decoration: none;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"] {
  height: 35px;
  width: 50%;
  padding: 8px 16px;
  margin: 0 20px;
  text-align: center;
}
.field-number-adult .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"]:focus {
  border: 1px solid #dcd7ca;
  outline: none;
}
.field-number-child .main-block .block-top {
  width: 100%;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.field-number-child .main-block .block-top .block-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
}
.field-number-child .main-block .block-top .block-content .adult-content,
.field-number-child .main-block .block-top .block-content .child-content {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.field-number-child .main-block .block-top .block-content .adult-content span,
.field-number-child .main-block .block-top .block-content .child-content span {
  font-size: 16px;
  display: inline-block;
}
.field-number-child .main-block .block-top .block-content .adult-content span.number-adult,
.field-number-child .main-block .block-top .block-content .child-content span.number-adult,
.field-number-child .main-block .block-top .block-content .adult-content span.number-child,
.field-number-child .main-block .block-top .block-content .child-content span.number-child {
  margin-right: 10px;
}
.field-number-child .main-block .block-top .block-content .adult-content::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
}
.field-number-child .main-block .block-top .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.field-number-child .main-block .block-top .icon i {
  font-size: 16px;
}
.field-number-child .main-block ul.dropdown-menu {
  padding: 10px;
}
.field-number-child .main-block ul.dropdown-menu li {
  margin: 0;
}
.field-number-child .main-block ul.dropdown-menu li:last-child {
  margin-top: 20px;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .content {
  margin-bottom: 10px;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .content span {
  font-size: 16px;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .block-increment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .block-increment button {
  background-color: #ffffff;
  box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 250ms all ease-in-out;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .block-increment button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-decoration: none;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"] {
  height: 35px;
  width: 50%;
  padding: 8px 16px;
  margin: 0 20px;
  text-align: center;
}
.field-number-child .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"]:focus {
  border: 1px solid #dcd7ca;
  outline: none;
}
.field-paymentbutton ul.list-payment {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
}
.field-paymentbutton ul.list-payment li {
  margin: 0;
  margin-right: 20px;
}
.field-paymentbutton ul.list-payment li button {
  width: 160px;
  height: 160px;
  padding: 20px;
  transition: 250ms all ease-in-out;
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-decoration: none;
}
.field-paymentbutton ul.list-payment li button:hover {
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
}
.field-paymentbutton ul.list-payment li button .img-box {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.field-paymentbutton ul.list-payment li button .img-box div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 1 / 1);
  position: relative;
}
.field-paymentbutton ul.list-payment li button .img-box div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.field-paymentbutton ul.list-payment li button .img-box div img.lazy {
  background-image: url("../../../../../assets/images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.field-paymentbutton ul.list-payment li button p {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
}
.field-rates .wrapper-rates {
  width: 100%;
  position: relative;
}
.field-rates .wrapper-rates .calendar_rates {
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  outline: none;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #999999;
  border: 1px solid #E2E5EC;
}
.field-rates .wrapper-rates .calendar_rates:active {
  outline: none;
}
.field-rates .wrapper-rates .calendar_rates::placeholder {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #999999;
}
.field-rates .wrapper-rates i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}
.field-rating-star .rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.field-rating-star .rating-stars ul li {
  margin: 0 10px 0 0;
  cursor: pointer;
}
.field-rating-star .rating-stars ul li.star {
  display: inline-block;
}
.field-rating-star .rating-stars ul li.star.hover i {
  color: #FFCC36;
}
.field-rating-star .rating-stars ul li.star.selected i {
  color: #FF912C;
}
.field-rating-star .rating-stars ul li.star i {
  font-size: 20px;
  color: #ccc;
}
.field-roomtype .select2-container--default {
  width: 100% !important;
}
.field-roomtype .select2-container--default .select2-selection--single {
  height: 40px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: none;
}
.field-roomtype .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  font-size: 16px;
}
.field-roomtype .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  right: 16px;
}
.field-selectrates {
  width: 100%;
  margin-bottom: 30px;
}
.field-selectrates ul.wrapper-list-rate {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
}
.field-selectrates ul.wrapper-list-rate li {
  margin: 0 15px 0 0;
}
.field-selectrates ul.wrapper-list-rate li .wrapper-rate {
  width: 140px;
  height: 40px;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #D1D1D1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 250ms all ease-in-out;
}
.field-selectrates ul.wrapper-list-rate li .wrapper-rate.active,
.field-selectrates ul.wrapper-list-rate li .wrapper-rate:hover {
  background-color: #FB646F;
  border: 1px solid #FB646F;
}
.field-selectrates ul.wrapper-list-rate li .wrapper-rate.active .rate span,
.field-selectrates ul.wrapper-list-rate li .wrapper-rate:hover .rate span {
  color: #F3F3F3;
}
.field-selectrates ul.wrapper-list-rate li .wrapper-rate .rate span {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #555555;
  transition: 250ms all ease-in-out;
}
.field-total-people .main-block .block-top {
  width: 100%;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.field-total-people .main-block .block-top .block-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
}
.field-total-people .main-block .block-top .block-content .adult-content,
.field-total-people .main-block .block-top .block-content .child-content {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.field-total-people .main-block .block-top .block-content .adult-content span,
.field-total-people .main-block .block-top .block-content .child-content span {
  font-size: 16px;
  display: inline-block;
}
.field-total-people .main-block .block-top .block-content .adult-content span.number-adult,
.field-total-people .main-block .block-top .block-content .child-content span.number-adult,
.field-total-people .main-block .block-top .block-content .adult-content span.number-child,
.field-total-people .main-block .block-top .block-content .child-content span.number-child {
  margin-right: 10px;
}
.field-total-people .main-block .block-top .block-content .adult-content::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
}
.field-total-people .main-block .block-top .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.field-total-people .main-block .block-top .icon i {
  font-size: 16px;
  color: #333333;
}
.field-total-people .main-block ul.dropdown-menu {
  padding: 10px;
}
.field-total-people .main-block ul.dropdown-menu li {
  margin: 0;
}
.field-total-people .main-block ul.dropdown-menu li:last-child {
  margin-top: 20px;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .content {
  margin-bottom: 10px;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .content span {
  font-size: 16px;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .block-increment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .block-increment button {
  background-color: #ffffff;
  box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 250ms all ease-in-out;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .block-increment button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-decoration: none;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"] {
  height: 35px;
  width: 50%;
  padding: 8px 16px;
  margin: 0 20px;
  text-align: center;
}
.field-total-people .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"]:focus {
  border: 1px solid #dcd7ca;
  outline: none;
}
.field-total-people2 .main-block .block-top {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.field-total-people2 .main-block .block-top .block-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .field-total-people2 .main-block .block-top .block-content {
    padding: 9px;
  }
}
.field-total-people2 .main-block .block-top .block-content .adult-content,
.field-total-people2 .main-block .block-top .block-content .child-content {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.field-total-people2 .main-block .block-top .block-content .adult-content span,
.field-total-people2 .main-block .block-top .block-content .child-content span {
  font-size: 14px;
  display: inline-block;
}
.field-total-people2 .main-block .block-top .block-content .adult-content span.number-adult,
.field-total-people2 .main-block .block-top .block-content .child-content span.number-adult,
.field-total-people2 .main-block .block-top .block-content .adult-content span.number-child,
.field-total-people2 .main-block .block-top .block-content .child-content span.number-child {
  margin-right: 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .field-total-people2 .main-block .block-top .block-content .adult-content span.number-adult,
  .field-total-people2 .main-block .block-top .block-content .child-content span.number-adult,
  .field-total-people2 .main-block .block-top .block-content .adult-content span.number-child,
  .field-total-people2 .main-block .block-top .block-content .child-content span.number-child {
    margin-right: 4px;
  }
}
.field-total-people2 .main-block .block-top .block-content .adult-content::after {
  content: '-';
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
}
.field-total-people2 .main-block .block-top .icon {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.field-total-people2 .main-block .block-top .icon i {
  font-size: 16px;
  color: #1d73ea;
}
.field-total-people2 .main-block ul.dropdown-menu {
  padding: 10px;
}
.field-total-people2 .main-block ul.dropdown-menu li {
  margin: 0;
}
.field-total-people2 .main-block ul.dropdown-menu li:last-child {
  margin-top: 20px;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .content {
  margin-bottom: 10px;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .content span {
  font-size: 14px;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .block-increment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .block-increment button {
  background-color: #ffffff;
  box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 250ms all ease-in-out;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .block-increment button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-decoration: none;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"] {
  height: 35px;
  width: 40%;
  padding: 8px 16px;
  margin: 0 10px;
  text-align: center;
  font-size: 14px;
}
.field-total-people2 .main-block ul.dropdown-menu li .block-select .block-increment input[type="text"]:focus {
  border: 1px solid #dcd7ca;
  outline: none;
}
.block-popular-hotel .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
}
@media (max-width: 575.98px) {
  .block-popular-hotel .title .block-arrow {
    display: none;
  }
}
.block-popular-hotel .title .block-arrow a {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 7px 22px;
  margin-left: 11px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-popular-hotel .title .block-arrow a {
    margin-left: 8px;
  }
}
.block-popular-hotel .title .block-arrow a i {
  color: black;
}
.block-popular-hotel .title .block-arrow a:hover {
  background: #1d73ea;
}
.block-popular-hotel .title .block-arrow a:hover i {
  color: #ffffff;
}
.block-popular-hotel .title h3 {
  font-weight: bold;
  width: 85%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-popular-hotel .title h3 {
    width: 73%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-popular-hotel .title h3 {
    width: 79%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-popular-hotel .title h3 {
    width: 82%;
  }
}
.block-popular-hotel .slide .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}
.block-popular-hotel .slide .box-hotel {
  margin-bottom: 30px;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.block-popular-hotel .slide .box-hotel .img-block {
  width: 100%;
  height: 278px;
}
@media (max-width: 575.98px) {
  .block-popular-hotel .slide .box-hotel .img-block {
    height: 100%;
  }
}
.block-popular-hotel .slide .box-hotel .img-block div:not(.category-name-heart) {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 200 / 255);
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .block-popular-hotel .slide .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.block-popular-hotel .slide .box-hotel .img-block div:not(.category-name-heart) img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.block-popular-hotel .slide .box-hotel .img-block div:not(.category-name-heart) img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-popular-hotel .slide .box-hotel .block-content {
  padding: 20px;
  min-height: 160px;
}
.block-popular-hotel .slide .box-hotel .block-content .name-hotel {
  margin-bottom: 20px;
}
.block-popular-hotel .slide .box-hotel .block-content .name-hotel h4 {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  transition: 250ms all ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-popular-hotel .slide .box-hotel .block-content .name-hotel h4:hover {
  color: #5A8FEF;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 20px 0;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star::after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.block-popular-hotel .slide .box-hotel .block-content .block-rating .rating-review span {
  font-size: 16px;
  color: #768092;
}
.block-popular-hotel .slide .box-hotel .block-content .address-hotel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.block-popular-hotel .slide .box-hotel .block-content .address-hotel i {
  font-size: 18px;
  padding-right: 7px;
}
.block-popular-hotel .slide .box-hotel .block-content .address-hotel span {
  color: #5A8FEF;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-popular-hotel .slide .box-hotel .price::before {
  content: '';
  width: 0px;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f12838;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (max-width: 575.98px) {
  .block-popular-hotel .slide .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-popular-hotel .slide .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-popular-hotel .slide .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-popular-hotel .slide .box-hotel .price::before {
    left: -16px;
  }
}
.block-popular-hotel .slide .box-hotel .price {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 0;
  background: #f12838;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .block-popular-hotel .slide .box-hotel .price {
    top: 57%;
  }
}
.block-popular-hotel .slide .box-hotel .price span {
  font-size: 15px;
}
.block-popular-hotel .slide .box-hotel .price span:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.block-popular-hotel .slide .box-hotel .price span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.block-search-hotel .box-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border: none;
  background: #fff;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search {
    flex-flow: column;
    padding: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search {
    flex-flow: column;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search {
    flex-flow: column;
    padding: 25px;
  }
}
.block-search-hotel .box-search .map {
  width: 20%;
  padding: 15px;
  margin: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .map {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .map {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .map {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-search-hotel .box-search .map {
    padding: 0;
  }
}
.block-search-hotel .box-search .map input {
  padding: 10px 16px 8px 30px;
  border: none;
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.block-search-hotel .box-search .map input::placeholder,
.block-search-hotel .box-search .map input::-moz-placeholder,
.block-search-hotel .box-search .map input::-ms-input-placeholder {
  font-size: 14px;
  color: #555;
}
.block-search-hotel .box-search .map i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #1d73ea;
  font-size: 16px;
}
.block-search-hotel .box-search .date-before {
  width: 20%;
  padding: 15px;
  margin: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .date-before {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .date-before {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .date-before {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-search-hotel .box-search .date-before {
    padding: 0px;
    width: 19%;
  }
}
.block-search-hotel .box-search .date-before input {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 8px 16px 8px 30px;
}
.block-search-hotel .box-search .date-before i {
  position: absolute;
  top: 21px;
  color: #1d73ea;
  font-size: 16px;
}
.block-search-hotel .box-search .date-after {
  width: 20%;
  padding: 15px;
  margin: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .date-after {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .date-after {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .date-after {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-search-hotel .box-search .date-after {
    padding: 0px;
    width: 19%;
  }
}
.block-search-hotel .box-search .date-after input {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 8px 16px 8px 30px;
}
.block-search-hotel .box-search .date-after i {
  position: absolute;
  top: 21px;
  color: #1d73ea;
  font-size: 16px;
}
.block-search-hotel .box-search .quality {
  width: 20%;
  padding: 15px;
  margin: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .quality {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .quality {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .quality {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-search-hotel .box-search .quality {
    padding: 0px;
  }
}
.block-search-hotel .box-search .btn-search {
  width: 20%;
  padding: 15px;
  margin: 10px;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .btn-search {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .btn-search {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .btn-search {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-search-hotel .box-search .btn-search {
    padding: 0;
    width: 18%;
  }
}
.block-search-hotel .box-search .btn-search button {
  width: 100%;
  height: 41px;
  background: #1d73ea;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .block-search-hotel .box-search .btn-search button {
    width: 100%;
    margin-left: unset;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-search-hotel .box-search .btn-search button {
    width: 100%;
    margin-left: unset;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-search-hotel .box-search .btn-search button {
    width: 100%;
    margin-left: unset;
  }
}
.block-search-hotel .box-search .btn-search button:hover {
  background: #005cbf;
}
.block-top-destinations-hotel .title {
  text-align: center;
  margin-bottom: 45px;
}
.block-top-destinations-hotel .title h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.block-top-destinations-hotel .title span {
  font-size: 18px;
  display: inline-block;
  padding: 0 127px;
  color: #9e9e9e;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .title span {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-top-destinations-hotel .title span {
    padding: 0;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top {
  margin-bottom: 25px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 25px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location:hover .img-1 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location:hover .img-2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location:hover .block-content .country-name .name {
  webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location:hover .block-content .country-name .quality {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 {
  width: calc(100% + 40px);
  height: 325px;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 {
    height: 100%;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 325 / 450);
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-1 div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 {
  width: calc(100% + 40px);
  height: 325px;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 {
    height: 100%;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 325 / 640);
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .img-2 div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(30, 30, 41, 0.8) 75%);
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content .country-name {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 50%;
  text-align: left;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content .country-name {
    padding: 20% 8%;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content .country-name .name {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 70px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 20px;
  margin-bottom: 5px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content .country-name .name span {
  font-weight: bold;
}
.block-top-destinations-hotel .box-hotel .box-hotel-top .block-location .block-content .country-name .quality {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  letter-spacing: 1px;
  font-size: 20px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom {
  margin-bottom: 30px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 25px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location:hover .img-block {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location:hover .block-content .country-name .name {
  webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location:hover .block-content .country-name .quality {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block {
  width: calc(100% + 40px);
  height: 325px;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block {
    height: 100%;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 325 / 297);
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block div {
    padding-bottom: calc(100% * 1 / 1);
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 6px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .img-block div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(30, 30, 41, 0.8) 75%);
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content .country-name {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 50%;
  text-align: left;
}
@media (max-width: 575.98px) {
  .block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content .country-name {
    padding: 20% 8%;
  }
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content .country-name .name {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 70px, 0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 20px;
  margin-bottom: 5px;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content .country-name .name span {
  font-weight: bold;
}
.block-top-destinations-hotel .box-hotel .box-hotel-bottom .block-location .block-content .country-name .quality {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  letter-spacing: 1px;
  font-size: 20px;
}
.block-top-destinations-hotel .btn-view-all {
  text-align: center;
  font-weight: bold;
}
.block-top-destinations-hotel .btn-view-all button {
  height: 41px;
  background: #1d73ea;
  font-weight: bold;
  border: none;
}
.block-top-destinations-hotel .btn-view-all button:hover {
  background: #005cbf;
}
.block-trending-destinations-hotel .title {
  text-align: center;
  margin-bottom: 45px;
}
.block-trending-destinations-hotel .title h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.block-trending-destinations-hotel .title span {
  font-size: 18px;
  display: inline-block;
  padding: 0 127px;
  color: #9e9e9e;
}
@media (max-width: 575.98px) {
  .block-trending-destinations-hotel .title span {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-trending-destinations-hotel .title span {
    padding: 0;
  }
}
.block-trending-destinations-hotel .nav-tabs {
  text-align: center;
  width: 100%;
  border-bottom: none;
  margin: auto;
  padding-bottom: 45px;
}
.block-trending-destinations-hotel .nav-tabs li {
  display: inline-block;
  margin-bottom: -1px;
  float: none;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .block-trending-destinations-hotel .nav-tabs li {
    display: unset;
  }
}
.block-trending-destinations-hotel .nav-tabs li a {
  border-radius: 7px;
  padding: 10px 40px;
}
.block-trending-destinations-hotel .nav-tabs li.active a {
  background: #1d73ea;
  color: #fff5f5;
}
.block-trending-destinations-hotel .box-hotel {
  margin-bottom: 30px;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.block-trending-destinations-hotel .box-hotel .img-block {
  width: 100%;
  height: 200px;
}
@media (max-width: 575.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block {
    width: 100%;
    height: 70%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block {
    width: 100%;
    height: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block {
    width: 100%;
    height: 50%;
  }
}
.block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 200 / 255);
  position: relative;
}
@media (max-width: 575.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 7 / 10);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 6 / 10);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) {
    padding-bottom: calc(100% * 6 / 10);
  }
}
.block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
.block-trending-destinations-hotel .box-hotel .img-block div:not(.category-name-heart) img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-trending-destinations-hotel .box-hotel .block-content {
  position: relative;
  padding: 20px;
  min-height: 160px;
  background: white;
}
.block-trending-destinations-hotel .box-hotel .block-content .name-hotel {
  margin-bottom: 20px;
}
.block-trending-destinations-hotel .box-hotel .block-content .name-hotel h4 {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  transition: 250ms all ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-trending-destinations-hotel .box-hotel .block-content .name-hotel h4 {
    font-size: 15px;
  }
}
.block-trending-destinations-hotel .box-hotel .block-content .name-hotel h4:hover {
  color: #5A8FEF;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 20px 0;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star::after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.block-trending-destinations-hotel .box-hotel .block-content .block-rating .rating-review span {
  font-size: 16px;
  color: #768092;
}
.block-trending-destinations-hotel .box-hotel .block-content .address-hotel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.block-trending-destinations-hotel .box-hotel .block-content .address-hotel i {
  font-size: 18px;
  padding-right: 7px;
}
.block-trending-destinations-hotel .box-hotel .block-content .address-hotel span {
  color: #5A8FEF;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-trending-destinations-hotel .box-hotel .price::before {
  content: '';
  width: 0px;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f12838;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}
@media (max-width: 575.98px) {
  .block-trending-destinations-hotel .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-trending-destinations-hotel .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-trending-destinations-hotel .box-hotel .price::before {
    left: -16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-trending-destinations-hotel .box-hotel .price::before {
    left: -16px;
  }
}
.block-trending-destinations-hotel .box-hotel .price {
  z-index: 2;
  position: absolute;
  top: 40%;
  right: 0;
  background: #f12838;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-trending-destinations-hotel .box-hotel .price {
    top: 56%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-trending-destinations-hotel .box-hotel .price {
    top: 44%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-trending-destinations-hotel .box-hotel .price {
    top: 41%;
  }
}
.block-trending-destinations-hotel .box-hotel .price span {
  font-size: 15px;
}
.block-trending-destinations-hotel .box-hotel .price span:first-child::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}
.block-trending-destinations-hotel .box-hotel .price span:first-child::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.block-top-reviews .choose-us {
  padding: 26px 20px;
}
.block-top-reviews .choose-us h3 {
  font-weight: bold;
  margin-bottom: 34px;
  font-size: 25px;
}
.block-top-reviews .choose-us .content-left .description {
  margin-bottom: 28px;
  font-size: 19px;
}
.block-top-reviews .choose-us .content-left .description span {
  color: #9b9b9b;
  font-size: 19px;
  margin-bottom: 5px;
}
.block-top-reviews .choose-us .content-left .btn-read-more {
  width: 40%;
}
@media (max-width: 575.98px) {
  .block-top-reviews .choose-us .content-left .btn-read-more {
    text-align: center;
    width: 100%;
    padding: 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-top-reviews .choose-us .content-left .btn-read-more {
    text-align: center;
    padding: 0 36%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-top-reviews .choose-us .content-left .btn-read-more {
    text-align: center;
    padding: 0 36%;
    width: 100%;
  }
}
.block-top-reviews .choose-us .content-left .btn-read-more button {
  height: 41px;
  background: #1d73ea;
  font-weight: bold;
  border: none;
}
.block-top-reviews .choose-us .content-left .btn-read-more button:hover {
  background: #005cbf;
}
.block-top-reviews .top-reviews {
  border: 2px solid #eaf0f8;
  border-radius: 4px;
}
.block-top-reviews .top-reviews .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid #eaf0f8;
  padding: 30px 20px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .title {
    padding: 15px;
    flex-flow: column;
  }
}
.block-top-reviews .top-reviews .title .block-arrow a {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 4px 22px;
  margin-left: 11px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-top-reviews .top-reviews .title .block-arrow a {
    margin-left: 8px;
  }
}
.block-top-reviews .top-reviews .title .block-arrow a i {
  color: black;
}
.block-top-reviews .top-reviews .title .block-arrow a:hover {
  background: #1d73ea;
}
.block-top-reviews .top-reviews .title .block-arrow a:hover i {
  color: #ffffff;
}
.block-top-reviews .top-reviews .title h3 {
  font-weight: bold;
  width: 68%;
  font-size: 27px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .title h3 {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-top-reviews .top-reviews .title h3 {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-top-reviews .top-reviews .title h3 {
    width: 78%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-top-reviews .top-reviews .title h3 {
    width: 64%;
  }
}
.block-top-reviews .top-reviews .content .content-reviews {
  padding: 35px 35px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews {
    padding: 15px;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews {
  display: flex;
  justify-content: flex-start;
  font-size: 18px;
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews .add-reviews {
    flex-flow: column;
    align-items: flex-start;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .address-hotel {
  margin-right: 20px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews .add-reviews .address-hotel {
    margin-bottom: 10px;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 20px 0;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star .item-star {
  margin: 0;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star .item-star + .item-star {
  margin-left: 5px;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star .item-star i {
  font-size: 14px;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star .item-star i.fas {
  color: #FFDC00;
}
.block-top-reviews .top-reviews .content .content-reviews .add-reviews .block-rating ul.list-rating-star .item-star i.far {
  color: #D7DBE3;
}
.block-top-reviews .top-reviews .content .content-reviews .comment {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews .comment {
    flex-flow: column;
    margin-bottom: 15px;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .comment .img-comment {
  width: 100px;
  height: 100px;
  margin-right: 16px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews .comment .img-comment {
    margin: 10px auto;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .comment .img-comment div {
  width: 100%;
  height: 100%;
  padding-bottom: calc(100% * 1 / 1);
  position: relative;
  overflow: hidden;
}
.block-top-reviews .top-reviews .content .content-reviews .comment .img-comment div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  border-radius: 6px;
}
.block-top-reviews .top-reviews .content .content-reviews .comment .img-comment div img.lazy {
  background-image: url("../images/giphy.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.block-top-reviews .top-reviews .content .content-reviews .comment .content-comment {
  font-weight: bold;
  width: 74%;
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 85px;
}
@media (max-width: 575.98px) {
  .block-top-reviews .top-reviews .content .content-reviews .comment .content-comment {
    width: 100%;
    text-align: center;
  }
}
.block-top-reviews .top-reviews .content .content-reviews .name {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
