@import url(foundation.min.css);
@import url(jquery.fancybox.css);
@import url(slick.css);

@font-face {
  font-family: "noir-pro-regular";
  src: url("../fonts/NoirPro-Regular.eot");
  src: url("../fonts/NoirPro-Regular.woff");
  src: url("../fonts/NoirPro-Regular.woff2");
}

@font-face {
  font-family: "noir-pro-bold";
  src: url("../fonts/NoirPro-Bold.eot");
  src: url("../fonts/NoirPro-Bold.woff");
  src: url("../fonts/NoirPro-Bold.woff2");
}

@font-face {
  font-family: "aka-acid";
  src: url("../fonts/ACElegantLuxMager.otf");
  src: url("../fonts/ACElegantLuxMager.ttf");
}

@font-face {
  font-family: "aka-acid-fifindrel";
  src: url("../fonts/AC-Fifindrel_Unicode.otf");
  src: url("../fonts/AC-Fifindrel_Unicode.ttf");
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
h1,
h2,
h3,
h4,
h5,
h6,
html,
body,
audio,
canvas,
video,
a,
small,
label,
legend,
button,
input,
textarea,
time,
.top-bar-section ul li > a {
  font-family: "noir-pro-regular";
  /* font-weight: normal; */
  color: black;
}

.error > label > small {
  text-transform: none;
}

.mobile-menu {
  display: none !important;
}

.button,
button {
  background-color: #257696;
}

.button:hover,
button:hover {
  background-color: #113644;
}

.top-bar-section li:last-child:not(.has-form) a.events:not(.button) {
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #333333 !important;
}

.top-bar-section li:last-child:not(.has-form) a:hover.events:not(.button) {
  background-color: #999999 !important;
}

.st_fblike_hcount {
  margin-right: 25px;
}

.st_pinterest_hcount {
  margin-left: 20px;
}

.contain-to-grid,
.top-bar,
.top-bar-section ul {
  font-size: 1rem;
  color: #666666 !important;
  background-color: transparent !important;
}

.top-bar-section {
  margin-top: 10px;
}

.top-bar-section-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.top-bar-section a {
  color: black !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "noir-pro-regular";
}

.top-bar-section .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 25px;
}

.top-bar-section ul {
  list-style-type: none;
}

.top-bar-section li {
  list-style: none;
}

.top-bar-section .has-dropdown > a:after {
  border-color: #666666 transparent transparent transparent;
}

ul.dropdown {
  background-color: #cccccc !important;
}

.slider,
.slider img {
  width: 100%;
}

.row {
  max-width: 1200px;
}

[data-magellan-expedition="fixed"] {
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}

.breadcrumbs {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breadcrumbs a:not(.current):hover,
.breadcrumbs a:hover i {
  color: #577456;
}

div.breadcrumb {
  max-width: 1200px;
  margin: 0 auto 25px;
}

.breadcrumbs * {
  color: #333333;
}

.breadcrumbs *,
.breadcrumbs > .current {
  line-height: 28px;
  text-transform: capitalize;
  font-size: 1rem;
}

.captcha input {
  margin-top: 8px;
}

body {
  opacity: 1;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 0;
  background-color: #fffdf5;
  -webkit-box-shadow: 0 1px 1px 0 rgba(208, 206, 206, 0.7);
  box-shadow: 0 1px 1px 0 rgba(208, 206, 206, 0.7);
}

.top-bar .toggle-topbar.menu-icon a::after {
  top: -3px;
  right: 5px;
}

.top-bar {
  /* max-width: 1520px; */
  /* with padding-inline -> else width 1520px */
  padding-inline: 20px;
  max-width: 1560px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.top-bar-section {
  margin-top: 0;
}

.top-bar-section li a::before {
  content: "";
  width: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: #000000 2px solid;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.top-bar-section li a:hover::before,
.top-bar-section .active a:hover::before {
  width: 100%;
}

.top-bar .toggle-topbar.menu-icon {
  top: 17px; /* an to header exei upsos 65px diaforetika anaprosarmogi */
  right: 15px;
  left: auto;
  margin-top: 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.top-bar .toggle-topbar.menu-icon a {
  /* height: 25px; */
  height: 40px;
  margin-top: 0;
}

#left-top-bar {
  /* order: 1; */
  padding-left: 20px;
  margin-right: auto;
  /* border: 1px solid red; */
  position: absolute;
}

#right-top-bar-desktop {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px;
  /* order: 3; */
}

.top-bar .title-area {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding-left: 10px;
  order: 2; */
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.social-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 40px;
}

p {
  margin-bottom: 20px;
}

.homepage main {
  padding-top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 100px;
  margin-bottom: 100px;
}

.innerpage main {
  padding-top: 110px;
}

.row--padding,
.columns,
.column {
  padding-left: 12px;
  padding-right: 12px;
}

.row--lg {
  max-width: 1744px;
}

.form-validation input {
  margin-top: 8px;
}

#submitform {
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600 !important;
  background-color: #333333;
  border-radius: 3px;
  font-size: 14px;
}

.home-active li:first-of-type a {
  font-weight: 800;
  text-decoration: none;
}

ul.title-area #logo {
  display: inline-block;
}

