/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

html {height:100%;}
body {line-height: 1.3;font-family:"Manrope", sans-serif;
        font-optical-sizing: auto;font-style: normal;
        font-size:16px;font-weight:400;height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after,q::before, q::after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
* {box-sizing: border-box;}

div.clear {
    clear: both;
    height: 0;
}
""

@font-face{
    font-family: ""CeraGR-Bold"";
    src: url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.eot");
    src: url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.eot?#iefix")format("embedded-opentype"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.woff")format("woff"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.woff2")format("woff2"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.ttf")format("truetype"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.svg#CeraGRBold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "CeraGR-Black";
    src: url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.eot");
    src: url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.eot?#iefix")format("embedded-opentype"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.woff")format("woff"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.woff2")format("woff2"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.ttf")format("truetype"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.svg#CeraGRBlack")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Cera";
    src: url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.eot");
    src: url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.eot?#iefix")format("embedded-opentype"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.woff")format("woff"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.woff2")format("woff2"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.ttf")format("truetype"),
        url("/fonts/CeraGRBold/d191325cfe4f374d6f43147fd57ab2d4.svg#CeraGRBold")format("svg");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Cera";
    src: url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.eot");
    src: url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.eot?#iefix")format("embedded-opentype"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.woff")format("woff"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.woff2")format("woff2"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.ttf")format("truetype"),
        url("/fonts/CeraGRBlack/d5029302cca7df63f92b945defedea3e.svg#CeraGRBlack")format("svg");
    font-weight:900;
    font-style:normal;
    font-display:swap;
}


:root {
    --font:rgba(11,12,22,1);
    --purple:rgba(194, 141, 254,1);
}

body {
}
body.ajax:after {content:"";
    display: block;position: fixed;
    top:0;left:0;width:100vw;height:100vh;
    background: rgb(255,255,255,0.5);
}


body.scrolled {
}




article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;font-family:'Manrope';}

/* BASIC PAGE SETUP ============================================================================= */
body {}
button, input, select, textarea { color : #202020; }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.3; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
/*a:focus { color : rgb(0,0,0); }*/
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;z-index:1000;bottom:10px;right:10px;
	background:url(/images/backtotop.png) no-repeat;
    background-position: 50%;background-size: contain;
	width:30px;height:30px;text-indent:-9000px;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;width : 100%; }
th, td, caption { padding : 0; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}
div.sql {font-size:11px;padding:15px 5px;display:block;color:#f00;white-space: pre;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
div.clearright {clear:right;height:0px;}
div.clearleft {clear:left;height:0px;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

/* GRAVITY.GR CSS  ============================================================================= */
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}



.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

div.cmsOptions {display: block;
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 20000;
    padding: 0 5px 0px 1px;box-sizing: border-box;
    line-height: 18px;
    height: 18px;transition:.2s;
    border-bottom-right-radius: 4px;}
div.cmsOptions a {color:#fff;background: var(--red);font-size:11px;line-height:20px;
    display:inline-block;padding:0 4px 0;height:20px;}
/*div.cmsOptions:before {content:"";display:block;position:absolute;
    top:-4px;left:-4px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:-1;
    background-color: rgb(255, 242, 0);z-index:-1;
}*/
/*div.cmsOptions:after {content:"";display:block;position:absolute;
width:100%;height:100%;z-index:-1;top:0;left:0;
    border:1.5px solid rgba(35, 31, 32);
}*/

    div.cmsOptions a:hover {text-decoration: underline;}
/** {    transition:0.5s;}*/
.sticky div.cmsOptions {height: 14px;transition:.2s;border-radius: 4px;bottom: 0;}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  /*-webkit-text-fill-color: #fff;*/
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;color: rgba(255,255,255,1);
  font-size: 10px;font-weight: 700;font-family: Manrope;
}

div.mainwrap {}

div.topstripe_wrap {}
div.topstripe {display: flex;height:117px;transition: .2s;
    max-width: 1900px;margin:0 auto;padding:0 50px;
    justify-content: space-between;align-items: center}
div.topstripe h1.logo {display: block;margin:0;padding:0;
    width:90px;height:85px;text-indent:-9000px;
    background: url(/images/header_logo_run-bike-care.png) no-repeat 50%;
}
div.topstripe div.kefilogo {display: flex;align-items: center;
    height:117px;gap:30px;
    justify-content: flex-end;}
