@charset "utf-8";
@import url('pm-layout.css?v=6');
@import url('animations.css?v=3');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700;800;900&display=swap');


/*
============
site colors
===========
grey: #ECEDED; formulier
grey: #F6F6F6; section
*/


.layout {
	color: 	#1a171b;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.75em; 
}

/* ---------- standaard lettertype en kleur ---------- */
.layout td, .layout th, .layout a{
	
	font-family: 'Montserrat', sans-serif;
}

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6 {	
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color	: 	#000;
}

.layout h1 {
	line-height: 1em;
	font-size: 3.5em;
	font-weight: 900;
	margin: 0 0 0.25em 0;
}
.layout h2 { line-height: normal; font-size: 2.53em; font-weight: 900;  margin: 0.25em 0; }
.layout h3 { line-height: normal; font-size: 2.05em; font-weight: 900;  margin: 0.25em 0;  }
.layout h4 { line-height: normal; font-size: 1.6em;  margin:  0;  } 
.layout h5 { margin: 0 0 0 0; }
.layout h6 { margin: 0 0 0 0; }
/*.layout p  { margin: 0 0 0 0; }*/

.layout a {text-decoration: none;color:#cb0133;}

#layer1{
	overflow-y: scroll;
	transition: filter 0.5s;
	background-color:#ffffff;
	top:5vw;
}
.layout #layer1::-webkit-scrollbar-thumb, .layout #blockArea::-webkit-scrollbar-thumb {
    background-color: #EEB200;
    border-radius: 8px;
    border: 2px solid #fff;
}
.layout #layer1::-webkit-scrollbar-track, .layout #blockArea::-webkit-scrollbar-track {
    background-color: #fff;
    width: 15px;
}
.pm_flow.hide-sidebar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	left: 0;
}
.pm_flow.hide-topbar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	transition: all 0.5s 0.5s;
}

#topbar{
	height:10.36vw;
	max-height:100px;
	margin: 0 auto; 
	max-width: 1920px;
	top:0;
	left:0;
	width: 100%;
	position: fixed;
	z-index: 10;
	transition: all 0.5s 0.5s;
}

.layout.anim-forward #layer1,
.layout.__menu-open #layer1{
	top: 0;
}
.layout.anim-forward #topbar,
.layout.__menu-open #topbar{
	transform: translateY(-175%);
}
#topbar ._inner{

}

.sidebar{
    position: fixed;
    top: 0;
    /* right: 15px; */
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 6%;
    padding:0 1%;
    /* height: 120px; */
    overflow: visible;
}

#sidebarRight{
	right: 15px;
	left: auto;
	padding-right: 0;
	z-index:10;
}
.sidebar .sloganLabel{
	display:block;
	background-image:url(../../cimages/eheg-en/icons/slogan-blue-right.gif);
	width:1.5vw;
	height:22vw;
background-repeat: no-repeat;
	max-width:25px;
	max-height:382px;
	position: absolute;
	right:-3px;
	background-size:100% auto;
	transform:translateY(-50%);
	top:50%;
}



.sidebar a.bttn-logo{
	display: block;
	padding-top: 200%;
	width: 4vw;
	max-width: 60px;
	background-position: center;
	background-size: 60%;
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.87 151.25'%3E%3Cpath d='M43.44,1405.39h0a12.07,12.07,0,0,0,12,11.32H71.23a12.08,12.08,0,0,0,12-11.27h0v-21.63H73v20.82H68.71v-20.82H58.43v20.82H53.71v-20.82H43.44Z' transform='translate(-43.44 -1265.46)'/%3E%3Cpath d='M43.44,1326.49v.18a11.14,11.14,0,0,0,11.14,11.14H72.17a11.14,11.14,0,0,0,11.14-11.14v-21.76H73v20.83H68.71v-20.83H58.43v20.83H53.71v-20.83H43.44v21.58Z' transform='translate(-43.44 -1265.46)'/%3E%3Cpath d='M56.34,1265.46H54.58a11.14,11.14,0,0,0-11.14,11.14v10.63a11.13,11.13,0,0,0,11.14,11.13H72.17a11.13,11.13,0,0,0,11.14-11.13v-11.49a10.28,10.28,0,0,0-9.7-10.26v0H58.43v6.33a10.27,10.27,0,0,0,10.28,10.27h0v-4.52H73v8.75H53.71v-8.75h2.63Z' transform='translate(-43.44 -1265.46)'/%3E%3Cpath d='M58.43,1356.43v8.76h-15a12.08,12.08,0,0,0,12.07,12.07h27.8v-12.07H68.71v-8.76h14.6a12.07,12.07,0,0,0-12.08-12.07H43.44v12.07Z' transform='translate(-43.44 -1265.46)'/%3E%3C/svg%3E");
}

/* setup */

.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #5b3a0e;
}
.heroText{
	max-width:840px;
	z-index:5;
	position: absolute;
}
.heroImage{
	position: absolute;
	top: 2%;
	right: 2%;
}
.pm-scale{
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin: 0 auto;
}
body .pblock.reveal-img {
	overflow: hidden;
}
body .pblock.reveal-img.__rechts{
	
}
body .pblock.reveal-img img{width: 816px!important; height: auto!important;}
body .pblock.reveal-img img{float:left;}
body .pblock.reveal-img.__rechts img{float:left;margin-left:-135px;}

/* section backgrounds */
#page-section-grijs {
	background-color: #F6F6F6;
}



body.section-color .pm-section {
	background-color: #F6F6F6;
}
body.section-color.rood .pm-section#page-section-highlight {
	background-color: #D0002F;
}
body.section-color.blauw .pm-section#page-section-highlight {
	background-color: #90D0DA;
}

.section-hightlight.bg-red {
	background-color: #D0002F;
}

/* section backgrounds */



/* topbar */

/* top bar */
body.pm_flow #layer1 {
    position: absolute;
    /*top: 115px;*/
    transition:all 0.5s;
}
body.pm_flow #layer2 {
	top:auto;
}
body.pm_flow #topbar .link-container{
clear: both;
}

/*
.pm_flow #topbar .bttn-menu {
	width: 75px;
	height: 41px;
	background-image: url(/svg/eheg-en/000000/menu.svg);
	top: 30px;
	left: auto;
	padding-left: 0;
	background-position: right center;
	background-size: 53px auto;
	text-transform: uppercase;
	padding-right: 53px;
	font-size: 0.9em;
	padding-top: 13px;
	color: #000;
	position: absolute;
	margin: 15px;
	font-weight: 900;
	top: 0;
	right: 0;
}

.pm_flow #topbar .bttn-menu:before {
	content: '';
	display: none;
}
.pm_flow #topbar .bttn-menu:after {
	content: 'MENU';
	display: block;
}
*/

body.pm_flow #topbar .logo {
	background-size: 100% auto;
    background-repeat: no-repeat;
    width: 11vw;
    height: 5vw;
    position: relative;
    background-position: center;
    max-width: 222px;
	margin:1vw;
    top: 0;
    left: 0;
	background-image:url(../../cimages/eheg-en/graphics/logo-top.png)

}

.pm_flow .sidebar > ._inner{
}


.pm_flow .sidebar .bttn-language,
.pm_flow .bttn-menu{
	max-width: 94px;
	max-height: 94px;
	width: 6vw;
	height: 6vw;	
    display: block;
    font-size:1.5em;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	background-image: url(/resources/images/eheg-en/buttons/bttn-menu.png);
	transition: all 0.5s;
	position: relative;
}
.pm_flow .bttn-menu:after{
	content: 'MENU';
	font-weight: 800;
	color: #000;
	font-size: 0.4em;
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	transform: translateY(60%);
	
}
.pm_flow .sidebar.__active  .bttn-menu{
	background-image: url(/resources/images/eheg-en/buttons/bttn-menu-close.png);
}

