@import"https://fonts.googleapis.com/css?family=Manrope:regular,500,600,700,800&display=swap&subset=cyrillic-ext";
@import"https://fonts.googleapis.com/css?family=Playfair+Display:regular,500,600,700,800,900&display=swap&subset=cyrillic-ext";
@import"https://fonts.googleapis.com/css?family=Manrope:regular,500,600,700,800&display=swap&subset=cyrillic-ext";
@import"https://fonts.googleapis.com/css?family=Playfair+Display:regular,500,600,700,800,900&display=swap&subset=cyrillic-ext";

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-weight: inherit
}

ul,
ol,
li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

html,
body {
    height: 100%;
    line-height: 1;
    color: #141414;
    font-family: "Playfair Display";
    font-weight: 300;
    display: flex;
    flex-direction: column
}

.wrapper {
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

main {
    flex: 1 1 auto
}

._hidden {
    overflow: hidden;
    opacity: 0
}

._container {
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px
}

._ibg {
    position: relative
}

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

.button {
    position: relative;
    text-align: center;
    display: block;
    padding: 1.1875rem 1.875rem;
    color: #fff;
    background-color: #435861;
    font-size: 0.875rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease 0s
}

.button:hover {
    background: #435861;
    transition: all .3s ease 0s
}

.button:active {
    background: #435861;
    transition: all 0s ease 0s
}

.title {
    font-weight: 400;
    font-size: 2.8125rem;
    line-height: 1.3;
    letter-spacing: 0.028125rem
}

.subtitle {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.7;
    font-family: "Manrope"
}

.pretitle {
    font-family: "Manrope";
    text-transform: uppercase;
    color: #435861;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.09375rem
}

.button-transparent {
    text-transform: uppercase;
    display: block;
    text-align: center;
    background: none;
    border: 2px solid #435861;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.0975rem;
    font-family: "Manrope";
    color: #141414;
    cursor: pointer;
    transition: all .3s ease 0s
}

.button-transparent:hover {
    background: #435861;
    color: #fff;
    transition: all .3s ease 0s
}

.button-transparent:active {
    background: none;
    color: #000
}

body {
    background: #f5f5f5
}

.wrapper-line-title {
    display: flex;
    background-color: #ebf3f5;
    margin: 0 0 27px 0;
    height: 100px;
    align-items: center
}

.line-title {
    max-width: 12.8888888889em;
    margin: 0 auto;
    text-transform: uppercase
}

.crumbs {
    display: flex;
    margin: 1.25rem 0
}

.crumbs>:not(:last-child) {
    margin-right: 0.3125rem
}

.crumbs-link {
    cursor: pointer
}

.crumbs-place {
    color: #435861
}

img::before {
    content: "" attr(alt) url("../img/jpg/logotip.png");
    text-align: center;
    display: block;
    width: 100%;
    height: 100%
}

@media(max-width: 1230px) {
    .wrapper-line-title {
        height: calc(70px + 30*(100vw - 320px)/910)
    }

    .line-title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }
}

.header {
    padding: 0.625rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: "Manrope";
    font-weight: 400
}

.header__container {
    width: 100%;
    max-width: 86.25rem;
    margin: 0 auto
}

.header__wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.9375rem;
    position: relative
}

.header__column {
    display: flex;
    flex-wrap: wrap
}

.header__wrapper-logo-call {
    display: flex;
    flex-wrap: wrap
}

.header__wrapper-logo-call>:not(:last-child) {
    margin-right: 1.875rem
}

.header__logo {
    display: flex
}

.header__logo_img {
    margin: 0 0.5rem 0 0
}

.header__logo-text {
    font-weight: 700;
    font-size: 1.5625rem;
    font-family: "Playfair Display";
    text-align: center
}

.header__call {
    display: flex;
    align-items: center
}

.header__call-icon {
    margin: 0 0.3125rem 0 0
}

.header__menu {
    display: flex;
    padding: 0 0.9375rem
}

.header__menu ul {
    display: flex;
    gap: 1.75rem;
    align-items: center;
    flex-wrap: wrap
}

.header__menu li {
    padding: 0 0.3125rem
}

.header__menu a:hover {
    color: #435861;
    transition: color .5s ease 0s
}

.header__icons {
    display: flex;
    align-items: center;
    padding: 0 1.25rem
}

.header__icons>:not(:last-child) {
    margin-right: 1.25rem
}

.header__icon:hover {
    color: #435861;
    transition: color .5s ease 0s
}

.header__button {
    margin: 0 0 0 0.625rem;
    max-width: 11.0625rem
}

.header__menu-call {
    display: none
}

._icon-calendar::before {
    font-size: 1.125rem;
    margin: 0 0.625rem 0 0
}

._icon-fb::before,
._icon-tw::before,
._icon-in::before {
    max-width: 1.875rem;
    height: 1.875rem
}

._icon-call::before {
    font-size: 1.25rem;
    margin: 0 0.6875rem 0 0;
    color: #435861
}

.header__logo ._icon-logo::before {
    font-size: 1.875rem;
    color: #435861
}

@media(max-width: 1230px) {
    .header__wrapper-logo-call {
        gap: calc(8px + 2*(100vw - 320px)/910)
    }
}

@media(max-width: 767.98px) {
    .header__wrapper-logo-call {
        flex-direction: column;
        align-items: center
    }

    .header__wrapper-logo-call>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .header__wrapper {
        justify-content: center
    }

    .header__logo-text {
        margin: 0
    }
}

@media(max-width: 479.98px) {
    .header__wrapper {
        justify-content: end
    }

    .header__wrapper-logo-call {
        flex-direction: column;
        align-items: flex-end
    }
}

.home {
    padding: 7.5rem 0;
    background: #ebf3f5
}