div.topstripe div.kefilogo h2.logo {display: block;margin:0;padding:0;
    font-size:16px;font-family:CeraGR-Black;
    color:var(--font);letter-spacing: 4.8px;
}
div.topstripe div.kefilogo a {display: block;width:119px;height:39px;
    background:url(/images/header_logo_kefi.png) no-repeat 50%;
    text-indent: -9000px;}


@media only screen and (max-width: 750px) {
    div.topstripe div.kefilogo h2.logo {display: none;}
}
@media only screen and (max-width: 400px) {
    div.topstripe {padding:0 10px;}
}

div.forsurvivors_wrap {background-image: url(/images/slider_bottom.png);
    background-position: 50%;height:127px;
/*    align-content: center;*/
display: flex;align-items: center;
    padding:0 20px;margin-bottom:100px}

@media only screen and (min-width: 1950px) {
    div.forsurvivors_wrap {
        background-color: rgb(100, 62, 145);}

}

div.forsurvivors {aspect-ratio: 454 / 58;
    background: url(/images/2025/slider_motto_bottom.png) no-repeat 50%;
    background-size: contain;text-indent:-9000px;
    max-width:454px;margin:0 auto;
    width:95%;
min-height: 33px;}


div.slick_wrap {height:calc(100vh - 117px)}

div.slick_wrap div.banner {background-size: cover;
    width:100%;height:calc(100vh - 117px)}
div.slick_wrap div.banner1 {background-image: url(/images/2025/photo_slider_01.jpg);background-position: 50%;}
div.slick_wrap div.banner2 {background-image: url(/images/photo_slider_02.jpg);background-position: 50%;}

button.slick-arrow {width:56px;height:56px;background-color:rgba(255,255,255,1);
    background-position: 50%;background-repeat: no-repeat;
    z-index: 1;
}

button.slick-prev:before {display: none !important}
button.slick-next:before {display: none !important}

button.slick-prev {background-image: url(/images/slider_prev.png);
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;opacity:1;
    left:0;
}
button.slick-next {background-image: url(/images/slider_next.png);
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    right:0;
}
button.slick-prev:hover {
    background-image: url(/images/slider_prev.png);
    background-color: rgba(255,255,255,1);
    background-position: 50%;background-repeat: no-repeat;}
button.slick-next:hover {
    background-image: url(/images/slider_next.png);
    background-color: rgba(255,255,255,1);
    background-position: 50%;background-repeat: no-repeat;}
.slick-prev.slick-disabled {display: none !important}
.slick-next.slick-disabled {display: none !important}

div.slick_wrap div.banner1 {align-content: center;}
div.slick_wrap div.banner1 img {max-height:80%;}
div.slick_wrap div.banner1 img.desktop {margin:0 0 0 50px;}
div.slick_wrap div.banner1 img.mobile {margin:0 auto 0 auto;}
div.slick_wrap div.banner1 img.desktop {display: block;}
div.slick_wrap div.banner1 img.mobile {display: none;}

@media only screen and (max-width: 700px) {
    div.slick_wrap div.banner1 img.desktop {display: none;}
    div.slick_wrap div.banner1 img.mobile {display: block;}
    button.slick-arrow {width:30px;height:34px;}
}

div.blockwrap {padding:70px 0;}
div.blockwrap.silver{background: rgba(246, 248, 251,1);}

div.blockwrap div.block {
    display: flex;gap:50px;width:90%;max-width: 1300px;
    margin:0 auto;
}
div.blockwrap div.block.c {max-width:800px;
    flex-direction: column-reverse;text-align: center}

div.blockwrap div.block.c.optionsw {width:100%;
    max-width: 1470px;flex-direction: column;}

@media only screen and (max-width: 900px) {
    div.blockwrap div.block.lr  {flex-direction: column-reverse;}
}


div.blockwrap div.block div h2 {font-size: 65px;transition:.2s;
  font-family: "CeraGR-Black";line-height: 1.077em;
  margin:0 0 60px;padding:0 0 60px;
  text-align:center;
  background: url(/images/sep_text.png) no-repeat bottom center;
}
div.blockwrap div.block.lr div h2 {margin-bottom:60px}

