@charset "UTF-8";
/*@font-face {
	font-family: 'Yesena One'; 
	src: local('Yesena One'), local('Yesena One'),
		url('../fonts/Yesena One.ttf'); 
}*/
@import url("https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.body-about,
.body-ingredients,
.body-menu,
.body-reviews,
.body-reservations,
.body-contacts,
.body-home {
  display: none;
}

.effect-darken {
  background-color: rgba(0, 0, 0, 0.87);
}

.up {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 15;
  transition: 2s;
}
.up:hover {
  cursor: pointer;
}
.up svg path {
  stroke: #c90;
}

.effect-show {
  display: block;
}

.container-modal {
  display: none;
  position: fixed;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}
.container-modal:hover {
  cursor: zoom-out;
}
.container-modal .modal {
  position: relative;
  background-color: white;
  box-sizing: border-box;
  z-index: 10;
}
.container-modal .modal:hover {
  cursor: default;
}
.container-modal .modal .big-foto {
  z-index: 10;
}
.container-modal .modal .close-window {
  position: absolute;
  padding: 2px;
  box-sizing: border-box;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: #302840;
}
.container-modal .modal .close-window .close {
  width: 20px;
  height: 20px;
  display: flex;
  flex-wrap: wrap;
  transition: 1s;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 10;
  background-color: #302840;
}
.container-modal .modal .close-window .close:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: white;
  transform: translateY(5px) rotate(45deg);
  transition: 1s;
}
.container-modal .modal .close-window .close:after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: white;
  transform: translateY(-5px) rotate(-45deg);
  transition: 1s;
}

.sety {
  display: flex;
  flex-direction: row;
}
.sety svg {
  height: 21px;
  fill: white;
  padding: 0 5px;
}
.sety svg:hover {
  cursor: pointer;
  fill: #c90;
}

.content-header {
  width: 297px;
  color: #ffffff;
  font-family: "Yeseva One";
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
}

.content-deco {
  width: 247px;
  margin: 0;
  padding: 16px 0 30px 0;
}

.content-text {
  max-width: 409px;
  color: #ffffff;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
}

