:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main {
  background-color: #0000;
  width: 100%;
  height: 100vh;
  padding-right: 34%;
}

.main.contct {
  height: 80vh;
}

.buttons {
  z-index: 4;
  flex-direction: column;
  width: 34%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.buttonsmall {
  background-color: #dbe8bc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.buttonsmall._2 {
  background-color: #c7ddd5;
  overflow: visible;
}

.image {
  width: 50px;
}

.logolink {
  z-index: 2000;
  width: auto;
  display: flex;
  position: fixed;
  top: 37px;
  left: 42px;
}

.maibutontitle {
  color: #fff;
  text-align: center;
  letter-spacing: 34px;
  text-indent: 0;
  column-count: auto;
  margin-left: 17px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  position: absolute;
}

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

.cover.deco, .cover.contact {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.cover.erga {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100vh;
  margin-bottom: 82px;
  display: flex;
}

.mainolo {
  width: 100%;
  height: auto;
}

.slogan {
  color: #92be28;
  text-align: center;
  letter-spacing: 2.5vw;
  margin-top: 13px;
  margin-left: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 2.9vw;
  position: absolute;
}

.maintexture {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.image-3 {
  width: 140px;
}

.image-4 {
  width: 170px;
}

.image-4.kipos {
  width: 140px;
}

.who {
  background-color: #c25d5d;
  width: 90%;
  margin-left: -10%;
  padding-top: 51%;
  position: relative;
  overflow: hidden;
}

.weare {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.body {
  font-family: Open Sans, sans-serif;
  display: block;
}

.heading {
  color: #fff;
  letter-spacing: 3.5vh;
  font-size: 2vw;
  font-weight: 400;
  line-height: 3vw;
}

.letswork {
  background-color: #2aac8b;
  width: 100%;
  padding-top: 120%;
  position: relative;
  overflow: hidden;
}

.letswork.con {
  padding-top: 91%;
}

.columns {
  width: 90%;
  margin-top: 85px;
  margin-left: 13%;
  position: relative;
  left: 3%;
}

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

.letslink._3 {
  background-image: none;
}

.text {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 120%;
  display: flex;
  position: static;
}

.heading-2 {
  color: #92be28;
  text-align: left;
  letter-spacing: 7px;
  margin-top: 0;
  font-size: 2vw;
  font-weight: 400;
  line-height: 4vw;
  position: absolute;
  top: 32%;
  left: 7%;
}

.heading-2.left {
  text-align: right;
  margin-left: 29%;
  left: 42%;
}

.column {
  display: block;
}

.lottie-animation {
  flex: none;
  width: 100%;
}

.animsttack {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.menu {
  z-index: 1000;
  background-color: #92be28;
  width: 80px;
  height: 30px;
  position: fixed;
  inset: 42px 0% auto auto;
}

.menub {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  line-height: 17px;
}

.menubuttonlink {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.menuolo {
  z-index: 10000;
  background-color: #92be28;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.exitlinkbutton {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: fixed;
  inset: 20px 20px auto auto;
}

.string {
  background-color: #fff;
  width: 2px;
  height: 100%;
  transform: rotate(-45deg);
}

.string._2 {
  position: absolute;
  transform: rotate(45deg);
}

.menubuttons {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 58px;
  display: flex;
}

.buttonmenuolo {
  color: #fff;
  margin-bottom: 13px;
  font-size: 50px;
  line-height: 50px;
  text-decoration: none;
}

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

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

.text-block-3 {
  font-size: 12px;
  line-height: 14px;
}

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

.button-2 {
  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-2:hover {
  background-color: #fbff00;
}

.foot {
  width: 100%;
  height: 110px;
  display: flex;
  overflow: hidden;
}

.mouse {
  z-index: 4;
  background-color: #0000;
  border: 2px solid #92be28;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 30px;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
}

.mosewe {
  background-color: #92be28;
  border-radius: 20px;
  width: 4px;
  height: 10px;
  margin-left: 0;
}

.lotdiv {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 70%;
  display: flex;
  position: relative;
}

.scroll {
  color: #92be28;
  margin-bottom: -5px;
  margin-left: -12px;
  font-weight: 800;
  position: absolute;
  inset: auto auto -83% 0%;
}

.scrollll {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 60px;
  margin-left: -26px;
  display: flex;
  position: absolute;
  top: 88%;
  left: 50%;
  right: auto;
}

.scrollll.new {
  margin-left: -18px;
}

.logogrammatta {
  width: 230px;
  max-width: none;
  margin-top: 33px;
  margin-left: 75px;
  position: absolute;
}

.tel {
  z-index: 500000;
  background-color: #92be28;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: fixed;
  bottom: 10px;
  left: 17px;
}

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

.tel-2 {
  z-index: 500000;
  background-color: #fcb525;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: fixed;
  bottom: 47px;
  left: 10px;
  box-shadow: 4px 4px 17px #1d1933;
}

.tel-2._2 {
  box-shadow: none;
  background-color: #92be28;
  bottom: 10px;
  left: 70px;
}

.telephonelink {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.social {
  z-index: 400;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 90px;
  display: flex;
  position: fixed;
  inset: auto auto 98px 22px;
}

.socialink {
  width: 40px;
  height: auto;
  margin-bottom: 12px;
}

.socialink.f {
  width: 20px;
}

.socialink.f.lang {
  width: 35px;
}

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

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

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

.purplesheeplogo {
  width: 20px;
}

.pagein {
  z-index: 700000;
  background-color: var(--white);
  width: 100%;
  height: 100vw;
  display: none;
  position: fixed;
}

.slspan {
  letter-spacing: 3.2vw;
  margin-left: 10px;
  font-size: 1vw;
  line-height: 2vw;
}

.image-6 {
  width: 23%;
  max-width: 268px;
  margin-top: -61px;
}

.image-6.kip {
  width: 26%;
}

.titledeco {
  z-index: 4;
  color: #92be28;
  letter-spacing: 5vw;
  margin-top: 5px;
  margin-left: 4%;
  font-family: Montserrat, sans-serif;
  font-size: 2.3vw;
  line-height: 3vw;
  position: absolute;
}

.titledeco.about {
  color: var(--white);
  text-align: center;
  letter-spacing: 3vw;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0%;
  font-size: 2vw;
  display: block;
  position: static;
  inset: 50% auto auto 50%;
}

.titledeco.about.syn {
  letter-spacing: 2vw;
}

.gen {
  color: #92be28;
  margin-top: 103px;
  margin-bottom: 25px;
  font-size: 29px;
}

.paragraph {
  margin-bottom: 175px;
  font-size: 20px;
  font-weight: 400;
  line-height: 50px;
}

.sellectiontext {
  width: 120%;
  padding-left: 13%;
  padding-right: 13%;
}

.sellectiontext.ab {
  margin-top: -98px;
}

.mask {
  color: #0000;
  background-color: #0000;
  align-items: center;
  display: flex;
}

.pica {
  background-color: #4af36e;
  background-image: url('../images/decosmall1.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-top: 139%;
  position: relative;
}

.pica.w5 {
  background-image: url('../images/deco4.avif');
  margin-left: -45px;
  padding-top: 71%;
}

.pica.w5._2 {
  background-image: url('../images/sa-2.avif');
  padding-top: 117%;
}

.pica.w5._2.kip6 {
  background-image: url('../images/kip7.avif');
  padding-top: 66%;
}

.pica.w5.kipos3 {
  background-image: url('../images/SM.avif');
  background-position: 50% 100%;
}

.pica.w5.syn2 {
  background-image: url('../images/small3.avif');
}

.pica.w5.erg2 {
  background-image: url('../images/pisina.avif');
}

.pica.w5.ono2 {
  background-image: url('../images/ono3.avif');
  top: 8px;
}

.pica.w5.rotas2 {
  background-image: url('../images/rotassmall_1.avif');
}

.pica.w5.ter2 {
  background-image: url('../images/smallempros.avif');
}

.pica.w5.delf2 {
  background-image: url('../images/delfini.avif');
}

.pica.w5.lav2 {
  background-image: url('../images/small3.avif');
  top: 45px;
}

.pica.w2 {
  background-image: url('../images/deco1.avif');
  padding-top: 71%;
  position: relative;
  top: -72px;
  left: 48px;
}

.pica.w2._2 {
  background-image: url('../images/deco3.avif');
  padding-top: 135%;
}

.pica.w2._2.kip7 {
  background-image: url('../images/kip8.avif');
}

.pica.w2.kipo3 {
  background-image: url('../images/kip4.avif');
}

.pica.w2.syn3 {
  background-image: url('../images/syn77.avif');
}

.pica.w2.egk3 {
  background-image: url('../images/eg2.avif');
  padding-top: 41%;
  top: 0;
  left: 0;
}

.pica.w2.ono3 {
  background-image: url('../images/ono2.avif');
  padding-top: 45%;
  top: -4px;
}

.pica.w2.ter3 {
  background-image: url('../images/ter3.avif');
  top: -34px;
  left: -103px;
}

.pica.w2.delf3 {
  background-image: url('../images/delfini2.avif');
}

.pica.w2.lav3 {
  background-image: url('../images/small2.avif');
  top: 5px;
}

.pica.w4 {
  background-image: url('../images/deco8.avif');
  position: relative;
  top: -92px;
}

.pica.w4.kipos2 {
  background-image: url('../images/kip2.avif');
}

.pica.w4.syn5 {
  background-image: url('../images/smallgreen.avif');
}

.pica.w4.egk1 {
  background-image: url('../images/eg1_1.avif');
  padding-top: 41%;
  top: 0;
}

.pica.w4.erg4 {
  background-image: url('../images/komito.avif');
}

.pica.w4.rotas3 {
  background-image: url('../images/deco99.avif');
  padding-top: 91%;
}

.pica.w4.delf4 {
  background-image: url('../images/delfini3.avif');
}

.pica.w4.lav4 {
  background-image: url('../images/lavdas4.avif');
  padding-top: 67%;
  top: 33px;
}

.pica.w6 {
  background-image: url('../images/sss.avif');
}

.pica.w6.kip8 {
  background-image: url('../images/kip6.avif');
  background-position: 50% 100%;
  padding-top: 112%;
}

.pica.ww4r {
  background-image: url('../images/decosmall2.avif');
}

.pica.ww4r.kip5 {
  background-image: url('../images/kip5.avif');
}

.pica.kipos1 {
  background-image: url('../images/kip9.avif');
}

.pica.syn2 {
  background-image: url('../images/syn623.avif');
}

.pica.egk {
  background-image: url('../images/fytorio.avif');
  padding-top: 41%;
}

.pica.ono1 {
  background-image: url('../images/ono1.avif');
  padding-top: 84%;
}

.pica.rotas {
  background-image: url('../images/deco8.avif');
}

.pica.ter1 {
  background-image: url('../images/syn4333.avif');
}

.pica.delf1 {
  background-image: url('../images/delfini4.avif');
  background-position: 70%;
  padding-top: 99%;
}

.pica.lav1 {
  background-image: url('../images/lavdas2.avif');
  padding-top: 81%;
}

.section {
  width: 115%;
  margin-top: -22px;
  margin-bottom: 9px;
  padding-left: 8%;
  padding-right: 7%;
}

.section.synsel2 {
  display: block;
}

.section.egksl {
  display: none;
}

.section-2 {
  height: 145px;
}

.stoiheia {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

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

.light3 {
  font-size: 20px;
  font-weight: 400;
}

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

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

.link-2 {
  color: #92be28;
  margin-top: 18px;
  text-decoration: none;
}

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

.div-block-3 {
  margin-top: 0;
  padding-right: 22%;
  position: relative;
}

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

.cover-erga {
  background-image: url('../images/rotassmall.avif');
  background-position: 0 0;
  background-size: cover;
  width: 90%;
  padding-top: 50%;
  position: absolute;
}

.cover-erga.mobe {
  inset: 0% auto auto 0%;
}

.cover-erga.mobe.about {
  background-image: url('../images/giorgos.avif');
}

.cover-erga.mobe.erga {
  background-image: url('../images/syn6232.avif');
}

.cover-erga.abou {
  background-image: url('../images/giorgos.avif');
}

.cover-erga.erga {
  background-image: url('../images/syn6232.avif');
}

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

.covermob {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 85px;
  padding-top: 60%;
  display: none;
  position: relative;
}

.spaceerga {
  background-color: #0000;
  height: 300px;
  display: none;
}

.section-3 {
  height: 200px;
}

.perigrafesergon {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 79px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.heading-3 {
  color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.pkey {
  color: #0000;
}

.designer {
  height: 20px;
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 20px;
}

.designer.keno {
  height: 1px;
}

.designer.komito {
  height: auto;
  margin-bottom: 0;
}

.image-8, .image-9 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

@media screen and (max-width: 991px) {
  .main {
    height: 100vh;
    padding-right: 200px;
  }

  .buttons {
    width: 26%;
    height: 100vh;
    overflow: hidden;
  }

  .buttonsmall {
    overflow: visible;
  }

  .image {
    width: 40px;
  }

  .logolink {
    top: 25px;
    left: 30px;
  }

  .maibutontitle {
    letter-spacing: 1em;
    margin-left: 5px;
    font-size: 1.3em;
  }

  .cover.contact {
    height: 100%;
  }

  .cover.erga {
    height: 100vh;
  }

  .slogan {
    letter-spacing: 4vw;
    font-size: 4vw;
  }

  .image-3 {
    width: 110px;
  }

  .image-4 {
    width: 120px;
  }

  .image-4.kipos {
    width: 110px;
  }

  .heading {
    letter-spacing: 2.5vh;
  }

  .columns {
    left: -1%;
  }

  .heading-2 {
    letter-spacing: 8px;
  }

  .heading-2.left {
    left: 40%;
  }

  .lottie-animation {
    width: 120%;
  }

  .menu {
    top: 31px;
  }

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

  .scrollll {
    margin-left: -23px;
    left: 50%;
  }

  .scrollll.new {
    margin-left: -16px;
    top: 83%;
  }

  .logogrammatta {
    width: 190px;
    margin-top: 26px;
    margin-left: 56px;
  }

  .pagein {
    height: 100%;
  }

  .slspan {
    letter-spacing: 4.9vw;
    margin-left: 6px;
    font-size: 1.9vw;
    line-height: 3.5vw;
  }

  .image-6 {
    width: 25%;
  }

  .titledeco {
    letter-spacing: 5vw;
    margin-left: 3%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .titledeco.about {
    letter-spacing: 4vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .gen {
    font-size: 28px;
    line-height: 35px;
  }

  .paragraph {
    font-size: 18px;
  }

  .sellectiontext {
    width: 100%;
    padding-right: 13%;
  }

  .section {
    width: 100%;
    padding-right: 12%;
  }

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

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

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

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

  .cover-erga {
    width: 90%;
  }

  .section-3 {
    height: 130px;
  }

  .perigrafesergon, .designer {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .main {
    padding-right: 100px;
  }

  .buttons {
    width: 18%;
  }

  .image {
    width: 40px;
  }

  .logolink {
    top: 14px;
    left: 22px;
  }

  .maibutontitle {
    margin-left: 7px;
    font-size: .8em;
  }

  .cover {
    overflow: visible;
  }

  .cover.contact {
    height: 100%;
  }

  .cover.erga {
    height: 100vh;
  }

  .mainolo {
    overflow: visible;
  }

  .slogan {
    font-size: 4vw;
  }

  .image-3, .image-4, .image-4.kipos {
    width: 90px;
  }

  .heading {
    letter-spacing: 1vh;
    font-size: 2.5vw;
  }

  .columns {
    margin-top: 106px;
    margin-left: -7%;
    left: 2%;
  }

  .columns.med {
    margin-top: -21px;
  }

  .text {
    padding-top: 40%;
  }

  .heading-2 {
    font-size: 4vw;
    line-height: 7vw;
    top: 7%;
    left: 2%;
  }

  .heading-2.left {
    top: 34%;
    right: 1%;
  }

  .lottie-animation {
    width: 120%;
    font-size: 14%;
  }

  .animsttack {
    overflow: visible;
  }

  .menu {
    width: 70px;
    height: 25px;
    top: 13px;
  }

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

  .buttonmenuolo {
    font-size: 22px;
    line-height: 22px;
  }

  .foot {
    height: 150px;
  }

  .lotdiv {
    width: 80%;
  }

  .scrollll {
    margin-left: -20px;
    left: 50%;
  }

  .scrollll.new {
    margin-left: -17px;
  }

  .logogrammatta {
    display: none;
  }

  .tel {
    bottom: 17px;
    left: 69px;
  }

  .image-5.tel {
    left: 0;
  }

  .tel-2 {
    bottom: 17px;
    left: 147px;
  }

  .tel-2._2 {
    bottom: 17px;
    left: 19px;
  }

  .social {
    bottom: 98px;
  }

  .slspan {
    letter-spacing: 4.7vw;
    margin-left: 3px;
    font-size: 2.5vw;
    line-height: 4.5vw;
  }

  .image-6.kip {
    width: 30%;
    font-size: 20px;
  }

  .titledeco {
    letter-spacing: 6vw;
    margin-left: 12px;
    font-size: 5vw;
    line-height: 5vw;
  }

  .gen {
    margin-bottom: 21px;
    font-size: 23px;
  }

  .paragraph {
    font-size: 18px;
  }

  .pica.w5 {
    bottom: 9px;
  }

  .pica.w2 {
    top: -42px;
  }

  .pica.w4 {
    top: -34px;
  }

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

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

  .light3 {
    font-size: 15px;
  }

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

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

  .section-3 {
    height: 80px;
  }

  .perigrafesergon {
    letter-spacing: 3px;
  }
}

@media screen and (max-width: 479px) {
  .main {
    padding-right: 0;
  }

  .main.contct {
    height: 70vh;
  }

  .buttons {
    z-index: 100;
    flex-direction: row;
    width: 100%;
    height: 100px;
    inset: auto auto 0% 0%;
  }

  .buttonsmall, .buttonsmall._2 {
    height: 100%;
  }

  .image {
    width: 35px;
  }

  .logolink {
    top: 9px;
    left: 16px;
  }

  .maibutontitle {
    letter-spacing: .7em;
    margin-top: 8px;
    margin-left: 6px;
    font-size: 1.1em;
  }

  .cover {
    height: 250vh;
  }

  .cover.deco {
    padding-bottom: 100px;
    overflow: hidden;
  }

  .cover.contact {
    height: 100%;
    display: flex;
  }

  .cover.erga {
    width: 100%;
    height: 100vw;
  }

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

  .slogan {
    letter-spacing: 4vw;
    margin-left: 8px;
    font-size: 7vw;
    line-height: 7vw;
  }

  .image-3 {
    width: 50px;
  }

  .image-4 {
    width: 70px;
  }

  .image-4.kipos {
    width: 50px;
  }

  .who {
    padding-top: 66%;
  }

  .heading {
    font-size: 4vw;
    line-height: 5vw;
  }

  .columns {
    margin-top: 134px;
    margin-left: 0;
    left: auto;
  }

  .columns.med {
    margin-top: 31px;
  }

  .text {
    padding-top: 38%;
  }

  .heading-2 {
    letter-spacing: 5px;
    margin-top: -3px;
    font-size: 6vw;
    line-height: 13vw;
    top: 13%;
    left: 20px;
  }

  .heading-2.left {
    margin-bottom: -6px;
    margin-left: 30%;
    top: 11%;
    left: 8%;
    right: 16px;
  }

  .lottie-animation {
    width: 140%;
  }

  .animsttack {
    padding-top: 0;
    padding-bottom: 108px;
    overflow: hidden;
  }

  .menu {
    top: 11px;
  }

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

  .popup-overlay {
    width: 250px;
  }

  .mouse {
    bottom: -10%;
  }

  .lotdiv {
    width: 100%;
    height: 50%;
    position: relative;
  }

  .scrollll {
    margin-left: -23px;
    top: 97%;
    left: 50%;
  }

  .scrollll.new {
    margin-left: -21px;
    top: 68%;
  }

  .logogrammatta {
    display: none;
  }

  .tel {
    width: 25px;
    height: 25px;
    bottom: 121px;
    left: 8px;
  }

  .image-5 {
    width: 15px;
    top: 0;
    left: 0;
  }

  .image-5.tel {
    margin-top: 1px;
  }

  .tel-2._2 {
    width: 25px;
    height: 25px;
    bottom: 164px;
    left: 7px;
  }

  .telephonelink {
    width: 100%;
    height: 100%;
  }

  .social {
    height: 80px;
    bottom: 230px;
    left: 5px;
    right: 2px;
  }

  .socialink {
    width: 33px;
  }

  .socialink.f {
    width: 17px;
  }

  .socialink.f.lang {
    width: 25px;
  }

  .column-2, .column-3, .column-4, .column-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logopurplesheep {
    bottom: 108px;
    right: 6px;
  }

  .design {
    color: #b9b9b9;
  }

  .pagein {
    z-index: 100000;
    height: 100%;
    inset: 0%;
  }

  .slspan {
    letter-spacing: 6vw;
    margin-left: 5px;
    font-size: 3.5vw;
    line-height: 5.5vw;
  }

  .image-6 {
    width: 35%;
  }

  .image-6.kip {
    width: 60%;
  }

  .titledeco {
    letter-spacing: 8vw;
    margin-left: 5%;
    font-size: 6vw;
    line-height: 5vw;
  }

  .titledeco.gard {
    margin-left: 3%;
  }

  .gen {
    width: 100%;
    margin-top: 0;
    font-size: 20px;
  }

  .paragraph {
    margin-bottom: 108px;
    font-size: 17px;
  }

  .sellectiontext {
    width: 100%;
    margin-bottom: 85px;
    padding-right: 12%;
  }

  .sellectiontext.ab {
    margin-top: -71px;
  }

  .pica.w5 {
    margin-left: -34px;
  }

  .pica.w2 {
    left: 36px;
  }

  .pica.w2.egk3 {
    top: 0%;
    left: auto;
  }

  .pica.w2.ono3 {
    left: 7px;
  }

  .pica.w4.egk1 {
    top: auto;
  }

  .section {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

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

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

  .light3 {
    font-size: 15px;
  }

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

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

  .div-block-3 {
    padding-right: 0%;
  }

  .covermob {
    display: none;
  }

  .spaceerga {
    height: 213px;
  }

  .section-3 {
    height: 120px;
  }

  .perigrafesergon {
    font-size: 11px;
    line-height: 14px;
  }

  .designer {
    font-size: 11px;
  }

  .designer.komito {
    height: auto;
    margin-top: 5px;
    line-height: 15px;
  }
}

#w-node-_55ef0a49-0e2e-7779-1857-6ff2291e9206-930df50d, #w-node-f23a282f-5b5f-d87f-2dd0-ef27314efe95-930df50d, #w-node-f86233dc-b3cc-5288-63a0-33e73ecb29f2-930df50d, #w-node-cc1771b8-80c9-a2d3-b7c9-1020fcd37fee-a70df511 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-f86233dc-b3cc-5288-63a0-33e73ecb29f2-930df50d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f86233dc-b3cc-5288-63a0-33e73ecb29f2-930df50d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f86233dc-b3cc-5288-63a0-33e73ecb29f2-930df50d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}