.loc {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.loc-map {
    width: 100% !important;
    height: 90vh !important;
}

.loc-sites {
    display: none !important;
}

.loc-nav {
    padding: 1rem 1.5rem;
    width: auto !important;
}

.loc-nav-filter {
    display: none !important;
}

.loc-loading {
    z-index: 1 !important
}

.loc-select .loc-selectList {
    max-height: 16rem;
    overflow-y: scroll
}

.loc-select .loc-selectList li:before {
    display: none
}

.loc-field,
.loc-primary,
.loc-reset,
.loc-btn,
.loc-or {
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .loc-nav {
        display: block !important
    }

    .loc-nav .loc-form {
        display: block
    }

    .loc-input {
        width: 100%
    }
}

.slick-slider {
    cursor: grab;
    width: 100%;
    transition: height 250ms linear;
}

.slick-active {
    button {
        background: #000000 !important;
        background-color: black !important;
    }
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}