.mobileapp-smart-banner-is-active { -webkit-transition: all 5s ease; transition: all 5s ease; }
#mobileapp-smart-banner { display:none; position:fixed; top:0; width:100%; z-index: 99999; font-family: Helvetica Neue, Sans-serif; -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transition: all 0.25s ease; transition: all 00.25s ease; }
#mobileapp-smart-banner .button{ border: 1px solid #ccc; background: #fff; color: #000; cursor: pointer; margin-top: 0px; font-size: 14px; display: inline-block; margin-left: 5px; font-weight: 400; text-decoration: none;  border-radius: 4px; padding: 6px 12px; transition: all .2s ease;}
#mobileapp-smart-banner .button:hover {  border: 1px solid #BABABA; background: #E0E0E0; color: #000;}
#mobileapp-smart-banner .button:focus { outline: none; }
#mobileapp-smart-banner * { margin-right: 4px; position: relative; line-height: 1.2em; }
#mobileapp-smart-banner-close { font-weight: 400; cursor: pointer; float: left; z-index: 2;padding: 0 5px 0 5px; margin-right: 0; }
#mobileapp-smart-banner .content { width:100%; overflow: hidden; height: 76px; background: rgba(255, 255, 255, 0.95); color: #333; border-bottom: 1px solid #ddd; }
#mobileapp-smart-banner-close { color: #000; font-size: 24px; top: 14px; opacity: .5; transition: opacity .3s ease; }
#mobileapp-smart-banner-close:hover { opacity: 1; }
#mobileapp-smart-banner .title { font-size: 18px; font-weight:bold; color: #555; }
#mobileapp-smart-banner .description { font-size: 12px; font-weight: normal; color: #777; max-height: 50px; overflow: hidden; }
#mobileapp-smart-banner .icon { float: left; padding-bottom: 40px; margin-right: 10px; margin-left: 5px; }
#mobileapp-smart-banner .icon img { width: 63px; height: 63px; margin-right: 0; border-radius:10px; }
#mobileapp-smart-banner .reviews { font-size:13px; margin: 1px 0 3px 0; color: #777; }
#mobileapp-smart-banner .reviews .star { display:inline-block; position: relative; margin-right:0; }
#mobileapp-smart-banner .reviews .star span { display: inline-block; margin-right: 0; color: #555; position: absolute; top: 0; left: 0; }
#mobileapp-smart-banner .reviews .review-count { font-size:10px; }
#mobileapp-smart-banner .reviews .star .half { width: 50%; overflow: hidden; display: block; }
#mobileapp-smart-banner .content .left { padding: 6px 5px 6px 5px; }
#mobileapp-smart-banner .vertically-align-middle { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#mobileapp-smart-banner .details > * { display: block; }
#mobileapp-smart-banner .content .left { height: 63px; }
#mobileapp-smart-banner .content .right { float: right; height: 63px; margin-bottom: 50px; padding-top: 22px; z-index: 1; }
#mobileapp-smart-banner .right > div { float: left; }
#mobileapp-smart-banner-action { top: 17px; }
#mobileapp-smart-banner .content:after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background: rgba(0, 0, 0, 0.2); }
#mobileapp-smart-banner .theme-dark.content { background: rgba(51, 51, 51, 0.95); }
#mobileapp-smart-banner .theme-dark #mobileapp-smart-banner-close{ color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .15); }
#mobileapp-smart-banner .theme-dark .details { text-shadow: 0 1px 1px rgba(0, 0, 0, .15); }
#mobileapp-smart-banner .theme-dark .title { color: #fff; }
#mobileapp-smart-banner .theme-dark .description { color: #fff; }
#mobileapp-smart-banner .theme-dark .reviews { color: #888; }
#mobileapp-smart-banner .theme-dark .reviews .star span{ color: #fff; }
#mobileapp-smart-banner .theme-dark .reviews .review-count{ color: #fff; }
#mobileapp-smart-banner .content .left .details .title { font-size: 12px; }
#mobileapp-mobile-action { white-space: nowrap; }
#mobileapp-smart-banner .content .left .details .description { font-size: 11px; font-weight: normal; }
@media only screen and (min-device-width: 320px) and (max-device-width: 350px) { #mobileapp-smart-banner .content .right { max-width: 120px; } }
@media only screen and (min-device-width: 351px) and (max-device-width: 400px) and (orientation: landscape) { #mobileapp-smart-banner .content .right { max-width: 150px; } }
@media only screen and (min-device-width: 401px) and (max-device-width: 480px) and (orientation: landscape) { #mobileapp-smart-banner .content .right { max-width: 180px; } }
body.showing-mobile-app-banner #header {top:75px!important;}
body.showing-mobile-app-banner #header nav {top:93px!important;}
body.showing-mobile-app-banner #header nav .nav {top:76px!important;}
body.showing-mobile-app-banner main {margin-top:157px!important;}