.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
}



.feedback {

    margin-bottom: 50px
}

.feedback h2 {
    font-size: 32px;
    font-weight: 600;
}



.feedback__title {

    font-size: 32px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424;

    margin-bottom: 30px
}



@media(max-width: 1280px) {

    .feedback__title {

        font-size: 20px;

        margin-bottom: 20px
    }

}



.feedback__items {

    display: flex;

    flex-direction: column;

    row-gap: 30px
}



@media(max-width: 1280px) {

    .feedback__items {

        margin-bottom: 30px;

        row-gap: 20px
    }

}



.feedback-show {

    display: none !important
}



@media(max-width: 1280px) {

    .feedback-show {

        display: flex !important
    }

}



@media(max-width: 1280px) {

    .nav-bottom {

        margin-bottom: 15px
    }

}



.pension {

    margin-bottom: 80px
}



@media(max-width: 1280px) {

    .pension {

        margin-bottom: 50px
    }

}



.pension-img {
    object-fit: cover;
    width: 100%;

    border-radius: 15px
}



.slider {

    max-width: 615px
}



@media(max-width: 1280px) {

    .slider {

        max-width: unset;

        margin-bottom: 24px
    }

}



.info {

    display: flex;

    column-gap: 54px;

    margin-bottom: 45px
}



@media(max-width: 1548px) {

    .info {

        column-gap: 30px
    }

}



@media(max-width: 1280px) {

    .info {

        display: block;

        margin-bottom: 28px
    }

}



.info__slider {

    border-radius: 15px;

    font-size: 0;

    margin-bottom: 10px
}



@media(max-width: 1280px) {

    .info__slider {

        margin-bottom: 7px
    }

}



.info__title {

    font-size: 31px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1548px) {

    .info__title {

        font-size: 26px
    }

}



@media(max-width: 1430px) {

    .info__title {

        font-size: 22px
    }

}



.info__text {

    font-size: 20px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424;

    margin-bottom: 20px
}



@media(max-width: 1430px) {

    .info__text {

        font-size: 22px
    }

}



@media(max-width: 1280px) {

    .info__text {

        display: none
    }

}



.info__price {

    font-size: 28px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



.address {

    row-gap: 25px
}



@media(max-width: 1280px) {

    .address {

        flex-direction: column;

        align-items: unset !important;

        order: -1
    }

}



@media(max-width: 1280px) {

    .places {

        order: 1
    }

}



.info-right__contacts {

    display: flex;

    flex-direction: column;

    row-gap: 25px;

    margin-bottom: 38px
}



.info-right__start {

    display: flex;

    justify-content: space-between;

    align-items: center;

    column-gap: 108px;

    margin-bottom: 15px
}



@media(max-width: 1430px) {

    .info-right__start {

        column-gap: 54px
    }

}



@media(max-width: 1280px) {

    .info-right__start {

        display: none
    }

}



.info-right__top {

    display: none;

    font-size: 16px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-right__top {

        display: unset
    }

}



.info-right__day {

    font-size: 22px;

    font-weight: 500;

    line-height: 100.9%
}



.info-right__symbol {

    font-size: 17px
}



.info-right__item {

    display: flex;

    align-items: center;

    column-gap: 30px
}



@media(max-width: 1280px) {

    .info-right__item {

        column-gap: 18px;

        row-gap: 25px
    }

}



@media(max-width: 366px) {

    .info-right__item {

        flex-wrap: wrap
    }

}



.info-right__inside {

    display: flex;

    align-items: center;

    column-gap: 10px;

    font-size: 18px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-right__inside {

        flex-wrap: wrap;

        row-gap: 10px;

        font-weight: 600;

        font-size: 16px
    }

}



.info-right__strong {

    margin-left: 5px;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-right__strong {

        margin-left: 0
    }

}



.info-right__link {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .info-right__link {

        font-size: 14px
    }

}



.info-right__link::after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    width: 100%;

    height: 1px;

    background-color: #242424;

    transition: .3s ease-out
}



