/* Site Presets */
:root {
--header_height: 91px;
}

ul:not([class]) {
list-style: disc outside;
padding-left: 20px;
display: flex;
flex-direction: column;
position: relative;
row-gap: 15px;
}

#page {
padding-top: var(--header_height);
}

ul:not([class]) li {
position: relative;
}

html,
body {
scroll-behavior: smooth;
overflow-x: clip !important;
color: #000;
font-family: "Manrope", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}

p:not(:last-child) {
margin-bottom: 20px;
}

h1,
.h1 {
font-weight: 700;
font-size: 50px;
line-height: 1;
text-align: center;
color: #FFFFFF;
}

.section--title {
text-align: center;
font-weight: 800;
font-size: 26px;
line-height: 36px;
color: #94887F;
}

.section--title,
.h2,
h2 {
font-weight: 500;
font-size: 26px;
line-height: 36px;
}

.h3,
h3 {
font-size: 25px;
}

.h4,
h4 {
font-size: 20px;
}

.net22-image {
width: 40px;
margin-top: -5px;
display: inline-flex;
}

/* Telos Site Presets */

/* Navigation */
#header {
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
border-bottom: 1px solid #94887F;
transition: all linear 400ms;
background-color: #fff;
}
#header.scrolled {
  transform: translateY(-100%);
}
.image--el {
width: 100%;
height: 100%;
object-fit: cover;
}

.container--full {
width: 100%;
max-width: 1920px;
padding-inline: 35px;
margin-inline: auto;
}

.logo--wrapper {
display: flex;
align-items: stretch;
column-gap: 35px;
}

.logo--text::before {
content: '';
display: block;
width: 1px;
background-color: #94887F;
min-width: 1px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}

.logo--text {
padding-left: 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
font-weight: 700;
font-size: 16px;
line-height: 1.15;
color: #94887F;
}

.logo--text strong {
font-weight: 800;
font-size: 19px;
}

.header--logo {
padding-block: 10px;
}

.header--actions .single:not(:last-child) {
border-right: 1px solid #94887F;
padding-right: 35px;
margin-right: 35px;
}

.header--actions,
.header--actions .single {
height: 100%;
}

.header--actions .single {
display: flex;
justify-content: center;
flex-direction: column;
}

.header--actions .single .single--title {
font-weight: 600;
font-size: 13px;
margin-bottom: 5px;
line-height: 1;
color: #94887F;
}

.cta--arrow {
display: flex;
max-width: max-content;
position: relative;
padding-right: 25px;
}

.cta--arrow-text {
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #94887F;
}

.cta--arrow .cta--arrow-text,
.cta--arrow .icon {
transition: all linear 500ms;
}

.cta--arrow .icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 15px;
height: 11px;
margin-top: 2px;
}

.cta--arrow:hover .icon {
right: calc(100% - 15px);
}

.cta--arrow:hover .cta--arrow-text {
transform: translateY(-1px);
}

.cta--arrow:hover .cta--arrow-text {
transform: translateX(25px) translateY(-1px);
}

.header--actions .single.telephones--item a {
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #94887F;
}

.header--actions .single.telephones--item {
row-gap: 2px;
position: relative;
}

.header--actions .single.telephones--item::before {
content: 'Τηλ.';
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #94887F;
display: block;
pointer-events: none;
position: absolute;
right: calc(100% + 5px);
top: 50%;
transform: translateY(calc(-50% - 10px));
}

.header--actions .single.telephones--item a:hover {
opacity: .7;
}


/* End Navigation */

/* Homepage */
.homepage--hero-wrapper .content {
max-width: 880px;
width: 100%;
padding-top: 120px;
}

.homepage--hero-wrapper .content .text.editor {
color: #fff;
text-align: center;
max-width: 500px;
margin: 25px auto 0;
}

.homepage--hero-wrapper .image {
position: relative;
height: 105svh;
}

.homepage--hero-wrapper .image::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: .55;
z-index: 1;
}

.homepage--hero-wrapper .contact--list {
max-width: 880px;
width: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1;
justify-content: space-between;
bottom: calc(var(--header_height) - 5vh);
}

.homepage--hero-wrapper .contact--list .seperator,
.homepage--hero-wrapper .contact--list li a {
color: #fff;
}

.homepage--hero-wrapper .contact--list li a::after {
background-color: #fff;
;
}

.contact--list li a {
font-weight: 500;
font-size: 16px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding-bottom: 4px;
}

.contact--list li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
transition: all ease-in-out 250ms;
}

.contact--list li a:hover::after {
width: 100%;
}

