#smartbanner { position:absolute; right:0; top:-82px;   width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:#f2f2f2; 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:before{content: ''; position: absolute; left: 25px; top: 10px; width: 60px; height:60px;     background:url(/local/templates/main/css/pages/services/remote-banking/img/logo_p.png) no-repeat 50% 50%; background-size: 60px auto;}

#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:30px; display:block; width:23px; height:23px; font-family:'ArialRoundedMTBold',Arial; font-size:23px; line-height:30px; text-align:center; color:#767676;  text-decoration:none; text-shadow:none;}

#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); 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:13px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner .sb-info .span_1{
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}
#smartbanner .sb-info .span_2{
	font-size: 13px;
	line-height: 18px;
	color: #3b3c39;
}
#smartbanner .sb-info .span_3{
	font-size: 11px;
	line-height: 18px;
	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:10px; text-align: right; font-weight: normal; 
	top:12px;  	  font-size:16px; line-height:18px;  color:#4173ee; 
	text-transform:uppercase; text-decoration:none;   }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background-color: none; }
#smartbanner .sb-button:before{
	content: '';
	position: absolute;
	left: -300px;
	right:-10px;
	top: -50px;
	bottom:-50px;
	z-index: 50;

}
#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 { border-color:#212228; background: #f2f2f2 ; border-bottom: 1px solid #9ca4a4; box-shadow: none; }
#smartbanner:before{content: ''; position: absolute; left: 25px; top: 10px; width: 60px; height:60px;     background:url(/local/templates/main/css/pages/services/remote-banking/img/logo_p.png) no-repeat 50% 50%; background-size: 60px auto;}
#smartbanner .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#373a36; background:none; display: block;position: relative;}

#smartbanner .sb-close:before{
	content: '';
	position: absolute;
	left: -50px;
	right:-10px;
	top: -50px;
	bottom:-50px;
	z-index: 90;

}
#smartbanner .sb-close:active { color:#373a36; }
#smartbanner .sb-info { color:#373a36;}
#smartbanner .sb-info strong { color:#373a36; }
#smartbanner .sb-button { min-width: 12%; padding:1px; color:#4173ee; box-shadow: none; min-height:28px}
#smartbanner .sb-button span { display: block;  text-transform:none; text-shadow:none; box-shadow:none; }


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