.info-right__link:hover {

    color: #06f;

    transition: .3s ease-out
}



.info-right__link:hover::after {

    background-color: #06f;

    transition: .3s ease-out
}



@media(max-width: 1280px) {

    .capacity {

        max-width: 155px
    }

    .capacity__text {

        margin-left: 25px;

        font-size: 14px;

        font-weight: 500
    }

}



@media(max-width: 1280px) {

    .fund {

        max-width: 216px
    }

    .fund__text {

        font-size: 14px;

        font-weight: 500
    }

}



.info-tel {

    font-size: 22px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-tel {

        max-width: 227px;

        font-size: 14px
    }

}



.info-tel__icon {

    transform: translateY(-2px)
}



.info-address {

    font-size: 20px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-address {

        max-width: 403px;

        font-size: 14px
    }

}



.info-workhours {

    max-width: 336px;

    font-size: 18px;

    font-weight: 500;

    line-height: 100.9%;

    color: #242424
}



@media(max-width: 1280px) {

    .info-workhours {

        max-width: 297px;

        font-size: 14px
    }

}



.website {

    column-gap: 15px
}



@media(max-width: 1280px) {

    .website {

        max-width: 347px;

        flex-wrap: wrap;

        row-gap: 10px
    }

}



.mail {

    column-gap: 15px
}



@media(max-width: 1280px) {

    .mail {

        max-width: 255px;

        flex-wrap: wrap;

        row-gap: 10px
    }

}



.thumb {

    max-width: 115px;

    border-radius: 7px;

    cursor: pointer;

    min-height: 70px;

    height: auto !important
}



.thumb__img {

    border-radius: 7px;

    height: 100%
}



@media(max-width: 1280px) {

    .thumb {

        max-width: 76px;

        min-height: 50px
    }

}



.last {

    display: flex;

    flex-shrink: 0;

    justify-content: center;

    align-items: center;

    font-size: 0
}



.last__text {

    width: 100%;

    text-align: center;

    position: absolute;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    color: #fff;

    left: 50%;

    top: 50%;

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



@media(max-width: 1280px) {

    .last__text {

        font-size: 13px
    }

}



.benefits {

    margin-bottom: 40px
}



.benefits__title {

    font-size: 30px;

    font-weight: 600;

    line-height: 100.9%;

    color: #242424;

    margin-bottom: 15px
}



@media(max-width: 1280px) {

    .benefits__title {

        font-size: 16px;

        line-height: 100.9%
    }

}



.benefits__icon {

    width: 40px;

    height: 40px
}



.benefits-top {

    display: flex;

    column-gap: 55px;

    margin-bottom: 50px
}



@media(max-width: 1280px) {

    .benefits-top {

        gap: 20px;

        flex-wrap: wrap;

        margin-bottom: 23px
    }

}



.benefits-top__item {

    width: 140px;

    height: 140px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    row-gap: 9px;

    border: 3px solid #29d281;

    border-radius: 18px;

    font-size: 18px;

    color: #29d281;

    font-weight: 700;

    text-align: center;

    line-height: 100.9%
}



@media(max-width: 1280px) {

    .benefits-top__item {

        width: 95px;

        height: 95px;

        font-size: 14px
    }

}



.benefits-bottom {

    display: flex;

    column-gap: 55px
}



@media(max-width: 1280px) {

    .benefits-bottom {

        gap: 20px;

        flex-wrap: wrap
    }

}



.benefits-bottom__item {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    row-gap: 9px;

    width: 140px;

    height: 140px;

    border: 3px solid #7f8c98;

    border-radius: 18px;

    font-size: 18px;

    font-weight: 700;

    line-height: 100.9%;

    text-align: center;

    color: #7f8c98
}



@media(max-width: 1280px) {

    .benefits-bottom__item {

        width: 95px;

        height: 95px;

        font-size: 14px
    }

}



.alarm-btn {

    font-size: 14px
}



@media(max-width: 1280px) {

    .alarm-btn {

        font-size: 12px
    }

}



.description {

    margin-bottom: 30px
}



.description__title {

    font-size: 24px;

    font-weight: 600;

    line-height: 100.9%;

    margin-bottom: 15px
}



@media(max-width: 1280px) {

    .description__title {

        font-size: 18px;

        margin-bottom: 10px
    }

}



.description__text {
    font-size: 18px;

    font-weight: 500;

    line-height: 100.9%
}



@media(max-width: 1280px) {

    .description__text {

        font-size: 14px;

        line-height: 135%
    }

}



.feedback {

    margin-bottom: 50px
}



@media(max-width: 1280px) {

    .feedback {

        margin-bottom: 25px
    }

    .feedback h2 {
        font-size: 22px;
        font-weight: 600;
    }

}



.feedback__btn {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #06f;

    padding: 13px 40px;

    border-radius: 10px;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%;

    color: #fff;

    transition: .3s ease-out;

    margin-bottom: 35px
}



@media(max-width: 1280px) {

    .feedback__btn {

        width: 100%;

        margin-bottom: 25px;

        font-size: 16px;

        padding-top: 10px;

        padding-bottom: 10px;

        border-radius: 6px
    }

}



.feedback__btn:hover {

    background-color: #0999ff;

    transition: .3s ease-out
}



.feedback-item {

    padding: 30px;

    background-color: #fff;

    border-radius: 20px
}



@media(max-width: 1280px) {

    .feedback-item {

        display: flex;

        flex-direction: column;

        padding: 30px 20px
    }

}



.feedback-item__top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px
}



