#smartbanner
{font-family: 'Helvetica Neue',sans-serif;

    position: absolute;z-index: 9998;top: -82px;left: 0;overflow: hidden;width: 100%;height: 78px;border-bottom: 1px solid #e8e8e8;background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);background-image: -moz-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);box-shadow: 0 1px 2px rgba(0,0,0,.5);-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;
}#smartbanner,
html.sb-animation
{
    -webkit-transition: all .3s ease;
}#smartbanner .sb-container
{
    margin: 0 auto;
}#smartbanner .sb-close
{font-family: 'ArialRoundedMTBold',Arial;font-size: 15px;line-height: 15px;

    position: absolute;top: 5px;left: 5px;display: block;width: 14px;height: 14px;text-align: center;text-decoration: none;color: #fff;border: 2px solid #fff;border-radius: 14px;background: #070707;box-shadow: 0 2px 3px rgba(0,0,0,.4);text-shadow: none;-webkit-font-smoothing: subpixel-antialiased;
}#smartbanner .sb-close:active
{
    font-size: 13px;color: #aaa;
}#smartbanner .sb-icon
{
    position: absolute;top: 10px;left: 30px;display: block;width: 57px;height: 57px;border-radius: 10px;background: rgba(0,0,0,.6);background-size: cover;box-shadow: 0 1px 3px rgba(0,0,0,.3);
}#smartbanner.no-icon .sb-icon
{
    display: none;
}#smartbanner .sb-info
{font-size: 11px;font-weight: bold;line-height: 1.2em;

    position: absolute;top: 18px;left: 98px;width: 44%;color: #6a6a6a;text-shadow: 0 1px 0 rgba(255,255,255,.8);
}#smartbanner #smartbanner.no-icon .sb-info
{
    left: 34px;
}#smartbanner .sb-info strong
{font-size: 13px;line-height: 18px;

    display: block;color: #4d4d4d;
}#smartbanner .sb-info > span
{
    display: block;
}#smartbanner .sb-info em
{
    font-style: normal;text-transform: uppercase;
}#smartbanner .sb-button
{font-size: 14px;font-weight: bold;line-height: 24px;

    position: absolute;top: 24px;right: 20px;min-width: 10%;height: 24px;padding: 0 10px;text-align: center;text-decoration: none;text-transform: uppercase;color: #6a6a6a;border: 1px solid #bfbfbf;border-radius: 3px;background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);box-shadow: 0 1px 0 rgba(255,255,255,.6),0 1px 0 rgba(255,255,255,.7) inset;text-shadow: 0 1px 0 rgba(255,255,255,.8);
}#smartbanner .sb-button:active,
#smartbanner .sb-button:hover
{
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}#smartbanner .sb-icon.gloss:after
{position: absolute;top: -1px;left: 0;width: 100%;height: 50%;

    content: '';border-top: 1px solid rgba(255,255,255,.8);border-radius: 10px 10px 12px 12px;background: -webkit-linear-gradient(top, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%);
}#smartbanner.android
{
    border-color: #212228;border-top: 5px solid #88b131;background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');box-shadow: none;
}#smartbanner.android .sb-close
{line-height: 17px;width: 17px;height: 17px;color: #b1b1b3;
    border: 0;background: #1c1e21;box-shadow: 0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3);text-shadow: 0 1px 1px #000;
}#smartbanner.android .sb-close:active
{
    color: #eee;
}#smartbanner.android .sb-info
{
    color: #ccc;text-shadow: 0 1px 2px #000;
}#smartbanner.android .sb-info strong
{
    color: #fff;
}#smartbanner.android .sb-button
{
    min-width: 12%;min-height: 24px;padding: 1px;color: #d1d1d1;border: 1px solid #dddcdc;border-radius: 0;background: none;box-shadow: none;
}#smartbanner.android .sb-button span
{display: block;min-height: 24px;padding: 0 10px;

    text-align: center;text-transform: none;color: #fff;background-color: #42b6c9;background-image: -moz-linear-gradient(top, #42b6c9, #39a9bb);box-shadow: none;text-shadow: none;
}#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover
{
    background: none;
}#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span
{
    background: #2ac7e1;
}#smartbanner.windows .sb-icon
{
    border-radius: 0;
}#smartbanner .sb-close
{line-height: 17px;z-index: 3;top: 1.5%;left: 1.5%;

    width: 17px;height: 17px;text-align: center;
}#smartbanner .sb-icon
{
    background-repeat: no-repeat;
    left: 5%;
}#smartbanner .sb-info
{font-size: 2.25vw;top: 0;left: 24%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;

    width: calc( 75% - 62px - 17px);height: 78px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}@media screen and (min-width: 640px)
{
    #smartbanner .sb-info
    {
        font-size: 12px;
    }
}#smartbanner .sb-info strong
{font-size: 1.25em;
    line-height: 1.4;
}#smartbanner .sb-button
{
    right: 5%;
}