/*! service-centers - v1.4.2 */
.service-centers__map__info-window p a,
.service-centers__menu__item__body .message a {
    color: var(--service-centers-second-color);
    text-decoration: underline
}

.custom-select__label,
.custom-select__options,
.custom-select__value,
.service-centers__menu__item label {
    background-color: var(--service-centers-white)
}

:root {
    --service-centers-font-family: Arial, Helvetica, sans-serif;
    --service-centers-first-color: #004691;
    --service-centers-second-color: #004691;
    --service-centers-third-color: #004691;
    --service-centers-fourth-color: #AB1114;
    --service-centers-black: #000;
    --service-centers-gray-1: #F5F5F5;
    --service-centers-gray-2: #e0e0e0;
    --service-centers-gray-3: #D5D5D5;
    --service-centers-gray-4: #959595;
    --service-centers-gray-5: #444444;
    --service-centers-gray-6: #5C5C5C;
    --service-centers-white: #FFF;
    --service-centers-breakpoint: 980px;
    --service-centers-icon-color: #004691;
    --service-centers-color-arrow-down: #E63027;
    --service-centers-bg-message: rgba(0, 70, 145, 0.12);
    --service-centers-border-color-message: rgba(0, 70, 145, 0.08);
    --service-centers-text-message: #004691
}

.custom-select__arrow,
.custom-select__container,
.custom-select__label,
.custom-select__option,
.custom-select__options,
.custom-select__value,
.service-centers * {
    box-sizing: border-box
}

.custom-select__arrow {
    border-left: 1px solid var(--service-centers-gray-6);
    bottom: 8px;
    color: var(--service-centers-color-arrow-down);
    cursor: pointer;
    display: flex;
    font-size: 22px;
    justify-content: center;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 38px
}

.custom-select__container {
    border-radius: 4px;
    display: inline-flex;
    outline: 0;
    position: relative;
    width: 100%;
    display: none;
}

.custom-select__container.disabled>.custom-select__arrow {
    border-left: 1px solid var(--service-centers-gray-2);
    color: var(--service-centers-gray-2)
}

#service-centers-map,
.custom-select__container.disabled>.custom-select__label,
.service-centers__map {
    display: none
}

.custom-select__container.disabled>.custom-select__value {
    color: var(--service-centers-gray-2);
    cursor: not-allowed
}

.custom-select__container.disabled>.custom-select__value:hover {
    box-shadow: none
}

.custom-select__container:focus {
    outline: 0
}

.custom-select__container:focus:not(.disabled)>.custom-select__value {
    border: 1px solid var(--service-centers-third-color);
    box-shadow: 0 0 4px rgba(0, 70, 145, .4)
}

.custom-select__label {
    color: var(--service-centers-gray-5);
    font-size: 11px;
    left: .5em;
    padding: 0 .5em;
    position: absolute;
    top: -7px
}

.custom-select__option,
.custom-select__value {
    color: var(--service-centers-gray-4);
    cursor: pointer;
}

.custom-select__option {
    cursor: pointer;
    font-size: 14px;
    padding: .25em .5em;
    line-height: 32px;
    pointer-events: fill;
}

.custom-select__option:hover {
    background-color: var(--service-centers-gray-1)
}

.custom-select__option[data-value="0"] {
    cursor: not-allowed
}

.custom-select__options {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.3s ease;

    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .3);
    left: .25em;
    list-style: none;
    margin: 0;
    max-height: 200px;
    padding: 0;
    position: absolute;
    top: calc(100% - .25em);
    width: calc(100% - .5em);
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.custom-select__options::-webkit-scrollbar {
    width: 8px
}

.custom-select__options::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.custom-select__options.show {
    clip-path: inset(0 0 0 0);
}

.custom-select__value {
    border: 1px solid var(--service-centers-gray-2);
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    line-height: 22px;
    outline: 0;
    overflow: hidden;
    padding: 8px 52px 8px 16px;
    text-overflow: ellipsis;
    transition: .25s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    width: -webkit-fill-available
}

