/*.notloggedin #topmenu {
display: none;
}*/

body, h2, p, button {
  font-family: "Ubuntu", sans-serif;
}


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

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

#contenttop h2.c-title-lg {
    font-size: clamp(40px, 2.7vw, 70px);
    text-align: left;
    position: relative;
}

#contenttop h2.c-title-md {
    font-size: clamp(30px, 2.6vw, 66px);
    text-align: left;
    position: relative;
    margin-top: 0;
}

.c-greentext, #contenttop h2.c-greentext {
color: #29f845;
}


.c-bigger {
    font-size: 1.6em;
}

@media (max-width: 990px) {
.c-bigger {
    font-size: 1.2em;
}
}#overlay1990.c-newlogo {
    background-image: url('/cache/files/f23f10987a754fd3e7afee7eb27cb76ac0aa00f0.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 106/75;
    height: 100px !important;
    width: auto !important;
}


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

.side-nav__header {
    background-image: url('/cache/files/f23f10987a754fd3e7afee7eb27cb76ac0aa00f0.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}.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%;
}
}div.topmenu ul li a {
relative;
}

div.topmenu ul li a::before {
    content: '';
    display: block;
    height: 2px;
    background-color: #29f845;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0%;
    transition: 0.5s;
}

div.topmenu ul li.active a::before {
    width:100%;
}

div.topmenu ul li a:hover::before {
    width: 100%;
}.c-topsection-images {
position: relative;
height: 150vh;
width: 100%;
background-color: black;
overflow: hidden;
}

.c-topsection-images img {
position: absolute;
    height: auto;
}

.c-toplogo-1 {
    width: 7vw;
    height: auto;
    top: 45%;
    left: 45%;
    z-index: 10;
}

.c-toplogo-2 {
    width: 7vw;
    height: auto;
    left: 54%;
    top: 51%;
    z-index: 10;
}

.image-1 {    top: 5%;    left: 10%;     width: 8vw; }
.image-2 { top: 6%; left: 21%;    width: 4vw; }
.image-3 { top: 0%; left: 28%;     width: 4vw;}
.image-4 { top: -2%; left: 38%; width: 7vw;}
.image-5 { top: 5%; left: 47%;     width: 5vw;}
.image-6 { top: -5%; left: 48%;     width: 6vw;}
.image-7 { top: 0%; left: 57%;     width: 11vw;}
.image-8 { top: -1%; left: 70%;     width: 7vw;}
.image-9 { top: 0%; left: 78%;     width: 7vw;}
.image-10 { top: 15%; left: 89%;     width: 7vw;}
.image-11 { top: 21%; left: 29%; width: 5vw;}
.image-12 { top: 13%; left: 36%;     width: 6vw;}
.image-13 { top: 6%; left: 40%;    width: 4vw; }
.image-14 { top: 18%; left: 49%;     width: 9vw;}

.image-15 { top: 8%; left: 58%;     width: 4vw;}
.image-16 { top: 11%; left: 64%;     width: 12vw;}

.image-17 { top: 7%; left: 77%;     width: 6vw;}
.image-18 { top: 16%; left: 82%;     width: 6vw;}
.image-19 { top: 23%; left: 2%;     width: 8vw;}
.image-20 { top: 22%; left: 13%; width: 6vw;}
.image-21 { top: 37%; left: 32%; width: 6vw;}
.image-22 { top: 35%; left: 40%; width: 6vw; }
.image-23 { top: 26%; left: 47%; width: 4vw;}
.image-24 { top: 23%; left: 54%;     width: 4vw;}
.image-25 { top: 26%; left: 47%;     width: 6vw;}
.image-26 { top: 27%; left: 63%;     width: 6vw;}
.image-27 { top: 40%; left: 73%;     width: 5vw;}

.image-28 { top: 37%; left: 4%;     width: 5vw;}

.image-29 { top: 20%; left: 70%;     width: 6vw;}

.image-30 { top: 30%; left: 80%;     width: 8vw; display: none;}

.image-31 { top: 47%; left: 14%;     width: 7vw;}

.image-32 { top: 42%; left: 88%;     width: 7vw;}

.image-33 { top: 40%; left: 60%;     width: 5vw;}