.contact--list .seperator {
font-weight: 500;
font-size: 16px;
line-height: 1;
padding-bottom: 4px;
}

.contact--list .seperator:last-child {
display: none;
}

.contact--list li {
display: flex;
justify-content: center;
align-items: center;
column-gap: 5px;
}

.homepage--hero-wrapper .contact--list li {
flex: 1;
}

.homepage--hero-wrapper .contact--list li:first-child {
justify-content: flex-start;
}

.homepage--hero-wrapper .contact--list li:last-child {
justify-content: flex-end;
}

.homepage--hero-wrapper {
inset: 0;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 87.374%, 97.498% 88.889%, 94.997% 90.278%, 92.495% 91.414%, 89.993% 92.551%, 87.491% 93.561%, 84.990% 94.444%, 82.488% 95.328%, 79.986% 96.086%, 77.484% 96.717%, 74.983% 97.348%, 72.481% 97.854%, 69.979% 98.359%, 67.477% 98.737%, 64.976% 99.116%, 62.474% 99.369%, 59.972% 99.621%, 57.470% 99.874%, 54.969% 100.000%, 52.467% 100.000%, 49.965% 100.000%, 47.464% 100.000%, 44.962% 100.000%, 42.460% 99.874%, 39.958% 99.621%, 37.457% 99.369%, 34.955% 99.116%, 32.453% 98.737%, 29.951% 98.359%, 27.450% 97.854%, 24.948% 97.348%, 22.446% 96.717%, 19.944% 96.086%, 17.443% 95.328%, 14.941% 94.444%, 12.439% 93.561%, 9.937% 92.551%, 7.436% 91.414%, 4.934% 90.152%, 2.432% 88.763%, 0.000% 87.247%, 0% 87.247%);
clip-path: polygon(0% 0%, 100% 0%, 100% 87.374%, 97.498% 88.889%, 94.997% 90.278%, 92.495% 91.414%, 89.993% 92.551%, 87.491% 93.561%, 84.990% 94.444%, 82.488% 95.328%, 79.986% 96.086%, 77.484% 96.717%, 74.983% 97.348%, 72.481% 97.854%, 69.979% 98.359%, 67.477% 98.737%, 64.976% 99.116%, 62.474% 99.369%, 59.972% 99.621%, 57.470% 99.874%, 54.969% 100.000%, 52.467% 100.000%, 49.965% 100.000%, 47.464% 100.000%, 44.962% 100.000%, 42.460% 99.874%, 39.958% 99.621%, 37.457% 99.369%, 34.955% 99.116%, 32.453% 98.737%, 29.951% 98.359%, 27.450% 97.854%, 24.948% 97.348%, 22.446% 96.717%, 19.944% 96.086%, 17.443% 95.328%, 14.941% 94.444%, 12.439% 93.561%, 9.937% 92.551%, 7.436% 91.414%, 4.934% 90.152%, 2.432% 88.763%, 0.000% 87.247%, 0% 87.247%);
}


.homepage--about-wrapper {
margin-top: 150px;
}

.homepage--about-wrapper .grid {
column-gap: 25px;
}

.homepage--about-wrapper .col--right .image {
height: 760px;
border-radius: 20px;
overflow: hidden;
}

.homepage--about-wrapper .col--left {
border-radius: 20px;
overflow: hidden;
padding: 100px;
background-color: #EAE5E2;
}

.homepage--about-wrapper .cols .col--left .title {
font-weight: 800;
font-size: 19px;
line-height: 26px;
color: #000;
}

.homepage--about-wrapper .cols .col--left .subtitle {
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #000000;
}

.homepage--about-wrapper .col--left>.icon {
width: 200px;
margin-bottom: 20px;
}

.homepage--about-wrapper .col--left .text.editor {
font-weight: 600;
font-size: 16px;
line-height: 20px;
margin-block: 40px 70px;
color: #94887F;
max-width: 500px;
width: 100%;
}

.homepage--about-wrapper .container--full {
max-width: 1440px;
}

.cta--circle {
column-gap: 4px;
font-weight: 700;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
color: #94887F;
}

.cta--circle .icon {
min-width: 16px;
height: 16px;
width: 16px;
justify-content: center;
align-items: center;
margin-bottom: 2px;
}

.cta--circle .icon::before {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #94887F;
transition: all linear 200ms;
}

.cta--circle:hover .icon::before {
width: 100%;
height: 100%;
}

.cta--circle-text {
display: block;
position: relative;
padding-bottom: 5px;
}

.cta--circle-text::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #94887F;
transition: all linear 200ms;
}

.cta--circle:hover .cta--circle-text::after {
width: 0;
}

