/* -------------
 * Reset
 * ------------- */
html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#333; line-height:160%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; }
body *{ outline:none; -webkit-text-size-adjust:none;}
a { outline: 0; text-decoration:none; color:#fff; }
a:hover {text-decoration:none; color:#2b57a7; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hide {display:none;}
.center {text-align:center;}
.bold{ font-weight:bold;}
.no-border{border:none !important;}
.no-bg{background:none !important;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}