@font-face {
  font-family: "Druk Cyr";
  src: url("../fonts/DrukCyr/DrukCyr-Bold.eot");
  src: local("DrukCyr-Bold"),
  url("../fonts/DrukCyr/DrukCyr-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/DrukCyr/DrukCyr-Bold.woff2") format("woff2"),
  url("../fonts/DrukCyr/DrukCyr-Bold.woff") format("woff"),
  url("../fonts/DrukCyr/DrukCyr-Bold.ttf") format("truetype"),
  url("../fonts/DrukCyr/DrukCyr-Bold.svg#DrukCyr-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Druk Cyr';
  src: url('../fonts/DrukCyr/DrukCyr-Medium.eot');
  src: local('DrukCyr-Medium'),
  url('../fonts/DrukCyr/DrukCyr-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/DrukCyr/DrukCyr-Medium.woff2') format('woff2'),
  url('../fonts/DrukCyr/DrukCyr-Medium.woff') format('woff'),
  url('../fonts/DrukCyr/DrukCyr-Medium.ttf') format('truetype'),
  url('../fonts/DrukCyr/DrukCyr-Medium.svg#DrukCyr-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"),
  url("../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
  url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"),
  url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"),
  url("../fonts/Montserrat/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"),
  url("../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"),
  url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"),
  url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"),
  url("../fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.not-found-section .wrapper {
  overflow: hidden;
}

.not-found-section .bestsellers {
  padding-bottom: 76px;
}

.not-found-page {
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 72px 0 89px;
  font-family: "Montserrat", "Basis Grotesque Pro", Arial, Helvetica, sans-serif;
}

.not-found-page .not-found-page__image {
  align-items: flex-start;
  display: flex;
  height: 100%;
  justify-content: center;
  max-height: 508px;
  max-width: 444px;
  position: relative;
  width: 100%;
}

.not-found-page .not-found-page__img {
  animation: bottle 8s infinite alternate;
  height: 100%;
  margin-left: 70px;
  max-height: 468px;
  max-width: 244px;
  object-fit: contain;
  transform-origin: bottom center;
  width: 100%;
}

@keyframes bottle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(4deg);
  }
}

.not-found-page__number {
  color: #cfd2d3;
  font-family: "Druk Cyr", "Montserrat", "Basis Grotesque Pro", Arial, Helvetica, sans-serif;
  font-size: 400px;
  font-style: normal;
  font-weight: 700;
  left: 51.5%;
  line-height: 1;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 43.5%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.not-found-page__title {
  color: #000;
  font-family: "Druk Cyr", "Montserrat", "Basis Grotesque Pro", Arial, Helvetica, sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
}

.not-found-page__subtitle {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 55px;
  text-align: center;
}

.not-found-page__buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width: 100%;
}

.main-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  background-color: #B12535;
  transition: 0.2s ease-in-out;
  line-height: 1;
  max-width: 240px;
  padding: 0 30px;
  width: fit-content;
  cursor: pointer;
}
#modal-18 {
  display: none;
}

@media (min-width: 1441px) and (max-width: 1480px) {
  .not-found-section .bestsellers {
    overflow: visible;
    padding-bottom: 30px;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .not-found-section .bestsellers {
    overflow: visible;
    padding-bottom: 30px;
  }

}

@media (max-width: 1366px) {
  .not-found-section .bestsellers {
    overflow: visible;
    padding-bottom: 30px;
  }
}

@media (max-width: 1280px) {
  .not-found-section .bestsellers {
    overflow: visible;
    padding-bottom: 30px;
  }
}

@media (min-width: 1025px) {
  .main-button:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(156,46,49,0.7);
  }
}
@media (max-width: 1024px) {
  .not-found-section .bestsellers {
    overflow: hidden;
    padding-bottom: 30px;
  }
}

@media (max-width: 970px) {
  .not-found-section .bestsellers {
    overflow: hidden;
    padding-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .not-found-section .bestsellers {
    overflow: hidden;
    padding-bottom: 30px;
  }

  .not-found-page {
      padding: 72px 20px 89px;
  }

  .not-found-page__number {
      font-size: 280px;
  }

  .not-found-page .not-found-page__img {
      max-height: 328px;
  }
}