.image-34 { top: 50%; left: 25%;     width: 8vw;}

.image-35 { top: 51%; left: 31%;     width: 10vw;}

.image-36 { top: 61%; left: 34%;     width: 7vw;}

.image-37 { top: 50%; left: 62%;     width: 7vw;}

.image-38 { top: 52%; left: 68%;     width: 8vw;}

.image-39 { top: 54%; left: 77%;     width: 9vw;}

.image-40 { top: 59%; left: 84%; width: 7vw;}

.image-41 { top: 65%; left: 10%;     width: 20vw;}

.image-42 { top: 81%; left: 40%;     width: 5vw;}

.image-43 { top: 70%; left: 55%;  width: 5vw;}

.image-44 { top: 62%; left: 45%; width: 5vw;}

.image-45 { top: 70%; left: 62%;     width: 6vw;}

.image-46 { top: 60%; left: 72%;    width: 6vw; }

.image-47 { top: 64%; left: 21%;     width: 10vw;}

.image-48 { top: 85%; left: 29%;     width: 7vw;}

.image-49 { top: 80%; left: 50%;     width: 6vw;}

.image-50 { top: 92%; left: 38%;     width: 10vw;}
.image-51 { top: 84%; left: 61%;     width: 12vw;}

.image-52 { top: 71%; left: 76%;     width: 20vw;}

.image-53 { top: 86%; left: 92%;     width: 6vw;}
.image-54 { top: 92%; left: 20%; width: 3vw;}
.image-55 { top: 66%; left: 36%; width: 7vw;}
.image-56 { top: 93%; left: 5%;     width: 9vw;}

.c-top-section-8x8 {
position: relative;
height: 100%;
}

.c-top-section-8x8 img {
    width: 80%;
    height: auto;
    top: 20%;
    left: 10%;
}

.c-8x8-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: left 4s ease-in-out;
}

.c-move-right {
    left: 100%;
}

@media (max-width: 768px) {
.image-20 {
    top: 31%;
}

.image-11, .image-13, .image-14, .image-15, .image-22, .image-24, .image-25, .image-37 {
display: none;
}

.image-35 {
    top: 57%;
    left: 11%;
}

.image-48 {
    top: 76%;
    left: 9%;
}
}#overlay1990.c-newlogo {
display: none;
}

a.mobile-header-startlink {
display: none;
}

.notloggedin #topmenu, .notloggedin #topbanner {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, black, transparent);
    padding: 22px 0;
}

#mobile-header {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, black, transparent);
    padding: 15px;
}

.c-whole-container {
width: 100%;
overflow: hidden;
}

.c-green-border-container {
    position: relative;
}

.c-green-border {
    border: 40px solid #29f845;
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
}



#intro .c-pena {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: calc(-5vw - 40px);
}

#intro .c-main-inner {
    padding-top: 15vw;
    padding-bottom: 0px;
    max-width: 100%;
}

#intro h2.c-title-md {
    width: 60%;
    margin: 0 auto;
    padding-top: 6vw;
    padding-bottom: 3vw;
}

.c-par-1 {
    margin-left: calc(14% + 40px);
    font-size: clamp(26px, 1.4vw, 36px);
    width: 50%;
    margin-top: -10vw;
}

.c-divide-paragraphs {

}

.c-par-2 {
    padding-left: calc(40% + 40px);
    font-size: clamp(26px, 1.4vw, 36px);
    width: 40%;
    padding-bottom: clamp(30px, 5vw, 125px);
}

.c-black-bg {
background-color: black;
color: white;
}

.c-over-border-text {
    position: absolute;
    z-index: 2;
    font-size: 28px;
    bottom: 4px;
    text-align: left;
    width: 65%;
    left: 35%;
}

.c-below-border-text {
    font-size: 28px;
    text-align: left;
    width: 65%;
    margin-left: 35%;
    padding-bottom: clamp(50px, 8vw, 200px);
}

.c-kleistro-shape {
    position: absolute;
    bottom: -6%;
    left: 2%;
    z-index: 2;
}

.c-kleistro-shape img {
    width: 9vw;
    height: auto;
}

#methodos.c-main-container {
background-color: black;
}

#methodos .c-main-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#contenttop #methodos h2.c-title-lg {
    margin-top: 0px;
    margin-bottom: 0px;
