@charset "utf-8";
/* CSS Document */

body {font-family: "effra", sans-serif;font-weight: 400;font-style: normal;padding: 0;margin: 0;color:#687069;font-size: min(1.75vw, 18px);line-height: min(2.5vw, 26px);background-color: #fff;}

.hagrid {font-family: "hagrid", sans-serif;font-weight: 400;font-style: normal;overflow: hidden;}
.div-centered {margin: 0 auto !important;}
.spacer {height: min(2vw, 40px);}
.text-center {text-align: center}
p,h1,h2,h3 {margin: 0; padding:0}
img {    width: 100%;    height: intrinsic;}
a {    text-decoration: underline;    transition: all 0.25s ease-in-out;}
.max960 {    max-width: 960px;}
.max1420 {    max-width: 1420px;}
.max1660 {    max-width: 1660px;}
.text18 {font-size: min(1.75vw, 18px);line-height: min(2.5vw, 26px);}
.text20 {font-size: min(1.85vw, 20px);line-height: min(2.5vw, 26px);}
.text26 {font-size: min(2vw, 26px);line-height: min(2.5vw, 38px);}
.text30 {font-size: min(2vw, 30px);line-height: min(2vw, 30px);}
.text-bold {    font-weight: 700;}

.logo {width: min(10vw, 170px);position: absolute;z-index: 10;padding: 1vw;}

.header {
    display: flex;
    justify-content: space-between;
    /* padding: 1vw; */
    z-index: 10;
    /* position: absolute; */
    width: 100%;
    box-sizing: border-box;
}

.menu-opener img {
    width: 35px;
    display: block;
    margin-bottom: 5px;
	animation: rotate 4s linear infinite;
	will-change: transform;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.menu-opener a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    color: #687069;
    text-decoration: none;
}
.hero {
    height: min(58vw, 1390px);
    position: relative;
	position: relative;
    z-index: -1;
}
.hero-item {
	width:100%;
    height: min(58vw, 1390px);
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: -1;
	top:0;
	left:0;
	opacity: 0;
	transition: 300ms all ease;
}
.hero-item.active{
	opacity:1;
}
.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../templateimages/hero.jpg);
    background-size: 100%;
    background-position-y: -15vw;
    background-position-x: center;
	background-repeat: no-repeat;
    width: 100%;
    height: min(58vw, 1390px);
}

.hero-msg {
    margin-top: 8vw;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    max-width: min(28.6vw, 620px);
    gap: 10px;
    z-index: 1;
}

