#smartbanner {
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0, #fdfdfd 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

    #smartbanner .sb-container {
        margin: 0 auto
    }

    #smartbanner .sb-close {
        position: fixed;
        left: 5px;
        top: 5px;
        display: block;
        width: 14px;
        height: 14px;
        font-family: 'ArialRoundedMTBold', Arial;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        color: #fff;
        background: #070707;
        text-decoration: none;
        text-shadow: none;
        border-radius: 14px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
        -webkit-font-smoothing: subpixel-antialiased
    }

        #smartbanner .sb-close:active {
            font-size: 13px;
            color: #aaa
        }

    #smartbanner .sb-icon {
        position: absolute;
        left: 30px;
        top: 10px;
        display: block;
        width: 57px;
        height: 57px;
        background: rgba(0, 0, 0, 0.6);
        background-size: cover;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
    }

    #smartbanner.no-icon .sb-icon {
        display: none
    }

    #smartbanner .sb-info {
        position: absolute;
        left: 98px;
        top: 10px;
        width: 44%;
        font-size: 11px;
        line-height: 1.2em;
        font-weight: bold;
        color: #6a6a6a;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
    }

    #smartbanner #smartbanner.no-icon .sb-info {
        left: 34px
    }

    #smartbanner .sb-info strong {
        display: block;
        font-size: 13px;
        color: #4d4d4d;
        line-height: 18px
    }

    #smartbanner .sb-info > span {
        display: block
    }

    #smartbanner .sb-info em {
        font-style: normal;
        text-transform: uppercase
    }

    #smartbanner .sb-button {
        position: absolute;
        right: 20px;
        top: 24px;
        position: absolute;
        background: #C8215C;
        color: #fff !important;
        border-radius: 25px;
        right: 20px !important;
        top: 20px !important;
    }


        #smartbanner .sb-button:active,
        #smartbanner .sb-button:hover {
            background: -webkit-linear-gradient(top, #dcdcdc 0, #efefef 100%)
        }

    #smartbanner .sb-icon.gloss:after {
        content: '';
        position: absolute;
        left: 0;
        top: -1px;
        border-top: 1px solid rgba(255, 255, 255, 0.8);
        width: 100%;
        height: 50%;
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 100%);
        border-radius: 10px 10px 12px 12px
    }

    #smartbanner.android {
        left: 0;
        top: -82px;
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
        height: 78px;
        font-family: 'Helvetica Neue', sans-serif;
        background: -webkit-linear-gradient(top, #f4f4f4 0, #fdfdfd 100%);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        z-index: 9998;
        -webkit-font-smoothing: antialiased;
        overflow: hidden;
        -webkit-text-size-adjust: none
    }

        #smartbanner.android .sb-close {
            position: fixed;
            left: 5px;
            top: 5px;
            display: block;
            width: 14px;
            height: 14px;
            font-family: 'ArialRoundedMTBold', Arial;
            font-size: 15px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            background: #070707;
            text-decoration: none;
            text-shadow: none;
            border-radius: 14px;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
            -webkit-font-smoothing: subpixel-antialiased
        }

            #smartbanner.android .sb-close:active {
                color: #eee
            }

        #smartbanner.android .sb-info {
            position: absolute;
            left: 98px;
            top: 10px;
            width: 44%;
            font-size: 11px;
            line-height: 1.2em;
            font-weight: bold;
            color: #6a6a6a;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)   
        }

            #smartbanner.android .sb-info strong {
                display: block;
                font-size: 13px;
                color: #4d4d4d;
                line-height: 18px
            }

        #smartbanner.android .sb-button {
            min-width: 12%;
            border: 1px solid #dddcdc;
            padding: 1px;
            color: #d1d1d1;
            background: 0;
            border-radius: 0;
            box-shadow: none
        }

            #smartbanner.android .sb-button span {
                text-align: center;
                display: block;
                padding: 0 10px;
                background-color: #42b6c9;
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42b6c9), to(#39a9bb));
                background-image: -moz-linear-gradient(top, #42b6c9, #39a9bb);
                text-transform: none;
                text-shadow: none;
                box-shadow: none
            }

            #smartbanner.android .sb-button:active,
            #smartbanner.android .sb-button:hover {
                background: 0
            }

                #smartbanner.android .sb-button:active span,
                #smartbanner.android .sb-button:hover span {
                    background: #2ac7e1
                }