@charset "utf-8";

html { margin:0; padding:0; height: 100%; overflow-y:auto; overflow-x:auto;}
body { margin:0; min-height: 100%; display: grid; grid-template-rows: auto 1fr auto; font-size:17px; font-family:Verdana, Geneva, sans-serif; line-height:2em; color: #fff; word-wrap:break-word; }
.bg{ background-position:center center; background-repeat:no-repeat; background-size:cover; color:#e0e0e0; }

a{ outline:none; text-decoration:none; color:#E66B00; }
a:active, a:focus, a:hover { color:#c0c0c0; }

img{ width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; }
h1, h2, h3, h4, h5, h6, .heading{ margin:0 0 20px 0; font-size:1.6rem; line-height:normal; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }

hr{ display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0; }
hr, .borderedbox{border-color:#D7D7D7;}

header { border-bottom:1px solid; padding:30px 0; border-color:rgba(255,255,255,.3); background-color:rgba(20,20,20,.7); }
.topbar{ padding:0 3em; font-size:1rem; }
.topbar ul li{display:inline-block; margin:0 15px;}

main { position:relative; width:100%; margin:0; padding:0; text-align:center; background-color:rgba(20,20,20,.5); }
.intro{padding:30px 0 70px 0;}
.intro article{display:block; max-width:90%; margin:0 auto; text-align:center;}
.intro footer .btn{padding:14px 25px 16px; font-size:1.2rem;}

footer { border-top:1px solid; padding:2em; border-color:rgba(255,255,255,.3); background-color:rgba(20,20,20,.7); font-size:.9rem; }
.bottbar{ padding:0 3em; font-size:1rem; }
.bottbar ul li{display:inline-block; margin:0 15px;}

.center{text-align:center;}
.right{text-align:right;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.block{display:block;}
.inline{display:inline-block;}
.justified{text-align:justify;}
.borderedbox{border:1px solid;}
.circle{border-radius:50%; background-clip:padding-box;}
.group{display:block;}
.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}
.font-xs{font-size:.8rem;}
.font-x1{font-size:1.2rem;}

button.btn{cursor:pointer;}
.btn, button.btn{display:inline-block; padding:8px 25px 10px; text-transform:uppercase; font-size:1rem; font-weight:400; border:1px solid; border-color:rgba(255,255,255,.2);}
.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#E66B00; border-color:#E66B00;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}

.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 4.21052%; list-style:none;}
.first{margin-left:0; clear:left;}
.one_quarter{width:21.8421%;}
.one_third{width:30.52631%;}
.one_half, .two_quarter{width:47.89473%;}
.two_third{width:65.26315%;}
.three_quarter{width:73.94736%;}

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}
table, th, td{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a{background-color:inherit;}

@-ms-viewport{width:device-width;}
@media screen and (max-width:650px){
   body { font-size:.8rem;  }
   header { padding:10px 0; }
	.topbar{ font-size:.8rem; }
	footer{ padding:10px 0; }
	.bottbar{ font-size:.8rem; }
}