youarehere/* 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-size:16px;font-weight:400;background:#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;
}

/* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 200 to 800*/

.manrope-200 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 200;font-style: normal;}
.manrope-300 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;}
.manrope-400 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.manrope-500 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.manrope-600 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
.manrope-700 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
.manrope-800 {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;}

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;}

/* BASIC PAGE SETUP ============================================================================= */
body {}
button, input, select, textarea { color : #fff; }

/*  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 : none;  }
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:0px;
	background:url(/images/backtotop.png) no-repeat;
    background-position: 50%;background-size: contain;
	width:30px;height:30px;text-indent:-9000px;}
@media only screen and ((max-width: 700px)) {
a#backtotop {bottom:10px;}

}

/* 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;
    background: #FF8B58;
    position: fixed;
    top:0px;
    right: 0px;
    z-index: 20000;
    padding: 0 5px 0px 1px;box-sizing: border-box;
    line-height: 18px;
    height: 18px;transition:.2s;
    display: flex;justify-content: center;align-content: center;
    border-bottom-left-radius: 4px;}
div.cmsOptions a {color:#fff;font-size:11px;line-height:18px;
    display:inline-block;padding:0 4px 0;height:18px;}
div.cmsOptions a:hover {text-decoration: underline;}
.sticky div.cmsOptions {height: 18px;transition:.2s;border-radius: 4px;bottom: 0;}


/*body:before {content:"";display:block;height:213px;margin:0;padding:0;;}
body.home:before {content:"";display:none;}
*/


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: #FFD751;
    -webkit-box-shadow: 0 0 0px 1000px black inset;
  transition: background-color 5000s ease-in-out 0s;color: rgba(255,255,255,1);
  font-size: 10px;font-weight: 700;*/
}
*:not(.fancy):not(.fancybox-content):not(.fancybox-container):not(.fancybox-slide) {
    transition: .2s;
}
:root {
--main_hor_padding:66px;
--header_max_width:1726px;
--page_max_width:1442px;
--linkcolor:rgb(243, 111, 50);
--orange:rgba(243, 111, 50,1);
--sidepadding:32px;
--basiccolor:rgba(35,31,32,1);
--radius:20px;
--backcolor:rgb(255,255,255); /*white*/
--white:rgb(255,255,255); /*white*/
--ivorycream:rgb(245, 242, 232);
--menuborder:rgb(230, 230, 230);
--menuborder:rgb(220,215,208);
}

/*@media only screen and ((max-width: 850px) and (min-width: 750px)) {*/
@media only screen and ((max-width: 1150px) ) {
    :root {
        --sidepadding:25px;
        }
}
@media only screen and ((max-width: 850px) ) {
    :root {
        --sidepadding:12px;
        }
}

body {background:var(--ivorycream);}

body img {max-width: 100%;}
.pagewrap {width:100%;max-width:1858px;
    margin:0 auto;padding:var(--sidepadding);padding-top:0;box-sizing: border-box;}
.mainpage {background:  var(--white);border-radius: 30px;
    padding-bottom:13px;}
.home .mainpage {
    padding-top:var(--sidepadding);
}
.home .headerwrap .mainpage {
    padding-top:0;
}
.home .scrolling .mainpage {padding-top:0;}
@media only screen and ((max-width: 1060px) ) {
    .home .mainpage {    padding-top:0;}
}

@media only screen and ((max-width: 600px) ) {
    .pagewrap {padding:0;}
    .mainpage {border-radius: 0;}
}
@media only screen and ((max-width: 850px) ) {
    .home .mainpage {padding-top:0;}
}

.pagewrap.headerwrap {width:100%;max-width:1858px;
    margin:0 auto;padding:var(--sidepadding);padding-top:0;
    padding-bottom:0;box-sizing: border-box;}
.pagewrap.headerwrap.scrolling {max-width:1100%;
    position: fixed;top:-300px;
    padding:0;z-index:1000;
}
.scrolled .pagewrap.headerwrap.scrolling {top:0;
    background: var(--ivorycream)}


.headerwrap .mainpage {background:  transparent;border-radius: 0;
    padding-bottom:0;}


.mainpage div.headerwrap {
    max-width:var(--header_max_width);
    margin:0 auto;
    box-sizing:border-box;
    padding:0 var(--sidepadding);
}
.scrolling .mainpage div.headerwrap {padding:0;
    max-width:100%; 
    border-bottom: 1px solid var(--menuborder);
    box-shadow:0 0 10px rgba(0,0,0,.8);
}


.mainpage div.headerwrap div.header {
    display:flex;
    box-sizing: border-box;
    height:220px;
    min-height:220px;
    padding:0;
    justify-content: space-between;
    align-items: center;
}

.scrolling .mainpage div.headerwrap div.header {padding-left:calc(2 * var(--sidepadding));
    height:85px;min-height:85px;border-bottom:var(--menuborder)}
@media only screen and ((min-width: 1300px) ) {
    .scrolling .mainpage div.headerwrap div.header {padding-left:var(--sidepadding);}
}
.mainpage div.headerwrap.scrolling {position:fixed;
    top:-100px;left:0;right:0;max-witdh:100%;padding-top:0;padding-bottom:0;
    background: var(--ivorycream);
}
.mainpage div.headerwrap.scrolling div.header {height:93px;min-height:93px;}

.scrolled .mainpage div.headerwrap.scrolling.amar {top:0;}





.mainpage div.headerwrap div.header div.menu {text-align: left;
    width:calc(50% - 350px);
    align-content: flex-start;}
.mainpage div.headerwrap div.header div.logo {text-align: center;width:700px;
    display:flex;justify-items:flex-start;align-items:center;
    text-align: center;width:700px;}
.mainpage div.headerwrap div.header div.logo .logoicon{display:none;}

.mainpage div.headerwrap div.header ul.social {text-align: right;
    height:126px;
    width:calc(50% - 350px);
}

.mobilemenulink {display:none;width:50px;height:30px;cursor:pointer;z-index:100;
    background:url(/images/menu.png) no-repeat bottom;position: relative}
.mobilemenulink span {height:2px;width:75%;display: block;background: var(--basiccolor);
    position:absolute;left:0;}
.mobilemenulink span:first-child {width:100%;top:0;}
.mobilemenulink span:nth-child(2) {width:75%;top:5px}
.mobilemenulink span:last-child {width:50%;top:10px}

div.mobilemenuwrap div.head {display:flex;justify-content:flex-start;align:center;
    margin:0 0 30px;
    align-items: center;
    padding: 37px 10px 37px 25px;}
div.mobilemenuwrap .mobilemenulink {background:url(/images/menu_wh.png) no-repeat left 0 top 100%;
    margin-left:0;margin-right:43px;}
div.mobilemenuwrap .mobilemenulink span {background-color:var(--white);transform-origin:0}
div.mobilemenuwrap .mobilemenulink span:first-child {left:12px;width:22px;top:0;transform: rotate(45deg);}
div.mobilemenuwrap .mobilemenulink span:nth-child(2) {display:none}
div.mobilemenuwrap .mobilemenulink span:last-child {left:12px;width:22px;top:15px;transform: rotate(-45deg);}

div.mobilemenuwrap ul.mainmenu {list-style: none;margin:0;padding:0 0 80px 50px;}
div.mobilemenuwrap ul.mainmenu {list-style: none;margin:0;padding:0 0 80px 20px;font-size:30px;}
div.mobilemenuwrap ul.mainmenu>li {margin:10px 0;}
div.mobilemenuwrap ul.mainmenu ul {padding:0 0 0 35px;font-size:22px;
    list-style: none;}