.home__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home__column {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home__column-image {
    margin: 0 0.9375rem 0 2.1875rem
}

.home__pretitle {
    color: #435861;
    margin: 0 0 0.3125em 0
}

.home__title {
    font-size: 2.8125rem;
    line-height: 1.3;
    letter-spacing: 0.012em;
    margin: 0 0 0.3454545455em 0
}

.home__subtitle {
    max-width: 25.4210526316em;
    font-size: 1.1875rem;
    margin: 0 0 1.3684210526em 0
}

.home__button {
    max-width: 14.875rem;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.0975rem
}

.home__frame {
    position: relative;
    border: 10px solid #435861;
    width: 100%;
    padding-bottom: 107.5%;
    height: 0
}

.home__image {
    position: relative;
    width: 100%;
    height: 100%
}

.home__image img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._icon-warning::before {
    color: #435861;
    margin: 0 0.4375rem 0 0
}

@media(max-width: 1230px) {
    .home {
        padding: calc(30px + 90*(100vw - 320px)/910) 0
    }

    .home__pretitle {
        font-size: calc(12.8px + 3.2*(100vw - 320px)/910)
    }

    .home__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .home__subtitle {
        font-size: calc(15.2px + 3.8*(100vw - 320px)/910)
    }
}

@media(max-width: 767.98px) {
    .home__wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center
    }

    .home__column {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .home__column-image {
        margin-bottom: 1.25rem
    }

    .home__title {
        text-align: center;
        margin: 0 auto 0.3454545455em;
        max-width: none
    }

    .home__subtitle {
        max-width: none
    }

    .home__pretitle {
        text-align: center
    }

    .home__button {
        margin: 0 auto
    }
}

.services {
    padding: 6.25rem 0 6.875rem 0
}

.services__pretitle {
    text-align: center
}

.services__title {
    text-align: center;
    margin: 0 0 1.4444444444em 0
}

.services__wrapper-block {
    min-width: 300px;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap
}

.services__column {
    flex: 1 1 30.333%
}

.services__block {
    display: flex;
    flex-direction: column;
    background: #ebf3f5;
    min-width: 18.75rem;
    width: 100%;
    height: 100%
}

.services__image {
    height: 21.375rem;
    overflow: hidden
}

.services__image img {
    transition: all .3s ease 0s
}

.services__image img:hover {
    transform: scale(1.1);
    transition: all .3s ease 0s;
    cursor: pointer
}

.services__info {
    display: flex;
    margin: 0 0 0.9375rem 0;
    text-transform: uppercase;
    padding: 1.875rem 2.1875rem 0 1.625rem
}

.services__info-date {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861
}

.services__info-border {
    max-width: 1.875rem;
    width: 100%;
    border-bottom: 4px solid #141414;
    margin: 0 0 0 1.8125rem;
    transform: translate(0px, -50%)
}

.services__info-name {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861;
    margin: 0 0 0 1em
}

.services__text-title {
    margin: 0.6363636364em 0 0.6363636364em 0;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.0275rem;
    padding: 0 1.5909090909em 0 1.1818181818em;
    transition: color .3s ease 0s
}

.services__text-title:hover {
    transition: color .3s ease 0s;
    color: #435861
}

.services__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555;
    flex: 1 1 auto;
    padding: 0 1.9444444444em 1.8888888889em 1.4444444444em
}

.services__button {
    max-width: 16.25rem;
    padding: 1.1875rem 2rem;
    margin: 1.25rem auto 0
}

