.body {
  color: #b1dee6;
  background-color: #000;
  font-family: baskerville-display-pt, sans-serif;
}

.body.jar {
  color: #000;
  background-color: #8dc6e8;
}

.logoimage {
  width: 100px;
  position: relative;
}

.key {
  z-index: auto;
  opacity: 0;
  display: block;
  position: fixed;
}

.cover {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.videocover {
  width: 24%;
  padding-top: 44%;
  position: relative;
}

.videocover._2 {
  background-image: none;
  width: 50%;
  padding-top: 25%;
}

.logo {
  z-index: 1000;
  margin-left: -55px;
  position: fixed;
  top: 70px;
  left: 50%;
}

.logo.w--current {
  top: 39px;
}

.slogan {
  font-family: baskerville-display-pt, sans-serif;
  font-size: 2.9vw;
  line-height: 82%;
  position: absolute;
  inset: auto -24% 37% auto;
}

.slogan._2 {
  font-size: 2.5vw;
  line-height: 85%;
  right: -11%;
}

.span1 {
  position: relative;
  left: -31%;
}

.span1._2 {
  top: 2px;
  left: -12px;
}

.span2 {
  position: relative;
}

.span3 {
  position: relative;
  left: -22%;
}

.span3._2 {
  top: 5px;
  left: -46px;
}

.text {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 15%;
  padding-bottom: 15%;
  display: flex;
}

.paragraph {
  width: 50%;
  margin-bottom: 0;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 29px;
  line-height: 45px;
}

.animabutton {
  display: block;
  position: relative;
}

.divenewbuttonroom {
  justify-content: center;
  align-items: center;
  display: flex;
}

.piccenterbuttonroom {
  width: 100%;
}

.hideee {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.photosdiv {
  margin-top: 0;
  margin-bottom: 0;
}

.swiper-container {
  display: block;
}

.picbackround {
  background-color: #7a3030;
  background-image: url('../images/diakosmisi-small1.avif');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 116%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.picbackround.r3 {
  background-image: url('../images/small.avif');
  background-position: 50% 70%;
}

.picbackround.r2 {
  background-image: url('../images/barsmall5555.avif');
  background-position: 50% 20%;
}

.picbackround.r4 {
  background-image: url('../images/smallpoto.avif');
  background-position: 50%;
}

.picbackround.r5 {
  background-image: url('../images/Bari.avif');
  background-position: 100%;
}

.picbackround.r6 {
  background-image: url('../images/Bdex.avif');
  background-position: 0%;
}

.picbackround.r7 {
  background-image: url('../images/smallrrr.avif');
  background-position: 0%;
}

.picbackround.r8 {
  background-image: url('../images/diakosmisismall5.avif');
  background-position: 70%;
}

.picbackround.r9 {
  background-image: url('../images/diakosmisismall7.avif');
}

.picbackround.r10 {
  cursor: grab;
  background-image: url('../images/diakosmisismall8.avif');
  background-position: 50%;
}

.picbackround.dexa {
  background-image: url('../images/Aar-1.avif');
  background-position: 100%;
}

.picbackround.dex3 {
  background-image: url('../images/Adex.avif');
  background-position: 0%;
}

.menuin {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0%;
  padding-bottom: 15%;
  display: flex;
}

.menua {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: grid;
}

.menu-button {
  color: #fff;
  background-color: #9e3131;
  background-image: url('../images/pamemazielcs.avif');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 36%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-button._2 {
  background-image: url('../images/aaaa22.avif');
  background-position: 50% 30%;
  font-family: baskerville-display-pt, sans-serif;
}

.menu-button._2.cofffeee {
  background-image: url('../images/cofee.avif');
  background-position: 50%;
}

.menu-button._3 {
  background-image: url('../images/desserts3.avif');
  background-position: 50% 30%;
}

.menu-button._3.japic3 {
  background-image: url('../images/freshjuicess.avif');
}

.menu-button.dr {
  background-image: url('../images/desserts2.avif');
  background-position: 50% 0;
}

.menu-button.dr.svistomebu {
  display: none;
}

.menu-button.cockt {
  background-image: url('../images/mazi_2_F276693.avif');
}

.menu-button.jarbr {
  background-image: url('../images/brekfast.avif');
  background-position: 50% 5%;
}

.buttontext {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  position: static;
  top: 28%;
}

.intext {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.foodemneu {
  z-index: 2000;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  overflow: hidden;
}

.foodemneu.drinks, .foodemneu.cocktail, .foodemneu.cocktail.jar, .foodemneu.desserts, .foodemneu.desserts.jar, .foodemneu.wines, .foodemneu.wines.jar {
  display: none;
}

.foodemneu.jar {
  background-color: #8dc6e8;
  display: none;
}

.paragraph-menu {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height: 22px;
}

.katalogin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 102%;
  height: 100vh;
  margin-left: 25px;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0;
  right: 0;
  overflow: auto;
}

.katigories {
  color: #0000;
  text-align: center;
  text-transform: uppercase;
  width: 70%;
  margin-top: 115px;
  margin-bottom: 34px;
  margin-left: -17px;
  font-family: Open Sans, sans-serif;
  font-size: 35px;
  line-height: 35px;
}

.katigories.first {
  margin-top: 162px;
}

.titlosfagitou {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.titlosfagitou.kefalaia {
  text-transform: uppercase;
}

.titlosfagitou.ask {
  margin-top: -21px;
}

.titlosfagitou.protojar {
  margin-top: 45px;
}

.heading-4 {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 46px;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.groupfagito {
  width: 70%;
  margin-left: -17px;
  display: block;
}

.groupfagito.teleutaio {
  margin-bottom: 77px;
}

.button {
  z-index: 30000;
  color: #000;
  background-color: #b1dee6;
  font-size: 25px;
  font-weight: 700;
  position: fixed;
  inset: 10px 10px auto auto;
}

.button.jarba {
  color: #b1dee6;
  background-color: #000;
}

.section {
  width: 100%;
  height: 36vh;
}

.titlegrmaoto {
  color: #0000;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 34px;
  padding-right: 66px;
}

.titlegrmaoto.rest {
  text-align: left;
  margin-top: 57px;
  margin-bottom: 54px;
}

.titlegrmaoto.rest.menu {
  text-align: right;
  margin-bottom: 94px;
}

.menuepeidixei {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  overflow: hidden;
}

.image-3 {
  width: 100px;
}

.backroundvidpota, .bvideoacover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.photogrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 174px;
  padding-left: 18%;
  padding-right: 18%;
  display: grid;
}

.pic {
  background-color: #0000;
  width: 100%;
  position: relative;
}

.picdeigma {
  object-fit: cover;
  width: 100%;
  max-width: none;
  margin-top: -57px;
  margin-left: -27px;
  padding-top: 0%;
  position: relative;
  transform: rotate(0);
}

.picdeigma._2 {
  margin-top: 22px;
  margin-left: 42px;
  padding-top: 0%;
}

.picdeigma._3 {
  z-index: 5;
  width: 140%;
  margin-top: 3px;
  margin-left: -71px;
}

.picdeigma._3._5 {
  margin-left: 5px;
}

.picdeigma._4 {
  margin-top: 46px;
  margin-left: 95px;
}

.picdeigma._7 {
  margin-top: 16px;
  margin-left: -13px;
}

.picdeigma._8 {
  margin-top: -21px;
  margin-left: 22px;
}

.button-2 {
  z-index: 5;
  color: #b8dde4;
  background-color: #0000;
  border: 2px solid #b1dee6;
  margin-top: 122px;
  margin-bottom: 77px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 22px;
  position: relative;
}

.button-2.book {
  opacity: 0;
  background-color: #000000b8;
  border-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 18px;
  position: fixed;
  inset: auto 160px 6px auto;
}

.section-4, .div-block-3 {
  margin-top: 0;
}

.div-block-2 {
  background-color: #1d1d1d;
  width: 100%;
  height: 700px;
  display: block;
  position: relative;
}

.stoiheia {
  flex-direction: column;
  align-items: center;
  margin-top: 192px;
  padding-top: 91px;
  padding-bottom: 91px;
  display: flex;
}

.dieu {
  color: #b1dee6;
  text-align: center;
  margin-bottom: 29px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.light3 {
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 25px;
  font-weight: 400;
}

.image-4 {
  width: 20px;
  position: relative;
  top: 0;
  left: 0;
}

.image-4.contact {
  margin-top: 28px;
  margin-bottom: -6px;
}

.link-2 {
  margin-top: 18px;
  text-decoration: none;
}

.bold-text-3 {
  color: #b1dee6;
  font-size: 25px;
}

.logopurplesheep {
  z-index: 20000;
  opacity: .36;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto auto 218px 5px;
}

.link-block-8 {
  position: relative;
}

.design {
  color: #fff;
  width: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: -58px;
  left: -38px;
  transform: rotate(-90deg);
}

.purplesheeplogo {
  width: 20px;
}

.social {
  z-index: 20;
  opacity: 1;
  line-height: 14px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.telephone {
  opacity: 0;
  background-color: #0000;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: fixed;
  inset: auto 14px 16px auto;
}

.telephone.email {
  opacity: 0;
  bottom: 15px;
  right: 62px;
}

.telephone.ma {
  opacity: 0;
  bottom: 14px;
  right: 110px;
}

.telephone.face {
  opacity: 0;
  border-radius: 0;
  margin-top: 14px;
  position: relative;
  bottom: 0;
  right: 0;
}

.image-5 {
  width: 25px;
}

.image-5.face2 {
  width: 15px;
}

.image-5.face3 {
  width: 20px;
}

.backbutton33 {
  z-index: 20;
  color: #b5e5ee;
  background-color: #0000;
  font-size: 20px;
  position: fixed;
  inset: 20px 20px auto auto;
}

.social2 {
  z-index: 40;
  opacity: 1;
  position: fixed;
  inset: 34% 0% auto auto;
  overflow: hidden;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.link-block-9 {
  color: #b1dee6;
  margin-top: 20px;
  font-size: 20px;
}

.paragraph-2 {
  margin-top: 244px;
  margin-left: 94px;
  margin-right: 94px;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.section-5 {
  padding-bottom: 197px;
}

.popup-overlay {
  z-index: 20000;
  background-color: #b1dee6;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  display: none;
  position: fixed;
  inset: 165px auto auto 0%;
}

.cookiein {
  margin-left: 10px;
  margin-right: 3px;
  display: flex;
}

.text-block-3 {
  color: #000;
  font-size: 12px;
  line-height: 18px;
}

.link-3 {
  color: #000;
  background-color: #ecd905;
  padding-left: 11px;
  padding-right: 11px;
  font-weight: 700;
  text-decoration: none;
}

.button-3 {
  color: #000;
  background-color: #0000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: 30px;
  font-weight: 500;
  display: flex;
}

.button-3:hover {
  background-color: #fbff00;
}

.espa {
  z-index: 20;
  position: fixed;
  inset: auto auto 0% 0%;
}

.espaa {
  width: 80px;
}

@media screen and (max-width: 991px) {
  .cover {
    height: 100vh;
  }

  .videocover {
    width: 60%;
    padding-top: 68%;
  }

  .videocover._2 {
    width: 70%;
    padding-top: 40%;
  }

  .slogan {
    margin-right: 25px;
    font-size: 4vw;
    right: -19%;
  }

  .slogan._2 {
    font-size: 4vw;
  }

  .span1._2 {
    top: -1px;
    left: -7px;
  }

  .span3._2 {
    left: -26px;
  }

  .paragraph {
    width: 70%;
  }

  .piccenterbuttonroom {
    width: 100%;
  }

  .menuin {
    padding-top: 0%;
  }

  .menua {
    grid-template-rows: auto auto auto auto auto;
    width: 70%;
  }

  .picdeigma._8 {
    margin-top: 22px;
  }

  .stoiheia {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dieu {
    text-align: center;
    font-size: 18px;
  }

  .bold-text-3 {
    font-size: 23px;
  }

  .espaa {
    width: 60px;
  }
}

@media screen and (max-width: 767px) {
  .logoimage {
    width: 70px;
  }

  .cover {
    height: 100vh;
  }

  .videocover {
    width: 30%;
    padding-top: 50%;
  }

  .videocover._2 {
    width: 60%;
    padding-top: 33%;
  }

  .logo {
    margin-left: -39px;
    top: 18px;
  }

  .slogan {
    margin-right: 1px;
  }

  .span1._2 {
    top: -1px;
  }

  .span3._2 {
    left: -15px;
  }

  .paragraph {
    font-size: 23px;
    line-height: 39px;
  }

  .piccenterbuttonroom {
    width: 100%;
  }

  .menua {
    width: 80%;
  }

  .buttontext {
    font-size: 30px;
    line-height: 30px;
  }

  .katigories {
    margin-top: 93px;
  }

  .titlegrmaoto.rest {
    font-size: 27px;
    line-height: 29px;
  }

  .image-3 {
    width: 90px;
  }

  .photogrid {
    padding-left: 4%;
    padding-right: 4%;
  }

  .picdeigma {
    margin-left: -21px;
  }

  .picdeigma._2 {
    margin-left: 23px;
  }

  .picdeigma._3 {
    margin-left: -69px;
  }

  .picdeigma._3._5 {
    margin-left: -34px;
  }

  .picdeigma._4 {
    margin-left: 21px;
  }

  .button-2.book {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    bottom: 12px;
  }

  .div-block-3 {
    margin-top: 22px;
  }

  .stoiheia {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dieu {
    text-align: center;
    font-size: 15px;
  }

  .light3 {
    font-size: 18px;
  }

  .bold-text-3 {
    font-size: 20px;
  }

  .image-5 {
    width: 25px;
  }

  .backbutton33 {
    font-size: 17px;
    right: 10px;
  }

  .paragraph-2 {
    margin-top: 184px;
  }
}

@media screen and (max-width: 479px) {
  .logoimage {
    width: 70px;
  }

  .videocover {
    width: 70%;
    padding-top: 113%;
  }

  .videocover._2 {
    width: 90%;
    padding-top: 83%;
    position: relative;
  }

  .logo {
    margin-left: -37px;
    top: 33px;
  }

  .slogan {
    margin-right: -13px;
    line-height: 180%;
    right: -11%;
  }

  .slogan._2 {
    margin-bottom: 50px;
    margin-right: 1px;
    bottom: 26%;
    right: -7%;
  }

  .span1 {
    font-size: 8vw;
  }

  .span1._2 {
    top: -6px;
  }

  .span2, .span3 {
    font-size: 8vw;
  }

  .span3._2 {
    top: 13px;
    left: -33px;
  }

  .paragraph {
    width: 80%;
  }

  .piccenterbuttonroom {
    width: 100%;
  }

  .photosdiv {
    overflow: hidden;
  }

  .menuin {
    padding-top: 0%;
  }

  .menua {
    grid-template-rows: auto auto auto auto auto;
  }

  .menu-button {
    padding-top: 56%;
  }

  .foodemneu {
    height: 100%;
  }

  .groupfagito {
    width: 80%;
  }

  .button {
    justify-content: center;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    inset: auto 0% 0% auto;
  }

  .section {
    height: 30vh;
  }

  .titlegrmaoto.rest {
    margin-top: 102px;
    font-size: 27px;
    line-height: 29px;
  }

  .titlegrmaoto.rest.menu {
    margin-bottom: 58px;
  }

  .photogrid {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .picdeigma, .picdeigma._2 {
    margin-top: 0;
    margin-left: 0;
  }

  .picdeigma._3 {
    width: 120%;
    margin-top: 0;
    margin-left: -11%;
  }

  .picdeigma._3._5 {
    margin-left: -16%;
  }

  .picdeigma._4, .picdeigma._7, .picdeigma._8 {
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-3 {
    margin-top: 0;
  }

  .stoiheia {
    margin-top: 196px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dieu {
    font-size: 15px;
    line-height: 17px;
  }

  .light3 {
    font-size: 17px;
    line-height: 18px;
  }

  .image-4 {
    top: 0;
    left: 0;
  }

  .bold-text-3 {
    font-size: 16px;
  }

  .telephone.face {
    bottom: 0;
    right: 3px;
  }

  .social2 {
    top: 19%;
    overflow: hidden;
  }

  .paragraph-2 {
    margin-left: 44px;
    margin-right: 44px;
  }

  .popup-overlay {
    width: 250px;
  }

  .espaa {
    width: 50px;
  }
}