div.mobilemenuwrap a {color:var(--white)}
div.mobilemenuwrap .selected>a {color:var(--orange);}


input.mobilemenu {display: none;}
div.mobilemenu {position: fixed;top:0;left:0;max-width:0;overflow: hidden;
    height:100%;
    background-color:var(--basiccolor);z-index:1002}
input.mobilemenu:checked+div.mobilemenu {width:100%;max-width:500px;overflow-y: scroll}


a {color:var(--linkcolor);}

ul.social {display:flex;
    justify-content:flex-end;list-style: none;padding:0;margin:0;
    align-items:center;}

ul.social li {margin:0 10px;padding:0}
ul.social a {height:25px;}
ul.social a span {display:none;}
ul.social a:before {content:"";display:block;
            width:25px;height:25px;
            background-repeat: no-repeat;background-position: 50%;}

ul.social a.facebook:before {background-image:url(/images/header_facebook.png);}
ul.social a.youtube:before {background-image:url(/images/header_youtube.png);}
ul.social a.tiktok:before {background-image:url(/images/header_tiktok.png);}
ul.social a.instagram:before {background-image:url(/images/header_instagram.png);}
ul.social a.x:before {background-image:url(/images/header_x.png);}
ul.social a.contact:before {background-image:url(/images/header_contact.png);width:29px}


@media only screen and ((max-width: 1420px) ) {
    ul.social li {margin:0 4px;padding:0}
}

@media only screen and ((max-width: 1300px) ) {
    .mainpage div.headerwrap div.header div.menu {width:calc(50% - 250px);}
    .scrolling .mainpage div.headerwrap div.header div.menu {width:100%;
        display: flex;justify-items: flex-start;gap:40px;align-items: center}
/*    .mainpage div.headerwrap div.header div.logo {width:500px;}*/
    .mainpage div.headerwrap div.header ul.social {width:calc(50% - 250px);}
    .header ul.social li.contact {display:  block;}
    .mainpage div.headerwrap div.header div.logo .logoicon{display:inline-block;}
    .mainpage div.headerwrap div.header div.logo .logotext{display:none;}

    div.menuwrap {max-height:0;overflow: hidden}
}

@media only screen and ((max-width: 1100px) ) {
    .mainpage div.headerwrap div.header div.logo {width:500px;}
    .mainpage div.headerwrap div.header {justify-content: flex-start;gap:10px;}
    .scrolling .mainpage div.headerwrap div.header div.menu {width:90px}
    .mainpage div.headerwrap div.header div.menu {width:90px}
    .scrolling .mainpage div.headerwrap div.header div.menu {width:100%}
/*    .mainpage div.headerwrap div.header div.logo {text-align: left;}*/
    .mainpage div.headerwrap div.header ul.social {margin-right:0;margin-left:auto;}
}
@media only screen and ((max-width: 900px) ) {
    .mainpage div.headerwrap div.header {height:auto;padding:30px 0;
        min-height:10px;}
/*    .mainpage div.headerwrap div.header div.menu {display:none;}*/
    .mainpage div.headerwrap div.header div.logo {gap:20px;align-content: stretch;}
    .mainpage div.headerwrap div.header div.logo img {max-width:100%;}
    .mainpage div.headerwrap div.header div.logo .logoicon{display:inline-block;}
    .mainpage div.headerwrap div.header div.logo .logotext{display:none;}
    .mainpage div.headerwrap div.header ul.social {display:none;}
}

@media only screen and ((max-width: 600px) ) {
    .mainpage div.headerwrap div.header {justify-content: center}
    .mainpage div.headerwrap div.header div.logo {width:100%;justify-content: }

}


div.menuwrap {border-top:1px solid var(--menuborder);
/*    border-bottom:1px solid var(--menuborder);*/
/*    margin-bottom:100px;*/
    max-height:150px;}
.scrolling div.menuwrap {border-top:0;}



@media only screen and ((max-width: 1300px) ) {
    div.menuwrap {max-height:0;overflow: hidden;display: none}
    label.mobilemenulink {display:block;}
    div.menu img.icon {display:none;}
    .scrolling div.menu img.icon {display:block;}

}
div.menuwrap>ul {display: flex;padding:10px 0;
    list-style:none;margin:0;
    justify-content: center;align-items:center;}
.scrolling div.menuwrap>ul {padding:0 0;}

div.menuwrap>ul>li {border-right:1px solid var(--menuborder);text-transform: uppercase;
    position: relative}
div.menuwrap>ul>li:first-child {border-left:1px solid var(--menuborder);}
div.menuwrap>ul>li>a {display:flex;align-items:center;padding:0 20px;
    height:58px;font-size:14px;font-weight:700;letter-spacing:1.4px;
    color:var(--basiccolor);}
.scrolling div.menuwrap>ul>li>a {height:85px;}
div.menuwrap>ul>li>a:hover,div.menuwrap ul li.selected>a {
    color:var(--orange);}
div.menuwrap>ul>li.hassub>a {background:url(/images/arrow_menu.png) no-repeat right 15px top 50%;
    padding-right:25px}
div.menuwrap ul ul {position:absolute;top:98%;left:-20px;width:220px;box-sizing: border-box;
    padding:0 30px;margin:0;background-color:rgb(220,235,243);
    list-style: none;max-height:0;overflow:hidden;z-index:10;}
div.menuwrap ul li:hover ul {max-height:900px;padding:30px 30px;}
div.menuwrap ul li:hover ul:before {content:"";width:7px;height:7px;
    position: absolute;top:-7px;left:120px;background: url(/images/arrow_submenu.png) no-repeat;}

div.menuwrap ul ul li {font-size:13px;color:rgb(78,80,83);padding:5px 0;letter-spacing: 0.235px;
    margin:0;}
div.menuwrap ul ul li a {color:rgb(78,80,83);padding:3px 0;letter-spacing: 0.235px;display: block;
    font-weight:600;line-height:1.3}
div.menuwrap ul ul li a:hover {color:var(--orange);}
/*div.menuwrap ul ul li.selected>a {font-weight:700;}*/

div.menuwrap ul ul ul {max-height:auto;position:relative;width:100%;padding:0;margin:0;
    left:auto;padding-left:20px;font-weight:400}
div.menuwrap ul ul ul li {padding:0;padding-left:20px;font-weight:400}
div.menuwrap ul ul ul li a {font-weight:400}
div.menuwrap ul li:hover ul ul {padding:0;margin:0;}

@media only screen and (max-width: 1500px) {
    div.menuwrap {margin-bottom:0}
    div.menuwrap>ul>li>a {padding:0 10px;height:50px;}
    div.menuwrap ul li:first-child {border-left:0;}
    div.menuwrap ul li:last-child {border-right:0;}
}
@media only screen and (max-width: 800px) {
    div.menuwrap {margin-bottom:80px}
    div.menuwrap ul {padding:0}
    div.menuwrap ul li a {padding:0 20px;height:35px;}
}




div.after_header {display: flex;position: relative;align-items:center;
    justify-content: space-between;
    padding:0 5px;
    margin:0 auto 90px;
    height:36px;
    max-width:var(--header_max_width);
    box-sizing: border-box;}
div.after_header:before {content:"";display: block;
    left:0;right:15px;top:4px;border-top:1px solid rgb(219, 218, 218);
    position: absolute;z-index:-1px;}
div.after_header:after {content:"";display: block;
    left:0;right:15px;bottom:4px;border-top:1px solid rgb(219, 218, 218);
    position: absolute;z-index:-1px;}