.pm_flow .sidebar  .bttn-language{
	background-image: url(/resources/images/eheg-en/buttons/bttn-language.png);
}

.pm_flow #topbar .menu-item{
    float: none;
    margin: 1em;
    font-size: 1.5em;
    line-height: 1.5em;    
}


._footer {
/*	position: absolute; */
	bottom: 0;
	height: auto;
	/* margin-bottom: 30px; */
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
._footer:after {
	content: ' ';
	display: block;
	background-image: url('/resources/cimages/eheg-en/graphics/arrows-purple.png');
	background-repeat: no-repeat;
	background-size: 88px auto;
	width: 88px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
}


._footer .bg-grijs {
	background-color:#F3F3F3;
	padding:10px 0;
}

._footer ._flogo{
	height: 35px;
    width: 90px;
    background-repeat: no-repeat;
    display: block;
    background-position: left center;
    margin: 15px;
    float:left;
    background-size: 100% auto;
}
._footer ._flogo.__erasmus{
	
    background-image: url(../../cimages/eheg-en/logos/logo-erasmus-mc.png);
}
._footer ._flogo.__lumc{
	background-image: url(../../cimages/eheg-en/logos/logo-leide-medisch-centrum.png);
}
._footer ._flogo.__sanquin{
	background-image: url(../../cimages/eheg-en/logos/logo-sanquin_nw.png);
}

._footer ._flogo.__zonmw{
	background-image: url(../../cimages/eheg-en/logos/logo-zonmw.png);
}
.footer .footerLogo._zonmw {
background-position: center;
    background-image: url(../../cimages/eheg-en/logos/logo-zonmw.png);
}



.layout.__bigger{
	font-size:22px!important;
}
.layout.__bigger .heroImage{
	min-height:876px;
}

#layout.__bigger .pgroup,
#layout.__bigger .pblock{
	height: auto;
}



/* split columns */
.split-columns{
	
}
.split-columns:after {
	content: '';
	clear: both;
	display: block;
}
.split-columns .column-left,
.split-columns .column-right {
	box-sizing: border-box;
	float:left;
	padding:10px;
}
.split-columns .column-left {
	width: 40%;
}
.split-columns .column-right {
	width: 60%;
}


/* footer */
.footer_content{
	background-color: #FCFCFC;
    color: #000;
    box-sizing: border-box;
    padding: 50px;
	font-size:0.8em;
	line-height:normal;
}

.footer_content > ._inner{
	max-width: 1680px;
	margin: 0 auto;
	padding-top:10px;	
}

.footer_content a{
	color: #000;
}

.footer_content ._text{
	float:left;
	max-width: 890px;
}
.footer_content ._statement{
	float:right;
	margin-top: 4em;
}


/* NOTIFICATIE APPJE */

.layout *.__required._error{
	border: 1px solid #D24E89!important;
}

#kc-cnt {
    position: absolute;
    left: 50%;
    margin-left:-35px;
    margin-top: -35px;
    top:50%;
    width:70px;
	height:70px;
    z-index: 20;
}
#notif-cnt {
    position: absolute;
    left: 0;
    right: 0;
    height: 18%;
    top: 82%!important;
    overflow: hidden;
    background-color: #000;
    z-index: 5
}

#notif-cnt .notif_row:after {
	content:'';
	display:block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 20px;    
    right:20px;
    background-repeat: no-repeat;
   	background-size:cover;
}
#notif-cnt .notif_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
   	background-size:cover;
}
#notif-cnt .notif_row.green_block{
	background-color:#18933;
}
#notif-cnt .notif_row.info_block{
	background-color: #18933;
}

#notif-cnt .notif_row.red_block{
	background-color:#18933;
}

#notif-cnt .notif_row .notif-icon_cnt {
    position: absolute;
    left: 4%;
    right: 70%;
    top: 10%;
    bottom: 5%
}

#notif-cnt .notif_row .notif-text_cnt {
    position: absolute;
    left: 4%;
    margin-left:100px;
    right: 5%;
    top: 23%;
    bottom: 5%;
    color: #FFF;
}
#notif-cnt .notif_row .notif-text_cnt h3{
    color: #FFF;
}
#notif-cnt .notif_row .notif-icon_cnt .nOk,
#notif-cnt .notif_row .notif-icon_cnt .nInfo,
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-repeat:no-repeat;
	display:block;
	height:110px;
	width:110px;
	background-size:100% auto;
    margin-left:-10px;
    margin-top:-10px;
	background-image: url('../../images/moti55/icons/icon-notif-ok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nNotOk
{
	background-image: url('../../images/moti55/icons/icon-notif-notok.svg');
}
#notif-cnt .notif_row .notif-icon_cnt .nInfo
{
	background-image: url('../../images/moti55/icons/icon-notif-info.svg');
}
.layout #overLayer{
	background-color:#f2f2f261;
}

.pblock{
	z-index:1;}
.pblock.__show-scroll ._button,
.pgroup.__show-scroll ._button{
	background-image: url(../../images/eheg-en/svg/icon-arrow-scroll.svg);
}

/* inputs */

/* checkbox */

.inp-checkbox{
	    font-weight: 500;
}
.inp-radio .input,
.inp-checkbox .input{
	display: inline-block;
    height: 25px;
        margin: 5px 6px -5px 0px;
    width: 25px;
    background-size: 70% auto;
    background-repeat:no-repeat;
        box-sizing: border-box;
    background-position:center;
    margin-left:-25px;
    transition: all 0.3s;
    background-color:#FFF;
    border: 2px solid #FFF;
   /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19.1 19.1'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%234A4F4B;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Crect x='1' y='1' class='st0' width='17.1' height='17.1'/%3E%3C/svg%3E"); */

}

.inp-checkbox.__checked .input{
/*	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19.1 19.1'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%235CB0A4;stroke:%234A4F4B;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Crect x='1' y='1' class='st0' width='17.1' height='17.1'/%3E%3C/svg%3E"); */
background-color:#d20539;
    border: 5px solid #FFF;
	
}
.inp-radio .input{
	    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #000;
    height: 17px;
    margin: -1px;
    width: 17px;
    float: left;
    margin-left: -19px;
    margin-top: 2px;
    margin-right: 6px;
}
.inp-radio.selected .input{
	background-color:#d20539;
    border: 3px solid #FFF;
}
.layout label.inp-radio, .layout label.inp-checkbox{
	padding-left: 20px;
}
.layout label.inp-radio{
	margin-right: 15px;
}
.inp-radio.__selected{
	color:#ffffff;
	font-weight:bold;
}
.inp-checkbox.__checked{
	font-weight:bold;
}

.inp-radio:before,
.inp-checkbox:before{
display:none!important;	
}

.label-text{
	background-color:#FFF;
	color: #CCC;
	padding:8px 0 0 10px;
	display:block;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #e5e5e5
}
.label-text input.input-default{
	border:0;
	margin-left:-10px;
	margin-bottom: 0;
	margin-right:0;
	outline:none!important;
}
.check-contactform {
    font-size: 0.8em;
    line-height: 1.5em;
    float:left;
    width:60%;
}
.check-contactform .input{
width:40px;height:40px;    float: left;	margin-right:20px; 
    margin-left: -17px;
}
.formWrapper {
	width: 700px;
	background-color: #ffffff;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	box-shadow: -3px 5px 15px rgba(0,0,0,0.2);
}
.formWrapper input, .formWrapper textarea, .formWrapper select {
	font-size: 1em;
}

