/* 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';color: var(--black);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;font-family:'Manrope';}

/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font-weight:normal;color:#000;text-align: left;}
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:100;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;}

/*.pageWrap article ul li*/


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;}
span.icon {font-family:icons;}

/* 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  ============================================================================= */

.wrapperIn {width:96%;margin:0 auto;max-width:1150px;}
.anarticle {width:88%;margin:0 auto;max-width:1150px;}
.wrapperIn.extended {max-width:1568px;}
.wrapperIn.mid {max-width:1250px;}


.notresponsive .wrapperIn {width:960px;}
.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 */

body {background-color:#fff;font-family:"Manrope";}
div.left {float:left;display:block;}
div.right {float:right;display:block;}

* {
  margin: 0;
  padding: 0;
}
div.cmsOptions {display:block;position:absolute;top:0;right:0;z-index:2000;
    background-color:#f79a2b;padding:1px 5px 2px;border-bottom-left-radius:4px;}
div.cmsOptions a {color:#fff;font-size:11px;line-height:1;display:inline-block;padding:0 4px;}


div.headerWrap {border-bottom: 1px solid rgb(233, 233, 233);position: relative;z-index: 100;}
/*.home div.headerWrap {border-bottom: 0;}*/
div.headerWrap div.header {height: 145px;display: flex;margin: 0 auto;
    width: 95%;align-items: center;justify-content: space-between;}

div.headerWrap div.header h1 a {}
div.headerWrap div.header h1 a img {max-width: 100%;}

div.headerWrap div.header div.mainmenuwrap ul {display: flex;position: relative;
    justify-content: flex-start;align-items: center;list-style:none;}
div.headerWrap div.header div.mainmenuwrap ul>li {position: relative;position: relative;
    z-index: 10;}
div.headerWrap div.header div.mainmenuwrap ul>li>a {font-size: 16px;font-weight: 600;}
div.headerWrap div.header div.mainmenuwrap a {color: var(--black);display: block}
div.headerWrap div.header div.mainmenuwrap a:hover {color: var(--yellow);}
div.headerWrap div.header div.mainmenuwrap ul>li {margin-right:25px; }
div.headerWrap div.header div.mainmenuwrap ul>li.hassub>a {padding-right: 20px;
    background: url(/images/arrow.png) no-repeat 100% 50%;}
div.headerWrap div.header div.mainmenuwrap ul>li.selected>a {color: var(--yellow);}
div.headerWrap div.header div.mainmenuwrap ul li div {display:none;padding-top: 25px;
position: absolute;left: 0;width: 300px;}
div.headerWrap div.header div.mainmenuwrap ul li ul {
    box-sizing: border-box;padding: 20px;
    border: 1px solid var(--black);background: rgba(255,255,255,1);}
div.headerWrap div.header div.mainmenuwrap ul li:hover div {display:block;}
div.headerWrap div.header div.mainmenuwrap ul li:hover ul {display:block;}
div.headerWrap div.header div.mainmenuwrap ul li:hover ul li {margin-bottom: 10px;}
div.headerWrap div.header div.mainmenuwrap ul li:hover ul li: last-child {margin-bottom:0}

a.togglemobilemenu {
    position:absolute;z-index:3000;
    display:none;cursor: pointer;
    width: 30px;height: 30px;
    top: 57px;right: 29px;
    -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;}
a.togglemobilemenu span {
    display: block;position: absolute;height: 4px;width: 100%;background: #000;border-radius: 9px;opacity: 1;left: 0;
    -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
a.togglemobilemenu span:nth-child(1) {top: 5px;}
a.togglemobilemenu span:nth-child(2),a.togglemobilemenu span:nth-child(3) {top: 11px;}
a.togglemobilemenu span:nth-child(4) {top: 17px;}
a.togglemobilemenu.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
a.togglemobilemenu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
a.togglemobilemenu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
a.togglemobilemenu.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}


@media only screen and (max-width:520px){
    a.togglemobilemenu {top: 10px;right: 10px;}
}

.animation {-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;}
.animation.fast {-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;}

div.mobile div.social {padding:0 0 4px 20px;display:block;}
div.mobile div.social a {display:inline-block;text-indent:-9000px;background-size:100%;background-position:50%;background-repeat:no-repeat;}
div.mobile div.social a  {display:block;width:42px;height:42px;margin:15px 0 10px ;
    background-position: 50%;background-size: auto;}
div.footerWrap div.social a {display:block;width:42px;height:42px;margin:25px 0 0 ;
    background-position: 50%;}
/*div.footerWrap div.social a:first-child {display:block;width:42px;height:42px;margin:0 ;}*/

div.social a.facebook {width: 19px;background-image:url(/images/footer_facebook.png);}
div.social a.twitter {width: 34px;background-image:url(/images/footer_twitter.png);}
div.social a.linkedin {width: 31px;background-image:url(/images/footer_linkedin.png);}
div.social a.youtubepage  {width: 32px;background-image:url(/images/footer_youtube.png);}
div.social a.flickr {width: 31px;background-image:url(/images/footer_flickr.png);}

/*
@media only screen and (min-width : 700px) and (max-width:799px) {
body { font-size : 15px; }
}
@media only screen and (min-width : 600px) and (max-width:699px) {
body { font-size : 14px; }
}
@media only screen and (min-width : 481px) and (max-width:599px) {
body { font-size : 15px; }
}
@media only screen and (max-width:480px) {
  body { font-size : 16px; }
}
*/


div.mobile {display:none;}
div.mainmenu.mobile {position:absolute;
        background-color:rgb(255,255,255);
        max-width:360px;
        width:0px;z-index:500;top:0;right:0;
        overflow-x:hidden;
        transition:0.5s;height:auto;
        padding:30px 0 0 0;margin:0;
    -moz-box-shadow: 0 0px 38px rgba(0,0,0,.23);
-webkit-box-shadow: 0 0px 38px rgba(0,0,0,.23);
box-shadow: 0 0px 38px rgba(0,0,0,.23);
display: flex;
}


.inside div.mainmenu.mobile {
        padding:80px 10px 20px ;margin:0;}
div.mainmenu.mobile ul {text-align:right;}
div.mainmenu.mobile>ul {margin:0;padding:80px 30px 20px;}
div.mainmenu.mobile>ul>li {float:none;display:block;padding-bottom:150px;}
div.mainmenu.mobile ul li {float:none;display:block;}
div.mainmenu.mobile ul li a {color:#000;font-size:20px;}
div.mainmenu.mobile ul li a:hover,
div.mainmenu.mobile>ul>li.selected>a {color:rgb(247, 148, 30);}
div.mainmenu.mobile>ul li {display:block;position:relative;display:block;padding:0;}
div.mainmenu.mobile>ul li ul {padding:10px 0 20px 30px;}
div.mainmenu.mobile>ul li ul li a {font-size:16px;color:#939393;}
div.mainmenu.mobile>ul li ul li a:hover {color:#000;}
div.mainmenu.mobile>ul li ul li.selected a {color:rgb(247,148,30);font-weight:400;}


.mobilemenu div.headerWrap {pointer-events: none;}
.mobilemenu div.headerWrap a {pointer-events:all;}



@media only screen and (max-width:1400px){
a.togglemobilemenu {display:block;float:right;text-indent:-9000px;}
    div.languageselect {display:none;}
    div.headerWrap div.social {display:none;}
    /*div.header a.freefirst {display:block;position:absolute;top:90px;left:0;right:0;}*/
    div.mainmenuwrap {display:none;}
    div.mainmenuwrap ul {display:none;}
    .pageWrap .submenu {display:none}
    div.mobile {display:block;}
}


div.pagedata {min-height: 600px;}
div.pagedata>article>header {padding: 100px 0 40px;width: 1150px;max-width: 88%;
    margin: 0 auto 40px;}

div.pagedata>article>header.hasbanner {box-sizing: border-box;
    padding: 0 0 60px;min-height: 550px;display: flex;align-items: flex-end;
    background-size: cover;background-position: 50%;width: 100%;max-width: 100%;
    margin:0 0 100px;position: relative;}

div.pagedata>article>header.hasbanner:before {content: "";position: absolute;z-index: 1;
    bottom: 0;left: 0;right: 0;height: 150px;background: rgb(0,0,0);pointer-events: none;
    background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 60%);}
div.pagedata>article>header a.cms {font-size: 14px;text-decoration: none;font-weight: 600;font-family: manrope;}


div.pagedata>article>header>div {width: 100%;max-width:1150px;margin:0 auto; }

@media only screen and (max-width:1320px){
div.pagedata>article>header>div {width: 88%;max-width:1150px;margin:0 auto; }
}

div.pagedata>article>header h1 {font-size: 46px;color: var(--black);font-weight: 400;
    font-family: "Noto Serif Display";padding: 0;margin: 0;}
div.pagedata>article>header span.date {display: block;}
div.pagedata>article>header.hasbanner {text-shadow: 0 0 10px rgba(0,0,0,1);}
div.pagedata>article>header.hasbanner h1 {color: rgba(255,255,255,1);}
div.pagedata>article>header.hasbanner span.date {color: rgba(255,255,255,1);}
div.pagedata>article>header h2 {font-size: 20px;color: var(--black);font-weight: 700;
    margin: 0;padding: 20px 0 0;}
div.pagedata>article>header h3 {font-size: 15px;color: var(--yellow);font-weight: 800;letter-spacing: 2px;
    margin: 0;padding: 0 0 20px;text-transform: uppercase;}


div.pagedata>article>header nav {}
div.pagedata>article>header nav ul {display: flex;justify-content: flex-start;}
div.pagedata>article>header nav ul li {font-size: 15px;color: var(--yellow);font-weight: 800;letter-spacing: 2px;text-transform: uppercase;
    text-decoration: none;}
div.pagedata>article>header nav ul li:nth-child(n+2):before {content: " > ";}
div.pagedata>article>header nav ul li a {font-size: 15px;color: var(--yellow);font-weight: 800;letter-spacing: 2px;text-transform: uppercase;
    text-decoration: none;}
div.pagedata>article>header nav ul li a:hover {background-color: inherit;color: var(--yellow);;text-decoration: underline;}

div.pagedata>article>header.hasbanner nav ul li a {text-shadow: 0 0 10px rgba(0,0,0,1);}

div.pagedata {font-size: 18px;font-weight: 400;line-height: 1.6;}
div.pagedata a {color: var(--yellow);font-weight: 600;text-decoration: underline;}
div.pagedata a:hover {background-color: var(--yellow);color: var(--white);text-decoration: underline;}

div.pagedata div.img {width: 100%;text-align: center;margin: 0 0 80px}
div.pagedata div.img img {max-width: 100%}

div.pagedata div.anarticle h2 {margin: 70px 0 10px;padding: 0 0 30px;
    font-size: 28px;font-family: "Noto Serif Display";font-weight: 800}
div.pagedata div.anarticle h2:after {content: "";
        display: block;background-color: var(--yellow);
        height: 1px;margin: 20px 0 0 0;width: 50%;max-width:250px;
        }


div.pagedata blockquote {margin: 40px auto;padding-left: 40px;
    font-weight: 800;position: relative;
    font-size: 40px;font-family: "Noto Serif Display";}
div.pagedata blockquote:before {content: "”";color: var(--yellow);
        font-size: 60px;font-weight: 800;position: absolute;
        top: -10px;left: 0px;}
/*div.pagedata blockquote:after {content: "";
        display: block;background-color: var(--yellow);
        height: 1px;margin: 20px 0 0 0;width: 50%;max-width:250px;
        }*/

div.pagedata div.multimedia ul {list-style: none;margin:70px 0;display: flex;
    align-items: stretch;justify-content: flex-start;flex-wrap: wrap;}
div.pagedata div.multimedia ul li {margin:0 30px 30px 0;}
div.pagedata div.multimedia ul li a {display: block;vertical-align: middle;position: relative;}
div.pagedata div.multimedia ul li a img {object-fit: cover;width: 300px;height:300px;vertical-align: middle;vertical-align: middle;}

ul.newslist {list-style: none;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;}
ul.newslist li {width: 30%;margin: 0 0 60px;transition: .2s;}
ul.newslist li div.imagewrap {vertical-align: middle;width: 100%;
        position: relative;padding-top: 75%;}
ul.newslist li div.imagewrap img {
    object-fit: cover;object-position: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}
div.pagedata div.anarticle ul.newslist li a {text-decoration:none;}
div.pagedata div.anarticle ul.newslist li a header {padding: 8px 0 0 0;}
div.pagedata div.anarticle ul.newslist li a header h2 {font-family: Manrope;font-size: 24px;font-weight: 400;
    margin: 0 0 3px;padding: 0;transition: .2s;}
div.pagedata div.anarticle ul.newslist li a header h2::after {display: none;}
div.pagedata div.anarticle ul.newslist li a header div.date {font-family: Manrope;font-size: 14px;font-weight: 600;
    margin: 0 0 18px;transition: .2s;}
div.pagedata div.anarticle ul.newslist li a header p {font-family: Manrope;font-size: 14px;font-weight: 400;
    line-height: 1.2;}
div.pagedata div.anarticle ul.newslist li a header {color: var(--black);}
div.pagedata div.anarticle ul.newslist li a:hover header {color: var(--yellow);}
div.pagedata div.anarticle ul.newslist li a:hover p {color: var(--black);}

@media only screen and (max-width:1200px) and (min-width:850px){
    div.pagedata div.anarticle ul.newslist li header h2 {font-size: 20px;}
}
@media only screen and (max-width:850px){
    div.pagedata div.anarticle ul.newslist li {width:48%;}
}
@media only screen and (max-width:700px) and (min-width:540px){
    div.pagedata div.anarticle ul.newslist li header h2 {font-size: 20px;}
}
@media only screen and (max-width:540px){
    div.pagedata div.anarticle ul.newslist li {width:100%;}
}

ul.pages {display: flex;align-items: stretch;justify-content: flex-end;
    list-style: none;margin: -60px 0 30px}
ul.pages li {margin: 0 2px;font-size: 18px;font-weight: 600;font-family: manrope;}
ul.pages li a {display: block;color: var(--grey);padding: 0 5px;line-height: 30px;height: 30px;
    text-decoration: none;}
ul.pages li a:hover {color: var(--black);}
ul.pages li a.sel {color: var(--black);}



div.footerWrap {}
div.footerIn {width: 95%;max-width: 1500px;
    border-top:1px solid rgba(0,0,0,1);
    margin: 200px auto 0;padding: 60px 0 50px;
    display: flex;align-items: flex-end;justify-content: space-between;}
div.footerIn div.details {}
div.footerIn div.contact {display: flex;justify-content: flex-start;margin-bottom: 100px;flex-wrap: wrap;}
div.footerIn div.contact div {margin: 0 40px 0 0;transition: .2s;font-size: 24px;}
div.footerIn div.contact div label {font-family: "Noto Serif Display";transition: .2s;font-size: 30;
    font-weight:700 ;color: var(--yellow);}
div.footerIn div.contact div a {color: var(--black);}

div.footerIn div.contact ul.termsmenu {width: 100%;justify-content: flex-start;
    list-style: none;
    font-size: 14px;padding: 20px 0 20px;display: flex;align-items: flex-start;}
div.footerIn div.contact ul.termsmenu li  {margin-right: 15px;}
div.footerIn div.contact ul.termsmenu a {color: var(--black);letter-spacing: -.5px;}
div.footerIn div.contact ul.termsmenu a:hover {color: var(--yellow);}


div.footerIn div.social_wrap {display: flex;align-items: center;}
div.footerIn div.social_wrap label {font-size: 15;
    font-weight:800 ;color: var(--yellow);letter-spacing: 2px;
    margin-right: 20px;}
div.footerIn div.social_wrap div.social {display: flex;justify-content: flex-start;}
div.footerIn div.social_wrap div.social a {text-indent: -9000px;background-repeat: no-repeat;
    background-size:auto;margin-top: 0;margin-right: 30px;transition: .2s;}
    div.footerIn div.social_wrap div.social a: last-child; {margin-right: 0px;}

div.footerIn p.copyright {font-size: 15px;color: #20201d;
    margin: 0;padding: 0;line-height: 48px;min-width: 50%;text-align: right;}

:root {
    --yellow: rgba(252, 184, 19,1);
    --black: rgba(0,0,0,1);
    --white: rgba(255,255,255,1);
    --grey: rgba(184,182,182,1);
}

@media only screen and (max-width:1200px){
    div.footerIn {flex-wrap: wrap}
    div.footerIn>* {width: 100%;text-align: center;}
    div.footerIn div.contact {flex-wrap: wrap;justify-content: center;margin-bottom: 50px}
    div.footerIn div.contact>div {width: 100%;text-align: center;margin-right: 0;}
    div.footerIn div.social_wrap {flex-wrap: wrap;margin-bottom: 50px;}
    div.footerIn div.social_wrap label {margin-right: 0;}
    div.footerIn div.social_wrap>* {width: 100%;justify-content: center;}
    div.footerIn div.social_wrap div.social {justify-content: center;margin-top:15px; }
    div.footerIn p.copyright {line-height:1.6;}
    div.footerIn p.copyright span {display: block;}

div.footerIn div.contact ul.termsmenu {width: 100%;justify-content: center;}
div.footerIn p.copyright {text-align: center;}

}

@media only screen and (max-width:650px){
div.footerIn div.contact div {font-size: 18px;}
div.footerIn div.contact div label {font-size: 18;}
div.footerIn div.social_wrap label {font-size: 15;}
div.footerIn p.copyright {font-size: 15px;}
div.footerIn div.social_wrap div.social a {margin-right: 10px;}
}



div.homebanner {/*height: calc(100vh - 145px);*/width: 100%;position: relative;
/*    top: 0;left: 0;right: 0;z-index: 1;*/
}
div.homebanner {/*height: calc(100vh - 145px);*/;width: 100%;}
div.homebanner div.image {width: 100%;height: calc(100vh - 145px);;position: relative;transition: .2s;}
    /*display: flex;align-items: flex-end;*/}
div.homebanner picture {height: 100%;}
div.homebanner picture img {
    /*position: absolute;top: 0;left: 0;right: 0;bottom: 0;*/
    z-index: 2;vertical-align: middle;width: 100%;height: 100%;
    object-fit: cover;object-position: 50%;}
/*div.homebanner div.image img {
    }*/
div.homebanner picture:after {content: "";
        display: block;
        position: absolute;
        bottom: 0;left: 0;right:0;
        z-index: 4;
        height: 100%;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.028448879551820738) 30%)}

div.homebanner picture:before {content: "";
        display: block;
        position: absolute;
        top: 0;left: 0;right:0;
        z-index: 4;
        height: 100%;background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0.028448879551820738) 30%)}