div.after_header div.date {height:28px;line-height:28px;
    font-size:13px;color:var(--basiccolor);font-style: italic;}
div.after_header div.date span {display:inline-block;height:28px;padding:0 10px;}
div.after_header div.date span.date {padding:0 10px 0 0;border-right:1px solid rgb(219, 218, 218);}


div.main_search {
    position:absolute;z-index:1;right:0;
    box-sizing: border-box;
    padding:4px 4px 4px 16px;
    background:var(--orange);height:40px;border-radius:20px;}

div.main_search input.search {border:0;background:transparent;
    border-bottom:2px dotted rgba(255,255,255,.8);
    width:18px;height:20px;line-height:30px;color:#fff;font--size:20px;
    font-family:Manrope;font-weight:600;
    transition: width 0.3s ease; }
div.main_search input.search:focus {
    width: 100px; /* Expand to 150px on focus */
    outline: none; /* Optional: Removes the default outline */
}
div.main_search input.submit {border:0;background-color: transparent;
    background-image:url(/images/header_search.png);background-repeat: no-repeat;
    background-position: 50%;width:40px;height:30px;
    text-indent:-9000px;cursor:pointer;}



.mainpage div.page {
    max-width:var(--page_max_width);
    margin:0 auto;
    box-sizing:border-box;
    padding:0 var(--sidepadding);
}
.home .mainpage div.page {
    max-width:var(--header_max_width);
    margin:0 auto;
    box-sizing:border-box;
    padding:0 var(--sidepadding) 50px;
}


.newsletter_wrap {
    margin:150px 13px 0;
    border-radius: 19px;
    min-height:302px;display:flex;justify-content: center;align-items:center;
    box-sizing:border-box;
    padding:0 var(--sidepadding);
    background:rgb(220,235,243);
}
.newsletter_wrap>div {
    margin:30px 15px;
    max-width:577px;
}
.newsletter_wrap h3 {
    font-size: 17px;
    color: var(--basiccolor);
    font-weight: 800;
    letter-spacing: 3.4px;
    margin:0 0 20px 0;padding:0;
}
.newsletter_wrap h3:before {
    content:"";
    display:block;width:21px;height:3px;background:var(--orange);
    margin-bottom:5px;
}
.newsletter_wrap h4 {
    font-size: 28px;
    color: rgb(37, 34, 35);
    font-weight: 700;
    letter-spacing: -0.7px;
    margin:0 0 5px 0;padding:0;
}
.newsletter_wrap p {
    font-size: 12px;
    color: rgb(113, 110, 107);
    font-weight: 400;
    letter-spacing: 1.2px;
    font-style:italic;
    padding:0;margin:0;
}

.newsletter_wrap form {margin:30px 0 0;display:flex;
    align-items:center;justify-content: flex-start;
    gap:10px;}

.newsletter_wrap form h4 {display:none;}
.newsletter_wrap form input.email {flex-grow:2;
    border-width: 1px;
    border-color: rgb(234, 224, 208);
    border-style: solid;
    background-color: rgb(249, 251, 255);
    height: 35px;
    font-size: 12px;
    font-family: "Manrope";
    color: rgb(137, 137, 140);
    padding:0;line-height:35px;
    font-weight: 400;
    letter-spacing: 2.4px;
    box-sizing:border-box;
    padding:0 12px;
    border-radius:17px;
}
@media only screen and (max-width: 600px) {
    .newsletter_wrap form input.email {width:100%;}
    .newsletter_wrap form {flex-wrap:wrap;}
}

.newsletter_wrap form button {
    cursor:pointer;
    all:unset;
    font-size: 11px;
    font-family: "Manrope";
    color: rgb(255, 255, 255);
    font-weight: 800;
    padding:0;line-height:35px;
    letter-spacing: 2.2px;
    border-width: 1px;
    border-color: rgb(234, 224, 208);
    border-style: solid;
    background-color: var(--basiccolor);
    width: 151px;
    height: 35px;
    text-align:center;
    border-radius:17px;
}

.newsletter_wrap form div.accept label a {color:var(--basiccolor);font-size:12px;
    padding:0 0 0 4px;font-weight: 400;letter-spacing: 0.5px;
    text-decoration:underline}

.newsletter_wrap .alert {margin:20px 10px 0;
    font-style: italic;font-weight:700;font-size:14px;}
.newsletter_wrap .alert.failed {color:rgb(187, 5, 15)};


@media only screen and (max-width: 600px) {
    .newsletter_wrap h4 {font-size:22px;}

    .newsletter_wrap form {flex-wrap:wrap;justify-content: flex-end;}
    .newsletter_wrap form input.email {width:100%;order:1;}
    .newsletter_wrap form button {order:3;}
    .newsletter_wrap form div.accept {order:2;}
    .newsletter_wrap>div {margin:35px 15px;}

}

div.inlinefancywrap {display:none;}
div.forfancy {max-width:500px;}


div.footer_wrap {width:95%;max-width:1600px;margin:40px auto 40px;
    padding:0}

div.footer {display: flex;justify-content: space-between;
        align-content: center;align-items: center;margin:0 0 30px}
div.footer img {max-width: 100%}
div.footer>a.logo{flex: 1;text-align: left;align-content: flex-start;}
div.footer>ul.menu{flex: 1;text-align: center;}
div.footer>ul.social {flex: 1;text-align: right;list-style: none;}


div.footer>ul.menu {display: flex;justify-content:center;align-content: center;
    list-style:none;}
div.footer>ul.menu li {}
div.footer>ul.menu li:before {content:" | ";margin:0 10px;line-height:.92em;font-size:12px;}
div.footer>ul.menu li:first-child:before {content:"";display: none;}
div.footer>ul.menu li a {font-size:11px;letter-spacing: 3.3px;color:var(--basiccolor);
    font-weight:700}

div.footer ul.social a {display: flex;align-content: center;}
div.footer ul.social a span {display:inline-block; color:#000;line-height:25px;
    font-size:10px;color:var(--basiccolor);letter-spacing: 3px;
    padding-left:5px;font-weight: 800}
ul.social a:before {content:"";display:inline-block;
            width:25px;height:25px;
            background-repeat: no-repeat;background-position: 50%;}

div.footer ul.social a.facebook:before {background-image:url(/images/footer_facebook.png);}
div.footer ul.social a.youtube:before {background-image:url(/images/footer_youtube.png);}
div.footer ul.social a.tiktok:before {background-image:url(/images/footer_tiktok.png);}
div.footer ul.social a.instagram:before {background-image:url(/images/footer_instagram.png);}
div.footer ul.social a.x:before {background-image:url(/images/footer_x.png);}
div.footer ul.social a.contact {display: none}

div.after_footer {display: flex;justify-content: flex-start;
        align-content: center;align-items: center;
        font-size:12px;font-weight: 400;color:rgb(113,110,107);letter-spacing: 0.6px;}

div.footer ul.menu a:hover {text-decoration:underline;}
div.after_footer a:hover {text-decoration:underline;}

div.after_footer>div.copy{
    margin-right:10px;padding-right:20px;
    background:url(/images/bullet.png) no-repeat top 50% left 100%;
}

div.after_footer>div.terms {margin:0;padding:0;
    text-align: left;list-style: none;
}
div.after_footer>div.terms a {color:rgb(113,110,107);}
div.after_footer>div.terms a:after{content:" | ";padding:0 5px;}
div.after_footer>div.terms a:last-child:after {content:"";display: none;}
div.after_footer>div.terms a.mail {color:var(--orange);}

