﻿ .gradient_bg{background:url(/images/map_pattern_gray.png) repeat left top;}
    
  
    .brochure-maps{
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin: -333px 0 0 -415px;
	    display: block;
	    width: 829px;
	    height: 666px;
	    z-index: 500;
    }

    .brochure-maps__point{
	    position: absolute;
	    cursor: pointer;
    }

    .brochure-maps__bullet{
	    position: relative;
	    width: 6px;
	    height: 6px;
	    display: block;
	    background: #0056a4;
	    border-radius: 50%;
    }

    .brochure-maps__label{
	    position: absolute;
	    cursor: pointer;
    }

    .brochure-maps__point--top .brochure-maps__label{
	    bottom: 7px;
	    left: 50%;
	    margin-left: 3px;
	    transform: translateX(-50%);
    }

    .brochure-maps__point--bottom .brochure-maps__label{
	    top: 4px;
	    left: 50%;
	    margin-left: 3px;
	    transform: translateX(-50%);
    }

    .brochure-maps__point--left .brochure-maps__label{
	    position: absolute;
	    right: 10px;
	    top: 4px;
	    transform: translateY(-50%);
	    text-align: right;
    }

    .brochure-maps__point--right .brochure-maps__label{
	    position: absolute;
	    top: 4px;
	    left: 10px;
	    transform: translateY(-50%);
    }

    .brochure-maps__title{
	    font-family: 'din_med';
	    font-size: 16px;
	    line-height: 18px;
	    color: #0056a4;
        line-height: 13px;
    }

    .brochure-maps__coords{
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    color: #ffffff;
	    background-color: rgba(0,0,0,0.4);
	    width: 100px;
	    height: 20px;
	    line-height: 20px;
	    text-align: center;
    }