.formWrapper .button.__checkit {
	position: relative;
	float: right;
}
.formWrapper .check-contactform.inp-checkbox {
	font-size: 16px;
}
.formWrapper .check-contactform.inp-checkbox.__checked {
	color: #000000;
}
.formWrapper .check-contactform.inp-checkbox span.input {
	border: solid 1px #E5E5E5;
}
.formWrapper:after{
	content:'';
	display:block;
	clear:both;
}

table.form-table tr {
	height: 100px;
}
table.form-table tr td {
	padding: 20px 0 0 0;
	box-sizing: border-box;
}
table.form-table tr td.hairline {
	border-bottom: solid 1px #E5E5E5;
}


/* 
============
article
============ 
*/
.articleWrapper {
/*	box-shadow: -3px 5px 15px rgba(0,0,0,0.2); */
	padding: 5px;
	box-sizing: border-box;
}

.articlePic {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	height: 298px; width: 295px;
}
.articleTextWrapper {
	display: inline-block;
	margin: 65px 0 0 35px;
	position: absolute;
	padding: 0 25px 0 0;
	box-sizing: border-box;
}
.articleText {
	padding: 0 150px 0 0;
	box-sizing: border-box;
}

.article.read-more {
	position: relative;
	float: right;
	display: block;
	font-weight: 800;
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 15px 5px 15px;
}

.socialWrapper {	
	float: right;
	margin: 20px 0 0 0;
}
.social-icon {
	display: block;
	content: ' ';
	background-repeat: no-repeat;
	background-size: 53px auto;
	width: 53px;
	height: 53px;
	margin: 0 26px 0 0;
	float: left;
}
.social-icon.facebook {
	background-image: url('/resources/cimages/eheg-en/graphics/social-icons-facebook.png');
}
.social-icon.twitter {
	background-image: url('/resources/cimages/eheg-en/graphics/social-icons-twitter.png');
}
.social-icon.mail {
	background-image: url('/resources/cimages/eheg-en/graphics/social-icons-mail.png');
	margin: 0 0 0 0;
}

.socialWrapper ._subtext {
	float: left;
	margin: 15px 35px 0 0;
	font-weight: bold;
}

.box.hairline-top {
	margin: 30px 0 0 0;
	border-top: solid 1px #E5E5E5;
}
.box.hairline-bottom {
	border-bottom: solid 1px #E5E5E5;
}

/* article */



/* new code */
.button._red {
	content: ' ';
	background-image: url("/resources/cimages/eheg-en/algemeen/scroll-down-red.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 86px;
}

/* header animation */
.headerWrapper {
	position: relative;
	width: 1300px;
    height: 840px;
/*    background-color: #D20029; */
	overflow: hidden;
}
.header-image {
	display: block;
	content: '';
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	width: 1300px;
	height: 741px;
}
.header-image-nieuws {
	z-index: 2;
}
.header-image-nieuws.dots:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-image: url("/resources/cimages/eheg-en/algemeen/dots.png");
	width: 280px;
	height: 330px;
	z-index: 1;
	top: 80px;
	left: -40px;
}
.header-image.home {
	background-image: url("/resources/cimages/eheg-en/header/header-mans-face-01.jpg");
	position: absolute;
	z-index: 2;
}
.header-image.dare-to-ask {
	background-image: url("/resources/cimages/eheg-en/header/header-dare-to-ask.jpg");
	position: absolute;
	z-index: 2;
}
.header-image.dare-to-know {
	background-image: url("/resources/cimages/eheg-en/dare-to-know/h2-dare-to-know-dark-skinned-woman.jpg");
	position: absolute;
	z-index: 2;
}
.header-mask {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 3;
	top: 0;
	left: 645px;
	width: 655px; 
	height: 741px;	
	position: absolute;
	animation: header-mask 1.2s 1s ease-out backwards 1;
}
.header-mask.home {
	background-image: url("/resources/cimages/eheg-en/header/header-mask-dare-to-be-aware.png");
}
.header-mask.mask-dare-to-ask {
	background-image: url("/resources/cimages/eheg-en/header/header-mask-dare-to-ask.png");
}
.header-mask.mask-dare-to-know {
	background-image: url("/resources/cimages/eheg-en/dare-to-know/dare-t-know-layover.png");
}
.header-arrows, .header-nieuws-arrows {
	background-image: url("/resources/cimages/eheg-en/algemeen/3x-arrow-right-white_bg.png");
/*	background-image: url("/resources/cimages/eheg-en/algemeen/3x-arrow-right-white.png"); */
	background-repeat: no-repeat;
	z-index: 3;
	top: 410px;
	left: 0;
	margin-left: 50px;
	width: 229px;
	height: 95px;
/*	width: 159px;
	height: 66px; */
	position: absolute;
	animation: arrow-white 0.2s ease-out 1.0s backwards 1;
}
.header-nieuws-arrows {
	z-index: 9;
	top: 630px;
}

.header-logo {
	background-image: url("/resources/cimages/eheg-en/logos/logo-hiv-aware_sm.png");
	background-repeat: no-repeat;
	display: block;
	z-index: 4;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 100px;
	height: 90px;
	animation: top-logo 0.4s ease-out 0.8s backwards 1;
}
.header-blue-bars {
	background-image: url("/resources/cimages/eheg-en/algemeen/3-blue-bars_sm.png");
	background-repeat: no-repeat;
	display: block;
	z-index: 4;
	position: absolute;
	top: 120px;
	left: 47%;
	width: 71px;
	height: 56px;
	animation: blue-bars 0.9s ease-in 0.7s backwards 1;
}
.header-messages {
	display: block;
	font-size: 20px;
	font-weight: 900;
	z-index: 4;
	position: absolute;
	bottom: 120px;
	right: 20px;
	width: 610px;
	height: 75px;
	animation: messages 0.9s ease-in 0.7s backwards 1;
}

.header-melding {
	display: block;
	position: absolute;
	top: 20px;
	right: -40px;
	width: auto;
	height: 50px;
	padding: 10px 20px 0 20px;
	box-sizing: border-box;
	font-weight: 900;
}
.header-melding._blue {
	background-color: #90D0DA;
	color: #ffffff;
}

@keyframes header-mask {
	0% {
/*		opacity: 0.0; */
		background-color: rgba(255,255,255,1);
/*		left: 1300px; */
		left: 645px;
	}
	100% {
/*		opacity: 1.0; */
		background-color: rgba(255,255,255,0);
		left: 645px;
		width: 655px;
	}
}
@keyframes arrow-white {
	0% {
		left: -290px;
	}
	100% {
		left: 0;
	}
}
@keyframes top-logo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: rotate(360deg);
	}
}
@keyframes blue-bars {
	0% {
		top: -75px;
	}
	100% {
		top: 120px;
	}
}
@keyframes messages  {
	0% {
		right: -610px;
	}
	100% {
		right: 20px;
	}
}
/* header animation */

