@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url(fonts/opensans/mem5YaGs126MiZpBA-UN_r8OVuhs.ttf) format("truetype")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(fonts/opensans/mem8YaGs126MiZpBA-UFUZ0e.ttf) format("truetype")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(fonts/opensans/mem5YaGs126MiZpBA-UNirkOVuhs.ttf) format("truetype")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(fonts/opensans/mem5YaGs126MiZpBA-UN7rgOVuhs.ttf) format("truetype")
}

ul {
    padding-left: 0;
    list-style: none
}

a,
button {
    cursor: pointer
}

p {
    margin: 0
}

.paragraph {
    display: block;
    height: 11px
}

.page-body {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden
}

.page-body__wrapper {
    display: grid;
    grid-template-columns: 596px auto
}

@media (max-width:1290px) {
    .page-body__wrapper {
        grid-template-columns: 410px auto
    }
}

@media (max-width:1105px) {
    .page-body__wrapper {
        display: block
    }
}

.page-body--light-theme .info__title {
    color: rgba(6, 6, 20, .96)
}

.page-body--light-theme .info__descr,
.page-body--light-theme .info__subtitle {
    color: rgba(0, 0, 0, .7)
}

.page-body--light-theme .info__btn {
    background: #252541;
    color: #fff
}

.page-body--light-theme .info__btn:hover {
    background: #3a3a54
}

.page-body--light-theme .info__btn:active {
    background: #5c5c78
}

.page-body--light-theme .section__title {
    color: rgba(6, 6, 20, .96)
}

.page-body--light-theme .messengers svg {
    fill: rgba(6, 6, 20, .8)
}

.page-body--light-theme .messengers__name {
    color: rgba(6, 6, 20, .8)
}

.page-body--light-theme .messengers__link {
    color: #1e62c8;
    transition: .2s ease all
}

.page-body--light-theme .messengers__link:hover {
    color: #377de6;
    text-decoration: underline
}

.page-body--light-theme .messengers__link:active,
.page-body--light-theme .messengers__link:focus {
    color: #397fe7;
    text-decoration: underline
}

.page-body--light-theme .contacts__text {
    color: rgba(6, 6, 20, .96)
}

.page-body--light-theme .contacts__icon svg {
    fill: rgba(6, 6, 20, .96)
}

.page-body--light-theme .socials__item:hover {
    opacity: .8
}

.page-body--light-theme .socials__item:active,
.page-body--light-theme .socials__item:focus {
    opacity: .6
}

.page-body--light-theme .footer {
    border-top: 1px solid rgba(6, 6, 20, .1)
}

.page-body--light-theme .footer__text {
    color: #1c1c28
}

.page-body--dark-theme {
    background: #121212
}

.page-body--dark-theme .info__title {
    color: #fff;
    opacity: .9
}