.top-bar .name {
  height: initial;
}

/* Plain header links */
.top-bar-section li:not(.has-form) a:not(.button) {
  font-size: 26px;
  color: #fff;
  background-color: transparent;
  position: relative;
  display: inline-block;
}

/* Links with after element */
/* .top-bar-section li:not(.has-form) a:not(.button)::after,
li.has-dropdown.not-click:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
  background-color: #fff;
 
} */
.top-bar-section li:not(.has-form) ul.dropdown a:not(.button)::after {
  /* display: none; */
}

/* No Dropdown Arrow */
.top-bar-section .has-dropdown > a {
  padding-right: 15px !important;
}
.top-bar-section .has-dropdown > a:after {
  /* display: none; */
}

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  color: #fff;
  background-color: transparent;
}
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
  color: #f58220;
  background-color: #fff;
}

/* ------- HERO ------- */

/* ------ SLIDESHOW -------- */
body {
  /* outline: 1px solid black; */
}

/* language switcher */
.language-switcher ul li {
  /* !!!!!!!!!!!!!!!!!!!!!!!!!! */
  margin: 0;
  /* !!!!!!!!!!!!!!!!!!!!!!!!!!! */
}

.language-switcher ul li a {
  text-transform: uppercase;
}

.slideshow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slideshow .slider {
  max-width: 1520px;
  /* margin: 0 auto; */
}
.slideshow img {
  -o-object-fit: cover;
  object-fit: cover;
}

.slick-slider {
  margin-bottom: 0;
}

/* --------------- dots setup - slideshow ----------------*/
/* .slideshow .slick-dots {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 0;
}

.slideshow .slick-dots li {
  list-style: none;
}

.slideshow .slick-dots button {
  font-size: 0;
} */

/* ------- ABOUT ------- */
/* -------------- COMPANY ---------------- */
.company-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-inline: 20px;
  /* with padding -> else width 1520px */
  max-width: 1560px;
  margin: 0 auto;
}

.company-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
  max-width: 760px;
}

.company-details .moduleTitle {
  font-family: "noir-pro-bold";
  font-size: 46px;
  margin-bottom: 30px;
}

.company-details p {
  font-family: "aka-acid";
  font-size: 26px;
  line-height: 1.2;
}