div.blockwrap div.block div p {font-size: 21px;transition:.2s;
  font-family: "Manrope";
  font-weight: 400;margin:0 0 20px 0;padding:0;
  line-height: 1.762em;}
div.blockwrap div.block div a.more {display: flex;transition:.1s;
    height:58px;width:277px;text-align: center;align-content: center;
    border:2px solid var(--font);border-radius:29px;
    font-size: 14px;font-family: Manrope;font-weight: bold;color:var(--font);
    margin:0 auto;
    align-items: center;
    justify-content: center;
    max-width:95%;
}
div.blockwrap div.block div a.more:hover {background-color:var(--font);
    color:#fff;}

div.blockwrap div.block div img.image {
/*    width:98%;*/
    margin:0 auto;display: block;}

div.blockwrap div.block.lr div img.image {border-radius:50%;width:98%;
    margin:0 auto;display: block;}
div.blockwrap div.block.lr div img.image.tshirt {border-radius:50%;width:98%;aspect-ratio:1/1;
    object-fit:cover;transform-origin: 50%;transform: rotate(10deg) scale(1.5) translateX(-20px);
    margin:0 auto;display: block;}
@media only screen and (max-width: 900px) {
    div.blockwrap div.block.lr div img.image.tshirt {transform: rotate(10deg) scale(1) translateX(0);}
}


div.blockwrap div.block.c.optionsw div.options {display: flex;gap:10px;
    margin:0 10px}
div.blockwrap div.block.c.optionsw div.options a {
    position: relative;
    display: block;aspect-ratio: 480 / 744;
    background-size: cover;width:33%;border-radius: 20px;
    align-content: end;box-sizing: border-box;
    padding:55px;font-family: "Cera";font-size:25px;
    font-weight: 700;
    text-align: left;}
div.blockwrap div.block.c.optionsw div.options a:before {content:"";
    position: absolute;left:0;bottom:0;top:0;right:100%;transition: .1s;
    background: rgba(139,87,199,0.15);pointer-events: none}
div.blockwrap div.block.c.optionsw div.options a:hover:before {content:"";
    right:0;}
div.blockwrap div.block.c.optionsw div.options a label {
    font-family:Manrope;font-weight: 900;line-height: 1;
    transform:translateX(-10px);
    display: block;font-size:600%;transition: .2s;
    text-transform: uppercase;}
div.blockwrap div.block.c.optionsw div.options a.option01 {
    color:rgba(234,82,134);
    background-image:url(/images/banner_participate.jpg);}
div.blockwrap div.block.c.optionsw div.options a.option02 {
    color:rgba(139,87,199);
    background-image:url(/images/banner_volunteer.jpg);}
div.blockwrap div.block.c.optionsw div.options a.option03 {
    color:rgba(193,98,154);
    background-image:url(/images/banner_donate.jpg);}


@media only screen and (max-width: 900px) {
    div.blockwrap div.block.lr div {}
    div.blockwrap div.block.lr div img.image {margin:0 auto 50px;
        width:50%;transform: rotate(10deg) scale(1.5) translateX(0px);}
}


@media only screen and (max-width: 1200px) {
    div.blockwrap div.block.c.optionsw div.options a {font-size:20px;
        padding:25px;}
}
@media only screen and (max-width: 800px) {
    div.blockwrap div.block.c.optionsw div.options a {font-size:18px;
        padding:20px;}
}

@media only screen and (max-width: 650px) {
    div.blockwrap div.block.c.optionsw div.options {
        display: flex;gap:10px;
        margin:0 10px;flex-wrap: wrap;}
    div.blockwrap div.block.c.optionsw div.options a {
        aspect-ratio: 300 / 361;
        width:100%;border-radius: 8px;
        padding:20px;font-size:20px;}
}



@media only screen and (min-width: 900px) {
    div.blockwrap div.block.lr div {text-align:left;}
    div.blockwrap div.block.lr div h2 {background-position: left 0 bottom 0;
        text-align:left}
    div.blockwrap div.block.lr {text-align: left}
    div.blockwrap div.block.lr div a.more {margin-left:0}
}

@media only screen and (max-width: 900px) {
    div.blockwrap div.block div img.image {max-width:450px;}
}

@media only screen and (max-width: 450px) {
    div.blockwrap div.block div img.image {max-width:95%;}
}


@media only screen and (max-width: 1200px) {
    div.blockwrap div.block div h2 {font-size: 40px;
      line-height: 1.077em;padding:0 0 30px;}
    div.blockwrap div.block.lr div h2 {margin-bottom:30px}
    div.blockwrap div.block div p {font-size: 18px;
      font-weight: 400;margin:0 0 30px 0;line-height: 1.4em;}
    div.blockwrap div.block div a.more {
        height:50px;width:277px;border-radius:29px;
        font-size: 13px;}
}


@media only screen and (max-width: 700px) {
    div.blockwrap div.block div h2 {font-size: 40px;
      line-height: 1.077em;padding:0 0 15px;}
    div.blockwrap div.block div h2 {margin-bottom:15px}
    div.blockwrap div.block div p {font-size: 18px;
      font-weight: 400;margin:0 0 15px 0;line-height: 1.4em;}
    div.blockwrap div.block div a.more {display: block;
        height:50px;width:277px;border-radius:29px;
        font-size: 13px;
        align-content: center;
        padding:8px 0;height:auto;
    }
}

div.form_wrap {
    margin:80px 0;
    position: relative;
    background: rgb(255,217,232);
}
div.form_wrap:before {content:"";
    position: absolute;top:0;left:0;width:100%;
    background: url(/images/participate_bckgrnd_top.png) repeat-x;
    height:41px;
    transform:translateY(-41px);}
div.form_wrap div.form_holder {max-width:1232px;width:90%;margin:15px auto;
    padding:0 0 100px 0;}




div.form_wrap div.form_holder h2 {font-size: 24px;
  font-family: "CeraGR-Black";
  margin:0 30px 30px;padding:0 0 20px;
  color:#ea5287;
  background: url(/images/sep_text.png) no-repeat bottom left;
}
div.form_wrap div.form_holder h3 {
    font-size: 65px;transition:.2s;
  font-family: "CeraGR-Black";line-height: 1.077em;
  margin:0 30px 60px;padding:0;
}





@media only screen and (max-width: 700px) {
    div.blockwrap div.block div h2 {font-size: 35px;}
    div.form_wrap div.form_holder h3 {font-size: 35px;}
}

@media only screen and (max-width: 500px) {
    div.blockwrap div.block div h2 {font-size: 25px;}
    div.form_wrap div.form_holder h3 {font-size: 25px;}

}










div.sponsors_wrap {}
div.sponsors_wrap div.insponsors {
    width:95%;max-width:1500px;margin:0 auto;
    padding:0 0 100px 0;
}

div.sponsorteam {margin:0 0 20px 0;}
div.sponsorteam h2 {font-size: 16px;font-family: "Cera";padding:0;margin:0 0 10px}
div.sponsorteam ul.sponsors {}
div.sponsorteam ul.sponsors {
  display: grid;
  grid-template-columns: repeat(auto-fit, 163px);
  grid-gap: 4px;
  border-right:0;
  border-bottom:0;
}

div.sponsorteam ul.sponsors li {
  display: block; /* Reset default inline behavior */
  width: 163px; /* Ensure full width within cell */
  height: 110px;
  border: 1px dotted rgba(0,0,0,.3);
  align-content: center;
  box-sizing: border-box; /* Include border in width/height calculations */
}

div.sponsorteam ul.sponsors a {
  display: block; /* Ensure full width/height of the cell */
  width: 80%;
  height: 95%;
  margin:0 auto;
  align-content: center;
  text-indent:-9000px;
  background-position: 50%;
  background-size: contain; /* Scale image to fill the cell */
  background-repeat: no-repeat; /* Prevent image repetition */
}
div.sponsorteam ul.sponsors li:hover {
  border: 1px dotted rgba(0,0,0,.6);
}

@media only screen and (max-width: 570px) {
    div.sponsorteam ul.sponsors {
        grid-template-columns: repeat(auto-fit, 130px);}
    div.sponsorteam ul.sponsors li {width: 130px;}
}

div.footer_wrap {
    position: relative;
    padding-top:0;
background-image: -moz-linear-gradient( 0deg, rgb(234,82,135) 0%, rgb(100,62,145) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(234,82,135) 0%, rgb(100,62,145) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(234,82,135) 0%, rgb(100,62,145) 100%);

}

div.footer div.info {
    width:95%;max-width:1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  font-family: "Manrope";
  color: rgb(255, 255, 255);
  font-weight: 700;
    letter-spacing: 2.8px;
    padding-left:;
}
div.footer div.info a {
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: 2.8px
}
div.footer div.info a.mail {font-size: 15px;
        letter-spacing: 3px;
}

div.footer div.info div.center {min-height:300px;
    align-content: center;box-sizing: border-box;padding:0 30px}

div.footer div.info div.left {width:190px;
    background: url(/images/2025/footer_logo_text.png)
    no-repeat left 0 top 50%;
    }
div.footer div.info div.right {width:325px;
background: url(/images/footer_logo_shma.png)
    no-repeat right 0 top 50%;}


@media only screen and (max-width: 890px) {
    div.footer div.info div.left {background-size: contain;}
    div.footer div.info div.right {background-size: contain;}
}

@media only screen and (max-width: 570px) {
    div.footer div.info {flex-wrap: wrap;justify-items: center;
        justify-content: center;}
    div.footer div.info > div {width:100%;background-position: 50%;}

div.footer div.info div.left {order:1;height:200px;background-size:auto;
    background-position: left 50% top 50%;}
div.footer div.info div.right {order:2;height:300px;
    background-position: left 50% top 50%;}
div.footer div.info div.center {order:3;text-align:center;}
div.footer div.info div.center span {display: block;height:1px;opacity:0;}

}



div.formtabswrap {background:#fff;border-radius:34px;padding:2px;
    font-size:16px;}
div.tabs {background:rgba(247,247,247,1);padding:0;border-radius:34px;overflow: hidden;
    display: flex;height:68px;justify-content: flex-start;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;}
div.tabs a {height:68px;display: flex; align-content: center;align-items: center;
    justify-content: center;color:rgb(144,145,146);font-weight: 800;
    border-radius:34px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background: rgb(224,224,224);
    box-shadow: 9px 0px 35px 0px rgba(140, 140, 140, 0.53);
    text-align: center;width:313px;
    z-index:1;position: relative;
    transform: translateX(-30px);}
div.tabs a:first-child {
    border-top-left-radius: 34px;
    z-index:2;
    transform: translateX(0);}
div.tabs a:not(.selected):hover {color:#000 }
div.tabs a.selected {color:#fff;background-color:rgba(168, 107, 238,1) }
div.tabs a span {padding-left:4px;}

div.thankyou {padding:50px 0 50px;width:90%;margin:0 auto;}
div.form_wrap div.form_holder div.thankyou h3{
    font-size:45px;margin:0 0 30px
}
div.thankyou a.new {display:block;margin:50px 0 0 0;color:#000;text-decoration: underline;}
div.bankfailed {padding:30px 0;display: none;}
div.bankfailed p {padding:10px 10px;background-color:var(--purple);
    color:#fff;border-radius: 4px;font-weight:700;font-size:18px;}

div.form {padding:0 90px}
div.form div.section {padding:45px 0;border-bottom:1px solid var(--purple);
    display: flex;gap:18px;justify-items: flex-start;align-content: flex-start;
    width:100%;max-width:790px;flex-wrap: wrap;}
div.form div.section div.field {width:calc(50% - 9px);}
div.form div.section div.field.short {width:calc(25% - 9px);}
div.form div.section div.field.long {width:calc(75% - 9px);}
div.form div.section div.field.full {width:100%;}

div.form div.section div.field.single {width:100%;
    display: flex;justify-items:flex-start;gap:10px;
    align-items: center;}

div.euroformholder {display: none;}

div.form div.section div.field label {font-size: 15px;font-weight: 700;color:var(--font);
    display: flex;position: relative;margin-bottom:4px;}
div.form div.section div.field.must label:before {content:"*";}
div.form div.section div.field .input {width:100%;box-sizing: border-box;
    border:2px solid var(--purple);height:60px;line-height:60px;
    background-color:rgb(249,249,249);border-radius:6px;
    padding:0 10px;font-size:16px;font-weight: 700}
div.form div.section div.field .input.radio {width:30px;height:30px;}
div.form div.section div.field.deliveryway .input.radio {display:none}
div.form div.section div.field.deliveryway .field {margin-bottom:8px;}

div.form div.section div.field.deliveryway.empty h4 {color: rgb(234, 82, 135);}
div.form div.section div.field.deliveryway.empty h4:after {content:'Επιλέξτε τρόπο παράδοσης';
    display: block;color: rgb(234, 82, 135);font-size:14px;}


div.form div.section div.field label {
/*    width:206px;*/
    cursor:pointer}
div.form div.section div.field label.deliverywayradio {width:100%;margin-bottom:0;padding-left:40px;
    position: relative;}
div.form div.section div.field label.deliverywayradio:before {content:"";
    display: block;position:absolute;left:0;top:0;width:18px;height:18px;
    border:2px solid var(--purple);border-radius:15px;}
div.form div.section div.field label.deliverywayradio:after {content:"";
    display: block;position:absolute;left:4px;top:4px;width:14px;height:14px;
    background:none;border-radius:15px;}
div.form div.section div.field input:checked + label.deliverywayradio:after {content:"";
    display: block;background:var(--purple);}

div.form div.section div.field label.disabled {opacity:.2;curdor:normal;}


div.form div.section div.field .input.numbersmall {width:80px;}

div.form div.section div.field .input:focus {background: #ddd;}
div.form div.section div.field.missing .input {border:2px solid rgb(234, 82, 135);}
div.form div.section div.field.missing label {color: rgb(234, 82, 135);}
div.form div.section div.field.missing label:after {content:"*Απαραίτητο πεδίο";
    display: block;position: absolute;right:0;top:4px;font-size:12px;}
div.form div.section div.field.missing.accept label:after {transform: translateY(20px);}

div.form div.section div.field.missing.email label:after {content:"*Απαραίτητο έγκυρο email";
    display: block;position: absolute;right:0;top:4px;font-size:12px;}
div.form div.section div.field.missing.tel label:after {content:"*Τηλ. σε μορφή 69xx xxx xxx";
    display: block;position: absolute;right:0;top:4px;font-size:12px;}


div.form div.section div.field textarea.input {font-weight:500;
    height:110px;line-height:1.4;padding:5px 10px;font-family: Manrope;}


@media only screen and (max-width: 700px) {
    div.formtabswrap {border-radius:28px;}
    div.tabs {border-radius:28px;height:56px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;}
    div.tabs a {height:56px;
        border-radius:28px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        width:250px;
        transform: translateX(-25px);}
        div.tabs a span {display: none;}
    div.tabs a:first-child {border-top-left-radius: 28px;
        transform: translateX(0);}

}

@media only screen and (max-width: 600px) {
    div.form div.section div.field {width:100%;}
    div.form div.section div.field.short {width:40%;}
    div.form div.section div.field.long {width:100%;}
}

div.form div.section.total {text-align: right;font-weight: 700;font-size:16px;}

div.form div.section div.field.donation {display: flex;justify-content: flex-end;
        align-items: center;gap:20px}
div.form div.section div.field.donation input {width:110px;}
div.finalamount {color:rgb(135,84,194);}
div.finalamount span {font-size:20px}

div.form div.section.submit {padding:80px 0;border-bottom:0;}
div.form div.section div.field.accept {display: flex;justify-content: flex-end;
        align-items: center;gap:10px;}
div.form div.section div.field.accept label {margin:0;}
div.form div.section div.field.accept input.check {width:50px;height:15px;}
div.form div.section div.field.accept a {padding-left:4px;color:inherit;text-decoration: underline;}

div.form div.section div.field.accept a.submit {width:280px;
height:62px;line-height:62px;text-align: left;
color:#fff;border-radius:31px;text-decoration:none;
font-weight:700;padding:0 31px;
display:block;margin:30px 0 0 ;
background:url(/images/submit_arrow.png) no-repeat right 31px top 50%;
background-color:var(--purple);}

div.cards {display: flex;justify-items: flex-start;gap:30px;align-items: center;
    padding:50px 0 100px;}
div.cards img {max-width:100%;}


div.form {max-height:0;overflow: hidden;}
div.form.on {max-height:9000px;}

div.form .alert {color:rgba(234,82,134)}

div.form h4 {font-size:22px;width:100%;font-weight:700;}

@media only screen and (max-width: 600px) {
    div.form {padding:0 20px;}
    div.cards img {max-width:100%;}

}