.hero-msg-item {
    width: calc(50% - 5px);
    font-weight: 500;
    display: flex;
    align-items: end;
	animation-name:fadeIn;
	animation-duration: 1500ms;
	animation-fill-mode: forwards;
	opacity:0;
}
.hero-msg .hero-msg-item:nth-child(1){animation-delay:.5s;}
.hero-msg .hero-msg-item:nth-child(2){animation-delay:1s;}
.hero-msg .hero-msg-item:nth-child(3){animation-delay:1.5s;}
.hero-msg .hero-msg-item:nth-child(4){animation-delay:2s;}
.hero-msg .hero-msg-item:nth-child(5){animation-delay:2.5s;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.spanaki {
    color: #504d2a;
    font-size: min(3vw, 75px);
    line-height: min(3vw, 75px);
    justify-content: end;
    text-align: right;
    overflow: initial;
}

.feta {
    color: #fff;
    font-size: min(3vw, 62px);
    line-height: min(3vw, 62px);
    width: fit-content;
}

.agapi {
    color: #875920;
    font-size: min(2.5vw, 55px);
    line-height: min(2.5vw, 55px);
    justify-content: end;
}

.elaiolado {
    color: #efaf30;
    font-size: min(2.5vw, 55px);
    line-height: min(2.5vw, 55px);
    width: fit-content;
}

.hero-msg-tagline {
    font-weight: 700;
    color: #626366;
    font-size: min(1.22vw, 26px);
    text-align: right;
    width: 100%;
    margin-top: 0.5vw;
	animation-name:fadeIn;
	animation-duration: 1500ms;
	animation-fill-mode: forwards;
	animation-delay: 2.75s;
	opacity:0;
}

.hero-msg-tagline span {
    border-top: 2px solid #626366;
}

.home-products {
    background: url(../templateimages/bg-home-products.svg) no-repeat;
    background-position: center top;
    background-size: cover;
    margin-top: -10vw !important;
    padding: min(4vw, 80px);
    box-sizing: border-box;
    display: flex;
    gap: min(4vw, 80px);
    flex-direction: column;
}

.home-products-title {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*max-width: 550px;*/
	overflow:unset;
	width:100%;
}

.home-products-title span {
    font-size: min(3vw, 45px);
    margin: 0 10px;
    text-align: center;
}
.home-products-title-slider{
	position: relative;
	width:65%;

	overflow:hidden;
	height:min(55px, 6vw);

	display:flex;
	align-items:center;
	justify-content:center;
	mask-image: linear-gradient(to right, transparent, black calc(50% - 50px), black calc(50% + 50px), transparent);
	margin:0 auto;
}

@keyframes titleSlide{
	0%{
		transform:translateX(60vw);
		opacity:0;
	}

	4%{
		transform:translateX(0);
		opacity:1;
	}

	30%{
		transform:translateX(0);
		opacity:1;
	}

	44%{
		transform:translateX(-80vw);
		opacity:0;
	}

	100%{
		transform:translateX(-80vw);
		opacity:0;
	}
}

.home-products-title-slider span{
	position:absolute;
	white-space:nowrap;

	transform:translateX(-120vw);
	animation: titleSlide 10s cubic-bezier(.68,.05,.39,1) infinite;
	animation-fill-mode: forwards;
	will-change: transform;
}

.home-products-carousel-item {
    background-image: url(../templateimages/img-category.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    max-width: 500px;
    max-height: 500px;
    width: 20vw;
    height: 20vw;
    display: flex;
    justify-content: end;
    flex-direction: column;
    position: relative;
    bottom: 0;
    transition: all 0.25s ease-in-out;
}

.home-products-carousel {
    position: relative;
    margin-left: -50vw;
    left: 50%;
    width: calc(100vw - 10px);
    display: flex;
    overflow: hidden;
}

.home-products-carousel-scroller {
    gap: min(4vw, 80px);
	display: flex;
	padding-left: min(4vw, 80px);
	padding-top:10px;
	padding-bottom: 50px;
}


.home-products-carousel-footer {
    color: #fff;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-products-carousel-item-line {
    background-color: #efaf30;
    height: 2px;
    width: 150px;
    margin-left: -20px;
    z-index: 10;
    position: relative;
}

.home-products-carousel-item-text {
    color: #fff;
    padding: 20px;
    line-height: 20px;
	    position: relative;
    z-index: 1;
}

.home-products-carousel-item-text:before {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: -1;
	    margin-left: -20px;

background-image: linear-gradient(transparent, rgba(104, 112, 105, 0.25)), linear-gradient(to bottom, transparent, rgba(104, 112, 105, 0.25));
    background-blend-mode: multiply;
    padding-top: min(4vw, 80px);
    bottom: 0;
	
	
}


.home-products-carousel a:nth-child(even) .home-products-carousel-item {
    justify-content: start;
    flex-direction: column-reverse;
    }
	
	.home-products-carousel a:nth-child(even) .home-products-carousel-item-text:before {
    background-image: linear-gradient(rgba(104, 112, 105, 0.25), transparent), linear-gradient(to bottom, rgba(104, 112, 105, 0.25), transparent);
    padding-bottom: min(4vw, 80px);
    padding-top: 0;
   top: 0;
    margin-top: 0px;
	}


.home-products-carousel-footer a {
    color: #fff;
    text-decoration: underline;
}

.home-content-2cols-left, .home-content-2cols-right {
    flex-basis: 40%;
    flex-grow: 1;
}

.home-content-2cols {
    display: flex;
    gap: min(4vw, 80px);
}

.home-about {
    position: relative;
    display: flex;
    /* gap: 20px; */
    align-items: flex-end;
    flex-direction: column;
    max-width: 710px;
    justify-self: end;
}

.home-about-img {
    z-index: -1;
    position: absolute;
    left: 0;
}

.home-about-text {
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    width: 60%;
    margin-top: 5vw;
}

.home-about-link {
    width: fit-content;
    margin-right: 2vw;
}

.home-about-text h3 {
    margin-bottom: min(1.5vw, 20px);
    font-family: "hagrid", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: min(2.2vw, 22px);
    line-height: min(2.5vw, 24px);
}

.home-about-link a {
    color: #efaf30;
}

img.home-deco1 {
    max-width: 140px;
    display: flex;
}

img.home-10-1-img {
    object-fit: cover;
    object-position: center;
}

.home-10-1 {
    max-width: 1220px;
    position: relative;
    display: flex;
    min-height: 700px;
    background: url(../templateimages/home-10-1.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
}
video.hero-video {
    object-fit: cover;
    width: 100%;
}
.home-10-1-text {
    position: absolute;
    top: 5vw;
    left: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.home-10-1-numbers {
    color: #626366;
    font-size: min(10vw, 140px);
    line-height: min(10vw, 140px);
    position: relative;
    overflow: hidden;
}

.home-10-1-numbers img.staxy {
    width: min(6vw, 90px);
    position: absolute;
    left: min(2.5vw, 50px);
    bottom: min(1vw, 30px);
}

.home-10-1-text a {
    color: #fff;
}

.home-10-1-numbers span {
    display: block;
}

.footer {
    display: flex;
    width: 100%;
    background-color: #f5f6f5;
    padding-top: 10vw;
    margin-top: -5vw;
}

.footer-2, .footer-3 {
    max-width: 710px;
    flex-grow: 1;
}

.footer-1, .footer-4 {
    flex-grow: 1;
}

.footer-1, .footer-2, .footer-3, .footer-4 {
    border-bottom: 20px solid transparent;
    min-width: 2vw;
}

.footer-1 {
    border-bottom-color: #d9dbd8;
}

.footer-2 {
    border-bottom-color: #626366;
}

.footer-3 {
    border-bottom-color: #efaf30;
    display: flex;
    align-items: end;
    position: relative;
    justify-content: center;
}

.footer-4 {
    border-bottom-color: #875920;
}

.footer-badges img {
    max-width: 100px;    width: min(8vw, 100px);
}

.footer-badges {
    display: flex;
    gap: 10px;
    width: fit-content;
}

.footer-menu a {
    color: #626366;
}

.footer-menu {
    color: #b1b3b6;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

img.pixelworks {
    max-width: 60px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.footer-catalog h2 {
    color: #d9dbd8;
    font-size: min(2.1vw, 30px);
    margin-bottom: 20px;
    width: calc(100% - 3vw - 140px);
}


.content h2 {
    color: #885920;
    font-size: min(2.3vw, 30px);
    margin-bottom: 20px;margin-top: 40px;
	font-family: "hagrid", sans-serif;font-weight: 400;font-style: normal;
}

.content h3 {
  
    font-size: min(1.8vw, 26px);
    margin-bottom: 20px;margin-top: 40px;
	font-family: "hagrid", sans-serif;font-weight: 400;font-style: normal;
}

.catalog {
    display: flex;
    padding: 10px;
    padding-right: 5vw;
    background-color: #efaf30;
    align-items: center;
    position: relative;
    height: min(3vw, 70px);
}

.footer-catalog a {
    color: #fff;
}

.footer-catalog a {
    text-decoration: none;
}

.catalog img {
    max-width: 140px;
    position: absolute;
    right: 2.5VW;
    transition: all 0.25s ease-in-out;
}

.catalog span {
    flex-grow: 1;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer-menu a {
    text-decoration: none;
    padding-right: 5px;
}

.footer-menu li {
    font-size: 13px;
    line-height: 19px;
}

.footer-contact img {
    width: min(14vw, 100px);
    max-width: 120px;
}

.footer-contact {
    color: #626366;
    font-size: 13px;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    gap: min(2vw, 40px);
}

.footer-call {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 5px;
    color: #626366;
}

.footer-contact a {
    color: #626366;
}

.footer-call span {
    font-size: min(2.5vw, 30px);
}

img.footer-deco {
    max-width: 530px;
}

.footer-banners {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px;
	    align-items: center;
}


.footer-banners img {max-height: 70px; width:auto;max-width: 40vw;}

a:hover {
    color: #000;
}

.footer-catalog a:hover .catalog img {
    right: 2.5vw;
}

.footer-menu a:hover {
    padding-left: 5px;
    padding-right: 0;
}

.footer-tel {
    padding-left: 40px;
    background: url(../templateimages/icon-tel.svg) no-repeat;
    background-size: 30px;
    background-position-y: 65px;
    text-decoration: none;
    white-space: nowrap;
}

.footer-tel:hover {
    background-position-y: center;
}

.home-products-carousel a:hover .home-products-carousel-item {
    background-size: 105%;
    bottom: 10px;
    filter: drop-shadow(rgba(0,0,0,0.3) 0px 20px 25px);
}

.menu-open {
    background-color: #687069;
    height: 100vh;
    display: flex;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	max-height:0;
	min-height:0;
	overflow:hidden;
	opacity:.7;
	transition: 400ms all ease-in-out;
	z-index:20;
}
.menu-open.open {
	max-height:100vh;
	min-height:100vh;
	opacity:1;
}
.menu-open-close {
    position: absolute;
    top: 25px;
    right: 33px;
	width:45px;
}
.menu-open-close a{color:#ffffff;text-decoration:none;font-size:16px;line-height: 31px;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.menu-open-close img {
    width: 36px;
    transform: rotate(45deg);
}
.menu-open-right {
    background-color: #626366;
    flex-basis: 25%;
}

.menu-open-img {
    flex-basis: 25%;
    background-image: url(../templateimages/menu-img.jpg);
	background-repeat: no-repeat;
    background-size: auto 100vh;
    background-position-x: center;
	position:relative;
}
.menu-open-img-obj {position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;transition:300ms all ease-in-out}
.menu-open-img-obj.active {opacity:1}
.menu-open-img-obj img {object-fit:cover;height:100vh}
.menu-open-menu {
    flex-basis: 50%;
    padding: 1vw;
    padding-right: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-top: 14vw;
    gap: 2vw;
}

ul, ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.content ol {list-style-position: inside;}

.content ol li:before {
	content: counter(list-item);
	counter-increment: level1;
    display: block;
    font-family: "hagrid", sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
    font-size: min(2.5vw, 26px);
}

.content ol li:nth-child(-n+9):before {    content: "0" counter(list-item);}

.content ol li:nth-child(11):before {content: "10+1";     font-size: min(3.5vw, 42px); margin-bottom:5px;  }
.content ol li:nth-child(11) { font-size: min(3vw, 30px);    line-height: min(3.5vw, 34px); margin-top: 35px;}

.content li {background-image: url(../templateimages/staxy.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;}
.content a {    color: #efaf30;}
.content ol li {background:none; margin-bottom: 15px; padding-left:0;}


.menu-open-menu-footer {
    display: flex;
    align-items: end;
    padding-right: 1vw;
    flex-grow: 1;
}

.langs {
    display: flex;
    gap: 1vw;
    position: absolute;
    background: #ffffff;
    padding: 0 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    top: 0;
    right: 12px;
	z-index:10;
}

.langs a {
    color: #efaf30;
    text-decoration: none;
}
.langs a:hover {
	color:#000000;
}
.langs a.active {
    color: #777777;
	opacity:.5;
}
.langs a:first-child:after {
    content: " ";
    border-right: 1px solid #cfcfcf;
    height: 18px;
    display: block;
    position: absolute;
    top: 3px;
    left: 50%;
}

ul.mainmenu li a {
    font-size: min(2.5vw, 34px);
    color: #fff;
    text-decoration: none;
    display: flex;
    width: 100%;
    padding: min(2vw, 20px) 0;
}

ul.mainmenu li {
    border-bottom: 1px solid #d9dbd8;
    display: flex;
}

.menu-open-img-title.hagrid {
    position: absolute;
    font-size: min(5.5vw, 80px);
    line-height: min(5vw, 80px);
    color: rgba(255,255,255,0.2);
    padding-left: 1vw;
    bottom: 0;
	width:50vw;
}

ul.mainmenu li a:hover {
    background-color: rgba(255,255,255,0.25);
    padding-left: 1vw;
}

.menu-open-menu-footer .footer-call {
    align-items: normal;
    color: #d9dbd8;
}

.menu-open-menu-footer .footer-tel {
    color: #fff;
    padding-left: 0;
    padding-right: 40px;
    background-image: url(../templateimages/icon-tel-white.svg);
}

.menu-open-menu-footer .footer-tel:hover {
    padding-left: 40px;
}

.menu-open-menu-footer-address {
    color: #d9dbd8;
    font-size: 13px;
    line-height: 19px;
    text-align: right;
    display: f;
}

.menu-open-menu-footer-address a {
    color: #fff;
}

.home-about-text .home-about-link {
    display: none;
}

.mainmenu-items-img {
    display: none;
}

.inside .hero {
   background-image: none;
    backdrop-filter: blur();
    height: auto;
    background-color: #d9dbd8;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding-top: 5vw;
    gap: 10px;
    position: relative;
	z-index:0;
}


h1 {
    color: #687069;
    font-size: min(3.5vw, 55px);
    line-height: min(4vw, 55px);
	text-align:center;
}

.hero-yellow-strip {
    width: 100%;
    height: min(4vw, 80px);
    background-color: #efaf30;
    z-index: 1;
    position: absolute;
    bottom: 0;
    mix-blend-mode: color;
}

.inside-hero-img {
    display: flex;
}

.path {
    filter: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.inside .hero .hero-bg {
    background-image: url(../templateimages/header-about.jpg);
	background-color: #d9dbd8;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position-y: bottom;
    position: fixed;
    filter: blur(10px);
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: -1;
    display: flex;
    width: 100%;
    height: 100%;
    clip-path: content-box;
}

.about-prologue {
    background-color: #687069;
    color: #fff;
    margin-top: -80px;
    padding-top: 40px;
    padding-bottom: 0px;
}

.content-2cols {
    display: flex;
}

.content-2cols-left, .content-2cols-right {
    flex-basis: 50%;
    padding: min(4vw, 80px) min(4vw, 80px);
    position: relative;
}

.about-prologue .content-2cols {
    align-items: center;
}

img.about-history {
    position: absolute;
    top: -5vw;
    width: 40vw;
    max-width: 500px;
    z-index: 1;
}

p {
    margin-bottom: min(4vw, 40px);
}

img.about-right-staxy {
    position: absolute;
    left: -3vw;
    top: 5vw;
    width: 25vw;
    max-width: 420px;
}

img.about-deco {
    max-width: 250px;
}

.inside .footer {
    margin-top: 0;
    padding-top: 5vw;
}

.path a {
    color: #687069;
    font-size: 12px;
}

img.path-down-arrow {width: 15px;}

.about-prologue .content-2cols-right {
    display: flex;
    justify-content: center;
}

.about-right-photo {
    position: relative;
}

.home-products-carousel a {
    text-decoration: none;
}


.inside .home-products-carousel {
    margin: 0;
    left: auto;
    width: 100%;
    flex-wrap: wrap;
    overflow: visible;
    display: flex;
    justify-content: center;
	gap: min(4vw, 80px)
}

ul.table-legend {
    background-color: #d9dbd8 !important;
    font-weight: 600;
    color: #626366;
    font-size: 13px;
    line-height: 15px;
}

.category-table li {
    padding: 10px 10px 6px;
    box-sizing: border-box;
    flex-grow: 1;
	background:none;
}

.category-table ul {
    display: flex;
    justify-content: space-between;
}

.table-caption {
    display: none;
}

li.table-legend-perigrafi, .table-perigrafi {font-weight: 600;flex-grow: 1;flex-basis: 30% !important;}

li.table-legend-kodikos, .table-kodikos {
    flex-basis: 90px !important;
    flex-grow: initial !important;
}

.category-table li:last-child {
    flex-basis: 130px !important;
    flex-grow: initial;
}

.category-table li:nth-child(3) {
    flex-basis: 70px;
}

.category-table li:nth-child(4) {
    flex-basis: 80px;
}

.category-table li:nth-child(5) {
    flex-basis: 110px;
}

.category-table li:nth-child(6) {
    flex-basis: 160px;
}


hr {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #efaf30;
}

h2 {
    font-size: min(6vw, 24px);
    line-height: min(6vw, 24px);
    font-weight: 600;
    margin-bottom: 20px;
}

img.category-staxy {
    transform: rotate(-95deg);
    filter: opacity(0.25);
    position: absolute;
    width: 35vw;
    max-width: 490px;
    top: 0;
    z-index: -1;
}

.category-table ul:nth-child(odd) {
    background-color: #f5f6f5;
}
/*
a.gallery-item {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 50%;
}
*/
img.icon-plus {
    max-width: 30px;
    bottom: min(2vw, 20px);
    right: min(2vw, 20px);
    position: absolute;
    transition: all 0.25s ease-in-out;
    z-index: 1;
}

img.gallery-photo {
    object-fit: cover;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
}

a.gallery-item:hover .gallery-photo {transform: scale(1.1);}

a.gallery-item:hover img.icon-plus {
    transform: rotate(180deg);
}
/*
.category-gallery {
    display: flex;
    gap: 20px;
}
*/
.category-gallery {width:100%;box-sizing:border-box;}
.gallery-item-sample{width:calc(25% - 20px);box-sizing:border-box;}
a.gallery-item {width:calc(25% - 20px);padding:10px 10px 0;display:block;float:left;box-sizing:border-box;margin-bottom:10px;overflow:hidden;max-height:450px;}
a.gallery-item.big {width:calc(50% - 40px); aspect-ratio: 680 / 456;}
a.gallery-item picture {overflow:hidden;display:block;width:100%;height:100%;max-height:440px;display:flex;align-items:center;}
a.gallery-item picture img {object-fit:cover;width:100%;height:100%;display:block;}
.content hr {
    width: 300px;
    margin: min(8vw, 120px) auto;
}

.menu-opener {
    position: fixed;
    z-index: 10;
    padding: 1vw;
    width: 40px;
    height: 40px;
    right: 15px;
    top: 35px;
	transition: 500ms all ease;
}
.menu-opener.offsite {
    background-color: #fff;
    border-radius: 50%;
    opacity: .85;
}
.menu-opener a:nth-child(2){
	margin-top:-10px;
}

/* form */
form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.formleft, .formright {
    flex-basis: 40%;
    flex-grow: 1;
}
input, textarea, button {
    font-family: "effra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: min(1.75vw, 18px);
    line-height: min(2.5vw, 26px);
    padding: 15px;
    border: 1px solid #626366;
}
.form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.formcenter {
    flex-basis: 100%;
}
label {}
.form-group:last-child {
    justify-content: end;
    align-items: end;
}
button {
    border: 0;
    background-color: #efaf30;
    color: #fff;
    font-weight: 600;
    width: max-content;
	transition: all 0.25s ease-in-out;
    cursor: pointer;
}
button:hover {background-color:#687069}

.footer-social img {width:30px}
.footer-social a img {display:flex;}