*{margin:0;padding:0}
:root{
	--basic-accent:#305772;--sec-accent:#124C5B;--lines-col:#405469;--color1:#4D676F99;--color2:#CCCCCC;--color3:#ECF1F1;--color4:#66A9A860;--headColor:#3E3E3E;
	--txtColor:#3f4544;--txtDrkColor:#AFAFAF;--body-bg:#cccccc;--section-bg:whitesmoke;--titleColor:#EAEAEA;--popupColor:#41657E;
	--info:#00529B;--info-bg:#BDE5F8;--success:#4F8A10;--success-bg:#DFF2BF;--warning:#9F6000;--warning-bg:#F7F2DF;--error:#D8000C;--error-bg:#FFBABA;--validation:#D63301;--validation-bg:#FFE6DD;
	--circle-size:clamp(1.5rem, 2vw, 2.5rem);--spacing:clamp(0.25rem, 2vw, 0.5rem);
}
body{display:grid;grid-template:"gdmain" "gdfooter";font-family:Calibri,sans-serif;font-size:0.65vw;line-height:2rem;width:100vw;background-color:var(--body-bg);scroll-behavior:smooth}
header{position:fixed;left:5vw;width:90vw;height:20vh;background-color:var(--basic-accent);z-index:102}
#logo{position:absolute;top:1vh;left:3vh;width:10vh;height:18vh;background-image:url("../logo.png");background-size:100% auto;background-position:center;background-repeat:no-repeat;transition:.2s ease-out;
	  -webkit-filter: brightness(0) invert(1) drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 #595959);
  filter: brightness(0) invert(1) drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 #595959);
	/*-webkit-filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 #595959);
  filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 #595959);*/}
