@font-face {
  font-family: "BeVietnamPro-Regular";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf");
}
@font-face {
  font-family: "BeVietnamPro-Bold";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-Bold.ttf");
}
@font-face {
  font-family: "BeVietnamPro-ExtraBold";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-ExtraBold.ttf");
}
@font-face {
  font-family: "BeVietnamPro-Semibold";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-SemiBold.ttf");
}
@font-face {
  font-family: "BeVietnamPro-Light";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-Light.ttf");
}
@font-face {
  font-family: "BeVietnamPro-Medium";
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-Medium.ttf");
}
/*Variables*/
/*Font*/
/*Color*/
body {
  overflow-x: hidden;
  position: relative;
  font-family: 'system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"';
  color: #000000;
  background-color: #efefef;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

img {
  max-width: 100%;
}

.pad0 {
  padding: 0;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: unset;
  color: inherit;
}
a:focus-visible {
  outline: 0;
  outline-offset: none;
}

.page-title {
  color: #193253;
  font-family: "BeVietnamPro-Bold";
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 992px) {
  .page-title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 768px) {
  .page-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .page-title {
    font-size: 1.35rem;
  }
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes skew-x-shaking {
  0% {
    transform: skewX(-15deg);
  }
  5% {
    transform: skewX(15deg);
  }
  10% {
    transform: skewX(-15deg);
  }
  15% {
    transform: skewX(15deg);
  }
  20% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
@keyframes skew-x-shake {
  0% {
    transform: skewX(-15deg);
  }
  5% {
    transform: skewX(15deg);
  }
  10% {
    transform: skewX(-15deg);
  }
  15% {
    transform: skewX(15deg);
  }
  20% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
@keyframes shadow-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0px rgba(232, 169, 10, 0.0352941176);
    box-shadow: 0 0 0 0px rgba(232, 169, 10, 0.0352941176);
  }
  100% {
    -moz-box-shadow: 0 0 0 7px rgba(232, 106, 10, 0.1019607843);
    box-shadow: 0 0 0 7px rgba(232, 106, 10, 0.1019607843);
  }
}
nav.navbar {
  padding: 0.25rem 5%;
  background-color: #ffffff;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
}
nav.navbar .navbar-collapse {
  justify-content: space-between;
}
nav.navbar .navbar-brand {
  padding: 0;
  width: 25%;
}
@media screen and (max-width: 992px) {
  nav.navbar .navbar-brand {
    width: 20%;
  }
}
@media screen and (max-width: 576px) {
  nav.navbar .navbar-brand {
    width: 30%;
  }
}
@media screen and (max-width: 480px) {
  nav.navbar .navbar-brand {
    width: 36%;
  }
}
nav.navbar .navbar-brand .logo {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  max-height: 84px;
  max-width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
@media screen and (max-width: 576px) {
  nav.navbar .navbar-toggler {
    padding: 0.25rem 0.5rem;
  }
  nav.navbar .navbar-toggler .navbar-toggler-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
nav.navbar .navbar-nav {
  width: 72%;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  nav.navbar .navbar-nav {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  nav.navbar .navbar-nav {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}
nav.navbar .navbar-nav .nav-item {
  position: relative;
}
@media screen and (max-width: 1024px) {
  nav.navbar .navbar-nav .nav-item {
    font-size: 90%;
  }
}
nav.navbar .navbar-nav .nav-item .nav-link-icon {
  position: absolute;
  top: -25px;
  height: 0;
  width: 1.5px;
  left: 50%;
  background-color: #193253;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}
@media screen and (max-width: 992px) {
  nav.navbar .navbar-nav .nav-item .nav-link-icon {
    left: 0;
    top: 50%;
    width: 0;
    height: 1.5px;
  }
}
nav.navbar .navbar-nav .nav-item .nav-link {
  font-family: "BeVietnamPro-Medium";
  color: #193253;
  padding: 0.5rem 1.5rem;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
}
@media screen and (max-width: 992px) {
  nav.navbar .navbar-nav .nav-item .nav-link {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
nav.navbar .navbar-nav .nav-item:hover .nav-link-icon, nav.navbar .navbar-nav .nav-item:has(.active) .nav-link-icon {
  height: 45px;
}
@media screen and (max-width: 992px) {
  nav.navbar .navbar-nav .nav-item:hover .nav-link-icon, nav.navbar .navbar-nav .nav-item:has(.active) .nav-link-icon {
    width: 36px;
    height: 1.5px;
  }
  nav.navbar .navbar-nav .nav-item:hover .nav-link, nav.navbar .navbar-nav .nav-item:has(.active) .nav-link {
    padding-left: 2.75rem;
  }
}
nav.navbar .extend-right {
  position: absolute;
  right: 4%;
  top: 45%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
nav.navbar .extend-right .extend-item {
  font-family: "BeVietnamPro-Medium";
  color: #193253;
  white-space: nowrap;
}
nav.navbar .extend-right .extend-item a {
  color: #193253;
}
nav.navbar.on-scroll .navbar-brand .logo {
  max-height: 60px;
}
nav.navbar.on-scroll .navbar-nav .nav-item .nav-link {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}
nav.navbar.on-scroll .navbar-nav .nav-item .nav-link-icon {
  top: -30px;
}
nav.navbar.on-scroll .extend-right {
  top: 38%;
}

.footer {
  padding: 0 10%;
  background-color: #fff;
  color: #193253;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .footer {
    padding: 0 5%;
  }
}
.footer .footer-container {
  padding: 3rem 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .footer-logo {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .footer .footer-logo {
    width: 35%;
  }
}
@media screen and (max-width: 480px) {
  .footer .footer-logo {
    width: 100%;
    margin-bottom: 2rem;
    order: 1;
  }
}
.footer .footer-logo .logo-img {
  max-height: 90px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .footer .footer-logo .logo-img {
    max-height: 72px;
    margin-bottom: 1rem;
  }
}
.footer .footer-title {
  text-transform: uppercase;
  font-family: "BeVietnamPro-Bold";
  color: #193253;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 992px) {
  .footer .footer-title {
    font-size: 1.25rem;
  }
}
.footer .footer-item {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer .footer-item-label {
  font-size: 1.1rem;
  width: 60px;
  margin-right: 0.5rem;
}
.footer .footer-item-text {
  font-family: "BeVietnamPro-Semibold";
}
.footer .footer-item-text a {
  font-family: "BeVietnamPro-Semibold";
  color: inherit;
}
.footer .company-detail {
  width: 35%;
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  .footer .company-detail {
    width: 40%;
    padding-top: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .footer .company-detail {
    width: 100%;
    margin-bottom: 0;
    order: 3;
    padding-top: 0;
  }
}
.footer .company-detail .bct-img {
  max-height: 60px;
}
.footer .contact {
  width: 25%;
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  .footer .contact {
    width: 20%;
    padding-top: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .footer .contact {
    width: 100%;
    order: 2;
    margin-bottom: 2rem;
    padding-top: 0;
  }
}
.footer .contact a {
  color: #193253;
  margin-right: 2.5rem;
}
.footer .contact a svg {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.footer .copyright {
  font-family: "BeVietnamPro-Light";
  padding: 0.5rem 0;
  text-align: center;
  font-size: 88%;
}

#intro img {
  width: 100%;
}
#intro .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
#intro .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#intro .intro-container {
  padding: 6rem 8% 5rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #intro .intro-container {
    padding: 5rem 5%;
  }
}
@media screen and (max-width: 992px) {
  #intro .intro-container {
    padding: 2rem 5%;
  }
}
#intro .intro-container .intro-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
#intro .intro-list {
  position: relative;
  z-index: 9;
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 576px) {
  #intro .intro-list {
    justify-content: center;
  }
}
#intro .intro-item {
  width: 23%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border: 1px solid #193253;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media screen and (max-width: 992px) {
  #intro .intro-item {
    width: 48.5%;
    margin-bottom: 1.5rem;
    background-color: rgba(255, 255, 255, 0.5607843137);
  }
}
@media screen and (max-width: 576px) {
  #intro .intro-item {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  #intro .intro-item {
    width: 100%;
  }
}
#intro .intro-item-label {
  text-align: center;
  text-transform: uppercase;
  font-family: "BeVietnamPro-Semibold";
  font-size: 96%;
  color: #193253;
  border-bottom: 0.5px solid #193253;
  margin-bottom: 0.5rem;
}
#intro .intro-item .intro-item-content {
  color: #193253;
}
#intro .intro-item:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  background-color: rgba(255, 255, 255, 0.5607843137);
  border-color: #ffd875;
}

#tour {
  position: relative;
  padding: 5rem 5% 8rem;
}
@media only screen and (max-width: 1200px) {
  #tour {
    padding: 5rem 5%;
  }
}
@media only screen and (max-width: 768px) {
  #tour {
    padding: 5rem 5% 1rem;
  }
}
@media screen and (max-width: 576px) {
  #tour {
    padding: 2rem 5%;
  }
}
#tour .tour-title {
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
  color: #193253;
}
#tour .tour-title .page-title {
  display: block;
  margin-bottom: 0;
}
#tour .tour-list {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  #tour .tour-list {
    justify-content: space-evenly;
  }
}
@media screen and (max-width: 576px) {
  #tour .tour-list {
    justify-content: space-between;
  }
}
#tour .tour-item {
  width: 19%;
  overflow: hidden;
  margin: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media screen and (max-width: 992px) {
  #tour .tour-item {
    width: 31%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 576px) {
  #tour .tour-item {
    width: 49%;
  }
}
@media screen and (max-width: 400px) {
  #tour .tour-item {
    width: 100%;
  }
}
#tour .tour-item .tour-thumbnail {
  width: 100%;
  height: 50vh;
  position: relative;
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
  overflow: hidden;
  display: block;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 1200px) {
  #tour .tour-item .tour-thumbnail {
    height: 42vh;
  }
}
@media only screen and (max-width: 480px) {
  #tour .tour-item .tour-thumbnail {
    height: 45vh;
  }
}
@media only screen and (max-width: 400px) {
  #tour .tour-item .tour-thumbnail {
    height: 55vh;
  }
}
#tour .tour-item .tour-thumbnail .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.05);
}
#tour .tour-item .tour-thumbnail img {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
#tour .tour-item .tour-thumbnail .mask, #tour .tour-item .tour-thumbnail img {
  -webkit-clip-path: polygon(94.239% 100%, 5.761% 100%, 5.761% 100%, 4.826% 99.95%, 3.94% 99.803%, 3.113% 99.569%, 2.358% 99.256%, 1.687% 98.87%, 1.111% 98.421%, 0.643% 97.915%, 0.294% 97.362%, 0.075% 96.768%, 0 96.142%, 0 3.858%, 0 3.858%, 0.087% 3.185%, 0.338% 2.552%, 0.737% 1.968%, 1.269% 1.442%, 1.92% 0.984%, 2.672% 0.602%, 3.512% 0.306%, 4.423% 0.105%, 5.391% 0.008%, 6.4% 0.024%, 94.879% 6.625%, 94.879% 6.625%, 95.731% 6.732%, 96.532% 6.919%, 97.272% 7.178%, 97.942% 7.503%, 98.533% 7.887%, 99.038% 8.323%, 99.445% 8.805%, 99.747% 9.326%, 99.935% 9.88%, 100% 10.459%, 100% 96.142%, 100% 96.142%, 99.925% 96.768%, 99.706% 97.362%, 99.357% 97.915%, 98.889% 98.421%, 98.313% 98.87%, 97.642% 99.256%, 96.887% 99.569%, 96.06% 99.803%, 95.174% 99.95%, 94.239% 100%);
  clip-path: polygon(94.239% 100%, 5.761% 100%, 5.761% 100%, 4.826% 99.95%, 3.94% 99.803%, 3.113% 99.569%, 2.358% 99.256%, 1.687% 98.87%, 1.111% 98.421%, 0.643% 97.915%, 0.294% 97.362%, 0.075% 96.768%, 0 96.142%, 0 3.858%, 0 3.858%, 0.087% 3.185%, 0.338% 2.552%, 0.737% 1.968%, 1.269% 1.442%, 1.92% 0.984%, 2.672% 0.602%, 3.512% 0.306%, 4.423% 0.105%, 5.391% 0.008%, 6.4% 0.024%, 94.879% 6.625%, 94.879% 6.625%, 95.731% 6.732%, 96.532% 6.919%, 97.272% 7.178%, 97.942% 7.503%, 98.533% 7.887%, 99.038% 8.323%, 99.445% 8.805%, 99.747% 9.326%, 99.935% 9.88%, 100% 10.459%, 100% 96.142%, 100% 96.142%, 99.925% 96.768%, 99.706% 97.362%, 99.357% 97.915%, 98.889% 98.421%, 98.313% 98.87%, 97.642% 99.256%, 96.887% 99.569%, 96.06% 99.803%, 95.174% 99.95%, 94.239% 100%);
}
#tour .tour-item .tour-info {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: relative;
  color: #193253;
  padding: 0.25rem 0 2.5rem;
  min-height: 150px;
}
#tour .tour-item .tour-info .tour-name {
  font-size: 90%;
  font-family: "BeVietnamPro-Bold";
  text-transform: uppercase;
}
#tour .tour-item .tour-info .tour-time span {
  font-size: 90%;
  font-family: "BeVietnamPro-Medium";
}
#tour .tour-item .tour-info .tour-action {
  position: absolute;
  bottom: 0;
  right: 0;
}
#tour .tour-item .tour-info .tour-action .btn-contact {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: relative;
  font-size: 80%;
  display: inline-block;
  overflow: hidden;
  padding: 0.25rem 1rem;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border: 1px solid #193253;
  color: #193253;
  font-family: "BeVietnamPro-Medium";
  text-transform: uppercase;
  margin: 0 1rem 1rem 0;
}
#tour .tour-item .tour-info .tour-action .btn-contact span {
  position: relative;
  z-index: 2;
}
#tour .tour-item .tour-info .tour-action .btn-contact::before {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #ffd875, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
#tour .tour-item .tour-info .tour-action .btn-contact:hover::before {
  --size: 200px;
}
#tour .tour-item:nth-child(odd) .tour-thumbnail .mask, #tour .tour-item:nth-child(odd) .tour-thumbnail img {
  -webkit-clip-path: polygon(5.761% 100%, 94.239% 100%, 94.239% 100%, 95.174% 99.95%, 96.06% 99.803%, 96.887% 99.569%, 97.642% 99.256%, 98.313% 98.87%, 98.889% 98.421%, 99.357% 97.915%, 99.706% 97.362%, 99.925% 96.768%, 100% 96.142%, 100% 3.858%, 100% 3.858%, 99.913% 3.185%, 99.662% 2.552%, 99.263% 1.968%, 98.731% 1.442%, 98.08% 0.984%, 97.328% 0.602%, 96.488% 0.306%, 95.577% 0.105%, 94.609% 0.008%, 93.6% 0.024%, 5.121% 6.625%, 5.121% 6.625%, 4.269% 6.732%, 3.468% 6.919%, 2.728% 7.178%, 2.058% 7.503%, 1.467% 7.887%, 0.962% 8.323%, 0.555% 8.805%, 0.253% 9.326%, 0.065% 9.88%, 0 10.459%, 0 96.142%, 0 96.142%, 0.075% 96.768%, 0.294% 97.362%, 0.643% 97.915%, 1.111% 98.421%, 1.687% 98.87%, 2.358% 99.256%, 3.113% 99.569%, 3.94% 99.803%, 4.826% 99.95%, 5.761% 100%);
  clip-path: polygon(5.761% 100%, 94.239% 100%, 94.239% 100%, 95.174% 99.95%, 96.06% 99.803%, 96.887% 99.569%, 97.642% 99.256%, 98.313% 98.87%, 98.889% 98.421%, 99.357% 97.915%, 99.706% 97.362%, 99.925% 96.768%, 100% 96.142%, 100% 3.858%, 100% 3.858%, 99.913% 3.185%, 99.662% 2.552%, 99.263% 1.968%, 98.731% 1.442%, 98.08% 0.984%, 97.328% 0.602%, 96.488% 0.306%, 95.577% 0.105%, 94.609% 0.008%, 93.6% 0.024%, 5.121% 6.625%, 5.121% 6.625%, 4.269% 6.732%, 3.468% 6.919%, 2.728% 7.178%, 2.058% 7.503%, 1.467% 7.887%, 0.962% 8.323%, 0.555% 8.805%, 0.253% 9.326%, 0.065% 9.88%, 0 10.459%, 0 96.142%, 0 96.142%, 0.075% 96.768%, 0.294% 97.362%, 0.643% 97.915%, 1.111% 98.421%, 1.687% 98.87%, 2.358% 99.256%, 3.113% 99.569%, 3.94% 99.803%, 4.826% 99.95%, 5.761% 100%);
}
#tour .tour-item:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
#tour .tour-item:hover .tour-thumbnail {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
#tour .tour-item:hover .tour-thumbnail img {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  opacity: 0.8;
}
#tour .tour-item:hover .tour-thumbnail .mask {
  background-color: #ffd875;
}
#tour .tour-item:hover .tour-info .tour-action .btn-contact {
  -webkit-animation: shadow-pulse 1s infinite;
  -moz-animation: shadow-pulse 1s infinite;
  -ms-animation: shadow-pulse 1s infinite;
  -o-animation: shadow-pulse 1s infinite;
  animation: shadow-pulse 1s infinite;
}

