@charset "UTF-8";

.swiper-button-next,.swiper-button-prev,.swiper-pagination {
    position: static;
    margin-top: 0
}

.swiper-button-next,.swiper-button-prev {
    color: #fff;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: 1.5rem
}

.swiper-button-next:after,.swiper-button-prev:after {
    content: none
}

.swiper-pagination-divider,.swiper-pagination-total {
    opacity: .5
}

.swiper-controls {
    position: absolute;
    right: 0;
    bottom: 90px;
    width: 100%;
    z-index: 1
}

.swiper-controls__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swiper-controls__inner {
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,.17);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    font-size: var(--text-t6_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .12px;
    text-transform: uppercase;
    padding: .75em 1.25em
}

.swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.swiper-button_big:not(.swiper-button-lock) {
    border-style: solid;
    border-width: 1px;
    border-radius: 3.125rem;
    display: block;
    padding: 1.5rem 4.625rem;
    width: auto;
    height: auto;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.swiper-button_big:not(.swiper-button-lock) svg {
    width: 2rem;
    height: 2rem;
    vertical-align: top
}

.swiper-button_big:not(.swiper-button-lock) span {
    font-size: inherit
}

.swiper-button_black {
    border-color: rgba(51,51,51,.2);
    color: #333
}

.swiper-button_white {
    border-color: rgba(255,255,255,.2);
    color: #fff
}


.breadcrumbs {
    margin: 2rem 0 1.25rem
}

.map-section {
    padding: 0 0 6.5625rem
}

.map-section__title {
    font-size: var(--heading-h1_font-size);
    font-weight: 400;
    line-height: .9;
    letter-spacing: .9px
}

.map-section #map {
    height: 45rem
}

.map-section #map #zoom-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem
}

.map-section #map #zoom-in,.map-section #map #zoom-out {
    background-color: #fff;
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding: .5rem;
    -webkit-transition: background-color .2s ease 0s,color .2s ease 0s;
    transition: background-color .2s ease 0s,color .2s ease 0s
}

.map-section #map #zoom-in img,.map-section #map #zoom-out img {
    width: 1.25rem;
    height: 1.25rem
}

.map-section #map #zoom-out:disabled {
    cursor: auto
}

.map-section #map #zoom-out:disabled img {
    -webkit-filter: invert(83%) sepia(0) saturate(6%) hue-rotate(149deg) brightness(92%) contrast(93%);
    filter: invert(83%) sepia(0) saturate(6%) hue-rotate(149deg) brightness(92%) contrast(93%)
}

.map-section__body {
    border-radius: 1rem;
    padding-top: 0;
    position: relative;
    overflow: hidden
}

[class*=copyrights-pane] {
    display: none!important
}

[class*=ground-pane] {
    -webkit-filter: grayscale(1) invert(.83);
    filter: grayscale(1) invert(.83)
}

[class*=image] {
    background-size: 3.75rem 3.75rem!important;
    width: 3.75rem!important;
    height: 3.75rem!important
}

.balloon {
    background-color: #fff;
    border-radius: .75rem;
    color: #333;
    display: none;
    padding: 2rem;
    position: absolute;
    top: 3rem;
    left: 3rem;
    bottom: 3rem;
    overflow: hidden;
    opacity: 1
}