.custom-select__value[data-status=filled] {
    border: 1px solid var(--service-centers-third-color);
    color: var(--service-centers-gray-5)
}

.custom-select__value:hover {
    box-shadow: 0 0 4px rgba(92, 92, 92, .4)
}

#service-centers-map button.gm-ui-hover-effect {
    display: none !important
}

.service-centers {
    font-family: var(--service-centers-font-family);
    padding: 0 16px;
    overflow: hidden
}

.service-centers__container {
    display: grid;
    grid-template-areas: "sidebar";
    grid-template-columns: 1fr;
    margin-bottom: 60px;
    min-height: 390px;
    width: 100%
}

.service-centers__filters {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 40px 0
}

.service-centers__filters [class*=service-centers__filters] {
    flex: 1;
    margin: 10px 0
}

.service-centers__map__info-window {
    font-family: var(--service-centers-font-family);
    padding-right: 16px
}

.service-centers__map__info-window h4 {
    color: var(--service-centers-first-color);
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600
}

.service-centers__map__info-window strong {
    color: var(--service-centers-gray-5);
    line-height: 26px
}

.service-centers__map__info-window p {
    font-weight: 500;
    margin: 0 0 8px
}

.service-centers__map__info-window p i {
    color: var(--service-centers-second-color);
    font-weight: 600;
    margin-right: 3px
}

.service-centers__map__info-window__close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px
}

.service-centers__map__info-window__close span {
    color: var(--service-centers-first-color);
    font-size: 20px;
    pointer-events: none
}

.service-centers__menu {
    grid-area: sidebar;
    position: relative
}

.service-centers__menu__item {
    overflow: hidden;
    width: 100%
}

