/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-destination-single-top-places/block-destination-single-top-places.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.page-404 {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 980px) {
    .page-404 {
      padding: 0 50px; } }
  @media screen and (max-width: 767px) {
    .page-404 {
      padding: 0 25px; } }

.page-404_number {
  color: #fff; }

.page-404_title {
  max-width: 780px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px; }

.page-404_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; }

.page-404_button {
  background-color: #fff;
  color: #0165ad;
  border: none; }

@media screen and (min-width: 1921px) {
  .page-404_title {
    max-width: 40.625vw;
    margin-bottom: 2.60417vw; } }

.bdst-places {
  width: 100%;
  height: 100%;
  padding: 150px 130px;
  background-color: #fff8ed; }
  .bdst-places.white {
    background-color: #fff; }
  @media screen and (max-width: 1280px) {
    .bdst-places {
      padding: 150px 100px; } }
  @media screen and (max-width: 1024px) {
    .bdst-places {
      padding: 100px 50px; } }
  @media screen and (max-width: 768px) {
    .bdst-places {
      padding: 50px 30px; } }

.bdst-places_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 1340px) {
    .bdst-places_wrapper {
      flex-direction: column;
      align-items: center; } }

@media screen and (max-width: 1800px) {
  .bdst-places_container {
    width: 50%; } }

@media screen and (max-width: 1550px) {
  .bdst-places_container {
    width: 40%; } }

@media screen and (max-width: 1340px) {
  .bdst-places_container {
    width: 100%; } }

.bdst-places_h2 {
  margin-bottom: 10px; }

.bdst-places_place {
  color: #af3538;
  margin-bottom: 30px; }
  @media screen and (max-width: 1600px) {
    .bdst-places_place {
      margin-bottom: 20px; } }

.bdst-places_content {
  max-width: 816px;
  width: 100%; }
  .bdst-places_content p {
    margin-bottom: 46px; }
    .bdst-places_content p:last-of-type {
      margin-bottom: 0; }
    @media screen and (max-width: 1600px) {
      .bdst-places_content p {
        margin-bottom: 24px; } }
  @media screen and (max-width: 1340px) {
    .bdst-places_content {
      max-width: 100%; } }

.bdst-places_image-wrapper {
  width: 100%;
  margin: 100px 0 0; }
  @media screen and (max-width: 768px) {
    .bdst-places_image-wrapper {
      margin-top: 50px; } }

.bdst-places_image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.bdst-place_load-more-gallery {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 50px 0 0; }
  .bdst-place_load-more-gallery .bdst-places_load-more-container {
    max-width: 1660px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3px; }
    @media screen and (max-width: 1550px) {
      .bdst-place_load-more-gallery .bdst-places_load-more-container {
        grid-template-columns: repeat(2, 1fr);
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .bdst-place_load-more-gallery .bdst-places_load-more-container {
        grid-template-columns: repeat(1, 1fr);
        width: 100%; } }
  .bdst-place_load-more-gallery .bdst-places_img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(1) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(2) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(3) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(4) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(5) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(6) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(7) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img:nth-child(8) {
      display: block; }
    .bdst-place_load-more-gallery .bdst-places_img.show {
      display: block; }
    @media screen and (max-width: 768px) {
      .bdst-place_load-more-gallery .bdst-places_img {
        height: auto; } }
  .bdst-place_load-more-gallery .loading {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    grid-column-start: span 4;
    grid-gap: 3px; }
    .bdst-place_load-more-gallery .loading.show {
      display: grid; }
  .bdst-place_load-more-gallery .bdst-places_btn {
    background: transparent;
    outline: none;
    border: none;
    text-transform: uppercase;
    margin-top: 50px;
    color: #0165ad; }
    .bdst-place_load-more-gallery .bdst-places_btn svg {
      margin-right: 10px;
      transition: 0.5s transform;
      will-change: transform; }
    .bdst-place_load-more-gallery .bdst-places_btn::after {
      width: 80%;
      left: 22%;
      background: #0165ad; }
    @media (hover: hover) and (pointer: fine) {
      .bdst-place_load-more-gallery .bdst-places_btn:hover svg {
        transform: rotate(90deg); } }
    .bdst-place_load-more-gallery .bdst-places_btn.hide {
      display: none; }

.bdst_map {
  width: 675px;
  height: 424px; }
  @media screen and (max-width: 1700px) {
    .bdst_map {
      width: 600px;
      height: 100%; } }
  @media screen and (max-width: 1340px) {
    .bdst_map {
      height: 424px;
      margin-top: 32px;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .bdst_map {
      width: 100%;
      max-width: 675px;
      height: 300px; } }

@media screen and (max-width: 1340px) {
  .bdst-places_map {
    width: 100%; } }

/*modal*/
.destination-modal {
  pointer-events: all;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s; }
  .destination-modal.open {
    opacity: 1;
    visibility: visible; }

.destination-modal_background {
  background-color: rgba(0, 18, 45, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.destination-modal_content {
  position: relative;
  margin-top: 150px;
  padding: 50px 70px 70px;
  max-width: 1240px;
  width: 100%;
  height: 80%;
  z-index: 100; }
  .destination-modal_content .foodSwiper {
    height: 100%; }
  .destination-modal_content .swiper-button-prev::after {
    display: none; }
  .destination-modal_content .swiper-button-next::after {
    display: none; }
  @media screen and (max-width: 1750px) {
    .destination-modal_content {
      padding: 50px; } }
  @media screen and (max-width: 1040px) {
    .destination-modal_content {
      margin-top: 90px; } }
  @media screen and (max-width: 768px) {
    .destination-modal_content {
      margin-top: 60px;
      padding: 70px 30px; } }

.destinationSwiper {
  width: 100%;
  height: 100%; }
  .destinationSwiper .swiper-wrapper {
    width: 100%;
    height: 100%; }
  .destinationSwiper .swiper-slide {
    width: 100%;
    height: 100%; }
    .destinationSwiper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .destinationSwiper .close_btn {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 10;
    cursor: pointer; }

@media screen and (min-width: 1921px) {
  .bdst-places {
    padding: 7.8125vw 6.77083vw; }
  .bdst-places_h2 {
    margin-bottom: 0.52083vw; }
  .bdst-places_place {
    margin-bottom: 1.5625vw; }
  .bdst-places_content {
    max-width: 42.5vw; }
    .bdst-places_content p {
      margin-bottom: 2.39583vw; }
  .bdst-places_image-wrapper {
    margin: 5.20833vw 0 0; }
  .bdst-place_load-more-gallery {
    padding: 2.60417vw 0 0; }
    .bdst-place_load-more-gallery .bdst-places_load-more-container {
      max-width: 86.45833vw;
      width: 100%;
      grid-gap: 0.15625vw; }
    .bdst-place_load-more-gallery .loading {
      grid-gap: 0.15625vw; }
    .bdst-place_load-more-gallery .bdst-places_btn {
      margin-top: 2.60417vw; }
      .bdst-place_load-more-gallery .bdst-places_btn svg {
        margin-right: 0.52083vw; }
  .bdst_map {
    width: 35.15625vw;
    height: 22.08333vw; }
  .destination-modal_content {
    margin-top: 7.8125vw !important;
    padding: 2.60417vw 3.64583vw 3.64583vw !important;
    max-width: 64.58333vw !important; }
    .destination-modal_content .swiper-button-prev {
      width: 4.16667vw !important;
      height: 4.16667vw !important; }
    .destination-modal_content .swiper-button-next {
      width: 4.16667vw !important;
      height: 4.16667vw !important; }
  .destinationSwiper .close_btn {
    top: 0.72917vw;
    right: 0.72917vw; }
    .destinationSwiper .close_btn svg {
      width: 0.9375vw;
      height: 0.9375vw; } }