:root{
         --secondary-bg-color: rgb(238, 238, 238);
         --white-color-icon: invert(100%) sepia(100%) saturate(0%)
hue-rotate(310deg) brightness(107%) contrast(101%);
         --black-color-icon:invert(0%) sepia(100%) saturate(7430%)
hue-rotate(13deg) brightness(111%) contrast(114%);
         --grey-color-icon:invert(51%) sepia(1%) saturate(0%)
hue-rotate(11deg) brightness(92%) contrast(92%);;
         --white-color: rgb(255, 255, 255);
         --grey-color: rgb(121, 121, 121);
         --black-color:rgb(0,0,0);
         --hero-padding:13rem;
         --more-link-padding:0.5rem;
         }

@layer reset{
         *,*::before, *::after{
             box-sizing: border-box;
         }
         *{
             margin:0;
         }
         body{
             min-height: 100dvh;
             line-height: 1.2; /*1.5*/
         }
         input,button,textarea, select{
             font:inherit;
         }
          img, svg{
             display: block;
             max-width: 100%;
             height: auto;
         }
         p, h1,h2{
             overflow-wrap: break-word;
         }
} 

@layer elements{
         body{
             font-family:"Roboto", sans-serif;
             background-color:var(--white-color);
             color:var(--black-color);
         }
         a{
             color:inherit;
             text-decoration: none;
         }
         svg{
             width: 20px;
             height: 20px;
         }

}

