<!--[ad/ad-app]-->
<style>

    .cell__promo.show .ad__close__anim-one {
        -webkit-animation-name: playprofile;
        animation-name: playprofile;
        z-index: 3
    }

    .cell__promo.show .ad__close__anim-two {
        -webkit-animation-name: playprofile;
        animation-name: playprofile;
        z-index: 3
    }

    .cell__promo.show .ad__close__anim-three {
        -webkit-animation-name: playprofile;
        animation-name: playprofile;
        z-index: 3
    }

    .ad__close {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        background: -webkit-gradient(linear,left top,left bottom,from(#292a2d),to(#46474a));
        background: linear-gradient(#292a2d,#46474a);
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding-bottom: 5px;
        color: #fff;
        font-weight: 500;
        font-size: 17px;
        line-height: 1.1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        z-index: 3
    }

    .ad__close__anim-one {
        -webkit-animation-delay: -2s;
        animation-delay: -2s;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 3
    }

    .ad__close__anim-two {
        -webkit-animation-delay: .7s;
        animation-delay: .7s;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 3
    }

    .ad__close__anim-three {
        -webkit-animation-delay: 3.4s;
        animation-delay: 3.4s;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 3
    }

    .ad__close__body {
        position: absolute;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: #fff;
        font-family: Roboto,sans-serif;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 100%;
        -webkit-transform: translate(0,-120%);
        -ms-transform: translate(0,-120%);
        transform: translate(0,-120%);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    .ad__close__body-normal {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 15px
    }

    .ad__close__body-logo_full {
        position: relative;
        background: #be5000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 118px;
        height: 100%
    }

    .ad__close__body-upper {
        font-size: 26px;
        font-weight: 500
    }

    .ad__close__body-arrow {
        border: solid #fff;
        border-radius: 3px;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 12px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .ad__close__body-social {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #promo__close:checked~.cell__promo__close {
        display: none
    }

    #promo__close:checked~.cell__promo__closed {
        display: inline-block
    }

    #promo__close:checked~#promo__close {
        opacity: 0!important
    }

    #promo__close:checked~#promo__closed {
        opacity: 0!important
    }

    input#promo__close {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    #promo__closed:checked~.cell__promo__body {
        -webkit-animation: remove .5s linear 0s 1 normal forwards;
        animation: remove .5s linear 0s 1 normal forwards
    }

    #promo__closed:checked~.cell__promo__closed {
        -webkit-animation: btn_close .2s linear 0s 1 normal forwards;
        animation: btn_close .2s linear 0s 1 normal forwards
    }

    @-webkit-keyframes btn_close {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(25px);
            transform: translateY(25px)
        }
    }

    @keyframes btn_close {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(25px);
            transform: translateY(25px)
        }
    }

    @-webkit-keyframes btn_closed {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }

        100% {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }
    }

    @keyframes btn_closed {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }

        100% {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }
    }

    @-webkit-keyframes btn_open {
        50% {
            opacity: 1
        }
    }

    @keyframes btn_open {
        50% {
            opacity: 1
        }
    }

    @-webkit-keyframes remove {
        0% {
            opacity: 1;
            max-height: 200px
        }

        50% {
            opacity: 0;
            max-height: 50px;
            padding: 0 100px
        }

        100% {
            opacity: 0;
            max-height: 0;
            padding: 0 0
        }
    }

    @keyframes remove {
        0% {
            opacity: 1;
            max-height: 200px
        }

        50% {
            opacity: 0;
            max-height: 50px;
            padding: 0 100px
        }

        100% {
            opacity: 0;
            max-height: 0;
            padding: 0 0
        }
    }

    .my-05 {
        margin: 2px 0
    }

    @-webkit-keyframes playlogo {
        from {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        35% {
            -webkit-transform: translate(0,32%);
            transform: translate(0,32%)
        }

        70% {
            -webkit-transform: translate(0,-12%);
            transform: translate(0,-12%)
        }

        to {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }
    }

    @keyframes playlogo {
        from {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        35% {
            -webkit-transform: translate(0,32%);
            transform: translate(0,32%)
        }

        70% {
            -webkit-transform: translate(0,-12%);
            transform: translate(0,-12%)
        }

        to {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }
    }

    @-webkit-keyframes playtelegram {
        0% {
            -webkit-transform: translate(0,-130%);
            transform: translate(0,-130%)
        }

        15% {
            -webkit-transform: translate(0,-130%);
            transform: translate(0,-130%)
        }

        25% {
            -webkit-transform: translate(0,-125%);
            transform: translate(0,-125%)
        }

        50% {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        75% {
            -webkit-transform: translate(0,125%);
            transform: translate(0,125%)
        }

        85% {
            -webkit-transform: translate(0,130%);
            transform: translate(0,130%)
        }

        100% {
            -webkit-transform: translate(0,130%);
            transform: translate(0,130%)
        }
    }

    @keyframes playtelegram {
        0% {
            -webkit-transform: translate(0,-130%);
            transform: translate(0,-130%)
        }

        15% {
            -webkit-transform: translate(0,-130%);
            transform: translate(0,-130%)
        }

        25% {
            -webkit-transform: translate(0,-125%);
            transform: translate(0,-125%)
        }

        50% {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        75% {
            -webkit-transform: translate(0,125%);
            transform: translate(0,125%)
        }

        85% {
            -webkit-transform: translate(0,130%);
            transform: translate(0,130%)
        }

        100% {
            -webkit-transform: translate(0,130%);
            transform: translate(0,130%)
        }
    }

    @-webkit-keyframes playprofile {
        0% {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        15% {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        25% {
            -webkit-transform: translate(0,-110%);
            transform: translate(0,-110%)
        }

        50% {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        75% {
            -webkit-transform: translate(0,110%);
            transform: translate(0,110%)
        }

        85% {
            -webkit-transform: translate(0,120%);
            transform: translate(0,120%)
        }

        100% {
            -webkit-transform: translate(0,120%);
            transform: translate(0,120%)
        }
    }

    @keyframes playprofile {
        0% {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        15% {
            -webkit-transform: translate(0,-120%);
            transform: translate(0,-120%)
        }

        25% {
            -webkit-transform: translate(0,-110%);
            transform: translate(0,-110%)
        }

        50% {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        75% {
            -webkit-transform: translate(0,110%);
            transform: translate(0,110%)
        }

        85% {
            -webkit-transform: translate(0,120%);
            transform: translate(0,120%)
        }

        100% {
            -webkit-transform: translate(0,120%);
            transform: translate(0,120%)
        }
    }

</style>

    <div class="ad__close__body ad__close__anim-one">
        <a href="https://profile.ru/mobilnye-prilozheniya/" class="ad__close__body-logo_full">
            <img src="<?= get_template_directory_uri() ?>/assets/img/profil-logo-footer.png" width="100" height="22" alt="">
        </a>
        <span class="ad__close__body-normal">Новое бесплатное мобильное приложение </span>
    </div>
    <div class="ad__close__body ad__close__anim-two">
        <a href="https://profile.ru/mobilnye-prilozheniya/">
            <img class="ad__close__body-logo-mini" src="<?= get_template_directory_uri() ?>/assets/img/red-logo.png" width="50" height="50" alt="">
        </a>
        <span class="ad__close__body-upper">СКАЧАЙ И ЧИТАЙ</span>
        <span class="ad__close__body-arrow"></span>
    </div>
    <div class="ad__close__body ad__close__anim-three">
        <a href="https://profile.ru/mobilnye-prilozheniya/"><img src="<?= get_template_directory_uri() ?>/assets/img/red-logo.png" width="50" height="50" alt="" class="ad__close__body-logo-mini"></a>
        <a target="_blank" href="https://apps.apple.com/ru/app/%D0%B6%D1%83%D1%80%D0%BD%D0%B0%D0%BB-%D0%BF%D1%80%D0%BE%D1%84%D0%B8%D0%BB%D1%8C/id6476872853"><img src="<?= get_template_directory_uri() ?>/assets/img/appstore.png" width="116" height="38" alt=""></a>
        <a target="_blank" href="https://play.google.com/store/apps/details?id=com.profile.magazine"><img src="<?= get_template_directory_uri() ?>/assets/img/googleplay.png" width="116" height="38" alt=""></a>
    </div>


<!--[ad/ad-app]-->