body {
	font-family: 'Titillium Web', sans-serif;
	margin: 0px;
}

.eurofer-map {
    width: 1300px;
    position: relative;
    margin: auto;
    height: 1185px;
}

.eurofer-map-image {
    width: 1300px;
    pointer-events: none;
}

.city, .project {
	position: absolute;
}

.city h5 {
    margin: 0;
    font-size: 17px;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: 1;
    color: #000;
}

.lonato h5 {
    line-height: 17px;
}

/* Cities */

.city.mo-i-rana {
    left: 66.2%;
    top: 5.5%;
}

.city.gallivare {
    left: 75.1%;
    top: 0.6%;
}

.city.norbotten {
    left: 74.2%;
    top: 3.6%;
}

.city.lulea {
    top: 8%;
    left: 77.7%;
}

.city.raahe {
	top: 10.8%;
    left: 81.9%;
}

.city.hofors {
	top: 21.1%;
    left: 70.4%;
}

.city.helsinki {
    top: 24.1%;
    left: 82.15%;
}

.city.stockholm {
	top: 25.8%;
    left: 75.3%;
}

.city.oxelosung {
    top: 28.2%;
    left: 70.3%;
}

.city.hoganas {
    top: 35.2%;
    right: 34%;
}

.city.bremen {
    top: 45%;
    left: 60.3%;
}

.city.ijmuiden {
    top: 44.35%;
    left: 52.4%;
}

.city.salzgitter {
    top: 47.2%;
    left: 61%;
}

.city.eisenhuttenstadt {
    top: 49.8%;
    left: 63.8%;
}

.city.duisburg {
	top: 48.3%;
    left: 55.9%;
}

.city.gent {
    top: 50%;
    left: 47.1%;
}

.city.ostrowiec {
    top: 49.5%;
    left: 76.5%;
}

.city.dunkerque {
	top: 50.8%;
    left: 40.5%;
}

.city.dabrowa {
	top: 52%;
    left: 73.5%;
}

.city.ostrava {
	top: 55.2%;
    left: 69.7%;
}

.city.trinec {
    top: 56.8%;
    left: 71.2%;
}

.city.dillingen {
    top: 55.2%;
    right: 46.1%;
}

.city.volklingen {
    top: 55.5%;
    left: 55.7%;
}

.city.linz {
    top: 59.9%;
    left: 65%;
}

.city.leoben {
    top: 62.35%;
    left: 60.3%;
}

.city.friuli {
    top: 65.2%;
    left: 62.5%;
}

.city.lonato {
	top: 69%;
    left: 60.9%;
}

.city.dalmine {
    top: 66.5%;
    left: 53.5%;
}

.city.umbria {
    top: 75.7%;
    left: 59.5%;
}

.city.puglia {
    top: 83.1%;
    left: 70%;
}

.city.calabria {
    top: 86.2%;
    left: 69.5%;
}

.city.asturias {
    top: 68.1%;
    left: 25%;
}

.city.sestao {
    top: 69.1%;
    left: 32.1%;
}

.city.basque {
    top: 73.5%;
    left: 29.7%;
}

.city.fos {
    top: 72.2%;
    left: 40.8%;
}

.city.zaragoza {
    top: 76.7%;
    left: 31.7%;
}

.city.barcelona {
	top: 80%;
    left: 40%;
}

.city.barrios {
    top: 92.5%;
    left: 18.1%;
}

.city.galati {
    top: 67.2%;
    left: 90.3%;
}

/* Projects */

.project {
    border: 1px solid #555;
	background: #fff;
	z-index: 2;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 25%);
}

.project table, tr, td {
	padding: 2px 5px;
    border-spacing: 0px;
}

.project h6 {
	margin: 1px 0px 0px 0px;
    font-size: 11px;
    font-weight: 600;
    border-bottom: 1px solid #d8d8d8;
    padding: 0px 5px;
    white-space: nowrap;
    cursor: pointer;
}

.project a {
    font-weight: 600;
    color: #000!important;
}

.red {
	color: red;
}

.project table tr:last-child td h6 {
	border-bottom: 1px solid transparent;
}

.project h6:hover {
    border-bottom: 1px solid #000!important;
}

.color {
    padding: 3px 7px 3px 0px;
    border-right: 1px solid #d8d8d8;
    margin-right: 5px;
    margin-left:6px;
    display: block;
}

.color > span {
    width: 12px;
    height: 12px;
    display: block;
}

.color > span.green {
	background: #5c9b3e;
}

.color > span.orange {
	background: #f2632f;
}