@layer layout{

/*overlays*/
.overlay{
          position:fixed;
          inset:0;
          display:flex;
          flex-direction:column;
          transform:translateY(-20px);
          align-items:center;
          justify-content:center;
          gap:1.5rem;
          top: 13rem;
            right: 0;
            left: 0;
         bottom: 0;
z-index: 5;
      }

.overlay.open{ transform:translateY(0);}

      .overlay-close{
          position:absolute;
          top:0;
          right:0;
          margin: 1rem;
          display:flex;
          align-items:center;
          gap:0.5rem;
          z-index: 3;
      }
    
/*burger desktop*/
.mobile-links{ display: flex;flex-direction: column; align-items: center;}
.mobile-links li{margin: 0.5rem 0; }

.overlay-top{
     display:flex;
     flex-direction:column;
     align-items:center;
     width: 100%;
     gap:1.5rem;
     text-align:center;
}
.desktop-links-content{
     display:flex;
     margin-top: 4rem;
     justify-content: center;
     transform: translateY(-30%);
     align-items:center;
     gap:2rem;
     width: 100%;
      max-width:1200px;/**/
}

.desktop-links-content img{
     width:100%;
     max-width:420px;
}
.desktop-search-box{
     display:flex;
     align-items:center;
     justify-content: center;
     gap:1rem;
     width:80%;
     max-width:700px;
}
.desktop-search-box input{
     outline: none;
     border: none;
     width: 100%;
}
.desktop-links{ display:none; }
.desktop-links-center{
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.contact-item{  display:flex;  align-items:center;  gap:.6rem; }
.phones{   display:flex;    gap:2rem; }
.socials{    display:flex;  flex-wrap:wrap;  gap:1rem; }

/*languages*/   
.languages-links{
    display:flex;
    flex-direction: column;
    gap:4rem;
}
.languages-links a{  
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
/*services*/
.services-links{
     display:flex;
     flex-direction:column;
     align-items:center;
     gap:1.4rem;
     padding:0;
     margin:0;
}
.services-back{
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 280px;
     height: 70px;
}

.services-back svg{
     position: absolute;
     left: 25px;
     width: 24px;
     height: 24px;
}

.services-arrow a{display: flex; width: 200px;  gap: 1rem; }
.services-top{ position:absolute; top: 0;  margin: 5rem; }
.services-top span{display: flex; flex-direction: column; align-items: center; }
.services-top svg{width: 40px; height: 40px;}

/*search*/
.search-box{ justify-content: center;   display:flex;   align-items:center;   gap:1rem;  }
.search-box input{max-width: 250px;}

/*offers-form*/
.offer-form{display:grid; grid-template-columns: 1fr; gap:0.5rem; width:100%; max-width: 1280px;padding:0 2rem;}
.offer-form-left,.offer-form-right{display:flex;flex-direction:column;}
.form-group{display:flex;flex-direction:column;margin-bottom:2rem;}
.form-group label{ margin-bottom:.7rem;  font-size:1rem;  font-weight:700;  color:#fff;}
.offer-form-overlay .overlay-top, .contact-overlay .overlay-top { display: none;}
.form-arrow-btn{display:flex;align-items:center;gap:.7rem;width:max-content;margin-left:auto;
                border:none; background:none;  color:#fff; font-weight:700; cursor:pointer;}
.offer-form-overlay input, .offer-form-overlay textarea{border: none; outline: none;}




/*header-navbar*/
.navbar a span{  display: flex; position: relative; }
.navbar a{display: flex;}
.navbar svg{width: 20px; height: 20px;}
.right-menu{display: block;}
header {
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding-inline: 1.2rem;
    padding-bottom: 3rem;

}

.header-logo img { height: 79px;   width: 140px; }

.navbar{
    position:absolute;
    top:100%;
    right:0;
    flex-direction:column;
    opacity:0;
    display: none;
    transform:translateY(-20px);
    transition:.3s;
    list-style:none;
    z-index: 10;
}

.navbar.open{
    opacity:1;
    display: flex ;
    visibility:visible;
    z-index: 10;
    transform:translateY(0);
}

.burger-mobile{ display:block;height: 30px;  }
.burger-desktop{  display:none; }
.navbar-container{
    display: flex;
    position:relative;
    align-self: center;
    justify-content:space-between;
}

.language{
    display:flex;
    align-items:center;
    gap:.3rem;
    padding-left:1rem;
    margin-left:1rem;
    height:1.8rem;
}
.right-menu{ display: flex;  align-items:end;}

 /*contacts*/
.slideshow-indicators{
    display: none;
    flex-direction: column;
    position: absolute;
    left:-1.6rem;
    bottom: 50%;
    gap: 2rem;
     z-index: 12;
}



.contact-bar{ flex-wrap: wrap; padding: 0 1rem;  grid-column: 2; grid-row: 1; display: flex; flex-direction:row;align-items:center;gap:1rem;z-index:2;    padding: .75rem 1rem; justify-content: center;}


.contact-bar svg{
    width:15px;
    height:15px;
}
.hero-contact-item{
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5rem;
}
.hero-contact-item a{
    display:flex;
    justify-content: center;
    gap:.4rem;
    width: auto;
}


/*socials*/
.social-bar{
    grid-column:2;
    grid-row: 1;
    display:flex;
    padding: 0.5rem 1rem;
    align-items:center;
    gap:0.5rem;
    z-index:2;
    margin-top: -4rem;
    overflow: visible;
}
.social-bar {
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 1rem;
}
.contact-bar > div{    display: flex; flex-direction: row;gap: 1rem;}

.social-bar svg{ width:20px; height:20px; }

/*hero-slider*/
.hero{  grid-column:2; } 

.hero-main{
    display:grid;
    min-height: 500px;
    position: relative;
}

.bg-number{
    position: absolute;
    padding-left: 4rem;
    top:20%;
    left: 0;
    z-index: 2;
    display: none;
}
.bg-number.hidden{  opacity:0;  }
.hero-txt{   max-width: 60%;        }

.hero-img-bg{
    grid-area:1/1;
    z-index: 1;
    width: 100%;
    height: 550px;   /* ή clamp(400px, 65vw, 550px) */
    object-fit: cover;
}

.hero-content{
    grid-area:1/1;
    display:flex;
    flex-direction:column;
    gap:1rem;
    justify-self:start;
    align-self:center;
    padding-left: 5rem;
    z-index:3;
    position: relative;
    bottom: 15%;
}
.hero-content p{
    max-width:100%;
    font-size:.95rem;
}

.hero-arrows{
    display: flex;
    right: 0;
    bottom: 0;
    gap: 5px;
    grid-area: 1/1;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}

.hero-arrows-container{ padding: 0.5rem;}

/*whte-box-links*/
.white-btn{
    display: flex;
    padding: var(--more-link-padding);
    gap: 0.7rem ;
    width:fit-content;
    z-index: 3;
}
.white-btn svg{    width:20px;  height:20px;   }

.main-grid{    
    display:block;
    position: relative; 
}

/*main wrapper*/
.main-content{     
    width:100%;
    max-width:none;
    margin:0;
    padding:0; }

/*feature-1*/
.long-arrow, .banner-long-arrow{
    width: 40px;
    height:120px;
}
.feature1-layout{
    width: 100%;
    max-width: 1280px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin: 0 auto;
    gap:1rem;
    padding: 0 1rem 4rem 1rem;
}

.feature1-img{
    overflow:hidden;
    position:relative;
    margin-top: -3rem;
    margin-bottom: 5rem;
    aspect-ratio: 4/5;
    max-width: 200px;
    z-index: 11;
}

.feature1-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.arrow-txt p{ margin-top: 14px}
.arrow-txt{display: flex; }
.arrow-txt svg, .arrow-txt-feature3 svg{display: none;}
.arrow-txt svg, .arrow-txt-feature3 svg {display: none;}
.feature1-txt{
    display:flex;
    flex-direction:column;
    padding: 2rem 0 2rem 1rem;
    margin-top: -2.5rem;
}

.feature1-more-link{  position: absolute;  right: 0;  bottom: 0;}

/*feature2-3*/

/*feature2*/
.feature2-layout{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.card{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1280px;
}
.card-image{
    position: relative;
    flex: 0 0 40%;
    overflow: hidden;
    margin-top: -3rem;
}


.card-image img{
    width: 100%;
    display: block;
    aspect-ratio: 16/10;
    object-fit: cover;
}
.feature2-txt{
    flex: 1;
    position: relative;
    padding-top: 3rem;
  
}
.feature2-txt h3{
    width: 100%;
    text-align: center;
}
.features2-3{position: relative;}
.features2-3-wrapper{ 
    z-index:2; 
    object-fit: cover; 
    margin: 0 auto;
    max-width: 1280px; 
    position: relative;
    padding: 0 1rem;
}
.features2-3-bg{    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;}


.card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.feature2-txt p {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 4rem;
}
.feature2-txt h3{align-self: center;}

.watermark{
    position: absolute;
    top: 0.9rem;
    left:50%;
    top:30%;

    transform:translate(-50%,-50%);
    z-index: 0;
}

.card-more-link{
    display:flex;
    align-items:center;
    gap:0.6rem;
    padding:0.6rem 1rem;
    z-index:3;
}

.card-content{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    padding:1rem;
    z-index:10;
}

/*feature3*/
.feature3{ margin: 0 auto; margin-top: 3rem;}

.arrow-txt-feature3{display: flex; justify-content: center;}
.arrow-txt-feature3 p{ margin-top: 19px;}

.feature3-content{
    width: 100%;
    max-width: 1280px;
}

.feature3-img {width:100%; object-fit:cover; }
.feature3-more-link{ position:absolute;right:0;  bottom:0; }

/*black-box-links*/
.black-btn{
    width:fit-content;
    display: flex;
    padding: var(--more-link-padding);
    gap: 0.7rem;
    z-index:3;
}
.black-btn svg{    width:20px;  height:20px;   }
.feature3-txt{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    padding-left: 1rem;
    margin-bottom: -12rem;
    height: 200px;
}
/*features4-5-6*/
.features4-5-6{    padding-top: 14rem;}
/*feature4*/

.feature4 {
    position: relative;
}
.feature4-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1280px;
}
.feature4-layout {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-block: 3.2rem;
    padding-left: 1rem;
    position: absolute;
    top: 0;
}
.feature4-more-link{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 0.5rem;
}
.feature4-txt{
    max-width: 450px;
    position: relative;
}
.feature4-bg-title{
    position:absolute;
    left: 0;
    transform: translateY(-50%);
    white-space: nowrap;
}

/*feature5*/
.feature5{
    position: relative;
    background-color: var(--secondary-bg-color);
    padding:3rem 0 18rem;
    z-index: 1;
}
.feature5-bg-title{
    position:absolute;
    top:16%;
    left:50%;
    white-space: nowrap;
    transform:translate(-50%,-50%);
}
.feature5-txt{
    max-width: 700px;
    margin: 0 auto;
    padding: 2rem 1rem 0 1rem;
    text-align: center;
}


/*feature6*/
.feature6{
    position: relative;
    z-index: 1;
    margin-top: -15.5rem;
}
.carousel-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%; 
    gap: 1rem;
}

.carousel-arrows{
    position: absolute;
    top: 92%;
    left:0;
    right: -1px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 20;
}
.ft6-left-arrow, .ft6-right-arrow{ width: 3rem; pointer-events:auto;cursor: pointer;}

.carousel-arrows svg{
    width: auto;
    height: 3.1rem;
    padding: 0.9rem;
}    

.carousel{
    position:relative;
    z-index:1;
    overflow:hidden;
    width: 100%;
    bottom: 4px;
    margin-bottom:3rem;
}

.carousel-img span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
    bottom: 50%;
    opacity:1;
}

.carousel-img-wrapper{
    display:flex;
    gap:1rem;
}

.carousel-img img{
    width: 100%;
    height:300px;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 1;
}

.carousel-img{
    display: none;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    flex:1;
}
.carousel-img.active{display: flex;}

.carousel-content{ /*to hover*/
    position:absolute;
    inset: 0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:1.7rem;
    transition:.3s;
    z-index: 10;
}

.carousel-content h4{
    white-space: nowrap;
    margin:0;
}

.carousel-content p{ margin-top:1rem;    }

.carousel-more-link{
    display:flex;
    align-items:center;
    gap:0.5rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 4;
    margin-top: .75rem;
}

/*feature7 */
.feature7{
    padding: 4rem 1rem;
}

.feature7-grid{
    position: relative;
    display: flex;
    justify-content: center;
}

 .feature7-anakoinwseis {
    position: absolute;
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
  }

.anakoinwseis-layout{
    position: relative;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.anakoinwseis-layout img{
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 4 / 3;
}

.anakoinwseis-more-link{
    display:flex;
    gap:1rem;
    margin: -2rem 0 3rem;
    justify-content: center;}

.feature7-bg-title{
    position:absolute;
    white-space: nowrap;
    transform:translate(-50%,-50%);
}

.anakoinwseis-cards{position: relative; overflow: hidden; }

.anakoinwseis-cards img{
    display: block;
    width: 100%;
    object-fit: cover;
}

.anakoinwseis-content{
    position:absolute;
    display: flex;
    justify-content:flex-end;
    align-items:flex-end;
    inset:0;
    padding:1.7rem;
    z-index: 10;
}

.anakoinwseis-content a{
    display: flex;
    justify-content:flex-end;
    align-items: center;
    gap: 0.5rem;
}

.feature7-txt{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
}
.anakoinwseis-layout > .feature7-wrapper:nth-child(3){
    display: flex;
    flex-direction: column-reverse;
}
.anakoinwseis-cards,
.feature7-txt{
    flex:0 0 50%;
    min-height: 180px;
}
.feature7-txt svg{display: none;}
.feature7-txt svg{
    transform: rotate(-90deg);
}
.feature7-txt svg{ width: 24px; height: 24px;  }
.feature7-bg-title{position: absolute;
    white-space: nowrap;
    transform: translate(-100%,-50%);
    top: -20%;
    transform: translateY(-50%);
    left: -13%;}
/*feature8- */
.feature8 {
    position: relative;
}
.feature4-wrapper, .feature8-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1280px;
}
.feature8-layout {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translatey(-50%);
}
.feature8-left img {
    width: 100%;
    max-width: 250px;
    object-fit: cover;
    aspect-ratio: 1/1;
    margin: 0 2rem;
    padding: 1rem 0;
}

.feature8-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0.5rem 1rem;
}
.feature8-left > div{text-align: center;}
.feature8-left > div a{display: none;}

.feature8-more-link{
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}
.feature-bg{
    filter: brightness(30%); 
    width:100%;
    margin: 0 auto;
    max-height: 400px;
    object-fit:cover;
    /*object-position: right center;*/
}
.feature8 .feature-bg{   height: 500px; }
/*feature9*/
.feature9-layout{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem 1rem;
}
.feature9-layout img{
    max-width: 400px;
    aspect-ratio: 3/2;}

.feature9-bg{ background-color: var(--secondary-bg-color);}

.feature9-txt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    text-align: center;
      max-width: 550px;
    
}

/*feature10*/
.feature10{
    position:relative;
    min-height:500px;
}
.contact-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index: 1;
}
.feature10-button button{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:0.5rem 0.9rem;
}

