@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?izlju2');
    src: url('../fonts/icomoon.eot?izlju2#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?izlju2') format('truetype'), url('../fonts/icomoon.woff?izlju2') format('woff'), url('../fonts/icomoon.svg?izlju2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
    content: "\e906";
}
#map {
    height: 517px;
}
#map #detail-map {
    position: absolute;
    width: 400px;
    height: 70%;
    background-color: #fff;
    opacity: .8;
    top: 0;
    z-index: 100;
    padding: 48px 28px 28px 28px;
    font-size: 16px;
    left: 30px;
    top: 13%;
}
#map #detail-map h3 {
    margin-bottom: 6px;
    font-size: 26px;
    margin-top: 10px;
}
#map #detail-map a {
    cursor: pointer;
}
#map #detail-map p {
    margin-bottom: 25px;
}
#map #detail-map .detail-map--clouse {
    position: absolute;
    top: 8px;
    display: block;
    right: 8px;
    font-size: 20px;
    color: grey;
}