width: 70%;
    margin-left: 10%;
    color: white;
}


.c-littlebigger {
    font-size: 1.2em;
}

.c-green-font {
    color: #29f845;
}

.c-fanari-box {
    margin: 0 2vw;
    /*box-shadow: 1vw 1vw 30px rgb(0 0 0 / 75%);*/
    position: relative;
}

#fanaria .col-md-6:nth-child(1) .c-fanari-box {
position: relative;
z-index: 1;
}

#fanaria .col-md-6:nth-child(2) .c-fanari-box {
    /*margin: 10vw -15px 0 0;*/
    margin-top: 15px;
}

#fanaria .col-md-6 .c-fanari-box img {
position: relative;
z-index: 1;
}

#fanaria .col-md-6:nth-child(2) .c-fanari-box::before {
content: '';
    background-color: #ff0000;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 25%;
    left: -20%;
    z-index: 0;
}

.c-quote-container {
position: relative;
    top: 0;
    left: 0;
    margin: 3vw 1.5vw;
    color: black;
    font-weight: 400;
    z-index: 3;
}

.c-quote {
    /*-webkit-text-stroke: 0.18vw black;*/
    font-size: clamp(18px, 1.56vw, 40px);
}

.c-name {
    /*-webkit-text-stroke: 0.15vw black;*/
    font-size: clamp(16px, 1.2vw, 30px);
    margin-top: 20px;
}

.c-green-shapelogo {
    text-align: center;
}

.c-green-shapelogo img {
    width: 100%;
    height: auto;
    padding: 10% 23%;
}

.c-below-fanaria-text {
    position: relative;
    z-index: 2;
    padding-top: 0%;
    margin-left: 5%;
    width: 65%;
    font-size: clamp(26px, 2vw, 50px);
}

.c-grafoume-side {
    position: absolute;
    top: -20%;
    right: 0;
    z-index: 3;
}

.c-grafoume-side img {
    width: 6vw;
    height: auto;
}

/* POS LEITOURGEI TO ERGASTIRIO SECTION */

#pos-leitourgei.c-main-container {
    padding-left: 5%;
    padding-right: 5%;
}

.c-square-45 {
    width: 100%;
    max-width: 1100px;
    left: 50%;
    top: 20%;
    height: auto;
    aspect-ratio: 1 / 1;
    position: absolute;
    background-color: black;
    transform: translateX(-50%) rotate(45deg);
    z-index: 0;
}

#contenttop #pos-leitourgei h2.c-greentext {
position: relative;
z-index: 1;
}

.c-text-stroke {
    -webkit-text-stroke: 1px black;
    font-weight: 800;
}

#pos-leitourgei .c-main-inner {
    max-width: 100%;
}

#pos-leitourgei .container-fluid {
    max-width: 1540px;
    margin: 0 auto;
}

.c-right-text {
    text-align: right;
}

.c-images-strofi {
    position: absolute;
    top: 10%;
    left: 0;
    height: 300px;
    width: 100%;
}

.c-images-strofi img {
    position: absolute;
    height: auto;
    opacity: 0;
}

.c-images-strofi img.c-strofi-image-1 {
    left: -3%;
    transform: rotate(5deg);
    top: 40%;
    width: 6%;
}

.c-images-strofi img.c-strofi-image-2 {
    top: 45%;
    left:2%;
    transform: rotate(10deg);
    width: 8%;
}

.c-images-strofi img.c-strofi-image-3 {
    top: 55%;
    left: 8%;
    transform: rotate(15deg);
    width: 10%;
}


.c-images-strofi img.c-strofi-image-4 {
    top: 72%;
    left: 15%;
    transform: rotate(20deg);
    width: 13%;
}

.c-images-strofi img.c-strofi-image-5 {
    top: 95%;
    left: 20%;
    transform: rotate(25deg);
    width: 17%;
}

#pos-leitourgei .c-text-middle {
    width: 100%;
    max-width: 600px;
    color: white;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    margin-top: 40px;
    font-size: 1.6em;
}

.c-image-break {
    display: flex;
    position: relative;
    z-index: 2;
    margin-top: clamp(250px, 10vw, 500px);
}

