.cont1 {
  max-width: 1170px;
  margin: auto;
  padding: 60px 0;
}

.cont2 {
  max-width: 1170px;
  margin: auto;
  padding: 60px 0;
  display: none;
}

.cont_assortment {
  list-style-type: none;
  display: flex;
  overflow: hidden;
  margin: auto;
  padding: inherit;
}

li {
  /* transform-origin: right left; */
  /* transform: skewX(-15deg); */
}

.cont_assortment .assortment_info {
  width: 25%;
  transform: all 200ms ease;
  cursor: pointer;
}

.cont_assortment:hover .assortment_info {
  width: 25%;
}

.cont_assortment .assortment_info:hover {
  width: 80%;
}
/* ----------------- */
.container {
  position: relative;
  max-width: 1200px;
  height: 400px;
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: 50% 20%; */
}

.container:hover .overlay {
  opacity: 1;
}

.image {
  display: block;
  max-width: 1200px;
  max-height: 400px;
}

.overlay {
  opacity: 0;
  height: 400px;
  padding: 20px 0 0;
  background: rgb(17 17 19 / 72%);
  transition: 0.5s ease;
}

.container:hover .overlay {
  opacity: 1;
}

.container:hover .text_nav {
  opacity: 1;
}

.text_nav {
  margin: 0%;
  /* margin-top: 80%; */
  padding: 10px 0;
  max-width: 300px;
  background-color: #b2d119;
  font-size: 25px;
  color: #fdfdfd;
  transition: 0.6s ease;
  text-align: center;
  webkit-transition: color 0.5s ease, padding 0.5s ease;
  -moz-transition: color 0.5s ease, padding 0.5s ease;
  transition: color 0.5s ease, padding 0.5s ease;
}