h2 {
  color: #cc9900;
  font-family: "Yeseva One";
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.home2__img {
  max-width: 247px;
}

.home2__parag {
  max-width: 409px;
  text-align: center;
  color: #4c4c4c;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.podpis {
  font-family: "Lato";
  color: #ffffff;
  opacity: 0.84;
  font-size: 80%;
  padding-top: 50px;
}
.podpis:before {
  content: "−";
}

.wrapper {
  display: grid;
  grid-template: "bodies" 1fr "footer" minmax(320px, auto)/1fr;
  max-width: 100%;
  height: 100vh;
}
.wrapper .header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 100%;
  height: 159px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  transform: translateX(-50%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.87));
  transition-delay: 0.1s 2s;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  transition-delay: 1s;
  transition-property: background;
  transition: 2s;
}
.wrapper .header .head-container {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper .header .head-container .menu-items {
  display: flex;
  justify-self: flex-end;
}
.wrapper .header .head-container .menu-items .menu-item {
  height: 21px;
  color: #ffffff;
  font-family: "Gentium Book Basic";
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: justify;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  cursor: pointer;
  flex-basis: 50px;
  padding: 0 25px;
  position: relative;
}
.wrapper .header .head-container .menu-items .menu-item:hover {
  color: #c90;
}
.wrapper .header .head-container .menu-items .menu-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: transparent;
  transform: scale(0, 1) translateY(-61px);
  transition: 0.7s;
}
.wrapper .header .head-container .menu-items .menu-item:hover:before {
  content: "";
  background-color: #c90;
  transform: scale(1, 1) translateY(-61px);
}
.wrapper .hide {
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0.8));
  transition: 0.5s;
  transition-property: background;
  transition-delay: 1s;
}
.wrapper .bodies {
  grid-area: bodies;
}
.wrapper .bodies .body-home {
  display: grid;
  grid-template-rows: minmax(750px, auto) minmax(710px, auto) minmax(758px, auto) minmax(691px, auto) minmax(758px, auto) minmax(708px, auto);
  overflow: hidden;
}
.wrapper .bodies .body-home .home-common {
  position: relative;
}
.wrapper .bodies .body-home .home-common .home-1-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  background-image: url(../img/food-bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100%;
}
.wrapper .bodies .body-home .home-common .home-1-content {
  grid-column: 2/3;
  padding-top: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.wrapper .bodies .body-home .home-common .home-1-content img {
  object-fit: none;
  padding: 34px 0;
}
.wrapper .bodies .body-home .home-common .home-1-content h1 {
  padding: 0;
  margin: 0;
  max-width: 955px;
  opacity: 0.92;
  text-shadow: 1px 1px 2px rgba(1, 1, 1, 0.64);
  color: #ffffff;
  font-family: "Yeseva One";
  font-size: 90px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-home .home-common .home-1-content .buttons {
  margin: 0 auto;
}
.wrapper .bodies .body-home .home-common .home-1-content .buttons .head-buttons:hover {
  color: #c90;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.wrapper .bodies .body-home .home-common .home-1-content .buttons .book-table {
  border: 1px solid #000000;
  background-color: rgba(0, 0, 0, 0.2);
}
.wrapper .bodies .body-home .home-common .home-1-content .buttons .see-menu {
  border: 1px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
}
.wrapper .bodies .body-home .home-common .home-1-content .buttons button {
  height: 57px;
  width: 228px;
  color: #ffffff;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}
.wrapper .bodies .body-home .home-2 {
  position: relative;
}
.wrapper .bodies .body-home .home-2 .home-2-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  z-index: 1;
  background-image: url(../img/bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  align-content: center;
}
.wrapper .bodies .body-home .home-2 .home-2-content {
  grid-column: 2/3;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.wrapper .bodies .body-home .home-2 .home-2-content .home2-left {
  flex-basis: 70%;
  max-width: 585px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapper .bodies .body-home .home-2 .home-2-content .home2-left .home2__imgCook {
  max-width: 219px;
  transform: translateX(25px);
}
.wrapper .bodies .body-home .home-2 .home-2-content .home2-right {
  height: 100%;
  padding-top: 55px;
}
.wrapper .bodies .body-home .home-2 .home-2-content .home2-right .home2__imgDish {
  width: 100%;
}
.wrapper .bodies .body-home .home-3 {
  position: relative;
}
.wrapper .bodies .body-home .home-3 .home-3-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  background-image: url(../img/food-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.wrapper .bodies .body-home .home-3 .home-3-content {
  grid-column: 2/3;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: end;
  align-items: center;
}
.wrapper .bodies .body-home .home-3 .home-3-content .content-wrapper-3 {
  align-items: center;
  display: flex;
  flex-basis: 557px;
  flex-direction: column;
  max-width: 570px;
  height: 400px;
  background-color: rgba(0, 0, 0, 0.63);
  padding-top: 83px;
}
.wrapper .bodies .body-home .home-4 {
  position: relative;
  height: 100%;
}
.wrapper .bodies .body-home .home-4 .home-4-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  background-image: url(../img/bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.wrapper .bodies .body-home .home-4 .home-4-content {
  grid-column: 2/3;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-left {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  max-width: 585px;
  justify-content: center;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-left .home-4-img {
  display: flex;
  flex-direction: row;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-left .home-4-img img {
  height: 110px;
  width: auto;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-left .home4__img {
  max-width: 247px;
  margin: 0 auto;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-right {
  flex-basis: 50%;
  width: auto;
  max-height: 691px;
}
.wrapper .bodies .body-home .home-4 .home-4-content .home4-right .home4__imgDish {
  width: 100%;
}
.wrapper .bodies .body-home .home-5 {
  position: relative;
}
.wrapper .bodies .body-home .home-5 .home-5-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  background-image: url(../img/food-bg-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.wrapper .bodies .body-home .home-5 .home-5-content {
  grid-column: 2/3;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container {
  flex-basis: 750px;
  max-width: 750px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.63);
  padding: 82px 74px 103px 74px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container h2 {
  margin: 0 auto;
  /*width: 260px;*/
  height: 28px;
  color: #ffffff;
  font-family: "Yeseva One";
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container img {
  padding: 23px 0 30px 0;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container p {
  margin: 0 auto;
  width: 100%;
  color: #dde0df;
  font-family: "Gentium Book Basic";
  font-size: 25px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 45px;
  font-family: "Gentium Book Basic - Bold";
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  color: #ffffff;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .podpis {
  padding-top: 10px;
  font-size: 80%;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .slide-1 {
  display: block;
  position: absolute;
  transition: 1s;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .slide-1:first-child {
  transform: unset;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .slide-1:not(:first-child) {
  transform: translateX(120%);
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .show {
  display: block;
  transform: translateX(-100%);
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .text-karusel-1 {
  display: flex;
  position: relative;
  height: 114px;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .circles-1 {
  display: flex;
  width: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(50px);
  justify-content: space-between;
  justify-items: center;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .circles-1 .circl {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: grey;
  transition: 0.5s;
}
.wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .circles-1 .circl:first-child {
  background-color: white;
}
.wrapper .bodies .body-home .home-6 {
  position: relative;
}
.wrapper .bodies .body-home .home-6 .home-6-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  background-image: url(../img/bg-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.wrapper .bodies .body-home .home-6 .home-6-content {
  grid-column: 2/3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container {
  display: flex;
  width: 100%;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-left {
  flex-basis: 50%;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right {
  flex-basis: 50%;
  width: 100%;
  text-align: center;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right h2 {
  margin: 0;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right p {
  margin: 0;
  padding-bottom: 11.5px;
  color: #51575b;
  font-family: "Lato", sans-serif;
  line-height: 1.7142857143;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form {
  width: 100%;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: bold;
  color: #51575b;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label br {
  margin-bottom: 10px;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input {
  width: 100%;
  box-sizing: border-box;
  border: 1.15px solid grey;
  padding: 6px 16px;
  border: 1px solid #c8c6c6;
  line-height: 36px;
  background-color: transparent;
  color: #7c7c7c;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input:focus {
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=date] {
  color: transparent;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=date]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=time] {
  color: transparent;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=time]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input::-webkit-outer-spin-button,
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=number] {
  -moz-appearance: textfield;
  color: transparent;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .form label input[type=number]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .button {
  min-width: 160px;
  height: 47px;
  background-color: #c89f2d;
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right form .button:hover {
  cursor: pointer;
  background-color: #755d1a;
}
.wrapper .bodies .body-about {
  display: grid;
  grid-template-rows: minmax(500px, auto) minmax(1100px, auto) minmax(303px, auto) minmax(685px, auto);
  align-items: content;
  position: relative;
}
.wrapper .bodies .body-about .ba-item-content {
  grid-column: 2/3;
  z-index: 1;
}
.wrapper .bodies .body-about .ba-item-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
  width: 100%;
}
.wrapper .bodies .body-about .submenu-container {
  text-align: center;
}
.wrapper .bodies .body-about .submenu-container h2 {
  margin: 0;
  font-size: 36px;
  line-height: 48px;
  padding-top: 20px;
}
.wrapper .bodies .body-about .submenu-container img {
  padding-top: 15px;
  padding-bottom: 15px;
}
.wrapper .bodies .body-about .submenu-container .sbm-items {
  margin-bottom: 45px;
}
.wrapper .bodies .body-about .submenu-container .sbm-items .sbm-name-price {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrapper .bodies .body-about .submenu-container .sbm-items .sbm-name-price p {
  padding-bottom: 4px;
  color: #c90;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
}
.wrapper .bodies .body-about .submenu-container .sbm-items p {
  margin: 0;
}
.wrapper .bodies .body-about .submenu-container .sbm-items .sbmi-description {
  text-align: left;
  padding-top: 4px;
  font-size: 16px;
  color: #51575b;
}
.wrapper .bodies .body-about .about-header {
  grid-row: 1;
}
.wrapper .bodies .body-about .about-header .about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wrapper .bodies .body-about .about-header .about-content h1 {
  color: rgba(255, 255, 255, 0.84);
  font-size: 96px;
  margin: 0;
  line-height: 1.2;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  text-transform: none;
  padding-bottom: 20px;
}
.wrapper .bodies .body-about .about-header .about-content img {
  object-fit: none;
}
.wrapper .bodies .body-about .about-header .about-bg {
  background-image: url(../img/header.jpg);
}
.wrapper .bodies .body-about .about-menu {
  grid-row: 2;
}
.wrapper .bodies .body-about .about-menu .about-menu-content {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(auto, 488px));
  grid-auto-rows: minmax(100px, auto);
  grid-auto-flow: dense;
  justify-content: space-between;
  grid-gap: 30px 10px;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref {
  max-width: 488px;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-1 .sbi-3,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-2 .sbi-4,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-3 .sbi-3 {
  position: relative;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-1 .sbi-3:before,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-2 .sbi-4:before,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-3 .sbi-3:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateX(-50%) translateY(-18%);
  border: 1px solid #c90;
  padding: 12px;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-1 .sbi-3:after,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-2 .sbi-4:after,
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-3 .sbi-3:after {
  content: "Рекомендация Шеф-повара";
  position: absolute;
  top: -36px;
  right: -13px;
  line-height: 24px;
  background-color: #c90;
  color: white;
  padding: 0 12px;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu-pref .sbm-2 .sbi-4:after {
  content: "Рекомендуется";
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu1 {
  min-height: 300px;
  grid-row: span 4;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu2 {
  min-height: 500px;
  grid-row: span 5;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu3 {
  min-height: 400px;
  grid-row: span 4;
}
.wrapper .bodies .body-about .about-menu .about-menu-content .submenu4 {
  min-height: 300px;
  grid-row: span 3;
}
.wrapper .bodies .body-about .about-menu .about-menu-bg {
  background-image: url(../img/bg-4.jpg);
}
.wrapper .bodies .body-about .about-special-dishes {
  grid-row: 3;
}
.wrapper .bodies .body-about .about-special-dishes .about-special-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wrapper .bodies .body-about .about-special-dishes .about-special-content h1 {
  color: rgba(255, 255, 255, 0.84);
  font-size: 60px;
  line-height: 1.2;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  text-transform: none;
  margin: 0;
}
.wrapper .bodies .body-about .about-special-dishes .about-special-content img {
  object-fit: none;
}
.wrapper .bodies .body-about .about-special-dishes .about-special-bg {
  background-image: url(../img/food-bg-1.jpg);
}
.wrapper .bodies .body-about .about-menu-special-dishes {
  grid-row: 4;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content {
  display: flex;
  height: 100%;
  align-items: center;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item {
  display: flex;
  height: 100%;
  align-items: center;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item img {
  border-radius: 50%;
  max-width: 60px;
  height: auto;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item .asdc-description {
  padding-left: 10px;
  width: 100%;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item .asdc-name-price {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item .asdc-name-price p {
  padding-bottom: 4px;
  color: #c90;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item p {
  margin: 0;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-item .asdc-desc-text {
  text-align: left;
  padding-top: 4px;
  font-size: 16px;
  color: #51575b;
}
.wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-container {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(auto-fit, minmax(auto, 488px));
  grid-auto-rows: minmax(50px, auto);
  grid-auto-flow: dense;
  justify-content: space-between;
  grid-gap: 30px 10px;
  padding: 40px 0;
}
.wrapper .bodies .body-reservations {
  display: grid;
  grid-template-rows: minmax(500px, auto) minmax(580px, auto) minmax(414px, auto) minmax(580px, auto);
  align-items: content;
  position: relative;
}
.wrapper .bodies .body-reservations .br-columns {
  position: relative;
}
.wrapper .bodies .body-reservations .br-content {
  position: relative;
  grid-column: 2/3;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.wrapper .bodies .body-reservations .br-content h1 {
  color: rgba(255, 255, 255, 0.84);
  font-size: 96px;
  margin: 0;
  line-height: 1.2;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  text-transform: none;
  padding-bottom: 20px;
}
.wrapper .bodies .body-reservations .br-content img {
  object-fit: none;
}
.wrapper .bodies .body-reservations .br-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
}
.wrapper .bodies .body-reservations .brh-bg {
  background-image: url("../img/food-bg-3.jpg");
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container {
  display: flex;
  width: 100%;
  align-items: top;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-left {
  flex-basis: 50%;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right {
  flex-basis: 50%;
  width: 100%;
  text-align: center;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right h2 {
  margin: 0;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right p {
  margin: 0;
  padding-bottom: 11.5px;
  color: #51575b;
  font-family: "Lato", sans-serif;
  line-height: 1.7142857143;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form {
  width: 100%;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: bold;
  color: #51575b;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label br {
  margin-bottom: 10px;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input {
  width: 100%;
  box-sizing: border-box;
  border: 1.15px solid grey;
  padding: 6px 16px;
  border: 1px solid #c8c6c6;
  line-height: 36px;
  background-color: transparent;
  color: #7c7c7c;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input:focus {
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=date] {
  color: transparent;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=date]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=time] {
  color: transparent;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=time]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input::-webkit-outer-spin-button,
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=number] {
  -moz-appearance: textfield;
  color: transparent;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .form label input[type=number]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .button {
  min-width: 160px;
  height: 47px;
  background-color: #c89f2d;
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right form .button:hover {
  cursor: pointer;
  background-color: #755d1a;
}
.wrapper .bodies .body-reservations .brq-bg {
  background-image: url("../img/food-bg-2.jpg");
}
.wrapper .bodies .body-reservations .brq-bg .brq-container {
  width: 750px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.63);
  padding: 50px 74px 50px 74px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container p {
  margin: 0 auto;
  max-width: 100%;
  color: #dde0df;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .podpis {
  padding-top: 10px;
  font-size: 80%;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .slide-1 {
  display: block;
  position: absolute;
  transition: 1s;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .slide-1:first-child {
  transform: unset;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .slide-1:not(:first-child) {
  transform: translateX(120%);
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .show {
  display: block;
  transform: translateX(-100%);
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .text-karusel-2 {
  display: flex;
  position: relative;
  height: 114px;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .circles-2 {
  display: flex;
  width: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(0px);
  justify-content: space-between;
  justify-items: center;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .circles-2 .circl {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: grey;
  transition: 0.5s;
}
.wrapper .bodies .body-reservations .brq-bg .brq-container .circles-2 .circl:first-child {
  background-color: white;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: top;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-left {
  flex-basis: 50%;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right {
  flex-basis: 50%;
  width: 100%;
  text-align: center;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right h2 {
  margin: 0;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right p {
  margin: 0;
  padding-bottom: 11.5px;
  color: #51575b;
  font-family: "Lato", sans-serif;
  line-height: 1.7142857143;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form {
  width: 100%;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: bold;
  color: #51575b;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label br {
  margin-bottom: 10px;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input {
  width: 100%;
  box-sizing: border-box;
  border: 1.15px solid grey;
  padding: 6px 16px;
  border: 1px solid #c8c6c6;
  line-height: 36px;
  background-color: transparent;
  color: #7c7c7c;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input:focus {
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=date] {
  color: transparent;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=date]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=time] {
  color: transparent;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=time]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input::-webkit-outer-spin-button,
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=number] {
  -moz-appearance: textfield;
  color: transparent;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .form label input[type=number]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .button {
  min-width: 160px;
  height: 47px;
  background-color: #c89f2d;
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right form .button:hover {
  cursor: pointer;
  background-color: #755d1a;
}
.wrapper .bodies .body-reviews {
  display: grid;
  grid-template-rows: minmax(500px, auto) minmax(300px, auto);
  align-items: content;
  position: relative;
}
.wrapper .bodies .body-reviews .br-columns {
  position: relative;
}
.wrapper .bodies .body-reviews .br-content {
  position: relative;
  grid-column: 2/3;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.wrapper .bodies .body-reviews .br-content h1 {
  color: rgba(255, 255, 255, 0.84);
  font-size: 96px;
  margin: 0;
  line-height: 1.2;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  text-transform: none;
  padding-bottom: 20px;
}
.wrapper .bodies .body-reviews .br-content img {
  object-fit: none;
}
.wrapper .bodies .body-reviews .br-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
}
.wrapper .bodies .body-reviews .br-header-bg {
  background-image: url(../img/food-bg-4.jpg);
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(auto-fit, minmax(390px, auto));
  justify-content: center;
  align-items: center;
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content div {
  position: relative;
  overflow: hidden;
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content div .img-hover {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 98%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  font-size: 18px;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  transition: 0.5s;
  cursor: pointer;
  text-align: center;
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content div .img-hover:hover {
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content img {
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
}
.wrapper .bodies .body-reviews .br-gallery-br .br-gallery-content img:hover {
  cursor: pointer;
}
.wrapper .bodies .body-contacts {
  display: grid;
  grid-template-rows: minmax(500px, auto) minmax(660px, auto) minmax(735px, auto) minmax(400px, auto);
  align-items: content;
  position: relative;
}
.wrapper .bodies .body-contacts .bc-columns {
  position: relative;
}
.wrapper .bodies .body-contacts .bc-content {
  position: relative;
  grid-column: 2/3;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.wrapper .bodies .body-contacts .bc-content h1 {
  color: rgba(255, 255, 255, 0.84);
  font-size: 96px;
  margin: 0;
  line-height: 1.2;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  text-transform: none;
  padding-bottom: 20px;
}
.wrapper .bodies .body-contacts .bc-content img {
  object-fit: none;
}
.wrapper .bodies .body-contacts .bc-bg {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
}
.wrapper .bodies .body-contacts .bc-header-bg {
  background-image: url(../img/food-bg-2.jpg);
}
.wrapper .bodies .body-contacts .bc-getInTouch {
  display: flex;
  height: 100%;
  align-items: center;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: top;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-left {
  flex-basis: 50%;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  gap: 30px;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-left img {
  flex-basis: 45%;
  object-fit: cover;
  height: auto;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right {
  flex-basis: 50%;
  width: 100%;
  text-align: center;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right h2 {
  margin: 0;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right p {
  margin: 0;
  padding-bottom: 11.5px;
  color: #51575b;
  font-family: "Lato", sans-serif;
  line-height: 1.7142857143;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form {
  width: 100%;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: bold;
  color: #51575b;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label br {
  margin-bottom: 10px;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input {
  width: 100%;
  box-sizing: border-box;
  border: 1.15px solid grey;
  padding: 6px 16px;
  border: 1px solid #c8c6c6;
  line-height: 36px;
  background-color: transparent;
  color: #7c7c7c;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input:focus {
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=date] {
  color: transparent;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=date]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=time] {
  color: transparent;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=time]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input::-webkit-outer-spin-button,
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=number] {
  -moz-appearance: textfield;
  color: transparent;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .form label input[type=number]:focus {
  color: #7c7c7c;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .button {
  min-width: 160px;
  height: 47px;
  background-color: #c89f2d;
  border: 1px solid #c89f2d;
}
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right form .button:hover {
  cursor: pointer;
  background-color: #755d1a;
}
.wrapper .bodies .body-contacts .home-3 {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  position: relative;
}
.wrapper .bodies .body-contacts .home-3 .home-3-bg {
  grid-column: 1/4;
  background-image: url(../img/food-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content {
  grid-column: 2/3;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: end;
  align-items: center;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content .content-wrapper-3 {
  align-items: center;
  display: flex;
  flex-basis: 750px;
  box-sizing: border-box;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.63);
  padding: 35px 15px;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content .content-wrapper-3 p {
  color: rgba(255, 255, 255, 0.84);
  margin: 0;
  font-family: "Yeseva One", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  max-width: 100%;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content .content-wrapper-3 .work-time {
  text-align: center;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content .content-wrapper-3 .work-time p:nth-child(2n+1) {
  font-weight: bold;
  padding: 23px 0 11px 0;
}
.wrapper .bodies .body-contacts .home-3 .home-3-content .content-wrapper-3 .work-time p:last-child {
  padding-bottom: 11px;
}
.wrapper .bodies .body-contacts .bc-map {
  background-color: grey;
}
.wrapper .bodies .body-contacts .bc-map .map {
  height: 100%;
  width: 100%;
}
.wrapper .footer {
  grid-area: footer;
  background-color: #191919;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1170px) 1fr;
  height: 100%;
}
.wrapper .footer .footer-container {
  grid-column: 2;
  display: flex;
  justify-content: space-around;
  padding-top: 61px;
  padding-bottom: 72px;
}
.wrapper .footer .footer-container .footer-decor {
  padding: 21px 0 23px 0;
}
.wrapper .footer .footer-container .footer-head {
  color: #fefefe;
  font-family: "Yeseva One";
  font-size: 21px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  margin: 0;
}
.wrapper .footer .footer-container .footer-text {
  color: rgba(255, 255, 255, 0.6);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  margin: 0;
}
.wrapper .footer .footer-container .footer-text span {
  color: white;
  font-weight: bold;
}
.wrapper .footer .footer-container .footer-left,
.wrapper .footer .footer-container .footer-center,
.wrapper .footer .footer-container .footer-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 33%;
}
.wrapper .footer .footer-container .footer-left {
  max-width: 343px;
}
.wrapper .footer .footer-container .footer-right .footer-text {
  font-weight: bold;
}
.wrapper .footer .footer-container .footer-ico {
  margin-top: auto;
}
.wrapper .footer .footer-container .footer-ico img:hover {
  cursor: pointer;
}

@media (max-width: 1150px) {
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container {
    justify-content: center;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-left {
    flex-basis: 20%;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-left img:nth-of-type(1) {
    display: none;
  }
  .wrapper .bodies .body-about .about-menu .about-menu-content {
    justify-content: center;
  }

  .wrapper .bodies .body-about .about-special-dishes .about-special-content h1 {
    text-align: center;
  }

  .wrapper .bodies .body-about .about-menu-special-dishes .about-special-dishes-content .asdc-container {
    justify-content: center;
  }

  .wrapper .header .head-container .menu-items {
    padding: 0;
  }

  .wrapper .header .head-container .menu-items .menu-item {
    padding: 0 10px;
  }
}
@media (max-width: 890px) {
  .wrapper {
    height: 100%;
  }
  .wrapper .header {
    background-color: rgba(0, 0, 0, 0.87);
  }
  .wrapper .header .head-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
  }
  .wrapper .header .head-container .navigation {
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .wrapper .header .head-container .navigation .burger-ico {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 20px;
    width: 32px;
    height: 32px;
    padding-right: 30px;
  }
  .wrapper .header .head-container .navigation .burger-ico:hover {
    cursor: pointer;
  }
  .wrapper .header .head-container .navigation .burger-ico i {
    display: inline-block;
    height: 3px;
    width: 100%;
    border-radius: 1px;
    background-color: white;
    transition: 0.5s;
    transition-property: transform, opacity;
  }
  .wrapper .header .head-container .navigation .krestik i:nth-child(1) {
    cursor: pointer;
    transform: translateY(14px) rotate(45deg);
  }
  .wrapper .header .head-container .navigation .krestik i:nth-child(2) {
    cursor: pointer;
    opacity: 0;
  }
  .wrapper .header .head-container .navigation .krestik i:nth-child(3) {
    cursor: pointer;
    transform: translateY(-14px) rotate(-45deg);
  }
  .wrapper .header .head-container .navigation .menu-items {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    transform-origin: -50% 0;
    transform: scale(1, 1);
    transition-delay: 1s;
    transition-property: transform;
    transition: 1s;
  }
  .wrapper .header .head-container .navigation .menu-items .menu-item {
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.87);
    width: 100%;
    text-align: left;
  }
  .wrapper .header .head-container .navigation .menu-items .menu-item:hover {
    background-color: rgba(51, 51, 51, 0.8);
  }
  .wrapper .header .head-container .navigation .menu-items .menu-item:hover:before {
    background-color: transparent;
  }
  .wrapper .header .head-container .navigation .menu-hide {
    opacity: 0;
    transform: scale(1, 0) translateY(-50px);
  }
  .wrapper .header .head-container .sety {
    display: none;
  }
  .wrapper .bodies .body-home .home-2 .home-2-content {
    flex-direction: column;
    align-items: center;
  }
  .wrapper .bodies .body-home .home-3 {
    width: 100%;
  }
  .wrapper .bodies .body-home .home-3 .home-3-bg .home-3-content {
    justify-content: center;
  }
  .wrapper .bodies .body-home .home-4 .home-4-content {
    flex-direction: column;
  }
  .wrapper .bodies .body-home .home-4 .home-4-content .home4-right {
    max-width: 585px;
  }
  .wrapper .bodies .body-home .home-4 .home-4-content .home4-right .home4__imgDish {
    width: 100%;
  }
  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container {
    flex-basis: 650px;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container {
    flex-direction: column-reverse;
    align-items: center;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-left {
    display: none;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right {
    max-width: 500px;
  }
  .wrapper .footer {
    justify-items: center;
  }
  .wrapper .footer .footer-container {
    flex-direction: column;
  }
  .wrapper .footer .footer-container div:not(:first-child) .footer-head {
    padding-top: 50px;
  }
  .wrapper .footer .footer-container .footer-left,
.wrapper .footer .footer-container .footer-center,
.wrapper .footer .footer-container .footer-right {
    flex-basis: none;
  }
  .wrapper .bodies .body-about .about-menu .about-menu-content {
    justify-content: center;
  }

  .wrapper .bodies .body-reservations .brf1-bg .brf1-6-container {
    flex-direction: column;
  }

  .wrapper .bodies .body-reservations .brq-bg .brq-container {
    width: 100%;
  }

  .wrapper .bodies .body-reservations .brf2-bg .brf2-6-container {
    flex-direction: column;
  }

  .wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container {
    flex-direction: column;
  }

  .wrapper .bodies .body-reservations .br-columns {
    padding: 30px 0;
  }

  .wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container {
    padding: 30px 0;
  }

  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container {
    box-sizing: border-box;
  }

  .wrapper .footer .footer-container .footer-ico {
    padding-top: 30px;
  }

  .wrapper .bodies .body-reservations .br-content h1 {
    font-size: 50px;
  }

  .wrapper .bodies .body-reservations .br-content img {
    width: 100%;
  }

  .wrapper .bodies .body-reservations .brq-bg .brq-container {
    padding: 30px 0 60px 0;
  }

  .wrapper .bodies .body-reservations .brq-bg .brq-container .circles-2 {
    width: 15%;
    transform: translateY(30px);
  }

  .wrapper .bodies .body-home .home-common .home-1-content .buttons {
    text-align: center;
  }

  .wrapper .bodies .body-reviews .br-content h1,
.wrapper .bodies .body-contacts .bc-content h1 {
    font-size: 80px;
  }

  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container {
    padding: 30px 0 80px 0;
  }

  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .circles-1 {
    transform: translateY(45px);
  }

  .wrapper .header {
    position: absolute;
  }

  .wrapper .header .head-container .head-logo img {
    padding-left: 30px;
  }

  .wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right,
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right,
.wrapper .bodies .body-contacts .bc-getInTouch .brf2-bg .brf2-6-container .h6-right {
    padding-top: 30px;
  }

  .wrapper .bodies .body-reservations .brf1-bg .brf1-6-container .h6-right h2,
.wrapper .bodies .body-reservations .brf2-bg .brf2-6-container .h6-right h2 {
    padding-bottom: 30px;
  }

  .wrapper .bodies .body-home .home-4 .home-4-content .home4-left .home-4-img {
    padding-left: 0;
  }

  .wrapper .bodies .body-home .home-3 .home-3-content .content-wrapper-3 {
    padding: 30px 10px;
    height: auto;
  }

  .wrapper .bodies .body-home .home-2 .home-2-content .home2-right {
    padding: 30px 0;
  }

  .wrapper .bodies .body-home .home-common .home-1-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 700px) {
  .wrapper .bodies .body-home .home-1 .home-1-content h1 {
    font-size: 65px;
  }
  .wrapper .bodies .body-home .home-2 .home-2-content {
    flex-direction: column;
    align-items: center;
  }
  .wrapper .bodies .body-home .home-3 {
    width: 100%;
  }
  .wrapper .bodies .body-home .home-3 .home-3-bg .home-3-content {
    justify-content: center;
  }
  .wrapper .bodies .body-home .home-4 .home-4-content {
    flex-direction: column;
  }
  .wrapper .bodies .body-home .home-4 .home-4-content .home4-right {
    max-width: 585px;
  }
  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container {
    flex-basis: 450px;
  }
  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .slide-1 .podpis {
    padding-top: 25px;
  }
  .wrapper .bodies .body-home .home-5 .home-5-content .home-5-container .circles-1 {
    width: 15%;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container {
    flex-direction: column-reverse;
    align-items: center;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-left {
    display: none;
  }
  .wrapper .bodies .body-home .home-6 .home-6-content .home-6-container .h6-right {
    max-width: 500px;
  }
  .wrapper .footer {
    justify-items: center;
  }
  .wrapper .footer .footer-container {
    flex-direction: column;
  }
  .wrapper .footer .footer-container .footer-left,
.wrapper .footer .footer-container .footer-center,
.wrapper .footer .footer-container .footer-right {
    flex-basis: none;
  }
  .wrapper .bodies .body-home .home-1 .home-1-content h1 {
    font-size: 50px;
  }

  .wrapper .bodies .body-about .about-header .about-content h1 {
    font-size: 80px;
  }

  .wrapper .bodies .body-about .about-special-dishes .about-special-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .wrapper .bodies .body-home .home-common .home-1-content .buttons .book-table {
    margin-bottom: 15px;
  }

  .wrapper .bodies .body-home .home-common .home-1-content h1,
.wrapper .bodies .body-reservations .br-content h1,
.wrapper .bodies .body-about .about-special-dishes .about-special-content h1 {
    font-size: 40px;
  }

  .wrapper .bodies .body-reviews .br-content h1, .wrapper .bodies .body-contacts .bc-content h1 {
    font-size: 60px;
  }

  .wrapper .bodies .body-reviews .br-content h1, .wrapper .bodies .body-contacts .bc-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 500px) {
  .wrapper .bodies .body-home .home-1 .home-1-content h1 {
    font-size: 35px;
  }
}