/* dare to know */
.dare-to-know-arrows {
	font-size: 4em;
	font-weight: 900;
	color: #000000;
	max-width: 720px;
	padding: 0 160px;
	width:100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.dare-to-know-arrows a {
	color: #000000;    display: block;
}
.dare-to-know-arrows:before {
	    content: ' ';
    display: block;
    background-image: url(../../cimages/eheg-en/algemeen/3x-arrow-right.png);
    background-repeat: no-repeat;
    background-size: 159px 66px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 159px;
    height: 66px;
    margin-top: -30px;
}
.dare-to-know-arrows:after {
	    content: ' ';
    display: block;
    background-image: url(../../cimages/eheg-en/algemeen/3x-arrow-left.png);
    background-repeat: no-repeat;
    background-size: 159px 66px;
    position: relative;
    top: 0px;
    right: 0;
    /* float: right; */
    position: absolute;
    top: 50%;
    width: 159px;
    height: 66px;
    margin-top: -30px;
}	
/* dare to know */

/* 
===============
arrom animation
===============
*/
.arrow-animation-wrapper {
	position: relative;
	width: 73px;
	height: auto;
	margin-top: 20px;
	margin-left: 10px;
}
.arrow-animation, .arrow-animation:before, .arrow-animation:after {
	content: ' ';
	display: block;
	background-image: url("/resources/cimages/eheg-en/algemeen/single-red-arrow.png");
	background-repeat: no-repeat;
	width: 21px;
	height: 26px;
	float: left;	
	top: 0;
	animation-name: arrow;
	animation-duration: 2.5s;
	animation-timing-function: ease-in;
	animation-direction: reverse;
	animation-iteration-count: 2;
}
.arrow-animation {
	animation-delay: 0.5s;
	position: absolute;
	left: 0px; 
}
.arrow-animation:before {
	animation-delay: 1.0s;
	position: absolute;
	left: 22px;
}
.arrow-animation:after {
	animation-delay: 1.5s;
	position: absolute;
	left: 43px;
}

@keyframes arrow {
	0% {
		opacity: 0.3;
	}
	100% {
		opacity: 1.0;
	}
}
/* arrom animation */


.nieuws.meta-tekst {
	font-weight: 900;
	font-size: 20px;
}

._accent._blue {
	color: #90D0DA;
}

/* nieuws sidebar */
.social {
	display: block;
	width: 53px;
	height: 53px;
	background-repeat: no-repeat;
	margin-right: 30px;
}
.social._facebook {
	background-image: url('/resources/cimages/eheg-en/icons/icon-facebook.png');
}
.social._twitter {
	background-image: url('/resources/cimages/eheg-en/icons/icon-twitter.png');
}
.social._mail {
	background-image: url('/resources/cimages/eheg-en/icons/icon-mail.png');
}
/* nieuws sidebar */



img.arrow-left, img.arrow-right {
	position: relative;
	top: 15px;
}
img.arrow-left {
	margin-right: 30px;
}
img.arrow-right {
	margin-left: 30px;
}


.arrow-tekst {
	font-size: 2.35em; 
	font-weight: 900;
}
.arrow-tekst:before {
	content: '';
	display: block;
	background-image: url('/resources/cimages/eheg-en/algemeen/3x-arrow-right.png');
	background-repeat: no-repeat;
	background-size: 159px 66px;
	position: relative;
	top: 15px;
	margin-right: 30px;
}
.arrow-tekst:after {
	content: '';
	display: block;
	background-image: url('/resources/cimages/eheg-en/algemeen/3x-arrow-left.png');
	background-repeat: no-repeat;
	background-size: 159px 66px;
	position: relative;
	top: 15px;
	margin-left: 30px;
}


/* ordered list */
ol#_2 {
	counter-reset: item;
    list-style-type: none;
}

ol#_2 li, ol#_3 li { 
	display: block;
	background-color: #ffffff;
	padding: 26px 0 15px 94px;
	position: relative;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	box-shadow: 0 1px 15px rgba(0,0,0,0.03);
	font-family: 'Merriweather';
	color: #4A4F4B;
	min-height: 80px;
}
ol#_2 li p, ol#_3 li p { 
	padding: 10px 0 10px 0;
    margin: -15px 0 0 0;
}
ol#_2 li:before { 
/*    content: "0" counter(item); */
	content: counter(item, decimal-leading-zero) " "; 
    counter-increment: item;
	position: absolute;
	top: 23px;
	left: 30px;	
	color: #DAE5DC;
	font-size: 30px;
}
ol#_2 li:after, ol#_3 li:after { 
    content: " "; 
	display: block;
	background-color: #DAE5DC;
	border: solid 1px #DAE5DC;
	height: 46px;
	width: 1px;
	position: absolute;
	top: 0;
	left: 20px;
}
ol#_3 {
	list-style-type: upper-latin;
}
ol#_3 li:before { 
/*   content: "A" counter(item); 
     counter-increment: item; */
	position: absolute;
	top: 23px;
	left: 30px;	
	color: #DAE5DC;
	font-size: 30px;
}
ol#_3 li:nth-child(26n+1):before {
	content: "A";
}
ol#_3 li:nth-child(26n+2):before {
	content: "B";
}
ol#_3 li:nth-child(26n+3):before {
	content: "C";
}
ol#_3 li:nth-child(26n+4):before {
	content: "D";
}
ol#_3 li:nth-child(26n+5):before {
	content: "E";
}
ol#_3 li:nth-child(26n+6):before {
	content: "F";
}

/* ordered list */

.tbl_1, .tbl_2 {
	width: 50%;
    float: left;
}
table.default_table label {
	font-family: 'Merriweather'; 
	font-weight: bold;
	color: #4A4F4B;
}

.footer .footerTitel {
	font-family: 'Merriweather';
	font-weight: bold;
	display: block;
}
.footer .metaTekst {
	font-family: 'Barlow';
	display: block;
}
.footer-tekst {
	float: left;
	margin-top: -20px;
}
.footer-tekst a {
	color: #5CB0A4;
}

.footer {
	padding: 15px 0 5px 30px;
	box-sizing: border-box;
	position: relative;
	bottom: 0;
	min-height: 97px;
	width: 100%;
	clear: both;
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Isolation Mode' viewBox='0 0 1924.3 116.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23d6ebf2;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='1612' width='312.3' height='116.6'/%3E%3Cpolygon class='cls-2' points='1731.7 1.1 1731.7 0 1222 0 1112.2 109.8 1111.3 114.5 1622.2 114.5 1623 109.8 1731.7 1.1'/%3E%3Cpolygon points='1435.3 0 0 0 0 114.5 1324.6 114.5 1325.4 109.8 1435.3 0'/%3E%3C/svg%3E");
}


.footer .logo{
	background-size: auto 100%;
	background-repeat: no-repeat;
	width: 157px;
	margin: 0;
	float: left;
	height: 71px;
	margin-right:30px;
	background-image: url(../../images/eheg-en/buttons/logo-footer-eheg.png);

}
.footer .footer-black{
	width:1313px;height:90px;float:left;
}
.footer .footer-blue{
	width:186px;height:90px;float:right;
}
.footer .footer-white{
	width: 312px;
	height: 90px;
	padding-left: 80px;
	float: right;
	box-sizing: border-box;

}

.footer ._samenwerking{
	font-size: 1em;
	color: #063e85;
	width: 246px;
	text-align: right;
	margin-right: 15px;
	margin-top: 24px;
	float: right;
}
.footer .footerLogo {
	background-repeat: no-repeat;
	background-size: 85% auto;
	background-position: center;
	/* float: left; */
	margin: 0 auto;
	display: block;
	width: 174px;
	height: 90px;
	background-image: url(../../images/eheg-en/buttons/logo-footer-erasmus.png);
}
.footerLogo.__hiv{
	background-image: url(../../images/eheg-en/buttons/logo-footer-hiv.png);

}

.layout .footer a{
	color: #FFF;
	font-weight: bold
}

.layout #layer1::-webkit-scrollbar-thumb, .layout #blockArea::-webkit-scrollbar-thumb {
	background-color: #d20539;
	border-radius: 8px;
	border: 2px solid #fff;
}



/* submenu */
#submenu-cnt {
	background-color: #d20539;
	box-sizing: border-box;
	position: relative;
	/* top: 0; */
	/* left: 0; */
	/* right: 0; */
	z-index: 9;
	height: 0;
	overflow: hidden;
	transition: all 1s;
}

