/* Start:/local/templates/glavdent/components/bitrix/news.list/contact/style.css?17908666887560*/
.component-contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.component-contacts .swiper-button-next,
.component-contacts .swiper-button-prev {
    width: 30px;
    height: 30px;
    padding: 5px;
}

.component-contacts .tabs__nav .tabs__nav-slides {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
}

.component-contacts .tabs__nav .tabs__nav-slides::-webkit-scrollbar {
    display: none;
}

.component-contacts .tabs__button {
    cursor: pointer;
    padding: 0 10px 5px 10px;
    border-bottom: 1px solid rgba(30, 30, 30, 0.2);
    text-wrap: nowrap;
    font-size: 14px;
    line-height: 18px;
}

.component-contacts .tabs__button._active {
    border-bottom: 1px solid rgba(0, 173, 199, 1);
}

.component-contacts .tabs__item._active {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: baseline;
}
.component-contacts .address{
    flex-direction: column;
}
.address-text{
    display: flex;
    gap: 10px;
    align-items: center;
    color: inherit;
    font-size: 18px;
    line-height: 21px;
}
.warning-adress.red{
    color: red;
    text-align: left;
    width: 100%;
}
.container-times .item-time:not(._active),
.container-times:not(._active),
.component-contacts .tabs__item:not(._active) {
    display: none;
}

.component-contacts .tabs__nav {
    position: relative;
}

.component-contacts .tabs__nav-button-prev {
    left: 0;
    top: 0;
}

.component-contacts .tabs__nav-button-next {
    right: 0;
    top: 0;
}

.component-contacts .tabs__nav-button-prev,
.component-contacts .tabs__nav-button-next {

    position: absolute;

}

.component-contacts .tabs__nav-button-prev span,
.component-contacts .tabs__nav-button-next span {
    background-color: rgba(187, 232, 240, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    z-index: 3;
    position: relative;
}

.component-contacts .tabs__nav-button-next span:after,
.component-contacts .tabs__nav-button-prev span:after {
    content: '';
    width: 13px;
    height: 13px;
    display: block;
    background-size: cover;
    background-position: center;
}

.component-contacts .tabs__nav-button-next span:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.2046 12L7.71256 20.727C7.64265 20.7973 7.58737 20.8808 7.54994 20.9727C7.5125 21.0645 7.49365 21.1628 7.49447 21.262C7.4953 21.3612 7.51578 21.4592 7.55474 21.5504C7.59369 21.6416 7.65034 21.7241 7.72142 21.7933C7.79249 21.8625 7.87658 21.9168 7.96881 21.9533C8.06103 21.9897 8.15958 22.0075 8.25873 22.0056C8.35788 22.0037 8.45567 21.9822 8.54644 21.9423C8.63722 21.9024 8.71917 21.8448 8.78756 21.773L17.7876 12.523C17.9238 12.383 18 12.1954 18 12C18 11.8047 17.9238 11.617 17.7876 11.477L8.78756 2.227C8.71917 2.15519 8.63722 2.09766 8.54645 2.05773C8.45567 2.01779 8.35788 1.99626 8.25873 1.99437C8.15958 1.99249 8.06104 2.01028 7.96881 2.04673C7.87658 2.08317 7.7925 2.13755 7.72142 2.20671C7.65035 2.27586 7.5937 2.35843 7.55474 2.44963C7.51579 2.54083 7.4953 2.63884 7.49448 2.73801C7.49366 2.83717 7.51251 2.93552 7.54994 3.02735C7.58738 3.11918 7.64265 3.20268 7.71257 3.27301L16.2046 12Z' fill='%2300ADC7'/%3E%3C/svg%3E");
}