.c-image-break .c-image-break-left, .c-image-break .c-image-break-right {
    width: 50%;
    aspect-ratio: 33 / 37;
    position: relative;
    z-index: 3;
}

.c-image-break-left img {
    width: 80%;
    height: auto;
    position: absolute;
    right: -13%;
}

.c-image-break-right img {
    width: 80%;
    height: auto;
    position: absolute;
    left: -13%;
}

.c-image-break-fakos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.c-image-break-text {
    width: 30%;
    margin-left: 70%;
    font-size: 1.6em;
}

.c-below-image-break {
    display: flex;
    flex-direction: row;
}

.c-below-image-break-text {
    font-size: 1.6em;
    width: 30%;
    margin-top: 3vw;
}

.c-below-image-break-image {
    width: 40%;
    height: auto;
    position: relative;
    aspect-ratio: 160/129;
}

.c-below-image-break-image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: -170%;
    transform: scale(0) rotate(180deg);
}

#grafi-logos .c-greentext {
position: relative;
z-index: 2;
}

.c-blackbox {
    position: relative;
    color: white;
    padding: 5vw;
}

.c-blackbox::before {
    content: '';
    background-color: black;
    display: block;
    width: 90%;
    height: 90%;
    transform: rotate(-5deg);
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 0;
}

.c-blackbox p {
position: relative;
z-index: 1;
}

.c-gaptop {
    padding-top: 9vw;
}

.c-grafi-container {
    margin-top: 100px;
    position: relative;
}

.c-grafi-image-1 {
    width: 40%;
}

.c-grafi-image-1 img {
    width: 100%;
    height: auto;
}

.c-grafi-greenbox {
    position: absolute;
    background: #29f845;
    width: 45%;
    height: 60%;
    top: 30%;
    left: -2%;
    mix-blend-mode: multiply;
}

.c-grafi-image-black-box {
    position: relative;
    width: 100%;
    margin-left: 0;
}

.c-grafi-image-black-box::before {
content: '';
display: block;
background-color: black;
width: 60%;
position: absolute;
left: 5%;
top: 0;
height: 100%;
}

.c-grafi-image-2 {
    position: relative;
    width: 40%;
    margin-left: auto;
    margin-right: 5%;
}

.c-grafi-image-2 img {
width: 100%;
height: auto;
position: relative;
top: -10vw;
}

#contenttop .c-grafi-image-1 h2.c-blacktext {
    position: absolute;
    top: 2%;
    width: 40%;
    right: 10%;
}


#contenttop .c-grafi-image-black-box h2.c-greentext{
    position: absolute;
    top: 2%;
    width: 40%;
    left: 10%;
}

/* MAGIKON SECTION */

#magikon-section {
    min-height: 80vh;
    overflow: hidden;
}

.c-background-image {
position: absolute;
height: 100%;
width: 100%;
}

.c-background-image::before {
content: '';
display: block;
width: 100%;
height: 80%;
background-image: linear-gradient(0deg, transparent, #f7f7f7);
position: absolute;
top: 0;
left: 0;
}

.c-background-image::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #e6e6e6 10%, transparent 20%, transparent 80%, #e6e6e6 90%);
    position: absolute;
    top: 0;
    left: 0;
}

.c-background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#magikon-section .c-main-inner {
    position: relative;
}

.c-magikon-container {
    position: relative;
}

.c-magikon-image {
    width: 70%;
}

.c-magikon-image img {
width: 100%;
height: auto;
}

.c-magikon-container p {
    position: absolute;
    top: 2%;
    width: 37%;
    right: 0;
    font-weight: 800;
}

#magikon-section .c-top-text {
width: 40%;
}

.c-magikon-par-sm {
    padding-top: 50px;
    width: 100%;
    margin-left: 5%;
    max-width: 500px;
}

.c-magikon-par-bottom {
    width: 100%;
    max-width: 900px;
    margin: 5vw 0 0 auto;
}

#contenttop #loui-section h2.c-title-md {
    text-align: center;
}

.c-pena-1 {
    position: absolute;
    top: 20%;
    left: 0;
}

.c-pena-1 img {
    width: 20vw;
    height: auto;
}

.c-pena-2 {
position: absolute;
    top: 30%;
    left: -15%;
}

