body{
	font-family:Verdana,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 13px;
	color: black;
	margin: 0;
}

	@font-face {
		font-family: 'merck';
		src: url('../font/M-Regular.woff') format('woff');
	}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
	color:#eb3c96;
}

.test{
	background-color:red;
	margin-left:5%;
}

.disasterRelief{
	display:inline-block;
	background-color:#96d7d2;
	height: auto;
	font-size:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:37px;
	padding-right:37px;
	margin-bottom:10px;
}

.disasterReliefVis{
	display:none;
}

.advancedFilterHead{
	width: 100%;
	margin-bottom:2%;
}

.filterHead{
	display:inline-block;
	width: 100%;
	height: 50px;
	background-color:#503291;
	-moz-border-radius: 10px/10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 10px 10px 0 0;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

#contFilter{
	padding:2%;
	width: 100%;
	background-color:#503291;
	-moz-border-radius: 10px/10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 0 0 10px 10px;
	display:inline-block;
	border-top: 2px solid #96d7d2;
	vertical-align:middle;
}

#advancedFilter{
	font-family:merck;
	font-size:20px;
	color:#2dbecd;
	display:inline-block;
	width: 95%;
	vertical-align:middle;
}

.filter{
	padding-bottom: 30px;
	flex-wrap: nowrap;
	display:flex;
	align-items:flex-end;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.filterName{
	display:inline-block;
	width:10%;
	font-size: 20px;
	font-weight:bold;
	color: #2dbecd;
	margin-bottom:32px;
}

.mobileFilter{
	display:none;
}

.filterOptionBox{
	display:flex;
	flex-wrap:nowrap;
	width:91%;
	height:73px;
	position:relative;
}

.filterOptions{
}

.filterSwitchDot{
	width:100%;
	height: 30px;
	position:absolute;
	left:0;
	top:33%;
	visibility:hidden;
	pointer-events: none;
}

.filterButton{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#ffc832;
	width: 25px;
	height: 25px;
	vertical-align:middle;
	border: 2px solid white;
	pointer-events: none; 
	position:relative;
	left:28px;
	visibility:visible;
	cursor:pointer;
}

.OptionNr1, .OptionNr2, .OptionNr3, .OptionNr4, .OptionNr5{
	-ms-flex: 1; /* IE 10 */ 
    flex: 1;
	flex-grow:1;
}

.filterOptionsText{
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
	font-size:15px;
}

.filterOptionsDotBox{
	background-color:#2dbecd;
	width: 100%;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.firstFilterOptionsDotBox{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px 0 0 90px;
	width: 85px;
}

.lastFilterOptionsDotBox{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius:  0 90px 90px 0;
}

.filterOptionDots{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#eb3c96;
	width: 13px;
	height: 13px;
	vertical-align:middle;
}

#pagestart{
	width: 50px;
	height: 50px;
	background: url(../images/pagestart.png) no-repeat 50% 50%;
	/* background-size:40px; */
	background-position:center;
	display:inline-block;
}

.cat-head{
	height: 50px;
	width: 100%;
	background-color:#503291;
	color:white;
	border-radius: 10px 10px 0 0;
	cursor:pointer;
}

.cont-arrow-head{
	width:5%;
	height: 100%;
	background: url(../images/expand.png) no-repeat 50% 50%;
	background-size: 25px;
	display:inline-block;
	vertical-align:middle;
}

.cont-arrow-head.active{
	background: url(../images/close.png) no-repeat 50% 50%;
	background-size: 25px;
}

.tiles{
	background-color:#503291;
	margin-bottom:40px;
	border-radius:0 0 10px 10px;
	border-top: 2px solid #96d7d2;
	padding-bottom:20px;
}

.ContTiles{
	/* width:98%; */
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.tileContRowStyle{
	background-color:#503291;
	width:100%;
	height:405px;
	display:flex;
	justify-content:center;
	margin-top:40px;
	margin-bottom:40px;
}
.tileContRowVisibility{
	display:none;
	}

.cont-tile-boxStyle{
}

.cont-tile-box{
	background-color:white;
	height: 330px;
	margin:20px;
	width: 300px;
	position:relative;
	display:inline-block; 
	/* padding:17px; */
	overflow:hidden;
	border-radius:10px;
	cursor:pointer;
}

.cont-tile-box:hover .hoverContainer{  
	left:0px; 
    /* transition: 0.2s all ease;   */
 } 

.cont-tile-box .hiddenContainerFixed{
	top:-20px;
    transition: 0.2s top ease;
}

.hiddenContainer{
	background:url(../images/hiddenContainerIMG.svg);
	background-repeat:no-repeat;
    width: 300px;    
    position: absolute; 
    left: 0;
    top: -500px;    
    height: 500px;
    opacity: 1;    
	transition: 0.7s top ease;
    /* -webkit-transition: all 0.7s ease-out; */
       /* -moz-transition: all 0.7s ease-out; */
        /* -ms-transition: all 0.7s ease-out; */
         /* -o-transition: all 0.7s ease-out; */
            /* transition: all 0.7s ease-out; */
}
.hoverContainer{
	background-color:white;
    width: 300px;    
    position: absolute; 
    top: 0px;
    left: -500px;    
    height: 500px;
    opacity: 0.1;    
	/* transition: 0.2s all ease; */
    /* -webkit-transition: all 0.7s ease-out; */
       /* -moz-transition: all 0.7s ease-out; */
        /* -ms-transition: all 0.7s ease-out; */
         /* -o-transition: all 0.7s ease-out; */
            /* transition: all 0.7s ease-out; */
}

.hiddenContainer-title{
	margin-top:16px;
	padding: 30px;
	/* font-weight:bold; */
	color:white;
	font-size:14px;
}

.cont-tileInfoTitle{
	/* margin-left:10%; */
	/* margin-right:10%; */
	margin-bottom:17px;
	font-family: Merck;
	font-size: 20px;
	color: white;
}
.cont-tileInfoText{
	/* margin-left:10%; */
	/* margin-right:10%; */
	color: white;
}

.cont-tileInfoboxText{
	/* background: url(../images/contCells.png) no-repeat 50% 50%; */
	width:36%;
	height: 100%;
	display:inline-block;
	float:left;
	/* padding: 2%; */
	padding-top: 7%;
}

.cont-tileInfoBoxImage{
	width: 644px;
    position: relative;
    min-height: 1px;
    padding: 0 15px;
	display:inline-block;
}

.text-image-block-image {
    position: relative;
    padding-bottom: 75%;
}

.text-image-block-image-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
}

.text-image-block-image svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.01);
}

