#smartbanner {
position: absolute;
left: 0;
top: -82px;
border-bottom: 1px solid #c1c1c1;
width: 100%;
height: 78px;
font-family: 'Helvetica Neue', sans-serif;
background-color: #f2f2f2;
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: 28px;
display: block;
width: 20px;
height: 20px;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
line-height: 1em;
text-align: center;
color: #787878;
text-decoration: none;
-webkit-font-smoothing: subpixel-antialiased;
}

#smartbanner .sb-icon {
position: absolute;
left: 30px;
top: 10px;
display: block;
width: 57px;
height: 57px;
background-size: cover;
border: 1px solid #cccccc;
border-radius: 10px;
}

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

#smartbanner .sb-info {
position: absolute;
left: 98px;
top: 18px;
width: 44%;
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
color: #6a6a6a;
}

#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: 5px;
top: 30px;
padding: 0 10px;
min-width: 10%;
height: 1.5rem;
font-size: 1.1rem;
height: 1.5rem;
text-align: center;
font-weight: bold;
color: #007aff;
text-transform: uppercase;
text-decoration: none;
}