@import url('https://fonts.googleapis.com/css2?family=MikroRegular+Condensed:wght@300;400;700&family=MikroRegular:wght@100;300;400;500;700;900&display=swap');
@charset "utf-8";

@font-face {
  font-family: MikroBlack;
  src: url(css/fonts/Mikro-Black.woff);
}
@font-face {
  font-family: MikroBold;
  src: url(css/fonts/Mikro-Bold.woff);
}
@font-face {
  font-family: MikroMedium;
  src: url(css/fonts/Mikro-Medium.woff);
}
@font-face {
  font-family: MikroRegular;
  src: url(css/fonts/Mikro-Regular.woff);
}
:root {
  --color-primary: #292924;
  --font-family: "MikroRegular";
}

.upload-report {display: flex;  justify-content: space-between;    align-content: center;}


.logo a span,span.slogan {
    line-height:8.5rem;
    color:#292924;font-size:3rem;
    padding-left:10rem;
    font-family:MikroBlack;
}

.top-bgr {
    background:#292925 url(/images/foot.png) repeat center center;
    background-size:60%;
}
#top {display:none}
#top-2 {

}

.bot-footer p.l {float:right}
.bot-footer p.r a {color:#fff}
.bot-footer p.r {float:left}

div.jquery-back-to-top {bottom:70px !important}

span.slogan {display:block;text-align:center;width:100%;position:absolute;margin:0 auto;left:0;right:0;max-width:60rem;margin-top:-9.5rem;padding:0;}

.use-shadow {-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.7);
box-shadow: 0 0 10px -5px rgba(0,0,0,.7); }

