﻿#js-show-iframe-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 293px;
    max-width: 100%;
    background: linear-gradient(138.4deg,#38bafe 26.49%,#2d73bc 79.45%);
    color: #fff;
    cursor: pointer;
    margin-bottom: 75px;
}

    #js-show-iframe-wrapper .pos-banner-fluid * {
        box-sizing: border-box
    }

    #js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2 {
        display: block;
        width: 240px;
        min-height: 56px;
        font-size: 18px;
        line-height: 24px;
        cursor: pointer;
        background: #0d4cd3;
        color: #fff;
        border: none;
        border-radius: 8px;
        outline: 0
    }

        #js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover {
            background: #1d5deb
        }

        #js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus {
            background: #2a63ad
        }

        #js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active {
            background: #2a63ad
        }

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@font-face {
    font-family: LatoWebLight;
    src: url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: LatoWeb;
    src: url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: LatoWebBold;
    src: url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

#js-show-iframe-wrapper .bf-2 {
    position: relative;
    display: grid;
    grid-template-columns: var(--pos-banner-fluid-2__grid-template-columns);
    grid-template-rows: var(--pos-banner-fluid-2__grid-template-rows);
    width: 100%;
    max-width: 1060px;
    font-family: LatoWeb,sans-serif;
    box-sizing: border-box
}

#js-show-iframe-wrapper .bf-2__decor {
    grid-column: var(--pos-banner-fluid-2__decor-grid-column);
    grid-row: var(--pos-banner-fluid-2__decor-grid-row);
    padding: var(--pos-banner-fluid-2__decor-padding);
    background: var(--pos-banner-fluid-2__bg-url) var(--pos-banner-fluid-2__bg-position) no-repeat;
    background-size: var(--pos-banner-fluid-2__bg-size)
}

#js-show-iframe-wrapper .bf-2__logo-wrap {
    position: absolute;
    top: var(--pos-banner-fluid-2__logo-wrap-top);
    bottom: var(--pos-banner-fluid-2__logo-wrap-bottom);
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: var(--pos-banner-fluid-2__logo-wrap-padding);
    background: #2d73bc;
    border-radius: var(--pos-banner-fluid-2__logo-wrap-border-radius)
}

#js-show-iframe-wrapper .bf-2__logo {
    width: 128px
}

#js-show-iframe-wrapper .bf-2__slogan {
    font-family: LatoWebBold,sans-serif;
    font-size: var(--pos-banner-fluid-2__slogan-font-size);
    line-height: var(--pos-banner-fluid-2__slogan-line-height);
    color: #fff
}

#js-show-iframe-wrapper .bf-2__content {
    padding: var(--pos-banner-fluid-2__content-padding)
}

#js-show-iframe-wrapper .bf-2__description {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px
}

#js-show-iframe-wrapper .bf-2__text {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
    font-family: LatoWebBold,sans-serif;
    color: #fff
}

#js-show-iframe-wrapper .bf-2__text_small {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: LatoWeb,sans-serif
}

#js-show-iframe-wrapper .bf-2__btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}