#gallery {
  padding: 5rem 5% 8rem;
}
@media screen and (max-width: 992px) {
  #gallery {
    padding: 2rem 5% 8rem;
  }
}
@media screen and (max-width: 480px) {
  #gallery {
    padding: 0 5% 6rem;
  }
}
#gallery .gallery-header {
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  #gallery .gallery-header {
    margin-bottom: 2rem;
  }
}
#gallery .gallery-header .page-title {
  text-align: center;
  margin-bottom: 1rem;
}
#gallery .gallery-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
#gallery .gallery-container:not(:last-child) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 480px) {
  #gallery .gallery-container:not(:last-child) {
    margin-bottom: 0;
  }
}
#gallery .tiktok-block {
  width: 28%;
  height: clamp(360px, 40vh, 440px);
}
@media screen and (max-width: 480px) {
  #gallery .tiktok-block {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#gallery .tiktok-block .tiktok-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
#gallery .tiktok-block iframe {
  object-fit: cover;
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
}
#gallery .slider-block {
  position: relative;
  width: 71%;
}
@media screen and (max-width: 480px) {
  #gallery .slider-block {
    width: 100%;
    margin-bottom: 2.75rem;
  }
}
#gallery .slider-block .swiper-pagination {
  width: 100% !important;
  bottom: -20px;
}
#gallery .slider-block .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0 2.5px;
  background-color: #193253;
  opacity: 1;
  width: 12px;
  height: 12px;
}
#gallery .slider-block .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffd875;
}
#gallery .gallery-slide .slider-img {
  border-radius: 0.35rem;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  width: 100%;
  height: clamp(360px, 40vh, 440px);
  object-fit: cover;
  -o-object-fit: cover;
}
#gallery .gallery-slide-video .slider-img {
  border-radius: 0.35rem;
  -webkit-border-radius: 0.35rem;
  -moz-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  -o-border-radius: 0.35rem;
  width: 100%;
  height: clamp(360px, 40vh, 440px);
  object-fit: cover;
  -o-object-fit: cover;
}
#gallery .video-gallery-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
#gallery .video-gallery-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#gallery .swiper-button-next, #gallery .swiper-button-prev {
  background-image: unset;
  color: #ffffff;
  top: 92%;
}

/*# sourceMappingURL=styles.css.map */