.color > span.light-blue {
	background: #7e9fd1;
}

.color > span.light-green {
	background: #85db58;
}

.color > span.blue {
	background: #0067b1;
}

.color > span.purple {
	background: #b01f6a;
}

.category {
	padding: 2px 2px;
    min-width: 15px;
}

.category img {
    display: block;
    height: 15px;
}

.project.mo-i-rana {
	right: 38.3%;
    bottom: 94.75%;
}

.project.gallivare {
    right: 0;
    min-width: 14%;
    bottom: 97.1%;
}

.project.norbotten {
    right: 0;
    min-width: 14%;
    top: 3.55%;
}

.project.lulea {
    bottom: 91.95%;
    right: 0;
    min-width: 14%;
}

.project.raahe {
    bottom: 89.25%;
    right: 0;
    min-width: 14%;
}

.project.hofors {
    bottom: 76.55%;
    right: 0;
    min-width: 14%;
}

.project.stockholm {
    bottom: 81%;
    right: 45.5%;
}

.project.oxelosung {
    bottom: 70.8%;
    right: 37.65%;
}

.project.hoganas {
    bottom: 66.85%;
    right: 0%;
    min-width: 14%;
}

.project.bremen {
    bottom: 77.35%;
    right: 62%;
}

.project.hamburg {
    bottom: 61.35%;
    right: 42%;
}

.project.ijmuiden {
    bottom: 58%;
    right: 69.4%;
    min-width: 12.5%;
}

.project.salzgitter {
    bottom: 51.4%;
    right: 69.4%;
    min-width: 12.5%;
}

.project.eisenhuttenstadt {
    bottom: 58.2%;
    right: 0%;
    min-width: 14%;
}

.project.duisburg1 {
    bottom: 45.3%;
    right: 69.4%;
	min-width: 12.5%;
}

.project.duisburg2 {
	top: 55.1%;
    right: 69.4%;
	min-width: 12.5%;
}

.project.gent {
    bottom: 50.9%;
    left: 0;
    min-width: 14%;
}

.project.ostrowiec {
    bottom: 48.25%;
    right: 0;
    min-width: 14%;
}

.project.dunkerque1 {
    top: 50.45%;
    left: 0;
    min-width: 14%;
}

.project.dunkerque2 {
	bottom: 46.8%;
    left: 0;
    min-width: 14%;
}

.project.dabrowa {
    bottom: 44.6%;
    min-width: 14%;
    right: 0;
}

.project.ostrava {
    top: 55.95%;
    min-width: 14%;
    right: 0;
}

.project.trinec {
    top: 58.3%;
    min-width: 14%;
    right: 0;
}

.project.dillingen {
    bottom: 34.4%;
    right: 69.4%;
    min-width: 12.5%;
}

.project.volklingen {
    bottom: 32.4%;
    right: 69.4%;
    min-width: 12.5%;
}

.project.linz {
    bottom: calc(39.2% - 19px);
    right: 0;
    min-width: 14%;
}

.project.friuli {
    bottom: 34.05%;
    right: 0;
    min-width: 14%;
}

.project.lonato {
    bottom: 26.7%;
    right: 0;
    min-width: 14%;
}

.project.dalmine {
    bottom: 24.4%;
    right: 0;
    min-width: 14%;
}

.project.umbria {
    bottom: calc(23.7% - 19px);
    right: 0;
    min-width: 14%;
}

.project.puglia {
    bottom: 16.1%;
    right: 0;
    min-width: 14%;
}

.project.calabria {
    bottom: 11.5%;
    right: 0;
    min-width: 14%;
}

.project.asturias {
    bottom: 29.7%;
    left: 0;
    min-width: 14%;
}

.project.sestao {
    min-width: 14%;
    left: 0;
	top: 71%;
}

.project.basque {
    bottom: 18.75%;
    left: 0;
    min-width: 14%;
}

.project.fos {
    bottom: 12%;
    right: 48%;
}

.project.zaragoza {
	bottom: 15.65%;
    left: 0;
    min-width: 14%;
}

.project.barcelona {
    left: 0;
    min-width: 14%;
    bottom: 9.5%;
}

.project.barrios {
    top: 92%;
    left: 0;
    min-width: 14%;
}

.project.galati {
    bottom: 28.9%;
    right: 0;
    min-width: 14%;
}

/* Lines */

.line {
    position: absolute;
    background: #555;
	z-index: 1;
}

.mo-i-rana-1 {
    width: 10%;
    right: 31.6%;
    bottom: 94.75%;
    height: 1px;
}

