#smartbanner { 

    position:absolute;
    left:0; 
    top:-82px;
    width:100%;
    height:78px;
    font-family:'Helvetica Neue',sans-serif;
    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; 

}
#smartbanner, html.sb-animation {
    -webkit-transition: all .3s ease;
}
#smartbanner .sb-container { 
    margin: 0 auto; 
}
#smartbanner .sb-close { 

    position:absolute; 
    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;
    text-decoration:none; text-shadow:none;
    border-radius:14px; 

}
#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: #fff;
    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:11px;
    width:42%;
    font-size:12px;
    line-height:1.2em;

}
#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;
    padding: 0 10px;
    min-width: 10%;
    height:24px;
    font-size:14px; 
    line-height:24px;
    text-align:center;
    color:#6a6a6a;
    background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%);
    text-transform:uppercase;
    text-decoration:none;
    text-shadow:0 1px 0 rgba(255,255,255,0.8);
}

@media screen and (min-width: 480px) {
    #smartbanner .sb-button{
        top: 19px;
    }
}

#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 { 

    position: relative !important;
    top: 47px !important;
    background: linear-gradient(102deg, #3023ae, #3cb8e9 87%, #3dbeeb 90%, #3ecff2);
    color:#fff;
    line-height: 16px;
    margin-bottom: 5px;

}
#smartbanner .sb-close { 

    position: absolute;
    left: 5px;
    top: 30px;
    font-size: 28px;
    font-weight: 200;
    color: #fff;

}
#smartbanner .sb-close:active { 
    color:#eee;
}
#smartbanner .sb-info { 
    color:#fff; 
}



@media screen and (min-width: 349px) {
    #smartbanner .sb-info{
        margin-top: 8px; 
    }
}
@media screen and (min-width: 495px) {
    #smartbanner .sb-info{
        margin-top: 13px;
    }
}
@media screen and (min-width: 992px) {
    #smartbanner .sb-info{
        margin-top: 21px;
    }
}
#smartbanner .sb-button { 

    min-width: 12%;

    padding:1px;
    color:#fff;
    background: none;

    box-shadow: none;
    min-height:28px;
    position: absolute;
    right: 3px;

}

@media screen and (min-width: 375px) {
    #smartbanner .sb-button { 
        right: 10px;
    }
}

#smartbanner .sb-button span { 
    text-align: center; 
    display: block; 
    padding: 0 10px;
    text-shadow:none; box-shadow:none;
}
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { 
    background: none;
}
#smartbanner .sb-button:active span, #smartbanner .sb-button:hover span { 
    background:#2AC7E1;
}

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

#smartbanner .sb-button-img{
    width: 90px;
}



@media screen and (min-width: 480px) {
    #smartbanner .sb-button-img{
        width: 120px;
    }
}