.company-details a {
  font-family: "aka-acid";
  font-size: 26px;
  text-decoration: none;
  color: #577456;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-block: 14px;
  padding-left: 10px;
  border: 2px solid transparent;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.company-details a:hover {
  border-left: 2px solid #577456;
  border-bottom: 2px solid #577456;
  border-top: 2px solid #577456;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* -webkit-transition: border-radius 2s; */
}

.company-details a::before {
  content: "";
  position: absolute;
  width: 100%;
  border-top: 2px solid #577456;
  border-bottom: 2px solid #577456;
  border-right: 2px solid #577456;
  top: -2px;
  bottom: -2px;
  right: -95px;
}

.company-image {
  width: 760px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.company-image img {
  position: absolute;
  bottom: 0;
  border-radius: 110px 110px 0 0;
  border: 10px solid white;
  border-bottom: none;
}

/* --------- SERVICES -------------- */
.services-container {
  background-color: #577456;
  /* max-height: 812px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  /* justify-content: center; */
  padding-block: 50px;
}

.services-container h1,
.services-container h2 {
  margin: 0;
  padding: 0;
  color: #fffdf5;
}

.services-container h1 {
  font-family: "noir-pro-bold";
  font-size: 46px;
}

.services-container h2 {
  font-family: "aka-acid-fifindrel";
  font-size: 74.07px;
  letter-spacing: 2px;
  line-height: 0.4;
  /* margin-bottom: 25px; (+30px) */
  margin-bottom: 55px;
}

.services-content .moduledata h5 {
  margin-top: 30px;
  color: #fffdf5;
  font-size: 22px;
  font-family: "noir-pro-bold";
  text-decoration: none;
  position: relative;
}

.services-container #discover-more {
  font-family: "noir-pro-bold";
  color: #fffdf5;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  border: 2px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.services-container #discover-more:hover {
  border: 2px solid #fffdf5;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.services-container #discover-more::before {
  content: "";
  position: absolute;
  width: 65%;
  border-top: 2px solid #fffdf5;
  border-bottom: 2px solid #fffdf5;
  border-right: 2px solid #fffdf5;
  top: -2px;
  bottom: -2px;
  right: -2px;
}

.services-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 52px;
  margin: 0 auto;
  max-width: 1520px;
  padding-inline: 84px;
  text-align: center;
  margin-bottom: 50px;
}

.services-content h5 {
  margin: 0;
  padding: 0;
}

.services-content .moduledata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 35px;
}

.services-content .moduledata figure {
  /* border: 1px solid red;  */
  margin: 0;
}

.services-content .moduledata img {
  border-radius: 110px;
}

/* ----------- GALLERY -------------- */

.gallery-container {
  padding-inline: 20px;
  max-width: 1560px;
  /* border: 1px solid red; */
  margin: 0 auto;
  /* max-width: 1520px; */
}

.gallery-grid {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  margin: 0 auto;
  /* max-height: 600px; */
  max-width: 1520px;
  -ms-grid-columns: 1fr 14px 1fr 14px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 14px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas:
    "img1 img2 img3"
    "img1 img4 img5";
}

.gallery-grid img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery-grid > :nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: img1;
}
.gallery-grid > :nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: img2;
}
.gallery-grid > :nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: img3;
}
.gallery-grid > :nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: img4;
}
.gallery-grid > :nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: img5;
}