div.after_footer>div.gravity {
    margin-left:auto;margin-right:0;
    flex: 1;text-align: right;
    list-style: none;
}
div.after_footer>div.gravity a {color:rgb(113,110,107);letter-spacing:1.2px;font-size:12px;}


@media only screen and (max-width: 1200px) {
    div.footer ul.social a span {display:none;}
    div.footer {flex-wrap:wrap;justify-content:center;justify-items:center;}
    div.footer>a.logo{text-align: center;align-content: center;width:100%;flex: 0 0 100%; }
    div.footer>ul.menu{text-align: center;width:100%;flex: 0 0 100%; margin:20px auto 40px}
    div.footer>ul.social {text-align: center;width:100%;flex: 0 0 100%; justify-content: center;}

    div.after_footer>div.copy{background:none;margin-right:0;padding-right:0;}
    div.after_footer {flex-wrap: wrap;
            max-width:850px;margin-left:auto;margin-right:auto;}
    div.after_footer > * {width:100%;text-align: center;}
    div.after_footer>div.terms {margin:10px 0 30px;text-align: center;}
    div.after_footer>div.terms ul {justify-content: center;}
    div.after_footer>div.gravity {text-align: center}

}

@media only screen and (max-width: 900px) {
    div.footer>a.logo{text-align: center;align-content: center;width:100%;flex-basis: 2}
    div.footer>ul.menu{text-align: center;width:100%;flex-basis: 2}
    div.footer>ul.social {text-align: center;width:100%;flex-basis: 2}



}
div.mainbanner {width:100%;margin:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}
div.mainbanner img {width:100%;object-fit:cover;max-height:250px;object-position:50%;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}
div.pagedata {padding-top:50px}

div.anarticle.inpage {display:flex;max-width:1520px;margin:0 auto 40px;
    box-sizing: border-box;
    justify-content:space-between;align-items:flex-start;
    padding:0 40px;
    gap:130px;
}
div.anarticle.inpage:nth-child(2) {margin-top:50px;}
div.pagedata.level1 div.anarticle.inpage.notnews:first-child {border-bottom:1px solid var(--menuborder)}
div.pagedata.level1 div.anarticle.inpage.notnews:first-child .textwrap {margin-bottom:0;}
div.pagedata.level1 div.anarticle.inpage:first-child div.articleheader {margin-bottom:25px;}




.hasside div.anarticle.inpage.title section {max-width:100%;}
.hasside div.anarticle.inpage.title div.youarehere {max-width:100%;}

div.anarticle.inpage div.rightColumn {width:390px;max-width:390px;
    box-sizing: border-box;
    padding:0;margin:0 0 50px;
}
div.anarticle.inpage div.relatedWrap {width:390px;max-width:390px;
    box-sizing: border-box;
    border:1px solid rgb(220, 235, 243);background:rgb(244, 249, 251);
    padding:30px;margin:0 0 50px;
}
div.anarticle.inpage div.rightColumn div.relatedWrap {width:100%;}

div.anarticle.inpage div.rightColumn div.adswrap img {display:block;margin:0 auto 15px;
    max-width:100%;}


div.anarticle.inpage div.relatedWrap>h4 {margin:0;padding:0 0 30px;
    font-weight:500;font-size:17px;letter-spacing: 1.5px}
div.anarticle.inpage div.relatedWrap ul {list-style:none;margin:0;padding:0;
    border-top:4px solid rgb(220, 235, 243);}
div.anarticle.inpage div.relatedWrap ul li {padding:30px 0;
    border-bottom:1px solid rgb(220, 235, 243);}
div.anarticle.inpage div.relatedWrap ul li:last-child {border-bottom:0;}

div.anarticle.inpage div.relatedWrap ul li {display:flex;
    align-items: flex-start;justify-items: space-between;gap:10px;}
div.anarticle.inpage div.relatedWrap ul li div.image {width:100px;height:100px;}
div.anarticle.inpage div.relatedWrap ul li div.image img {width:100px;height:100px;
    object-fit: cover;object-position: 50%;aspect-ratio: 4/4;
    border-radius:50px}
div.anarticle.inpage div.relatedWrap ul li div.text {width:calc(100% - 110px);display: flex;flex-wrap:wrap;}
div.anarticle.inpage div.relatedWrap ul li div.text > * {width:100%}
div.anarticle.inpage div.relatedWrap ul li div.text h4 {order:2;font-weight:600;font-size:18px;}
div.anarticle.inpage div.relatedWrap ul li div.text h5 {order:1;font-size:10px;font-weight:600;
    margin-bottom:5px;text-transform: uppercase;}
div.anarticle.inpage div.relatedWrap ul li div.text span.date {display: none;}
div.anarticle.inpage div.relatedWrap ul li div.text a {color:var(--basiccolor);}
div.anarticle.inpage div.relatedWrap ul li div.text a:hover {color:var(--orange);}
div.anarticle.inpage div.relatedWrap ul li div.text a.more {display: none;}



