.c-mybigproject {
    font-size: 1em;
}
@media (max-width: 768px) {
    .c-mybigproject {
        font-size: 0.8em;
    }
}

body, p, a, button {
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(16px, 0.8vw, 20px);
}

#contenttop div.htmlbox ul {
    padding-left: 0;
}

#contenttop div.htmlbox ul li {
    line-height: 1.6;
}

#contenttop h1.c-title-xl {
    font-size: 3.1vw;
    font-size: clamp(40px, 3.8vw, 100px);
    text-align: left;
    border-bottom: 0;
}


#contenttop h1.c-title-xl, #contenttop h1.c-title-lg {
    font-size: 3.1vw;
    font-size: clamp(40px, 3.8vw, 100px);
    text-align: left;
    border-bottom: 0;
    position: relative;
}

#contenttop h2.c-title-lg, #contenttop .aboveitems h1 {
    font-size: clamp(26px, 2.08vw, 40px);
    display: inline-block;
    border-bottom: 0;
    line-height: 1;
    position: relative;
    font-style: italic;
    text-align: left;
}

#belowsite h2.c-title-lg {
    font-size: 40px;
    display: inline-block;
    border-bottom: 0;
    line-height: 1;
    position: relative;
    font-style: italic;
    text-align: left;
    padding-bottom: 10px;
}

#contenttop h1.c-title-lg::before, #contenttop h2.c-title-lg::before, #belowsite h2.c-title-lg::before, #contenttop .aboveitems h1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, #27aae1, #ef4124);
    width: 100px;
    height: 2px;
}

.c-title-box p {
width: 80%;
    line-height: 2;
}

.c-title-box img {
    width: clamp(300px, 25.3vw, 650px);
    height: auto;
    margin-bottom: 30px;
}

.c-button {
    text-decoration: none;
    background-color: rgb(255 255 255 / 29%);
    padding: 15px 25px;
    border-radius: 50px;
    color: white;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    position: relative;
    overflow: hidden;
}

.c-button::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(90deg, #009fda, #ef4123);
    filter: blur(5px);
    transition: 0.5s
}

.c-button:hover::before {
    height: 10px;
}

.c-button-glass {
    backdrop-filter: blur(2px);
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.c-dark-glass {
    background-color: #08232e;
}

.c-white-glass {
background-color: rgb(255 255 255);
    color: #08232e;
}

.c-contact-icon {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.c-contact-icon p {
font-size: 18px;
font-weight: 800;
    margin: 0;
}

.c-contact-icon span {
    width: auto;
    height: auto;
    border-radius: 50%;
    display: inline-block;
    background-color: rgb(8 35 46);
    padding: 7px;
    margin-right: 5px;
}

.c-contact-icon a {
text-decoration: none;
font-weight: 400;
    color: rgb(8 35 46);
}

.c-sitemap div {
font-size: 18px;
margin-bottom: 15px;
}

.c-sitemap a {
text-decoration: none;
font-weight: 800;
    color: rgb(8 35 46);
}


.c-glass-icon{
    text-decoration: none;
    width: auto;
    height: auto;
    border-radius: 50%;
    display: inline-block;
    background-color: rgb(8 35 46);
    padding: 10px;
    margin-right: 5px;
}

#copyinfo {
    border-top: 1px solid #08232e;
}

.c-footer::before {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
    background: linear-gradient(45deg, #27aae1, #ef4124);
}


#cta.c-main-container {
    background-color: #05181f;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

#cta.c-main-container .c-main-inner {
max-width: 1540px;
margin: 0 auto;
padding: 0 20px;
}

#cta.c-main-container::before {
    content: '';
    display: block;
    background-color: #27aae1;
    height: 6vw;
    width: 50%;
    filter: blur(8vw);
    position: absolute;
    bottom: -20%;
    left: 0;
    z-index: 0;
}

#cta.c-main-container::after {
    content: '';
    display: block;
    background-color: #ef4123;
    height: 9vw;
    width: 50%;
    filter: blur(8vw);
    position: absolute;
    bottom: -20%;
    right: 0;
    z-index: 0;
}