.c-pena-2 img {
    width: 40vw;
    height: auto;
}

.c-louisection-image-1 img, .c-louisection-image-2 img, .c-louisection-image-3 img, .c-louisection-image-4 img {
    width: 100%;
    height: auto;
    max-width: 600px;
   position: relative;
}

.c-louisection-image-1 {
    z-index: 4;
   position: relative;
}
.c-louisection-image-2 {
    z-index: 3;
}

.c-louisection-image-3 {
    z-index: 2;
}

.c-louisection-image-4 {
    z-index: 1;
}

.c-louisection-images {
    position: relative;
    padding-bottom: 500px;
    text-align: center;
}

.c-louisection-image-2, .c-louisection-image-3, .c-louisection-image-4 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.c-louisection-image-2 img, .c-louisection-image-3 img, .c-louisection-image-4 img {
translate(0%, 0%) rotate(0deg);
}

#full-green {
    padding-top: 150px;
    background-color: #29f845;
    margin-top: -200px;
    z-index: 2;
    mix-blend-mode: multiply;
    padding-bottom: 10vw;
}

.c-diadromi-image {
    width: 5vw;
    height: auto;
    aspect-ratio: 1 / 5;
    position: absolute;
    right: 1%;
    top: 10%;
}

.c-diadromi-image img {
    width: 100%;
    height: auto;
}

.c-bottom-logoshape {
    position: absolute;
    bottom: -115px;
right: 20%;
    width: 100%;
    max-width: 400px;
}

.c-bottom-logoshape img {
    width: 100%;
    height: auto;
}

#uni-praktiki.c-main-container {
padding-top: 200px;
}

#uni-praktiki.c-main-container p {
width: 100%;
max-width: 1000px;
}

#black-red .c-main-inner {
max-width: 100%;
}

#black-red .c-main-inner .c-blackbox {
background-color: black;
padding-top: 100px;
padding-bottom: 100px;
min-height: 600px;
}

#black-red .c-main-inner .c-blackbox::before {
display: none;
}

#black-red .c-main-inner .c-blackbox p {
    width: 60%;
    margin-left: 40%;
}

#black-red .c-redbox {
margin-top: 100px;
color: white;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
    z-index: 2;
    mix-blend-mode: multiply;
}

#black-red .c-redbox::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: #ff0000;
position: absolute;
top: 0;
left: 0;
}

#black-red .c-redbox .c-bigger {
position: relative;
    width: 70%;
    margin-left: 30%;
}

.c-blackred-image-anim {
    position: absolute;
    width: 30%;
    top: 0%;
    left: -5%;
}

.c-blackred-image-anim img {
    width: 100%;
    height: auto;
}

#idea .c-green-border-container {
border: 40px solid #29f845;
    padding: 3vw;
position: relative;
}

.c-idea-image {
    width: 40%;
    position: absolute;
    top:-40%;
    z-index: 3;
    left: 40%;
}

.c-idea-image img {
    width: 100%;
    height: auto;
}

.c-idea-par-1 {
    width: 60%;
}

.c-idea-par-2 {
    width: 60%;
    margin-left: 40%;
    margin-top: 150px;
}

#contenttop #idea h2.c-title-lg{
    width: 90%;
    margin-left: 5%;
    margin-top: -5%;
}

#erasitexnis {
min-height: 100vh;
}

#erasitexnis::before {
    content: '';
    background-color: red;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 100%;
    mix-blend-mode: multiply;
    z-index: 1;
}

.c-bottom-content {
    height: auto;
    bottom: 10%;
    left: 25%;
    position: absolute;
    max-width: 1000px;
    width: 50%;
    color: white;
    z-index: 2;
}

#blackwhite-image .c-main-inner {
position: relative;
}

#blackwhite-image .c-blackwhite-image-1 {
    width: 100%;
    max-width: 720px;
    position: relative;
    z-index: 1;
}

.c-green-border-bwimage {
    position: absolute;
    top: 30px;
    width: 80%;
    left: 10%;
    height: 60%;
    border: 30px solid #29f845;
    z-index: 0;
}

#blackwhite-image .c-blackwhite-image-1 img {
width: 100%;
height: auto;
}

#blackwhite-image p {
    width: 100%;
    max-width: 900px;
    margin-top: 30px;
}