.gallery-grid > :nth-child(1) img {
  height: 518px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery-container .moduledata figure {
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery-green-bg {
  background-color: #577456;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding: 20px;
  padding-top: 40px;
  /* max-width: 460px; */
}

.gallery-green-bg h2 {
  font-family: "aka-acid";
  color: #fffdf5;
  font-size: 57px;
  margin: 0;
  line-height: 0.9;
  z-index: 1;
}

.gallery-green-bg a {
  font-family: "noir-pro-regular";
  color: #fffdf5;
  font-size: 20px;
  text-decoration: none;
  z-index: 1;
  position: relative;
  border: 2px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  width: fit-content;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.gallery-green-bg a:hover {
  border: 2px solid #fffdf5;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.gallery-green-bg a::before {
  content: "";
  position: absolute;
  width: 80%;
  border-top: 2px solid #fffdf5;
  border-bottom: 2px solid #fffdf5;
  border-right: 2px solid #fffdf5;
  top: -2px;
  bottom: -2px;
  right: -2px;
}

.gallery-symbol-bg {
  position: absolute;
  top: 0;
  right: 0;
}

/* .gallery-grid {
  max-width: 1520px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 14px;
}

.gallery-grid img:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-grid img:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-grid img:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-grid img:nth-child(4) {
  grid-column: 3;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-grid img:nth-child(5) {
  grid-column: 3;
  grid-row: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

/* ------- CATEGORY PAGE ------- */
.category__img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1520px;
  margin: 0 auto;
}

.category__img img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.category__title {
  position: absolute;
  bottom: 0;
  /* transform: translateX(-80%); */
  /* left: 50%; */
  font-family: "aka-acid";
  color: #ffffff;
  font-size: 60px;
  background-color: rgba(0, 0, 0, 0.01);
  width: 100%;
  text-align: center;
}

.categories-container {
  background-color: #577456;
  /* max-height: 812px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-block: 50px;
  /* margin-block: 50px; */
  margin: 0 auto;
  max-width: 1520px;
}

.articlelistingrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.articlelistingrow h4,
.articlelistingrow p {
  margin: 0;
  padding: 0;
}

.categories-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 52px;
  /* margin: 0 auto; */
  padding-inline: 84px;
  text-align: center;
}

.categories-content img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.categories-content a {
  color: #ffffff;
  font-family: "noir-pro-bold";
  font-size: 22px;
}

.articlelistingrow img {
  border-radius: 110px;
  margin-bottom: 25px;
}

.articlelistingrow:hover {
  p a {
    text-decoration: underline;
  }
}

/*-------------- GALLERY PAGE --------------*/
.gallery-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1520px;
  margin: 0 auto;
}

.gallery-image img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

#gallery-content {
  padding-block: 40px;
  /* with padding 1545px else 1520px */
  max-width: 1545px;
}

#gallery-title {
  position: absolute;
  bottom: 0;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  color: #fff;
  font-family: "aka-acid";
  font-size: 60px;
  width: 100%;
  text-align: center;
}

/* ---------------ARTICLE PAGE  ----------------- */
#article-image.main__image img {
  width: 1520px;
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover;
}

#article-breadcrumb {
  max-width: 1520px;
}
/*  */

/* ------------STATIC PAGE --------------------- */

#static-page-image.main__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1520px;
  margin: 0 auto;
}

#static-page-image.main__image img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.static-page__title {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-family: "aka-acid";
  font-size: 60px;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.01);

  /* font-size: 32px; */
}
.static-page__content p {
  line-height: 28px;
}

/* -----CONTACT PAGE------- */
.articleImage-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1520px;
  margin: 0 auto;
}

.form-page__title {
  color: #fff;
  font-family: "aka-acid";
  font-size: 60px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.01);
}

#contact {
  margin-top: 40px;
}

#contact input,
#contact textarea,
#contact button,
#contact select {
  border-radius: 10px;
  font-family: "noir-pro-regular";
}

/* ------- FOOTER ------- */
.site-footer {
  /* position: relative; */
  background: url("../img/footer-symbol-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.site-footer img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.site-footer__copyrights {
  margin-top: 15px;
}

.site-footer__copyrights,
.site-footer__copyrights a {
  font-size: 16px;
  color: #fff;
}

.site-footer__logo {
  text-align: right;
}

.footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-block: 125px;
  /* position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0; */
  /* right: 0; */
}

.book-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  gap: 90px;
  margin-bottom: 220px;
}

.book-container h2 {
  font-family: "aka-acid";
  font-size: 72px;
  margin: 0;
}

.book-content {
  /* max-width: 1520px; */
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 190px;
  padding-inline: 40px;
}

.footer-calendar-container .flatpickr-months .flatpickr-month {
  background-color: #e5e7e9;
}

.footer-calendar-container .flatpickr-day {
  color: #000000;
}

.footer-calendar-container .flatpickr-day.today {
  border-color: #31afea;
  border-radius: 50%;
}

.footer-calendar-container .flatpickr-day.selected {
  border-radius: 50%;
}

