a, abbr, acronym, address, applet, b, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, t big, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

.flat__intro-block {
    height: auto;
    background-image: linear-gradient(-239.41deg, #264796 0.01%, rgba(67, 130, 214, 0.5) 64.62%), url("https://www.is74.ru/upload/medialibrary/c3b/c3bcb223b16aa77a13990ca19334fe52.jpg");
    background-size: cover;
    background-position: center 20%;
}

.flat__intro-title {
    margin-top: 138px;
}

.flat__intro-feature__icon-first .flat__intro-feature__icon-element::after  {
    background-image: url(images/price.svg);
    -webkit-filter: invert(92%) sepia(93%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
    filter: invert(92%) sepia(93%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}

.flat__intro-feature__icon-second .flat__intro-feature__icon-element::after {
    background-image: url(images/rocket2.svg);
    -webkit-filter: invert(92%) sepia(93%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
    filter: invert(92%) sepia(93%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}

.flat__intro-feature__icon {
    width: 76px;
    height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.6);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.flat__intro-feature__icon-element {
    width: 76px;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 76px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flat__intro-feature__icon-element::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.flat__features-block__items {
    -webkit-overflow-scrolling: touch;
}

.flat__features-block__items::-webkit-scrollbar {
    width: 0px;
}

.flat__package-block__img {
    width: auto;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flat__package-block__img img {
    width: 70%;
    max-height: 315px;
}

.flat__question-block {
    background: rgba(175, 207, 248, 0.5);
}

.flat__faq-block__info-text-hide {
    display: none;
}

.flat__mobile-block__button {
    height: 56px;
}

.flat__mobile-block__android-button, .flat__mobile-block__ios-button {
    width: 100%;
    height: 56px;
    position: relative;
}

.flat__mobile-block__button img {
    width: 100%;
    height: inherit;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.flat__mobile-block__images-container {
    width: 100%;
    height: 100%;
}

.flat__mobile-block__image {
    width: calc(50% + 13px);
    height: 100%;
    position: absolute;
}

.flat__mobile-block__image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom;
}

.flat__mobile-block__image:nth-of-type(1) {
    left: 0;
    z-index: 10;
    -webkit-filter: drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.25));
}

.flat__mobile-block__image:nth-of-type(2) {
    top: 12px;
    right: 0;
    z-index: 9;
}

.flat__form-block {
    width: 100%;
    height: auto;
    background-image: linear-gradient(-233.5deg, #264796 0.01%, rgba(67, 130, 214, 0.5) 64.62%), url("https://www.is74.ru/upload/medialibrary/9ff/9ff71b470293cd6b26553382f243b16f.jpg");
    background-size: cover;
    background-position: center 45%;
    background-repeat: no-repeat;
}

.flat__form-block__column:nth-of-type(2) {
    padding: 0 115px;
}

.mfp-wrap .mfp-inline-holder .mfp-content {
    width: auto;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
    .flat__intro-title {
        margin-top: 86px;
    }
}

@media screen and (max-width: 1024px) {
    .flat__intro-feature__icon {
        width: 76px;
        height: 76px;
        margin-right: 23px;
    }

    .flat__package-block__img img {
        width: auto;
    }

    .flat__form-block__column:nth-of-type(2) {
        padding: 0 13px;
    }
}

@media screen and (max-width: 768px) {
    .flat__intro-block {
        background-position: 80% center;
    }

    .flat__features-block__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flat__package-block__img {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: -135px;
    }

    .flat__package-block__img img {
        width: 70%;
    }

    .flat__mobile-block__image {
        height: 255px;
    }

    .flat__mobile-block__image:nth-of-type(2) {
        top: 0;
        margin-top: 12px;
    }
}

@media screen and (max-width: 414px) {
    .flat__intro-title {
        margin-top: 129px;
    }

    .plans-block__plans-row:nth-of-type(2) {
        display: none;
    }

    .flat__package-block__img {
        margin-top: 0;
    }

    .flat__package-block__img img {
        width: 100%;
    }

    .flat__mobile-block__image {
        height: 100%;
    }

    .flat__mobile-block__image:nth-of-type(1) {
        position: relative;
    }

    .flat__mobile-block__image:nth-of-type(2) {
        top: 12px;
        margin-top: 0;
    }
}
@media screen and (max-width: 320px) {
    .flat__form-block__column:nth-of-type(2) {
        padding: 0 10px;
    }
}
