#smartbanner { 
    position:fixed; 
    left:0; 
    top:0; 
    border-bottom: 2px solid #acd9e1;
    width:100%; 
    height:76px; 
    font-family:'Helvetica Neue',sans-serif; 
    background: #d9eff2;
    /*
    background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); 
    background-image: -ms-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,0.5); 
    */
    z-index:9998; 
    -webkit-font-smoothing:antialiased; 
    overflow:hidden; 
    -webkit-text-size-adjust:none; 
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
}
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }

#smartbanner .sb-close { 
    position:absolute; 
    left:5px; 
    top:30px; 
    display:block; 
    width:14px; 
    height:14px; 
    font-family:'ArialRoundedMTBold',Arial; 
    font-size:15px; 
    line-height:15px; 
    text-align:center; 
    color:#fff; 
    background:#333; 
    text-decoration:none; 
    text-shadow:none; 
    border-radius:14px; 
    -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-size:cover; 
}
#smartbanner.no-icon .sb-icon { display:none; }

#smartbanner .sb-info { 
    position:absolute; 
    left:94px; 
    top:20px; 
    width:50%; 
    font-size:12px; 
    line-height:1.2em; 
    font-weight:bold; 
    color:#404d57; 
}
#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:10px; 
    top: 46px;
    padding: 8px 10px; 
    min-width: 10%; 
    font-size:11px; 
    text-align:center; 
    font-weight:bold; 
    color:#6a6a6a; 
    background:#333;  
    text-decoration:none; 
}

#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; }

/******** android ********/
#smartbanner.android { background: #d9eff2;border-bottom: 2px solid #acd9e1;}
#smartbanner.android .sb-close { 
    border:0; 
    width:17px; 
    height:17px; 
    line-height:17px; 
    color:#fff; 
    background:#333; 
}
#smartbanner.android .sb-info { color:#888;}
#smartbanner.android .sb-info strong { color:#333;}
#smartbanner.android .sb-button { 
    min-width: 12%; 
    padding: 4px 10px; 
    color:#fff; 
    background: #f46ea4; 
}
#smartbanner.android .sb-button span { 
    text-align: center; 
    display: block; 
    text-transform:none; 
    text-shadow:none; 
    box-shadow:none; 
}

#smartbanner.windows .sb-icon { border-radius: 0px; }