.footer-calendar-container .flatpickr-day.flatpickr-disabled,
.footer-calendar-container .flatpickr-day.flatpickr-day.prevMonthDay,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.flatpickr-day.prevMonthDay:hover,
.footer-calendar-container .flatpickr-day.flatpickr-disabled:hover {
  color: #4b4a4a;
}

.footer-calendar-container span.flatpickr-weekday {
  color: rgba(0, 0, 0, 0.7);
}

.footer-calendar-container .flatpickr-weekdays {
  background-color: #f1f3f4;
}

.footer-calendar-container .flatpickr-day:hover,
.footer-calendar-container .flatpickr-day.prevMonthDay:hover,
.footer-calendar-container .flatpickr-day.nextMonthDay:hover,
.footer-calendar-container .flatpickr-day:focus,
.footer-calendar-container .flatpickr-day.prevMonthDay:focus,
.footer-calendar-container .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  border-radius: 50%;
}

.footer-calendar-container .flatpickr-day.nextMonthDay {
  height: 0;
  width: 0;
  visibility: hidden;
}

.footer-calendar-container .dayContainer {
  background-color: #f1f3f4;
}

.footer-calendar-container .flatpickr-day {
  /* background-color: white; */
  border-radius: 0;
}

/* ------------hidden input ---------------*/
.footer-calendar-container input[type="text"] {
  display: none !important;
}

.footer-contact {
  /* width: 432px;
  text-align: left;
  justify-content: flex-start; */
}

.footer-contact {
  /* border: 1px solid red; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  width: 432px;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer-contact .columns {
  padding: 0;
  margin: 0;
  /* border: 1px solid red; */
}

.footer-contact label {
  font-family: "aka-acid";
  font-size: 21px;
  color: black;
}

.footer-contact input,
.footer-contact textarea,
.footer-contact button {
  margin: 0;
  /* padding: 0; */
}

.footer-contact #submitform {
  /* background-color: #333333; */
  font-family: "aka-acid";
  font-size: 21px;
  color: white;
  margin: 0;
  padding: 10px 25px;
}

.book-container .alert-box {
  margin-top: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
}

.location-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.footer-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 190px;
}

.footer-details h2,
.footer-details a {
  margin: 0;
  color: #313131;
  font-size: 27px;
  font-family: "aka-acid";
}

.footer-details a {
  /* text-decoration: underline; */
  color: #313131;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.footer-details a:hover {
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  text-decoration: underline;
}

.footer-map {
  margin-left: auto;
  border-top: 5px solid #577456;
  border-bottom: 5px solid #577456;
  border-left: 5px solid #577456;
  border-radius: 25px 0 0 25px;
  height: 528px;
}

.footer-map iframe {
  height: 100%;
  border-top: 5px solid #577456;
  border-bottom: 5px solid #577456;
  border-left: 5px solid #577456;
  border-radius: 20px 0 0 20px;
}

.footer-imonline {
  /* border: 1px solid red; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  bottom: 0;
  left: 0;
  margin-top: 40px;
  padding-right: 190px;
  /* padding-bottom: 20px; */
}

.site-footer.contact .book-container {
  display: none;
}