@media(max-width: 1230px) {
    .services {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .services__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .services__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .services__info-date {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .services__info-bottom {
        border-bottom: calc(23.2px + 5.8*(100vw - 320px)/910)
    }

    .services__info-name {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .services__text-title {
        font-size: calc(17.6px + 4.4*(100vw - 320px)/910)
    }

    .services__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 400px) {
    .services__block {
        min-width: 12.5rem
    }

    .services__wrapper-block {
        min-width: 12.5rem
    }
}

.take {
    padding: 100px 0 120px 0;
    background: #ebf3f5
}

.take__container {
    height: 100%
}

.take__wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.take__column {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.take__pretitle {
    text-transform: uppercase;
    color: #435861;
    margin: 0 0 0.2666666667em 0
}

.take__title {
    max-width: 32.4375rem;
    margin: 0 0 0.3111111111em 0
}

.take__subtitle {
    max-width: 33.0555555556em;
    font-size: 1.125rem;
    margin: 0 0 3.3333333333em 0;
    font-weight: 400;
    line-height: 1.7
}

.take__block-wrapper {
    display: flex;
    gap: 12px;
    max-width: 37.5rem;
    width: 100%
}

.take__block-column {
    max-width: 12rem;
    width: 100%
}

.take__block {
    position: relative;
    width: 100%;
    max-height: 11.5rem;
    height: 0;
    padding-bottom: 96.669%;
    background: #fff;
    border: 2px solid #1e2c30;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.take__block-image {
    margin: 1.375rem 0 0.75rem 0;
    max-width: 73px;
    max-height: 79px
}

.take__block-image img {
    width: 100%;
    height: 100%
}

.take__block-text {
    flex: 1 0 auto;
    max-width: 6.25rem;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: 0.01625rem;
    margin: 0 0 1.4375rem
}

.take__image {
    position: relative;
    width: 500px;
    height: 576px
}

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

.take__image-two {
    position: relative;
    width: 500px;
    height: 576px;
    top: 35px;
    left: -35px
}

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

@media(max-width: 1230px) {
    .take {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .take__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .take__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .take__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 991.98px) {
    .take__image {
        display: none
    }

    .take__wrapper {
        justify-content: center
    }

    .take__column {
        width: 100%
    }

    .take__column>* {
        max-width: 100%
    }

    .take__title {
        text-align: center
    }

    .take__pretitle {
        text-align: center
    }

    .take__block-wrapper {
        justify-content: center;
        width: 100%
    }

    .take .column-img {
        display: none
    }
}

.price {
    padding: 6.25rem 0 7.5rem 0
}

.price__wrapper {
    display: flex;
    flex-direction: column
}

.price__pretitle {
    text-align: center;
    margin: 0 0 0.2666666667em 0
}

.price__title {
    text-align: center;
    max-width: 12.8888888889em;
    margin: 0 auto;
    padding: 0 0 1.5555555556em 0
}

.price__rows {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.price__column {
    position: relative;
    width: 100%
}

.price__tit {
    text-align: center;
    font-size: 1.375rem;
    margin-bottom: 1.25rem
}

.price__image {
    width: 100%;
    height: 40.625rem
}

.price__image img {
    width: 100%;
    height: 100%
}

.price__column-img {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.price__block-one {
    padding: 0 0 0 3.75rem
}

.price__block-two {
    padding: 0 3.75rem 0 0
}

.price__text-wrapper {
    display: flex;
    justify-content: space-between
}

.price__serv-title {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: 0.01625rem;
    max-width: 28.75rem;
    margin-bottom: 0.3125rem
}

.price__serv-price {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: "Manrope";
    color: #555
}

.price__serv-price span {
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.5714285714;
    font-family: "Playfair Display";
    color: #141414;
    padding: 0 0 0 0.4761904762em
}

.price__border-bold {
    border-bottom: 3px solid #141414;
    margin: 0 0 0.4375rem 0
}

.price__description {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555
}

.price__border-bottom {
    border-bottom: 1px solid #134134;
    margin: 1rem 0 0.75rem 0
}

.price__button {
    margin: re, 22 0 0 0;
    padding: 1.1875rem 2rem;
    max-width: 15.5rem
}

.price__button-one {
    margin: 0 0 0 3.75rem
}

.price__button-two {
    margin: 0 3.75rem 0 0
}

.rows-reverse {
    display: flex;
    flex-direction: row-reverse
}

@media(max-width: 1230px) {
    .price {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .price__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .price__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .price__serv-title {
        font-size: calc(15.4px + 4.4*(100vw - 320px)/910);
        max-width: calc(330px + 130*(100vw - 992px)/238)
    }

    .price__tit {
        font-size: calc(15.4px + 4.4*(100vw - 320px)/910)
    }

    .price__serv-price {
        font-size: calc(12.6px + 3.6*(100vw - 320px)/910)
    }

    .price__serv-price span {
        font-size: calc(14.7px + 4.2*(100vw - 320px)/910)
    }

    .price__border-bold {
        border-bottom: calc(2.1px + .6*(100vw - 320px)/910) solid #141414
    }

    .price__description {
        font-size: calc(12.6px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 991.98px) {
    .price__serv-title {
        max-width: 100%
    }

    .price__rows {
        flex-direction: column
    }

    .price__column {
        margin: 0 0 1.25rem 0
    }

    .price__image {
        max-height: 50rem
    }

    .price__column-img {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        overflow: hidden
    }

    .price__column-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .9);
        z-index: 1
    }

    .price__block {
        position: relative;
        padding: 0;
        margin: 0.9375rem 0
    }

    .price__button {
        margin: 0 auto
    }

    .price__image {
        display: block
    }

    .column-img {
        position: relative
    }

    .column-text {
        position: absolute;
        margin: 1.25rem 0.9375rem;
        z-index: 2
    }
}

@media(max-width: 530px) {
    .price__serv-title {
        max-width: calc(230px + 190*(100vw - 320px)/210)
    }
}

@media(max-width: 479.98px) {
    .price__image {
        max-height: 25rem
    }
}

.testimonials {
    padding: 6.25rem 0 7.5rem 0;
    background: #ebf3f5
}

.testimonials__button {
    max-width: 17.5rem;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.0975rem;
    margin: 0 auto
}

.testimonials__pretitle {
    text-align: center;
    margin: 0 0 0.2666666667em 0
}

.testimonials__title {
    text-align: center;
    max-width: 12.8222222222em;
    margin: 0 auto;
    padding: 0 0 0.8888888889em 0
}

.testimonials__blocks-wrapper {
    display: flex;
    margin-bottom: 2.6875rem
}

.testimonials__blocks-wrapper>:not(:last-child) {
    margin-right: 1.25rem
}

.testimonials__blocks-column {
    width: 50%
}

.testimonials__block {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%
}

.testimonials__block-text {
    font-size: 1.1875rem;
    line-height: 1.6842105263;
    font-family: "Manrope";
    padding: 1.73em 2.47em 1.315em 1.578em;
    flex: 1 1 auto
}

.testimonials__block-footer {
    display: flex;
    justify-content: space-between;
    background: #1e2c30;
    color: #fff
}

.testimonials__block-subcolumn {
    display: flex;
    padding: 1.375rem 1.875rem
}

.testimonials__block-subsubcolumn {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.testimonials__block-photo {
    position: relative;
    margin: 0 1.25rem 0 0;
    border: 2px solid #fff;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    overflow: hidden
}

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

.testimonials__block-grade {
    display: flex
}

.testimonials__block-grade>:not(:last-child) {
    margin-right: 0.125rem
}

.testimonials__stars {
    color: #ff0;
    font-size: 0.875rem;
    margin: 0 0 0.3571428571em 0
}

.testimonials__block-name {
    margin: 0 0 0.35em 0;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0.012em
}

.testimonials__block-town {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-family: "Manrope"
}

.testimonials__block-figure {
    width: 1.6875rem;
    height: 3.4375rem;
    border-left: 27px solid #fff;
    border-bottom: 27px solid #1e2c30;
    background: #fff
}

.testimonials__block-figure:not(:last-child) {
    margin: 0 0.9375rem 0 0
}

@media(max-width: 767.98px) {
    .testimonials__blocks-wrapper {
        flex-direction: column
    }

    .testimonials__blocks-wrapper>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .testimonials__blocks-column {
        width: 100%
    }
}

@media(max-width: 479.98px) {
    .testimonials__block-figure {
        display: none
    }
}

@media(max-width: 1230px) {
    .testimonials {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .testimonials__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .testimonials__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .testimonials__block-text {
        font-size: calc(15.2px + 3.8*(100vw - 320px)/910)
    }

    .testimonials__stars {
        font-size: calc(11.2px + 2.8*(100vw - 320px)/910)
    }

    .testimonials__block-name {
        font-size: calc(16px + 4*(100vw - 320px)/910)
    }

    .testimonials__block-town {
        font-size: calc(11.2px + 2.8*(100vw - 320px)/910)
    }
}

.benefit {
    padding: 100px 0 110px 0
}

.benefit__pretitle {
    text-align: center
}

.benefit__title {
    text-align: center;
    margin: 0 0 1.5555555556em 0
}

.benefit__block-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 40px
}

.benefit__block-column {
    flex: 0 1 33.333333%;
    max-width: 23.333125rem;
    min-width: 21.875rem;
    margin: 0 auto
}

.benefit__block-square {
    width: 94px;
    height: 94px;
    border: 2px solid #435861;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 14px 0
}

.benefit__chesk-mark {
    position: relative;
    width: 84px;
    height: 84px;
    background: #435861
}

.benefit__mark {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    transform: translate(60%, 40%)
}

.benefit__mark::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    background-color: #fff;
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom
}

.benefit__mark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #fff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom
}

.benefit__text-title {
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.4;
    letter-spacing: 0.0119230769em;
    margin: 0 0 0.4230769231em 0
}

.benefit__text-subtitle {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: "Manrope"
}

@media(max-width: 479.98px) {
    .benefit__block-column {
        min-width: 15.625rem
    }

    .benefit__block-square {
        margin: 0 auto 0.875rem
    }
}

@media(max-width: 1230px) {
    .benefit {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .benefit__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .benefit__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .benefit__text-title {
        font-size: calc(20.8px + 5.2*(100vw - 320px)/910)
    }

    .benefit__text-subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

.form {
    background: #ebf3f5;
    padding: 110px 0 110px 0
}

.form__wrapper {
    display: flex;
    justify-content: space-between
}

.form__column {
    width: 100%
}

.form__pretitle {
    margin: 0 0 0.2em 0
}

.form__title {
    max-width: 9.8888888889em;
    margin: 0 0 0.4em 0
}

.form__subtitle {
    max-width: 30.0555555556em;
    margin: 0 0 2.5em 0
}

.form__sub-wrapper {
    display: flex;
    max-width: 33.3125rem
}

.form__sub-column {
    width: 100%
}

.form__sub-column>* {
    width: 100%
}

.form__mail-us {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-family: "Manrope";
    color: #141414;
    margin: 0 0 1em 0
}

.form__call-us {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-family: "Manrope";
    color: #141414
}

.form__text-top {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.052em;
    font-family: "Manrope";
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.form__text-mid {
    font-weight: 400;
    font-size: 4.0625rem;
    line-height: 1.2;
    letter-spacing: 0.0276923077em;
    font-family: "Manrope";
    color: #fff;
    text-align: center
}

.form__text-bottom {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-family: "Manrope";
    color: #fff;
    text-align: center
}

.form__block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    padding: 70px 50px 65px;
    margin: 0 0 0 0.9375rem;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, .15);
    max-width: 34.6875rem
}

.form__block>* {
    width: 100%
}

.form__area {
    height: 130px
}

input {
    border: 2px solid #435861;
    width: 455px;
    height: 65px
}

.left {
    background: #fff;
    border-bottom: 2px solid #435861;
    border-top: 2px solid #435861;
    border-left: 2px solid #435861;
    padding: 33px 32px 39px
}

/* .right {
    background: #1e2c30;
    color: #fff;
    padding: 22px 24px 25px
} */

input[type=text],
input[type=mail] {
    padding: 15px 15px 15px 40px;
    color: #555;
    font-family: "Playfair Display";
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.1125rem
}

@media(max-width: 991.98px) {
    .form__wrapper {
        flex-direction: column;
        gap: 20px
    }

    .form__wrapper {
        align-items: center
    }

    .form__column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .form__title {
        max-width: 100%;
        text-align: center
    }

    .form__subtitle {
        max-width: 100%
    }

    .form__pretitle {
        max-width: 100%;
        text-align: center
    }

    .form__block {
        max-width: 27.071875rem;
        margin: 0
    }

    .form__block>* {
        height: 35px;
        width: 100%
    }
}

@media(max-width: 479.98px) {
    .form__sub-wrapper {
        flex-direction: column
    }

    .form__sub-column.left {
        border-right: 2px solid #435861
    }
}

@media(max-width: 1230px) {
    .form {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .form__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .form__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .form__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .form__mail-us {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .form__call-us {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .form__text-top {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .form__text-mid {
        font-size: calc(52px + 13*(100vw - 320px)/910)
    }

    .form__text-bottom {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

.blog {
    padding: 6.25rem 0 6.875rem 0
}

.blog__pretitle {
    text-align: center
}

.blog__title {
    text-align: center;
    margin: 0 0 1.4444444444em 0
}

.blog__wrapper-block {
    min-width: 18.75rem;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap
}

.blog__column {
    flex: 1 1 30.333%
}

.blog__block {
    display: flex;
    flex-direction: column;
    background: #ebf3f5;
    min-width: 18.75rem;
    width: 100%;
    height: 100%
}

.blog__image {
    height: 21.375rem;
    overflow: hidden
}

.blog__image img {
    transition: all .3s ease 0s
}

.blog__image img:hover {
    transform: scale(1.1);
    transition: all .3s ease 0s;
    cursor: pointer
}

.blog__info {
    display: flex;
    margin: 0 0 0.9375rem 0;
    text-transform: uppercase;
    padding: 1.875rem 2.1875rem 0 1.625rem
}

.blog__info-date {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861
}

.blog__info-border {
    max-width: 1.875rem;
    width: 100%;
    border-bottom: 4px solid #141414;
    margin: 0 0 0 1.8125rem;
    transform: translate(0px, -50%)
}

.blog__info-name {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861;
    margin: 0 0 0 1em
}

.blog__text-title {
    margin: 0.6363636364em 0 0.6363636364em 0;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.0275rem;
    padding: 0 1.5909090909em 0 1.1818181818em;
    transition: color .3s ease 0s
}

.blog__text-title:hover {
    transition: color .3s ease 0s;
    color: #435861
}

.blog__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555;
    flex: 1 1 auto;
    padding: 0 1.9444444444em 1.8888888889em 1.4444444444em
}

.blog__button {
    max-width: 16.25rem;
    padding: 1.1875rem 2rem;
    margin: 1.25rem auto 0
}

@media(max-width: 1230px) {
    .blog {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .blog__title {
        font-size: calc(31.5px + 13.5*(100vw - 320px)/910)
    }

    .blog__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .blog__info-date {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blog__info-bottom {
        border-bottom: calc(23.2px + 5.8*(100vw - 320px)/910)
    }

    .blog__info-name {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blog__text-title {
        font-size: calc(17.6px + 4.4*(100vw - 320px)/910)
    }

    .blog__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 400px) {
    .blog__block {
        min-width: 12.5rem
    }

    .blog__wrapper-block {
        min-width: 12.5rem
    }
}

.price-page {
    padding: 0 0 7.5rem 0
}

.price-page__wrapper-column {
    display: flex;
    justify-content: space-between
}

.price-page__pretitle {
    text-align: center;
    margin: 0 0 0.2666666667em 0
}

.price-page__titles {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 2.1875rem;
    line-height: 1.3428571429;
    text-align: center;
    color: #5c8692;
    margin: 60px 0;
}

.price-page__column {
    width: 100%
}

.price-page__text-wrapper {
    display: flex;
    justify-content: space-between
}

.price-page__serv-title {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: 0.01625rem;
    margin-bottom: 0.3125rem
}

.price-page__serv-price {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: "Manrope";
    color: #555
}

.price-page__serv-price span {
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.5714285714;
    font-family: "Playfair Display";
    color: #141414;
    padding: 0 0 0 0.4761904762em
}

.price-page__border-bold {
    border-bottom: 3px solid #141414;
    margin: 0 0 7px 0
}

.price-page__description {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555
}

.price-page__border-bottom {
    border-bottom: 1px solid #134134;
    margin: 1rem 0 0.75rem 0
}

.price-page__title-ee {
    margin: 0 0 2.875rem 0
}

@media(max-width: 1230px) {
    .price-page__pretitle {
        font-size: calc(12px + 3*(100vw - 320px)/910)
    }

    .price-page__titles {
        font-size: calc(24.5px + 10.5*(100vw - 320px)/910)
    }

    .price-page__serv-title {
        font-size: calc(15.4px + 4.4*(100vw - 320px)/910)
    }

    .price-page__serv-price {
        font-size: calc(12.6px + 3.6*(100vw - 320px)/910)
    }

    .price-page__serv-price span {
        font-size: calc(14.7px + 4.2*(100vw - 320px)/910)
    }

    .price-page__border-bold {
        border-bottom: calc(2.1px + .6*(100vw - 320px)/910) solid #141414
    }

    .price-page__description {
        font-size: calc(12.6px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 991.98px) {
    .price__rows {
        flex-direction: column
    }

    .price__column {
        margin: 0 0 1.25rem 0
    }

    .price__column-img {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        overflow: hidden
    }

    .price__column-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .9);
        z-index: 1
    }

    .price__block {
        position: relative;
        padding: 0;
        margin: 0.9375rem 0
    }

    .price__button {
        margin: 0 auto
    }

    .column-img {
        position: relative
    }

    .column-text {
        position: absolute;
        margin: 1.25rem 0.9375rem;
        z-index: 2
    }
}

@media(max-width: 767.98px) {
    .price-page__wrapper-column {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
        gap: none
    }
}

.our-us {
    padding: 8.75rem 0 6.25rem 0;
    background: #ebf3f5
}

.our-us__wrapper {
    display: flex;
    justify-content: space-between
}

.our-us__column {
    width: 50%
}

.our-us__pretitle {
    margin: 0 0 0.25rem 0
}

.our-us__title {
    margin: 0 0 1.125rem 0
}

.our-us__text {
    font-size: 1.125rem;
    font-family: "Manrope";
    line-height: 1.7;
    margin: 0 2.6875rem 2.6875rem 0
}

.our-us__sertification-wrapper {
    display: flex;
    flex-direction: row;
    margin: 0 2.6875rem 2.6875rem 0
}

.our-us__sertification-wrapper>:not(:last-child) {
    margin-right: 0.9375rem
}

.our-us__sertification {
    min-width: 12.5rem;
    position: relative
}

.our-us__sertification img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border: 2px solid #000
}

.our-us__button {
    max-width: 14.875rem;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.0975rem
}

.our-us__background {
    position: relative;
    float: right;
    max-width: 31.25rem
}

.our-us__background img {
    width: 100%
}

.our-us__user {
    position: absolute;
    max-width: 31.25rem;
    top: 0;
    left: 0
}

@media(max-width: 1230px) {
    .our-us {
        padding: calc(30px + 110*(100vw - 320px)/910) 0
    }

    .our-us__pretitle {
        font-size: calc(12.8px + 3.2*(100vw - 320px)/910)
    }

    .our-us__title {
        font-size: calc(38.5px + 16.5*(100vw - 320px)/910)
    }

    .our-us__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 1000px) {
    .our-us__wrapper {
        margin: 0 0 1.875rem 0
    }

    .our-us__sertification-wrapper {
        display: flex;
        flex-direction: column;
        margin: 0 auto 2.6875rem
    }

    .our-us__sertification-wrapper>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.9375rem
    }
}

@media(max-width: 479.98px) {
    .our-us__column {
        width: 100%
    }

    .our-us__column-two {
        display: none
    }

    .our-us__sertification-wrapper {
        display: flex;
        flex-direction: column;
        margin: 0 auto 2.6875rem
    }

    .our-us__sertification-wrapper>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.9375rem
    }

    .our-us__sertification {
        max-width: 100%
    }

    .our-us__text {
        margin: 0.9375rem 0
    }

    .our-us__button {
        margin: 0 auto
    }
}

@media(max-width: 679px) {
    .our-us__column {
        width: 100%
    }

    .our-us__column-two {
        display: none
    }

    .our-us__sertification-wrapper {
        display: flex;
        flex-direction: column;
        margin: 0 auto 2.6875rem
    }

    .our-us__sertification {
        max-width: 100%
    }

    .our-us__text {
        margin: 0.9375rem 0
    }

    .our-us__button {
        margin: 0 auto
    }

    .our-us__background {
        width: 100%;
        float: none;
        margin: 0 auto
    }
}

.contacts {
    padding: 54px 0 0 0;
    background: #ebf3f5
}

.contacts__pretitle {
    text-align: center
}

.contacts__title {
    text-align: center;
    margin: 0 0 30px 0
}

.contacts__column-wrapper {
    display: flex;
    gap: 30px
}

.contacts__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
    margin: 0 0 70px 0
}

.contacts__map {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1254901961);
    height: 400px
}

.contacts-wrap {
    display: flex
}

.contacts-word {
    min-width: 120px
}

@media(max-width: 1230px) {
    .contacts {
        padding: calc(30px + 24*(100vw - 320px)/910) 0 0 0
    }

    .contacts__pretitle {
        font-size: calc(12.8px + 3.2*(100vw - 320px)/910)
    }

    .contacts__title {
        font-size: calc(38.5px + 16.5*(100vw - 320px)/910)
    }

    .contacts__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 840px) {
    .contacts__column-wrapper {
        flex-direction: column
    }

    .contacts__column {
        margin: 0;
        width: 100%
    }

    .contacts__column:last-child {
        margin: 0 0 70px 0
    }
}

.our-us-page__wrapper {
    min-height: someValue;
    overflow: auto
}

.our-us-page__background {
    position: relative;
    float: right;
    max-width: 500px;
    margin-left: 30px;
    margin-bottom: 30px
}

.our-us-page__background img {
    width: 100%
}

.our-us-page__user {
    position: absolute;
    max-width: 500px;
    top: 0;
    left: 0
}

.our-us-page__titles {
    font-weight: 400;
    font-size: 2.8125rem;
    line-height: 1.3;
    letter-spacing: .028125rem;
    margin: 0 0 25px 0
}

.our-us-page__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.7;
    font-family: "Manrope";
    margin: 0 0 30px 0;
    color: #555
}

.our-us-page__map {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1254901961);
    height: 400px
}

.our-us-page__sertification-wrapper {
    display: grid;
    -ms-grid-rows: 1fr 10px 1fr 10px 1fr;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template: repeat(3, 1fr)/repeat(3, 1fr);
    gap: 10px;
    margin: 0 0 30px
}

.our-us-page__sertification {
    border: 1px solid #000
}

.our-us-page__sertification img {
    width: 100%
}

@media(max-width: 1230px) {
    .our-us-page {
        padding: calc(30px + 70*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .our-us-page__background {
        max-width: calc(300px + 200*(100vw - 768px)/462)
    }

    .our-us-page__background {
        max-width: calc(150px + 350*(100vw - 320px)/910)
    }
}

@media(max-width: 560px) {
    .our-us-page__wrapper {
        display: flex;
        flex-direction: column
    }

    .our-us-page__background {
        max-width: 100%;
        margin-left: 0
    }

    .our-us-page__sertification-wrapper {
        -ms-grid-rows: 1fr [1];
        -ms-grid-columns: 1fr [1];
        grid-template: repeat(1, 1fr)/repeat(1, 1fr)
    }
}

.blog-page__wrapper {
    min-height: someValue;
    overflow: auto;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
    background: #ebf3f5;
    min-width: 18.75rem;
    border-radius: 1.875rem
}

.blog-page__wrapper-img {
    margin-bottom: 0.625rem
}

.blog-page__pretitle {
    text-align: center
}

.blog-page__titles {
    text-align: center;
    margin: 0 0 1.4444444444em 0
}

.blog-page__wrapper-img {
    max-width: 25rem;
    float: left;
    margin-right: 1.25rem
}

.blog-page__image {
    position: relative;
    max-width: 25rem;
    max-height: 25rem;
    width: 25rem;
    height: 25rem;
    overflow: hidden;
    margin-bottom: 0.625rem;
    margin-right: 1.875rem;
    border-radius: 1.875rem
}

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

.blog-page__text-title {
    margin: 0 0 0.4166666667em 0;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.2833333333;
    letter-spacing: 0.0275rem
}

.blog-page__images {
    display: flex
}

.blog-page__img {
    max-width: 5.625rem;
    max-height: 5.625rem
}

.blog-page__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.625rem
}

.blog-page__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555;
    flex: 1 1 auto
}

.swiper-container {
    max-width: 25rem;
    margin: 0 auto;
    overflow: hidden
}

.swiper-slide {
    text-align: center
}

.blog-page__imgs {
    margin-bottom: 0.625rem
}

.blog-page__container-slaider-mini {
    max-width: 25rem
}

.blog-page__swiper-slide-mini {
    max-width: 5.625rem;
    margin: 0 0.625rem 0 0
}

.blog-page__swiper-slide-mini:hover {
    cursor: pointer
}

.blog-page__image-mini {
    width: 100%;
    height: 5.625rem;
    border-radius: 0.625rem;
    overflow: hidden
}

.blog-page__image-mini img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-page .swiper-slide-thumb-active {
    cursor: inherit;
    position: relative
}

.blog-page .swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.625rem;
    background-color: rgba(255, 255, 255, .7)
}

@media(max-width: 1230px) {
    .blog-page__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .blog-page__info-date {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blog-page__info-bottom {
        border-bottom: calc(23.2px + 5.8*(100vw - 320px)/910)
    }

    .blog-page__info-name {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blog-page__text-title {
        font-size: calc(17.6px + 4.4*(100vw - 320px)/910)
    }

    .blog-page__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .blog-page__image {
        max-width: calc(300px + 100*(100vw - 600px)/630);
        max-height: calc(300px + 100*(100vw - 600px)/630)
    }

    .blog-page__wrapper-img {
        max-width: calc(300px + 100*(100vw - 600px)/630)
    }

    .blog-page__swiper-slide-mini {
        max-width: calc(67.5px + 22.5*(100vw - 600px)/630)
    }

    .blog-page__image-mini {
        max-height: calc(67.5px + 22.5*(100vw - 600px)/630)
    }
}

@media(max-width: 600px) {
    .blog-page .swiper-slide-thumb-active::after {
        border-radius: 0
    }

    .blog-page__text-title {
        text-align: center
    }

    .blog-page__container {
        max-width: 100%;
        padding: 0
    }

    .blog-page__wrapper {
        display: flex;
        flex-direction: column;
        border-radius: 0 0 0 0
    }

    .blog-page__wrapper-img {
        max-width: 100%;
        margin: 0 0 0.625rem 0
    }

    .blog-page__image {
        overflow: hidden;
        margin: 0;
        border-radius: 0 0 0 0;
        float: none;
        max-width: none;
        max-height: none;
        margin-bottom: 1.25rem
    }

    .blog-page__swiper-slide {
        max-width: 100%
    }

    .blog-page__container-slaider {
        max-width: 100%
    }

    .blog-page__image {
        max-width: calc(280px + 280*(100vw - 320px)/280);
        max-height: calc(280px + 280*(100vw - 320px)/280);
        width: 100%
    }

    .blog-page__wrapper-img {
        max-width: calc(280px + 280*(100vw - 320px)/280)
    }

    .blog-page__swiper-slide-mini {
        max-width: calc(60px + 70*(100vw - 320px)/280)
    }

    .blog-page__image-mini {
        max-height: calc(60px + 70*(100vw - 320px)/280);
        border-radius: 0
    }

    .swiper-container {
        margin: 0
    }
}

@media(max-width: 400px) {
    .blog-page__block {
        min-width: 12.5rem
    }

    .blog-page__wrapper-block {
        min-width: 12.5rem
    }
}

.blogs-page {
    padding: 0 0 6.875rem 0
}

.blogs-page__pretitle {
    text-align: center
}

.blogs-page__wrapper-block {
    min-width: 18.75rem;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap
}

.blogs-page__column {
    flex: 0 1 30.333%
}

.blogs-page__block {
    display: flex;
    flex-direction: column;
    background: #ebf3f5;
    min-width: 18.75rem;
    width: 100%;
    height: 100%
}

.blogs-page__image {
    height: 21.375rem;
    overflow: hidden
}

.blogs-page__image img {
    transition: all .3s ease 0s
}

.blogs-page__image img:hover {
    transform: scale(1.1);
    transition: all .3s ease 0s;
    cursor: pointer
}

.blogs-page__info {
    display: flex;
    margin: 0 0 0.9375rem 0;
    text-transform: uppercase;
    padding: 1.875rem 2.1875rem 0 1.625rem
}

.blogs-page__info-date {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861
}

.blogs-page__info-border {
    max-width: 1.875rem;
    width: 100%;
    border-bottom: 4px solid #141414;
    margin: 0 0 0 1.8125rem;
    transform: translate(0px, -50%)
}

.blogs-page__info-name {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-family: "Manrope";
    color: #435861;
    margin: 0 0 0 1em
}

.blogs-page__text-title {
    margin: 0.6363636364em 0 0.6363636364em 0;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.0275rem;
    padding: 0 1.5909090909em 0 1.1818181818em;
    transition: color .3s ease 0s
}

.blogs-page__text-title:hover {
    transition: color .3s ease 0s;
    color: #435861
}

.blogs-page__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555;
    flex: 1 1 auto;
    padding: 0 1.9444444444em 1.8888888889em 1.4444444444em
}

.blogs-page__pagination {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.blogs-page__pagination>:not(:last-child) {
    margin-right: 0.5625rem
}

.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #435861;
    cursor: pointer;
    transition: background .3s ease 0s;
    margin: 3.125rem 0 0 0;
    width: 2.5rem;
    height: 2.5rem;
    font-family: "Manrope"
}

.page-numbers:hover {
    background: #435861;
    transition: background .3s ease 0s;
    color: #fff
}

.page-numbers:active {
    background: none;
    transition: background 0s ease 0s
}

.current {
    background: #435861;
    color: #fff
}

@media(max-width: 1230px) {
    .blogs-page__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .blogs-page__info-date {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blogs-page__info-bottom {
        border-bottom: calc(23.2px + 5.8*(100vw - 320px)/910)
    }

    .blogs-page__info-name {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .blogs-page__text-title {
        font-size: calc(17.6px + 4.4*(100vw - 320px)/910)
    }

    .blogs-page__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }
}

@media(max-width: 991.98px) {
    .blogs-page__column {
        flex: 0 1 48%
    }
}

@media(max-width: 767.98px) {
    .blogs-page__column {
        flex: 0 1 100%
    }
}

.service-page__container {
    height: 100%
}

.service-page__wrapper {
    padding: 20px;
    margin-bottom: 40px;
    background: #ebf3f5;
    min-width: 18.75rem;
    border-radius: 30px
}

.service-page__wrapper-content {
    min-height: someValue;
    overflow: auto
}

.service-page__pretitle {
    text-align: center
}

.service-page__titles {
    text-align: center;
    margin: 0 0 1.4444444444em 0
}

.service-page__wrapper-img {
    max-width: 400px;
    margin-bottom: 10px;
    float: left;
    margin-right: 20px
}

.service-page__image {
    position: relative;
    max-width: 400px;
    max-height: 400px;
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 30px;
    border-radius: 30px
}

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

.service-page__text-title {
    margin: 0 0 0.4166666667em 0;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.2833333333;
    letter-spacing: 0.0275rem
}

.service-page__img {
    max-width: 90px;
    max-height: 90px
}

.service-page__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.service-page__text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-family: "Manrope";
    color: #555;
    flex: 1 1 auto
}

.service-page__video {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9
}

.service-page__video iframe {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.service-page__wrapper-video {
    display: flex;
    gap: 15px
}

@media(max-width: 1230px) {
    .service-page__subtitle {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .service-page__info-date {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .service-page__info-bottom {
        border-bottom: calc(23.2px + 5.8*(100vw - 320px)/910)
    }

    .service-page__info-name {
        font-size: calc(10.4px + 2.6*(100vw - 320px)/910)
    }

    .service-page__text-title {
        font-size: calc(17.6px + 4.4*(100vw - 320px)/910)
    }

    .service-page__text {
        font-size: calc(14.4px + 3.6*(100vw - 320px)/910)
    }

    .service-page__image {
        max-width: calc(300px + 100*(100vw - 600px)/630);
        max-height: calc(300px + 100*(100vw - 600px)/630)
    }

    .service-page__wrapper-img {
        max-width: calc(300px + 100*(100vw - 600px)/630)
    }
}

@media(max-width: 600px) {
    .service-page__text-title {
        text-align: center
    }

    .service-page__container {
        max-width: 100%;
        padding: 0
    }

    .service-page__wrapper {
        display: flex;
        flex-direction: column;
        border-radius: 0 0 0 0
    }

    .service-page__wrapper-content {
        margin-bottom: 1.25rem
    }

    .service-page__wrapper-img {
        max-width: 100%;
        margin: 0 0 10px 0;
        float: none
    }

    .service-page__image {
        overflow: hidden;
        margin: 0;
        border-radius: 0 0 0 0;
        max-width: none;
        max-height: none;
        margin-bottom: 20px
    }

    .service-page__image {
        max-width: calc(280px + 280*(100vw - 320px)/280);
        max-height: calc(280px + 280*(100vw - 320px)/280);
        width: 100%
    }

    .service-page__wrapper-img {
        max-width: calc(280px + 280*(100vw - 320px)/280)
    }

    .service-page__wrapper-video {
        flex-direction: column
    }

    .swiper-container {
        margin: 0
    }
}

@media(max-width: 400px) {
    .service-page__block {
        min-width: 12.5rem
    }

    .service-page__wrapper-block {
        min-width: 12.5rem
    }
}

._404 {
    margin: 6.25rem 0
}

._404__container {
    display: flex;
    flex-direction: column;
    text-align: center
}

._404__title {
    font-size: 20.375rem;
    color: #435861;
    font-family: "Manrope"
}

._404__text:not(:last-child) {
    margin-bottom: 0.9375rem
}

._404 a {
    text-decoration: underline;
    cursor: pointer
}

@media(max-width: 1230px) {
    ._404 {
        margin: calc(30px + 70*(100vw - 320px)/910) 0
    }

    ._404__title {
        font-size: calc(163px + 163*(100vw - 320px)/910)
    }
}

.footer {
    background: #1e2c30;
    color: #fff;
    padding: 0 0 1.25rem 0
}

.footer__container {
    height: 100%
}

.footer__wrapper {
    display: flex;
    flex-direction: column
}

.footer__rows {
    margin: 2.5625rem 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer__rows-top {
    display: flex;
    justify-content: space-between;
    margin: 4.375rem 0 2.5rem 0;
    align-items: center
}

.footer__logo {
    display: flex
}

.footer__logo-img {
    margin: 0 1.25rem 0 0
}

.footer__logo-text {
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center
}

.footer__social {
    display: flex;
    max-height: 100%;
    height: 100%
}

.footer__social>:not(:last-child) {
    margin-right: 0.625rem
}

.footer__social li {
    max-height: 100%;
    height: 100%
}

.footer__icons {
    position: relative;
    border: 2px solid #435861;
    padding: 1.25rem;
    cursor: pointer;
    transition: background .3s ease 0s;
    display: block
}

.footer__icons:hover {
    background: #435861;
    transition: background .3s ease 0s
}

.footer__icons:active {
    background: none;
    transition: background 0s ease 0s
}

.footer__border-bottom {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.footer__text-title {
    padding: 1.25rem 0 0 0;
    margin: 0 0 1.5625rem 0;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.021875rem
}

.footer__list {
    display: flex;
    flex-direction: column
}

.footer__list>:not(:last-child) {
    margin-bottom: 0.9375rem
}

.footer__list a:hover {
    text-decoration: underline
}

.footer__link-keep {
    display: flex
}

.footer__link,
.footer__linkOne,
.footer__linkTwo {
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.7;
    letter-spacing: 0.010625rem
}

.footer__item:hover {
    text-decoration: underline
}

.footer__contacts-wrapper {
    display: flex;
    flex-direction: column
}

.footer__contacts-wrap {
    display: flex
}

.footer-bottom__wrapper {
    padding: 1.25rem 0;
    background: #111e22;
    text-align: center;
    display: flex;
    flex-direction: column
}

.footer-bottom__text,
.footer-bottom__private {
    color: #fff;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.009375rem;
    font-family: "Manrope"
}

.footer-bottom__private {
    cursor: pointer
}

.footer-bottom__private:hover {
    text-decoration: underline
}

._icon-logo::before {
    font-size: 4.0625rem;
    color: #435861;
    height: 100%
}

.footer__icons._icon-fb::before {
    padding: 0 5px
}

@media(max-width: 1230px) {
    .footer {
        padding: calc(5px + 15*(100vw - 320px)/910) 0 calc(30px + 90*(100vw - 320px)/910)
    }

    .footer__title {
        font-size: calc(30px + 25*(100vw - 320px)/910)
    }

    .footer__block-text {
        font-size: calc(14px + 5*(100vw - 320px)/910)
    }
}

@media(max-width: 991.98px) {
    .footer__rows {
        flex-direction: column
    }

    .footer__column {
        width: 100%
    }

    .footer__column-1 {
        order: 3
    }

    .footer__column-2 {
        order: 4
    }

    .footer__column-3 {
        order: 1
    }

    .footer__column-4 {
        order: 2
    }

    .footer__text-title {
        padding: 1.25rem 0 1.5625rem 0.625rem;
        margin: 0
    }

    .footer__list {
        padding: 0.625rem
    }
}

@media(max-width: 767.98px) {
    .footer__rows-top {
        flex-direction: column
    }

    .footer__rows {
        justify-content: center
    }

    .footer__rows-top>:not(:last-child) {
        margin-bottom: 1.875rem
    }
}

@media(min-width: 767.98px) {
    body .header__burger {
        display: flex;
        transform: translate(-200%, 0px);
        opacity: 0;
        position: fixed;
        top: 20px;
        left: 30px;
        width: 40px;
        height: 30px;
        cursor: pointer;
        margin: 0;
        z-index: 4;
        transition: all .1s ease 0s;
        border-radius: 10px
    }

    body .header__burger._activet {
        background: rgba(0, 0, 0, 0);
        opacity: 0
    }

    body .header__burger._act {
        display: block;
        transform: translate(0px, 0px);
        transition: all .8s ease 0s;
        transition: none;
        opacity: 1;
        position: fixed;
        top: 20px;
        left: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, .6)
    }

    body .header__burger-cont {
        position: relative;
        width: 30px;
        height: 18px
    }

    body .header__burger-cont::before,
    body .header__burger-cont::after {
        content: ""
    }

    body .header__burger-cont::before,
    body .header__burger-cont::after,
    body .header__burger-cont span {
        position: absolute;
        left: 0;
        height: 10%;
        width: 100%;
        background-color: #000;
        transition: all .3s ease .1s;
        opacity: .6
    }

    body .header__burger-cont span {
        width: 100%
    }

    body .header__burger-cont::before {
        top: 0
    }

    body .header__burger-cont::after {
        bottom: 0
    }

    body .header__burger-cont span {
        top: 50%;
        transform: scale(1) translate(0px, -50%)
    }

    body .header__burger-cont._activet {
        background: rgba(0, 0, 0, 0)
    }

    body .header__burger-cont._activet span {
        transform: scale(0) translate(0px, -50%)
    }

    body .header__burger-cont._activet::before {
        top: 50%;
        transform: rotate(-45deg) translate(0px, -50%);
        opacity: 1
    }

    body .header__burger-cont._activet::after {
        bottom: 50%;
        transform: rotate(45deg) translate(0px, 50%);
        opacity: 1
    }

    body .header__menu._act {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, .9);
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: auto;
        transition: top .8s ease 0s;
        top: -100%
    }

    body .header__menu._act._activet {
        transition: top .2s ease 0s;
        top: 0
    }

    body .header__menu a {
        font-size: 18px
    }

    body .header__menu._act .header__list {
        display: flex;
        flex-direction: row;
        font-size: 1.5rem
    }

    body .header__menu li {
        margin: 20px 0
    }
}

@media(max-width: 767.98px) {
    body .header__burger {
        display: block;
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translate(0, -50%);
        width: 40px;
        height: 30px;
        cursor: pointer;
        margin: 0;
        z-index: 4;
        transition: all .1s ease 0s;
        border-radius: 10px
    }

    body .header__burger._act {
        display: block;
        transform: translate(0px, 0px);
        transition: none;
        opacity: 1;
        position: fixed;
        top: 20px;
        left: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, .6)
    }

    body .header__burger-cont {
        position: relative;
        width: 30px;
        height: 18px
    }

    body .header__burger-cont::before,
    body .header__burger-cont::after {
        content: ""
    }

    body .header__burger-cont::before,
    body .header__burger-cont::after,
    body .header__burger-cont span {
        position: absolute;
        left: 0;
        height: 10%;
        width: 100%;
        background-color: #000;
        transition: all .3s ease .1s;
        opacity: .6
    }

    body .header__burger-cont span {
        width: 100%
    }

    body .header__burger-cont::before {
        top: 0
    }

    body .header__burger-cont::after {
        bottom: 0
    }

    body .header__burger-cont span {
        top: 50%;
        transform: scale(1) translate(0px, -50%)
    }

    body .header__burger-cont._activet {
        background: rgba(0, 0, 0, 0)
    }

    body .header__burger-cont._activet span {
        transform: scale(0) translate(0px, -50%)
    }

    body .header__burger-cont._activet::before {
        top: 50%;
        transform: rotate(-45deg) translate(0px, -50%);
        opacity: 1
    }

    body .header__burger-cont._activet::after {
        bottom: 50%;
        transform: rotate(45deg) translate(0px, 50%);
        opacity: 1
    }

    body .header__menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .9);
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: auto;
        transition: left .2s ease 0s;
        font-size: 2rem;
        gap: 70px
    }

    body .header__menu._activet {
        left: 0;
        padding: 0 0 30px 0
    }

    body .header__list {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 0 0
    }

    body .header__link {
        margin: 20px 0
    }

    body .header__menu-call {
        display: block
    }

    body._lock {
        overflow: hidden
    }
}

.header__burger._hidden {
    visibility: hidden;
    opacity: 0
}

body._pc .upper {
    transform: scale(0);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(92, 134, 146, .6);
    position: fixed;
    left: 50px;
    bottom: 30px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 5px 0 #000;
    transition: transform .3s ease 0s;
    z-index: 3
}

body._pc .upper span {
    position: relative
}

body._pc .upper span::before,
body._pc .upper span::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff
}

body._pc .upper span::before {
    transform: translate(-20%) rotate(45deg)
}

body._pc .upper span::after {
    transform: translate(-80%) rotate(-45deg)
}

body._pc .upper::before {
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    transition: all .9s ease 0s
}

body._pc .upper:hover {
    background: rgba(41, 113, 133, .6)
}

body._pc .upper:active {
    background: rgba(92, 134, 146, .6);
    box-shadow: 0 0 0px 0 #000
}

body._pc .upper._activet {
    transform: scale(1);
    transition: transform .6s ease 0s
}

.upper._hidden {
    visibility: hidden;
    opacity: 0
}

@keyframes animupper {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: -0.3
    }
}

.footer__rows._init .footer__text-title {
    cursor: pointer
}

.footer__rows._init .footer__text-title::before,
.footer__rows._init .footer__text-title::after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 15px;
    top: 35px;
    transition: transform .3s ease 0s
}

.footer__rows._init .footer__text-title::after {
    transform: rotate(-90deg)
}

.footer__rows._init .footer__text-title._spoller-active::after {
    transform: rotate(0deg)
}

.footer__rows._init .footer__column {
    border: 1px solid #435861
}

.footer__column {
    margin: 0 0 10px 0;
    position: relative
}

.footer__rows._init .footer__list {
    display: none
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7333333333);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all .8s ease 0s
}

.popup__body {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup__content {
    background-color: #fff;
    color: #000;
    max-width: 800px;
    padding: 30px;
    position: relative
}

.popup__content_image {
    padding: 0
}

.popup__image img {
    max-width: 100%
}

.popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px
}

.popup__title {
    font-size: 1.375rem;
    margin-bottom: 1em
}

.popup.open {
    opacity: 1;
    visibility: visible
}

body._lockPopup {
    overflow: hidden
}

.popup__close {
    display: block;
    width: 20px;
    height: 20px
}

.popup__close:hover::before,
.popup__close:hover::after {
    background-color: #656565
}

.popup__close::before,
.popup__close::after {
    content: ""
}

.popup__close::before,
.popup__close::after {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #000
}

.popup__close::before {
    top: 50%;
    transform: rotate(-45deg) translate(0px, -50%)
}

.popup__close::after {
    bottom: 50%;
    transform: rotate(45deg) translate(0px, 50%)
}

body._pc .sing-up {
    border-radius: 45px;
    background: rgba(92, 134, 146, .6);
    position: fixed;
    right: 50px;
    bottom: 30px;
    color: #fff;
    text-align: center;
    transition: all .3s ease 0s;
    z-index: 3;
    overflow: hidden;
    animation-name: colorpulsar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

body._pc .sing-up__text {
    font-size: 16px;
    transition: all .3s ease 0s;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

body._pc .sing-up__wrapper {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease 0s
}

body._pc .sing-up__social {
    font-size: 50px;
    cursor: pointer
}

body._pc .sing-up__social:hover {
    color: #5c8692;
    transition: all .3s ease
}

body._pc .sing-up:hover {
    animation: none
}

body._pc .sing-up:hover .sing-up__text {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0s ease
}

body._pc .sing-up:hover .sing-up__wrapper {
    transition: all .3s ease 0s;
    padding: 10px;
    width: 90px;
    display: flex;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    position: relative;
    gap: 10px
}

body._touch .sing-up {
    border-radius: 45px;
    background: rgba(92, 134, 146, .6);
    position: fixed;
    right: 50px;
    bottom: 30px;
    color: #fff;
    text-align: center;
    transition: all .3s ease 0s;
    z-index: 3;
    animation: animupper;
    overflow: hidden;
    animation-name: colorpulsar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

body._touch .sing-up__text {
    font-size: 16px;
    transition: all .3s ease 0s;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

body._touch .sing-up__wrapper {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease 0s;
    width: 90px
}

body._touch .sing-up__social {
    font-size: 50px
}

body._touch .sing-up__social:hover {
    color: #5c8692;
    transition: all .3s ease
}

body._touch .sing-up.sing-up._activet {
    animation: none
}

body._touch .sing-up.sing-up._activet .sing-up__text {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0s ease
}

body._touch .sing-up.sing-up._activet .sing-up__wrapper {
    transition: all .3s ease 0s;
    padding: 10px;
    display: flex;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    position: relative;
    gap: 10px
}

@media(max-width: 1230px) {
    body._touch .sing-up {
        right: calc(30px + 20*(100vw - 320px)/910);
        bottom: calc(20px + 10*(100vw - 320px)/910)
    }

    body._touch .sing-up__text {
        width: calc(85px + 5*(100vw - 320px)/910);
        height: calc(85px + 5*(100vw - 320px)/910)
    }

    body._touch .sing-up__text span {
        font-size: calc(12.8px + 3.2*(100vw - 320px)/910)
    }

    body._touch .sing-up__social {
        font-size: calc(40px + 10*(100vw - 320px)/910)
    }

    body._touch .sing-up__wrapper {
        width: calc(85px + 5*(100vw - 320px)/910)
    }
}

@keyframes colorpulsar {
    0% {
        background: rgba(92, 134, 146, .6)
    }

    100% {
        background: rgba(51, 81, 89, .8)
    }
}