div.homebanner div.image div.bannerdata {position: absolute;width: 100%;
    margin: 0 0 0;z-index: 5;bottom: 0}
div.homebanner div.image div.bannerdata article {margin: 0 auto 130px;
    color: #fff;width: 90%;max-width: 1500px;}

div.homebanner div.image div.bannerdata article h2 {font-size: 46px;transition: .2s;
    font-family: "Noto Serif Display";font-style: italic;font-weight: 900;
    color: rgba(255,255,255,1);text-shadow: 0 0 10px rgba(0,0,0,1);
    margin: 0 0 10px;line-height: 1.2;}
div.homebanner div.image div.bannerdata article h3 {font-size: 18px;font-weight: 400;
    color: var(--yellow);}



div.homebanner button {position: absolute;bottom:30px;width: 24px;height:23px;background-position:50%;background-repeat:no-repeat;
    border: 0;background-color: transparent;text-indent: -9000px;cursor: pointer;z-index: 9;transition: .2s;}
div.homebanner button.slick-prev {left: 30px;background-image: url(/images/arrow_left_wh.png);}
div.homebanner button.slick-next {right: 30px;background-image: url(/images/arrow_right_wh.png);}


@media only screen and (max-width:650px){
    div.homebanner div.image {width: 100%;height: 500px;;position: relative;}
    div.homebanner div.image div.bannerdata article {margin: 0 auto 60px;
        color: #fff;width: 90%;max-width: 1500px;}
    div.homebanner div.image div.bannerdata article h2 {font-size: 36px;}

    div.homebanner button {bottom:15px;}
    div.homebanner button.slick-prev {left: 5%;}
    div.homebanner button.slick-next {right: 5%;}
}



div.home_main_div {width: 90%;max-width: 1200px;margin: 80px auto 160px;
    display: flex;justify-content: space-between;align-items: flex-start;}
div.home_main_div div.imagewrap {width:48%;}
div.home_main_div div.text {width: 48%;}
div.home_main_div img {max-width:100%;width: 100%;display: block;}
div.home_main_div div.imagewrap {box-shadow: -40px 40px rgba(238, 238, 238,1);}
div.pagedata div.home_main_div blockquote {margin: 0 auto 40px auto;
    padding: 40px 0 0 0;
    font-weight: 800;position: relative;line-height: 1.2;
    font-size: 34px;font-family: "Noto Serif Display";}
div.pagedata div.home_main_div blockquote:before {content: "”";color: var(--yellow);
        font-size: 60px;font-weight: 800;position: absolute;
        top: -10px;left: 0px;}
div.pagedata div.home_main_div a.more {display: block;margin:40px auto 0 0;
    border: 1px solid var(--yellow);padding: 4px 35px;color: var(--yellow);text-decoration: none;
    font-size: 14px;float: left}
div.pagedata div.home_main_div a.more:hover {color: var(--white)}
div.clear {clear: both;height: 1px;}


div.home_main_div:nth-child(even){flex-direction: row-reverse;}
div.home_main_div:nth-child(even) div.imagewrap {box-shadow: 40px 40px rgba(238, 238, 238,1);}
div.pagedata div.home_main_div:nth-child(even) a.more {float: right;}


@media only screen and (max-width:1000px){
    div.pagedata div.home_main_div blockquote {font-size: 28px;}
}
@media only screen and (max-width:800px){
    div.home_main_div {flex-wrap: wrap;}
    div.home_main_div:nth-child(even){flex-direction: row;}
    div.home_main_div div.imagewrap {width:100%;margin-bottom: 60px;}
    div.home_main_div div.text {width: 100%;}
}
@media only screen and (max-width:600px){
    div.home_main_div {font-size: 16px}
}



ul.homeboxes {margin:0;padding:80px 0 30px;list-style:none;z-index:10;}
ul.homeboxes li {display:block;float:left;width:32%;margin-left:2%;margin-bottom:2%;}
ul.homeboxes li:nth-child(3n+1) {margin-left:0;}
ul.homeboxes li a {display:block;position:relative;height:580px;
    background-size:cover;background-position:50%;}
ul.homeboxes li a h2 {color: #fff;font-size: 30px;font-weight: 600;
    padding:8% 8% 8% 8%;text-shadow: 0 1px 24px rgba(0,0,1,.06);box-sizing: content-box;
    z-index: 3;position: relative;/*top: 0;left: 0;*/margin: 0;transition: .2s;opacity: 0.2;}
ul.homeboxes li a:hover h2 {opacity: 1;}


ul.homeboxes li a p {position:absolute;bottom:-500px;left:10%;right:10%;
color: #fff;font-size: 15px;
font-style: italic;font-weight: 300;
z-index: 3;position: relative;}
ul.homeboxes li a:after {content:"";position:absolute;display:block;width:47px;height:47px;
  background:url(/images/more_banners.png) no-repeat;left:10%;right:10%;bottom:5%;
z-index: 1;}

ul.homeboxes li a:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,.51) 0%, rgba(0,0,0,0.028448879551820738) 30%);
}

