/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-load-more-gallery/block-load-more-gallery.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; } }

.block-load-more-gallery {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #fff8ed;
  padding: 150px 0; }
  @media screen and (max-width: 1750px) {
    .block-load-more-gallery {
      padding: 100px 50px; } }
  @media screen and (max-width: 768px) {
    .block-load-more-gallery {
      padding: 70px 30px; } }

.blmg_container {
  max-width: 1660px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 3px; }
  .blmg_container.js-food .blmg_img {
    cursor: pointer; }
  @media screen and (max-width: 1550px) {
    .blmg_container {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 768px) {
    .blmg_container {
      grid-template-columns: repeat(1, 1fr); } }

.blmg_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none; }
  .blmg_img:nth-child(1) {
    display: block; }
  .blmg_img:nth-child(2) {
    display: block; }
  .blmg_img:nth-child(3) {
    display: block; }
  .blmg_img:nth-child(4) {
    display: block; }
  .blmg_img:nth-child(5) {
    display: block; }
  .blmg_img:nth-child(6) {
    display: block; }
  .blmg_img:nth-child(7) {
    display: block; }
  .blmg_img:nth-child(8) {
    display: block; }
  .blmg_img.show {
    display: block; }

.loading {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  grid-column-start: span 4;
  grid-gap: 3px; }
  .loading.show {
    display: grid; }

.blmg_btn {
  background: transparent;
  outline: none;
  border: none;
  text-transform: uppercase;
  margin-top: 50px;
  color: #0165ad; }
  .blmg_btn svg {
    margin-right: 10px;
    transition: 0.5s transform;
    will-change: transform; }
  .blmg_btn::after {
    width: 80%;
    left: 22%;
    background: #0165ad; }
  @media (hover: hover) and (pointer: fine) {
    .blmg_btn:hover svg {
      transform: rotate(90deg); } }
  .blmg_btn.hide {
    display: none; }

@media screen and (min-width: 1921px) {
  .block-load-more-gallery {
    padding: 7.8125vw 0; }
  .blmg_container {
    max-width: 86.45833vw;
    grid-gap: 0.15625vw; }
  .loading {
    grid-gap: 0.15625vw; }
  .blmg_btn {
    margin-top: 2.60417vw; }
    .blmg_btn svg {
      margin-right: 0.52083vw; } }

.food-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; }
  .food-modal.active {
    opacity: 1;
    visibility: visible; }

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

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

.food-modal_img {
  width: 100%;
  height: 100%;
  object-fit: cover; }