#text-image-block-image--1{
	fill: rgb(80,50,145);
}

.tileDummy{
	/* background-color:green; */
	height: 330px;
	margin:20px;
	width: 300px;
	display:inline-block; 
	padding:17px;
}

.catInfoProjects{
	background-color:#96d7d2;
	height: 50px;
	font-size:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:37px;
	padding-right:37px;
	margin-bottom:10px;
	display:none;
	/* text-align: center; */
}

.hideContent{
	display:none;
}

.cont-tile{
	overflow:hidden;
    width: 100%;
    height: 270px;
	background-position:center;
	/*border-radius:0 0 10px 10px;*/
}

.iContainer{
    font-family: merck;
    font-size: 20px;
    color: white;
    background-color: #eb3c96;
    border-radius: 90px;
    width: 150px;
    height: 150px;
    margin-left: 241px;
    margin-top: -86px;
    padding-top: 98px;
    padding-left: 36px;
}

.rounded{
	border-radius:10px 10px 10px 10px;
	margin-bottom:0.5%;
}

.roundLastEl{
	border-radius:0 0 10px 10px;
	margin-bottom:2%;
}

.cat-head-title{
	font-family: merck;
	font-size:20px;
	margin:0;
	display:inline-block;
	width: 48%;
	vertical-align:middle;
	color:#2dbecd;
}

.cat-head-phase, .cat-head-derived, .cat-head-compound{
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
}

.cat-head-phase{
	text-align:center;	
	width: 20%;
}

.cat-head-derived{
	text-align:center;	
	width: 12.5%;
}

.cat-head-compound{
	text-align:center;
	width: 12.5%;
}

.row{
	width:100%;
	cursor:pointer;
}

.cont-row{
	width: 100%;
	height:85px;
	padding-top: 11px;
	padding-bottom:11px;
	background-color:#2dbecd;
}

.cont-row.hovercolor{
	background-color:#00a5c3;
	/* background-color:#a5cd50; */
}

.cont-arrow{
	width:5%;
	height: 100%;
	background: url(../images/close.png) no-repeat 50% 50%;
	background-size: 15px;
	display:inline-block;
	vertical-align:middle;
}

.cont-arrow.active{
	background: url(../images/expand.png) no-repeat 50% 50%;
	background-size: 15px;
}

.cont-title{
	display:inline-block;
	vertical-align:middle;
	/* margin-top:10px; */
	font-size:15px;
	font-weight:bold;
	color: black;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
}

.cont-title1{
	width: 100%;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}

.cont-title2{
	width: 100%;
	font-size:15px;
}

