/* C2S Core on c2s.gr (on top of Pitoon and Elementor). Green of the logo #7bbc0a, the dark of the theme #04171a. */

/* ---------- the language switch: EL and EN in the header (the floating one of TranslatePress is off) */
.trp-floating-switcher,.trp-language-switcher.trp-floating-switcher{display:none!important}
.c2s-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.c2s-lang__a{display:inline-grid;place-items:center;min-width:36px;height:26px;padding:0 9px;border-radius:999px;color:rgba(255,255,255,.8)!important;font:800 12px/1 Manrope,sans-serif;letter-spacing:.08em;text-decoration:none!important;transition:background-color .2s,color .2s}
.c2s-lang__a:hover{color:#fff!important;background:rgba(255,255,255,.1)}
.c2s-lang__a.is-on{background:#7bbc0a;color:#04171a!important}
.c2s-lang__a:focus-visible{outline:2px solid #7bbc0a;outline-offset:2px}
.main-header-three__top-right{display:flex;align-items:center}
.c2s-lang--top{margin-left:22px}
.c2s-lang--bar{display:none}
@media (max-width:1199px){
	.main-menu-three__main-menu-box{display:flex;align-items:center}
	.c2s-lang--bar{display:inline-flex;margin-right:16px}
}

/* ---------- the corners: the button to the top stands right above the accessibility button, on the same line */
.scroll-to-top{right:19px!important;bottom:80px!important}

/* ---------- the intro (first slide): our 3D video, a line above the title, a sentence under it and two buttons */
.c2s-hero-extra{display:none}
body.elementor-editor-active .c2s-hero-extra{display:block}
.main-slider-three__slide-1 .main-slider-three__shape-1{display:none}
/* the theme greys the background of every slide (luminosity at half opacity): our video keeps its colours, and it
   covers the slide exactly as it was made */
.main-slider-three__slide-1 .main-slider-three__bg{mix-blend-mode:normal;opacity:1}
.main-slider-three__slide-1 .main-slider-three__bg-video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.main-slider-three__slide-1 .main-slider-three__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,16,.72) 0%,rgba(3,14,16,.42) 38%,rgba(3,14,16,0) 64%);pointer-events:none}
.main-slider-three__slide-1 .main-slider-three__title .char:nth-child(-n+3){color:#7bbc0a;text-shadow:0 0 34px rgba(123,188,10,.38),0 4px 0 rgba(0,0,0,.18)}
.c2s-hero-eyebrow{margin:0 0 18px;color:#9bd12a;font:800 14px/1.4 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.c2s-hero-text{max-width:560px;margin:26px 0 0;color:rgba(255,255,255,.82);font:500 19px/1.6 Manrope,sans-serif;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.main-slider-three__slide-1 .main-slider-three__btn-box{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}
.main-slider-three__slide-1 .main-slider-three__btn.thm-btn{background:#7bbc0a;color:#04171a}
.main-slider-three__slide-1 .main-slider-three__btn.thm-btn:hover{color:#fff!important}
.c2s-hero-ghost{position:relative;z-index:1000;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.05);color:#fff!important;font:700 16px/1 Manrope,sans-serif;text-decoration:none!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,background-color .25s}
.c2s-hero-ghost::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s}
.c2s-hero-ghost:hover{border-color:#7bbc0a;background:rgba(123,188,10,.14)}
.c2s-hero-ghost:hover::after{transform:translateX(3px) rotate(-45deg)}
.owl-item.active .c2s-hero-eyebrow{animation:fadeInUp 1s ease-out .15s both}
.owl-item.active .c2s-hero-text{animation:fadeInUp 1s ease-out .5s both}
@media (max-width:991px){
	.main-slider-three__slide-1 .main-slider-three__bg::after{background:linear-gradient(180deg,rgba(3,14,16,0) 30%,rgba(3,14,16,.55) 58%,rgba(3,14,16,.85) 100%)}
}
@media (max-width:767px){
	/* the text in the lower part, compact, the logo of the video above it (the theme pads the slides 327 and 155 px) */
	.main-slider-three__carousel .owl-item .item.main-slider-three__slide-1{align-items:flex-end;padding:100px 0 60px}
	.main-slider-three__slide-1 .main-slider-three__content{padding-bottom:24px}
	.main-slider-three__slide-1 .main-slider-three__title{font-size:40px!important;line-height:1.12!important}
	.c2s-hero-eyebrow{margin-bottom:10px;font-size:11px;letter-spacing:.08em}
	.c2s-hero-text{margin-top:14px;font-size:15.5px;line-height:1.5}
	.main-slider-three__slide-1 .main-slider-three__btn-box{gap:10px;margin-top:20px}
	.main-slider-three__slide-1 .main-slider-three__btn.thm-btn{padding-left:20px;padding-right:20px;font-size:14px}
	.c2s-hero-ghost{min-height:48px;padding:0 16px;font-size:14px}
}
@media (max-width:400px){.c2s-hero-eyebrow{font-size:10px;letter-spacing:.05em}}
/* short phones: a smaller title and no sentence, so the text never reaches the logo */
@media (max-width:767px) and (max-height:700px){
	.main-slider-three__slide-1 .main-slider-three__title{font-size:34px!important}
	.c2s-hero-text{display:none}
}

/* ---------- 3D scenes */
.c2s-scene{position:relative;width:100%;max-width:440px;aspect-ratio:9/7;margin-left:auto;overflow:hidden}
.c2s-scene__poster,.c2s-scene__canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.c2s-scene__poster{object-fit:contain;transition:opacity .6s ease}
.c2s-scene.is-live .c2s-scene__poster{opacity:0}

/* ---------- footer: the logo of the dark ground, the 3D logo in the last column */
.footer-widget__logo img{width:112px;height:auto}
.site-footer .c2s-scene--emblem{margin-top:-28px}
@media (max-width:1024px){.site-footer .c2s-scene--emblem{margin:10px auto 0}}
/* phones: no 3D in the footer (owner); hidden, the scene never loads */
@media (max-width:767px){.site-footer .c2s-scene--emblem{display:none}}