.gallivare-1 {
    width: 14%;
    height: 1px;
    left: 77.35%;
    bottom: 97.1%;
}

.norbotten-1 {
    width: 14%;
    height: 1px;
    left: 77.1%;
    top: 3.55%;
}

.lulea-1 {
    width: 14%;
    height: 1px;
    left: 79.35%;
    bottom: 91.95%;
}

.raahe-1 {
    width: 8%;
    height: 1px;
    left: 83.7%;
    bottom: 89.25%;
}

.hofors-1 {
	width: 19%;
    height: 1px;
    bottom: 76.55%;
    left: 72.5%;
}

.helsinki-1 {
	width: 29.55%;
    height: 1px;
    bottom: 75.85%;
    right: 15.95%;
}

.stockholm-1 {
	width: 19.75%;
    height: 1px;
    bottom: 73.35%;
    right: 25.75%;
}

.stockholm-2 {
    width: 1px;
    height: 9%;
    bottom: 73.35%;
    right: 45.5%;
}

.oxelosung-1 {
    width: 16.7%;
    height: 1px;
    bottom: 72.4%;
    right: 27.15%;
}

.hoganas-1 {
    width: 1px;
    height: 3.05%;
    bottom: 63.8%;
    left: 66.6%;
}

.hoganas-2 {
    width: 23%;
    height: 1px;
    bottom: 66.85%;
    left: 66.6%;
}

.bremen-1 {
    width: 1px;
    height: 5.3%;
    bottom: 54.25%;
    right: 40.25%;
}

.bremen-2 {
    width: 12.1%;
    height: 1px;
    bottom: 59.5%;
    right: 40.25%;
}

.bremen-3 {
    width: 1px;
    height: 17.85%;
    bottom: 59.5%;
    right: 52.3%;
}

.bremen-4 {
    width: 10%;
    height: 1px;
    bottom: 77.35%;
    right: 52.3%;
}

.hamburg-1 {
    width: 1px;
    height: 5.55%;
    bottom: 55.8%;
    right: 38.7%;
}

.hamburg-2 {
    width: 5%;
    height: 1px;
    bottom: 61.35%;
    right: 38.7%;
}

.ijmuiden-1 {
    width: 1px;
    height: 3.35%;
    bottom: 54.7%;
    right: 48.2%;
}

.ijmuiden-2 {
    width: 28%;
    height: 1px;
    bottom: 58%;
    right: 48.2%;
}

.salzgitter-1 {
    width: 40%;
    height: 1px;
    right: 37.5%;
    bottom: 52.95%;
}

.eisenhuttenstadt-1 {
	width: 17.2%;
    height: 1px;
    right: 14.5%;
    bottom: 50.6%;
}

.eisenhuttenstadt-2 {
    width: 1px;
    height: 7.6%;
    bottom: 50.6%;
    right: 14.5%;
}

.eisenhuttenstadt-3 {
    width: 3%;
    height: 1px;
    bottom: 58.2%;
	right: 11.58%
}

.duisburg-1 {
    width: 1px;
    height: 5.70%;
    top: 49.45%;
    right: 45.35%;
}

.duisburg-2 {
    width: 24%;
    height: 1px;
    right: 45.8%;
    bottom: 45.3%;
}

.duisburg-3 {
	width: 25%;
    height: 1px;
    right: 45.35%;
    top: 55.1%;
}

.duisburg-4 {
    width: 1px;
    height: 5.25%;
    bottom: 45.3%;
    right: 45.8%;
}

.duisburg-5 {
    width: 1%;
    height: 1px;
    bottom: 50.5%;
    right: 44.85%;
}

.gent-1 {
    width: 1px;
    height: 1.9%;
    bottom: 49.1%;
    right: 49.8%;
}

.gent-2 {
    width: 37.2%;
    height: 1px;
    right: 49.8%;
    bottom: 50.9%;
}

.ostrowiec-1 {
    width: 9.2%;
    height: 1px;
    left: 80.65%;
    bottom: 48.25%;
}

.dunkerque-1 {
    width: 38.2%;
    height: 1px;
    right: 54.1%;
    top: 50.45%;
}

.dabrowa-1 {
    width: 11%;
    height: 1px;
    left: 76.05%;
    bottom: 44.6%;
}

.ostrava-1 {
    width: 13%;
    height: 1px;
    left: 74.65%;
    top: 55.95%;
}

.trinec-1 {
    width: 1px;
	height: 1.5%;
    left: 74.8%;
    top: 56.8%;
}

.trinec-2 {
    width: 13%;
    height: 1px;
    left: 74.8%;
    top: 58.3%;
}