#belowsite #cta h2.c-title-lg, #cta p {
color: white;
}

.aboveitems {
    padding: 50px 20px 20px 20px;
    max-width: 1540px;
    margin: 0 auto;
}

.items.horizontalitemsnoeshop.horizontalitemsgallery {
padding-bottom: 100px;
}

.c-company {
margin-right: 20px;
}.c-newlogo {
/*    background-image: url('/cache/files/9c104e400f516d9853f0469414dcc43746642501.svg');*/
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}

.notloggedin #mobile-header {
    position: fixed;
    background-color: transparent;
    box-shadow: none;
    z-index: 90;
}

#mobile-header.c-toptouch a.mobile-header-startlink {
    background-image: url('/cache/files/4c3f2f198703fd8168b9da0922e9e82077ff9336.svg');
}

a.mobile-header-startlink {
    background-image: url('/cache/files/9c104e400f516d9853f0469414dcc43746642501.svg');
    background-position: center;
    background-size: 80%;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/9c104e400f516d9853f0469414dcc43746642501.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}

.mobile-header {
    height: auto;
    min-height: 100px;
}


#mobile-header button {
    height: auto;
    color: white;
    font-size: 24px;
    background-color: #08232e;
    padding: 3px 3px;
    box-sizing: border-box;
    width: auto;
    border-radius: 5px;
}


.side-nav ul li a span {
    position: relative;
    display: inline-block;
}

.side-nav ul li.active > a span, .side-nav ul li.inactive:hover > a span {
    font-weight: 800;
    font-style: italic;
}

.side-nav ul li.inactive a > span {
    font-weight: 500;
    font-style: unset;
}

.side-nav ul li.active > a span::before, .side-nav ul li.inactive:hover > a span::before {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0;
    background: linear-gradient(45deg, #27aae1, #ef4124);
    width: calc(100% - 35px);
    height: 2px;
    display: block;
}

.side-nav ul > li a span {
    padding-left: 35px;
    background-size: 30px;
    background-position: left;
    background-repeat: no-repeat;
}

.side-nav ul > li ul li a span {
    background-image: none !important;
    padding-left: 0px;
}

.side-nav ul > li.active ul li a span::before, .side-nav ul ul li.inactive:hover > a span::before {
width: 100%;
}

.side-nav ul > li:nth-child(1) a span {
background-image: url('/cache/files/4a81ee632cd9d6b016b94e22b5e4b865b0b27db9.svg');
    background-size: 20px;
    background-position-x: 5px;
}

.side-nav ul > li:nth-child(2) a span {
background-image: url('/cache/files/6de4a033953d4b4b2e9d424da6c3373bb1d261e6.svg');
}

.side-nav ul > li:nth-child(3) a span {
background-image: url('/cache/files/a1c7466017cedd6586d11771b684eb9f9d086f96.svg');
}

.side-nav ul > li:nth-child(4) a span {
background-image: url('/cache/files/e92e4d60e497035ab35d9b925461041bd1b6a3d5.svg');
}

.side-nav ul > li:nth-child(5) a span {
background-image: url('/cache/files/318b69c88a5a324231f8f679d615b76a4c08b95f.svg');
}

.side-nav ul > li:nth-child(6) a span {
background-image: url('/cache/files/9120e5050b79afb8de54c27a9de3a1706285627a.svg');
    background-size: 20px;
    background-position-x: 5px;
}

.side-nav ul li ul li a {
padding-left: 65px;
}.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}@media (max-width: 990px) {
.notloggedin #sideNav {
display: none;
}
.c-fullpage-container {
    padding-left: 0px !important;
    height: auto !important;
}

#section1 .c-title-box {
    height: auto !important;
    padding-top: 130px;
}

section {
    height: auto !important;
}

section .c-fullpage-inner {
padding-top: 50px;
padding-bottom: 50px;
    flex-direction: column !important;
}

