/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 14 2026 | 13:19:56 */
/* Global */

::selection {
    background: #f26926;
    color: #ffffff;
}

::-moz-selection {
    background: #f26926;
    color: #ffffff;
}

body{
	    overflow-x: hidden;
}

body.dark-theme ::selection {
    background: #ffffff;
    color: #f26926;
}

body.dark-theme ::-moz-selection {
    background: #ffffff;
    color: #f26926;
}

/* Scrollbar */

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background: #2a2a2a;
}

body::-webkit-scrollbar-thumb {
  background: #f26926;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #f04f00;
}

/*  video/orange section */
body.dark-theme::-webkit-scrollbar-track {
  background: #fff;
}

body.dark-theme::-webkit-scrollbar-thumb {
  background: #2a2a2a;
}

body.dark-theme::-webkit-scrollbar-thumb:hover {
  background: #f04f00;
}

body::-webkit-scrollbar-button {
  display: none;
}

/* Firefox Scrollbar */

@-moz-document url-prefix() {
  body {
    scrollbar-width: thin;
    scrollbar-color: #f26926 #2a2a2a;
  }

  body.dark-theme {
    scrollbar-color: #2a2a2a #ffffff;
  }
}

/* Elementror Overrides */

.animated-slow, .animated.animated-slow{
	animation-duration:3s;
}

/* Loading */
#site-loader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

#site-loader img {
    width: 120px;
    height: auto;
}

#site-loader.is-hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}


/* Home Hero Video */

.hero-video-wrap {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-orange-overlay {
    position: absolute;
    inset: 0;
    z-index: 103;
    pointer-events: none;
    background: #f26926;
    opacity: 0;
    transition: opacity 0.9s ease;
}

.hero-orange-overlay.active {
    opacity: 1;
}

/* Scroll Mouse */

.scroll-mouse {
    z-index: 99 !important;
	transition: color 1s ease;
}

.scroll-mouse img, 

.scroll-mouse svg {
    display: inline-block !important;
    animation: mouseFloat 2.8s ease-in-out infinite !important;
	filter: drop-shadow(2 2 4px rgba(0,0,0,.3));
}

@keyframes mouseFloat {
    0%,100% { transform: translateY(0); }
    20%     { transform: translateY(-18px); }
    35%     { transform: translateY(0); }
    50%     { transform: translateY(-10px); }
    65%     { transform: translateY(0); }
}


/* Sections */

#about-us-section,
#next-white-section {
    position: relative;
    overflow: hidden;
}

#about-us-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: #ffffff;
    opacity: 0;
    transition: opacity 1s ease;
}

#about-us-section.white-active::after {
    opacity: 1;
}

#next-white-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: #f26926;
    opacity: 1;
    transition: opacity 1s ease;
}

#next-white-section.white-active::before {
    opacity: 0;
}

#next-white-section {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 267vh;
}

#after-white-section {
    position: relative;
    z-index: 20;
    margin-top: -100vh;
    background: #fff;
}


#after-white-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: -25vh;
    width: 100%;
    height: 25vh;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.35) 30%,
        rgba(255,255,255,.75) 60%,
        rgba(255,255,255,1) 100%
    );
}


/* White → Dark transition */

#after-white-section,
#dark-section {
    isolation: isolate;
}

#dark-section {
    position: relative;
    z-index: 21;
    overflow: hidden;
    background: #020202;
}

/* Μαύρο πέπλο πάνω από το λευκό section */
#after-white-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 50;
    pointer-events: none;
    background: #020202;
    opacity: 0;
    transition: opacity 1s ease;
}

#after-white-section.dark-active::after {
    opacity: 1;
}

/* Λευκό πέπλο πάνω από το dark section */
#dark-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 50;
    pointer-events: none;
    background: #ffffff;
    opacity: 1;
    transition: opacity 1s ease;
}

#dark-section.dark-active::before {
    opacity: 0;
}

/* Forthcoming counter suffix fade */

#forthcoming-counter {
    --suffix-fade-duration: 12s;
}

#forthcoming-counter .elementor-counter-number-suffix {
    display: inline-block;
    opacity: 0 !important;
    transition: opacity var(--suffix-fade-duration) ease;
    will-change: opacity;
}

#forthcoming-counter.suffix-visible .elementor-counter-number-suffix {
    opacity: 1 !important;
}


/* Map */

#world-map-stage {
    position: relative;
    width: 100%;
    max-width: 1030px;
    margin-inline: auto;
    padding: 0;
    line-height: 0;
    isolation: isolate;
    overflow: visible;
}

@media (max-width: 1030px) {
    #world-map-stage {
        width: calc(100% - 20px);
    }
}

#world-map-stage .elementor-widget-image,
#world-map-stage .elementor-widget-container {
    width: 100%;
}

#world-map-stage img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

/* World map animated dots */

#world-map-stage {
    position: relative;
    isolation: isolate;
}

#world-map-stage .elementor-widget-image {
    position: relative;
    z-index: 1;
}

#world-map-stage .world-map-dots-layer {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    overflow: visible;
}

#world-map-stage .world-map-pulse {
    position: absolute !important;
    display: block !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 0;
    transform: translate(-50%, -50%) scale(0.05);
    transform-origin: center center;

    pointer-events: none;
    user-select: none;
    will-change: transform, opacity;
}




/* Buttons */

.button-light{
  display: inline-block;
  padding: 16px 28px;
  border: 2px solid #fff;
  border-radius: 0px;
  background:#f26926;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: 19px;
  cursor: pointer;
  color: #fff;
  z-index: 1;
  font-weight:500;
}

.button-light.alt-button{
  border: 2px solid #f26926;
}

.button-light:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.7s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-light:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  transition: all 0.7s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
 
}

.button-light:hover {
  color: #f26926;
  border: 2px solid #fff;
}

.button-light.alt-button:hover {
  border: 2px solid #f26926;
}

.button-light:hover:before {
  top: -35%;
  background-color: #fff;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-light:hover:after {
  top: -45%;
  background-color: #fff;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

/* Products Accordion */

.product-accordion-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0.5s ease, opacity 0.35s ease;
}

/*
.product-accordion-content {
    height: auto;
    opacity: 0;
}
*/

.product-accordion-item.is-open .product-accordion-content {
    opacity: 1;

}

.product-accordion-item.is-open .product-accordion-trigger {
    background-color: #f26926 !important;
    border-color: #f26926;
}

.product-accordion-item.is-open .product-accordion-trigger .elementor-heading-title {
    color: #fff !important;
}

.product-accordion-item.is-open .product-accordion-trigger .elementor-counter-number-wrapper,
.product-accordion-item.is-open .product-accordion-trigger .elementor-counter-number,
.product-accordion-item.is-open .product-accordion-trigger .elementor-counter-title {
    color: #f26926 !important;
    -webkit-text-stroke-color: #fff !important;
}