body.__menu-open #submenu-cnt {
	height: 1450px;
	
}
body.__menu-open .bttn-menu {	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 102.96 102.96' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23fff;filter:url(%23a);%7D%3C/style%3E%3Cfilter id='a' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='0' dy='0'/%3E%3CfeGaussianBlur result='c' stdDeviation='5'/%3E%3CfeFlood flood-color='%231a171b' flood-opacity='.25'/%3E%3CfeComposite in2='c' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Crect class='d' x='15.15' y='15.11' width='72.76' height='72.76' rx='18' ry='18'/%3E%3Crect transform='translate(-20.21 51.89) rotate(-45)' x='29.79' y='45' width='45.47' height='10.67'/%3E%3Crect transform='translate(50.98 -22.4) rotate(45)' x='29.79' y='45' width='45.47' height='10.67'/%3E%3C/svg%3E%0A");
}
.pm_flow.__menu-open .bttn-menu:after{
	content:'CLOSE';
	color:#FFF;
}

#submenu-cnt > ._inner {
	padding: 3vw 6vw;
	width: 1920px;
}

#submenu-cnt > ._inner {
	box-sizing: border-box;
	margin: 0 auto;
	/*max-width: 1818px;*/
	padding-bottom: 50px;
    padding-left: 8vw;
}

#submenu-cnt .news-dash-block{
	display: block;
	position: relative;
	float: left;
	margin: 20px 30px;
	width: 480px;
	margin-bottom: 40px;
	height: 335px;
	background-color: #FFF;
}
#submenu-cnt .news-dash-block h3{
	line-height: normal;
	font-size: 1.5em;
	font-weight: 900;
	margin: 0.25em 0;
}

#submenu-cnt .news-dash-block ._image{
	height: 170px;
	background-size: 120%;
	transition: all 0.5s 1s;
	background-color: #000;
	background-position:center;
}

.layout.__menu-open #submenu-cnt .news-dash-block ._image{
	background-size: 100% auto;
}

#submenu-cnt .news-dash-block ._text{
	padding: 10px 25px;
	line-height: normal;
	padding-right: 90px;
}

a.button-more {
	background-color: #000000;
	color: #FFF;
	display: block;
	text-transform: uppercase;
	line-height: 1em;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	padding:5px 20px;
}

#submenu-cnt .news-dash-block .button-more{
	position: absolute;
	right: 12px;
	bottom: 12px;
	float: none;
	transition: all 0.3s;
}


#submenu-cnt .title-block{
	width: 480px;
	height: 318px;
	background-repeat: no-repeat;
	background-position: center;
	/* background-image: url(../../cimages/eu2cure-com/menu/slogan.png); */
	float: left;
	color:#FFF;
	margin: 29px;
	font-size: 4em;
	font-weight: 900;
	line-height: 1em;
	opacity: 0;
	transition: all 1.5s 1s;
}


#submenu-cnt  .close-menu {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='24 3.8 20.2 0 12 8.2 3.8 0 0 3.8 8.2 12 0 20.2 3.8 24 12 15.8 20.2 24 24 20.2 15.8 12 '/%3E%3C/svg%3E");
	padding-right: 50px;
	background-position: right center;
	box-sizing: border-box;
}
.layout.__menu-open #layer1{
	overflow: auto;
	top:0;
}
.layout.__menu-open #topbar a.logo{
	transform: translateY(-200px);
}
.pm_flow #topbar.__active .bttn-menu {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='24 3.8 20.2 0 12 8.2 3.8 0 0 3.8 8.2 12 0 20.2 3.8 24 12 15.8 20.2 24 24 20.2 15.8 12 '/%3E%3C/svg%3E");
}

.layout.__menu-open #submenu-cnt .title-block{
	opacity: 1;
}

/* menu blocks */


#submenu-cnt .news-dash-block.__1  ._image{
	transition-delay: 0s;
}

#submenu-cnt .news-dash-block.__2 ._image{
	transition-delay: 0.2s;
}
#submenu-cnt .news-dash-block.__3 ._image{
	transition-delay: 0.4s;
}
#submenu-cnt .news-dash-block.__4 ._image{
	transition-delay: 0.6s;
}
#submenu-cnt .news-dash-block.__5 ._image{
	transition-delay: 0.8s;
}
#submenu-cnt .news-dash-block.__6 ._image{
	transition-delay: 1s;
}

.news-dash-block:before{
	content: '';
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	width: 50px;
	height: 50px;
	top: 20px;
	left: 20px;
}
.news-dash-block[data-atype="article"]:before{
	background-image: url(../../images/eu2cure-com/icons/type-article.png);
}
.news-dash-block[data-atype="press-release"]:before{
	background-image: url(../../images/eu2cure-com/icons/type-press.png);
}
.news-dash-block[data-atype="newsletter"]:before{
	background-image: url(../../images/eu2cure-com/icons/type-email.png);
}



.x-slideshow .x-slide{
	display: none;
	transition: all 0.5s;
}
.x-slideshow .x-slide:nth-child(0n+1){
	/*display:block;*/
}
.x-slideshow .x-slide.__active{
	display: block;

}

.x-slideshow .x-slide .header-image img{
	transition: all 0.5s;
	transform: translateX(100%);
}

.x-slideshow .x-slide.__active .header-image img{
	width: 100%;
	transform: translateX(0%);
}

img.flex-image {
	width: 100%;
}

@keyframes header-out{
	100%{
		opacity: 1;
	}
}


/* menu */
.menuGroup{
	width: 45%;
	float: left;
	margin: 10px;
	min-height: 350px;
	margin: 0 2.5%;
	box-sizing: border-box;
	padding: 15px;
}


.menuGroup h2 {
	color: #fff;
	font-size: 1.75em;
	line-height: normal;
}

.menuGroup ._inner  {
	padding-top: 15px;
}

.menuGroup.__pages{
}
.menuGroup.__news{
}

.menuGroup h2:before{
	content: '';
	display: block;
	height: 60px;
	width: 117px;
	margin: 0px 0 10px 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left center;
}
.menuGroup.__pages h2:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='42' viewBox='0 0 100.7 41.6'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.8 0 0 8.7 15.5 20.8 0 32.9 6.8 41.6 33.4 20.9 33.3 20.8 33.4 20.8 '/%3E%3Cpolygon class='st0' points='41.7 0 34.8 8.7 50.3 20.8 34.8 32.9 41.7 41.6 68.2 20.9 68.2 20.8 68.2 20.8 '/%3E%3Cpolygon class='st0' points='74.1 0 67.3 8.7 82.7 20.8 67.3 32.9 74.1 41.6 100.7 20.9 100.6 20.8 100.7 20.8 '/%3E%3C/svg%3E");
	width: 100px;
}
.menuGroup.__news h2:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='43' viewBox='0 0 55 43.2'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2390D0DA;%7D%0A%3C/style%3E%3Crect class='st0' width='13.3' height='43.2'/%3E%3Crect x='20.8' class='st0' width='13.3' height='43.2'/%3E%3Crect x='41.6' class='st0' width='13.3' height='43.2'/%3E%3C/svg%3E");

	width: 55px;
}

.menuGroup ._item{
	display: block;
	line-height: 1em;
	padding-left: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12.1 12.1'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='6.1' cy='6.1' r='6.1'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 3px 6px;
	background-size: 12px;
	margin-top: 21px;
}

.menuGroup.__know ._item{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12.1 12.1'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2390d0da;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='6.1' cy='6.1' r='6.1'/%3E%3C/svg%3E");
}

.menuGroup.__ask ._item{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12.1 12.1'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23b2ca41;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='6.1' cy='6.1' r='6.1'/%3E%3C/svg%3E");
}


.menuGroup ._item ._title{
	color: #fff;
	font-weight: 900;
	display: block;
	line-height: 1.5em;
}


/* fixes */
.pgroup.ag-blokjes{
	background-image: url(/resources/cimages/eheg-en/algemeen/graphic-white-dots.png);
    background-position: 287px 70px;
    background-repeat: no-repeat;
    background-size: 743px auto;
    padding-left: 50px;
    padding-top: 280px;
/*	padding-top: 320px; */
}
.frontend .heroImage {
    position: absolute;
    top: 0;
    right: 0;
}
.__live-slideshow{
	transition: all 0.1s;
}