.page-body--dark-theme .info__subtitle {
    opacity: .7;
    color: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .info__descr {
    color: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .info__btn {
    background: #5c5c78;
    color: #fff;
    transition: .2s ease all;
    align-items: center
}

.page-body--dark-theme .info__btn:hover {
    background: #39394d
}

.page-body--dark-theme .info__btn:active {
    background: #262641
}

.page-body--dark-theme .section__title {
    color: #fff
}

.page-body--dark-theme .contacts__icon svg,
.page-body--dark-theme .messengers svg {
    fill: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .messengers__name {
    color: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .messengers__link {
    color: #5398ff;
    transition: .2s ease all
}

.page-body--dark-theme .messengers__link:hover {
    color: #71aaff;
    text-decoration: underline
}

.page-body--dark-theme .messengers__link:active,
.page-body--dark-theme .messengers__link:focus {
    color: #71aaff;
    text-decoration: underline
}

.page-body--dark-theme .contacts__item,
.page-body--dark-theme .contacts__text {
    color: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .footer {
    border-top: 1px solid #262641
}

.page-body--dark-theme .footer__text {
    color: rgba(255, 255, 255, .9)
}

.page-body--dark-theme .socials__item {
    opacity: .9
}

.page-body--dark-theme .socials__item:hover {
    opacity: 1
}

.page-body--dark-theme .socials__item:active,
.page-body--dark-theme .socials__item:focus {
    opacity: .6
}

.page-body .sprintsite-page {
    margin: 0 auto
}

.page-body .sprintsite-page--img-left .sprintsite-page__wrapper {
    margin-left: auto
}

.page-body .sprintsite-page__main-img {
    position: fixed;
    z-index: -1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 30%
}

.page-body .sprintsite-page__wrapper {
    width: 680px !important;
    display: grid;
    grid-template-rows: -webkit-min-content auto -webkit-min-content;
    grid-template-rows: min-content auto min-content;
    height: calc(100vh - 106px);
    padding-top: 80px;
    padding-bottom: 32px
}

.page-body .sprintsite-page .head__portrait {
    margin-bottom: 40px
}

.page-body .sprintsite-page .head__logo {
    margin-bottom: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left
}

.page-body .sprintsite-page .head__portrait {
    border-radius: 4px
}

.page-body .sprintsite-page .info {
    width: 592px !important
}

.page-body .sprintsite-page .info__head {
    margin-bottom: 24px
}

.page-body .sprintsite-page .info__head :first-child {
    margin-bottom: 4px
}

.page-body .sprintsite-page .info__title {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    max-width: 592px;
    margin-top: 0;
    margin-bottom: 0
}

.page-body .sprintsite-page .info__descr,
.page-body .sprintsite-page .info__subtitle {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.page-body .sprintsite-page .info__descr {
    line-height: 22px;
    padding-bottom: 32px;
    word-break: break-word
}

.page-body .sprintsite-page .info__btn {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 192px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 56px;
    border-radius: 8px;
    margin: 16px 0 32px;
    padding: 16px 24px;
    transition: .2s ease all;
    border: 0;
    text-decoration: none
}

.page-body .sprintsite-page .section {
    padding: 32px 0;
    width: 680px
}

.page-body .sprintsite-page .section__title {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 24px
}

.page-body .sprintsite-page .messengers {
    margin-bottom: 0;
    margin-top: 0
}

.page-body .sprintsite-page .messengers__item {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.page-body .sprintsite-page .messengers__item:last-child {
    margin-bottom: 0
}

.page-body .sprintsite-page .messengers__icon {
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.page-body .sprintsite-page .messengers__icon svg {
    width: 24px;
    height: 24px
}

.page-body .sprintsite-page .messengers__name {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-right: 8px
}

.page-body .sprintsite-page .messengers__link {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-body .sprintsite-page .contacts__item:active,
.page-body .sprintsite-page .contacts__item:hover,
.page-body .sprintsite-page .messengers__link:hover {
    text-decoration: none
}

.page-body .sprintsite-page .apps {
    display: flex
}

.page-body .sprintsite-page .apps__btn {
    width: 180px;
    height: 52px;
    margin-right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

.page-body .sprintsite-page .apps__btn svg {
    width: 180px;
    height: 52px;
    fill: #060614;
    transition: .2s ease all
}

.page-body .sprintsite-page .apps__btn:hover svg {
    fill: #1e1e2b
}

.page-body .sprintsite-page .apps__btn:active svg {
    fill: #40404a
}

.page-body .sprintsite-page .apps__btn--gp {
    position: relative
}

.page-body .sprintsite-page .apps__btn--gp::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 33.5px;
    background-image: url(img/google-play_logo.svg);
    left: 15px;
    top: 9px
}

.page-body .sprintsite-page .apps__icon {
    width: 180px;
    height: 52px
}

.page-body .sprintsite-page .socials {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(9, 48px);
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px
}

.page-body .sprintsite-page .socials__item {
    transition: .2s ease all
}

.page-body .sprintsite-page .socials__link svg {
    width: 48px;
    height: 48px
}

.page-body .sprintsite-page .contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    align-items: start
}

.page-body .sprintsite-page .contacts__item {
    width: 328px !important;
    display: flex;
    align-items: start;
    transition: .2s ease all;
    text-decoration: none;
    word-break: break-word
}

.page-body .sprintsite-page .contacts__text {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.page-body .sprintsite-page .contacts__icon {
    margin-right: 12px;
    width: 24px;
    height: 24px
}

.page-body .sprintsite-page .contacts__icon svg {
    width: 24px;
    height: 24px
}

.page-body .sprintsite-page .footer {
    padding: 32px 0;
    margin-top: 32px
}

.page-body .sprintsite-page .footer__wrapper {
    display: flex
}

.page-body .sprintsite-page .footer__logo {
    margin-right: 12px;
    width: 42px;
    height: 32px
}

.page-body .sprintsite-page .footer__text,
.page-body .sprintsite-page .footer__text .strong {
    font-family: Open Sans, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.page-body .sprintsite-page .footer__text .strong {
    font-weight: 700
}

@media (max-width:1105px) {
    
    img {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .page-body .sprintsite-page {
        width: 100% !important
    }

    .page-body .sprintsite-page__wrapper {
        margin: 0 auto;
        padding-top: 184px
    }

    .page-body .sprintsite-page .head__logo {
        margin-top: 158px
    }

    .page-body .sprintsite-page__main-img {
        width: 100%;
        height: 264px;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute
    }

    .page-body .sprintsite-page__main-img--left {
        top: 0;
        left: 0
    }

    .page-body .sprintsite-page__main-img--right {
        top: 0;
        right: 0
    }
}

@media (max-width:736px) {
    .page-body .sprintsite-page__wrapper {
        width: 328px !important;
        padding-top: 232px
    }

    .page-body .sprintsite-page__main-img {
        height: 324px
    }

    .page-body .sprintsite-page .socials {
        grid-template-columns: repeat(4, 48px)
    }

    .page-body .sprintsite-page .head {
        text-align: center
    }

    .page-body .sprintsite-page .info,
    .page-body .sprintsite-page .section {
        width: 328px !important
    }

    .page-body .sprintsite-page .apps {
        flex-direction: column
    }

    .page-body .sprintsite-page .apps__btn {
        margin-right: 0;
        margin-bottom: 24px
    }

    .page-body .sprintsite-page .apps__btn:last-of-type,
    .page-body .sprintsite-page .contacts__item:last-of-type {
        margin-bottom: 0
    }

    .page-body .sprintsite-page .contacts {
        display: block
    }

    .page-body .sprintsite-page .contacts__item {
        margin-bottom: 12px
    }

    .page-body .sprintsite-page .messengers__item {
        flex-wrap: wrap
    }

    .page-body .sprintsite-page .messengers__link {
        display: block;
        width: 100%;
        margin-top: 8px
    }
}

.page-body--no-main-img .page-body__wrapper {
    display: block
}

.page-body--no-main-img .sprintsite-page {
    max-width: 1032px
}

.page-body--no-main-img .sprintsite-page__wrapper {
    margin-right: auto;
    margin-left: 0
}

@media (max-width:1105px) {
    .page-body--no-main-img .sprintsite-page__wrapper {
        margin: 0 auto
    }
}

.page-body--main-img-left .page-body__wrapper {
    display: grid;
    grid-template-columns: 30vw auto
}

.page-body--main-img-left .sprintsite-page__main-img-wrapper {
    grid-column: 1/2
}

.page-body--main-img-left .sprintsite-page__main-img {
    left: 0
}

@media (max-width:1290px) {
    .page-body--main-img-left .page-body__wrapper {
        grid-template-columns: 420px auto
    }
}

@media (max-width:1105px) {
    .page-body--main-img-left .page-body__wrapper {
        display: block
    }
}

.page-body--main-img-right .page-body__wrapper {
    display: grid;
    grid-template-columns: auto 30vw
}

.page-body--main-img-right .sprintsite-page__main-img-wrapper {
    grid-column: 2/3
}

.page-body--main-img-right .sprintsite-page__main-img {
    right: 0
}

@media (max-width:1290px) {
    .page-body--main-img-right .page-body__wrapper {
        grid-template-columns: auto 410px
    }
}

@media (max-width:1105px) {
    .page-body--main-img-right .page-body__wrapper {
        display: block
    }
}

.page-body--main-img-hidden .sprintsite-page {
    width: 960px
}

.page-body--main-img-hidden .sprintsite-page__main-img-wrapper {
    display: none
}

.page-body--main-img-hidden .page-body__wrapper {
    display: block
}

.page-body--main-img-hidden .sprintsite-page__wrapper {
    margin-left: 54px;
    padding-top: 80px
}

@media (max-width:1105px) {
    .page-body--main-img-hidden .sprintsite-page__wrapper {
        margin: 0 auto
    }
}

@media (max-width:736px) {
    .page-body--main-img-hidden {
        padding-top: 0
    }
}

.page-body--logo-hidden .head {
    display: none
}

.page-body--logo-hidden .sprintsite-page__wrapper {
    padding-top: 48px
}

@media (max-width:1105px) {
    .page-body--logo-hidden .sprintsite-page__main-img {
        position: relative
    }
}

.page-body .hidden {
    display: none
}