.feature10-bg-title{
    position:absolute;
    top:9%;
    left:50%;
    white-space: nowrap;
    transform:translate(-50%,-50%);
}
.form{
    position: relative;
    z-index: 2;
    padding: 2rem 3rem;
}

.forms{
    display:grid;
    width: 100%;
    grid-template-columns:1fr; 
    gap:3rem;
}
.form-left{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}
.captcha-wrapper{width: fit-content; margin-top: -7rem;}

.contact-form{
    position: relative;
    z-index: 2;
    max-width: 350px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-txt{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    position: relative;
    margin: 1rem;
}

.contact-form input,.contact-form textarea{  width: 100%;   }
.contact-form label { display:block; padding-top: 1rem;}

.feature10-button{
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}

.button-submit{
    display: flex;
    margin-top: 1rem;
    pointer-events: all;
}
.feature10-button svg{ width: 20px; height: 20px;  }

.form-right textarea{height:130px;}
.feature10 input,.feature10 textarea{
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 2px solid white;
}
/*footer*/
.footer-layout{grid-column: 2; padding: 1rem;}


.footer-left{

    max-width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.footer-center li{   list-style: none;margin: 0.5rem;}
.footer-center ul{ 
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 1rem 0;
    width: max-content;
    margin: 0 auto;
    text-align: center;
}
.footer-center .services-btn {
    justify-content: center;
}
.footer-contact-bar{display: flex; gap:1rem; flex-direction: column;align-items: center;}
.footer-center,  .footer-right{  padding-top:1rem; }
.footer-center{padding: 2rem 0;}
.footer-social{  display: flex;    gap:1rem;  }

.footer-more-link{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:0.5rem;
    padding:1rem 0 1rem;
    width: 150px;
}
.footer-more-link svg{width: 15px; height: 15px;}
.footer-phones{
    display:flex;
    align-items:center;
    gap:0.5rem;
}

.contact-item{    display: flex;    }

.lower-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
}

.lower-footer > div{
    width: 100%;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.lower-footer img{
    width: 100%;
    max-width: 100px;
    height: auto;
}
#map{width: 100%; height:240px; margin-top: 1rem;}
#mapOverlay{width: 400px;height: 250px;}
#mapContact{width: 50%; height: 400px;}
.services-btn{display: flex; }
.services-btn svg{width: 20px; height: 20px;}
.bg-title{display: none;}


/*ABOUT.PHP*/ /*mallon kai paspartou*/
.page-banner-content{background-color: var(--secondary-bg-color);min-height: 100vh;padding-block: 0 5rem;grid-column: 2; position: relative;}
.banner-wrapper{
    position: absolute;
    left: 10%;
    top: 30%;
}
.banner-wrapper .arrow-txt{
    transform: translateY(-50%);
}
.banner-bg-title{
    transform: translateY(-50%);
    white-space: nowrap;
}
.banner img{
    width:100%;
    min-height:350px;
    object-fit:cover;
    display:block;
}
.banner{position: relative;  min-height: 350px;}
.breadcrumb li:not(:last-child)::after {
    content: ">";
    margin-inline: .5rem;
}
.breadcrumb ol {list-style: none;
  display: flex;
  padding: 0;
}
/*CONTACT.PHP*/
.contact1{ grid-column: 2; background-color:  var(--secondary-bg-color);}
.contact1-container{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0.5rem; margin: 0 auto; margin-top: 1rem; width: 70%;}
.contact1-container img{width: 100%; object-fit:cover;}
.contact1-info{ display:flex; flex-direction:column; gap:3rem; background-color: var(--secondary-bg-color);}
.extra-info{display: grid; grid-template-columns:repeat(2, 1fr); width:70%; margin: 0 auto; background-color:var(--secondary-bg-color);
              padding: 3rem 0; gap: 3rem 2rem; box-sizing: border-box;}
.contact1-info{ display: flex; flex-direction: column; gap: 0;width: 100%;max-width: 500px;white-space: nowrap;}
.contact1-wrapper img{aspect-ratio:16/9;object-fit:cover;}
.svg-info-wrapper{ display: flex; align-items: flex-start; gap: 1rem; padding: 1.2rem 1.5rem;}
.svg-info-wrapper svg{ width: 22px; height: 22px; flex-shrink: 0;}
.svg-info-wrapper > div{ display: flex; flex-direction: column;}


/*-----------------*/
.website-divider{display: flex; justify-content: center; gap: 0.5rem; margin-top: 1rem;}
.follow-bg-title{position: absolute; top:5%; }

.leaflet-container{z-index: 1;}
.contact-submit-btn button{  display:flex;  align-items:center;  gap:1rem;  padding:0.5rem 0.9rem;}

.follow-banner{position:relative;width:100%;}
.follow-banner .feature-bg{height: 300px;}
.follow-bg{  position:absolute; inset:0; width:100%;  height:100%;  object-fit:cover;}
.follow-overlay{position: absolute; z-index: 2; display: flex; flex-direction: column; justify-content: center;
    align-items: center;min-height: 320px;text-align: center;top: 13%;left: 50%;transform: translate(-50%,-50%)}
.follow-watermark{ position:absolute; top:40px; left:50%; transform:translateX(-50%);}
.follow-arrow{ width:22px; height:22px; fill:#fff; margin:1rem; display: none;}
.follow-overlay .social-bar{ position:static; transform:none; padding: 0; display:flex; flex-direction:row;
    justify-content:center; align-items:center; gap:14px; margin-top: 0; margin-bottom:35px;;flex-wrap: wrap;}
.follow-overlay .social-bar svg{filter: var(--white-color-icon); width: 20px; height: 20px; max-width: unset;}
.follow .social-bar a{ width:42px; height:42px; display:flex; justify-content:center; align-items:center; }
.follow-site{ display:flex;   align-items:center;   gap:18px;}
.follow-site span{ width:70px; height:1px; background:white; opacity:.7;}
.follow-overlay {color: white;}
.follow-overlay .social-bar a{ border:1px solid white;  padding:0.5rem;  display:flex;  justify-content:center;  align-items:center; margin-top: 0.5rem;}
.follow-overlay .social-bar > svg:first-child{display:none;}
.website-divider{display: flex; justify-content: center; gap: 0.5rem; margin-top: 1rem;}


/* CONTACT2 */
.contact2-content, .contact2-2-content{  max-width: 1280px; width: 100%; margin: 0 auto;position: relative;}
.contact2-form{display:grid; grid-template-columns:1fr; max-width: 1200px;padding: 5rem 2rem; width: 100%; margin: 0 auto; gap:4rem;}
.contact2-left,.contact2-right{ display:flex;  flex-direction:column;}
.contact2-right{ justify-content:space-between;}
.contact2-right textarea{ height:196px;}
.contact2-bottom, .contact2-2-bottom{  display:flex; flex-direction: column;  align-items:flex-end;  gap:1rem;  margin-top:1rem; margin: 0 auto;}

.captcha-wrapper2{ width:304px; flex-shrink:0;}
.contact-submit-btn{ align-self:flex-end; padding:1rem 1.3rem; margin: 0 auto;}

.contact2-bg-title{position: absolute;left: -70px; top: 45%;transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl;}
.contact2-title h1{writing-mode: vertical-rl;  transform: rotate(180deg);position: absolute;  z-index: 2;  top: -100px; left: -3rem;}

/*CONTACT2-2*/
.contact2-2{ padding:5rem 2rem;}
.contact2-2-content{ position:relative;}
.contact2-2-form{ display:grid; grid-template-columns: 1fr; gap:4rem;}
.contact2-2-title, .contact2-title{ position:absolute;  left:0;  top:50%;  transform:translateY(-50%); width:60px;  display: none;}
.contact2-2-title h1{ writing-mode:vertical-rl; transform:rotate(180deg); psition:relative; z-index:2;}
.contact2-2-title .contact2-bg-title{ position:absolute; left:-18px; top:50%;transform:translateY(-50%) rotate(180deg); writing-mode:vertical-rl;}
.contact2-2-left,.contact2-2-right{ display:flex; flex-direction:column;}
.contact2-2-right{ justify-content:space-between;}

.contact2-dates{  display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}

.contact2-2 input,.contact2-2 textarea,.contact2-2 select, .contact2 input, .contact2 textarea{ width:100%; background:none; border:none; border-bottom:1px solid #d9d9d9; outline:none; color:#111;}
.contact2-2 textarea{   resize:none;  height:110px;}
.contact2-2 select{  appearance:none;  cursor:pointer; padding-right:25px;}



.contact-submit-btn svg{ width:36px;height:20px;}


/*VIDEOS.PHP*/
.videos{margin: 0 auto;  width: 70%; padding-top: 1rem;}
.videos img{  object-fit:cover;}
.video-text{ display: flex; flex-direction: column;}
.video-text .video-image,.video-text2 .video-image{display: flex;flex-direction: column; width: 100%;}
.video-text .video-image img,.video-text2 .video-image img{  width:100%; height:100%; object-fit:cover;}
.video-text2{ display: flex; flex-direction: column; margin-top: 1rem;}
.single-video{display: flex; flex-direction: column; margin-top: 1rem; gap: 1rem;}
.single-video .video-image{  flex:1;  aspect-ratio:5/4;}
.single-video .video-image img{  width:100%;   height:100%;  object-fit:cover;}
.video-text img,.video-text2 img,.single-video img{    flex-shrink: 0;}
.videos .text-watermark span {  position: absolute;  left: 50%; transform: translateX(-50%);}
.video-image{  position: relative;  overflow: hidden; aspect-ratio: 5/4;}
.video-image img{  display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.play-icon{  position: absolute; inset: 0;display: flex; justify-content: center; align-items: center;}
.play-icon svg{width: 60px; height: 60px; cursor: pointer;}
.video-image iframe{  position: absolute; inset: 0;  width: 100%;  height: 100%; border: 0;}

/*ARTICLE.PHP*/
.article-text-img{display: flex; justify-content: center; gap: 2rem;align-items:flex-start;}
.article-image{ width:40%; aspect-ratio:4/3;}
.article-image img{  width:100%;  height:100%;  object-fit:cover;}
.article-text p{ flex:1.3; margin:0; line-height:1.7; text-align:left; }
.article a {padding: 1rem; margin-top: 1.5rem;}
.article{ gap: 2rem; display: flex; flex-direction:column-reverse; align-items: center; width:100%; max-width: 1280px;padding: 3rem 0; margin: 0 auto; padding-inline:2rem;}
.article-text p:first-of-type::first-letter{float:left; font-size:5rem; line-height:.8; font-weight:900; margin-right:0.4rem;}
.article-text{align-items: center;}
.black-btn{ margin-top:2rem; align-self:flex-start;}

/*ARTICLE-SEARCH.PHP*/
.search-result{display: flex; flex-direction: column;}
.search-result-left > div{display: flex; gap: 0.5rem; align-items: center;}
.search-result-left{width: 50%;}
.search-result .black-btn{padding: 1.2rem;}
.search-result{padding: 2rem 0;align-items:center; max-width:500px;  margin: 0 auto; }
.search-result .black-btn{  align-self:center;}

/*PHOTOS.PHP*/
.photogallery{ width:100%; max-width: 1280px; margin: 0 auto; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1rem; padding: 1rem;}
.photogallery img{  width:100%; height:100%;   display:block;   object-fit:cover;}
.photo-text{   grid-column:span 2; display:grid; grid-template-columns: 1fr; gap:0;}
.photo-text img{   width:100%;   height:100%;object-fit:cover;}
.photogallery .text-watermark, .videos .text-watermark{  padding:3rem; display:flex; flex-direction:column; justify-content:center; background:white; }
.photogallery .text-watermark span{  position:absolute; left: 25%;  z-index:1;}
.photogallery .text-watermark-content{ position:relative; z-index:2;text-align: center; }
.single-photos{  position:relative;overflow: hidden; aspect-ratio:1/1;}
.photo-wide{  grid-column:span 2;  aspect-ratio:2/1;  position:relative;}
.photo-wide img{  width:100%;  height:100%;   object-fit:cover;}
.photo-image{ position: relative;  width: 100%; height: 100%;}
.photo-content svg{width: 42px; height: 42px;}

.photo-image{
    position:relative;
}

.photo-image a{
    display:block;
    width:100%;
    height:100%;
    color:inherit;
    text-decoration:none;
}

/*OFFERS.PHP*/
.timer-title{  display:flex;   flex-direction:column; align-items:center; gap:0.3rem;}
.timer-box{ width:70px; justify-content: center; display:flex; flex-direction:column; align-items:center;  aspect-ratio: 1/1}
.product{ display:flex; flex-direction: column; align-items: center;}
.product img{width:100%;max-width: 550px; flex-shrink:0; display:block; object-fit:cover; aspect-ratio: 4/3;}
.product-info{  width:100%; max-width: 550px;  display:flex;  padding: 2rem 0 0 2rem;   gap:2rem; position: relative;}
.product-content{ flex:1; position: relative; padding-bottom: 2rem;}
.offer-timer{ display:flex; flex-direction:column;justify-content: flex-end; align-items:center; gap:.5rem; margin: 0.1rem; }
.offers .black-btn{padding: 1rem; margin-top: 1rem;}
.offers{margin: 0 auto; padding: 1rem; width: 100%; max-width: 1280px; display: flex; flex-direction: column; gap: 2rem;}
.product:nth-child(even):has(.offer-timer) .product-info{flex-direction: row-reverse; padding: 2rem 0 0 0;}
.product-content p{ padding: 2rem 0;}
.product-content .watermark {position: absolute; top: 45%;   left:0; transform: translateY(-50%); display: none;}

.product-img{ position:relative; overflow:hidden; width:100%; max-width:550px; aspect-ratio:4/3;   flex-shrink:0;}
.product-img img{ width:100%; display:block; object-fit:cover; height:100%;}
.product-img svg {filter: var(--white-color-icon);}
.product-overlay a{display: flex; align-items: center; gap: 0.5rem;font-size: small;}
.product-overlay {margin: 0 auto; flex-direction: column; gap: 0.5rem;}
.product-overlay svg{width: 42px; height: 42px;}
.product-overlay{color: white; font-weight: bold;}
.product-overlay .info-arrow{ width: 20px;height: 20px;}
.interestedBtn{ margin-top: 5rem;}


/*PDF.PHP*/
.pdf{max-width: 1280px;width: 100%;margin: 0 auto;padding: 1rem; gap: 0.2rem;  display: flex;flex-direction: column;}
.pdf-grid, .pdf .anakoinwseis-layout{max-width: 1000px; width: 100%; margin: 0 auto;}
.pdf .anakoinwseis-layout{ width: 100%; justify-content: center;}


.pdf .feature7-wrapper{ display: flex;}
.pdf .pdf-grid .feature7-wrapper:nth-child(odd){  flex-direction: column;}
.pdf .pdf-grid .feature7-wrapper:nth-child(even){  flex-direction: column-reverse;}

.pdf .feature7-txt .watermark{position: absolute;top: 50%;  left: 50%; transform: translate(-50%,-50%);}
.pdf .feature7-txt{position: relative;}


/*ARTICLES.PHP*/
.page-banner-content-articleVer{background-color: none;}
.single-articles-grid{display: grid; grid-template-columns: repeat(1,1fr); gap: 1rem;}

.articles{ width: 100%; margin: 0 auto; display: flex;  flex-direction: column;gap: 1rem; }
.single-article img{width: 100%; height: 100%; object-fit:cover ;}
.single-article{max-width: none; width: 100%;}
.article-txt{padding: 2rem 0; }
.article-txt h3{margin-top: 0.2rem;}
.single-articles{width: 100%;}/**/
.single-articles .anakoinwseis-cards img{height: 100%;}
.single-articles .anakoinwseis-cards {aspect-ratio: 16/10; flex: 0 0 50%; }

.articles-flex{display: flex; flex-direction: column; gap: 1.5rem; max-width: 1280px; width: 100%; margin: 0 auto;}
.double-articles .feature7-wrapper{display: flex; flex-direction: column;}
.double-articles .anakoinwseis-cards{max-width: none; }
/*.double-articles .anakoinwseis-cards, .double-articles,  .double-articles .article-txt,*/   .single-articles .anakoinwseis-cards /*,   .single-articles .article-txt*/{aspect-ratio: 5/4;}
.articles-flex .feature7-wrapper, .big-articles .feature7-wrapper{max-width: none;}

.articles-flex .article-txt{background-color: white; }
.article-txt p{color: darkgray;}

.single-articles .article-txt, .double-articles .article-txt{display: flex;flex-direction: column;justify-content: center;padding: 2rem;text-align: center; align-items: center; }

.single-article .article-txt {text-align: center;}
.single-article svg{margin: 0 auto;}

.double-articles .feature7-wrapper:nth-child(odd) .article-txt svg { transform: rotate(90deg);}
.double-articles .feature7-wrapper:nth-child(even)  .article-txt svg {  transform: rotate(-90deg);}
.double-articles .article-txt{padding: 2rem;}
.single-articles .article-txt > div {display: flex; flex-direction: column;  text-align: center;  justify-content: center;align-items: center;gap: 0.2rem;}
.double-articles .feature7-wrapper{align-items: center;}
.single-article .anakoinwseis-cards{width: 100%; aspect-ratio: 5/4;}
.double-articles{gap: 1.5rem;display: flex;flex-direction: column;}

.big-articles{max-width: 1280px; width: 100%; margin: 0 auto;}
.big-articles .anakoinwseis-layout, .big-articles .feature7-wrapper{flex-direction: column;}
.big-articles .feature7-wrapper:nth-child(even){display: flex; flex-direction: column-reverse;}

.big-articles .article-txt svg, .articles-flex .article-txt svg {display: none;}


.pagination{ display:flex; justify-content:center;align-items:center;  gap:0.5rem;  margin:4rem auto;}
.pagination a{width:46px;height:46px;display:flex;justify-content:center;align-items:center;text-decoration:none; background:#fff; color:#111;  font-size:15px; font-weight:600;  transition:.25s ease;}

.articles-section{padding:3rem 0;}
.articles-section.gray{ background:#efefef;}
.articles-section.white{  background:#fff;}
.single-articles-grid{ width:100%; max-width:1280px; margin:0 auto;}


.article-section{ width:100%; }
.article-section-white{   background:none;}
.article-section-gray{   background:#efefef;}
.article-section>*{ width:100%;  max-width:1280px; margin-inline:auto; padding:1rem 0;}


.article-section-gray:first-of-type {padding-bottom: 10rem; }
.article-section-gray:nth-of-type(3){
margin-top: -32rem;
  padding-top: 25rem;
}

.article-section-white/*:nth-of-type(odd)*/{
    position: relative;
  top: -11rem;
  z-index: 10;
}
.page-banner-content-articleVer {grid-column: 2;background-color: none;}
/*media*/
@media(min-width:450px){
     .search-box {width: 100%;}
    .feature2-txt h3{    margin: 0 auto 1rem;}
    .feature7-txt svg{display:block;}
    .feature7-anakoinwseis{top: -6%;}
    .feature7-wrapper{flex-direction: row;}
    .feature7-wrapper{ display: flex;align-items:stretch;}
    .anakoinwseis-layout > .feature7-wrapper:nth-child(3){ flex-direction: row;}
    .feature4-layout{padding-block: 6rem;}
    .feature2-layout{flex-direction: column;}
    .card{height: 150px; flex-direction: row;}
    .feature2-txt{margin-top: -3rem;}
    .feature2-txt p{margin-bottom: 0;}
    .feature3-content{display: flex;}
    .feature3-img { width:50%; aspect-ratio:1/1;  margin-bottom: -12rem;}
    .feature3-txt{height: auto;}
    /*PHOTOS.PHP*/
    .photogallery .text-watermark-content {text-align: unset;}
    .photo-text{  grid-template-columns:1fr 1fr;}
    .photogallery .text-watermark span{ left:unset; top:unset;}
    /*PDF.PHP*/
    .pdf .anakoinwseis-layout{width: 100%;}
    .pdf .feature7-wrapper{ max-width: none;}
    .pdf .pdf-grid .feature7-wrapper:nth-child(odd){  flex-direction: row;}
    .pdf .pdf-grid .feature7-wrapper:nth-child(even){flex-direction: row;}

    .pdf .pdf-grid .two-pdf .feature7-wrapper:nth-child(odd){  flex-direction: row-reverse;}
    .pdf .pdf-grid .two-pdf .feature7-wrapper:nth-child(even){flex-direction: row-reverse;}
    /*OFFERS.PHP*/
    .product-content .watermark{display: block;}
    /*ARTICLES.PHP*/
     .single-articles{flex-direction: column;}

}

@media(min-width:600px){
/*overlay*/
.overlay{top: 10.5rem;bottom: 1rem;}
.offer-form-overlay .overlay-close{top:1.5rem ;}
.search-box input{max-width: 500px;}
.arrow-txt svg, .arrow-txt-feature3 svg{ display:block;}
.features2-3-wrapper{padding: 0 5rem;}
.feature4-layout{padding-block: 8rem; padding-left: 5rem;}
.feature5-bg-title{top:20%;}
.feature7{   padding: 3rem 5rem;}
.feature7-anakoinwseis{  left: -10px;  top: 50%;  transform: translate(-100%,-50%);}
.feature7-bg-title { position: absolute;white-space: nowrap;top: 10%;transform: translateY(-50%);left: -10%; }
.feature8-left img {  max-width: 250px;}
.feature8-left{ flex-direction: row;}
.feature8-left > div a{display:block;}
.feature8-left > div{text-align: unset;}
.feature8-more-link{  width:30%;}
.feature8 .feature-bg{max-height: 400px; }
.forms{ grid-template-columns:1fr 1fr;}
.footer-left{ text-align: unset; align-items: unset;}
.footer-center ul{display: grid; margin: unset; text-align: unset; width: unset;}
.footer-center .services-btn { justify-content:unset;}
.carousel{width: 75%; }
.carousel{margin-bottom: auto;}
.feature8-more-link{display: flex;}
.feature9-layout{    gap: 1rem; padding: 2rem 0.5rem;}
.contact-form{  max-width: 700px;}
.forms{gap: 3rem;}
.form-left, .form-right{max-width: none;}
.form-right textarea{height:280px;}
.bg-title{display: block;}
header{padding-bottom: 2rem;}
.feature1-txt{ width: 60%}
.footer-contact-bar{flex-direction: row;}
.banner-bg-title{  top: 35%;}
.footer-contact-bar{align-items: unset;}
header{padding-inline: 1.2rem;}
.social-bar, .contact-bar{justify-content: center;}
 .footer-more-link {justify-content: unset;}

 
/*PHOTOS.PHP*/
.photo-text { aspect-ratio: 2 / 1;}
/*ARTICLE-SEARCH.PHP*/
.search-result{flex-direction: row; justify-content: center; gap: 5rem; max-width: unset;}
.search-btn .black-btn{  align-self:unset;}
/*CONTACT1.PHP*/
.contact2-bottom{  display:flex; flex-direction: row; justify-content:space-between; }
.contact2-2-bottom{  display:flex; flex-direction: row; justify-content:space-between; }

/*ARTICLES.PHP*/
.big-articles .feature7-wrapper:nth-child(even){display: flex; flex-direction: row;}
.single-articles{flex-direction: row;}
.single-articles-grid{display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem;}
.double-articles .feature7-wrapper:nth-child(odd){ display: flex; flex-direction: row-reverse;}
.double-articles .feature7-wrapper:nth-child(even){ display: flex; flex-direction: row;}
.articles-flex, .double-articles{ gap:0;}
.big-articles .article-txt svg, .articles-flex .article-txt svg {display: block;}
.big-articles .feature7-wrapper {   flex-direction: row;}
.single-article svg{margin: 0;}

.big-articles .article-txt{background-color: white;}
.double-articles .article-txt{width: 100%; aspect-ratio: 1/1;}
.double-articles .anakoinwseis-cards{aspect-ratio: 1/1;}
}

@media (min-width:800px){
    /*overlay*/
.overlay{top: 9.4rem;right: 1rem;bottom: 1rem;left: 1rem; }
.languages-links{ flex-direction: row;}
.offer-form{display:grid; grid-template-columns: 1fr 1fr; gap: 4rem;}
.offer-form-overlay .overlay-top, .contact-overlay .overlay-top{margin-top: -4rem; display: flex;}
.offer-form-right textarea {height: 270px;}

.hero-img-bg{height: 800px;}
.hero-txt{ max-width:60%;}
.main-grid{   display:grid; grid-template-columns: 20px 1fr 20px;  position: relative; }
/*main wrapper*/
.main-content{ grid-column: 2;  }
.hero-content{grid-area:1/1; display:flex; flex-direction:column; gap:1rem; justify-self:start;
              align-self:center; padding-left:8rem; z-index:3;position: relative;bottom: auto;}
.feature1-img{max-width: 300px;}
.feature1-layout{gap: 4rem; padding-bottom: 8rem;}
.feature3-txt{padding-left: 3rem;}
.features2-3-wrapper{padding: 0 7rem;}
.feature4-layout{    padding-left: 7rem;}
.feature9-layout{ flex-direction:row; gap: 4rem; padding: 7rem 0; }
.feature9-layout img{max-width: 350px; aspect-ratio: 5/4;}
.feature9-txt{text-align: left; max-width: 350px;}
.footer-layout{padding:0;}
.feature7{ padding: 3rem ;}
.feature1-txt{ width: 40%}
.bg-number{display: block; top: 33%; padding-left: 8rem; z-index: 2;}
.banner-bg-title{  top: 42%;}

/*CONTACT.PHP*/
.contact1-container{  flex-direction: row;}
.extra-info{ grid-template-columns:repeat(3, 1fr);}
.follow-overlay{top: 20%; flex-wrap: nowrap;}
.follow-overlay .social-bar svg{width: 30px; height: 30px;}
.contact2-form{grid-template-columns: 1fr 1fr;}
.contact2-2-form{grid-template-columns: 1fr 1fr;}

/*ARTICLE.PHP*/
.article{flex-direction: row; align-items: unset;}
.article-text{align-items: unset;}
.article img{ max-width: 500px;}
/*ARTICLES.PHP*/
.single-articles-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;}
}
@media (min-width:1107px) {

.bg-number{padding-left: 12.6rem;}
.hero-content{ padding-left:13rem;}
.navbar-container svg{width: 25px; height: 25px;}
.feature1-img svg, .black-btn svg{width: 20px; height:20px; }
.feature3-more-link{padding: 1rem;}
.feature2-txt p{padding-bottom: 2rem;}
.contact-bar{flex-direction:row;justify-content:center;align-items:center;gap:1rem;z-index:2;}
.carousel-arrows{top: 92%;}
.hero-txt{ padding-bottom: 2rem; }
.carousel{width: 1000px; bottom: 4px;}
.carousel-img{flex:1;}
.carousel-more-link{position: absolute;}
.carousel-img img{height: auto;aspect-ratio: 4/5;}
.feature2-layout{display:flex; flex-direction: row;justify-content:center;gap: 2rem; width: 100%;}
.card{flex-direction: row; flex-direction:column;  width: 100%;max-width: 400px; position:relative;
        overflow:hidden; margin-top: -5rem;  height: auto;}
.card-image{ position:relative; overflow:hidden; aspect-ratio:16/10; flex: initial; margin-top: 0;}
.feature2-txt{ padding:3rem 2rem; position: relative; overflow: hidden; margin-top: 0;}
.watermark{  position: absolute; top: 0.9rem;  left: 50%;   transform: translateX(-50%);  z-index: 0;}
.card-more-link{ display:flex; align-items:center; gap:0.6rem; padding:0.6rem 1rem; z-index:3;}
.card-content{ position:absolute; inset:0;   display:flex;  justify-content:flex-end;   align-items:flex-end;   padding:1rem;  z-index:10;}
.feature2-txt h3 {text-align: center; position: relative; z-index: 2; margin-bottom: 3rem;}
.arrow-txt ,.arrow-txt-feature3{width: auto; height: auto; margin-top: 0.5rem;}
.anakoinwseis-cards,.feature7-txt{   flex: initial; width: 100%;aspect-ratio: 3/4; }
.anakoinwseis-layout{flex-direction: row;}
.anakoinwseis-layout > .feature7-wrapper:nth-child(3){flex-direction: column;}
.feature7-wrapper{flex-direction: column; max-width: 333px;}
.feature7-txt svg{ transform: none;}
.feature7{ padding: 3rem 2rem;}
.footer-contact-bar{flex-direction: column;}
.anakoinwseis-cards, .feature7-txt{  flex: 1 1 50%;  width: auto; aspect-ratio: 4 / 3;     }
.footer-layout{ width:100%; max-width:1280px; margin:0 auto; padding:2rem; display:grid; grid-template-columns:repeat(3,1fr);
                grid-template-areas:"left center right"; gap:2rem;align-items:start;}
.footer-center ul{ 
    padding-inline: 2rem;
    border-top: none;
    border-bottom: none;
    border-right:1px solid rgba(0,0,0,.2);
    border-left:1px solid rgba(0,0,0,.2);
    grid-template-columns: 1fr;
}
.lower-footer{    margin-top: 4rem;}
.footer-more-link {padding: 1rem 0 2rem;}
/*PHOTOS.PHP*/
.photogallery { grid-template-columns: repeat(4, minmax(0, 1fr));}
/*VIDEOS.PHP*/
.video-text{flex-direction: row;}
.video-text img, .video-text2 img{width:60%;}
.videos .text-watermark {width: 70%; padding: 2rem;}

.videos img{aspect-ratio: 5/4;}
.video-text2{ flex-direction: row-reverse; margin-top: 0;}
.single-video{display: flex; margin-top: 1rem; gap: 1rem;}
.single-video img{ flex: 1;width: 0;  display: block; aspect-ratio: 5 / 4;  object-fit: cover;}
.single-video{flex-direction: row;}
.videos .text-watermark span {  position: absolute; left:unset; transform:none}
/*OFFERS.PHP*/
.offers{gap: 0;}
.product{ flex-direction: row; align-items: unset; margin: 0 auto;}
.product:nth-child(even){ flex-direction: row-reverse;}
.product-info{width: 50%;}
.product-img,.product-info{ flex:1;}
/*PDF.PHP*/
.pdf .feature7-wrapper{ max-width: 333px;}
.pdf .feature7-wrapper{flex-direction: column;}
.pdf .feature7-wrapper{ display: flex;}
.pdf .pdf-grid .feature7-wrapper{  flex-direction: column;}
.pdf .pdf-grid .feature7-wrapper:nth-child(odd){  flex-direction: column;}
.pdf .pdf-grid .feature7-wrapper:nth-child(even){  flex-direction: column;}
.pdf .pdf-grid .two-pdf .feature7-wrapper:nth-child(odd){  flex-direction: column;}
.pdf .pdf-grid .two-pdf .feature7-wrapper:nth-child(even){  flex-direction: column;}
.two-pdf .feature7-wrapper{max-width: 1280px; width: 100%;}
/*ARTICLES.PHP*/
.single-article{max-width: none; width: 100%;}
.big-articles .article-txt svg{transform: rotate(-90deg);}
.single-articles .article-txt{height: 100%; aspect-ratio: unset;}
.single-articles{width: 50%;}
.articles-flex{display: flex; flex-direction: row;}
.double-articles, .double-articles .anakoinwseis-cards{width: 50%; flex: none;}
.double-articles .anakoinwseis-cards, .double-articles,  .double-articles .article-txt{aspect-ratio: 1/1;}
.single-articles .anakoinwseis-cards {aspect-ratio: 16/10;}

.double-articles .article-txt{display: flex;flex-direction: column;justify-content: left;padding: 2rem;text-align: left; align-items: unset; }


/*CONTACT1.PHP*/
.contact2-content{width: 65%;}
.contact2-title{display: block;}
.follow-arrow{display: block;}
.contact2-2-content{ padding-left: 80px;}
.contact2-2-title{display: block;}


}


@media(min-width:1268px){
/*overlay*/
.overlay{ top: 5rem; right: 5rem; bottom: 2rem; left: 5rem;}

.main-grid{  grid-template-columns:80px 1fr 80px;}
.language{position:static;flex-direction:row;width:auto;height:auto;}
.burger-mobile{display:none;}
.burger-desktop{ display:block;}
header{padding-bottom: 0;}
.navbar{position: static;display:flex;flex-direction:row; gap:1rem;opacity:1;visibility:visible;
        transform:none; margin-top:1.5rem;list-style:none;}
.navbar-container{position: static;}
.hero{ position:static;}
header{padding-inline: 5rem;}
.social-bar{ grid-column: 3;flex-direction:column; justify-content: flex-start; margin-top: 13rem; gap: 1rem;  }
.social-bar svg{gap: 3rem; width: 25px; height: 25px;}
.hero-contact-item{display: flex; flex-direction: column;}
.contact-bar { grid-column: 1;flex-direction:column; gap:2.5rem;z-index:2;align-self: auto; justify-content: flex-start; margin-top: 13rem; }
.hero-contact-item a{display:flex; flex-direction:column;align-items:center; gap:0.4rem;}
.hero-contact-item
span{writing-mode:vertical-lr;transform:rotate(180deg); white-space:unset;}
.contact-bar svg{ transform:rotate(-90deg); width:20px;height:20px;}
.slideshow-indicators{display: flex;}
.feature8-left{ padding-right: 15rem; width: 80%;}
.mobile-links{ display:none; }
.desktop-links{display:flex;flex-direction:column;align-items: center;justify-content: center;gap:3rem;}
.contact-bar > div{    display: flex; flex-direction: column;gap: 2.5rem;}

}
@media(min-width:1379px){
.hero-img-bg{height: 1050px;}
.carousel-wrapper{ justify-self: auto; width: auto;}
.feature9-layout img{ width: 25%;}
.feature9-txt{width: 600px; height: auto;}
.footer-layout{  padding-inline: 0; }
.social-bar{right: 36%;}
.bg-number{top: 36%; padding-left: 12.6rem;}
}

}










@layer components{

/*overlays*/
.overlay{background-color: rgba(0,0,0,0.85); opacity:0;visibility:hidden; transition:.3s;z-index:10;color: white;}
.overlay.open{opacity:1;visibility:visible; }
.overlay-close{gap:0.5rem;background:none;border:none;cursor:pointer;color: white;}
.overlay svg{filter: var(--white-color-icon);}

/*menu */
.overlay-top svg{  width: 40px; height: 40px;}
.overlay-top span{ width: 80%; font-weight:bold; font-size:1.5rem; color:white;}
.desktop-links-center{ color:white; }
.mobile-links li{list-style: none;}

             
/*languages*/
.languages-btn, .search-btn, .burger-svg{cursor: pointer;}
.languages-links{list-style:none;font-size: xx-large; font-weight: bold;color: white;}

/*services*/
.services-links{list-style:none;font-weight: bold;}
.services-back{color: #fff;border: none; border-top: solid #fff;}
.services-back svg{position: absolute;left: 25px;width: 24px;height: 24px;}
.services-arrow a{display: flex; width: 200px;  gap: 1rem; }
.services-top{ font-size: xx-large; font-weight: bold;  }

/*search*/
.search-box input{flex:1; background:none;border:none;border-bottom:2px solid white;color:white;font-size:2rem;outline:none;}

/*hero*/
.hero-contact-item span{  font-size:.8rem; font-weight:700;}
.hero-txt{font-size: larger; }
.hero-img-bg{filter: brightness(80%);}
.hero-contact-item span{writing-mode:horizontal-tb;transform:none;white-space: nowrap;
}

/*features*/
.bg-number{ font-size: 11rem; font-weight: 900; color:rgba(0, 0, 0, 0.15);}
.watermark{font-size: 6rem; font-weight: 900; line-height: 1; color:rgba(0,0,0,0.05);}
.carousel-content h4{ font-weight:700;}
.carousel-content p{ font-size:smaller; }
.carousel-more-link{ text-decoration:none; font-weight:700;font-size: smaller;}
.anakoinwseis-content{transition:.3s;font-size: smaller;}
.carousel-img img {filter: brightness(80%);}
.form img{filter: brightness(40%); }
.form-txt p{font-size: small;}
.lower-footer span{white-space: nowrap;}
.feature1-more-link, .card-more-link{font-size: small;}
.mobile-links a, .desktop-links a,.languages-overlay-links,.overlay-close{color: var(--white-color);font-weight:700;font-size:1.2rem; list-style: none;}
.feature7-anakoinwseis h1, .feature7-bg-title{writing-mode:horizontal-tb; }
.lower-footer,.black-btn{background-color:var(--black-color);  }
.carousel-more-btn, .corner-btn{ background:rgba(0,0,0,.45); border-radius: 50px 0px 0px 0px; }
.footer-left p,.feature9-txt p,.feature7-txt p, .feature5-txt p, .arrow-txt-feature3 p,.feature2-txt p,
.arrow-txt p, .videos p, .product-content p, .search-result-left p{color:rgb(156, 156, 156)}
input,textarea{color: white;}
.white-btn,.black-btn,.card-more-link,.footer-more-link{  font-size:80%;}
.footer-left{ border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 1rem;}
.footer-right{border-top: 1px solid rgba(0,0,0,.2);padding-top: 1rem;}
.thanks-msg{text-align: center;}

/*links*/
.white-btn,.hero-arrows-container,.anakoinwseis-content,.feature2-txt,
.carousel-content,.feature3-content,.carousel-arrows svg
{background-color: var(--white-color);}
.languages-links svg{filter: none; width: 30px; height: 30px;}

.navbar-container, .footer-center ul, .hero-txt h1, .black-btn,
.anakoinwseis-content,.feature4-more-link, .feature8-more-link,.footer-more-link,
.footer-contact-bar, .carousel-img span, .white-btn,
.feature10-button,.anakoinwseis-more-link, .card-more-link
{font-weight: bold;}

.mauro-thing svg, .black-btn svg, .feature4-more-link svg,
.feature8-more-link svg, .feature8 svg , .carousel-more-btn svg, .form-arrow-btn svg
{filter: var(--white-color-icon);}

.hero-txt,.black-btn, .feature4-txt, .carousel-content p,.carousel-content h4,
.anakoinwseis-content a,.contact-form,.carousel-more-link,.carousel-img span,
.feature8-layout, .lower-footer, .card-more-link
{color: var(--white-color);}


/*forms*/
input,textarea{background: transparent; border: none;border-bottom:2px solid var(--white-color);}


/*bg-titles*/
h1{font-size: 1.5rem;}
.feature4-bg-title{ font-size:2.5rem; font-weight:900;color:rgba(255, 255, 255, 0.2);  }
.feature5-bg-title{ font-size:2.5rem;   font-weight:900;color:rgba(0,0,0,0.05);  }
.feature7-bg-title{ font-size:2.5rem;   font-weight:800;color:rgba(0,0,0,0.05);  }
.feature10-bg-title{  font-size:2.5rem;  font-weight:800;color:rgba(255, 255, 255, 0.15); }

/*svg*/
.burger-svg{transform: rotate(180deg);}
.kyvakia svg{width:5px; height:5px;}
.anakoinwseis-more-link svg, .footer-more-link svg{width:25px;height: 25px;  }
.corner-btn svg, .carousel-content svg, .anakoinwseis-content svg{width: 22px; height: 22px;  }
.white-btn:hover svg, .hero-arrows-container:hover svg,
.corner-btn svg,.carousel-content svg,.anakoinwseis-content svg, .ft6-left-arrow:hover svg,
.ft6-right-arrow:hover svg, .card-more-link svg, .play-icon svg{ filter:var(--white-color-icon);}


/*ABOUT.PHP*/
.banner-bg-title{ font-size:2.5rem; font-weight:900;color:rgba(255, 255, 255, 0.1);}
.banner-wrapper{font-weight: bold;}
.banner-wrapper .arrow-txt{color: white;}
.banner-long-arrow{ height: 90px; color: white;}
/*CONTACT.PHP*/
.follow-bg-title{ font-size:4rem; font-weight:900;color:rgba(255, 255, 255, 0.2);}
.svg-info-wrapper > div span:first-child, .extra-info h4{  font-weight: bold;}
.contact1-container, .svg-info-wrapper{  background-color: white;}
.follow-watermark{ font-size: 4rem; font-weight:900;  color:rgba(255,255,255,.08);  white-space:nowrap; display: none;}
.follow-overlay h2{margin:0; color:#fff; font-size:2.2rem; font-weight:700; z-index:2;}
.follow .social-bar a{  border:1px solid rgba(255,255,255,.6);  color:#fff;   transition:.3s;}
.contact2 input, .contact2 textarea{color:#111; border-bottom:2px solid rgba(158, 158, 158, 0.493);}
.contact2 label{ color:#111;}
.contact2-bg-title{font-size: 4rem;
    font-weight: 800;
    color: rgba(0,0,0,0.05);}
/*VIDEOS.PHP*/
.text-watermark span{ font-size: 11rem; font-weight: 900; color:rgba(48, 47, 47, 0.07);}
.text-watermark{ background-color: #fff;}
.videos .text-watermark-content{text-align: center;}
/*ARTICLE.PHP*/
.article-text {color: var(--grey-color);}
.article-text p:first-of-type::first-letter {font-size: 5rem; font-weight: 900; float: left; line-height: .8; margin-right: .4rem; color: #111;}
/*ARTICLE-SEARCH.PHP*/
.search-result:nth-child(even){ background-color: rgba(221, 220, 220, 0.349);}
.search-result{text-align: justify;}
/*OFFERS.PHP*/
.product-info{background-color: white;}
.product-content span:first-of-type, .offer-form-overlay .overlay-top span:first-of-type, .contact-overlay .overlay-top span:first-of-type{font-size: small; font-weight: bold;}
.product-content span:nth-of-type(2) {  font-size: xx-large; font-weight: bold;}
.offer-timer{font-weight: bold; font-size: small; text-align: center;}
.offer-timer .number{font-weight:900;font-size: x-large;}
.product-content .watermark{ font-size: 12rem;}
.offer-timer, .product-content span:first-of-type{color: gray;}
.timer-title svg{filter: var(--grey-color-icon);}
.timer-box{background:#e9e9e9;}
.timer-box:last-of-type{background-color: #000; color: white;}
/*PDF.PHP*/
.pdf .feature7-txt{background-color: white;}
.pdf .feature7-txt .watermark{ font-size: 9.5rem;}

/*media queries*/
@media(min-width:450px){
    h1{font-size:revert;}
    /*PDF.PHP*/
    .two-pdf .feature7-txt svg{transform: rotate(90deg);}

}
@media (min-width:600px) {
.feature4-bg-title{font-size: 3rem;}
.feature5-bg-title{font-size: 3rem;}
.feature7-anakoinwseis h1, .feature7-bg-title{writing-mode:vertical-rl; transform: rotate(180deg); top: -22%;left: 0; }
.feature8-layout{flex-direction: row;}
.footer-center { border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(0,0,0,.2);padding-top: 1rem;}
.footer-left{border: none;}
.footer-right{border: none;}
.banner-bg-title {font-size: 3.5rem;}
/*ARTICLE-SEARCH.PHP*/
.search-result{text-align: unset;}
.single-article .article-txt {text-align: left;}
.follow-watermark{display: block;}
}
@media(min-width:800px){
.hero-content p{ font-size:unset;}
.feature4-bg-title{font-size: 4rem;}
.feature5-bg-title{font-size: 4rem;}
.feature7-bg-title{font-size: 3rem;}
.feature10-bg-title{  font-size:3rem;}
/*ABOUT.PHP*/
.banner-bg-title{ font-size:5rem;}

}
@media(min-width:1107px){
.footer-center{border-top: none; border-bottom: none;}
.videos .text-watermark-content{text-align: unset;}
/*PDF.PHP*/
.two-pdf .feature7-txt svg{transform: none;}
}
@media(min-width:1268px){
.language{ border-left:1px solid var(--black-color);}
.feature1-more-link{font-size: medium;}
.hero-contact-item span{writing-mode:vertical-lr;transform:rotate(180deg);white-space: nowrap;}
.navbar-container{font-size:small;}

}
@media (min-width:1379px) {
/*buttons*/
.black-btn{font-size: unset;}
.white-btn{font-size: unset;padding:var(--more-link-padding);}

.navbar-container{font-size: medium;}
.feature1-txt h3 {font-size: x-large;}
.feature3-txt h2{font-size: x-large;}
.feature5-bg-title{font-size:7rem;}
.feature8-layout p{ width: unset;}
.feature8-more-link {font-size: unset;}
.feature9-txt{font-size: unset;}
.timer-box{ font-size: 80%;}


}
}



@layer states{

/*hovers*/
.carousel-content, .anakoinwseis-content, .card-content, .single-article-content{background:rgba(0,0,0,.45); transition:0.5s;  opacity:0;}
.carousel-img.hover .carousel-content,.anakoinwseis-content:hover,.card:hover .card-content {opacity:1; }
.carousel-img.hover .corner-btn, .anakoinwseis-cards:hover.corner-btn{ display: none; }
.white-btn:hover,.hero-arrows-container:hover,.ft6-left-arrow:hover,
.ft6-right-arrow:hover,.feature10-button button:hover{background-color: var(--black-color); color:var(--white-color); }
.black-btn:hover svg{ filter: var(--black-color-icon); }
.black-btn:hover, .mauro-thing { background-color: var(--white-color);color: var(--black-color); }
.anakoinwseis-more-link:hover, .footer-more-link:hover, .form-arrow-btn:hover, .form-arrow-btn:hover svg{  color:var(--grey-color);  filter: var(--grey-color-icon); }
.feature10-button:hover svg{filter: var(--white-color-icon);}
.feature10-button:hover button{ border:none; background:none;color:var(--white-color);}
.card:hover .card-image::before{ transform:scale(20);}
.carousel-img.hover::before{transform: scale(25);}
.anakoinwseis-cards:hover::before{transform:scale(15);}
.pdf .anakoinwseis-cards:hover::before{transform:scale(20);}
.card:hover .corner-btn, .anakoinwseis-cards:hover .corner-btn, .photo-image:hover .corner-btn , .product-img:hover .corner-btn{ opacity:0;}
.timer-title:hover, .timer-title.active{color: #000;}
.timer-title:hover svg{filter: var(--black-color-icon);}

/*JavaScript-controlled states*/
.hero-slider{display: grid;}
.hero-slide{ display: grid; grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none;transition: opacity 1.2s ease-in-out;}
.hero-slide.active{ opacity: 1;  visibility: visible;  pointer-events: auto;}

/*circle-hovers*/
.carousel-img::before,.card-image::before,.anakoinwseis-cards::before{content:"";position:absolute;width:70px;height:70px;
    right:-15px;bottom:-15px;border-radius:50%;background:rgba(0,0,0,.5);transform:scale(0);transition:.7s;z-index:2;}
.carousel-img.hover > span{opacity: 0;}
.navbar a span::after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;
    height:3px;background:currentColor;transform:translateX(-50%) scaleX(0);transform-origin:left;transition:.3s;}
.navbar a span:hover::after{transform:translateX(-50%) scaleX(1);}
.carousel-img span::after{content: "";display: block; width: 45px;height: 2px; margin-top: .4rem;background: white;}


/*kyvakia*/
.slideshow-indicators svg{width:5px; height:5px;}.slideshow-indicator {  cursor: pointer;}
.slideshow-indicator rect {  fill: #f0f0f0;  transition: fill 0.3s ease;}
.slideshow-indicator.active rect {   fill: #000;}


/*OVERLAY-HOVERS*/
.overlay-open .anakoinwseis-cards,
.overlay-open .corner-btn,
.overlay-open .feature7-wrapper,
.overlay-open .single-article{
    pointer-events:none;
}



/*hovers*/
.hover-card{
    position:relative;
    overflow:hidden;
}

.hover-card::before{
    content:"";
    position:absolute;
    width:70px;
    height:70px;
    right:-15px;
    bottom:-15px;
    border-radius:50%;
    background:rgba(0,0,0,.5);
    transform:scale(0);
    transition:.7s;
    z-index:2;
}

.hover-overlay{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.35);
    opacity:0;
    transition:.5s;
    z-index:3;
}

.hover-overlay svg{
    transform:scale(.8);
    filter: var(--white-color-icon);
    transition:.3s;
    z-index:4;
}

.hover-card:hover::before{
    transform:scale(20);
}

.hover-card:hover .hover-overlay{
    opacity:1;
}

.hover-card:hover .hover-overlay svg{
    transform:scale(1);
}

.corner-btn{
    position:absolute;
    right:0;
    bottom:0;
    width:55px;
    height:55px;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index: 5;
    pointer-events: none;
}
.corner-btn svg{
    width:22px;
    height:22px;
}
.corner-btn,
.corner-btn svg{
    pointer-events:none;
}
}