.c-omada-image {
    max-width: 900px;
    margin: 0 5vw auto auto;
}

.c-omada-image img {
width: 100%;
height: auto;
}

#omada .c-main-inner {
position: relative;
}

#omada .c-greenbox-overimage {
    background-color: #29f845;
    position: absolute;
    top: 0;
    width: 100%;
    height: 30%;
    mix-blend-mode: multiply;
}

#omada p {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 50px;
}

.c-roloi-image img {
    width: 100%;
    height: auto;
}

#roloi .c-main-inner {
position: relative;
color: white;
}

.c-roloi-box {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    padding: 8% 3%;
    width: 90%;
    box-sizing: border-box;
}

.c-roloi-box::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 30px solid #29f845;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.c-roloi-box p {
    max-width: 720px;
}

#agalma .c-main-inner {
padding-top: 0px;
padding-bottom: 0px;
}

.c-agalma-image {
    width: 40%;
    position: relative;
}

.c-agalma-image img {
width: 100%;
height:  auto;
}

#louidesk .c-main-inner {
padding-top: 0px;
}

#louidesk .c-louidesk-image {
    width: 60%;
    margin-left: auto;
    margin-right: 0;
position: relative;
z-index: 2;
}

.c-louidesk-image img {
width: 100%;
height:  auto;
}

#louidesk {
    margin-top: -220px;
    overflow: hidden;
}

#louidesk .c-louidesk-image::before {
    content: '';
    width: 200%;
    height: 90%;
    z-index: 1;
    display: block;
    position: absolute;
    top: 10%;
    left: -10%;
    border: 30px solid #29f845;
    mix-blend-mode: multiply;
}

.c-cv-text {
    max-width: 720px;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
}

#cv {
overflow: hidden;
position: relative;
}

.c-cv-text::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #29f845;
    left: -95%;
    position: absolute;
    top: 10%;
}

/* SUXNES EROTISEIS */

#qna .accordion h3::before {
content: '';
display: inline-block;
background-image: url('http://louimaria.netsystem.gr/managed_images/arrow-qna.svg');
    width: auto;
    height: 20px;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 7px;
}

#qna .accordion > div {
    border-left: 3px solid #29f845;
    padding-left: 13px;
    margin-left: 8px;
}

.c-accordion-container {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
}

.c-arrow-link-erotiseis img {
    position: relative;
    transform: rotate(180deg);
}

#contenttop .c-contact-link h2.c-title-md {
text-align: right;
}

#kokkino-kouti.c-main-container {
    z-index: 3;
    mix-blend-mode: multiply;
}

#kokkino-kouti.c-main-container .c-main-inner {
    padding-bottom: 0;
    padding-top: 17vw;
    margin-bottom: -200px;
max-width: 100%;
}

#kokkino-kouti .c-redbox {
    background-color: red;
    height: 80vh;
    position: relative;
    min-height: 850px;
    z-index: 2;
}

.c-debox-image {
    position: absolute;
    width: 70%;
    margin-top: 100px;
}

.c-below-redbox {
    position: absolute;
    top: 0;
    left: 30%;
    width: 50%;
    z-index: 0;
}

.c-debox-image img, .c-below-redbox img {
width: 100%;
height: auto;
}

.c-omada-image-oldlogo {
    position: absolute;
    top: 200px;
    left: 0;
}

.c-omada-image-oldlogo img {
    height: auto;
    min-width: 150px;
    width: 50vw;
    max-width: 450px;
}

/* RESPONSIVE */

@media (max-width: 1540px) {
#contenttop h2.c-greentext, #magikon-section .c-top-text, #uni-praktiki .c-bigger, #blackwhite-image p, #contenttop h2.c-title-lg {
padding-left: 20px;
}

#full-green .c-bigger { 
    padding-right: 180px;
    padding-left: 20px;
    box-sizing: border-box;
}

#qna .c-main-inner {
padding-left: 20px;
padding-right: 20px;
}

}


@media (max-width: 1441px) {
.c-image-break-text {
    width: 20%;
    margin-left: 80%;
}
}

@media (max-width: 1361px) {
.c-over-border-text {
    left: 20%;
}

.c-below-border-text {
    margin-left: 20%;
}
}