div.youarehere {
    padding:0 ;
    max-width:1000px;margin:0 auto 0px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

div.youarehere:empty {margin-bottom:0;}

div.anarticle.inpage section {width:100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;}
div.anarticle.inpage section + * {
  width: calc(100% - 360px); /* Applies 70% width if there's any following element */
}


@media only screen and (max-width: 1200px) {
    div.anarticle.inpage {flex-wrap: wrap;}
    div.anarticle.inpage section  {width:100%;}
    div.anarticle.inpage .relatedWrap  {width:100%;margin:40px auto;}

    div.anarticle.inpage .rightColumn  {width:100%;margin:40px auto;}
}


div.anarticle.inpage img {max-width:100%;margin:0 auto;display:block}
div.anarticle.inpage div.mainpic {margin:0 auto 40px;}

div.anarticle.inpage span.inlineimage {max-width:100%;margin:0 auto;display:block}

div.stamp {margin:0 0 10px 0;font-size:12px;color:var(--basiccolor);
    text-transform: uppercase;
    padding-left:40px;position: relative;}
div.stamp:before {content:"";display:block;
    position: absolute;left:0;top:-3px;
    width:32px;height:16px;background: url(/images/folder_sm.png) no-repeat 50%;}
div.stamp span {line-height:1.4;}
div.stamp span.column {font-weight:800;letter-spacing: 2.4px;}
div.stamp span.column a {color: var(--basiccolor);margin-left:2px;}
div.stamp span.column a {color: var(--basiccolor);}
div.stamp span.column a:after {content:"";display:inline-block;
    width:20px;height:16px;background: url(/images/bullet.png) no-repeat 50%;
    margin:0 5px;vertical-align: middle}
div.stamp span.column a:last-child:after {display:none;}


/*div.stamp span.column:before {content:"";display:inline-block;
    width:32px;height:16px;background: url(/images/folder_sm.png) no-repeat 50%;
    margin-right:5px;vertical-align: middle;margin-bottom:3px;}*/
div.stamp span.column.hasauthor:after {content:"";display:inline-block;
    width:20px;height:16px;background: url(/images/bullet.png) no-repeat 50%;
    margin:0 5px;vertical-align: middle}


@media only screen and (max-width: 700px) {
    div.stamp:before {top:4px;}
    div.stamp {font-size:16px}
    div.stamp span.column {font-weight:800;letter-spacing: 0.5px;}
    div.stamp span.authors {font-weight:500;letter-spacing: 0.2px;}
}

div.anarticle.inpage div.articleheader {margin:0 0 50px}

div.anarticle.inpage div.articleheader div.title {display:flex;justify-items: space-between;
    align-items:flex-start;gap:20px;}
div.anarticle.inpage div.articleheader h1 {margin:0 0 0 0;padding:0;
font-size:50px;font-weight:800;letter-spacing: -1.25px}
div.anarticle.inpage div.articleheader h1 a.edit {font-size:12px;font-weight: 400;letter-spacing: 1px}
div.anarticle.inpage div.articleheader div.title div.sharelinks {margin-left:auto;margin-top:3px;}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul {display: flex;justify-content: space-between;
    align-content: flex-end;list-style:none;margin:10px 0 31px;padding:0;list-style: none;}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li {padding:0;margin:0 0 0 10px;background: none}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li:before {display:none;}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li a {display: block;
    text-align: left;text-indent: -9000px;width:36px;height:36px;background-position: 50%;
    background-repeat: no-repeat;}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li a.facebook {background-image:url(/images/share_facebook.png);}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li a.x {background-image:url(/images/share_x.png);}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li a.mail {background-image:url(/images/share_mail.png);}
div.anarticle.inpage div.articleheader div.title div.sharelinks ul li a.messenger {background-image:url(/images/share_messenger.png);}

div.anarticle.inpage div.articleheader div.title div.sharelinks h5 {display:none;}

div.anarticle.inpage div.articleheader h3 {margin:10px 0 0 0;padding:0;
font-size:20px;font-weight:800;letter-spacing: -1.25px;font-style:normal;}
div.anarticle.inpage div.articleheader span.date {font-size:12px;font-weight: 600;}
div.anarticle.inpage div.articleheader span.date:before {content:"";display: inline-block;width:5px;height:5px;
    border-radius:3px;border:1px solid var(--orange);margin:0 6px 1px 0;}
div.anarticle.inpage div.articleheader span.date em {font-size:12px;font-style:italic}
div.anarticle.inpage div.articleheader span.date span {text-transform:uppercase}

div.anarticle.inpage div.articleheader span.authors {display: block;font-weight:500;letter-spacing: 1.4px;}
div.anarticle.inpage div.articleheader span.authors a {color:inherit;}

@media only screen and (max-width: 700px) {
    div.stamp:before {top:4px;}
    div.stamp {font-size:16px}
    div.stamp span.column {font-weight:800;letter-spacing: 0.5px;}
    div.stamp span.authors {font-weight:500;letter-spacing: 0.2px;}
    div.anarticle.inpage div.articleheader {margin:0 0 35px}

}

div.anarticle.inpage div.textwrap div.submenu h3 {display: none;}
div.anarticle.inpage div.textwrap div.submenu ul.sub {lsit-style:none;
    display: flex;justify-content:flex-start;align-items:flex-start;
    flex-wrap:wrap;margin-left:0;padding-left:35px;
    background:url(/images/header_index.png) no-repeat left 0 top 2px;}
div.anarticle.inpage div.textwrap div.submenu ul.sub li {padding:0;margin:0 10px 10px 0;
    background: none;font-size:12px;font-weight: 600;text-transform:uppercase;}
div.anarticle.inpage div.textwrap div.submenu ul.sub li:before {display: none;}
div.anarticle.inpage div.textwrap div.submenu ul.sub li a {color:var(--basiccolor);}
div.anarticle.inpage div.textwrap div.submenu ul.sub li a:hover {color:var(--orange);}



/*div.anarticle.inpage.notnews div.articleheader h1:before {content:"";
    display:inline-block;
    width:32px;height:31px;background: url(/images/folder_sm.png) no-repeat 50% 100%;
    margin-right:5px;vertical-align: middle;margin-bottom:3px;}*/

div.anarticle.inpage div.textwrap {font-size:17px;color:var(--basiccolor);
    line-height: 1.941;font-weight:400;letter-spacing: 0.5px;
    margin-bottom:70px;}
div.anarticle.inpage.title {margin-bottom:0px;}
div.anarticle.inpage.title div.textwrap {margin-bottom:0px;}

div.anarticle.inpage:nth-child(n+1) div.textwrap.newslist {
    margin-bottom:70px;}

div.anarticle.inpage div.textwrap div.quote {margin:60px auto !important;padding:40px 0 40px 40px;
    border-left:3px solid var(--orange);font-size:24px;
    max-width:840px;box-sizing: border-box;}

div.anarticle.inpage div.textwrap div.lightblue {margin:20px 0;padding:40px;
    background-color:rgb(244, 249, 251);line-height:1.6;}

div.anarticle.inpage div.textwrap div.grey {margin:20px 0;padding:40px;
    background-color:var(--ivorycream);line-height:1.6;}


div.anarticle.inpage div.textwrap p {margin:0 0 15px 0;padding:0;}

div.anarticle.inpage div.textwrap ul {margin:30px 0 30px 50px;list-style:none;}
div.anarticle.inpage div.textwrap ol {margin:30px 0 30px 30px;}
div.anarticle.inpage div.textwrap ul li {
    position: relative;
    margin-bottom:10px;
    padding-left: 26px; /* Space between bullet and text */
}
div.anarticle.inpage div.textwrap ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px; /* Adjusts vertical alignment of the bullet */
    width: 7px; /* Set bullet width */
    height: 7px; /* Set bullet height */
    border:1px solid var(--orange);
    background-color: var(--orange);
    border-radius:4px;
}

div.anarticle.inpage div.textwrap h1 {font-size:40px;margin:10px 0 10px;font-weight:700}

.pagedata div.anarticle.inpage div.textwrap.newslist .articleheader h1 {
        font-size:50px;font-weight: 800;
        margin:0;padding-left:0px;
}
.pagedata.level2 div.anarticle.inpage div.textwrap.newslist .articleheader h1:after,
.pagedata.level3 div.anarticle.inpage div.textwrap.newslist .articleheader h1:after,
.pagedata.level4 div.anarticle.inpage div.textwrap.newslist .articleheader h1:after
    {content:"";display:block;
        width:70px;height:4px;background-color:var(--orange);
        margin-top:15px}

.pagedata.level1 div.anarticle.inpage div.textwrap.newslist .articleheader h1 {
        font-size:50px;font-weight: 800;
        margin:0;padding-left:50px;padding-bottom:0px;
        background: url(/images/folder_big.png) no-repeat 0 32px;
}
.pagedata.level1 div.anarticle.inpage div.textwrap.newslist .articleheader h1:after {display:none;}


div.anarticle.inpage div.textwrap h2 {font-size:26px;margin:20px 0 10px;font-weight:600}
div.anarticle.inpage div.textwrap div.articleheader h2 {font-size:26px;margin:00px 0 10px;font-weight:600}
div.anarticle.inpage div.textwrap h3 {font-size:22px;margin:10px 0 10px;font-weight:500}
div.anarticle.inpage div.textwrap h4 {font-size:20px;margin:10px 0 10px;font-weight:500}


div.anarticle.inpage div.textwrap div.podcastsHTML {max-width:800px;width:100%;}
div.podcastwrapper {margin-bottom:50px;}

/*.animalsplantsthings div.anarticle.inpage div.textwrap h2 {font-size:32px;
        margin:40px 0 30px;padding-top:40px;
        font-weight:800;color:var(--orange);
        border-top:2px solid var(--orange)}
.animalsplantsthings div.anarticle.inpage div.textwrap h2 em {color:var(--basiccolor);
    font-weight:500}
*/