.feedback-item__middle {

    display: flex;

    column-gap: 30px;

    align-items: center;

    margin-bottom: 15px
}



@media(max-width: 1280px) {

    .feedback-item__middle {

        flex-direction: column;

        align-items: unset;

        order: 1;

        row-gap: 18px
    }

}



.feedback-item__inside {

    display: flex;

    column-gap: 30px;

    align-items: center;

    font-size: 20px;

    font-weight: 400
}



@media(max-width: 1280px) {

    .feedback-item__inside {

        column-gap: 7px;

        justify-content: space-between;

        font-size: 16px
    }

}



.feedback-item__stars {

    display: flex;

    align-items: center;

    column-gap: 4px
}



.feedback-item__fullname {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 10px
}



@media(max-width: 1280px) {

    .feedback-item__fullname {

        font-size: 16px
    }

}



.feedback-item__title {

    color: black;

    font-size: 24px;

    font-weight: 600;

    line-height: 100.9%
}

.feedback-item__subtitle {

    color: black;

    font-size: 18px;

    font-weight: 600;

    line-height: 100.9%
}



@media(max-width: 1280px) {

    .feedback-item__title {

        font-size: 18px
    }

    .feedback-item__title {

        font-size: 14px
    }

}



.feedback-item__date {

    font-size: 20px;

    font-weight: 400
}



@media(max-width: 1280px) {

    .feedback-item__date {

        display: none
    }

}



.feedback-item__text {

    font-size: 20px;

    font-weight: 400;

    word-wrap: break-word;

}



@media(max-width: 1280px) {

    .feedback-item__text {

        font-size: 14px;

        margin-bottom: 15px
    }

}



.star {

    width: 35px;

    height: 35px
}



.mobile-date {

    display: none;

    margin-bottom: 23px;

    font-size: 16px
}



@media(max-width: 1280px) {

    .mobile-date {

        display: block
    }

}



@media(max-width: 1280px) {

    .rating-star {

        width: 25px;

        height: 25px
    }

}



@media(max-width: 1280px)and (max-width: 374px) {

    .rating-star {

        width: 14px;

        height: 14px
    }

}



.info-mobile-title {

    display: none
}



@media(max-width: 1280px) {

    .info-mobile-title {

        display: block;

        font-size: 20px;

        margin-bottom: 10px
    }

}



.info-mobile-text {

    display: none
}



@media(max-width: 1280px) {

    .info-mobile-text {

        display: block;

        margin-bottom: 10px;

        font-size: 16px
    }

}



.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
    }

}



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