@media (max-width: 768px) {
.c-top-section-images img {
    position: absolute;
    height: auto;
    max-height: 90px;
    width: auto;
    max-width: 90px;
}

.c-topsection-images {
    height: 120vh;
}

.c-green-border {
    border: 20px solid #29f845;
}

#intro .c-pena {
    z-index: 9;
}

.c-over-border-text {
    left: 0;
    background-color: #29f845;
    width: 100%;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.c-below-border-text {
    font-size: 22px;
    width: 75%;
    padding-top: 20px;
}

#contenttop h2.c-title-lg {
    font-size: clamp(28px, 2.7vw, 70px);
}

.c-image-break-fakos {
    width: 80%;
}

.c-image-break-fakos img {
    width: 100%;
    height: auto;
}
.c-image-break-text {
    width: 100%;
    margin-left: 0;
    padding-top: 50px;
}

.c-below-image-break {
    display: flex;
    flex-direction: column-reverse;
}

.c-below-image-break-text {
    font-size: 1.6em;
    width: 100%;
    margin-top: 0px;
}

.c-below-image-break-image {
    width: 100%;
}

.c-blackbox::before {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

#contenttop .c-grafi-image-1 h2.c-blacktext {
    top: -30px;
    width: 50%;
    right: 0;
}

.c-grafi-image-2 img {
    top: 0;
}

#contenttop .c-grafi-image-black-box h2.c-greentext {
    position: relative;
    top: 0;
    width: 80%;
    left: 5%;
    padding-top: 20px;
}

.c-grafi-image-black-box::before {
    width: 100%;
}

.c-magikon-container p {
    position: relative;
    top: 0;
    width: 100%;
    right: 0;
    font-weight: 800;
    box-sizing: border-box;
    padding: 15px;
}

#magikon-section .c-top-text {
    width: 100%;
    box-sizing: border-box;
}



.c-magikon-par-bottom {
    padding: 20px;
    box-sizing: border-box;
}

.c-louisection-images {
    position: relative;
    padding-bottom: 150px;
}

#full-green {
    padding-top: 0;
}

.c-diadromi-image {
    width: 15vw;
}

#full-green .c-bigger {
    padding-right: 20vw;
}

#uni-praktiki.c-main-container {
    padding-top: 50px;
}

#black-red .c-redbox .c-bigger {
    width: 60%;
}

#idea .c-main-inner {
    padding-top: 0px;
}

.c-idea-par-1 {
    width: 80%;
}

.c-idea-par-2 {
    width: 80%;
    margin-left: 20%;
    margin-top: 100px;
}

#erasitexnis {
    min-height: 70vh;
    background-size: cover;
    background-position: center;
}

.c-bottom-content {
    bottom: 0;
    left: 5%;
    width: 90%;
}

#blackwhite-image p {
position: relative;
z-index: 2;
}

#omada p {
padding: 0 20px;
}

.c-roloi-box p {
    width: 80%;
    margin-left: 10%;
}

#louidesk {
    margin-top: 0px;
    overflow: hidden;
}

#louidesk .c-louidesk-image {
    width: 90%;
}

#louidesk .c-louidesk-image::before {
    height: 100%;
    top: 5%;
}

.c-cv-text {
    width: 80%;
}

.c-cv-text p {
position: relative;
}

.c-arrow-link img {
    width: 20%;
    height: auto;
}

.c-louisection-image-1 img {
width: 40%;
    height: auto;
}

.c-louisection-image-2 img, .c-louisection-image-3 img {
    width: 70%;
}

.c-louisection-image-4 img {
    width: 80%;
}

.c-par-2 {
    padding-left: calc(10% + 40px);
}
.c-magikon-par-sm {
    padding-top: 5vw;
}

#uni-praktiki.c-main-container p, #blackwhite-image p {
    box-sizing: border-box;
}

.c-grafoume-side {
    position: absolute;
    top: 0;
}

#black-red .c-redbox {
    padding-bottom: 280px;
    height: auto;
    min-height: auto;
}

.c-debox-image {
    position: absolute;
    width: 160%;
    margin-top: 100px;
    left: -60%;
}

#kokkino-kouti.c-main-container .c-main-inner {
    margin-bottom: -150px;
}

}