body {
    padding: 0;
    margin: 0;
}

.mobile-prompt a {
    text-decoration: none;
}

.mobile-prompt {
    position: relative;
    width: 100%;
    height: 80px;
    display: none;
}

.mobile-prompt-iphone {
    color:#000;
    background-color: rgb(242,242,242);
    font-family: 'HelveticaNeue-Light', 'HelveticaNeue-UltraLight', Helvetica, Arial, sans-serif;
    display: block;
}

.mobile-prompt-android {
    color:#FFF;
    background-color: rgb(13,13,13);
    font-family: Roboto, Arial, sans-serif;
    display: block;
}

.mobile-prompt-close {
    position: absolute;
    top: 28px;
    left: 20%;
    margin-left: -40px;
    border: none;
    width: 24px;
    height: 22px;
    background-repeat: no-repeat;
}

.mobile-prompt-iphone .mobile-prompt-close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAIAAABVH8vfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADeSURBVDhPrdQxDoMwDEDRHrsrbDByp1wCWLkAJ+gXjhLjunal9g+opOYhRSiP80916DiOfd/rTRaTzNebqwqxOs/zOI7btslKEDNMMq+tCi3L8rxKLVFkmKfqaoPWdR2GQf4OLK0wr8f6HqVWoFCHKLBihW4QuRbXtugqZCEyViklVciBSFutQCEfImPFCn2E9L6Q2fv3fMgoUmw5kFb4oTc7sCxkFHks+L5aN8hVpNTqUKBIsVWhVJECq0LtGAkUSb/SOUY4oqZpShVJLOadg41Y/UaRmNQKdeinzvMFuZQZXjtiPR0AAAAASUVORK5CYII=') /*../Images/mobile-iphone-prompt-close.png*/;
}

.mobile-prompt-android .mobile-prompt-close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAIAAABVH8vfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAFcSURBVDhPrZSxjoJAEIa5M8RgQkMBNlgaoONJqCiA9zOxovUxaC1USqkVSGi4P84GcGWHu+S+htld+JidzO6XaZraf/AtnpoGo23bYrAE3pQyWK3Xazwwm2VZGIa3262ua1pT4ThOmqZBEJzP567raFKIsICf6LrueR7vgiVJks1mYxiG67pFUdC8EN3vdygg4l2DBXHbtnmeD68J0fP5LMuSd0mWw+FQVRUtASECvIu3gFEEVC6qLmMBbyLw6YIoiiKUFqsqC5hvyO12i43QxwOMBcgZEdO8aIa3gLGzJfq+F9ELafjJfEZU3enWqF5Mr86Iphbs6HQ67Xa7V+k5lyySLKjL9Xpd7FXwJvq0UHV/0/ejSGUhFl1CxFsI3iVEcRxbloVAZSHgwse+75MLfStfI5fLZb/fI2AsBFIgF6TH43G42MYjggDHkrcMoBRN0zweDzFWnbU/o2k/Xocy2NJ1TYUAAAAASUVORK5CYII=') /*../Images/mobile-android-prompt-close.png*/;
}

.mobile-icon-mask {
    position:absolute;
    height: 60px;
    width: 60px;
    background-color: transparent;
    overflow: hidden;
    border-radius: 12px;
    top: 8px;
    left: 20%;
}

.mobile-app-text {
    position:absolute;
    top: 8px;
    left: 20%;
    margin-left: 65px;
    font-size: 14pt;
}

.mobile-app-text h1 {
    font-size: inherit;
    margin-bottom:0;
    padding-bottom:0;
    font-weight:normal;
    line-height: 20px;
}

.mobile-app-text h2 {
    font-size: 11pt;
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
    line-height: 20px;
}

.mobile-prompt-android .mobile-app-text {
    color: #FFF;
}

.mobile-prompt-iphone .mobile-app-text {
    color: #000;
}

.mobile-app-link {
    position: absolute;
    top: 20px;
    left: 30%;
    margin-left: 100%;
    font-size: 12pt;
}

.mobile-prompt-iphone .mobile-app-link {
    color: rgb(6,125,255);
    text-transform: uppercase;
}

.mobile-prompt-android .mobile-app-link {
    color:#FFF;
    background-color:rgba(178, 199, 51, 1);
    border-bottom: 2px solid rgba(178, 199, 51, 1);
    border-radius: 1px;
    width: 100px;
    height: 25px;
    text-align:center;
    padding-top: 10px;
    margin-top: -8px;
}

.mobile-prompt-android .mobile-app-link:hover {
    background-color: rgb(193,215,57);
    border-bottom: 2px solid rgb(167, 177, 91);
}