/* GA Lottery */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,600,500);
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
/* Resets */
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, img, ins, kbd, q, s, samp,
small, strike, 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;font-family:'Raleway',Helvetica,Arial,sans-serif;}
/* 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;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6, p, ul, ol {color:rgba(0,0,0,0.95);margin:0 0 20px 0;font-family:'Raleway',Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:60px;}
h2 {font-size:50px;}
h3 {font-size:40px;}
h4 {font-size:30px;}
h5 {font-size:25px;}
h6 {font-size:20px;}
p {font-size:17px;line-height:25px;}
html {background:rgba(12,12,12,1);}
body {background:rgba(12,12,12,1) url(../images/gridiron-big.jpg) bottom center no-repeat;background-size:cover;background-attachment:fixed;font-family:Helvetica,Arial,sans-serif;margin:0 auto;}
body.box-shadow {box-shadow:0 0 20px rgba(0,0,0,0.40);}
body div, body span {position:relative;display:block;}

.header {width:100%;margin:0 0 30px 0;background:rgba(0,0,0,0.5);}
.header img {width:100%;}

/* Original color: 127,120,106 */
.container {display:relative;display:block;clear:both;width:100%;max-width:1200px;margin:0 auto;padding:0;}
.right {position:relative;display:inline-block;width:500px;float:right;margin:0 0 30px 0;}
.left {position:relative;display:inline-block;width:calc(100% - 550px);float:left;margin:0 0 0 0;padding:50px;background:rgba(0,0,0,0.50);text-align:center;}
.left img {position:relative;display:inline-block;margin:0 auto 20px;max-width:100%;}
h1 {text-align:center;margin:0 0 10px 0;font-size:40px;color:rgba(255,255,255,1);}
h2 {text-align:center;margin:0 0 30px 0;font-size:30px;color:rgba(255,255,255,0.60);}
p {margin:0 0 30px 0;font-size:16px;color:rgba(0,0,0,0.95);font-weight:600;padding:0 50px;}
* img {max-width:100%;}

.footer {position:relative;display:block;clear:both;width:100%;max-width:1200px;margin:0 auto;padding:50px 0 30px;text-align:center;list-style-type:none;}
.footer li {position:relative;display:block;width:calc(100% / 3 + 80px);float:left;}
.footer li:nth-of-type(2) {width:calc(100% / 3 - 160px);}
.footer:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;}
.footer li.download img {margin:5px;}
.footer li.download a img {max-height:50px;margin-bottom:5px;}
.footer li.download img:nth-of-type(1) {float:left;}
.footer li.info {text-align:right;padding:40px 0 0 0;}
.footer li.info img {float:right;margin:0 0 0 30px;width:80px;}
.footer li.info p {width:calc(100% - 110px);margin:5px 0;font-size:12px;font-weight:500;padding:0;display:inline-block;color:rgba(255,255,255,0.95);}
.footer li.info p a {color:rgba(255,255,255,0.85);text-decoration:none;font-weight:700;}
.footer p span {display:inline;font-size:10px;}
.footer img {max-height:120px;}

.header:empty {min-height:400px;}
.header:empty:before {content:'Header needs <img> (min width 1600px)';position:absolute;top:50%;left:50%;font-size:30px;text-align:center;transform:translate(-50%, -50%);color:rgba(0,0,0,0.35);}

ul.navigation {position:relative;display:block;width:100%;margin:0 0 50px 0;padding:0;list-style-type:none;text-align:center;background:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.15);z-index:2;font-size:0;}
ul.navigation li {position:relative;display:inline-block;margin:0 auto;padding:0 20px;float:none;font-size:20px;color:rgba(0,0,0,1);min-width:200px;line-height:80px;transition:color .2s ease-in-out, background .2s ease-in-out;}
ul.navigation li:hover {color:rgba(30,30,30,1);background:rgba(237,237,237,1);}
ul.navigation li a {position:absolute;display:block;top:0;left:0;width:100%;height:100%;outline:0;border:0;}

body.login {background:rgba(12,12,12,1);}
body.login .right, body.login .left {width:50%;max-width:550px;min-height:500px;border:1px solid rgba(237,237,237,0.25);border-radius:15px;background:rgba(255,255,255,0.95);}
body.login .right {float:left;margin:0 0 30px 0;}
body.login .left {float:right;margin:0 0 30px 0;padding:0;}
body.login span.register-container {width:100%;padding:30px;text-align:center;}
body.login span.login-container {position:relative;width:100%;padding:30px;text-align:center;}
body.login .container {max-width:1200px;margin:0 auto;}