h1,h2,h3,h4,h5,h6{color:var(--headColor);padding:1.5rem 0 1rem 0}
h1{font-size:3.5rem}
h2{font-size:2rem}
h3{font-size:1.2rem}
h4{font-size:1.1rem}
h5{font-size:1rem}
a {text-decoration:none;color:var(--headColor)}
.space{height:20vh}
.hide{position:fixed;top:0;left:0;bottom:0;right:0;width:100dvw;height:100dvh;background:var(--color1);z-index:100000000000000000}
.popup{position:fixed;top:0vh;left:1.5vw;bottom:0px;right:0px;margin:auto;width:84vw;height:92vh;background:var(--popupColor);color:var(--txtColor);border-radius:0.5rem;z-index:100000000000000000;overflow:hidden}
main{grid-area:gdmain}
.header-image {height:33vh;background-image:var(--background);background-size:cover;position:relative;left:-3vw;width:90vw;}
.header-image h1{position:relative;width:fit-content;top:5vh;left:5vw;color:var(--titleColor);text-shadow:-1px -1px 0 var(--basic-accent),1px -1px 0 var(--basic-accent),-1px 1px 0 var(--basic-accent),1px 1px 0 var(--basic-accent)}
/*nav{position:absolute;bottom:1rem;right:2rem}*/
nav{position:fixed;top:7vh;left:10vw;display:flex;justify-content:flex-end;height:10vh;width:90vw;z-index:1000}
#menu-toggle, .menu-button-container {display:none;}
#menu img, .mn_wrap, .mn_active {transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
#menu .mn_box {transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
ul.menu{margin:0;padding:0;list-style:none;font-family:"Myriad Pro", "Trebuchet MS", sans-serif;font-size:14px;width:85vw}
ul.menu a{text-decoration:none;outline:none}
ul.menu li{float:left;width:12vw;height:6vw;position:relative;cursor:pointer}
ul.menu li > a{position:absolute;top:0px;left:0px;width:12vw;height:6vw;z-index:1001;background:transparent url(../overlay.png) no-repeat bottom right;-moz-box-shadow:0px 0px 2px #000;-webkit-box-shadow:0px 0px 2px #000;box-shadow:0px 0px 2px #000;background-size:cover}
ul.menu li a img{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:6vw;z-index:1005;-moz-box-shadow:0px 0px 4px #000;-webkit-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px #000}
ul.menu li span.mn_wrap{position:absolute;top:25px;left:0px;width:12vw;height:6vw;z-index:1003}
ul.menu li span.mn_active{position:absolute;background:var(--popupColor);top:6vw;width:12vw;height:0px;left:0px;z-index:14;-moz-box-shadow:0px 0px 4px #000 inset;-webkit-box-shadow:0px 0px 4px #000 inset;box-shadow:0px 0px 4px #000 inset}
ul.menu li span span.mn_link, ul.menu li span span.mn_descr, ul.menu li div.mn_box a{margin-left:1vw;text-transform:uppercase;text-shadow:1px 1px 1px #000}
ul.menu li span span.mn_link{color:var(--titleColor);font-size:1.5vw;float:left;clear:both}
ul.menu li span span.mn_descr{color:var(--sec-accent);float:left;clear:both;width:12vw;font-size:0.7vw;letter-spacing:1px}
ul.menu li div.mn_box {position:absolute;min-width:11vw;width:max-content;overflow:hidden;min-height:11vw;height:fit-content;padding:0.5vw;top:6vw;left:0px;background:var(--popupColor);opacity:0;visibility:hidden;pointer-events:none;}
ul.menu li div.mn_box a{font-size:0.8vw;float:left;clear:both;line-height:30px;color:var(--color2)}
ul.menu li div.mn_box a:first-child{margin-top:1vh}
ul.menu li div.mn_box a:hover{color:var(--color3)}
section{position:relative;display:block;left:5vw;width:84vw;padding:0 3vw;background-color:var(--section-bg);min-height:95vh}
hr{border:0;border-top:2px solid var(--titleColor);width:100%;margin:2rem 0}
p{text-align:justify;text-justify:initial;font-size:0.9vw;color:var(--txtColor);padding-bottom:2vh}
article{position:relative;display:block;width:84vw;font-size:1.1rem;margin:auto}
article table {font-size:1.1vw;border-collapse:collapse;width:95%;border:none;margin:1rem 0}
article table td{border:1px solid var(--lines-col);text-align:left;padding:2px 10px 2px 8px}
article table tr:nth-child(even){background-color:var(--body-bg)}
article table tr:nth-child(odd){background-color:var(--txtDrkColor)}
article table tr:nth-child(1) th:nth-child(1){border-bottom:0 solid}
article table td:first-child{border-left:0 solid}
article table td:last-child{border-right:0 solid}
article table th{vertical-align:top;padding:8px;border:1px solid var(--lines-col);border-top:0 solid;font-size:1.2vw;text-align:left} /*background-color:var(--color3)}*/
article table th:first-child{border-left:0 solid}
article table th:last-child{border-right:0 solid}
article table tr:last-child td{border-bottom:0 solid} /*background-color:var(--color3)}*/
/*.contFull span {text-align:center;width:100%;display:block;}*/
.new {cursor:pointer;margin-bottom:2rem;width:70%}
.new img {transform:skewX(-1deg);box-shadow: 2px 3px 5px #bbb;object-fit:cover;object-position:center;width: clamp(100px, 12vw, 150px);height: clamp(100px, 12vw, 150px);margin:0.5vw;float:left;}
.new hr {margin-bottom:0;}
.new h2 {padding:0.5rem 0.5rem;}
.new h3 {padding:0.5rem 1rem;}
.new p {padding:0.5rem 1rem;}
.tmdate {position:relative;float:right;color:var(--color1);}
hr{border:0;border-top:2px solid var(--color1);width:100%;margin-bottom:2rem}
.mkGrid{display:flex;grid-template:". .";flex-wrap:wrap;}
.cvGrid{column-count: 2;column-gap: 15px;}
/*{display:flex;/*grid-template:". .";flex-wrap:wrap;}*/
.box{padding:0.5vw;margin:0.5vw;width:28vw;color:var(--txtDrkColor);background-color:var(--color3);}
.imgLft{float:left;margin:1rem;width:22vw;}
.imgRgt{float:right;margin:1rem;width:22vw;}
.imgBlk{display:inline-block;margin:1rem;height:25vh;}
.lftImg{float:left;margin:0.8rem 0.8rem 0.2rem .2rem;border:1px solid var(--txtDrkColor)}
.cntrImg{display:block;margin:auto;border:1px solid var(--txtDrkColor)}
.rgtImg{float:right;margin:0.5rem 0.1rem 0.2rem 0.8rem;border:1px solid var(--txtDrkColor)}
.bottomlgImg{margin:0.8rem 0.8rem 0.2rem .2rem;height:8vh} /* border:1px solid var(--txtDrkColor);*/
.rowImg{width:49%;border:1px solid var(--txtDrkColor)}
.logoImg{float:left;margin:1.5rem 0.5rem;position:relative;top:0px;height:30px}
.bio_photo{border-radius:10px 0 15px 0;border:1px solid #cccccc;transform:skewX(-1deg);box-shadow:2px 3px 5px #bbb;}
.card {background:#E9E2D0;display: inline-block;break-inside:avoid;box-shadow: -20px 0 35px -25px black, 20px 0 35px -25px black;height:fit-content;width: 38vw;margin: 2vh 1vw;padding: 1vw;}
.card img {border-radius: 10px 0 15px 0;border: 1px solid #cccccc;transform:skewX(-1deg);box-shadow: 2px 3px 5px #bbb;object-fit:cover;object-position:center;width: clamp(100px, 12vw, 150px);height: clamp(100px, 12vw, 150px);margin:0.5vw;float:left;}
.usrmsg{padding:0 50px}
.MnImages{width:60vw;height:auto}
.mssgbbl{max-width:300px;padding:15px;text-align:right;background-color:var(--info-bg);border-radius:15px;position:relative;z-index:0}
.mssgbbl::before {content:"";box-sizing:initial;border-color:var(--info-bg);border-radius:50%;border-style:solid;border-width:0 25px;position:absolute;height:43px;width:53px;bottom:-14px;left:0px;clip:rect(18px, 37px, 42px, 0px);z-index:-1}
.insta{display:inline-block;width:48px;height:48px;background-image:url(../socials.png);background-repeat:no-repeat;transform:scale(0.9)}
.fb{display:inline-block;width:48px;height:48px;background-image:url(../socials.png);background-position:-50px 0;background-repeat:no-repeat;transform:scale(0.9)}
.twttr{display:inline-block;width:48px;height:48px;background-image:url(../socials.png);background-position:-100px 0;background-repeat:no-repeat;transform:scale(0.9)}
.lnkdn{display:inline-block;width:48px;height:48px;background-image:url(../socials.png);background-position:-100px -48px;background-repeat:no-repeat;transform:scale(0.9)}
.logoutbar{width:100%;display:block;text-align:end;background:var(--color3)}
.logoutbar a{text-decoration:none;color:var(--basic-accent)}
.contFull{display:flex;text-align:center;width:100%;justify-content:space-around;}
.contFull div{width:25%;}
.circular{width:10vw;height:auto;border-radius:50% 50%;border:3px var(--sec-accent) solid;}
.status{font-size:1.1rem;border:1px solid;margin:10px 0px;padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px center} /*15px 10px 15px 50px;*/
.status a{text-decoration:none;color:var(--basic-accent);border:1px solid;padding:0px 5px;margin:0 5px;background:var(--color2)}
.info{color:var(--info);background-color:var(--info-bg);background-image:url('../info.png')}
.success{color:var(--success);background-color:var(--success-bg);background-image:url('../success.png')}
.warning{color:var(--warning);background-color:var(--warning-bg);background-image:url('../warning.png')}
.error{color:var(--error);background-color:var(--error-bg);background-image:url('../error.png')}
.validation{color:var(--validation);background-color:var(--validation-bg);background-image:url('../error.png')}
.image-anime{position:relative;overflow:hidden;}
.image-anime:after{content:"";position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1;}
.image-anime:hover:after{height:250%;transition:all 600ms linear;background-color:transparent;}
footer{position:relative;left:5vw;width:90vw;grid-gap:1vw;color:var(--txtDrkColor);background-color:var(--basic-accent);display:grid;grid-template: ". ." "cright cright";grid-area:gdfooter}
footer .boxes {margin:0 0 0 6vw;width:38vw;color:var(--txtDrkColor);}
footer .boxes h2{color:var(--txtDrkColor);}
footer .boxes ul{margin-left:1vw;list-style:none}
footer .boxes ul a{color:var(--txtDrkColor);}
footer .europe{border-top:solid 2px var(--lines-col);width:60vw;height:fit-content;background-image:url("../EU_Flag_ltl.png");background-size:4vw;background-position:5vw center;background-repeat:no-repeat;grid-area:europe;margin:auto;}
footer .europe p{font-size:0.8rem;line-height:1.6rem;margin:auto auto auto 10rem;color:var(--txtDrkColor);}
footer .copyright {grid-area: cright;color: var(--color4);text-align: center;background-color: var(--color1);}
footer .partners{text-align:center;grid-area:partners;background-color:var(--sec-accent)}

@media only screen and (max-width:1365px),only screen and (max-device-width:1365px){
body{line-height:1.7rem}
h1{font-size:2.7rem}
h2{font-size:1.2rem}
h3{font-size:1.1rem}
h4{font-size:1rem}
h5{font-size:0.9rem}
h1,h2,h3,h4,h5,h6{padding-bottom:2px}
header{left:0;width:100vw;height:12vh}
nav{top:5vw;left:9vw;width:90vw;height:30px}
.menu li a{font-size:0.85rem;width:100%}
.space{height:11vh}
main{left:0;width:100vw}
.box{width:41vw;}
.header-image{left:-1vw;width:94vw;height:24vw;}
.header-image h1{top:12.5rem;left:3rem}
p{font-size:0.9rem;max-width:initial}
section{left:3vw;width:92vw;padding:1vh 1vw;min-height:73vh;}
article{left:1vw;width:90vw}
article table{font-size:0.9rem;}
.MnImages{width:90vw;height:auto}
footer{left:0;width:100vw;height:fit-content;min-height:25vh;}
footer p{font-size:0.8rem}
footer ul{font-size:0.9rem}
footer h2{font-size:1.1rem}
#logo{top:1vh;left:2vw;width:5vw;height:10vw}
}

@media only screen and (max-width:1055px),only screen and (max-device-width:1055px) or (orientation:portrait){
body{line-height:1.5rem}
nav {position:fixed;top:0;right:0;height:70px;display:flex;justify-content:flex-end;align-items:center;padding:0 20px;box-sizing:border-box;z-index:1000;}
.menu-button-container {display:flex;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;z-index:1002;}
.menu-button, .menu-button::before, .menu-button::after {display:block;background-color:var(--titleColor, #fff);position:absolute;height:3px;width:30px;transition:transform 0.4s ease, background 0.4s ease;border-radius:2px;}
.menu-button::before {content:'';margin-top:-8px;}
.menu-button::after {content:'';margin-top:8px;}
#menu-toggle:checked + .menu-button-container .menu-button {background:transparent;}
#menu-toggle:checked + .menu-button-container .menu-button::before {transform:rotate(45deg);margin-top:0;}
#menu-toggle:checked + .menu-button-container .menu-button::after {transform:rotate(-45deg);margin-top:0;}
ul.menu {position:fixed;top:70px;left:-100%;width:80vw;height:calc(100vh - 70px);background:var(--popupColor, #222);display:flex;flex-direction:column;overflow-y:auto;transition:left 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:2px 0px 10px rgba(0,0,0,0.5);}
#menu-toggle:checked ~ ul.menu {left:0;}
ul.menu li {float:none;width:100%;height:auto;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);}
ul.menu li > a {position:relative;width:100%;height:auto;padding:15px 20px;display:flex;align-items:center;box-sizing:border-box;background:transparent !important;}
ul.menu li a img {display:none !important;}
ul.menu li span.mn_wrap {position:static;height:auto;width:auto;}
ul.menu li span span.mn_link {font-size:1.2rem;margin:0;}
ul.menu li span span.mn_descr {font-size:0.7rem;margin:0;width:auto;}
ul.menu li div.mn_box {position:static;width:100%;max-height:0;min-height:0;opacity:0;visibility:hidden;overflow:hidden;padding:0;background:rgba(0, 0, 0, 0.2);transition:max-height 0.4s ease, opacity 0.4s ease;display:block;pointer-events:none;}
ul.menu li.active-submenu div.mn_box {max-height:500px;opacity:1;visibility:visible;padding:10px 0;pointer-events:auto;}
ul.menu li div.mn_box a {font-size:1rem;padding:10px 35px;line-height:20px;display:block;float:none;}
.menu li a{font-size:0.8rem}
h1{font-size:1.8rem}
h2{font-size:1.2rem}
h3{font-size:1.1rem}
h4{font-size:1rem}
h5{font-size:0.9rem}
h1,h2,h3,h4,h5,h6{padding-bottom:2px}
header{left:0;width:100vw;height:6rem}
.space{height:6rem}
main{left:0;width:100vw}
.header-image{height:20rem}
.header-image h1{top:13rem;left:1.9rem}
p{max-width:initial}
section{left:3vw;width:92vw;padding:1vh 1vw}
article{left:1vw;width:90vw}
footer{left:3vw;width:94vw;grid-template:". .""europe europe""partners partners";height:fit-content}
footer p{font-size:0.8rem}
footer ul{font-size:0.9rem}
footer h2{font-size:1.1rem}
#logo{width:5vw;height:10vw;top:0.3vh;left:2vw;}
}

@media only screen and (max-height:540px),only screen and (max-device-height:540px){
header{left:3vw;width:95vw}
p{font-size:0.9rem;max-width:initial}
section{left:3vw;width:93vw;padding:1vh 1vw}
article{left:1vw;width:61vw}
footer{left:3vw;width:91vw}
}