.balloon__content {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.balloon__title {
    font-size: var(--text-t1_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .26px;
    margin: 0 0 1.5rem
}

.balloon__img {
    border-radius: .375rem;
    margin: 0 0 2rem;
    height: 15.0625rem;
    overflow: hidden
}

.balloon__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.balloon__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    margin: 0 0 3.5rem;
    font-size: var(--text-t3_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    max-width: 20.375rem
}

.balloon__address,.balloon__email,.balloon__phone,.balloon__time {
    font-size: var(--text-t3_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem
}

.balloon__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.balloon_open {
    display: block
}

.departments-section {
    background-color: #fff;
    overflow: hidden
}

.departments-section__title {
    max-width: 625px
}

.departments-section__tab-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem;
    -ms-flex-preferred-size: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.departments-section__tab-button {
    border: 1px solid rgba(51,51,51,.2);
    border-radius: .75rem;
    font-size: var(--text-t6_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .12px;
    text-transform: uppercase;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .8125rem 1.5rem .625rem
}

.departments-section__tab-button_active {
    background-color: #333;
    border-color: #333;
    color: #fff;
    cursor: auto;
    pointer-events: none
}

.departments-section__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.departments-section__info-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.departments-section__info-title {
    font-size: var(--text-t4_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .16px;
    margin: 0 0 .75em;
    opacity: .6;
    text-transform: uppercase
}

.departments-section a,.departments-section__info-desc {
    font-size: var(--text-t3_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.departments-section a:not(:last-child),.departments-section__info-desc:not(:last-child) {
    margin-bottom: .3333333333em
}

.departments-section .swiper-buttons {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

.departments-section__departments {
    margin: 4rem 0 0;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.departments-section__department {
    display: none
}

.departments-section__department_active {
    display: block
}

.departments-section__department .swiper-wrapper {
    height: auto
}

.employee__img {
    background-color: #e2e2e2;
    border-radius: .75rem;
    position: relative;
    margin: 0 0 2rem;
    padding-top: 123.6842105263%;
    height: 0;
    overflow: hidden
}

.employee__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.employee__position {
    font-size: var(--text-t5_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .75rem;
    text-transform: uppercase;
    opacity: .6
}

.employee__name {
    font-size: var(--text-t1_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .26px;
    margin-bottom: .7692307692em
}

.employee__email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--text-t3_font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    gap: .3333333333em;
    margin-top: auto
}

.employee__email .icon-email {
    font-size: 1.3888888889em
}

@media screen and (min-width:1680px) {
    .departments-section__title {
        width: 39.8596938776%;
        max-width: none
    }
}

@media (max-width:992px) {
    .balloon {
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        width: 48%;
        min-width: 320px;
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0);
        -webkit-transition: -webkit-transform .3s ease 0s;
        transition: -webkit-transform .3s ease 0s;
        transition: transform .3s ease 0s;
        transition: transform .3s ease 0s,-webkit-transform .3s ease 0s
    }

    .balloon_open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    .departments-section .section__info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .departments-section__tab-panel {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (max-width:768px) {
    .swiper-button-next,.swiper-button-prev {
        display: none
    }

    .swiper-controls__inner {
        font-size: 18px
    }

    .swiper-buttons {
        display: none
    }

    .departments-section__department {
        margin-top: 32px
    }

    .departments-section__tab-panel {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .departments-section__tab-panel::-webkit-scrollbar {
        height: 0
    }

    .departments-section__tab-panel>div {
        white-space: nowrap
    }

    .departments-section__departments {
        margin: 2rem 0 0
    }

    .departments-section .swiper-buttons {
        display: none
    }
}

@media (max-width:576px) {
    .swiper-controls {
        bottom: 40px;
        right: 50%;
        -webkit-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        transform: translate(50%,0)
    }

    .swiper-controls__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .map-section #map {
        height: 550px
    }

    .balloon {
        padding: 24px 16px;
        min-width: 280px
    }

    .balloon__title {
        font-size: 22px
    }

    .balloon__img {
        height: 180px
    }

    .balloon__address,.balloon__email,.balloon__phone,.balloon__time {
        font-size: 16px
    }

    .balloon__link {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:1680px) {
    .swiper-button_big:not(.swiper-button-lock) {
        padding-left: calc(37px + 37 * (100vw - 768px)/ 912);
        padding-right: calc(37px + 37 * (100vw - 768px)/ 912);
        padding-top: calc(12px + 12 * (100vw - 768px)/ 912);
        padding-bottom: calc(12px + 12 * (100vw - 768px)/ 912)
    }
}

@media screen and (any-hover:hover) {
    .swiper-button_black:hover {
        background-color: #f2f2f2;
        border-color: #f2f2f2
    }

    .swiper-button_white:hover {
        background-color: #fff;
        color: #333
    }

    .map-section #map #zoom-in:hover:not([disabled]),.map-section #map #zoom-out:hover:not([disabled]) {
        background-color: #333
    }

    .map-section #map #zoom-in:hover:not([disabled]) img,.map-section #map #zoom-out:hover:not([disabled]) img {
        -webkit-filter: invert(83%) sepia(0) saturate(0) hue-rotate(49deg) brightness(103%) contrast(103%);
        filter: invert(83%) sepia(0) saturate(0) hue-rotate(49deg) brightness(103%) contrast(103%)
    }

    .departments-section__tab-button:hover {
        background-color: #f2f2f2;
        border-color: #f2f2f2
    }
}
@supports (-webkit-appearance:none){

}

 @media screen and (min-width:1680px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:992px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:768px){

@supports (-webkit-appearance:none){

}

}

 @media (max-width:576px){

@supports (-webkit-appearance:none){

}

}

 @media (min-width:768px) and (max-width:1680px){

@supports (-webkit-appearance:none){

}

}

 @media screen and (any-hover:hover){

@supports (-webkit-appearance:none){

}

}