.cont-phase{
	width: 20%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-phase-circlebox{
	 vertical-align:middle;
	 padding-top:18px;
}

.cont-phase-registration{
	vertical-align:middle;
	padding-top:24px;
}

.cont-phase-recently{
	vertical-align:middle;
	padding-top:24px;
}

.cont-phase-circle.active{
  background-color:#eb3c96;
}

.cont-phase-circle{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 90px;
	background-color:#96d7d2;
	width: 30px;
	height: 30px;
	display:inline-block;
	margin-left:2%;
	vertical-align:middle;
}

.cont-asset{
	width: 12.5%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-asset-internal{
	background: url(../images/derived_internal_rp.png) no-repeat 100% 100%;
	background-position:50% 50%;
	display:inline-block;
	vertical-align:middle;
}

.cont-asset-external{
	background: url(../images/derived_external_vm.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound{
	width: 12.5%;
	height: 100%;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound-chemical{
	background: url(../images/compound_chemical_vy.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-compound-biological{
	background: url(../images/compound_bio_rg.png) no-repeat 100% 100%;
	background-position:center;
	display:inline-block;
	vertical-align:middle;
}

.cont-description{
	display:none;
	padding-top:20px;
	padding-bottom: 20px;
	width: 100%;
	cursor:default;
}

.cont-description.rounded{
	border-radius:0 0 10px 10px;
	margin-bottom:0.5%;
}

.descr-text{
	padding-left:5%;
	padding-right: 10%;
	width: 80%;
	display:inline-block;
	vertical-align:top;
}

.descr-text2{
	display:inline-block;
	padding-right:4%;
	width:20%;
}

.descr-linkbox{
	width: 100%;
	display:inline-block;
}

.descr-url{
	text-align:left;
	padding-left:5%;
	padding-top:10px;
}

.entity, .business{
	width:100%;
	display:inline-block;
}

.entity{
}

.business{
	margin-top:10%;
	margin-bottom:5%;
}

#noCont{
	display:none;
	height:200px;
	background-color:#e1c3cd;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#503291;
	margin-bottom:25px;
	padding-top:72px;
	border-radius:10px 10px 10px 10px;
}

#legend{
	font-size:11px;
	margin-top:40px;
}

#legendFirst{
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#legendBox{
	-ms-flex: 1; /* IE 10 */ 
    flex: 1;
	flex-grow:1;
	display:flex;
	flex-wrap: nowrap;
	margin-bottom:20px;
}

.legend_iconsBox{
	margin-right:15px;
}

.leg_icon{
	vertical-align:middle;
}

.legendNumber{
	margin-bottom:5px;
	width:100%;
}

.leg_number{
	display:inline-block;
	width:18px;
	vertical-align:top;
}

.leg_numberText{
	display:inline-block;
	width:96%;
	word-wrap:break-word;
}

@media(max-width: 1189px){

	body{
		text-size-adjust: none;
		font-size:15px;
	}
	
	.disasterRelief{
		display:inline-block;
		background-color:#96d7d2;
		height: auto;
		font-size:15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:37px;
		padding-right:37px;
		margin-bottom:10px;
	}
	
	.disasterReliefVis{
		display:none;
	}

	#contFilter{
		padding:0;
		padding-top:5%;
	}
	
	#advancedFilter{
		font-size:19px;
		width:auto;
	}
	
	.filterHead{
		height:39px;
	}
	
	.filter{
		padding-bottom:0;
	}
	
	.filterName{
		width:50%;
		font-size:15px;
		margin-left:7%;
		margin-right:2%;
		margin-bottom:30px;
	}
	
	.mobileFilter{
		display:inline-block;
		width:34%;
		font-size:15px;
		margin-bottom:26px;
		background-color:#2dbecd;
		color:#503291;
		border-radius:10px 10px 10px 10px;
	}

	.filterOptionBox{
		display:none;
	}
	
	.cat-head{
		height: 60px;
		width: 100%;
		background-color:#503291;
		color:white;
		border-radius: 10px 10px 0 0;
	}
	
	.rounded{
		border-radius:10px 10px 10px 10px;
		margin-bottom:0.5%;
	}
	
	.catInfoProjects{
		height: auto;
		padding-left:13px;
	}
	
	
	 .tileContRowStyle{ 
		 display:block; 
		 justify-content:unset; 
		 margin-bottom:33px;
		 margin-top:0px;
		 /* height:632px; */
		 height:auto;
	 } 
	 
	.tileContRowVisibility{
	display:none;
	}
	
	.cont-tileInfoboxText{
		float:none;
		display:block;
		width:70%;
		height:auto;
		margin-left:15%;
		margin-right:15%;
		padding-top:12px;
	}
	
	.cont-tileInfoBoxImage{
		display:block;
		width: 80%;
		margin-left:10%;
		margin-right:10%;
		margin-top:25px;
		padding: 0px;
	}
	
	.cont-tileInfoTitle{
		margin-left:0px;
		margin-right:0px;
	}	
	
	.cont-tileInfoText{
		margin-left:0px;
		margin-right:0px;
	}
	
	.hiddenContainer-title{
		width:100%;
		padding:12px;
		font-size:14px;
	}

	.cat-head-title{
		font-size:16px;
		width:78%;
		margin-left:7px;
	}

	.cat-head-phase{
		display:none;
	}

	.cat-head-derived{
		display:none;
	}

	.cat-head-compound{
		display:none;
	}

	.cont-arrow-head{
		margin-left:2%;
		background-size:17px;
		width:8%;
	}

	.cont-arrow-head.active{
		margin-left:2%;
		background-size:17px;
		width:8%;
	}
	
	.row{
	}

	.cont-row{
		width:100%;
		padding:0;
		height:auto;
		overflow:hidden;
		background-color:#2dbecd;
	}

	.cont-arrow{
		float:left;
		margin-left:4%;
		background-size:12px;
		height:121px;
		width:15px;
		margin-top:0;
	}

	.cont-arrow.active{
		float:left;
		margin-left:4%;
		background-size:12px;
		height:121px;
		width:15px;
		margin-top:0;
	}

	.cont-title{
		width:100%;
		float:left;
		vertical-align: baseline;
		margin-left:0%;
		margin-bottom:0px;
		margin-top:0%;
		padding-right:6px;
		padding-left:6px;
	}

	.cont-title1{
		font-weight:bold;
		font-size:15px;
		width:100%;
		margin:0;
	}

	.cont-title2{
		font-size:15px;
	}
	
	.cont-phase{
		width:122px;
		height:auto;
		float:left;
		text-align:center;
		margin-left:3%;
		margin-right:4%;
	}
	.cont-phase-registration{
		font-size:15px;
		padding-top:6px;
	}

	.cont-phase-recently{
		font-size:15px;
		padding-top:6px;
	}

	.cont-phase-circle.active{
	  background-color:#eb3c96;
	}
	
	.cont-phase-circlebox{
		padding-top:0;
	}

	.cont-phase-circle{
		-moz-border-radius: 50px/50px;
		-webkit-border-radius: 50px 50px;
		border-radius: 90px;
		background-color:#96d7d2;
		width: 28px;
		height: 28px;
	}

	.cont-asset{
		width: 31px;
		height: 31px;
		float:left;
		margin-right:4%;
	}

	.cont-asset-internal{
		background: url(../images/derived_internal_rp.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
		
	}

	.cont-asset-external{
		background: url(../images/derived_external_vm.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-compound{
		width: 31px;
		height: 31px;
		float:left;
		margin-bottom:5%;
	}

	.cont-compound-chemical{
		background: url(../images/compound_chemical_vy.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-compound-biological{
		background: url(../images/compound_bio_rg.png) no-repeat 100% 100%;
		background-position:center;
		background-size:30px;
	}

	.cont-description{
		display:none;
		width: 100%;
		cursor:default;
		font-size:13px;
		padding-left:19px;
		padding-right:10px;
	}

	.cont-description.rounded{
		border-radius:0 0 10px 10px;
		margin-bottom:0.5%;
	}

	.descr-text{
		width:71%;
		padding-right:0;
		padding-left:0;
		margin-right:13px;
	}

	.descr-text2{
		width:29%
		padding-right:0;
	}

	.descr-linkbox{

	}

	.descr-url{
		padding-left:0;
	}

	.entity, .business{

	}

	.entity{
	}

	.business{

	}
	
	#legend{
		font-size:15px;
	}
	
	#legendFirst{
		font-size:20px;
		margin-bottom:5%;
		margin-top:5%;
	}
	
	#legendBox{
		margin-bottom:none;
	}
	
	.legend_iconsBox{
		width:196px;
		text-align:center;
		margin-bottom:7%;
		margin-right:7%;
		font-size:12px;
	}
	
	.leg_icon{
		width:45%;
	}
	
	.leg_number{
		width:9%;
	}
	
	.leg_numberText{
		width:91%;
		font-size:15px;
	}
	
	#pagestart{
		width:52px;
		height:52px;
		background-size:51px;
	}
	
	#noCont{
		font-size:12px;
		height:84px;
		padding-top:25px;
	}
	
	.iContainer{
		margin-left: 83%;
		margin-top: -28%;
		padding-top: 31%;
		padding-left: 9%;
		width: 50%;
		height: 50%;
	}
	
	.hiddenContainer{
		width:100%;
	}
}