/* team cnt */
.team-members-cnt {
	padding-left: 15px;
	padding-right: 15px;
}
.team-members-cnt ._member{
	height: 480px;
	width: 350px;
	float: left;
	margin: 20px 30px;
	
	transition: all 0.3s;position: relative;
}
.team-members-cnt ._member.__active ._image ._inner,
.team-members-cnt ._member.__active ._button
{
	opacity:0.5;
}
.team-members-cnt ._member ._image{
	position:relative;
	width:350px;height:350px;
	background-color:#FFF;
	box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 22%); 
	margin-bottom: 10px;
}

.team-members-cnt ._member ._image ._inner{
background-size: cover;
background-repeat: no-repeat;
transition: all 0.5s;
position: absolute;
left:10px;top:10px;bottom:10px;right:10px;background-position: center;
}

.team-members-cnt ._member[data-has-content="yes"]:hover ._image ._inner{
	background-size: 220%;
}


.team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-cccccc/team-noimage.svg);
}
#layout[data-unid2="hiv-vereniging"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-F6AC1D/team-noimage.svg);
}
#layout[data-unid2="clinical"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-E38EB6/team-noimage.svg);
}
#layout[data-unid2="biochemistry"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-B599C3/team-noimage.svg);
}
#layout[data-unid2="viroscience"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-91D1DA/team-noimage.svg);
}
#layout[data-unid2="pharmacology"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-72BFA8/team-noimage.svg);
}
#layout[data-unid2="immunology"] .team-members-cnt ._member ._image ._inner{
	background-image: url(/svg/eheg-en/auto-ffffff-B2CB42/team-noimage.svg);
}

.team-members-cnt ._member ._name{
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: 800;
	color: #000;
	display: block;
}
.team-members-cnt ._member ._function{
	display: block;
	color: #000;
	/* font-size: 1.5em; */
	line-height: 1.2em;
}
.team-members-cnt ._member ._button{
/*
display: block;
padding-right:100px;
background-size:85px;
background-repeat: no-repeat;
background-position:right 5px center;
	background-image: url(/svg/eheg-en/auto/arrow-right.svg);
	*/
}

.deco-square{
	background-image: url(/svg/eheg-en/auto/deco-square.svg);
	background-repeat: no-repeat;background-position:right top;
}

a.link-cover{
position: absolute;
left:0;top:0;right:0;bottom:0;display:block;
}

.pblock.team-block.block-shadow{
	padding:20px;
}
.pblock.team-block.block-shadow .link-cover.__active {
	background-color:#ffffffa6;
}

/* achievements */

.recent-article{
	padding:20px;
}
.recent-article h1{
	color:#FFF;	
}


.achievement-block.__recent{
	width: 800px;
	margin-left: -20px;
	height: 800px;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
	}
.deco-square.__recent{
	padding-top: 30px;
	background-image: url(/svg/eheg-en/f6ac1d/deco-square.svg);
	padding-right: 10px;
	}

.pblock.achievement-block a.link-cover {
    padding-bottom: 40px;
	background-image: url(/resources/cimages/eheg-en/arrow-right/deco-arrow.png);
    background-position: right 40px bottom 20px;
    background-repeat: no-repeat;
    font-weight: 900;
    line-height: normal;
    font-size: 1.75em;
}
.achievement-block.__recent:before{
	content: 'MOST RECENT PROJECT';
	display:block;
	position: absolute;
	background-color:#1a171b;
	color:#FFF;
	width: auto;
	left:20px;top:20px;
	font-weight:900;
	padding: 5px 20px;
}
.achievement-block.__recent.project-cat ._icon{
	position: absolute;
	right:20px;top:20px;
	float:none;
}

/* filter */
.filter-button-cnt{
	clear:both;
	border-bottom: 1px solid #CBCBCB;
	padding:20px 0;
}

.layout *.filter-button{
	float: left;
	width: auto;
	padding-left: 60px;
	padding-top: 9px;
	padding-right: 10px;
	line-height: normal;
	display: block;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 35px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: left center;
	box-sizing: border-box;
	color: #666666;
}
.filter-button .text-hilight {
	display:block;
}
.color-basic-science .text-hilight {
	font-weight:bold;
	color: #91d1da; /* orange */
}
.color-clinical-science .text-hilight {
	font-weight:bold;
	color: #E38EB6; /* pink */ 
}
.color-internation-collaborations .text-hilight {
	font-weight:bold;
/*	color: #72BFA8;  lime */
	color: #B599C3; /* purple */
}
.color-community .text-hilight {
	font-weight:bold;
/*	color: #F6AE3D;  orange */
color: #f6ae3d;  /*	lime */
}


.icon-basic-science {
	background-image: url('../../cimages/eheg-en/icons/cat-basic-science.png');
}
.icon-clinical-science {
	background-image: url('../../cimages/eheg-en/icons/cat-translational-and-clinical-science.png')
}
.icon-international-collaborations {
	background-image: url('/resources/images/eheg-en/icons/icon-international-collaborations.png');
}
.icon-community {
	background-image: url('../../cimages/eheg-en/icons/cat-community.png');
}

._related {
	content: ' ';
	display: block;
	background-repeat: no-repeat;
	background-size: 42px auto;
	width: 51px;
	height: 51px;
	float: left;
	margin: -5px 0 0 0;
}



/* aanpassingen Jerry */
.layout.pm_flow .pblock.team-block h2._title {
	background-position: left bottom;
}

.layout.pm_flow .achievement-block ._button {
	display: none;
}


.layout.pm_flow.bg-contact #layer2 {
	background-image: url(/resources/cimages/eheg-en/teams/deco-bg-logo.png);
	background-position: left -70px bottom 100px;
	background-repeat: no-repeat;
}

.layout.pm_flow .formWrapper {
	width: 100%;
}
.layout.pm_flow .formWrapper .button.__checkit {

}

.layout.pm_flow .sidebar{
	right: 75px;
}


.layout.pm_flow .achievement-block.__recent {
	width: 100%;

	background-size: cover;
	background-position: center;
}


/* theme orange */
.theme-orange{
}
.theme-orange .bg-hilight,.theme-orange.__bg-hilight{
	background-color: #F6AC1D;
}
.layout .theme-orange *.text-hilight{
	color:#F6AC1D}

.theme-orange .deco-square{
	background-image: url(/svg/eheg-en/F6AC1D/deco-square.svg);
}

.theme-orange.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-orange.gif)!important;
	background-size: 100% 1060px;
	background-repeat: no-repeat;
}
/* theme pink */
.theme-pink{}
.theme-pink .bg-hilight,.theme-pink.__bg-hilight{
	background-color: #E38EB6;
}
.layout .theme-pink *.text-hilight{
color:#E38EB6}

.theme-pink .deco-square{
	background-image: url(/svg/eheg-en/E38EB6/deco-square.svg);
}

.theme-pink.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-pink.gif)!important;
	background-size:100% 1222px; 
	background-repeat: no-repeat;
}

/* theme purple */
.theme-purple{}
.theme-purple .bg-hilight,.theme-purple.__bg-hilight{
	background-color: #B599C3;
}
.layout .theme-purple *.text-hilight{
color:#B599C3}

.theme-purple .deco-square{
	background-image: url(/svg/eheg-en/B599C3/deco-square.svg);
}
.theme-purple.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-purple.gif)!important;
	background-size: 100% 1170px;
	background-repeat: no-repeat;
}

