.header {

    padding-top: 30px
}



@media(max-width: 1280px) {

    .header {

        padding-top: 50px
    }

}



.nav-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 27px
}



@media(max-width: 1280px) {

    .nav-top {

        position: relative;

        z-index: 1;

        margin-bottom: 25px
    }

}



.nav-top__list {

    display: flex;

    align-items: center;

    column-gap: 50px
}



@media(max-width: 1280px) {

    .nav-top__list {

        column-gap: unset
    }

}



.nav-top__link {

    display: flex;

    align-items: center;

    column-gap: 10px;

    color: #000;

    transition: .3s ease-out
}



.nav-top__link:hover {

    color: #06f
}



.nav-top__item {

    font-size: 18px;

    font-weight: 500
}



@media(max-width: 1280px) {

    .nav-top__item-text {

        display: none
    }

}



@media(max-width: 1280px) {

    .nav-top__item-map {

        display: none
    }

}



.nav-top__btn {

    position: relative;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    transition: .3s ease-out
}



.nav-top__btn::after {

    position: absolute;

    content: "";

    width: calc(100% - 3px);

    height: 2px;

    background: linear-gradient(51deg, #06F 0%, #004FC6 100%);

    left: 50%;

    transform: translateX(-50%);

    bottom: -2px
}



.nav-top__btn:hover {

    color: #06f
}



@media(max-width: 1280px) {

    .nav-top__btn {

        margin-right: 32px;

        font-size: 20px
    }

}



.tel-item {

    display: flex;

    column-gap: 10px;

    color: #242424
}



@media(max-width: 1280px) {

    .tel-item {

        display: none;

        margin-right: 30px
    }

}



.tel {

    position: relative;

    display: flex;

    align-items: center;

    padding: 0 34px;

    min-height: 45px;

    background: linear-gradient(51deg, #06F 0%, #004FC6 100%);

    color: #e7f0f8;

    border-radius: 10px;

    font-size: 18px;

    font-weight: 600;

    z-index: 1
}



.tel::after {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: #0999ff;

    border-radius: inherit;

    z-index: -1;

    opacity: 0;

    transition: .3s ease-out
}



.tel:hover::after {

    opacity: unset
}



@media(max-width: 1280px) {

    .tel-btn {

        display: none
    }

}



.home {

    display: flex;

    align-items: center;

    color: #242424;

    line-height: 100.9%;

    column-gap: 10px;

    font-size: 16px;

    font-weight: 500;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .home__text {

        display: none
    }

}



.home:hover {

    color: #06f
}



.nav-middle {

    padding: 26px 30px;

    background: linear-gradient(51deg, #06F 0%, #004FC6 100%);

    border-radius: 12px;

    margin-bottom: 30px
}



@media(max-width: 1317px) {

    .nav-middle {

        padding: 26px 15px
    }

}



@media(max-width: 1280px) {

    .nav-middle {

        position: fixed;

        left: 0;

        right: 0;

        top: 109px;

        bottom: 0;

        background: #e7f0f8;

        overflow-y: auto;

        padding: 0 25px 50px 25px;

        margin-bottom: unset;

        transform: translateX(100%);

        transition: .3s ease-out;

        z-index: 2;

        border-radius: unset
    }

    .nav-middle--show {

        transform: translateX(0);
        max-width: 100vw;

    }

}



.nav-middle__top {

    display: none;

    align-items: center;

    column-gap: 15px;

    margin-bottom: 37px
}



@media(max-width: 1280px) {

    .nav-middle__top {

        display: flex
    }

}



.nav-middle__text {

    font-size: 20px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



.nav-middle__btn {

    position: relative;

    font-size: 20px;

    font-weight: 500;

    line-height: 100.9%
}



.nav-middle__btn::after {

    position: absolute;

    content: "";

    width: calc(100% - 3px);

    height: 2px;

    background: linear-gradient(51deg, #06F 0%, #004FC6 100%);

    left: 50%;

    transform: translateX(-50%);

    bottom: -2px
}



.nav-middle__list {

    display: flex;

    justify-content: space-between;

    align-items: center
}



@media(max-width: 1280px) {

    .nav-middle__list {

        flex-direction: column;

        align-items: unset;

        row-gap: 40px;

        margin-bottom: 176px
    }

}



@media(max-width: 1280px) {

    .nav-middle__item {

        display: flex;

        justify-content: space-between;

        column-gap: 15px
    }

}



.nav-middle__icon {

    display: none
}



@media(max-width: 1280px) {

    .nav-middle__icon {

        display: unset
    }

}



.nav-middle__link {

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    color: #e7f0f8;

    transition: .5s ease-out
}



.nav-middle__link:hover {

    color: aqua;

    transition: .5s ease-out
}



@media(max-width: 1280px) {

    .nav-middle__link {

        font-weight: 500;

        color: #242424;

        width: 100%
    }

    .nav-middle__link:hover {

        color: #06f;

        transition: .5s ease-out
    }

}



.nav-middle__text {

    font-size: 20px
}



.nav-bottom {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 30px
}



@media(max-width: 1280px) {

    .nav-bottom {

        margin-bottom: 20px
    }

}



.nav-bottom__link {

    font-size: 18px;

    line-height: 100.9%;

    font-weight: 500;

    color: #7f8c98;

    transition: .3s ease-out
}



.nav-bottom__link:hover {

    color: #242424;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .nav-bottom__link {

        font-size: 12px
    }

}



.nav-bottom__line {

    width: 1px;

    height: 13px;

    background-color: #06f
}



@media(max-width: 1280px) {

    .nav-bottom__line {

        height: 8px
    }

}



.tel-mobile {

    display: none;

    width: 35px;

    height: 35px;

    margin-right: 20px
}



@media(max-width: 1280px) {

    .tel-mobile {

        display: unset
    }

}



.burger {

    display: none
}



@media(max-width: 1280px) {

    .burger {

        display: unset
    }

}



.burger-btn {

    width: 35px;

    height: 35px;

    background-color: #06f;

    padding: 4px;

    font-size: 0;

    border-radius: 5px
}



@media(max-width: 1280px) {

    .burger-btn {

        display: flex;

        justify-content: center;

        align-items: center
    }

}



.tel-btn-mobile {

    display: none;

    justify-content: center;

    align-items: center;

    font-size: 16px
}



@media(max-width: 1280px) {

    .tel-btn-mobile {

        display: flex
    }

}



.show {

    display: unset
}



.hide {

    display: none
}



.map__container {

    position: relative;

    margin-bottom: 80px
}

.map__title {
    font-size: 24px;
    margin-bottom: 15px;
}



.map__popup {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    max-width: 430px;

    width: calc(100% - 20px);

    padding: 20px 20px 30px 20px;

    background-color: #fff;

    border-radius: 20px
}



.map__popup.active {

    opacity: unset;

    visibility: unset;

}



.map__popup-img {

    width: 100%;

    margin-bottom: 20px
}



#map {
    min-width: unset !important;
    width: 100%;
    min-height: 835px;
}

.map__title {

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 15px;

    line-height: 100.9%;

    color: #242424
}



.map__popup-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    padding: 14px 10px;

    background-color: #06f;

    border-radius: 10px;

    font-size: 18px;

    line-height: 100.9%;

    color: #fff;

    font-weight: 600;

    transition: .3s ease-out
}



.map__popup-btn:hover {

    background-color: #0999ff;

    transition: .3s ease-out
}



.map__popup-close-btn {

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 35px;

    height: 35px;

    padding: 12px;

    background-color: #06f;

    border-radius: 5px;

    top: 30px;

    right: 30px;

    transition: .3s ease-out
}



.map__popup-close-btn:hover {

    background-color: #0999ff;

    transition: .3s ease-out
}



.map__popup-icon {

    max-width: unset;

    width: 20px;

    height: 20px;

    transform: translateX(5%)
}



.title {

    font-size: 32px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424;

    margin-bottom: 30px
}



@media(max-width: 1280px) {

    .title {

        font-size: 20px;

        margin-bottom: 20px
    }

}



.location {

    display: flex;

    column-gap: 10px;

    margin-bottom: 30px
}



.location__img {

    flex-shrink: 0
}



.footer__link {

    display: flex;

    align-items: center;

    font-weight: 500;

    line-height: 100.9%;

    column-gap: 10px;

    color: #242424;

    font-size: 16px;

    transition: .3s ease-out
}



.footer__link:hover {

    color: #06f;

    transition: .3s ease-out
}



.footer-top {

    background-color: #cbe6ff
}



.footer-top__items {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    padding: 52px 0 48px 0;

    margin-bottom: 2px
}



@media(max-width: 1280px) {

    .footer-top__items {

        flex-direction: column;

        row-gap: 20px;

        align-items: unset;

        padding: 25px 0 25px 0
    }

}



.footer-top__start {

    display: flex;

    flex-direction: column;

    row-gap: 30px
}



@media(max-width: 1280px) {

    .footer-top__start {

        row-gap: 20px
    }

}



.footer-top__item {

    display: flex;

    align-items: center;

    column-gap: 10px;

    font-size: 22px;

    font-weight: 500;

    line-height: 100.9%
}



@media(max-width: 1280px) {

    .footer-top__item {

        font-size: 14px
    }

}



.footer-top__links {

    display: flex;

    justify-content: space-between;

    column-gap: 169px
}



@media(max-width: 1440px) {

    .footer-top__links {

        column-gap: 130px
    }

}



@media(max-width: 1317px) {

    .footer-top__links {

        column-gap: 100px
    }

}



@media(max-width: 1280px) {

    .footer-top__links {

        display: block
    }

}



.footer-top__info {

    display: flex;

    flex-direction: column;

    row-gap: 30px
}



@media(max-width: 1280px) {

    .footer-top__info {

        row-gap: 10px
    }

}



.footer-links {

    display: flex;

    flex-direction: column;

    row-gap: 14px
}



@media(max-width: 1280px) {

    .footer-links {

        row-gap: 12px
    }

}



.footer-links__link {

    font-size: 22px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424;

    transition: .3s ease-out
}



.footer-links__link:hover {

    color: #06f;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .footer-links__link {

        font-size: 14px
    }

}



@media(max-width: 1280px) {

    .footer-links {

        margin-bottom: 12px
    }

    .footer-links:nth-child(2) {

        margin-bottom: 20px
    }

}



.footer-links-right {

    display: flex;

    row-gap: 45px
}



@media(max-width: 1280px) {

    .footer-links-right {

        row-gap: 20px
    }

}



.social {

    display: flex;

    justify-content: flex-end;

    column-gap: 20px
}



@media(max-width: 1280px) {

    .social {

        justify-content: unset
    }

}



.social__item {

    width: 35px;

    height: 35px;

    font-size: 0
}



.social__link {

    display: block;

    transition: .3s ease-out
}



.social__link:hover {

    transform: scale(1.2);

    transition: .3s ease-out
}



.footer-bottom {

    padding: 18px 0 22px 0;

    background-color: #cbe6ff
}



@media(max-width: 1280px) {

    .footer-bottom {

        padding: 25px 0
    }

}



.footer-bottom__items {

    display: flex;

    align-items: center;

    justify-content: space-between
}



@media(max-width: 1280px) {

    .footer-bottom__items {

        flex-direction: column;

        align-items: unset;

        row-gap: 13px
    }

}



.footer-bottom__list {

    display: flex;

    justify-content: space-between;

    column-gap: 98px
}



@media(max-width: 1280px) {

    .footer-bottom__list {

        flex-direction: column;

        row-gap: 13px
    }

}



.footer-bottom__copy {

    font-weight: 500;

    color: #242424
}



@media(max-width: 1280px) {

    .footer-bottom__copy {

        font-size: 14px
    }

}



.footer-bottom__link {

    font-weight: 500;

    color: #242424;

    transition: .3s ease-out
}



.footer-bottom__link:hover {

    color: #06f;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .footer-bottom__link {

        font-size: 14px
    }

}



@media(max-width: 1280px) {

    .tel-footer {

        max-width: 200px;

        font-size: 14px;

        padding: 0 10px;

        justify-content: center;

        min-height: 35px;

        border-radius: 6px
    }

}



.mapboxgl-marker {

    cursor: pointer;

}



.map-inner__link {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #06f;

    border-radius: 10px;

    padding: 0 15px;

    min-height: 45px;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    color: #e7f0f8;

    transition: .3s ease-out
}



.map-inner__link:hover {

    background-color: #0999ff;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .map-inner__link {

        font-size: 16px;

        min-height: 35px;

        border-radius: 6px
    }

}



/*# sourceMappingURL=map.css.map */