#smartbanner {
    position:absolute;
    left:0;
    top:-82px;
    width:100%;
    height:80px;
    z-index:9998;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:none;
    overflow:hidden;

    font:normal 13px/1.2em 'robotoregular',Helvetica,Arial,sans-serif;
    color:#6f737f;

    background:#e6e8eb;
    background:-moz-linear-gradient(top,  #e9eaed 0%, #e4e6e9 100%);
    background:-webkit-linear-gradient(top,  #e9eaed 0%,#e4e6e9 100%);
    background:-ms-linear-gradient(top,  #e9eaed 0%,#e4e6e9 100%);
    background:linear-gradient(to bottom,  #e9eaed 0%,#e4e6e9 100%);
    background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);
}
#smartbanner,
html.sb-animation {
    -webkit-transition: all .3s ease;
}
#smartbanner .sb-container {
    margin:0 auto;
}
#smartbanner .sb-close {
    color:#fff;
    font:bold 16px/23px sans-serif;
    text-align:center;
    text-decoration:none;
    width:24px;
    height:24px;
    border-radius:24px;
    background:#ced1d6;
    display:block;
    position:absolute;
    top:8px;
    left:10px;
    -webkit-font-smoothing:subpixel-antialiased;
}
#smartbanner .sb-close:active {
    color:#aaa;
}
#smartbanner .sb-icon {
    position:absolute;
    left:45px;
    top:10px;
    display:block;
    width:58px;
    height:58px;
    background:no-repeat 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OWE1OWU4NC0zM2IwLTQzNzQtOTZmNi01MTkxNzVjNmU5Y2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA4QTYxMDQzMkFCMTFFNDhDRUJBNTQ3MjQyQUM0MjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA4QTYxMDMzMkFCMTFFNDhDRUJBNTQ3MjQyQUM0MjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZDFkMmQzOC1mNzkyLTQ1OWItOTMzZC1hODg5NDcwZTUxMmQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NWJlNDhlMi02ZjJhLTExNzctYTg5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);
    background-size:cover;
}
#smartbanner .sb-info {
    position:absolute;
    left:124px;
    top:20px;
    width:51%;
    color:#6f737f;
    font:normal 13px/1.2em 'robotoregular',Helvetica,Arial,sans-serif;
}
#smartbanner .sb-info .sb-title {
    color:#282b31;
    font:bold 17px/20px 'robotoregular', Helvetica, Arial, sans-serif;
    display:block;
    margin:0 0 3px;
}
#smartbanner .sb-info span {
    margin:0 5px;
}
#smartbanner .sb-info em {
    font-style:normal;
    text-transform:uppercase;
}
#smartbanner .sb-button {
    color:#fff;
    font-size:14px;
    line-height:28px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    border-radius:4px;
    display:inline-block;
    border:0;
    box-shadow:none;
    background:#c5c8d0;

    position:absolute;
    right:20px;
    top:24px;
    padding:0 7px;
    min-width:6%;
    height:28px;
}
#smartbanner .sb-button-view {
    right:6%;
    margin-right:50px;
}
#smartbanner.android .sb-button-open,
#smartbanner .sb-button-open {
    background:#6ebe3b
}
#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
    opacity:.9;
}


/* no-icon */
#smartbanner.no-icon .sb-icon {
    display:none;
}
#smartbanner.no-icon .sb-info {
    left:45px;
}


/* gloss */
/*#smartbanner .sb-icon.gloss:after {
    content:'';
    position:absolute;
    left:0;
    top:-1px;
    border-top:1px solid rgba(255,255,255,.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:8px 8px 12px 12px; }
*/


/* iphone */
#smartbanner.iphone-device .sb-button {
    right:2%;
    margin-right:0;
    min-width:72px;
}
#smartbanner.iphone-device .sb-button-view {
    top:10px;
}
#smartbanner.iphone-device .sb-button-open {
    top:44px;
}


/* android */
#smartbanner.android {
    box-shadow:none;
    background:#282b31;
    background:-moz-linear-gradient(top,  #2c2f36 0%, #24272c 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2f36), color-stop(100%,#24272c));
    background:-webkit-linear-gradient(top,  #2c2f36 0%,#24272c 100%);
    background:-o-linear-gradient(top,  #2c2f36 0%,#24272c 100%);
    background:-ms-linear-gradient(top,  #2c2f36 0%,#24272c 100%);
    background:linear-gradient(to bottom,  #2c2f36 0%,#24272c 100%);
}
#smartbanner.android .sb-close {
    background:#1f2127;
}
#smartbanner.android .sb-close:active {
    color:#eee;
}
#smartbanner .sb-info strong {
    margin: 0 5px;
    display:block;
    font-size:13px;
    color:#fff;
    line-height: 18px;
}
#smartbanner.android .sb-button {
    background:#191a20;
}


@media screen and (max-device-width:424px) {
    #smartbanner .sb-icon {
        width:40px;
        height:40px;
        left:36px;
    }
    #smartbanner .sb-close {
        width:18px;
        height:18px;
        line-height:18px;
        font-size:11px;
    }
    #smartbanner .sb-info {
        font-size:10px;
        top:12px;
        left:86px;
    }
    #smartbanner .sb-info .sb-title {
        font-size:13px;
        line-height:17px;
    }
}