html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

body{ margin: 0; padding: 0; background: #fff; font: 12px Arial; color: #000; }

.clear { clear:both; }

#wrapper{}
#header{}
#container{}
#box-container{}

.box-head {width:100%; float:left;}
.flag { float:left; width:24px; height:24px; margin:3px 10px 5px 6px;}
.currency {font-style:italic; line-height:30px;}
.demon{ font-size:8px; line-height:8px; color:#999; font-style:italic;}

.box {border:1px solid #ddd; width:25%; height:100px; float:left; position:relative;}
.box-head .logo {height:25px;}
.box .buy {}
.box .sell {}
.bank.buy {font-size:10px; color:#999}
.bank.sell {font-size:10px; color:#999}

.loading { background: url("../../images/indicator-bg.png"); width:44px; height:44px; position:absolute; top:30px; margin-left:-22; left:50%;}
.loading img {margin:10px;}

@media screen and (max-width: 765px){
  .box {height:150px;}
  .box-head .logo {height:auto;}
}

@media screen and (max-width: 430px){
  .currency {line-height:18px; display:block;}
}

.col-xs-12 {padding-left:4px;padding-right:4px;}