@media screen and (max-width: 1520px) {
  .book-container {
    margin-bottom: 100px;
  }
  .footer-content {
    padding-block: 60px;
  }
  .footer-details {
    padding-left: 20px;
    gap: 10px;
  }
  .footer-details h2,
  .footer-details a {
    font-size: 20px;
  }

  .footer-map {
    height: 450px;
  }
  .footer-map iframe {
    width: 700px;
  }
  .footer-imonline {
    padding-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .top-bar {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .title-area {
    padding-top: 10px;
  }

  .title-area img {
    width: 120px;
    height: auto;
  }

  #left-top-bar {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 100%;
    /* display on oposite side */
    margin-left: -260px;
    /* border: 1px solid red; */
  }

  #right-top-bar-desktop {
    margin-left: unset;
    /* margin-left: 220px; */
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 100%;
  }

  #right-top-bar-desktop,
  #left-top-bar {
    margin-top: auto;
  }

  .social-top-bar img {
    width: 25px;
    height: auto;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 16px;
  }
  .company-details {
    gap: 10px;
    max-width: 600px;
  }

  .company-details .moduleTitle {
    font-size: 36px;
    /* margin-bottom: 20px; */
  }

  .company-details p {
    font-size: 20px;
  }

  .company-details a {
    font-size: 20px;
    padding-block: 10px;
  }

  .company-details a::before {
    right: -50px;
  }

  .gallery-grid .moduledata figure img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .gallery-grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (1fr) [3];
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas:
      "img1 img1"
      "img2 img3"
      "img4 img5";
  }

  .gallery-grid img {
    height: 100%;
  }

  .gallery-grid > :nth-child(1) img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .gallery-grid img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .gallery-green-bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .gallery-grid > :nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .gallery-grid > :nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .gallery-grid > :nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .gallery-grid > :nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .gallery-grid > :nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .top-bar-section .center {
    gap: 15px;
  }

  #left-top-bar {
    padding-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  [class*="block-grid-"] {
    max-width: 660px; /* αλλαγή ανάλογα με το μέγεθος του thumb */
    margin: auto;
  }

  .homepage main {
    gap: 50px;
    margin-bottom: 50px;
  }

  .company-container {
    gap: 30px;
  }

  .company-details {
    gap: 5px;
    max-width: 450px;
  }

  .company-details .moduleTitle {
    font-size: 26px;
    margin-bottom: 15px;
  }

  .company-details p {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .company-details a {
    font-size: 18px;
    padding-block: 10px;
  }

  .company-details a::before {
    right: -50px;
  }

  .company-image {
    width: 400px;
  }

  .services-container {
    padding-block: 30px;
  }
  .services-container h1 {
    font-size: 30px;
  }

  .services-container h2 {
    font-size: 50px;
    /* margin-bottom: 25px; (+30px) */
    margin-bottom: 30px;
  }

  .services-content {
    display: -ms-grid;
    display: grid;
    margin-bottom: 20px;
    /* padding-block: 20px; */
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .services-content .moduledata {
    gap: 20px;
  }

  .services-content .moduledata h5 {
    font-size: 20px;
  }

  .services-container #discover-more {
    margin-top: 20px;
    font-size: 18px;
    padding: 10px;
  }

  .services-container #discover-more::before {
    width: 65%;
  }

  .book-container {
    gap: 50px;
    /* margin-bottom: 30px; */
  }

  .book-container h2 {
    font-size: 50px;
  }

  .book-content {
    gap: 100px;
  }

  .footer-contact {
    width: 300px;
    gap: 20px;
  }
  .footer-details h2,
  .footer-details a {
    font-size: 18px;
  }

  .footer-map {
    height: 400px;
  }

  .footer-map iframe {
    width: 600px;
  }
  /*-------------- FONTS FOR ALL PAGES -----------------*/
  .category__title,
  .form-page__title,
  .static-page__title {
    font-size: 40px;
  }
  /* ------------------------CATEGORY PAGE---------------- */
  .categories-container {
    padding-block: 30px;
    padding-inline: 20px;
  }

  .categories-content {
    gap: 30px;
    padding-inline: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }

  .categories-content h4 a {
    font-size: 20px;
  }
}

.static-page__content {
	padding: 20px 0;
	margin-top: 50px;
}

.static-page__content p,
.static-page__content li {
	font-size: 20px;
}

@media screen and (max-width: 890px) {
  .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 14px;
  }
	
	.static-page__content p,
