.dce-map .content { position:absolute; z-index:1; border-radius: 10px; background-color: #fff; padding:20px; border: 2px solid #164294; margin-top: -5px}
.dce-map .content:after { content: ''; position: absolute; top: -8px; left: 50%; transform: translate(-50%, 0); width: 0; height: 0; z-index: 1; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #fff transparent;}
.dce-map .content .close:before {content: '\f00d'; font: 900 22px var(--fontAwesome); }
.dce-map svg { width: 100%; height: auto; margin-top: 30px;}
.dce-map .land path { fill: #358dc1; transition: fill 700ms; }
.dce-map .land .brd { stroke: #fff; stroke-width: 1px; stroke-linejoin: round; cursor: pointer;}
.dce-map .brd img {width: 60px; height: auto; }
.dce-map .brd .image {text-align: center; margin-top: 15px; margin-bottom: 15px; }
.dce-map .land .brd:hover, .dce-map .land .brd.active { fill: #777; transition: fill 1s;}


@media (min-width: 768px) {

    .dce-map svg { width: 80%; }
}


@media (min-width: 992px) {

    .dce-map svg { width: 100%; height: 600px; }

}