.c-mybigproject {
     font-size: 1em;
}
 @media (max-width: 768px) {
     .c-mybigproject {
         font-size: 0.8em;
    }
}
 body {
     font-family: 'Manrope', sans-serif;
}
 .notloggedin #topbanner {
     display:none;
}
 .notloggedin #topmenu{
     display:none;
}
 .notloggedin #mobile-header{
     display:none;
}
 #contenttop h2 {
     font-family: 'Cormorant', serif;
}
 .c-apostaseis {
     padding-top: 10vh;
     padding-bottom: 10vh;
}
 .c-apostaseis-live {
     padding-top: 5vh;
     padding-bottom: 3vh;
}
 .c-main-title {
     font-family: 'Cormorant', serif;
     font-size: 1.8em;
     line-height: 1.1em;
     text-align: center;
     margin-bottom: 0px;
}
/*MAIN BANNER*/
 .c-logo {
     color: #fff;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     padding-top: 30px;
}
 .c-logo p{
     font-size: clamp(2.875rem, 0.625rem + 7.2vw, 5.125rem);
     font-family: 'Great Vibes', cursive;
     margin-bottom: 0px;
     line-height: 1em;
}
 .c-logo img{
     max-width: clamp(3.75rem, 0rem + 12vw, 7.5rem);
     height: auto;
}
 .c-main-img {
     min-height: 100vh;
     background-size: cover;
     width: 100%;
     height: auto;
     background-position: 50% 100%;
     position: relative;
}
 @media (max-width: 768px) {
     .c-main-img {
         background-position: 70% 100%;
    }
}
 .c-shadow {
     background-image: linear-gradient(0deg, transparent, #0000008c);
     min-height: 100vh;
}
 .c-count-down-position {
     position: absolute;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -40%);
     width: 100%;
}
 .c-menu {
     font-size: 0.8em;
     text-align: center;
     color: #fff;
     text-transform: uppercase;
     padding-top: 20px;
}
 .c-menu a{
     text-decoration: none;
     color: #fff;
     border-bottom: 0px solid #fff;
     transition: 0.7s;
}
 .c-menu a:hover{
     border-bottom: 1px solid #fff;
     padding-bottom: 5px;
     transition: 1.4s;
}
 .c-title1 {
     text-align: center;
     color: #fff;
     font-family: 'Great Vibes', cursive;
     font-size: 2em;
     padding: 0px 40px;
}
/*COUNTDOWN*/
 .c-count-down {
     display: flex;
     justify-content: space-around;
     max-width: 650px;
     margin: 0 auto;
}
 .c-count-down-no {
     font-family: 'Cormorant', serif;
     font-size: clamp(1.75rem, -1rem + 8.8vw, 4.5rem);
     text-align: center;
     line-height: 1em;
     margin-bottom: 30px;
     font-weight: 300;
     color: #fff;
}
 .c-count-down-text {
     text-align: center;
     font-size: 0.9em;
     font-weight: 300;
     color: #fff;
}
/*END OF MAIN BANNER*/
/*BRIDE & GROOM*/
 .c-bride-groom-content {
     margin: 5vh;
     display: flex;
     margin-top: 12vh;
     flex-direction: row;
     justify-content: center;
}
 @media (max-width: 820px) {
     .c-bride-groom-content {
         display: none;
    }
}
 .c-green-box {
     background-color: #e1eae8;
     padding: 5vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .c-green-box img{
     max-height: 370px;
     width: auto;
     padding-bottom: 20px;
}
 .c-green-box a{
     color: #dfb054;
}
 .c-white-box {
     background-color: #fff;
     padding: 5vh;
     box-shadow: 0 1px 10px 0 rgba(211,222,227,.7);
     margin-top: -6vh;
     margin-bottom: -6vh;
     text-align: center;
     max-width: 450px;
}
 .c-name-title {
     font-family: 'Great Vibes', cursive;
     font-size: 2.2em;
     line-height: 1.2em;
     text-align: center;
     margin-bottom: 10px;
}
 .c-story-title {
     font-family: 'Great Vibes', cursive;
     font-size: 1.8em;
     margin-bottom: 0px;
     line-height: 1em;
     padding-top: 20px;
}
 .c-story-subtitle {
     font-family: 'Cormorant', serif;
     color: #dfb054;
     font-size: 1.2em;
}
/*moble version*/
 @media (min-width: 821px) {
     .c-bride-groom-content-xs {
         display: none;
    }
}
 .c-bride-groom-content-xs-1 {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     padding-top: 5vh;
     padding-bottom: 5vh;
}
 .c-green-box-xs {
     background-color: #e1eae8;
     padding: 2vh 2vh 10vh 2vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .c-green-box-xs img{
     max-height: 50vw;
     width: 50vw;
     padding-bottom: 20px;
}
 .c-green-box-xs a{
     color: #dfb054;
}
 .c-white-box-xs {
     background-color: #fff;
     padding: 5vh;
     box-shadow: 0 1px 10px 0 rgba(211,222,227,.7);
     margin: -10vh auto 0vh auto;
     text-align: center;
     max-width: 90vw;
     z-index: 5;
     position: relative;
}
/*END OF BRIDE & GROOM*/
/*WHERE AND WHEN*/
 .c-locations-boxes {
     padding-top: 5vh;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-around;
}
 .c-location-box {
     padding-top: 5vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .c-location-box a{
     font-family: 'Great Vibes', cursive;
     font-size: 1.2em;
}
 .c-location-box img{
     max-height: 150px;
     width: auto;
     margin-bottom: 20px;
}
 .c-location-title {
     font-family: 'Cormorant', serif;
     font-size: 1.4em;
     line-height: 1.2em;
     color: #dfb054;
     font-weight: 600;
     margin-bottom: 5px;
}
 @media (max-width: 768px) {
     .c-locations-boxes {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: space-around;
    }
}
/*ENF OF WHERE AND WHEN*/
/*FORM*/
 .c-form-content {
     background-color: #e1eae8;
     margin-top: 10vh;
     margin-bottom: 10vh;
     overflow: initial;
     display: flex;
     justify-content: center;
     flex-direction: row;
}
 .c-form-eikona-content {
     position: relative;
}
 .c-white-forma-box {
     background-color: #fff;
     padding: 5vh;
     box-shadow: 0 1px 10px 0 rgba(211,222,227,.7);
     margin-top: -6vh;
     margin-bottom: -6vh;
     text-align: center;
     max-width: 400px;
     z-index: 2;
}
 .c-forma-img {
     position: absolute;
     z-index: 0;
     max-height: 550px;
     left: -195px;
     top: -60px;
}
 .c-text1-position {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     max-width: 400px;
     padding: 5vh;
}
 .c-forma-img2 {
     max-height: 500px;
     position: absolute;
     right: -70px;
}
 @media (max-width: 768px) {
     .c-form-content {
         flex-direction: column-reverse;
         align-items: center;
    }
     .c-text1-position {
         margin-top: 3vh;
         margin-bottom: 3vh;
    }
}
/*END OF FORM*/
/*MEMORIES*/
 .c-memories-bg {
     height: 500px;
     margin: 1vh;
     background-size: cover;
}
 .slider-arrows {
     background-color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50%;
}
 .c-memories-slider {
     padding-top: 5vh;
}
/*END OF MEMORIES*/
/*KOUMPAROI*/
 .c-koumparoi {
     box-shadow: 0 1px 10px 0 rgba(211,222,227,.7);
     padding: 5vh;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left;
     background-color: #e1eae842;
     background-position-x: -7vw;
}
 .c-koumparoi-content {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     max-width: 980px;
     margin: 2vh auto;
}
 .c-koumparoi-img{
     max-height: 240px;
     width: auto;
     margin: 20px;
}
 @media (max-width: 768px) {
     .c-koumparoi {
         background-position-x: -52vw;
         background-position-y: 120%;
    }
     .c-koumparoi-content {
         display: flex;
         flex-direction: column;
    }
     .c-koumparoi-img{
         max-height: 50vw;
         width: auto;
         margin: 10px;
    }
}
/*END OF KOUMPAROI*/
/*FOOTER*/
 .c-footer-boxes {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
}
 .c-footer-box {
     padding: 20px;
}
 .c-footer-box a{
     text-decoration: none;
}
 .c-footer-box span{
     color: #dfb054;
}
 .c-footer-boxes div:nth-child(1) {
     text-align: right;
}
 .c-footer-img {
     position: absolute;
     max-height: 480px;
     left: -100px;
     bottom: -60px;
}
 @media (max-width: 768px) {
     .c-footer-img {
         position: relative;
         max-height: 259px;
         left: 50%;
         bottom: auto;
         transform: translateX(-50%);
    }
     .c-footer-boxes {
         flex-direction: column;
    }
     .c-footer-box {
         text-align: center;
    }
     .c-footer-boxes div:nth-child(1) {
         text-align: center;
    }
}
/*END OF FOOTER*/.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%;
}
}.contactform p.notrequired select, .contactform p.notrequired textarea, .contactform p.notrequired input, .contactform p.required select, .contactform p.required textarea, .contactform p.required input {
     font-family: 'Manrope', sans-serif;
     padding: 4px;
     font-size: 18px;
     border-bottom: 1px solid #d1d1d1;
     border-left: transparent;
     border-right: transparent;
     border-top: transparent;
     background-color: #fff;
     width: 100%;
}
 div.contactform p label {
     font-family: 'Manrope', sans-serif;
     font-size: 0.9em;
}

 .contactform form p:nth-child(3) {
     max-width: 100%;
     width: 160px;
     clear: initial;
}

 .contactform button {
     font-family: 'Manrope', sans-serif;
     display: inline-block;
     text-decoration: none;
     line-height: 1em;
     text-align: center;
     padding: 10px 15px;
     transition: 0.8s;
     background-color: #27716e;
     border: 1px solid #27716e;
     font-size: 1em;
     margin-top: 30px;
     color: #fff;
     border-radius: 12px;
}
 .contactform button:hover {
     transition: 0.8s;
     color: #fff;
     background-color: #313130;
     border: 1px solid #313130;
}