.service-centers__menu__item__body {
    background: var(--service-centers-gray-1);
    background: linear-gradient(0deg, #f5f5f5 0, #fff 100%);
    color: var(--service-centers-gray-5);
    height: 0;
    max-height: 0;
    padding: 0;
    transition: .25s ease-in-out
}

.service-centers__menu__item__body .address,
.service-centers__menu__item__body .cell,
.service-centers__menu__item__body .contact-phones,
.service-centers__menu__item__body .email,
.service-centers__menu__item__body .how-to-get,
.service-centers__menu__item__body .message,
.service-centers__menu__item__body .phone,
.service-centers__menu__item__body .schedule {
    display: flex
}

.service-centers__menu__item__body .contact-phones {
    gap: 1em;
    margin-bottom: 16px
}

@media screen and (max-width:980px) {
    .service-centers__menu__item__body .contact-phones {
        flex-wrap: wrap
    }
}

.service-centers__menu__item__body .contact-phones>* {
    width: 100%
}

.service-centers__menu__item__body .address a,
.service-centers__menu__item__body .cell a,
.service-centers__menu__item__body .email a,
.service-centers__menu__item__body .how-to-get a,
.service-centers__menu__item__body .phone a,
.service-centers__menu__item__body .schedule a {
    color: var(--service-centers-second-color);
    display: inline-block;
    line-height: 26px;
    margin-right: 8px;
    text-decoration: underline
}

.service-centers__menu__item__body .address p,
.service-centers__menu__item__body .cell p,
.service-centers__menu__item__body .email p,
.service-centers__menu__item__body .how-to-get p,
.service-centers__menu__item__body .phone p,
.service-centers__menu__item__body .schedule p {
    font-size: 14px;
    margin: 0 0 1em
}

.service-centers__menu__item__body .address p:first-child,
.service-centers__menu__item__body .cell p:first-child,
.service-centers__menu__item__body .email p:first-child,
.service-centers__menu__item__body .how-to-get p:first-child,
.service-centers__menu__item__body .phone p:first-child,
.service-centers__menu__item__body .schedule p:first-child {
    padding-left: 0
}

.service-centers__menu__item__body .address p:not(:last-child),
.service-centers__menu__item__body .cell p:not(:last-child),
.service-centers__menu__item__body .email p:not(:last-child),
.service-centers__menu__item__body .how-to-get p:not(:last-child),
.service-centers__menu__item__body .phone p:not(:last-child),
.service-centers__menu__item__body .schedule p:not(:last-child) {
    border-right: solid thin var(--service-centers-gray-2)
}

.service-centers__menu__item__body .address p i,
.service-centers__menu__item__body .cell p i,
.service-centers__menu__item__body .email p i,
.service-centers__menu__item__body .how-to-get p i,
.service-centers__menu__item__body .phone p i,
.service-centers__menu__item__body .schedule p i {
    color: var(--service-centers-second-color);
    font-size: 20px;
    font-weight: 500;
    margin-right: 5px
}

.service-centers__menu__item__body .address p>strong,
.service-centers__menu__item__body .cell p>strong,
.service-centers__menu__item__body .email p>strong,
.service-centers__menu__item__body .how-to-get p>strong,
.service-centers__menu__item__body .phone p>strong,
.service-centers__menu__item__body .schedule p>strong {
    align-items: center;
    display: flex;
    margin: 10px 0
}

.service-centers__menu__item__body .address p>strong i,
.service-centers__menu__item__body .cell p>strong i,
.service-centers__menu__item__body .email p>strong i,
.service-centers__menu__item__body .how-to-get p>strong i,
.service-centers__menu__item__body .phone p>strong i,
.service-centers__menu__item__body .schedule p>strong i {
    color: var(--service-centers-icon-color);
    font-size: 20px;
    font-weight: 500;
    margin-right: 5px
}

.service-centers__menu__item__body .cell p,
.service-centers__menu__item__body .phone p {
    margin: 0
}

.service-centers__menu__item__body .message {
    background-color: var(--service-centers-bg-message);
    border: 1px solid var(--service-centers-border-color-message);
    margin-bottom: 1em;
    padding: .5em
}

.service-centers__menu__item__body .message p {
    color: var(--service-centers-text-message);
    font-size: 12px;
    margin: 0
}

.service-centers__menu__item__body .schedule span {
    display: block;
    line-height: 26px;
    margin-right: 8px
}

.service-centers__menu__item input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.service-centers__menu__item input:checked~.service-centers__menu__item__body {
    height: auto;
    margin: .5em 0 0;
    max-height: 100vh;
    padding: 1em
}

.service-centers__menu__item label {
    align-items: center;
    border-bottom: 1px solid var(--service-centers-gray-3);
    color: var(--service-centers-first-color);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 26px;
    padding: .5em;
    position: relative;
    text-transform: uppercase
}

.service-centers__menu__item label>span {
    bottom: 0;
    font-size: 22px;
    line-height: 32px;
    width: 24px
}

.service-centers__title {
    color: var(--service-centers-gray-5);
    font-size: 24px;
    font-weight: 700
}

.msje-localiza {
    color: var(--service-centers-gray-5);
    display: none;
    font-size: 14px;
    font-weight: 500;
    margin: 30px 0
}

@media screen and (min-width:980px) {
    #service-centers-map {
        display: block;
        height: 100%;
        width: 100%
    }

    .service-centers {
        padding: 0 50px
    }

    .service-centers__container {
        grid-template-areas: "sidebar _ map";
        grid-template-columns: minmax(auto, 465px) 28px minmax(50%, auto)
    }

    .service-centers__filters {
        flex-direction: row
    }

    .service-centers__filters [class*=service-centers__filters] {
        margin: 10px
    }

    .service-centers__map {
        border: 1px solid var(--service-centers-gray-2);
        grid-area: map;
        height: 390px
    }

    .service-centers__menu {
        max-height: 390px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .service-centers__menu::-webkit-scrollbar {
        width: 8px
    }

    .service-centers__menu::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px
    }

    .service-centers__menu__item__body .contact-phones>* {
        width: 100%
    }

    .service-centers__menu__item__body .contact-phones>*~* {
        width: 45%
    }

    .msje-localiza {
        display: block
    }
}