ul.homeboxes li a:hover p {bottom:20%;}

@media only screen and (max-width:750px){
  ul.homeboxes li {display:block;float:left;width:100%;margin-left:0%;margin-bottom:2%;}
  ul.homeboxes li a {height:auto;padding-bottom:50px;}
  ul.homeboxes li a p {position:relative;margin-top:20px;left:auto;right:auto;
      padding:0 10% 10%;}
  ul.homeboxes li:nth-child(3n+1) {margin-left:0%;}
  ul.homeboxes li:nth-child(2n+1) {margin-left:0%;}
  ul.homeboxes li a h2 {opacity: 1;}

}


div.contact h3 {font-size:30px;font-style:italic;font-weight:300;color:#000;
  padding:20px 0 10px;}
div.contact div.inputwrap.wbox {background-color:#fff;margin:0 0 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.07);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07);
box-shadow: 0 1px 3px rgba(0,0,0,.07);
padding:10px;
float:left;clear:both;}
div.contact div.inputwrap.wbox label {line-height:20px;font-style:italic;font-weight:300;display:inline-block;color:#7e7e7e;padding:0 10px 0 0;font-size:14px;
  width:120px;}
div.contact div.inputwrap.wbox input {display:inline-block;font-family:Manrope;line-height:20px;border:0;background-color:#fff;width:350px;color:#000;font-size:15px;}
div.contact div.inputwrap.wbox textarea {display:inline-block;font-family:Manrope;line-height:20px;border:0;background-color:#fff;width:350px;color:#000;font-size:15px;}
div.contact div.inputwrap.wbox.small input {width:110px;color:#000;font-size:15px;}
div.contact div.inputwrap.wbox.vsmall input {width:50px;color:#000;font-size:15px;}

div.contact div.inputwrap.wbox.dates label {width:200px;}
div.contact div.inputwrap.wbox.dates input {width:150px;}

div.contact input.submit {line-height:50px;text-align:center;width:100%;max-width:225px;
  text-align:center;color:#fff;font-size:18px;font-family:Manrope;
  background:var(--yellow);border:0;margin:20px 0;cursor:pointer;}



ul.formalert {background-color:#000;padding:10px 35px 20px;color:#fff;margin:30px;}
ul.formalert li {margin:10px 0 0 0;}


div.livestronglife {margin: 40px auto;
    display: flex;justify-content: center;}
a.livestronglife {display: block;color:var(--black);font-weight: 800;
    font-size: 40px;letter-spacing: -2px;}
a.livestronglife span {margin: 0 5px;}
a.livestronglife span:nth-child(2) {margin: 0 5px;color: var(--yellow);}
a.livestronglife:before{ content:"{";color: var(--yellow);}
a.livestronglife:after{ content:"}";color: var(--yellow);}

a.livestronglife:hover {color:var(--yellow);}
a.livestronglife:hover span:nth-child(2) {color: var(--black);}
a.livestronglife:before{ content:"{";color: var(--yellow);}
a.livestronglife:after{ content:"}";color: var(--yellow);}


div.boxWrap div.box {margin: 20px 0 70px;}
div.boxWrap div.box h3 {font-size: 22px;font-weight:600;color: #000;
    text-transform: uppercase;
    padding: 0 0 25px;border-bottom: 1px solid var(--yellow);}
div.boxWrap div.box ul {list-style: none;margin: 15px 0 0;padding: 0;}
div.boxWrap div.box ul li {margin: 0 0 10px;padding: 0;}
/*div.boxWrap div.box ul li a {color: var(--black);}
div.boxWrap div.box ul li a:hover {color: var(--YELLOW);}*/