.component-contacts .tabs__nav-button-prev span:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='24' width='24'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 24 24)'%3E%3Cpath d='M16.2046 12L7.71256 20.727C7.64265 20.7973 7.58737 20.8808 7.54994 20.9727C7.5125 21.0645 7.49365 21.1628 7.49447 21.262C7.4953 21.3612 7.51578 21.4592 7.55474 21.5504C7.59369 21.6416 7.65034 21.7241 7.72142 21.7933C7.79249 21.8625 7.87658 21.9168 7.96881 21.9533C8.06103 21.9897 8.15958 22.0075 8.25873 22.0056C8.35788 22.0037 8.45567 21.9822 8.54644 21.9423C8.63722 21.9024 8.71917 21.8448 8.78756 21.773L17.7876 12.523C17.9238 12.383 18 12.1954 18 12C18 11.8047 17.9238 11.617 17.7876 11.477L8.78756 2.227C8.71917 2.15519 8.63722 2.09766 8.54645 2.05773C8.45567 2.01779 8.35788 1.99626 8.25873 1.99437C8.15958 1.99249 8.06104 2.01028 7.96881 2.04673C7.87658 2.08317 7.7925 2.13755 7.72142 2.20671C7.65035 2.27586 7.5937 2.35843 7.55474 2.44963C7.51579 2.54083 7.4953 2.63884 7.49448 2.73801C7.49366 2.83717 7.51251 2.93552 7.54994 3.02735C7.58738 3.11918 7.64265 3.20268 7.71257 3.27301L16.2046 12Z' fill='%2300ADC7'/%3E%3C/g%3E%3C/svg%3E");
}

.component-contacts .tabs__item .icon {
    background-color: var(--secondary-color);
}

.tabs__item > div > a,
.tabs__item > div {
    display: flex;
    gap: 10px;
    align-items: center;
    color: inherit;
    font-size: 14px;
    line-height: 17px;
}

.component-contacts__tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.component-contacts__map {
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.component-contacts__map .component-contacts__map-times {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 90;
}

.container-times {
    display: flex;
    gap: 20px;
    padding: 10px 20px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -3%;
}

.container-times__date .item-date-open {
    color: var(--secondary-color);
    font-weight: 500;
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.container-times__date {
    position: relative;
}

.times__date-items {
    position: absolute;
    left: -15px;
    top: 40px;
    background: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    color: var(--secondary-color);
}

.times__date-items .times__date-item:hover {
    --d: 100%;
}

.times__date-items .times__date-item {
    padding: 2px 0;
    cursor: pointer;
    background: linear-gradient(currentColor 0 0) bottom / var(--d, 0) 1px no-repeat;
    transition: 0.3s;
    width: fit-content;
    margin: 0 auto;
}

.tabs__nav-button-prev:after {
    content: '';
    width: 50px;
    background: white;
    height: 100%;
    z-index: 1;
    display: block;
    position: absolute;
    top: 0px;
}

.component-contacts .tabs__item._active .circle-icon {
    min-width: 20px;
    min-height: 20px;
}

.marker-container .marker-title {
    opacity: 0;
    width: 0;
}

@media (max-width: 1208px) {
    .component-contacts .tabs__nav-button-prev, .component-contacts .tabs__nav-button-next {
        display: none !important;
    }

    .component-contacts .tabs__item._active {
        flex-direction: column;
    }
    .warning-adress.red{
        margin: unset;
    }
}

@media (min-width: 769px) {
    .component-contacts .tabs__item._active {
        gap: 20px;
    }

    .tabs__item > div > a, .tabs__item > div {
        font-size: 18px;
        line-height: 21px;
    }

    .component-contacts .tabs__nav {
        padding-right: 60px;
    }

    .component-contacts .tabs__button {
        padding: 0 20px 5px 20px;
        font-size: 18px;
        line-height: 23px;
    }

    .component-contacts .tabs__item._active .circle-icon {
        min-width: 30px;
        min-height: 30px;
    }

    .container-times {
        font-size: 16px;
        line-height: 22px;
    }

    .component-contacts__map .component-contacts__map-times {
        left: 20px;
        top: 20px;
    }
}
/* End */
/* /local/templates/glavdent/components/bitrix/news.list/contact/style.css?17908666887560 */