.homepage--services-wrapper {
margin-top: 140px;
}

.homepage--services-wrapper .loop {
column-gap: 20px;
align-items: stretch;
margin-top:30px;
}

.services--card a {
border-radius: 20px;
overflow: hidden;
background-color: #EAE5E2;
padding: 75px 60px 40px;
height: 100%;
}

.services--card a .cta--circle {
margin-top: auto;
}

.services--card a h3 {
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: #000000;
text-transform: uppercase;
margin-block: 70px 15px;
}

.services--card a .text.editor {
margin-bottom: 40px;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-align: center;
color: #94887F;
}
.leaflet-control-attribution.leaflet-control {
display: none;
}
.homepage--services-wrapper .container--full {
max-width: 1440px;
}
#map {
height: 760px;
margin-top: 150px;
position: relative;
outline: none;
border:none;
z-index: 0;
border-radius: 20px;
  overflow: hidden;
}
#map .leaflet-marker-icon {
border-radius: 50%;
overflow: hidden;
}

.services--card a > .icon {
min-height: 83px;
justify-content: center;
align-items: center;
}
.services--card a > .icon svg {
height: auto;
width: auto;
}
#map .leaflet-tooltip.map-tooltip {
margin-top: -30px;
border-radius: 20px;
padding: 12px;
box-shadow: none;
}

#map .leaflet-tooltip.map-tooltip a {
font-weight: 700;
font-size: 17px;
line-height: 23px;
color: #94887F;
}
#map .leaflet-tooltip.map-tooltip a:hover {
	opacity: .7;
}

.pre--footer-wrapper .image {
height: 400px;
width: 100%;
border-radius: 20px;
overflow: hidden;
position: relative;
}

.pre--footer-wrapper .image::before {
content: '';
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .55;
z-index: 1;
}
.pre--footer-wrapper .content .subtitle {
font-weight: 800;
font-size: 26px;
line-height: 36px;
color: #FFFFFF;
border-bottom:1px solid #fff;
max-width:max-content;
padding-bottom:5px;
}

.pre--footer-wrapper .content .title {
font-weight: 800;
font-size: 30px;
line-height: 41px;
color: #FFFFFF;
border-bottom:1px solid #fff;
max-width:max-content;
padding-bottom:5px;
margin-top: 3px;
}

.pre--footer-wrapper {
	margin-top:25px;
}



/* End Homepage */


/* Template Office */
#parallax--image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 760px;
	border-radius: 20px;
	overflow: hidden;
	margin-top:100px;
	background-attachment: fixed;
}
.homepage--about-wrapper.template--office-about .col--left {
  display: block;
}
.homepage--about-wrapper.template--office-about .col--left .text.editor {
  font-weight: 800;
  margin:0;
}
.homepage--about-wrapper.template--office-about .col--right {
	border-radius: 20px;
  overflow: hidden;
  padding: 50px 60px;
  background-color: #EAE5E2;
}
.homepage--about-wrapper.template--office-about .col--right .image {
	margin-bottom:50px;
	height:700px;
}
.homepage--about-wrapper.template--office-about .cols .col--right .title {
  font-weight: 800;
  font-size: 19px;
  line-height: 26px;
  color: #000;
  text-align:center;
  margin-block: 10px 2px;
}
.homepage--about-wrapper.template--office-about .cols .col--right .subtitle {
font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  text-align:center;
}
.homepage--about-wrapper.template--office-about .cols .col--right .icon {
	width: 200px;
}

.homepage--about-wrapper.template--office-about .cols .col--right .socials--list {
	justify-content: center;
	margin-bottom: 25px;
}

.template--services-wrapper .image::before {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 1;
}
.template--services-wrapper .image {
	height: 575px;
	position: relative;
}

.template--services-wrapper.relative {
	margin-bottom: 45px;
}
.template--services-loop .loop--single:not(:last-child) {
	margin-bottom: 60px;
}
.template--services-loop .loop--single {
	background-color:#EAE5E2;
	padding:85px 150px 40px 55px;
	border-radius: 20px;
	overflow: hidden;
}
.template--services-loop .loop--single .cols {

	column-gap: 180px;
}
.template--services-loop .container--full {
	max-width: 1680px;
}
.template--services-loop .loop--single .title {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #000;
}
.template--services-loop .loop--single .text.editor {
font-weight: 600;
font-size: 16px;
line-height: 18px;
max-width: 500px;
width: 100%;
margin-bottom: 50px;
color: #94887F;
}
.template--services-loop .loop--single .col--right .text.editor ul li,
.template--services-loop .loop--single .col--right .text.editor ol li {
	border-bottom: 1px solid #94887F;
font-weight: 600;
font-size: 16px;
line-height: 1.3;
color: #94887F;
padding-bottom: 8px;
}
.template--services-loop .loop--single .col--right .text.editor ul,
.template--services-loop .loop--single .col--right .text.editor ol {
	list-style: none;
	padding:0 ;
	margin:0;
	row-gap:15px;
}
.template--services-loop .loop--single .image {
	height: 450px;
	border-radius: 20px;
	overflow: hidden;
}