.dillingen-1 {
    width: 1px;
    height: 8.9%;
    right: 45.4%;
    top: 56.65%;
}

.dillingen-2 {
    width: 24.2%;
    height: 1px;
    right: 45.4%;
    bottom: 34.4%;
}

.volklingen-1 {
    width: 1px;
    height: 4.5%;
    right: 44.85%;
    top: 56.8%;
}

.volklingen-2 {
    width: 0.55%;
    height: 1px;
    right: 44.85%;
    top: 61.3%;
}

.linz-1 {
    width: 1px;
    height: 2.6%;
    right: 29.8%;
    bottom: 36.6%;
}

.linz-2 {
	width: 18.05%;
    height: 1px;
    left: 68.05%;
    bottom: 39.2%;
}

.friuli-1 {
    width: 21%;
    height: 1px;
    left: 66.05%;
    bottom: 34.05%;
}

.lonato-1 {
    width: 1px;
    height: 4.35%;
    left: 60.3%;
    bottom: 26.7%;
}

.lonato-2 {
	width: 26%;
    height: 1px;
    left: 60.3%;
    bottom: 26.7%;
}

.dalmine-1 {
	width: 1px;
    height: 7.6%;
    left: 58.45%;
    bottom: 24.4%;
}

.dalmine-2 {
    width: 28%;
    height: 1px;
    left: 58.45%;
    bottom: 24.4%;
}

.umbria-1 {
    width: 23%;
    height: 1px;
    left: 64.15%;
    bottom: 23.7%;
}

.puglia-1 {
	width: 12%;
    height: 1px;
    left: 74%;
    bottom: 16.1%;
}

.calabria-1 {
    width: 15%;
    height: 1px;
    left: 71.95%;
    bottom: 11.5%;
}

.asturias-1 {
    width: 17.5%;
    height: 1px;
    right: 73.1%;
    bottom: 29.7%;
}

.sestao-1 {
	width: 20.5%;
    height: 1px;
    right: 68.2%;
    top: 71%;
}

.basque-1 {
    width: 14.95%;
    height: 1px;
    right: 70.5%;
    bottom: 27.1%;
}

.basque-2 {
    width: 1px;
    height: 8.45%;
    right: 85.4%;
    bottom: 18.75%;
}

.basque-3 {
    width: 2%;
    height: 1px;
    right: 85.4%;
    bottom: 18.75%;
}

.fos-1 {
    width: 1px;
    height: 13.1%;
    left: 47.95%;
    bottom: 13.2%;
}

.zaragoza-1 {
	width: 21.35%;
    height: 1px;
    right: 63.2%;
    bottom: 21%;
}

.zaragoza-2 {
    width: 1px;
    height: 5.45%;
    right: 84.5%;
    bottom: 15.65%;
}

.zaragoza-3 {
    width: 9.5%;
    height: 1px;
    right: 84.5%;
    bottom: 15.65%;
}

.barcelona-1 {
    width: 25.96%;
    height: 1px;
    right: 57.7%;
    bottom: 20.4%;
}

.barcelona-2 {
    width: 1px;
    height: 10.9%;
    right: 83.6%;
    bottom: 9.5%;
}

.barcelona-3 {
    width: 9.5%;
    height: 1px;
    right: 83.6%;
    bottom: 9.5%;
}

.barrios-1 {
    width: 10.6%;
    height: 1px;
    right: 76.25%;
    top: 92%;
}

.galati-1 {
    width: 1px;
    height: 2.95%;
    left: 93.9%;
    bottom: 28.9%;
}

/* Popups */

.popup {display:none;}

.flag {margin-right: 15px;}

/* Legend */

.legend {
    position: absolute;
    z-index: 11;    
    /*top: -954px;*/
    display: none;
    padding: 0px;
    background: rgba(255,255,255,1);
    box-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
    padding: 0px 20px 20px;
}

.legend:hover {
}

.legend .title {
    font-size: 20px;
    color: #fff;
    padding: 5px 5px 5px 20px;
    font-weight: 600;
    border-radius: 10px;
    margin-top: 20px;
    min-height: 36px;
    line-height: 36px;
}

.legend .title.subtitle {
    margin-top: 0px;
    background: #fff;
}

.legend .title.subtitle.green {
    border: 2px solid #5c9b3e;
    color: #5c9b3e;
}

.legend .title.subtitle.light-green {
    border: 2px solid #85db58;
    color: #85db58;
}

.legend .title.subtitle.blue {
    border: 2px solid #0067b1;
    color: #0067b1;
}