@media only screen and (max-width: 1100px) {
    div.anarticle.inpage {padding:0 20px;}
    div.anarticle.inpage div.articleheader h1 {font-size:35px;}
    div.anarticle.inpage.notnews div.articleheader h1:before {height:25px;}
    div.anarticle.inpage div.textwrap {line-height: 1.4;}
    div.anarticle.inpage div.textwrap ul {margin:15px 0 15px 0;
    list-style:none;}
    div.anarticle.inpage div.textwrap ul li {
        position: relative;
        margin-bottom:5px;
        padding-left: 20px; /* Space between bullet and text */
    }
    div.anarticle.inpage div.textwrap ul li::before {
        top:8px;
    }
    div.youarehere {padding:0 20px;}
}
@media only screen and (max-width: 1000px) {
    div.anarticle.inpage div.textwrap div.quote {margin:20px 0;
    padding:20px 0 20px 20px;
    border-left:3px solid var(--orange);font-size:22px;}
}

@media only screen and (max-width: 700px) {
    div.anarticle.inpage div.textwrap div.quote {margin:20px 0;
    padding:10px 0 10px 20px;
    border-left:3px solid var(--orange);font-size:19px;}
}


ul.newslist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  list-style-type: none;
  padding: 0;
  margin-left:auto;margin-right:auto;
}
ul.newslist li {position:relative;width:100%;max-width:450px;margin-left:auto;margin-right:auto;}
ul.newslist li div.image {background-color:rgba(247, 243, 234,1);
    aspect-ratio:4 / 3;width:100%;}
ul.newslist li div.image.noimage {background-image:url(/images/no_image.jpg);
    background-repeat: no-repeat;background-position: top calc(50% - 20px) left 50%;}
ul.newslist li div.image img {aspect-ratio:4 / 4;object-fit: cover;width:100%;}
ul.newslist li div.text {width:calc(100% - 3rem);background: var(--white);
    margin-top:-39px;
    box-sizing: border-box;
    padding:17px 15px 20px 0;position: relative;z-index:1;}
ul.newslist li div.text span.date {display: block;text-transform: uppercase;
    font-size:11px;font-weight:400}
ul.newslist li div.text h4 {font-size:24px;font-weight:600;
    margin:4px 0 15px;padding:0;    letter-spacing: 0.2px;}
ul.newslist li div.text h4 a {color:inherit;}
ul.newslist li div.text h5 {font-size:11px;font-weight:500;
    margin:0 0 0 0;padding:0;letter-spacing:0.1px;
    text-transform: uppercase;}
ul.newslist li div.text h5 a {color: inherit}
ul.newslist li div.text h5 a:hover {color: var(--orange)}
ul.newslist li div.text div.short {line-height:1.4em;font-size:15px;
    margin-top:17px;
    padding:20px 0 0;position: relative;}
ul.newslist li div.text div.short:before {content:"";display: block;position:absolute;
    top:0;left:0;width:80px;height:2px;background: var(--orange);}
ul.newslist li div.text div.short p {padding:0;margin:0;}
ul.newslist li a.more {display: block;width:160px;color:var(--orange);
    font-weight:400;font-size: 11px;padding:0 0 0 40px;
    margin-top:15px;
    background:url(/images/arrow.png) no-repeat left 0  top 50%;}



@media only screen and (max-width: 1100px) {
    ul.newslist {grid-template-columns: repeat(2, 1fr);gap: 2.4rem;}
}
@media only screen and (max-width: 700px) {
    ul.newslist {grid-template-columns: repeat(1, 1fr);gap: 2.4rem;}
    ul.newslist li div.text {width:100%;margin-top:0;}
    ul.newslist li div.text span.date {}
    ul.newslist li div.text h4 {margin:4px 0 5px;padding:0;letter-spacing: 0.1px;
        font-size:20px;}
    ul.newslist li div.text h5 {margin:0 0 10px 0;letter-spacing:1px;}
    ul.newslist li div.text div.short {padding:10px 0;position: relative;
        margin-top:10px;
        line-height:1.3;letter-spacing: 0.2px}
}



div.photogallery {display:flex;align-items:stretch;
    justify-content: center;flex-wrap: wrap;gap:20px;}
    div.photogallery:after {content:"";display: block;width:calc(50% - 10px)}
div.photogallery a {vertical-align:middle;width:calc(50% - 10px)}
div.photogallery a img {vertical-align:middle;object-fit:cover;aspect-ratio:4/4;
    width:100%;}
div.photogallery a label {color:rgb(75,74,74);font-size:12px;margin:4px 0 6px;
    line-height:1.3}
div.photogallery.single a img {aspect-ratio:auto;}


div.photogallery.single {width:100%;max-width:500px;margin:0 auto;gap:40px;}
div.photogallery.single a {vertical-align:middle;width:100%}



div.homewrap {width:95%;margin:0 auto;max-width:1725px;}

/*@media only screen and ((min-width: 1300px) ) {
    div.homewrap {margin-top:80px;}
}*/

div.homewrap ul {list-style:none;margin:0;padding:0;}

div.hometop {display:flex;justify-content:space-between;align-items: flex-start
    margin:0 0 40px 0;gap:40px;
    padding:0;flex-wrap;}
div.hometop div.hometopleft {width:calc(100% - 430px);flex-shrink: 0;}
div.hometop div.hometopright {width:390px;max-width:390px;min-height:500px;
    box-sizing: border-box;
     overflow-y: auto;
    max-height: 100%;
    border:1px solid rgb(220, 235, 243);background:rgb(244, 249, 251);
    padding:30px;margin:0 0 50px;}




div.homearticles {position:relative;width:100%;max-width:450px;margin-left:auto;margin-right:auto;
    align-content: center;hyphens: auto;:}
div.homearticles div.image {background-color:rgba(247, 243, 234,1);
    aspect-ratio:4 / 3;width:100%;}
div.homearticles div.image.noimage {background-image:url(/images/no_image.jpg);
    background-repeat: no-repeat;background-position: top calc(50% - 20px) left 50%;}
div.homearticles div.image img {aspect-ratio:4 / 4;object-fit: cover;width:100%;}

div.homearticles div.text {width:calc(100% - 3rem);
        align-content: center;
    margin-top:-39px;background: var(--white);
    box-sizing: border-box;
    padding:17px 15px 20px 0;position: relative;z-index:1;}

div.homearticles div.text span.date {display: block;text-transform: uppercase;
    font-size:11px;font-weight:400;letter-spacing: 1px}
div.homearticles div.text h4 {font-size:24px;font-weight:600;
    margin:4px 0 0px;padding:0;    letter-spacing: 0.2px;}
div.homearticles div.text h4 a {color:inherit;}
div.homearticles div.text h5 {font-size:11px;font-weight:500;
    margin:0 0 0 0;padding:0;letter-spacing:0.1px;
    text-transform: uppercase;}
div.homearticles div.text h5 a {color: inherit}
div.homearticles div.text h5 a:hover {color: var(--orange)}
div.homearticles div.text div.short {line-height:1.4em;font-size:15px;
    margin-top:17px;padding:20px 0 0;position: relative;}
div.homearticles div.text div.short:before {content:"";display: block;position:absolute;
    top:0;left:0;width:80px;height:2px;background: var(--orange);}
div.homearticles div.text div.short p {padding:0;margin:0;}
div.homearticles div.text a.more {display: block;width:160px;color:var(--orange);
    font-weight:400;font-size: 11px;padding:0 0 0 40px;
    margin-top:15px;
    background:url(/images/arrow.png) no-repeat left 0  top 50%;}


div.articleswrapper {position:  relative}