.static-page__content li {
	font-size: 16px;
}

  .top-bar-section .center {
    /* gap: 15px; */
  }

  .social-top-bar {
    width: 100px;
    height: auto;
  }

  #left-top-bar {
    margin-left: -240px;
  }

  #right-top-bar {
    /* gap: 20px; */
  }

  .company-details {
    max-width: 350px;
  }

  .footer-content h2 {
    font-size: 40px;
  }
  .book-container {
    margin-bottom: 20px;
  }

  .book-content {
    gap: 70px;
  }

  .footer-contact {
    width: 300px;
    gap: 10px;
  }

  .footer-details h2,
  .footer-details a {
    font-size: 16px;
  }

  .footer-map {
    height: 290px;
  }
  .footer-map iframe {
    width: 380px;
  }
}

@media screen and (max-width: 768px) {
  .homepage main {
    gap: 30px;
    margin-bottom: 30px;
  }
  .company-container {
    /* flex-direction: column; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
  }

  .company-details {
    max-width: 650px;
    /* max-width: 300px; */
  }
  .company-details p {
    margin-bottom: 20px;
  }

  .company-details .moduleTitle {
    font-size: 20px;
    /* margin-bottom: 10px; */
  }

  .company-details p {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .company-details a {
    font-size: 16px;
    padding-block: 8px;
  }
  .company-image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto;
  }
  .company-image img {
    position: relative;
    /* display: flex;
    justify-content: center; */

    width: 200px;
  }

  .services-container h1 {
    font-size: 24px;
  }

  .services-container h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .services-content .moduledata h5 {
    margin-top: 20px;
  }

  .services-content {
    gap: 20px;
    padding-inline: 30px;
    margin-bottom: 10px;
  }

  /*-------------- FONTS FOR ALL PAGES -----------------*/
  .category__title,
  .form-page__title,
  .static-page__title,
  #gallery-title {
    font-size: 30px;
  }

  /* ------------------------CATEGORY PAGE---------------- */
  .categories-container {
    padding-block: 20px;
    padding-inline: 10px;
  }

  .categories-content {
    gap: 20px;
  }
  .categories-content img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .categories-content a {
    font-size: 12px;
  }

  .categories-content .articlelistingrow img {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 640px) {
  .st_linkedin_hcount {
    display: none;
  }

  .desktop-menu {
    display: none !important;
  }

  .mobile-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  [class*="block-grid-"] {
    max-width: 330px; /* αλλαγή ανάλογα με το μέγεθος του thumb */
    margin: auto;
  }

  .breadcrumbs *,
  .breadcrumbs > .current {
    font-size: 15px;
  }

  .top-bar-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none !important;
  }

  .top-bar {
    display: block;
    padding-inline: 0;
  }

  .top-bar .toggle-topbar.menu-icon a {
    color: #000000;
    margin-top: 5px;
    position: relative;
    width: 2.4rem;
    padding-right: 0;
    height: auto;
    /* margin-left: auto; */
  }

  #right-top-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* .top-bar .toggle-topbar.menu-icon a::after {
    box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;
  } */

  .top-bar .toggle-topbar.menu-icon a::after {
    display: none !important;
  }

  .top-bar .toggle-topbar.menu-icon a span {
    display: block;
    width: 100%;
    border-radius: 3px;
    height: 0.3rem;
    /* background: var(--secondary); */
    background: black;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
  }

  .top-bar .toggle-topbar.menu-icon a span + span {
    margin-top: 0.3rem;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top forwards;
    animation: ease 0.7s top forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top-2 forwards;
    animation: ease 0.7s top-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled forwards;
    animation: ease 0.7s scaled forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled-2 forwards;
    animation: ease 0.7s scaled-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom forwards;
    animation: ease 0.7s bottom forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom-2 forwards;
    animation: ease 0.7s bottom-2 forwards;
  }

  /*------TOP BAR ---------- */
  .top-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .homepage main {
    padding-top: 65px;
  }

  .innerpage main {
    padding-top: 65px;
  }

  .top-bar .title-area {
    padding: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    /* margin-right: auto; */
  }

  .title-area img {
    width: 100px;
    height: auto;
  }

  #right-top-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    max-width: 300px;
    /* flex-direction: column; */
  }

  .social-top-bar {
    width: 400px;
    height: auto;
  }

  .social-top-bar img {
    width: 35px;
    height: auto;
  }

  .company-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    width: 100%;
  }

  .top-bar-section li a::before {
    bottom: 0;
  }

  .company-image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .services-container #discover-more {
    margin-top: 0;
  }

  .gallery-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .services-content .moduledata h5 {
    margin-top: 10px;
  }
  .gallery-green-bg h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .gallery-green-bg a {
    font-size: 16px;
    padding: 10px;
  }

  .gallery-grid > :nth-child(1) img {
    height: 200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .gallery-grid img {
    height: 200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  /*-------------- FONTS FOR ALL PAGES -----------------*/
  .category__title,
  .form-page__title,
  .static-page__title,
  #gallery-title {
    font-size: 20px;
  }

  /* ------------------------CATEGORY PAGE---------------- */
  .categories-content {
    gap: 20px;
    /* flex-direction: column; */
  }
  .categories-content img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .categories-content h4 a {
    font-size: 18px;
  }

  /* ----FOOTER------- */

  .footer-content {
    padding-block: 20px;
  }

  .book-container {
    gap: 20px;
  }

  .book-container h2 {
    font-size: 30px;
  }

  .book-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
  }

  .footer-contact {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    /* gap: 30px; */
  }

  .location-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .footer-details {
    /* margin-left: auto; */
    text-align: center;
    padding-right: 10px;
  }

  .footer-map {
    /* display: flex; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border-right: 5px solid #577456;
    border-radius: 40px;
    height: 200px;
  }

  .footer-map iframe {
    border-right: 5px solid #577456;
    border-radius: 35px;
  }

  .footer-imonline {
    padding-right: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    padding: 0;
  }

  @-webkit-keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }

  @keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }

  @-webkit-keyframes top-2 {
    0% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @keyframes top-2 {
    0% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @-webkit-keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
  }

  @keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
  }

  @-webkit-keyframes bottom-2 {
    0% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @keyframes bottom-2 {
    0% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @-webkit-keyframes scaled {
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  }

  @keyframes scaled {
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  }

  @-webkit-keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  /* MENU PHONE */
  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
  }

  .top-bar.expanded .title-area {
    background: transparent;
  }

  #right-top-bar.top-bar-section.mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-bottom: 50px;
    gap: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .top-bar-section.mobile-menu .center {
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .social-top-bar {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    text-align: center;
    font-size: 25px;
  }

  .top-bar {
    height: 65px;
  }

  ul.dropdown {
    background: transparent !important;
  }

  .top-bar.expanded #right-top-bar {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation-name: moveDown;
    animation-name: moveDown;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }
  @-webkit-keyframes moveDown {
    from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes moveDown {
    from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

  /* .top-bar.expanded {
    height: auto;
  } */

  #right-top-bar.top-bar-section.mobile-menu {
    gap: 30px;
  }
}

@media screen and (max-width: 480px) {
  .services-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
  }
  .services-content .moduledata img {
    border-radius: 10px;
  }
  .services-content img {
    width: 75%;
    height: auto;
  }

  .services-content .moduledata h5 {
    font-size: 18px;
  }

  .services-container #discover-more {
    font-size: 16px;
    padding: 10px;
  }
  .footer-map iframe {
    width: 100%;
  }

  /* CATEGORY PAGE */
  .categories-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 30px;
  }

  .categories-content img {
    width: 75%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
  }

  .categories-content h4 a {
    font-size: 16px;
  }

  .top-bar-section.mobile-menu .center,
  #right-top-bar.top-bar-section.mobile-menu {
    gap: 15px;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 18px;
  }
}

.fixed-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000000;

  z-index: 20;
  padding: 13px 25px;

  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.fixed-btn > a {
  color: #fff;
  font-size: 23px;
}

ul.pagination li {
  height: auto;
}

ul.pagination li.current a,
ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
  background: #000000;
}

ul.pagination li {
  padding: 5px;
  list-style: none;
}

ul.pagination li a {
  font-size: 16px;
}