/*
Theme Name: Tour by Leodigi
Theme URI: https://leodigi.dev
Author: Thắng Nguyễn
Author URI: https://leodigi.dev
Description: Thiết kế website bởi Thắng Nguyễn - leodigi.dev
Version: 1.0.0
Text Domain: leodigi.dev
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*.container,
.container-fluid,
.container-fluid  [class*='col-'] {
	padding-left: 20px;
	padding-right: 20px;
}
.container-fluid .row {
	margin-left: -20px;
	margin-right: -20px;
}*/
@media (min-width: 1200px) {
  .container {
    max-width: 1396px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
  #wpadminbar {
    position: fixed !important;
  }
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
body {
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  color: #333;
  background-color: #f8f8f8;
}
* {
  outline: none !important;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
a {
  color: inherit;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover,
a.active {
  color: #5a4902;
  text-decoration: none;
}
button {
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
small,
.small {
  font-size: 87.5%;
  font-weight: 300;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 300;
  line-height: 1.25;
}
.fas {
  font-weight: 900;
}
.far {
  font-weight: 400;
}
.fal {
  font-weight: 300;
}
.font-size-body {
  font-size: 0.875rem;
}
.font-weight-medium {
  font-weight: 500 !important;
}
.text-none {
  text-transform: none !important;
}
.text-shadow {
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}
.text-primary {
  color: #5a4902 !important;
}
a.text-primary:hover,
a.text-primary.active {
  color: #f3c634 !important;
}
.text-secondary {
  color: #f3c634 !important;
}
a.text-secondary:hover {
  color: #5a4902 !important;
}
.text-warning {
  color: #ffdc00 !important;
}
.text-muted {
  color: #acacac !important;
}
a.text-muted:hover,
button.text-muted:hover {
  color: #333 !important;
}
a.text-white:hover {
  color: #f3c634 !important;
}
.text-dark {
  color: #333 !important;
}
.bg-body {
  background-color: #f8f8f8 !important;
}
.bg-primary {
  background-color: #5a4902 !important;
}
.bg-primary-dark {
  background-color: #5a4902 !important;
}
.bg-secondary {
  background-color: #f3c634 !important;
}
a.bg-secondary:hover {
  background-color: #5a4902 !important;
}
.bg-light {
  background-color: #f2f6f7 !important;
}
.bg-gray {
  background-color: #ececec !important;
}
.bg-cover {
  background-color: #e7f0f5;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.border-dashed {
  border-top-style: dashed !important;
}
.border-secondary {
  border-color: #f3c634 !important;
}
.lh-body {
  line-height: 1.5;
}
.overlay-dark {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
a:hover .overlay-dark {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 1.75rem;
  }
  h2,
  .h2 {
    font-size: 1.5rem;
  }
  h3,
  .h3 {
    font-size: 1.375rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }
  h5,
  .h5 {
    font-size: 1.125rem;
  }
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-control::-webkit-input-placeholder {
  color: #333;
}
.form-control::-moz-placeholder {
  color: #333;
}
.form-control:-ms-input-placeholder {
  color: #333;
}
.form-control:-moz-placeholder {
  color: #333;
}
.required {
  color: #f15a29;
}
.form-control,
.input-group-text,
.btn {
  font-size: inherit;
  font-weight: 300;
  color: #333;
  padding: 0.5rem 1rem;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.form-control {
  border-color: #ececec;
  height: calc(1.5em + 1rem + 2px);
}
.form-control:focus {
  box-shadow: none;
}
.form-control-sm {
  font-size: 0.75rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1rem;
}
.form-control-lg {
  font-size: 1rem;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem 1rem;
}
textarea.form-control {
  height: auto;
}
.btn {
  text-transform: uppercase;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.btn-sm {
  font-size: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.btn-lg {
  font-size: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  color: #fff;
  background-color: #5a4902;
  border-color: #5a4902;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #f3c634;
  border-color: #f3c634;
}
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  color: #5a4902;
  background-color: #fff;
  border-color: #5a4902;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #5a4902;
  border-color: #5a4902;
}
.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  color: #fff;
  background-color: #f3c634;
  border-color: #f3c634;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #5a4902;
  border-color: #5a4902;
}
.btn-white,
.btn-white:not(:disabled):not(.disabled):active:focus {
  color: #5a4902;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:not(:disabled):not(.disabled):active {
  color: #5a4902;
  background-color: #dee2e6;
  border-color: #dee2e6;
}
.btn-outline-white,
.btn-outline-white:not(:disabled):not(.disabled):active:focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:not(:disabled):not(.disabled):active {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}
.btn-fixed {
  font-size: 1rem;
  text-transform: none;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 22.5rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.dropdown-menu {
  font-size: inherit;
  border-radius: 0;
}
.popover {
  font-size: inherit;
  border-radius: 0;
}
.popover-body {
  padding: 1rem;
}
@media (min-width: 768px) {
  .popover {
    min-width: 20rem;
    max-width: 25rem;
  }
}

/*--------------------------------------------------------------
# Page header
--------------------------------------------------------------*/
.page-header {
  height: 13rem;
}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.breadcrumb-item:last-child a,
.breadcrumb-item.active {
  font-weight: 500;
  color: inherit;
}
.breadcrumb-item + .breadcrumb-item:before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  color: inherit;
}
@media (max-width: 767px) {
  .single .breadcrumb-item.active {
    display: none;
  }
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {
  justify-content: center;
  margin-bottom: 3rem;
}
.pagination .page-link {
  font-size: inherit;
  color: #333;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  padding: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.pagination .page-link:hover {
  color: #5a4902;
}
.pagination .page-item.active .page-link {
  color: #333;
  background-color: transparent;
  border-color: #5a4902;
}
.pagination .page-link i {
  font-size: 0.75rem;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-dialog {
  min-height: calc(100vh - 3.75rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  border-radius: 0;
}
.modal-backdrop.show {
  opacity: 0.8;
}
.modal-prev,
.modal-next {
  font-size: 3.75rem;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.modal-prev:hover,
.modal-next:hover {
  color: inherit;
  opacity: 1;
}
.modal-prev {
  left: 1.5rem;
}
.modal-next {
  right: 2.5rem;
}
.modal-review .modal-close {
  font-size: 2rem;
  color: #999;
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.modal-review .modal-close:hover {
  color: #e70d31;
}
.modal-staff .modal-close {
  font-size: 1rem;
  background-color: #fff;
  border: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  position: absolute;
  top: -2.5rem;
  right: 0;
}
.modal-staff .modal-close:hover {
  color: #e70d31;
}
@media (min-width: 768px) {
  .modal-md {
    max-width: 650px;
  }
}
@media (min-width: 1200px) {
  .modal-lg {
    max-width: 1000px;
  }
}

/*--------------------------------------------------------------
# site header
--------------------------------------------------------------*/
.wishlist-item .price ins {
  text-decoration: none;
}
.wishlist-item .price del {
  font-size: 0.875rem;
  color: #f3c634;
  margin-left: 0.25rem;
}
.site-logo {
  font-size: 0;
}
.site-logo img {
  max-height: 5rem;
}
.site-logo .desc {
  font-size: 0;
}

/*--------------------------------------------------------------
## site nav
--------------------------------------------------------------*/
.site-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.site-nav .menu {
  display: flex;
}
.site-nav .menu > li {
  margin-left: 3rem;
  position: relative;
}
.site-nav .menu > li > a {
  font-size: 1rem;
  font-weight: 500;
  display: block;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.site-nav .menu > li:hover > a,
.site-nav .menu > li.current-menu-item > a {
  color: #5a4902;
}
.site-nav .menu > li > .sub-menu {
  font-weight: 500;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ececec;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  display: none;
  padding: 1rem 0.5rem;
  position: absolute;
  z-index: 12;
  top: 100%;
  left: 0;
  min-width: 15rem;
}
.site-nav .menu > li:hover > .sub-menu {
  display: block;
}
.site-nav .sub-menu a {
  display: block;
  padding: 0.5rem 1rem;
}
@media (max-width: 991px) {
  .site-nav {
    background-color: #fff;
    overflow-y: auto;
    width: 100%;
    max-width: 20rem;
    position: fixed;
    z-index: 10;
    left: -20rem;
    top: 0;
    bottom: 0;
    transition: all 0.3s ease 0s;
    z-index: 1002;
  }
  body.open-site-nav .site-nav {
    left: 0;
  }
  .site-overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
  }
  .site-nav .menu {
    display: block;
  }
  .site-nav .menu > li {
    border-bottom: 1px solid #ccc;
    padding: 1rem 1.5rem 1rem 1rem;
    margin-left: 0;
  }
  .site-nav .menu > li > a {
    display: inline;
    padding: 0;
  }
  .site-nav .menu > li.menu-item-has-children:before {
    content: ' ';
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    cursor: pointer;
    float: right;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    transform: rotateZ(-135deg);
    transition: all 0.3s ease 0s;
  }
  .site-nav .menu > li.menu-item-has-children:hover:before {
    border-top-color: #f56961;
    border-left-color: #f56961;
  }
  .site-nav .menu > li.menu-item-has-children.active:before {
    transform: rotateZ(45deg);
  }
  .site-nav .menu > li > .sub-menu {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    display: none;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0.5rem;
  }
  .site-nav .menu > li:hover > .sub-menu {
    display: none;
  }
}

/*--------------------------------------------------------------
# home video
--------------------------------------------------------------*/
.home-video {
  z-index: 10;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home-video:before {
  padding-top: 75%;
}
.home-search {
  height: 17.5rem;
  z-index: 11;
}
.home-search .title {
  font-size: 1.25rem;
}
.home-search label {
  z-index: 11;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}
.home-search .custom-select {
  background-image: none;
}
@media (min-width: 576px) {
  .home-video:before {
    padding-top: 56.25%;
  }
  .home-search .title {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .home-search {
    height: 22.5rem;
  }
  .home-search .title {
    font-size: 2rem;
  }
  .home-search .form-control {
    font-size: 1rem;
    border-radius: 0;
  }
  .home-search .custom-select {
    border-right: 1px solid #ececec !important;
    border-radius: 0.3rem 0 0 0.3rem;
  }
  .home-search .btn {
    font-size: 1rem;
    border-radius: 0 0.3rem 0.3rem 0;
  }
}
@media (min-width: 992px) {
  .home-search {
    /*height: 28.75rem;*/
    height: calc(100vh - 135px);
  }
  .home-search .title {
    font-size: 2.5rem;
  }
}

/*--------------------------------------------------------------
# home destinations
--------------------------------------------------------------*/
.module-home-destinations .container-fluid {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.row-home-destination {
  flex-wrap: nowrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.col-home-destination {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.home-destination {
  padding-top: 100%;
  margin-bottom: 0.5rem;
}
.home-destination a {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-destination .image {
  transition: all 0.4s ease 0s;
}
.home-destination .image:hover {
  transform: scale(1.1);
}
.col-home-destination {
  -ms-flex: 0 0 11.111111%;
  flex: 0 0 11.111111%;
  max-width: 11.111111%;
}
.col-home-destination-2,
.col-home-destination-5 {
  -ms-flex: 0 0 22.222222%;
  flex: 0 0 22.222222%;
  max-width: 22.222222%;
}
.home-destination-5,
.home-destination-11 {
  padding-top: 49%;
}
.home-destination-9 {
  padding-top: 205%;
}
@media (max-width: 1199px) {
  .wrap-home-destination {
    overflow-x: scroll;
  }
  .col-home-destination {
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
  }
  .col-home-destination-2,
  .col-home-destination-5 {
    -ms-flex: 0 0 28.571429%;
    flex: 0 0 28.571429%;
    max-width: 28.571429%;
  }
}
@media (max-width: 767px) {
  .col-home-destination {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-home-destination-2,
  .col-home-destination-5 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .col-home-destination {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-home-destination-2,
  .col-home-destination-5 {
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }
}

/*--------------------------------------------------------------
# Tiny slider
--------------------------------------------------------------*/
.tns-outer {
  position: relative;
}
.tns-nav {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  margin-top: 3rem;
  margin-bottom: 0;
}
.tns-nav button {
  font-size: 0;
  color: transparent;
  background: #c8c8c8;
  border: none;
  border-radius: 50%;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tns-nav button:hover,
.tns-nav .tns-nav-active {
  background: #5a4902;
}
.tns-controls button {
  font-size: 3.5rem;
  text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  color: #fff;
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
}
.tns-controls button:hover {
  color: #f3c634;
}
.tns-controls button:disabled {
  color: #fff;
  opacity: 0.5;
  cursor: default;
}
.tns-controls button {
  left: 2.5%;
}
.tns-controls button + button {
  left: auto;
  right: 2.5%;
}

#gallery-thumbs-ow {
  margin-top: 0.75rem;
}
.gallery-thumbs .tns-item a {
  border: 1px solid #ececec;
  display: block;
}
.gallery-thumbs .tns-item a:hover,
.gallery-thumbs .tns-item.tns-nav-active a {
  border-color: #f3c634;
}
#gallery-thumbs-ow .tns-controls button {
  font-size: 1.5rem;
  left: 0.5rem;
}
#gallery-thumbs-ow .tns-controls button + button {
  left: auto;
  right: 0.5rem;
}
.fancybox-thumbs__list a:before {
  border: 0.25rem solid #f3c634;
}

/*--------------------------------------------------------------
# Home carings
--------------------------------------------------------------*/
.home-carings img {
  width: 13.5rem;
}
.home-carings .desc {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
}
.home-carings .desc .quote-left,
.home-carings .desc .quote-right {
  font-size: 1.25rem;
  color: #c8c8c8;
  position: absolute;
}
.home-carings .desc .quote-left {
  top: 0;
  left: 0;
}
.home-carings .desc .quote-right {
  bottom: 0;
  right: 0;
}

/*--------------------------------------------------------------
# Home subscribe
--------------------------------------------------------------*/
.home-subscribe {
  min-height: 50rem;
}

/*--------------------------------------------------------------
# Home review
--------------------------------------------------------------*/
.row-home-review {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.col-home-review {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-bottom: 0.5rem;
}
.home-review {
  height: 14rem;
}
.home-review .icon {
  background-color: rgba(0, 0, 0, 0.2);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  padding: 0.25rem 0.5rem 1.75rem 1.75rem;
  z-index: 11;
  top: 0;
  right: 0;
}
.home-review .desc {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.home-review:hover .desc {
  visibility: visible;
  opacity: 1;
}
.col-home-review-1,
.col-home-review-3,
.col-home-review-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-home-review-2 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}
.col-home-review-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-home-review-6,
.col-home-review-10,
.col-home-review-11 {
  width: 18%;
}
.col-home-review-7,
.col-home-review-8,
.col-home-review-9 {
  width: 15.333333%;
}
.col-home-review-12 {
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%;
}
.col-home-review-13,
.col-home-review-14 {
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  max-width: 16%;
}
.col-home-review-15 {
  -ms-flex: 0 0 19%;
  flex: 0 0 19%;
  max-width: 19%;
}
.col-home-review-16 {
  -ms-flex: 0 0 21%;
  flex: 0 0 21%;
  max-width: 21%;
}
@media (max-width: 1199px) {
  .col-home-review-1,
  .col-home-review-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-home-review-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-home-review-4 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-home-review-5,
  .col-home-review-6 {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }
  .col-home-review-7,
  .col-home-review-8 {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  .col-home-review-9 {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }
  .col-home-review-10,
  .col-home-review-11 {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
  }
  .col-home-review-12 {
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
  }
  .col-home-review-13,
  .col-home-review-14 {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
  }
  .col-home-review-15 {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }
  .col-home-review-16 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .home .col-home-review-13,
  .home .col-home-review-14,
  .home .col-home-review-15,
  .home .col-home-review-16 {
    display: none;
  }
}
@media (max-width: 767px) {
  .col-home-review-1,
  .col-home-review-8,
  .col-home-review-13 {
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    max-width: 56%;
  }
  .col-home-review-2,
  .col-home-review-7,
  .col-home-review-14 {
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
  }
  .col-home-review-3,
  .col-home-review-10,
  .col-home-review-15 {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
  }
  .col-home-review-4,
  .col-home-review-9,
  .col-home-review-16 {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
  }
  .col-home-review-5,
  .col-home-review-6,
  .col-home-review-11,
  .col-home-review-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .home .col-home-review-7,
  .home .col-home-review-8,
  .home .col-home-review-9,
  .home .col-home-review-10,
  .home .col-home-review-11,
  .home .col-home-review-12 {
    display: none;
  }
}

/*--------------------------------------------------------------
# Archive tour
--------------------------------------------------------------*/
.archive-tour .cat,
.archive-post .cat,
.aside-offer .cat {
  min-width: 10rem;
  z-index: 10;
  top: 1rem;
  left: 0;
}
.archive-tour .cat a:hover,
.archive-post .cat a:hover,
.aside-offer .cat a:hover {
  text-decoration: underline;
  color: inherit;
}
.archive-tour .save,
.archive-tour .saved {
  width: 1.5rem;
  height: 1.5rem;
  z-index: 10;
  top: 1.375rem;
  right: 1rem;
}
.archive-tour .save {
  background-color: rgba(0, 0, 0, 0.4);
}
.archive-tour .save:hover,
.archive-tour .saved {
  background-color: #fff;
}
.archive-tour img,
.archive-post img,
.aside-offer img {
  transition: all 0.4s ease 0s;
}
.archive-tour a:hover img,
.archive-post a:hover img,
.aside-offer a:hover img {
  transform: scale(1.1);
}
.archive-tour .discount {
  border-left: 2.25rem solid #f3c634;
  border-top: 2.25rem solid transparent;
  border-bottom: 2.25rem solid transparent;
  position: absolute;
  z-index: 10;
  bottom: -1.5rem;
  right: -0.375rem;
  transform: rotate(45deg);
}
.archive-tour .discount .amount {
  position: absolute;
  bottom: -0.75rem;
  right: 0.5rem;
  transform: rotate(-45deg);
}
.archive-tour .price del {
  font-size: 0.75rem;
  font-weight: 500;
  color: #f3c634;
  display: block;
}

.filter-toggler:after {
  content: '\f0d8';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-left: auto;
}
.filter-toggler.collapsed:after {
  content: '\f0d7';
}
.filter-collapse a + a {
  margin-top: 1rem;
}
.filter-collapse a:before {
  content: ' ';
  background-color: #ececec;
  border-radius: 0.25rem;
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  margin-right: 1rem;
}
.filter-collapse a:hover:before,
.filter-collapse a.active:before {
  background-color: #5a4902;
}

/*--------------------------------------------------------------
# Help
--------------------------------------------------------------*/
.accordion-help .toggle:after {
  content: '\f077';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  color: #acacac;
  margin-left: auto;
}
.accordion-help .toggle.collapsed:after {
  content: '\f078';
}
.accordion-help .toggle:not(.collapsed) {
  color: #5a4902;
}

/*--------------------------------------------------------------
# widget
--------------------------------------------------------------*/
.noUi-target {
  background-color: #ececec;
  border-color: #ececec;
  box-shadow: none;
  height: 0.375rem;
}
.noUi-connect {
  background-color: #ececec;
}
.noUi-horizontal .noUi-handle {
  background-color: #5a4902;
  border-color: #5a4902;
  border-radius: 50%;
  box-shadow: none;
  width: 0.75rem;
  height: 0.75rem;
  right: -0.375rem !important;
  top: -0.25rem;
}
.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
  display: none;
}
.noUi-tooltip {
  font-size: 0.875rem;
  border: 0;
  padding: 0.5rem 0;
}

/*--------------------------------------------------------------
# list shares
--------------------------------------------------------------*/
.list-shares a {
  color: #fff;
  display: block;
  padding: 0.5rem 1rem;
}
.list-shares a:hover {
  opacity: 0.8;
}
.list-shares a.facebook {
  background-color: #455fa1;
}
.list-shares a.twitter {
  background-color: #58abf4;
}
.list-shares a.pinterest {
  background-color: #cc1d1e;
}
.list-shares a.email {
  background-color: #1980be;
}

/*--------------------------------------------------------------
# tour
--------------------------------------------------------------*/
.tour-route:before {
  content: ' ';
  border-top: 1px dashed #606060;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
}
.accordion-tour .toggle.collapsed {
  font-weight: 300;
  color: #acacac;
}
.accordion-tour .toggle {
  font-weight: 500;
  color: inherit;
}
.accordion-tour .toggle:hover {
  color: inherit;
}
.accordion-tour .toggle.collapsed:after {
  content: '\f078';
}
.accordion-tour .toggle:after {
  content: '\f077';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-left: auto;
}
.related-tour img {
  transition: all 0.4s ease 0s;
}
.related-tour:hover img {
  transform: scale(1.1);
}
.related-tour:before {
  content: ' ';
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.related-tour .title {
  z-index: 11;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.related-tour .price {
  z-index: 11;
  left: 0;
  bottom: 0;
}
.related-tour .price ins {
  text-decoration: none;
}
.related-tour .price del {
  margin-left: 0.25rem;
}

/*--------------------------------------------------------------
# entry
--------------------------------------------------------------*/
.entry-content a:not(.btn) {
  color: #5a4902;
}
.entry-content a:not(.btn):hover {
  text-decoration: underline;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 500;
  margin-bottom: 1rem;
}
.entry-content blockquote {
  font-size: 1rem;
  color: #666;
  background: #f8f9fa;
  border-left: 0.25rem solid #f56961;
  padding: 1.5rem 1.5rem 0.5rem 3rem;
  position: relative;
}
.entry-content blockquote:before {
  content: '\f10d';
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.5rem;
  font-weight: 900;
  color: #999;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}
.entry-content ul > li,
.entry-content ol > li {
  margin-bottom: 0.5rem;
}
.entry-content ul {
  list-style: none;
  padding-left: 0;
}
.entry-content ul li {
  display: flex;
}
.entry-content ul li:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 87.5%;
  margin-right: 0.5rem;
}
.entry-content table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #dee2e6;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #dee2e6;
  padding: 0.5rem;
}
.entry-content img.centered,
.entry-content .aligncenter {
  display: block;
  margin: 0 auto 1rem;
}
.entry-content img.alignnone {
  margin-bottom: 0;
}
.entry-content .alignleft {
  float: left;
  text-align: left;
}
.entry-content .alignright {
  float: right;
  text-align: right;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
  margin: 0 1rem 1rem 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
  margin: 0 0 1rem 1rem;
}
.entry-content .wp-caption {
  max-width: 100%;
}
.entry-content .wp-caption-text {
  background: #efefef;
  padding: 1rem 1rem;
}

/*--------------------------------------------------------------
# Destination
--------------------------------------------------------------*/
.dest-insp .title {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease 0s;
}
.dest-insp:hover .title {
  visibility: hidden;
  transform: translateY(100%);
}
.dest-insp .desc {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.4s ease 0s;
}
.dest-insp:hover .desc {
  visibility: visible;
  transform: translateY(0);
}

/*--------------------------------------------------------------
# site footer
--------------------------------------------------------------*/
.site-footer .menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.site-footer .menu li {
  margin-bottom: 0.5rem;
}
.site-footer .socials a {
  font-size: 1rem;
  color: #fff;
  background-color: #5a4902;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}
.site-footer .socials a:hover {
  background-color: #f3c634;
  border-color: #f3c634;
}
.site-footer .socials a + a {
  margin-left: 0.75rem;
}