/* 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:"Times New Roman", sans-serif;font-size:16px;font-weight:300;background-color:#fff;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;}

div.left {float:left;display:block;}
div.right {float:right;display:block;}

.wrapperIn {width:100%;margin:0 auto;max-width:1580px;background-color: #fff;
    box-sizing: border-box;}

.wrapperIn.sticky {background-color:rgba(255,255,255,1);}
div.clear {
    clear: both;
    height: 0;
}


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:'Roboto';}

/* 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-size:100%;
	width:28px;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:29px;
    left: 0px;
    z-index: 20;
    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(--orange);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: "Times New Roman";
}

:root {
    --orange:rgba(235, 103, 73);
    /*--headerHeight: 130px;*/
    /*--headerHeightScrolled: 70px;*/
}
body {
    --headerHeight: 130px;
}
body.scrolled {
    --headerHeight: 80px;
}

body {background-color: rgba(92, 128, 192,1);}
/*body.scrolled div.mainheaderWrapReplacer {height: 50px}*/

div.mainwrap {width:100%;max-width:1024px;margin:0 auto;}
a {color: #fff;}

div.languages {position: absolute;top:5px;right:5px;
    font-size:14px;font-family: Manrope;color:#fff;}
div.languages a {font-weight: bold;padding:0 5px}
div.languages a.sel {color:rgb(240, 124, 0)}

div.pageheader {text-align:center;width:90%;margin:0 auto;}
div.pageheader img {width:100%;max-width:300px;margin:20px auto;}

div.mainWrapper {width:100%;margin:0 auto 0;padding:80px 0 80px;
    border-top:2px solid rgb(240, 124, 0);
    border-bottom:2px solid rgb(240, 124, 0);
    background-color: #fff;}

div.mainHolder {width:95%;max-width: 1024px;margin:0 auto;}


div.pageheader h2 {color:#fff;font-size:28px;
    box-sizing: border-box;
    border-top:2px solid rgb(240, 124, 0);
    border-bottom:2px solid rgb(240, 124, 0);
    margin:20px 0 20px;padding:20px 0}



div.headerflex {display: flex;transition:.2s;
    justify-content: space-between;align-items: center;
    width:100%;margin:0 auto;column-gap: 20px;
    padding:15px 0;}
div.headerflex * {transition:.2s;}

div.headerflex div.logos {display: flex;
    justify-content: space-between;align-items: flex-end;
    column-gap: 20px;}


div.headerflex div.img {width:100%;}
div.headerflex h2 {border-bottom:0;
    margin:10px 0 0;padding:10px 0 0;}

div.headerflex div:nth-child(1) {justify-self:flex-start}
/*div.headerflex div:nth-child(2) {width:30%;}
div.headerflex div:nth-child(3) {width:30%;}*/
div.headerflex img.white_logo_1922 {height:80px;width:auto;margin:00 }
div.headerflex h2 {font-size:13px;color:rgba(255,255,255,.7);border-top-width: 1px;
    border-top-color: rgba(255,255,255,.7)}
div.headerflex h2 span {display: block;margin: 5px 0 0 }
div.headerflex h2 a {font-size:13px;color:rgba(255,255,255,.7);}
div.headerflex img.circle {height:140px;width:auto;margin:0;}


@media only screen and (max-width: 800px) {
    div.headerflex {flex-wrap: wrap}
    div.headerflex div.logos {width:100%;justify-content: center}
    div.headerflex>div:nth-child(1) {width:100%;margin:0 0 30px}
    div.headerflex div img.white_logo_bxm {max-width:290px;margin:0 auto;}
}

div.text {color:#fff;font-size:20px;margin:20px auto;width:90%;
    padding:50px 0;}
div.text img {width:100%}
div.text h3 {text-align:center;margin:30px 0;font-size:1.5em;}

div.footer_wrap {width:100%;margin:50px 0 0;
    border-top:2px solid rgb(240, 124, 0);
    padding:50px 0;background-color: #fff;text-align:center}
div.footer {width:90%;margin:0 auto;font-family: Manrope}
div.footer h4 {font-size:20px;font-weight: 600}
div.sponsorsflex {display: flex;gap:10px;justify-content:space-between;
    align-items: center;width:100%;max-width: 800px;margin:20px auto 40px;}
div.sponsorsflex img {max-width: 100%;}

div.footerbyz {width:100%;max-width:500px;margin:0 auto;
    border-top:2px solid rgb(100,100,100);
    padding:40px 0 0 }

div.text div.image_banner {transition:.2s;background-size:cover;position: relative;}
div.text div.image_banner img.circle {transition:.2s;width:100%;max-width:300px;bottom:-20px;right:-20px;
    position: absolute;}
div.text div.image_banner p {font-style: italic;font-size:14px;
    margin:0 0 20px 0;padding:0px 0 0 0}

@media only screen and (max-width: 730px) {
/*div.text div.image_banner {margin-bottom:80px;}*/
div.text div.image_banner img.circle {width:40%;}

}


div.textwrap {font-size:18px;}
div.textwrap p.shorttext {font-style:italic;font-size: 1.1em}

div.textwrap h1 {font-size:26px;font-weight: 600;
    font-family: Manrope;margin:0 0 30px}
div.textwrap h1 span {color:rgba(0,0,0,.5);font-size:.8em;padding-left:10px}


body  {
/*    min-height:100rem;*/
/*    background:url(/images/photo_wide_1922_Banners.jpg) no-repeat bottom center fixed;*/
    background-size: 100% auto;}

div.downloads {margin:0 0 50px 0;}
div.downloads h4 {font-family:Manrope;font-weight: 600;font-size:14px;
    margin:10px 0 10px 0;padding:0;}
div.downloads ul {list-style:none;margin:0;padding:0;}
div.downloads ul a {display: block;padding:0px 0 4px 28px;
    background:url(/images/download.png) no-repeat 2px 0;color:#000;
    background-size:18px;color:rgb(240, 124, 0);
    max-width:600px}
div.downloads ul a:hover {text-decoration: underline;}


div.photogallery {display: flex;align-items: stretch;
    flex-wrap: wrap;transition: .2s;
    gap:15px;justify-content: space-around;}
div.photogallery a {display: block;width:calc(25% - 11.25px);
    box-sizing: border-box;border:2px solid rgb(240, 124, 0);
    transition: .2s;
    }
div.photogallery a picture {object-fit: cover;width:100%;}
div.photogallery a picture img {width:100%;vertical-align: middle;
    height: 100%;
    object-fit: cover;}

.fancybox-caption__body {font-size:18px;font-family: Manrope}

div.mainpic {float:right;max-width:50%;margin:0 0 20px 20px;
    transition: .2s;}
div.mainpic img {width:100%;border-radius:8px}

@media only screen and (max-width: 800px) {
    div.photogallery a {width:calc(33% - 22.5px);}
}

@media only screen and (max-width: 700px) {
    div.textwrap h1  {text-align: center;}
    div.textwrap h1 span {display: block;padding-left: 0;}
    div.mainpic {float:none;max-width:700px;margin:0 auto 20px}
}

@media only screen and (max-width: 600px) {
    div.photogallery {gap:15px;}
    div.photogallery a {width:calc(49% - 7.5px);}
}

div.list {margin:30px auto 0;text-align: center;}
ul.list {list-style: none;
    max-width:450px;margin:0 auto;
    display: flex;align-items: flex-start;justify-content: space-around;
    flex-wrap: wrap;column-gap: 10px;row-gap: 30px;}
.home ul.list {width:90%;max-width:90%;}
ul.list li {width:30%;text-align:center;}
ul.list a {display: block;text-align:center;}
ul.list a img {max-width:100%;margin:0 auto 5px;display: block;
    border-radius: 50%;transition: .1s}
ul.list a:hover {text-decoration: underline}
ul.list a:hover img {border-radius: 8px}

@media only screen and (max-width: 500px) {
ul.list li {width:45%;text-align:center;}
}