.map-filters ul:after,
.map-filters ul:before,
.map-filters ul:after,
.map-filters {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 25px
}

.map-filters ul {
    list-style: none;
    padding-left: 0
}

.map-filters ul li {
    float: left;
    padding: 0 25px;
    width: 25%;
    position: relative
}

.map-filters ul li label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.map-filters ul input {
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    position: absolute;
    vertical-align: middle
}

.map-filters ul input:checked~.checkmark:after {
    display: block
}

.map-filters span {
    display: inline-block;
    vertical-align: middle
}

.map-filters .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px
}

.map-filters .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.map-filters .checkmark.legend-restaurant {
    background: #ff0c39
}

.map-filters .checkmark.legend-coffee {
    background: #67390e
}

.map-filters .checkmark.legend-grocery {
    background: #52489c
}

.map-filters .checkmark.legend-health {
    background: #4285f4
}

.map-filters .checkmark.legend-hospital {
    background: #4bd4d8
}

.map-filters .checkmark.legend-school {
    background: #22bd81
}

.map-filters .checkmark.legend-theater {
    background: #fe437b
}

.map-filters .checkmark.legend-transit {
    background: #ffb400
}

.custom-map {
    border: 0;
    height: 650px;
    margin: 0;
    width: 100%
}

.custom-map img {
    max-width: inherit !important
}
.custom-map .marker-title{margin-bottom: 5px; margin-top: 5px;}

@media screen and (max-width:68.26667em) {
    .map-filters .map-filters__inner {
        padding: 0 80px
    }
    .map-filters ul li {
        padding: 0 5px;
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .map-filters .map-filters__inner {
        padding: 0 15px
    }
}

@media screen and (max-width:410px) {
    .map-filters ul li {
        padding: 0 15px;
        width: 100%
    }
}