.template--office-wrapper {
  margin-top: 100px;
}

.template--office-wrapper h1.title {
font-weight: 700;
font-size: 50px;
line-height: 52px;
text-align: center;
color: #94887F;
}
.homepage--about-wrapper.template--office-about {
  margin-top: 60px;
}
.template--office-wrapper span.subtitle {
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #94887F;
margin-top:5px;
}
.burger {
	display: none;
}
.burger svg {
	width: 100%;
	height: 100%;
}
/* BURGER */
.burger .line {
	fill: none;
	stroke: #94887F;
	stroke-width: 2;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.burger .line1 {
	stroke-dasharray: 60 207;
	stroke-width: 2;
}
.burger .line2 {
	stroke-dasharray: 60 60;
	stroke-width: 2;
}
.burger .line3 {
	stroke-dasharray: 60 207;
	stroke-width: 2;
}
html.menu--open .burger .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 2;
}
html.menu--open .burger  .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 2;
}
html.menu--open .burger  .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 2;
}
/* TELOS BURGER */
#contact--map {
  height: 700px;
  border-radius: 20px;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 35px;
    outline: none;
    border:none;
}
.contact--form-item.submit .cta--circle {
  background-color: transparent;
  border: none;
  outline: navajowhite;
  margin-left: auto;
}
.template--contact-form {
	margin-bottom: 100px;
}
.homepage--hero-wrapper {
  position: relative;
}

.template--office-wrapper .inner {
  width: 100%;
  max-width: 1550px;
  padding: 25px;
  border: 1px solid #94887F;
  border-radius: 20px;
  margin-top:40px;
  overflow: hidden;
}



.template--office-wrapper .contact--list {
  flex-direction: column;
  row-gap: 5px;
}



.template--office-wrapper .contact--list li .seperator,
.template--office-wrapper .contact--list li a {
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #000000;
}

.template--office-wrapper .contact--list li a::after {
	background-color: #fff;
}
.socials--list {
  column-gap: 12px;
  justify-content: center;
}
.template--office-wrapper .socials--list  {
	margin-top:25px;
}

.template--contact-form {
	margin-top:125px;
}


.template--contact-form .section--title {
	margin-bottom: 30px;
font-weight: 700;
font-size: 28px;
line-height: 1.3;
text-align: center;
color: #000000;
}





.template--services-wrapper.relative .content.abs-center.z-1 {
	max-width: 880px;
width: 100%;
}

/* End Template Office */

#full--navigation-overlay,
#full--navigation {
	display: none;
}
.subfooter--main {
  margin-top: 100px;
}

.subfooter--main  {
font-weight: 600;
font-size: 14px;
line-height: 1;
color: #94887F;
}
#footer .inner {
	padding: 60px 40px 30px;
	background-color: #EAE5E2;
	border-radius: 20px;
	overflow: hidden;
}
#footer {
	margin-block:20px;
}
.created-by a svg {
  width: 100%;
  height: 100%;
}
.created-by {
  display: block;
  text-align: right;
}
#go--to-top {
  cursor: pointer;
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#footer .socials--list {
	justify-content: flex-end;
}
#footer .header--actions.flex .single {
	margin: 0;
	padding: 0;
	border:unset;
}
#footer .header--actions.flex {
  justify-content: space-between;
}
.footer--main.grid.grid-3-columns {
  align-items: center;
}
@media(min-width:1551px) {
#footer .header--actions .single .single--title {
	font-size: 16px;
}
#footer .cta--arrow-text {
	font-size: 20px;
}

#footer .inner {
  padding: 25px;
}
 .footer--main.grid.grid-3-columns {
    row-gap: 25px;
  }
  .subfooter--main {
	margin-top:40px;
  }

}

.contact--form input, .contact--form textarea {
  display: block;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid #94887F;
  border-radius: 15px;
  padding: 10px 15px;
  font-size: 16px;
  outline: none;
  line-height: 1;
}
.contact--form textarea  {
	height: 170px;
	resize: none;
	padding-top:15px;
}

.contact--form {
  max-width: 1550px;
  margin: auto;
}

.contact--form > div {
  margin-bottom: 20px;
  gap: 20px;
}