Giftomatic Splash Mob Web

splash-giftomatic.html

<div class="lp">
    <a href="#" class="lp__store-link"></a>
    <div class="lp__logo-wrap">
        <div class="lp__logo"></div>
    </div>
    <div class="lp__wrap">
        <div class="lp__text">Акция!<br>Дари цветы любимым бесплатно!</div>
        <div class="lp__gifts">
            <div class="lp__gift">
                <img src="https://jira.mail.ru/secure/attachment/708701/Gift_1.png" alt="Gift 1">
            </div>
            <div class="lp__gift">
                <img src="https://jira.mail.ru/secure/attachment/708702/Gift_2.png" alt="Gift 2">
            </div>
            <div class="lp__gift">
                <img src="https://jira.mail.ru/secure/attachment/708703/Gift_3.png" alt="Gift 3">
            </div>
        </div>
        <div class="lp__buttons">
            <div class="lp__send">Подарить</div>
            <div class="lp__choose">Выбрать другой подарок</div>
        </div>
    </div>
    <a href="#" class="lp__mm-link" onclick="hide_mm_banner(event)">Перейти в Мой&nbsp;Мир</a>
</div>
<style>
    html {
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

    body {
        -webkit-overflow-scrolling: touch;
        background-color: #000;
        background-image: url("https://jira.mail.ru/secure/attachment/708700/Background.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 100%;
        margin: 0 0 -1px;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #wrap {
        display: none;
    }

    .lp {
        font-family: Roboto, Arial, sans-serif;
        height: 100%;
        margin: auto;
        max-width: 600px;
        overflow: hidden;
        position: relative;
    }

    a {
        color: #ffffff;
        text-decoration: none;
    }
    .lp__logo-wrap {
        margin: 40px auto 0;
        text-align: center;
    }
    .lp__logo {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc2cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDE3NiAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEuMiAoMzUzOTcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkxvZ28gQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJMb2dvLUNvcHkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuNjU1MTcyLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjAuMjMzOTgxLDEzLjk3NjA4MjkgTDExNi4wNjQwMDgsMTMuOTc2MDgyOSBMMTE2LjA2NDAwOCw5LjE3NzA1MTU5IEwxMjAuMjMzOTgxLDkuMTc3MDUxNTkgQzEyMS41NzM5MjQsOS4xNzcwNTE1OSAxMjIuNjY3ODMyLDEwLjI1MzY1NDQgMTIyLjY2NzgzMiwxMS41NzU5NDk5IEMxMjIuNjY3ODMyLDEyLjg5OTQ4IDEyMS41NzM5MjQsMTMuOTc2MDgyOSAxMjAuMjMzOTgxLDEzLjk3NjA4MjkgTDEyMC4yMzM5ODEsMTMuOTc2MDgyOSBaIE0xMjAuMjMzOTgxLDYuMDkxNjk1NDkgTDExNC41MDIwMDMsNi4wOTE2OTU0OSBDMTEzLjYzNzcyOCw2LjA5MTY5NTQ5IDExMi45Mzc0NzUsNi43ODMwOTE4MSAxMTIuOTM3NDc1LDcuNjM0OTkwODYgTDExMi45Mzc0NzUsMTkuMjg5OTU3NSBDMTEyLjkzNzQ3NSwyMC4xNDE4NTY1IDExMy42Mzc3MjgsMjAuODMyMDE4MiAxMTQuNTAyMDAzLDIwLjgzMjAxODIgQzExNS4zNjM3NTYsMjAuODMyMDE4MiAxMTYuMDY0MDA4LDIwLjE0MTg1NjUgMTE2LjA2NDAwOCwxOS4yODk5NTc1IEwxMTYuMDY0MDA4LDE3LjA2MTQzOSBMMTIwLjIzMzk4MSwxNy4wNjE0MzkgQzEyMy4yOTg2OSwxNy4wNjE0MzkgMTI1Ljc5MzEwMywxNC42MDA4MDg4IDEyNS43OTMxMDMsMTEuNTc1OTQ5OSBDMTI1Ljc5MzEwMyw4LjU1MjMyNTYzIDEyMy4yOTg2OSw2LjA5MTY5NTQ5IDEyMC4yMzM5ODEsNi4wOTE2OTU0OSBMMTIwLjIzMzk4MSw2LjA5MTY5NTQ5IFogTTQ3LjYyMDkzOTcsMy4xNjA2Njg5MiBMNTMuMzg2OTgzNywzLjE2MDY2ODkyIEM1NC4yNzI3MDg2LDMuMTYwNjY4OTIgNTQuOTg5MzYzNiwyLjQ1MzIyMjMyIDU0Ljk4OTM2MzYsMS41ODAzMzQ0NiBDNTQuOTg5MzYzNiwwLjcwNzQ0NjU5OCA1NC4yNzI3MDg2LDAgNTMuMzg2OTgzNywwIEw0Ny42MjA5Mzk3LDAgQzQ2LjczNTIxNDgsMCA0Ni4wMTg1NTk5LDAuNzA3NDQ2NTk4IDQ2LjAxODU1OTksMS41ODAzMzQ0NiBDNDYuMDE4NTU5OSwyLjQ1MzIyMjMyIDQ2LjczNTIxNDgsMy4xNjA2Njg5MiA0Ny42MjA5Mzk3LDMuMTYwNjY4OTIgTDQ3LjYyMDkzOTcsMy4xNjA2Njg5MiBaIE0xMDguMDg4Njk5LDYuMjEzOTI0NDggQzEwNy41MDk1NzEsNS45NzE5MzU3NyAxMDYuODQwODYxLDYuMDk2NjM0MDMgMTA2LjM5MDQyOCw2LjUyODc1Njc0IEw5Ni44ODIxMzM2LDE1LjY0MDM3MjYgTDk2Ljg4MjEzMzYsNy42MzQ5OTA4NiBDOTYuODgyMTMzNiw2Ljc4MzA5MTgxIDk2LjE4MTg4MSw2LjA5MTY5NTQ5IDk1LjMyMDEyODcsNi4wOTE2OTU0OSBDOTQuNDU0NTkxMiw2LjA5MTY5NTQ5IDkzLjc1NTYwMDMsNi43ODMwOTE4MSA5My43NTU2MDAzLDcuNjM0OTkwODYgTDkzLjc1NTYwMDMsMTkuMjg5OTU3NSBDOTMuNzU1NjAwMywxOS45MDg1MTAzIDk0LjEzMDMzMDEsMjAuNDY3ODAwNSA5NC43MDk0NTc5LDIwLjcwOTc4OTIgQzk0LjkwNjI4NTcsMjAuNzkyNTA5OSA5NS4xMTMyMDcyLDIwLjgzMzI1MjkgOTUuMzE3NjA1MiwyMC44MzMyNTI5IEM5NS43MTc1NjkzLDIwLjgzMzI1MjkgOTYuMTA5OTYzMSwyMC42ODEzOTI2IDk2LjQwNzcyODIsMjAuMzk2MTkxNiBMMTA1LjkxNjAyMywxMS4yODQ1NzU4IEwxMDUuOTE2MDIzLDE5LjI4OTk1NzUgQzEwNS45MTYwMjMsMjAuMTQxODU2NSAxMDYuNjE2Mjc2LDIwLjgzMzI1MjkgMTA3LjQ3ODAyOCwyMC44MzMyNTI5IEMxMDguMzQyMzA0LDIwLjgzMzI1MjkgMTA5LjA0MjU1NiwyMC4xNDE4NTY1IDEwOS4wNDI1NTYsMTkuMjg5OTU3NSBMMTA5LjA0MjU1Niw3LjYzNDk5MDg2IEMxMDkuMDQyNTU2LDcuMDEzOTY4OCAxMDguNjY3ODI3LDYuNDU0Njc4NTYgMTA4LjA4ODY5OSw2LjIxMzkyNDQ4IEwxMDguMDg4Njk5LDYuMjEzOTI0NDggWiBNNTYuODk5NjAyMiw2LjIxMzkyNDQ4IEM1Ni4zMjI5OTc4LDUuOTcxOTM1NzcgNTUuNjUxNzY0Nyw2LjA5NjYzNDAzIDU1LjIwMTMzMTksNi41Mjg3NTY3NCBMNDUuNjk0Mjk4OCwxNS42NDAzNzI2IEw0NS42OTQyOTg4LDcuNjM0OTkwODYgQzQ1LjY5NDI5ODgsNi43ODMwOTE4MSA0NC45OTI3ODQ0LDYuMDkxNjk1NDkgNDQuMTI5NzcwNCw2LjA5MTY5NTQ5IEM0My4yNjgwMTgxLDYuMDkxNjk1NDkgNDIuNTY2NTAzOCw2Ljc4MzA5MTgxIDQyLjU2NjUwMzgsNy42MzQ5OTA4NiBMNDIuNTY2NTAzOCwxOS4yODk5NTc1IEM0Mi41NjY1MDM4LDE5LjkwODUxMDMgNDIuOTQzNzU3LDIwLjQ2NzgwMDUgNDMuNTIxNjIzMSwyMC43MDk3ODkyIEM0My43MTg0NTA5LDIwLjc5MjUwOTkgNDMuOTI1MzcyNCwyMC44MzMyNTI5IDQ0LjEyOTc3MDQsMjAuODMzMjUyOSBDNDQuNTI5NzM0NSwyMC44MzMyNTI5IDQ0LjkyMjEyODMsMjAuNjgxMzkyNiA0NS4yMTk4OTM0LDIwLjM5NjE5MTYgTDU0LjcyNjkyNjYsMTEuMjg0NTc1OCBMNTQuNzI2OTI2NiwxOS4yODk5NTc1IEM1NC43MjY5MjY2LDIwLjE0MTg1NjUgNTUuNDI4NDQwOSwyMC44MzMyNTI5IDU2LjI5MTQ1NDksMjAuODMzMjUyOSBDNTcuMTU1NzMwNiwyMC44MzMyNTI5IDU3Ljg1NDcyMTUsMjAuMTQxODU2NSA1Ny44NTQ3MjE1LDE5LjI4OTk1NzUgTDU3Ljg1NDcyMTUsNy42MzQ5OTA4NiBDNTcuODU0NzIxNSw3LjAxMzk2ODggNTcuNDc3NDY4Myw2LjQ1NDY3ODU2IDU2Ljg5OTYwMjIsNi4yMTM5MjQ0OCBMNTYuODk5NjAyMiw2LjIxMzkyNDQ4IFogTTMxLjQ3MjIzMTQsMTguNDMzMTE5OSBDMjguODg1NzEyNywxOC40MzMxMTk5IDI2Ljc4MjQzMTUsMTYuMzU2NDYxNyAyNi43ODI0MzE1LDEzLjgwNDQ2ODQgQzI2Ljc4MjQzMTUsMTEuMjUyNDc1MiAyOC44ODU3MTI3LDkuMTc3MDUxNTkgMzEuNDcyMjMxNCw5LjE3NzA1MTU5IEMzNC4wNjAwMTE3LDkuMTc3MDUxNTkgMzYuMTYzMjkzLDExLjI1MjQ3NTIgMzYuMTYzMjkzLDEzLjgwNDQ2ODQgQzM2LjE2MzI5MywxNi4zNTY0NjE3IDM0LjA2MDAxMTcsMTguNDMzMTE5OSAzMS40NzIyMzE0LDE4LjQzMzExOTkgTDMxLjQ3MjIzMTQsMTguNDMzMTE5OSBaIE0zMS40NzIyMzE0LDYuMDkxNjk1NDkgQzI3LjE2MjIwODEsNi4wOTE2OTU0OSAyMy42NTQ2MzY1LDkuNTUxMTQ2MzkgMjMuNjU0NjM2NSwxMy44MDQ0Njg0IEMyMy42NTQ2MzY1LDE4LjA1Nzc5MDUgMjcuMTYyMjA4MSwyMS41MTcyNDE0IDMxLjQ3MjIzMTQsMjEuNTE3MjQxNCBDMzUuNzgyMjU0NiwyMS41MTcyNDE0IDM5LjI4OTgyNjMsMTguMDU3NzkwNSAzOS4yODk4MjYzLDEzLjgwNDQ2ODQgQzM5LjI4OTgyNjMsOS41NTExNDYzOSAzNS43ODIyNTQ2LDYuMDkxNjk1NDkgMzEuNDcyMjMxNCw2LjA5MTY5NTQ5IEwzMS40NzIyMzE0LDYuMDkxNjk1NDkgWiBNODcuNzAwNjIzMyw3LjgyMzg5MDIxIEM4Ny41NjU2MTk2LDcuMjAxNjMzNTIgODcuMDU1ODg2Miw2LjcyNzUzMzE4IDg2LjQxODcxOTQsNi42MjUwNTgzNyBDODUuNzgwMjkwOSw2LjUyNjI4NzQ2IDg1LjE0NjkwOTIsNi44MjI2MDAxOCA4NC44MjEzODY0LDcuMzcwNzc4NjkgTDc5LjU3MTM4NDQsMTYuMjM0MjMyNyBMNzQuMzE4ODU5LDcuMzcwNzc4NjkgQzczLjk5MzMzNjIsNi44MjEzNjU1NCA3My4zNTg2OTI4LDYuNTI1MDUyODMgNzIuNzIyNzg3Nyw2LjYyNTA1ODM3IEM3Mi4wODU2MjA5LDYuNzI3NTMzMTggNzEuNTc1ODg3NSw3LjIwMTYzMzUyIDcxLjQzOTYyMjEsNy44MjM4OTAyMSBMNjkuMDA4Mjk0NiwxOC45NjUyNDgyIEM2OC44MjY2MDc1LDE5Ljc5NzM5MyA2OS4zNjQwOTg2LDIwLjYxODQyNjIgNzAuMjA2OTI1MiwyMC43OTc0NDg0IEM3MS4wNTEwMTM1LDIwLjk3NjQ3MDcgNzEuODgzNzQ2MywyMC40NDY4MTE3IDcyLjA2NTQzMzUsMTkuNjE0NjY2OCBMNzMuNjUwMTQ5MywxMi4zNTUwMDU0IEw3OC4yMjAwODYxLDIwLjA2Nzc3ODQgQzc4LjUwMDE4NzIsMjAuNTQxODc4NyA3OS4wMTQ5Njc1LDIwLjgzMzI1MjkgNzkuNTcxMzg0NCwyMC44MzMyNTI5IEM4MC4xMjY1Mzk2LDIwLjgzMzI1MjkgODAuNjQwMDU4MiwyMC41NDE4Nzg3IDgwLjkyMDE1OTMsMjAuMDY3Nzc4NCBMODUuNDkxMzU3OCwxMi4zNTUwMDU0IEw4Ny4wNzYwNzM2LDE5LjYxNDY2NjggQzg3LjIzMzc4ODIsMjAuMzM2OTI5MSA4Ny44ODIzMTA0LDIwLjgzMzI1MjkgODguNjAxNDg4OCwyMC44MzMyNTI5IEM4OC43MTEyNTgxLDIwLjgzMzI1MjkgODguODIzNTUwOSwyMC44MjA5MDY1IDg4LjkzMzMyMDIsMjAuNzk3NDQ4NCBDODkuNzc4NjcwMiwyMC42MTg0MjYyIDkwLjMxNDg5OTcsMTkuNzk3MzkzIDkwLjEzMzIxMjUsMTguOTY1MjQ4MiBMODcuNzAwNjIzMyw3LjgyMzg5MDIxIFogTTE4LjcyODg5NTYsNy44MjM4OTAyMSBDMTguNTkxMzY4NSw3LjIwMTYzMzUyIDE4LjA4Mjg5NjgsNi43Mjc1MzMxOCAxNy40NDU3Myw2LjYyNTA1ODM3IEMxNi44MDczMDE1LDYuNTI2Mjg3NDYgMTYuMTc1MTgxNiw2LjgyMjYwMDE4IDE1Ljg0OTY1ODgsNy4zNzA3Nzg2OSBMMTAuNTk4Mzk1LDE2LjIzNDIzMjcgTDUuMzQ1ODY5NjMsNy4zNzA3Nzg2OSBDNS4wMjE2MDg1MSw2LjgyMTM2NTU0IDQuMzg1NzAzNDQsNi41MjUwNTI4MyAzLjc0OTc5ODM3LDYuNjI1MDU4MzcgQzMuMTEyNjMxNTgsNi43Mjc1MzMxOCAyLjYwNDE1OTg2LDcuMjAxNjMzNTIgMi40NjkxNTYyMSw3LjgyMzg5MDIxIEwwLjAzNTMwNTI0ODYsMTguOTY1MjQ4MiBDLTAuMTQ2MzgxOTE1LDE5Ljc5NzM5MyAwLjM5MTEwOTI3NywyMC42MTg0MjYyIDEuMjM1MTk3NTYsMjAuNzk3NDQ4NCBDMi4wNzkyODU4NCwyMC45NzY0NzA3IDIuOTEwNzU2OTUsMjAuNDQ2ODExNyAzLjA5MjQ0NDExLDE5LjYxNDY2NjggTDQuNjc4NDIxNjQsMTIuMzU1MDA1NCBMOS4yNDgzNTg0OSwyMC4wNjc3Nzg0IEM5LjUyOTcyMTI1LDIwLjU0MTg3ODcgMTAuMDQxOTc4MSwyMC44MzMyNTI5IDEwLjU5ODM5NSwyMC44MzMyNTI5IEMxMS4xNTM1NTAzLDIwLjgzMzI1MjkgMTEuNjY4MzMwNiwyMC41NDE4Nzg3IDExLjk0ODQzMTYsMjAuMDY3Nzc4NCBMMTYuNTE4MzY4NSwxMi4zNTUwMDU0IEwxOC4xMDE4MjI1LDE5LjYxNDY2NjggQzE4LjI2MjA2MDUsMjAuMzM2OTI5MSAxOC45MTA1ODI4LDIwLjgzMzI1MjkgMTkuNjI5NzYxMSwyMC44MzMyNTI5IEMxOS43NDA3OTIyLDIwLjgzMzI1MjkgMTkuODUwNTYxNSwyMC44MjA5MDY1IDE5Ljk2MTU5MjUsMjAuNzk3NDQ4NCBDMjAuODA1NjgwOCwyMC42MTg0MjYyIDIxLjM0MTkxMDMsMTkuNzk3MzkzIDIxLjE2MDIyMzEsMTguOTY1MjQ4MiBMMTguNzI4ODk1Niw3LjgyMzg5MDIxIFoiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNi4yMzAwNjksMTYuNjQ1MjQxNCBMMzEuNzc1MTcyNCwxMi4xNzYyNzU5IEMzMS4wMDQ2ODk3LDExLjQwMzMxMDMgMjkuNzU0MjA2OSwxMS40MDMzMTAzIDI4Ljk4MzcyNDEsMTIuMTc2Mjc1OSBDMjguMjEyNDEzOCwxMi45NTAwNjkgMjguMjEyNDEzOCwxNC4yMDM4NjIxIDI4Ljk4MzcyNDEsMTQuOTc2ODI3NiBMMjkuNjA5Mzc5MywxNS42MDQ5NjU1IEMyNi41NjM4NjIxLDE4LjQzNjEzNzkgMjIuNTU1MDM0NSwyMC4wMzA4OTY2IDE4LjM2NzQ0ODMsMjAuMDMwODk2NiBDMTQuMTk3MjQxNCwyMC4wMzA4OTY2IDEwLjIwNTc5MzEsMTguNDQ5Mzc5MyA3LjE2NDQxMzc5LDE1LjYzOTcyNDEgTDcuODI0ODI3NTksMTQuOTc2ODI3NiBDOC41OTYxMzc5MywxNC4yMDM4NjIxIDguNTk2MTM3OTMsMTIuOTUwMDY5IDcuODI0ODI3NTksMTIuMTc2Mjc1OSBDNy4wNTUxNzI0MSwxMS40MDMzMTAzIDUuODA0Njg5NjYsMTEuNDAzMzEwMyA1LjAzNDIwNjksMTIuMTc2Mjc1OSBMMC41Nzg0ODI3NTksMTYuNjQ1MjQxNCBDLTAuMTkyODI3NTg2LDE3LjQxODIwNjkgLTAuMTkyODI3NTg2LDE4LjY3MiAwLjU3ODQ4Mjc1OSwxOS40NDQ5NjU1IEMwLjk2NDEzNzkzMSwxOS44MzE0NDgzIDEuNDY4OTY1NTIsMjAuMDI1MTAzNCAxLjk3NDYyMDY5LDIwLjAyNTEwMzQgQzIuNDc5NDQ4MjgsMjAuMDI1MTAzNCAyLjk4NTEwMzQ1LDE5LjgzMTQ0ODMgMy4zNjk5MzEwMywxOS40NDQ5NjU1IEw0LjM3MDQ4Mjc2LDE4LjQ0MTEwMzQgQzguMTUxNzI0MTQsMjEuOTg5NzkzMSAxMy4xNDcwMzQ1LDIzLjk5MDg5NjYgMTguMzY3NDQ4MywyMy45OTA4OTY2IEMyMy42MDYwNjksMjMuOTkwODk2NiAyOC42MTcxMDM0LDIxLjk3NTcyNDEgMzIuNDAyNDgyOCwxOC40MDU1MTcyIEwzMy40Mzg2MjA3LDE5LjQ0NDk2NTUgQzMzLjgyNDI3NTksMTkuODMxNDQ4MyAzNC4zMjkxMDM0LDIwLjAyNTEwMzQgMzQuODM0NzU4NiwyMC4wMjUxMDM0IEMzNS4zMzk1ODYyLDIwLjAyNTEwMzQgMzUuODQ0NDEzOCwxOS44MzE0NDgzIDM2LjIzMDA2OSwxOS40NDQ5NjU1IEMzNy4wMDEzNzkzLDE4LjY3MiAzNy4wMDEzNzkzLDE3LjQxODIwNjkgMzYuMjMwMDY5LDE2LjY0NTI0MTQgTTExLjg3OTE3MjQsNi44MjI2MjA2OSBDMTMuNTI5Mzc5Myw2LjgyMjYyMDY5IDE0Ljg2NzU4NjIsNS40ODAyNzU4NiAxNC44Njc1ODYyLDMuODI1MTAzNDUgQzE0Ljg2NzU4NjIsMi4xNjk5MzEwMyAxMy41MjkzNzkzLDAuODI3NTg2MjA3IDExLjg3OTE3MjQsMC44Mjc1ODYyMDcgQzEwLjIyODk2NTUsMC44Mjc1ODYyMDcgOC44OTA3NTg2MiwyLjE2OTkzMTAzIDguODkwNzU4NjIsMy44MjUxMDM0NSBDOC44OTA3NTg2Miw1LjQ4MDI3NTg2IDEwLjIyODk2NTUsNi44MjI2MjA2OSAxMS44NzkxNzI0LDYuODIyNjIwNjkgTTI0LjkzMDIwNjksNi44MjI2MjA2OSBDMjYuNTgwNDEzOCw2LjgyMjYyMDY5IDI3LjkxODYyMDcsNS40ODAyNzU4NiAyNy45MTg2MjA3LDMuODI1MTAzNDUgQzI3LjkxODYyMDcsMi4xNjk5MzEwMyAyNi41ODA0MTM4LDAuODI3NTg2MjA3IDI0LjkzMDIwNjksMC44Mjc1ODYyMDcgQzIzLjI3OTE3MjQsMC44Mjc1ODYyMDcgMjEuOTQxNzkzMSwyLjE2OTkzMTAzIDIxLjk0MTc5MzEsMy44MjUxMDM0NSBDMjEuOTQxNzkzMSw1LjQ4MDI3NTg2IDIzLjI3OTE3MjQsNi44MjI2MjA2OSAyNC45MzAyMDY5LDYuODIyNjIwNjkiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
        display: inline-block;
        height: 24px;
        width: 176px;
    }
    .lp__wrap {
        bottom: 50px;
        left: 0;
        height: 290px;
        margin: auto;
        position: absolute;
        right: 0;
        top: 70px;
        width: 100%;
    }
    .lp__text {
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        margin: 0 auto 12px;
        max-width: 230px;
        text-align: center;
    }
    .lp__gifts {
        margin: 0 auto 20px;
        max-width: 312px;
        overflow: hidden;
    }
    .lp__gift {
        box-sizing: border-box;
        float: left;
        padding: 12px;
        width: 33.3%;
    }
    .lp__gift img {
        display: block;
        width: 100%;
    }

    .lp__buttons {
        font-size: 14px;
        margin: auto;
        max-width: 288px;
        text-align: center;
    }
    .lp__send {
        background-color: #417505;
        border-radius: 40px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
        color: #ffffff;
        height: 32px;
        line-height: 32px;
        margin: 0 0 12px;
    }
    .lp__choose {
        background: transparent;
        border: 1px solid #ffffff;
        border-radius: 40px;
        color: #ffffff;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lp__mm-link {
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 16px;
        padding: 24px 0;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
    }
    .lp__store-link {
        bottom: 70px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

    @media only screen and (orientation: landscape) {
        body {
            background-size: 100% auto;
        }
        .lp__logo-wrap {
            bottom: 70px;
            height: 28px;
            left: 30px;
            margin: auto;
            padding-bottom: 80px;
            position: absolute;
            right: 336px;
            top: 0;
            width: 230px;
        }
        .lp__wrap {
            height: 200px;
            left: 264px;
            top: 0;
            width: auto;
        }
        .lp__text {
            position: absolute;
            right: 100%;
            top: 100px;
            width: 264px;
        }
        .lp__buttons {
            max-width: 288px;
        }
    }
</style>