/* ------------------------------ */
/* ------------------------------ */
.img1 {
  background-image: url(https://food-fresh.ru/sites/default/files/vidprod/krupy.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img2 {
  background-image: url(https://avatars.dzeninfra.ru/get-zen_doc/10073791/pub_6492b5416d418274f9de75a6_6492b776d1c97f70d7d08b2a/scale_1200);
  background-size: cover;
  background-repeat: no-repeat;
}

.img3 {
  background-image: url(https://www.bytovaya-himiya.ru/wp-content/uploads/2018/10/bytovaya-himiya-klassifikatsiya.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img4 {
  background-image: url(https://xn----8sbnnbambfrmllc0aj3a1a.xn--p1ai/wp-content/uploads/2022/12/top-view-healthy-food-for-immunity-boosting-composition-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img5 {
  background-image: url(https://espanarusa.com/files/autoupload/0/75/47/05qeldvp428263.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img6 {
  background-image: url(https://dalnegorsk-mo.ru/media/resized/f7P5l4BU3yewo7m4xlOBdOqAUUZT1UTGt7x-mQjsbf8/rs:fit:1024:768/aHR0cHM6Ly9kYWxu/ZWdvcnNrLW1vLnJ1/L21lZGlhL3Byb2pl/Y3RfbW9fMTc1LzUy/L2Q4L2NiLzk4L2Nj/Lzc3LzRjNzAzMzM2/ZTU4MzQxMDhhNDhk/MzhhN2EzZTAxYWNj/LmpwZw.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img7 {
  background-image: url(https://cdnstatic.rg.ru/uploads/images/193/47/10/iStock-945120950.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.img8 {
  background-image: url(https://prcl.ru/mt-content/uploads/2018/08/zamorozhennye-smesi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
/* ------------------------------ */
/* ------------------------------ */
/* медиа */
@media (max-width: 799px) {
  .cont2 {
    display: block;
  }
  .cont1 {
    display: none;
  }
  .cont_assortment {
    margin-bottom: 5px;
    padding: unset;
  }

  .cont_assortment .assortment_info {
    width: 35%;
    transform: all 200ms ease;
    cursor: pointer;
  }

  .cont_assortment:hover .assortment_info {
    width: 100%;
  }
}
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
.slideshow {
  width: 100%;
  height: 900px;
  position: relative;
  overflow: hidden;
  background: #000;
  margin: 0;
}
.slideshow-item {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  animation: slideanim 40s infinite;
  pointer-events: none;
}
.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img {
  animation-delay: 0;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img {
  animation-delay: 10s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img {
  animation-delay: 20s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img {
  animation-delay: 30s;
}
.slideshow-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: zoom 10s infinite;
}
.slideshow-item-text {
  /* display: none; */
  width: 100%;
  /* max-width: 50%; */
  position: absolute;
  bottom: 120px;
  left: 0px;
  /* background-color: rgba(0, 0, 0, 0.7); */
  color: #fff;
  padding: 20px 30px;
  font-family: Verdana, sans-serif;
}
.slideshow-item-text h5 {
  font-size: 22px;
  margin: 0 0 10px 0;
  color: #bfe2ff;
}
.slideshow-item-text p {
  font-size: 15px;
  margin-bottom: 10px;
}
@keyframes slideanim {
  12.5% {
    opacity: 1;
    pointer-events: auto;
  }
  25% {
    opacity: 1;
    pointer-events: auto;
  }
  37.5% {
    opacity: 0;
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.3);
  }
}
@media screen and (max-width: 1100px) {
  .slideshow-item-text {
    /* max-width: 75%; */
  }
}
@media screen and (max-width: 456px) {
  .slideshow-item-text {
    bottom: 0;
    left: 0;
    /* max-width: 100%; */
  }
  .slideshow-item-text h5 {
    font-size: 18px;
  }
  .slideshow-item-text p {
    font-size: 13px;
  }
}

/* @keyframes slideanim {
  7.15% {
    opacity: 1;
    pointer-events: auto;
  }
  14.3% {
    opacity: 1;
    pointer-events: auto;
  }
  19.5% {
    opacity: 1;
  }
}
@keyframes zoom {
  28.5% {
    transform: scale(1.3);
  }
} */

.btn_bot a:after {
  top: 40px;
}

.btn_bot a:before {
  top: 40px;
}

/* ----------------------------------------------- */
/* ----------------------------------------------- */
.top-menu-wrap,
.header_container {
  z-index: 11;
  background: rgba(19, 17, 18, 0.7) !important;
}
.dishes_menu_wrap2 {
  top: -212px;
}

@media (max-width: 374px) {
  .btn_bot {
    left: -30px !important;
  }
}

/* -----------------------------------------------*/
/* -----------------------------------------------*/
/* .slideshow-item-text {
  animation: myAnim 1s ease 0s 1 normal forwards;
}

@keyframes myAnim {
  0% {
    opacity: 0;
    transform: translateY(-250px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

  0% {
    opacity: 0;
    transform: translateY(-250px);
  }
} */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
.header_container {
  display: flex;
}

.header_text2 {
  left: 0;
}

.tele {
  display: flex;
  justify-content: end;
}

.head_info {
  display: flex;
  gap: 5px;
  cursor: pointer;
}

.img_head {
  width: 26px;
  height: 23px;
}

.header_text_info2 {
  font: 500 17px/22px 'Wix Madefor Display', sans-serif;
  padding: 0;
  margin: 0;
}

.header_text3 {
  display: grid;
  height: auto;
  gap: 4px;
  grid-template-columns: repeat(2, 1fr);
}

.header_text4 {
  display: none;
}

.header_text5 {
  display: flex;
  gap: 15px;
  flex-direction: column;
}

/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
@media (max-width: 1160px) {
  .header_text3 {
    display: none;
  }
  .header_text4 {
    padding: 10px 0 0;
    gap: 5px;
    display: block;
    display: grid;
    height: auto;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 756px) {
  .header_container {
    display: flex;
    flex-direction: column;
  }
  .texst_a {
    text-align: justify;
  }

  .tele {
    display: inline;
  }

  .header_text4 {
    grid-template-columns: repeat(1, 1fr);
    margin: 10px 0 20px;
  }
}

@media (max-width: 638px) {
  .head_info {
    justify-content: center;
  }

  .header_text3 {
    padding: 10px 0 0;
  }

  .header_text3 {
    display: none;
  }
}

@media (max-width: 638px) {
  .header_text3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* -------------------------------------------------------------- */