/* theme blue */
.theme-blue{}
.theme-blue .bg-hilight,.theme-blue.__bg-hilight{
	background-color: #91D1DA;
}
.layout .theme-blue *.text-hilight{
color:#91D1DA}

.theme-blue .deco-square{
	background-image: url(/svg/eheg-en/91D1DA/deco-square.svg);
}
.theme-blue.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-blue.gif)!important;
	background-size: 100% 1674px;
	background-repeat: no-repeat;
}

/* theme lime */
.theme-lime{}
.theme-lime .bg-hilight,.theme-lime.__bg-hilight{
	background-color: #72BFA8;
}
.layout .theme-lime *.text-hilight{
color:#72BFA8}

.theme-lime .deco-square{
	background-image: url(/svg/eheg-en/72BFA8/deco-square.svg);
}
.theme-lime.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-lime.gif)!important;
	background-size: 100% 1010px;
	background-repeat: no-repeat;
}

/* theme green */
.theme-green{}
.theme-green .bg-hilight,.theme-green.__bg-hilight{
	background-color: #B2CB42;
}
.layout .theme-green *.text-hilight{
color:#B2CB42}

.theme-green .deco-square{
	background-image: url(/svg/eheg-en/B2CB42/deco-square.svg);
}
.pm_flow .pgroup.theme-green.__team-bg{
	background-image: url(/resources/cimages/eheg-en/pixels/pixel-green.gif)!important;
	background-size: 100% 1400px;
	background-repeat: no-repeat;
}

a.close-segment{
	    display: block;
    float: right;
    font-weight: 900;
    color: #000;
    background-size: auto 24px;
    padding-right: 38px;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: right;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.63 18.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e41248;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1874.64,895.18l4.22-4.22a3,3,0,0,0-4.22-4.22l-4.22,4.22-4.22-4.22A3,3,0,0,0,1862,891l4.22,4.22L1862,899.4a3,3,0,0,0,4.22,4.22l4.22-4.22,4.22,4.22a3,3,0,0,0,4.22-4.22Z' transform='translate(-1861.11 -885.87)'/%3E%3C/svg%3E");
}

a.slider-button.__active{
background-color:#e5e5e5;	
}


/* achievement blocks */
.achievements-block{
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 485px;
	height: 200px;
	box-sizing: border-box;
	margin: 25px 25px;
	position: relative;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}
.achievements-block ._image{
	float: left;
	box-sizing: border-box;
	width: 175px;
	height: 200px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
}
.achievements-block ._content{
	position: absolute;
	left: 175px;
	right: 0;
	box-sizing: border-box;
	padding: 20px 20px;
	height: 200px;
	line-height: 1.3em;
	font-size:0.9em;
}
.achievements-block ._content ._title{
	font-weight: 900;
	font-size: 1.1em;
	margin-bottom: 0.3em;
	display: block;
}
.achievements-block ._content ._link{
}



/* projects blocks */
.projects-block{
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 510px;
	height: 450px;
	box-sizing: border-box;
	margin: 25px 25px;
	position: relative;
}
.projects-block ._image{
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	background-size:cover;
	background-repeat: no-repeat;
	position:relative;
	background-position:center;
}
.projects-block ._image:before{
	content:'';
	display:block;
	width: 50px;
	height: 50px;
	position: absolute;
	right:20px;top:20px;
}

.projects-block ._content{
	box-sizing: border-box;
	padding: 10px 0;
	height: 100px;
}
.projects-block ._content ._title{
	font-weight: 900;
	font-size: 1.667em;
	margin-bottom: 0.3em;
	display: block;
}
.projects-block ._content ._cat{
	font-size:0.9em;
	line-height: normal;
	font-weight:800;	
}

.projects-block.__overview ._image:before{
	display: none;
}

/* publication blocks */
.publication-block{
	box-sizing: border-box;
	width: 99%;
	height:0; position:relative;
	overflow:hidden;

	transition: all 0.3s;
}

.publication-block.__1,
.publication-block.__2,
.publication-block.__3,
.publication-cnt.__show .publication-block{
	height:240px;	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	margin: 40px 5px;	
}

.publication-block ._date{
	float: left;
	box-sizing: border-box;
	width: 220px;
	word-break: break-word;
	height: 240px;
	background-color: #91d1da;
	color: #FFF;
	padding: 54px 10px;
	font-size: 3.5em;
	text-align: center;
	line-height: 0.8;
	
}
.publication-block ._date strong{
	font-size:0.8em;
	line-height:normal;
	display:block;
	font-weight:900;
}
.publication-block ._content{
	position: absolute;
	left:220px;
	right:0;
	box-sizing: border-box;
	padding:10px 20px;
	padding-right:115px;
	height:240px;
}
.publication-block ._content ._title{
}
.publication-block ._content ._link{
	position:absolute;
	right:10px;bottom:10px;
}
.bttn-show-publications{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.77 15.92'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%231a171b;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='b' points='0 0 25.77 0 12.13 15.92 0 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	display: block;
	font-weight: 800;
	background-size: auto 25px;
	text-align: right;
	padding-right: 60px;
	color: #000!important;
}

.publication-cnt.__show .bttn-show-publications{
	opacity:0;
}

/* legend */
.legend{
	display: block;
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: -15px -15px;
	margin: 14px 0;
	line-height: 1.25em;
}
.legend strong{
	font-weight:900;
	font-size:1.2em;
}
.legend.__sa{
	background-image:url(../../cimages/eheg-en/icons/rb-sa.png);
}
.legend.__na{
	background-image:url(../../cimages/eheg-en/icons/rb-na.png);
}
.legend.__europe{
	background-image:url(../../cimages/eheg-en/icons/rb-europe.png);
}
.legend.__asia{
	background-image:url(../../cimages/eheg-en/icons/rb-asia.png);
}
.legend.__africa{
	background-image:url(../../cimages/eheg-en/icons/rb-africa.png);
}
.legend.__australia{
	background-image:url(../../cimages/eheg-en/icons/rb-australia.png);
}



.project-header-cnt{
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 800px;
	padding-top: 20px;
	padding-right: 20px;
}
.project-header-cnt.__basic-science{
	background-image: url(/svg/eheg-en/91d1da/deco-square.svg);
}
.project-header-cnt.__translational-and-clinical-science{
	background-image: url(/svg/eheg-en/e38eb6/deco-square.svg);
}
.project-header-cnt.__community{
	background-image: url(/svg/eheg-en/f6ae3d/deco-square.svg);
}


.project-header-cnt .project-header{
	height: 800px;
	width: 100%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-size: cover;
	
	background-position: center;
}
.project-header-cnt .project-header h1{
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 50%;
	font-size: 3.338em;
	line-height: 1em;
}

.project-cat.__padding{
	padding-left: 20px;
}

.project-cat ._icon{
	
}
.project-cat ._icon{
	float:left;
	display:block;
	padding-left: 65px;height:50px;
	background-repeat: no-repeat;
	background-position:left center;
}
.project-cat ._date{
	display:block;
	float:left;
	height:50px;
	margin-left:15px;

}

.project-cat.__path ._icon,
.project-cat.__path ._date{
	font-weight:bold;
	box-sizing: border-box;
	padding-top: 8px;
}

.project-cat.__basic-science .__desc:before{
	content:'Basic science';	
}
.project-cat.__translational-and-clinical-science .__desc:before{
	content:'Translational and Clinical science';	
}
.project-cat.__community .__desc:before{
	content:'Community';	
}

.project-cat.__basic-science ._icon,
.projects-block.__basic-science ._content ._cat{
	color: #91d1da
}
.project-cat.__translational-and-clinical-science ._icon,
.projects-block.__translational-and-clinical-science ._content ._cat{
	color: #e38eb6
}
.project-cat.__community ._icon,
.projects-block.__community ._content ._cat{
	color: #f6ae3d
}

.project-cat.__basic-science ._icon,
.projects-block.__basic-science ._image:before{
	background-image: url('../../cimages/eheg-en/icons/cat-basic-science.png')
}
.project-cat.__translational-and-clinical-science ._icon,
.projects-block.__translational-and-clinical-science ._image:before{
	background-image: url('../../cimages/eheg-en/icons/cat-translational-and-clinical-science.png')
}
.project-cat.__community ._icon,
.projects-block.__community ._image:before{
	background-image: url('../../cimages/eheg-en/icons/cat-community.png');
}

a.ext-link{
	display: block;
	background-image: url(/resources/images/eheg-en/icons/icon-article.png);
	background-position: -10px top;
	position: relative;
	padding-left: 80px;
	font-weight: 700;
	height: auto;
	min-height:65px;    padding-bottom: 12px;
	border-bottom: 1px solid #b3b2b3;
	color: #000;
	background-repeat: no-repeat;
	background-size: 84px auto;
	padding-top: 17px;
	margin-bottom: 59px;
	padding-right: 80px;
	font-size: 0.95em;
	line-height: 1.1em;
	margin-top: 10px;
}
.ext-link.__pdf{
	background-image: url(/resources/images/eheg-en/icons/icon-pdf.png);
}

.ext-link.__video{
	background-image: url(/resources/images/eheg-en/icons/icon-video.png);
}

.ext-link:before{
	display: block;
	content: 'READ';
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(100%);
	background-color: #000;
	color: #FFF;
	box-sizing: border-box;
	padding: 7px;
	text-align: center;
	width: 140px;	
}

.ext-link.__pdf:before{
	content: 'DOWNLOAD';
}

.ext-link.__video:before{
	content: 'WATCH';
}



/* contact form */

/* label input */
.label-text{
	background-color: #FFF;
	color: #CCC;
	padding: 8px 0 0 10px;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #e5e5e5
}
.label-text input.input-default{
	border: 0;
	margin-left: -10px;
	margin-bottom: 0;
	margin-right: 0;
	outline: none!important;
}
.check-contactform {
	font-size: 0.9em;
	line-height: 1.5em;
	float: left;
	width: 80%;
	margin-top: 11px;

}
.check-contactform .input{
	width: 27px;
	height: 27px;
	float: left;
	margin-right: 20px;
	margin-left: -22px;
	margin-top: -1px;
	border: 1px solid #e5e5e5;
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
}
.deco-square.__contact{
	background-image: url(/svg/eheg-en/e41248/deco-square.svg);
	background-position: right top;
	background-size:700px auto;
	padding: 30px 30px 0 0;
}
.formCnt{
	padding:22px;padding-top:44px;background-color:#FFF;padding-bottom: 0;
}
.border-line {
	margin-left: -22px;
	margin-right: -22px;
	padding: 22px;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #e5e5e5;
}


/* top 3 */
.top3-cnt .projects-block{
	width:50%;	
	margin:0;
	height:272px;
}
.top3-cnt .projects-block ._image{
	height:272px;
}
.top3-cnt .projects-block.__1{
	margin-bottom:7px;
	width:100%;	height:546px;
}
.top3-cnt .projects-block.__1 ._image{
	height: 546px;
}
.top3-cnt .projects-block.__2{
	margin-right:5px;
	width: 49.6%;
}
.top3-cnt .projects-block.__3{
	float:right;
}
.top3-cnt .projects-block ._content{
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: auto;
}
.top3-cnt .projects-block ._content ._title{
	font-size:2em;line-height:1em; color:#FFF
}


/* i want to help */
.deco-square.__help{
	background-image: url(/svg/eheg-en/b1ca41/deco-square.svg);
	background-position: right top;
	background-size:700px auto;
	padding: 30px 30px 0 0;
}

.deco-square.__fit{
	background-position: right top;
	background-size: 68% auto;
	padding: 30px 30px 0 0!important;overflow: visible;
}





#achievement-background {
	height: 538px;
	width: 100%;
	/* position: absolute; */
	box-sizing: border-box;
	/* margin-top: -269px; */
	padding: 40px;
	padding-top: 400px;
	background-size: cover;
	background-position: center;
}
#achievement-article-cnt{

}
#achievement-article-cnt .achievement{
	position: relative;
	border-bottom: 1px solid #B3B2B3;
	padding-bottom: 17px;
	padding-top: 16px;
	min-height: 60px;
	clear: both;
	padding-left: 90px;
	background-repeat: no-repeat;
	background-position: left -6px center;
	padding-right: 160px;
	position: relative;
	background-size: 80px auto;
}
#achievement-article-cnt .achievement ._title{
	display: block;
	font-weight: 800;
}
#achievement-article-cnt .achievement ._description{
	display: block;
	font-size: 0.75em;
	line-height: normal;
}
#achievement-article-cnt .achievement ._button{
	display: block;
	/* float: right; */
	position: absolute;
	width: 140px;
	background-color: #000;
	color: #fff;
	right: 0;
	text-align: center;
	top: 34%;
	font-weight: bold;
}