p,li,td {font-size:1.6rem;font-weight:400}
a  {color:#292925}
a:hover {text-decoration: none}

.shortbio-img {max-width:190px;float:left;margin-right:1rem}



#top-2 .rside   {float:right;padding-top:2.5rem}
#top-2 .rside a {float:right}
#top-2 .rside a.social {font-size:3rem;color:var(--color-primary);text-decoration:none;line-height:4.5rem;padding-right:1.5rem}

.page-date {float:left;font-size:1.6rem;padding-right:1rem;color:#666}
.page-news-category {float:left;font-size:1.6rem;color:#666}
.social-sharing {float:right;margin-bottom:1rem}

.bx-wrapper .bx-controls-direction a {opacity:.5}

a.btn {font-family:"MikroRegular";color:#F7F2E9}
a.btn.strong,a.btn {
position:relative;
padding-right:4.5rem;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f57c20+0,f57c20+62,f58420+66,f59820+72,f5ac20+82,f5b120+87,f5b120+100 */
background: #00E38E; /* Old browsers */
 }

a.btn:after,.btn.strong:after { width:3rem;height:80%;top:10%;
    display:block;content:" ";position:absolute;right:0;background:url(images/right-angle.png) no-repeat center center;border-left:1px solid rgba(255,255,255,.5);}

.foot-area .col p a {color:#fff;text-decoration:none;font-size:3rem;padding-right:.5rem}

.img-cats {color: #ededed;
background:#4cb64e;
line-height: 3rem;
padding: 0 2rem;
float: right;
display: block;
font-size: 1.6rem; }

#menu-holder  {

}

body.is-sticky #menu-holder { left:0; position:fixed;width:100%;top:0;background-color:rgba(41,41,37,.8);z-index:9 }
body.is-sticky #menu-holder #menu {background:transparent}


.three-panels {

}

.three-panels .hp {width:33.33%;padding:2rem;float:left}
.three-panels .hp .content {position:relative;border:1px solid #013f88;border-radius:5px;background-size:cover;height:295px;padding:2.2rem 3rem;text-align:left}
.three-panels .hp .content span {color:#00E38E}
.three-panels .hp .content p {position:relative;color:#fff;padding:0}
.three-panels .hp .content h2 {position:relative;color:#F7F2E9}
.three-panels .hp .content a {position:absolute;bottom:1.5rem;right:-.5rem;left:5rem}
.three-panels .hp .content * {z-index:2}
.three-panels .hp .content:before {
position:absolute;display:block;width:100%;top:0;left:0;bottom:0;right:0;border-radius:5px;background:rgba(255,255,255,.3);content:" ";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

 }



.srch {color:var(--color-primary);padding-top:1rem;}
.srch a {color:#f8f4eb ;}
#menu a {
    line-height:5rem;
    font-size:1.3rem;

    color:#f7f2e9;
    line-height:4.9rem;
    text-transform:uppercase;
    text-decoration:none;
    padding-right:2rem;
    font-weight:bold;
}
#menu a.current {  }
#menu  li ul a { color:#292925}
.mta .margins {position:relative;height:100%}
.mta .marketstext {position:absolute;background:rgba(0,0,0,.7);padding:2rem;right:0;bottom:1rem;width:64rem}
.mta .marketstext h2 { color:#fff;font-size:6rem;margin:0;}
.mta .marketstext p {
  font-size: 1.8rem;
  font-family: "MikroBold";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 2;
  text-align: left;
  margin-top:0;

}
.bx-wrapper img {display:inline-block}
#logos {text-align:center}
#logos .bx-wrapper {margin:0 auto}
h2.home {

        font-family:"MikroMedium";
        font-size:1.8rem;
        font-weight:300;
        position:relative;
        font-weight:bold;
}

h1 {
    color: #00E38E;
    font-size: 3rem;
    font-weight: bold;
    font-family: "MikroMedium";
}

h2 {
    	font-family: "MikroMedium";
    	color: #292925;
    	font-size: 2.4rem;
    	margin: 0;

}

h3 {
    	font-size: 2.4rem;
    	color: #292925;
    	display: block;
       font-weight:300;
}



h2.home:after {content:" ";display:block;width:100%;height:1px;background:#cccccc;top:50%;margin-top:-1px;position:absolute;z-index:-1}
h2.home span {padding:0 2rem;background:#fff;color:#000;font-weight:300}

#logos a { color:#00E38E;font-size:1.4rem; position:relative;display:block;margin-bottom:2rem}


.bottom-section { background:#F7F2E9; padding:2rem 0; }
.bottom-section h1 { font-weight:normal;color:#000}


.foot-area { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#084a58+0,093625+63,092f12+100 */
background: #292925; /* Old browsers */
 }

.top-footer {background:url(images/foot.png) repeat-x center top}
.bot-footer {border-top:1px solid rgba(255,255,255,.4);text-align:center;padding:2rem 0;color:#fff}
.foot-area .col-1 {width:40%;float:left }
.foot-area .col-2 {width:60%;float:left }
.foot-area .col {padding:2rem 2rem 2rem 0}
.foot-area .col p {color:#fff}
.foot-area .col h2 {color:#fff;font-size:2rem;}


.three-panels {text-align:center;padding:4rem 0 }
.three-panels img {margin:0 2rem}


.home-infos {background:#F7F2E9;padding:2rem 0;margin:-1rem 0  }
.home-infos .h-panel {width:50%;float:left;padding:1rem}

.home-infos .h-panel h2 { padding:0 1rem;font-family:"MikroMedium";color:#292925;
font-size:2.4rem;margin:0;border-bottom:2px solid #292925;padding-bottom:1rem}
.home-infos .h-panel h2 a {float:right;color:#292925;font-size:1.6rem;line-height:2.8rem}

.home-event { }
.home-event a { text-decoration:none;padding:1rem 1rem;display:block;
    border-bottom:2px solid #292925;height:13rem }
.home-event a .date { text-align:center;font-size:1.8rem;color:#000;background:#fff;width:8.5rem; display:block;float:left;margin-right:2rem;padding:.5rem 0}
.home-event a .date b {font-size:4rem;color:#00E38E;display:block}
.home-event a .title { font-size:2.4rem;color:#292925;display:block}
.home-event a .desc {font-size:1.6rem;color:#999999;display:block}


.home-infos .h-panel.fullw {width:100%;padding-left:0;padding-right:0}


.news-holder-home .news { width:50%; float:left;padding:1rem}
.h-panel.fullw .news-holder-home   .news {width:25%}
.news-holder-home .news a {
  font-size: 1.8rem;

  color: rgb(0, 0, 0);
  line-height: 1.333;
  text-align: left;
text-decoration:none;
 }
.news-holder-home .news a .i {display:block;background-size:cover;height:17rem;margin-bottom:2rem;border:4px solid #fff;outline:1px solid #ccc}

/* events */
.events#internal{
	width:100%;
	float:left;
	margin-right:3%;
	padding-bottom: 20px;
}
.events#internal h3{
	width:100%;
	margin-right:3%;
	padding-bottom: 20px;
	color:#333333;
	font-size:24px;
	font-family:"MikroRegular",arial;
	line-height:28px;
	margin-top: 20px;
	letter-spacing: -1px; font-weight:bold
}






.events#internal p{
	color:#999999;
	font-size:18px;
	font-family:"MikroRegular",arial;
	font-weight:300;
	margin-top: 0px;
}


.events h2{
	color:#333333;
	font-size:30px;
	font-family:"MikroRegular",arial;
	font-weight:300
}


.events div{
	float:left;
	border-top: solid #bfc1be 1px;
	padding: 0px 35px 15px 0px;
	background-image: url(img/eventarriow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 100%; max-height:151px; min-height:151px;
    overflow:hidden;
  box-sizing:border-box;

}
.events div h3{
	color:#333333;
	font-size:24px;
	font-family:"MikroRegular",arial;
	line-height:26px;
	margin-top: 20px;
	letter-spacing: -1px;
}

.events div p{
	color:#999999;
	font-size:18px;
	font-family:"MikroRegular",arial;
	font-weight:300;
	margin-top: 0px;
}
div.evdate {
	text-align:center;
	box-sizing:border-box;
	width:120px;
	padding: 25px 15px 15px 0px;
	background-image: url(img/eventback.png);
	border-top:none;
	margin-left: 0px;
	margin-right: 20px;
	background-position: right;
}
div.evdate .l1,
div.evdate .l3 {
	display:block;
	font-family:MikroRegular;
	font-weight:bold;
	font-size:20px;
	color:#333333;
	text-transform:uppercase;
	padding-right: 32px;
}
div.evdate .l2 {
	font-family:MikroRegular;
	font-weight:bold;
	color:#00E38E;
	font-size:44px;
	line-height:45px;
	letter-spacing:-2px;
	padding-right: 30px;
}
.event div{
	float:left;
	padding: 0px 25px 15px 0px;
	background-repeat: no-repeat;
	width: 100%;

}
.event div h3{
	color:#333333;
	font-size:24px;
	line-height:26px;
	font-family:"MikroRegular",arial;

	margin-top: 20px;
	letter-spacing: -1px;
}

.event div p{
	color:#999999;
	font-size:18px;
	font-family:"MikroRegular",arial;
	font-weight:300;
	margin-top: 0px;
}


.event#internal{
	width:100%;
	float:none;
	margin-right:0%;
	padding-bottom: 20px; clear:both
}



.eventtop{
	background-color:#F7F2E9;
	padding-bottom: 0px;
}

.eventtop h3{
	color:#333333;
	font-size:24px;
	font-family:"MikroRegular",arial;
	line-height:26px;
	margin-top: 20px;
	letter-spacing: -1px;
}
div.eventtop p{
	color:#000000;
	font-size:16px;
	font-family:"MikroRegular",arial;
	margin-bottom:0px;
	font-weight: 400;
}
	div.eventtop p#time{ color:#000000;font-size:18px;font-family:"MikroRegular",arial; margin-bottom:0px; background-image:url(img/time.png); background-repeat:no-repeat; padding-left:35px;margin-bottom:2px; line-height:26px}
		div.eventtop p#loc{ color:#000000;font-size:18px;font-family:"MikroRegular",arial; margin-bottom:0px; background-image:url(img/loc.png); background-repeat:no-repeat; padding-left:35px;margin-bottom:2px; line-height:26px}
			div.eventtop p#cost{ color:#000000;font-size:18px;font-family:"MikroRegular",arial; margin-bottom:0px; background-image:url(img/euro.png); background-repeat:no-repeat; padding-left:35px;margin-bottom:2px; line-height:26px}


.eventtop div.evdate {
	text-align:center;
	box-sizing:border-box;
	width:8%;
	padding: 15px 15px 15px 0px;
	background-image: none;
	border-top:none;
	margin-left: 20px;
	margin-right: 25px;
	background-position: right;
	border-right:#9fa19e 1px solid
}
.eventtop div.evdate .l1,
.eventtop div.evdate .l3 {
	display:block;
	font-family:MikroRegular;
	font-weight:bold;
	font-size:20px;
	color:#333333;
	text-transform:uppercase;
	padding-right: 5px;
}
.eventtop div.evdate .l2 {
	font-family:MikroRegular;
	font-weight:bold;
	color:#00E38E;
	font-size:44px;
	line-height:45px;
	letter-spacing:-2px;
	padding-right: 5px;
}

.eventtop div.evtdesc{
	float:left;
	width:70%;
	padding-bottom: 0px;
}
.eventtop div.evtbtn{float:left;width:17%; margin-top:60px;padding-right:0px}



.arrow_box {
	position: relative;
	background: #F7F2E9;
	border: 4px solid #F7F2E9;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(228, 231, 226, 0);
	border-top-color: #F7F2E9;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(228, 231, 226, 0);
	border-top-color: #F7F2E9;
	border-width: 36px;
	margin-left: -36px;
}

table.table th {background:#4eb648;color:#fff;font-size:16px;padding:2px 5px;text-align:left}
table.table td {padding:5px 10px}

table.table tr:nth-child(even) td {background:#f8f8f8}

table.table .winner {font-weight:bold}


span.last5 {display:inline-block;width:2rem;height:2rem;line-height:2rem;background:#999;border-radius:50%;text-align:center;font-size:1.2rem;color:#fff}
span.last5.w {background:#4eb648}
span.last5.l {background:#cc3333}