/*****************  map  *****************/
.m-map {
    width: 1200px;
    margin: 20px auto;
    position:relative;
    display:none;
}
.block-region-middle{
	padding:20px;
	background:url(../../bg-about.png) no-repeat right bottom;
	background-size:contain;
}
.m-map img {
}
.map-point{
		position: absolute;
		font-size:0 !important;
    display: flex;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    user-select: none;
    border: 0;
    line-height: 120% !important;
}
.map-point:before{
	  width: 8px;
    height: 8px;
    content:"";
    display:inline-block;
    margin-right:5px;
    border-radius: 50%;
    background: #f5a623;
}
.map-point p{
    font-size:0;	
}
.map-point:hover{font-size:14px !important;}
.map-point.active:before,.map-point:hover:before{background:#77B82A;}
.map-point.UK {
    top: 182px;
    left: 549px;
    z-index: 6;
}
.map-point.Germany {
		top: 182px;
    left: 631px;
}
.map-point.Spain {
top: 233px;
    left: 544px;
}
.map-point.Belgium {
		top: 202px;
    left: 562px;
}
.map-point.Denmark {
		top: 172px;
    left: 591px;
}
.map-point.Ireland {
		top: 182px;
    left: 527px;
}
.map-point.Switzerland {
		top: 222px;
    left: 585px;
}
.map-point.France {
		top: 212px;
    left: 555px;
}
.map-point.Turkey {
    top: 243px;
    left: 656px;
}
.map-point.Sweden {
    top: 131px;
    left: 603px;
}
.map-point.Latvia {
    top: 172px;
    left: 638px;
}
.map-point.Netherlands {
top: 192px;
    left: 567px;
}
.map-point.Malaysia {
		top: 364px;
    left: 895px;
}
.map-point.Mexico {
    top: 304px;
    left: 211px;
}
.map-point.Canada {
    top: 172px;
    left: 124px;
}
.map-point.USA {
    top: 243px;
    left: 154px;
}
.map-point.Australia {
    bottom: 81px;
    left: 1056px;
}
.point-list{
  position:absolute;
  top:26px;
  left:0;
  width:150px;
  background:#fff;
  border:1px solid #ddd;
  box-shadow:0 2px 14px rgba(0,0,0,0.15);
  border-radius:4px;
  display:none;
  z-index:99;
}
.point-list.show{display:block}
.point-list > div{
    padding: 9px 12px;
    cursor: pointer;
    line-height: 120% !important;
    font-size: 14px !important;
}
.point-list > div:hover{background:#eee}

.textlink{
	padding:15px 0;
}
.textlink ul{
	overflow:hidden;
}
.textlink ul li{
	padding:5px;
	float:left;
	margin:4px;
	list-style:none;
	font-size:16px;
}
.textlink ul li:hover{
	cursor:pointer;
	color:#77B82A;
}
.textlink ul li span.active{
	color:#77B82A;
	font-weight:600;
}

.text{margin-top:10px}
.text ul{
	padding:0;
}
.text ul li h3{
	font-size:22px;
	font-weight:600;
}
.text ul li{
	list-style:none;
}
.text  ul li div{
  display:none;
  padding:10px;
}
.text  ul li div.active{display:block}

.eulogo{
	position:absolute;
	left:0px;
	width:250px;
	bottom:10px;
}
.eulogo img{
	width:250px;
	height:auto;
}
/*************** about *************************/
.block .block-title {
    border-bottom: 0;
    font-size:24px;
    color:#01509F;
    font-weight:600;
}
.block-region-middle  .field-body img{
	max-width:430px;
}
@media(min-width:1280px){
	.m-map{
		display:block;
	}
.textlink{
		border-right:1px solid #ECECEC;
		padding-right:30px;
}
	.block .block-title {
		font-size:48px;
		text-align:right;
		padding-right:120px;
	}
.block-region-middle .field-body{
	width:calc(100% - 350px);
	position:relative;
	margin-top:-50px;
}	
.block-region-middle .field-body p{
	font-size:18px;
}
}