.legend .title.subtitle.light-blue {
    border: 2px solid #7e9fd1;
    color: #7e9fd1;
}

.legend .icon {
    float: right;
    background: #fff;
    border-radius: 10px;
    margin-left: 20px;
    padding: 3px 10px;
	width: 50px;
}

.legend .orange {
    background: #f2632f;
}

.legend .green {
	background: #5c9b3e;
}

.legend .blue {
	background: #0067b1;
}

.legend .purple {
	background: #b01f6a;
    line-height: 16px;
}

.legend .purple span {
	font-size: 12px;
}

.legend .button {
    margin-top: 20px;
    margin-left: 20px;
    padding: 10px 20px;
    background: #0067b1;
    display: inline-block;
    color: #fff;
    font-weight: 600;
	position: absolute;
}

.legend-screen {
	margin-top: 30px;
}

.print-button a {
	margin-top: 80px;
    margin-left: 20px;
    padding: 10px 20px;
    background: #0067b1;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    position: absolute;
    text-decoration: none;
    z-index:10;
}
.legend-button a {
	margin-top: 20px;
    margin-left: 20px;
    padding: 10px 20px;
    background: #0067b1;
    display: inline-block;
    color: #fff!important;
    font-weight: 600;
    position: absolute;
    text-decoration: none;
    z-index:10;
}

/* Responsive */

@media (max-width: 1280px) { 
	.full-container {
		width: 1300px;
	}
	.simple-popup-content {
		max-width: 90%!important;
	}
	.legend .title {
		font-size: 16px;
	}
	.eurofer-map {
		width: 1280px;
	}
	.eurofer-map-image {
		width: 1280px;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) { 
	.project h6 {
		font-size: 0.7vw;
	}
}

@media (max-width: 800px) { 
	.color {
		padding: 2px 7px 2px 0px;
	}
}

.city.tallinn {
	top: 25.7%;
    left: 85.2%;
}

.city.goteborg {
    top: 30.4%;
    left: 66.5
}

.city.copenhagen {
    top: 36.9%;
    left: 66.5%;;
}

.city.edinburgh {
    top: 31.2%;
    left: 39.8%;
}

.city.dublin {
    top: 38.65%;
    left: 33.8%;
}

.city.manchester {
    top: 40.2%;
    left: 39.7%;
}

.city.cork {
    top: 42.35%;
    left: 25.7%;
}

.city.london {
    top: 46.4%;
    left: 43%;
}

.city.hamburg {
    top: 43.2%;
    left: 61.9%;
}

.city.berlin {
	top: 46.7%;
    left: 68.1%;
}

.city.amsterdam {
    top: 46.25%;
    left: 49.4%;
}

.city.warsaw {
    top: 47.2%;
    left: 81%;
}

.city.gdansk {
    top: 41.1%;
    left: 76.3%;
}

.city.krakow {
    top: 53.4%;
    left: 79.7%;
}

.city.prague {
	top: 52.5%;
    left: 66.7%;
}

.city.leipzig {
	top: 50.8%;
    left: 60.2%;
}

.city.frankfurt {
    top: 53.5%;
    left: 55.2%;
}

.city.paris {
	top: 57%;
    left: 44.8%;
}

.city.munich {
    top: 59.2%;
    left: 58.8%;
}

.city.vienna {
	top: 58.8%;
    left: 72%;
}

.city.bratislava {
	top: 60.3%;
    left: 73.8%;
}

.city.budapest {
    top: 62.1%;
    left: 76.9%;
}

.city.ljubljana {
	top: 66.2%;
    left: 68.6%;
}

.city.venice {
    top: 67.1%;
    left: 64.9%;
}

.city.milan {
    top: 68.1%;
    left: 54.9%;
}

.city.athens {
    top: 91%;
    left: 87.3%;
}

.city.rome {
    top: 79.5%;
    left: 65.6%;
}

.city.palermo {
    top: 89.8%;
    left: 64%;
}

.city.lyon {
    top: 67.8%;
    left: 47%;
}

.city.marseille {
    top: 71%;
    left: 47.3%;
}

.city.bordeaux {
	top: 67.2%;
    left: 33.6%;
}

.city.bilbao {
    top: 70.4%;
    left: 33.4%;
}

.city.valencia {
    top: 82.4%;
    left: 37.4%;
}

.city.madrid {
    top: 79.5%;
    left: 25.3%;
}

.city.almeria {
    top: 90.4%;
	left: 31.8%;
}

.city.tarifa {
    top: 89.9%;
    left: 19.2%;
}