img.homeditorial.mobile {display:none;}
div.anarticle.inpage img.homeditorial.mobile {display:none;}


div.homearticles.editorial {background:rgb(244, 249, 251);
    position: relative;max-width:100%;margin-bottom:40px;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);}
div.homearticles.editorial h3.hometitle {display: none;}
div.homearticles.editorial div.articleswrapper {}
div.homearticles.editorial div.articleswrapper div.home {display: flex;gap:0;
    justify-content:space-between;align-items:stretch;}
div.homearticles.editorial div.articleswrapper div.home div.image {width:50%;box-sizing:border-box;aspect-ratio:auto;}
div.homearticles.editorial div.articleswrapper div.home div.image a {height:100%;display:block;}
div.homearticles.editorial div.articleswrapper div.home div.image img {vertical-align: middle;
    height: 100%;
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);}
div.homearticles.editorial div.text {width:50%;box-sizing: border-box;
    margin-top:0;box-sizing: border-box;background: transparent;
    padding:60px 30px 60px 60px;position: relative;z-index:1;
    display: flex;flex-wrap:wrap;}
div.homearticles.editorial div.text > * {width:100%;order:2}
div.homearticles.editorial div.text span.date {font-size:12px;font-weight:400;}
div.homearticles.editorial div.text h4 {font-size:40px;font-weight:800}
div.homearticles.editorial div.text h5 {order:1;font-size:14px;font-weight: 800;
        letter-spacing:2.4px;margin:0 0 30px;padding-left:38px;
        background: url(/images/folder_sm.png) no-repeat 0 50%;}
div.homearticles.editorial div.text h5 a {display:inline;}
div.homearticles.editorial div.text div.short {line-height:1.4em;font-size:15px;
    margin-top:17px;padding:20px 0 15px;position: relative;}


div.homearticles.rubrica {
    position: relative;max-width:100%;
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);}
div.homearticles.rubrica h3.hometitle {display: none;}
div.homearticles.rubrica div.articleswrapper {}
div.homearticles.rubrica div.articleswrapper div.home {display: flex;gap:40px;
    justify-content:space-between;align-items:stretch;
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgb(247, 242, 234);}
div.homearticles.rubrica div.articleswrapper div.home div.image {width:50%;order:2;box-sizing:border-box;aspect-ratio:auto;
    border-bottom-right-radius: var(--radius);
    border-top-right-radius: var(--radius);}
div.homearticles.rubrica div.articleswrapper div.home div.image a {height:100%;display:block;
    background: rgb(247, 242, 234);
    border-bottom-right-radius: var(--radius);
    border-top-right-radius: var(--radius);}
div.homearticles.rubrica div.articleswrapper div.home div.image img {vertical-align: middle;
        height: 100%;
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);}
div.homearticles.rubrica div.text {width:50%;box-sizing: border-box;
    margin-top:0;box-sizing: border-box;background: transparent;
    padding:60px 15px 120px 60px;position: relative;z-index:1;

    display: flex;flex-wrap:wrap;}
div.homearticles.rubrica div.text > * {width:100%;order:2}
div.homearticles.rubrica div.text span.date {font-size:12px;font-weight:400;}
div.homearticles.rubrica div.text h4 {font-size:40px;font-weight:800}
div.homearticles.rubrica div.text h5 {order:1;font-size:14px;font-weight: 800;
        letter-spacing:2.4px;margin:0 0 30px;padding-left:38px;
        background: url(/images/folder_sm.png) no-repeat 0 50%;}
div.homearticles.rubrica div.text h5 a {display:inline;}
div.homearticles.rubrica div.text div.short {line-height:1.4em;font-size:15px;
    margin-top:17px;padding:20px 0 15px;position: relative;}

.homebannercontrols {position:absolute;left:20px;bottom:20px;}
.homebannercontrols .slider-controls {display:flex;justify-content:space-between;}
.homebannercontrols div.homearrow {
appearance:none;
    border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(220, 235, 243);
   width: 50px;
  height: 50px;
  margin-right:10px;
  cursor: pointer;
    background:url(/images/arrow_next.png) rgb(220, 235, 243) no-repeat 50%;}
.homebannercontrols div.homearrow.slide-homebanner-prev {background-image:url(/images/arrow_prev.png)};
.homebannercontrols div.homearrow.slick-disabled {
    opacity:.7;cursor:normal;
}


@media only screen and (max-width: 1300px) {
    div.homearticles.editorial div.text h4 {font-size:30px;}
    div.homearticles.rubrica div.text h4 {font-size:30px;}
    div.homearticles.editorial div.text {padding:30px;}
    div.homearticles.rubrica div.text {padding:30px;}
}




span.rubrica {text-transform: uppercase;font-stretch: ultra-condensed;
    opacity:.7;font-size:.8em}
span.rubrica:after {content:": "};


div.homearticles.interviews {
    position: relative;max-width:100%;
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);}
div.homearticles.interviews h3.hometitle {
    font-size:14px;font-weight: 800;
    letter-spacing:2.4px;margin:0 0 10px;padding-left:38px;
    background: url(/images/folder_sm.png) no-repeat 0 0px;
    text-transform: uppercase;
    padding-bottom:20px;border-bottom:4px solid rgb(220,235,243);
}
div.homearticles.interviews div.articleswrapper {}
div.homearticles.interviews div.articleswrapper div.home {
    padding:20px 0 20px;
    border-bottom:1px solid rgba(220,235,243,1);
}
div.homearticles.interviews div.articleswrapper div.home:last-child {border-bottom:0;}
div.homearticles.interviews div.articleswrapper div.home div.image {
        aspect-ratio: auto;
}
div.homearticles.interviews div.articleswrapper div.home div.image a {display:block}
div.homearticles.interviews div.articleswrapper div.home img {vertical-align: middle;
    aspect-ratio: 5 / 3;}
div.homearticles.interviews div.text {box-sizing: border-box;
    margin-top:10px;background: transparent;
    width:100%;padding:0;
    position: relative;z-index:1;
    display:flex;flex-wrap:wrap;}
div.homearticles.interviews div.text > * {width:100%;order:2}
div.homearticles.interviews div.text span.date {font-size:12px;font-weight:400;}
div.homearticles.interviews div.text h4 {font-size:18px;font-weight:700;line-height: 1.2;letter-spacing:-0.4px;
    margin-bottom:0;}
div.homearticles.interviews div.text h5 {display: none;}
div.homearticles.interviews div.text h5 a {display:inline;}
div.homearticles.interviews div.text a.more {display:none;}
div.homearticles.interviews div.text div.short {display: none;}



div.homearticles.plain  {position:relative;width:100%;max-width:100%;
    padding:100px;box-sizing: border-box;
    margin:40px auto;
}

div.homearticles.plain h3.hometitle {
        font-size:50px;font-weight: 800;letter-spacing: -1.25px;
        letter-spacing:2.4px;margin:0 0 40px;padding-left:50px;
        background: url(/images/folder_big.png) no-repeat 0 32px;}

div.homearticles.plain div.articleswrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Ensures correct alignment */
    align-items: flex-start;
    gap: 60px;
}

div.homearticles.plain div.home {
    width: calc(33.333% - 40px); /* Default: 3 items per row */
    flex-grow: 1;

max-width: 450px !important;margin-left:auto !important;margin-right:auto !important;
    
}

/* If last row has exactly 2 items, they take equal width (50% each) */
div.homearticles.plain div.articleswrapper.last-row-2 div.home:nth-last-child(2),
div.homearticles.plain div.articleswrapper.last-row-2 div.home:nth-last-child(1) {
    width: calc(50% - 30px);
    max-width: 450px !important;margin-left:auto !important;margin-right:auto !important;
}