#achievement-article-cnt .achievement.__pdf{
	background-image: url(/resources/images/eheg-en/icons/icon-pdf.png);
}
#achievement-article-cnt .achievement.__article{
	background-image: url(/resources/images/eheg-en/icons/icon-article.png);
}
#achievement-article-cnt .achievement.__video{
	background-image: url(/resources/images/eheg-en/icons/icon-video.png);
}

#achievement-article-cnt .achievement.__pdf ._button:before{
	content: 'DOWNLOAD';
}
#achievement-article-cnt .achievement.__article ._button:before{
	content: 'READ';
}
#achievement-article-cnt .achievement.__video ._button:before{
	content: 'WATCH';
}


/* ----------- RESPONSIVE UIT ----------- */




/* publication blocks */
.study-block{
	box-sizing: border-box;
	height: 0;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
	height:295px;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	margin: 40px 5px;
}

.study-block ._image{
	float: left;
	box-sizing: border-box;
	width: 295px;
	height: 295px;
	background-repeat: no-repeat;
	background-size: cover;
}
.study-block ._content{
	position: absolute;
	left: 310px;
	right: 0;
	box-sizing: border-box;
	padding: 30px 20px;
	height: 295px;
}
.study-block ._content ._title{
	font-size:2.2em;
	margin-top:30px;display:block;margin-bottom:10px;
	font-weight:900;
}
.study-block ._content ._link{
	position: absolute;
	right: 10px;
	bottom: 10px;
}


.team-members-cnts ._member ._button{
	display: block;
	padding-right:100px;
	background-size:85px;
	background-repeat: no-repeat;
	background-position:right 5px center;
	background-image: url(/svg/eheg-en/auto/arrow-right.svg);
}
.team-members-cnt ._member[data-has-content="yes"]{
	cursor:pointer;
}
.team-members-cnt ._member[data-has-content="yes"]:before{
	content: 'READ MORE';
	display:block;
	position: absolute;
	background-color:#1a171b;
	color:#FFF;
	width: auto;
	left:20px;top:20px;
	font-weight:900;
	padding: 5px 20px;
	z-index:5;
	
}

#achievement-cnt{
	float: none!important;
	clear: both;
	width: 100%;
	
	padding-top:44px;
	padding-bottom:44px;
	transform: translateY(44px);
	margin-bottom: 88px;
}



#achievement-cnt:before,
#achievement-cnt:after{
	content:'';
	display:block;
	position: absolute;
	width:144px;
	top:0;bottom:0;
	background-color:#F3F2F2;	

}
#achievement-cnt:before{
	left:0;transform:translateX(-100%);
}
#achievement-cnt:after{
	right:0;transform:translateX(100%);
}


.pm-section{
	width:1920px;
}

*.__break{
	clear:both;
}