#smartbanner,
#smartbanner.android {
    position:absolute;
    left:0;
    top:-82px;
    height: 78px;
    width:100%;
    font-family:'WorkSansMedium';
    z-index:9998;
    overflow:hidden;
}
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close {
    position:absolute;
    left:5px;
    top:32px;
    display:block;
    width:14px;
    height:14px;
    font-family:'WorkSansSemiBold';
    font-size:14px;
    line-height:19px;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    background-image:  url(/etc/designs/EDF_RC/assets/img/smartbanner/close_smartbanner.png);
    background-size: cover;
}
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info strong {
    width: 80px;
    font-family: 'WorkSansMedium';
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon {
    position:absolute;
    left:30px;
    top:15px;
    display:block;
    width:48px;
    height:48px;
    background:rgba(0,0,0,0.6);
    background-size:cover;
    border-radius:14px;
    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:15px;
    width:44%;
    font-size:12px;
    line-height:1.2em;
    font-weight:bold;
    color:#ffffff;
    margin-left: 10px;
}
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:14px; color:white; line-height: 19px; }
#smartbanner .sb-info span {
    display:block;
    width: 100%;
    height: 23px;
    font-family: 'WorkSansMedium';
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
}
#smartbanner .sb-info .author {
    width: 100%;
    font-family: 'WorkSansRegular';
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    color: #ffffff;
}
#smartbanner .sb-info em { font-style:normal }
#smartbanner .sb-button {
    display: block;
    position:absolute;
    right:20px;
    top:25px;
    padding: 0 10px;
    min-width: 10%;
    height:24px;
    font-size:12px; 
    text-transform: uppercase;
    font-family: 'WorkSansMedium';
    line-height:30px;
    text-align:center;
    text-decoration:none;
    border-radius:12px;
    width: 80px;
    height: 30px;
    background-color: white;
    border: none;
    color: #007afe;
}

#smartbanner.android .sb-button {
    background-color: #689f38;
    color: #fff;
}

#smartbanner .sb-button span {
    width: 50px;
    height: 16px;
    font-family: 'WorkSansMedium';
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color:  #007afe;
}

#smartbanner.android .sb-button span {
    color:  #fff;
}


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

@media (width: 320px) {
    #smartbanner .sb-info em { font-style:normal }
    #smartbanner .sb-button {
        width: 58px;
    }
    #smartbanner .sb-info .author,
    #smartbanner.android .sb-info .author{
        font-size: 10px;
    }
}