label {display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px 0;text-align:left;font-weight:700;color:rgba(0,0,0,0.95);}
input {position:relative;display:block;width:100%;border:1px solid rgba(237,237,237,0.5);background:rgba(255,255,255,0.5);line-height:40px;margin:0 0 20px 0;padding:5px 10px;outline:0;border-radius:3px;transition:border .2s ease-in-out, padding .2s ease-in-out, background .2s ease-in-out;}
input:focus {border:1px solid rgba(237,237,237,1);background:rgba(255,255,255,1);padding:5px 10px 5px 15px;border-left:5px solid rgba(237,237,237,1);}
input.pass {margin:0;}
a.helper {position:relative;display:block;font-size:0.8em;text-align:right;color:rgba(255,255,255,0.65);margin:3px 0 20px 0;line-height:20px;text-decoration:none;transition:color .2s ease-in-out;cursor:pointer;}
a.helper:hover {color:rgba(255,255,255,1);}
button.submit, a.submit {position:relative;display:block;width:100%;line-height:40px;padding:5px 20px;text-align:center;font-weight:600;background:rgba(65, 102, 50, 1);border:1px solid rgba(0,0,0,0.5);color:rgba(255, 255, 255, 1);text-decoration:none;font-size:18px;text-transform:uppercase;letter-spacing:1px;transition:font-size .2s ease-in-out;}
button.submit:hover, a.submit:hover {font-size:22px;}

.see-rules a, .see-rules a:visited {color:rgba(255,255,255,1);}

ul.winners {position:relative;display:block;width:100%;padding:0 30px 10px 30px;border:1px solid rgba(237,237,237,0.25);border-radius:15px;background:rgba(0,0,0,0.5);list-style-type:none;}
ul.winners:before {content:'Winners';position:relative;display:block;width:100%;padding:10px 0;font-size:30px;line-height:1.5em;text-align:center;color:rgba(255,255,255,0.95);}
ul.winners li {position:relative;display:block;width:100%;line-height:30px;color:rgba(255,255,255,0.85);padding:5px 0;border-bottom:1px dotted rgba(255,255,255,0.15);}
ul.winners li:last-child {border:0;}
ul.winners li:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;outline:0;border:0;}
ul.winners li span {position:relative;display:inline-block;width:calc(100%/3 - 1px);float:left;text-align:left;}
ul.winners li span:nth-of-type(2) {text-align:center;}
ul.winners li span:nth-of-type(3) {text-align:right;}
ul.winners:empty {display:none;}

body.rules .container {max-width:800px;margin:0 auto;}
body.rules .left {width:100%;margin:0;padding:20px 30px;}
body.rules p {padding:0;}

.warning {position:relative;display:block;width:100%;margin:0 0 20px 0;padding:10px 20px;background:rgba(255,78,78,0.1);border:1px solid rgba(255,78,78,0.35);border-radius:8px;}
.warning p {margin:0 0 5px 0;padding:0;text-align:left;color:rgba(251,179,179,1);}
.warning label {display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 2px 0;text-align:left;font-weight:700;color:rgba(255,78,78,1);}
.warning.hide {display:none;}
.warning.show {display:block;}

@media only screen and (max-width:1200px) {
	.right {width:100%;margin:0 0 30px 0;}
	.left {width:100%;padding:30px;margin:0 0 30px 0;}
	ul.navigation li {font-size:16px;min-width:0;}
	body.login .left, body.login .right {position:relative;display:inline-block;width:100%;max-width:calc(100% / 2 - 50px);margin:0 auto 30px;margin-left:25px;margin-right:25px;}
	body.login .container {text-align:center;}
	input {font-size:16px;}
	.footer {padding:0 30px 30px;}
	.footer li:nth-of-type(1) {width:100%;display:block;clear:both;}
	.footer li.download {text-align:center;}
	.footer li.download img {display:block;float:none!important;margin:0 auto;}
	.footer li.download a {position:relative;display:inline-block;padding:20px;margin:20px auto;text-align:center;}
	.footer li.logo img {max-width:100%;}
	.footer li:nth-of-type(2) {width:calc(100% / 2 - 120px);}
	.footer li:nth-of-type(3) {width:calc(100% / 2 + 120px);}
	.footer li:nth-of-type(2) {text-align:left;}
	.footer li:nth-of-type(3) {text-align:right;}
}
@media only screen and (max-width:1024px) {
	body.login .left, body.login .right {width:100%;max-width:calc(100% - 50px);min-height:0;}
	ul.navigation li {font-size:13px;min-width:0;}
	.footer li:nth-of-type(2) {width:100%;text-align:center;}
	.footer li:nth-of-type(3) {width:100%;}
}

@media only screen and (max-width:768px) {
	.right {width:100%;margin:0 0 30px 0;}
	.left {width:100%;padding:20px;margin:0 0 30px 0;}
	ul.navigation li {min-width:0;font-size:11px;}
	.footer li.download a {margin:20px 0 0 0;}
}