/* If last row has exactly 1 item, it takes full width */
div.homearticles.plain div.articleswrapper.last-row-1 div.home:last-child {
    width: 100%;
    max-width: 450px !important;margin-left:auto !important;margin-right:auto !important;
}




div.homearticles.plain div.image {background-color:rgba(247, 243, 234,1);
    aspect-ratio:4 / 4;width:100%;}
div.homearticles.plain div.image.noimage {background-image:url(/images/no_image.jpg);
    background-repeat: no-repeat;background-position: top calc(50% - 20px) left 50%;}
div.homearticles.plain div.image img {aspect-ratio:4 / 4;object-fit: cover;width:100%;}

div.homearticles.plain div.text {width:calc(100% - 3rem);
        align-content: center;
    margin-top:-39px;background: var(--white);
    box-sizing: border-box;
    padding:17px 15px 20px 0;position: relative;z-index:1;}

div.homearticles.plain div.text span.date {display: block;text-transform: uppercase;
    font-size:11px;font-weight:400;letter-spacing: 1px}
div.homearticles.plain div.text h4 {font-size:24px;font-weight:600;
    margin:4px 0 15px;padding:0;    letter-spacing: 0.2px;}
div.homearticles.plain div.text h4 a {color:inherit;}
div.homearticles.plain div.text h5 {font-size:11px;font-weight:500;
    margin:0 0 0 0;padding:0;letter-spacing:0.1px;
    text-transform: uppercase;}
div.homearticles.plain div.text h5 a {color: inherit}
div.homearticles.plain div.text h5 a:hover {color: var(--orange)}
div.homearticles.plain div.text div.short {line-height:1.4em;font-size:15px;
    margin-top:17px;padding:20px 0 0;position: relative;}
div.homearticles.plain div.text div.short:before {content:"";display: block;position:absolute;
    top:0;left:0;width:80px;height:2px;background: var(--orange);}
div.homearticles.plain div.text div.short p {padding:0;margin:0;}
div.homearticles.plain div.text a.more {display: block;width:160px;color:var(--orange);
    font-weight:400;font-size: 11px;padding:0 0 0 40px;
    margin-top:15px;
    background:url(/images/arrow.png) no-repeat left 0  top 50%;}

div.homearticles.plain:nth-child(2n + 1){
    background:rgb(244, 249, 251);
}
div.homearticles.plain:nth-child(2n + 1) div.text {background:rgb(244, 249, 251);}


@media only screen and (max-width: 1300px) {

    div.homewrap {width:100%;margin:0 auto;max-width:1700px;}
    div.homewrap ul {list-style:none;margin:0;padding:0;}

    :root {--radius:0px;}


    div.hometop {flex-wrap:wrap;width:100%;margin-left:auto;margin-right:auto;
            max-width:1000px;}
    div.hometop div.hometopleft {width:100%;}
    div.hometop div.hometopright {width:100%;max-width:100%;
        margin-left:auto;margin-right:auto;
        min-height:10px;
        height: auto !important;
        max-height: none !important;
        border:1px solid rgb(220, 235, 243);background:rgb(244, 249, 251);
        padding:30px;margin:0 0 50px;}

    div.homearticles.interviews {max-width:100%;}
    div.homearticles.interviews h3.hometitle {}
    div.homearticles.interviews div.articleswrapper {display: flex;flex-wrap:wrap;
        justify-items: space-between;gap:40px;align-items: flex-start}
    div.homearticles.interviews div.articleswrapper div.home {
        width:calc(50% - 20px);
        border-bottom-width:0;
    }
    div.homearticles.plain {padding:50px 30px}
    div.homearticles.plain:nth-child(2n + 1){
        background:var(--white);
    }
    div.homearticles.plain:nth-child(2n + 1) div.text {background:var(--white);}

}


@media only screen and (max-width: 950px) {
/*    div.homearticles.plain div.home:nth-child(n+3) {display:none;}*/
    div.homearticles.plain div.home {width:calc(50% - 10px)}
    div.homearticles.plain div.home {max-width: 450px !important;margin-left:auto !important;margin-right:auto !important;}

    

}


@media only screen and (max-width: 800px) {
/*    .mainpage div.headerwrap {border-bottom:2px solid var(--menuborder)}*/
    div.homearticles.plain h3.hometitle {font-size:36px;background-position:0 17px;}

    div.homearticles.editorial {margin-bottom:0}
    div.homearticles.rubrica div.articleswrapper {background-color:rgb(247, 242, 234);
        padding-bottom: 63px;}
    div.homearticles.editorial div.articleswrapper div.home {max-width:500px;margin-left:auto;margin-right:auto;}
/*    div.homearticles.rubrica div.articleswrapper div.home {max-width:}*/

    div.homearticles.editorial div.text div.short {margin-top:0;border-top:0}

    div.homearticles.editorial div.articleswrapper div.home div.image,
    div.homearticles.rubrica div.articleswrapper div.home div.image {display:none;}
    div.homearticles.editorial div.articleswrapper div.home div.text,
    div.homearticles.rubrica div.articleswrapper div.home div.text {width:100%}

    div.homearticles.editorial div.articleswrapper div.home div.text img.homeditorial.mobile,
    div.homearticles.rubrica div.articleswrapper div.home div.text img.homeditorial.mobile {
        display:block;aspect-ratio: 4/3;object-fit: cover;position: 50%;
    }


    div.homearticles.plain div.articleswrapper {flex-wrap:wrap;justify-content:center}
    div.homearticles.plain div.articleswrapper div.home {width:100%;max-width:450px;}
    div.homearticles.plain div.image {aspect-ratio:4/3}
    div.homearticles.plain div.image img {aspect-ratio:4/3}

}

@media only screen and (max-width: 650px) {
    div.homearticles.interviews div.articleswrapper div.home {
        width:100%;max-width:450px;margin-left:auto;margin-right:auto;
        border-bottom-width:1px;

    }
}

@media only screen and (max-width: 600px) {
    div.homearticles.plain div.home {width:100%;}
}



div.anarticle.inpage div.textwrap div.nameanimalthing {margin:30px 0;box-sizing: border-box;
    padding-left:250px;position:relative;}
div.anarticle.inpage div.textwrap div.nameanimalthing h3 {padding:0;margin:0;
    position: absolute;top:20px;left:0;
    font-size: 16px;  color: var(--orange);
  font-weight: 800;letter-spacing: 8px}
div.anarticle.inpage div.textwrap div.nameanimalthing h2 {
    font-size: 40px;color: var(--basiccolor); font-weight: 800;
    padding:0 0 20px;margin:0;}

@media only screen and (max-width: 700px) {
    div.anarticle.inpage div.textwrap div.nameanimalthing {
        padding:50px 0 0 15px;
    }
    div.anarticle.inpage div.textwrap div.nameanimalthing h2 {
        font-size: 30px;}
}


div.sublist {margin:0;border-bottom:1px solid var(--orange);padding:50px 0;}
div.sublist:last-child {border-bottom:0;}

div.sublist h3 {
        font-size:30px;font-weight: 800;
        margin:0 0 20px;padding-left:0px;
}
div.sublist h3 a {color:inherit;}
div.sublist h3 a:hover {color:var(--orange);}

div.sublist h3:after
    {content:"";display:block;
        width:70px;height:3px;background-color:var(--orange);
        margin-top:15px}