#section1 .c-title-box img {
display: none;
}

#section1 .c-title-box p {
    width: 100%;
}

.c-vertical-carousel {
    height: 60vh !important;
}

#contenttop h2.c-title-lg, #contenttop .aboveitems h1{
    font-size: 30px !important;
}


#section2 .c-metrics-container {
    flex-wrap: wrap;
}

.c-title-box p {
    width: 100% !important;
}

.c-services-box {
    width: calc(50% - 10px) !important;
}

.c-service-box {
height: auto !important;
}

.c-service-box-content {
    width: 100% !important;
    padding: 20px !important;
}

.c-sinergates-logo, .c-portfolio-logo {
    width: 48% !important;
}

.c-sinergates-logo img {
    width: 100% !important;
}

#section5 .c-fullpage-inner {
    padding: 50px 0 !important;
}

#section5 p {
    min-width: 100% !important;
}

#top.c-fullpage-container {
    padding-top: 130px;
        padding-bottom: 50px;
}

.c-main-inner {
    padding: 50px 20px !important;
}


#partners .c-main-inner {
    padding: 50px 0px !important;
}

#pleonektimata .container-fluid {
padding: 0 !important;
}

.c-box-hoverable {
    min-height: auto !important;
}

#services .c-services-box {
    width: 100% !important;
}

#cta.c-main-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#top .c-services-boxes {
    flex-wrap: wrap;
}

.c-companies-logos img {
    width: 40vw !important;
}

.row.row-eq-height-md .col-md-6 {
    width: 100% !important;
}

}.c-fullpage-container {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
    height: 100vh;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}

#top.c-fullpage-container {
    background-image: url('/cache/files/30c6734ac62e963f5d64dcbf123c92ee03550e64.jpg');
}

#top.c-fullpage-container::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
    background-color: rgb(0 0 0 / 60%);
z-index: 0;
}

#top.c-fullpage-container::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
    background-image: linear-gradient(0deg, #05181f, transparent);
z-index: 1;
}


.c-fullpage-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1540px;
    margin: 0 auto;
    z-index: 2;
    padding: 0 20px;
}

#contenttop .c-fullpage-container h1.c-title-lg, #contenttop .c-fullpage-container p {
color: white;
}

.c-main-container {
    position: relative;
    overflow: hidden;
}

#info.c-main-container {
background-color: #05181f;
}

#info.c-main-container::before {
    content: '';
    display: block;
    background-color: #27aae1;
    height: 6vw;
    width: 50%;
    filter: blur(8vw);
    position: absolute;
    bottom: -20%;
    left: 0;
    z-index: 0;
}

#info.c-main-container::after {
    content: '';
    display: block;
    background-color: #ef4123;
    height: 6vw;
    width: 50%;
    filter: blur(8vw);
    position: absolute;
    bottom: -20%;
    right: 0;
    z-index: 0;
}

#meleti-section.c-main-container {
    background-image: url('/cache/files/4e458b81f670078b20bcf0018b608d81657c53d2.jpg');
    background-attachment: fixed;
    background-position: center;

}

.c-main-inner {
    padding: 100px 20px;
    max-width: 1540px;
    margin: 0 auto;
}

.c-pageinfo {
    font-size: clamp(16px, 1vw, 20px);
    color: white;
    position: relative;
    z-index: 1;
}

.c-services-boxes {
    display: flex;
    margin-top: 5vw;
    color: white;
    text-align: center;
    gap: 4vw;
}

.c-services-text {
    font-size: 20px;
    font-weight: 800;
    margin-top: 15px;
}

.c-services-box {
    width: 150px;
}

.c-services-box img {
    width: 4vw;
    height: auto;
    min-width: 70px;
    max-width: 120px;
}

.c-main-inner .c-belowtitle-p {
    width: 100%;
    max-width: 800px;
}

.c-companies-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.c-companies-logos img {
    width: 10vw;
    height: auto;
    aspect-ratio: 30 / 9;
    object-fit: contain;
    object-position: center;
}