*{-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased !important;}
html, body{margin:0;padding:0;width: 100%;min-width: 100%;min-height: 100%;height: 100%;background-color:#333;}

.clear{clear: both;}

/* -----------------
Basic Typography
--------------------*/
body{-webkit-font-smoothing: antialiased;}

p, li, td, cite{font: 1em/1.4em "Roboto", Helvetica, Helvetica Neue, Arial;color:#666;}

h1, h2, h3, h4, h5, h6, blockquote, cite{font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}

h2, h3, h4, h5, h6{font-weight: 400;}

blockquote{margin:0;padding:0;font-weight: 300;color:#666;font-size: 1.4em;line-height: 1.4em;}

cite{margin:0;padding:0;font-weight: 300;color:#848282;font-size: .8em;line-height: 2.6em;}

/* -----------------
nav
--------------------*/
#nav{
    position: fixed;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #13294b;
    left: 0;
    top: 0;
    z-index: 8000;
    box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    -o-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
}
#nav a.logo{position: absolute;top:0;left:0;width: 80px;height: 80px;padding: 0;line-height: 50px;margin: 0;background: #ffffff;overflow: hidden;}
#nav .logo img {height:100%;width:auto;}
#nav ul{margin:0;padding:0;list-style:none;float: right;line-height: 80px;}
#nav a{text-decoration: none;text-transform: uppercase;color:#fff;padding: 0 20px;}
#nav .anchor{display: none;}
#nav ul li{font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 1.2em;font-size: 1.2rem;line-height: 80px;list-style:none;transition: all ease-in-out .5s;display:inline-block;}
#nav ul li:hover a, #nav ul li ul.submenu li:hover a{color: #13294b;transition: all ease-in-out .5s;}
#nav ul li:hover{background-color: rgba(136,136,136,1);}
#nav ul li ul.submenu{position: absolute;background-color:rgba(51,44,44,.7);display: none;}
#nav ul li ul.submenu li{display: block;line-height: 60px;font-size: .8em;font-size: 1rem;}
#nav ul li:hover ul.submenu li a{color: #888;}
#nav ul li ul.submenu li:hover{background-color:rgba(217,217,217,.7);}
#nav ul li ul.submenu li:hover a{color:#13294b;}


.camp-sub-nav {display:block;margin:0 auto 25px auto;text-align:center;border-bottom:2px #888 solid;padding: 0;line-height:normal;}
	.camp-sub-nav p {font-size:1.2em;font-weight:600;text-transform:uppercase;}
	.camp-sub-nav a {text-decoration:none;padding: 5px;}

.social{background-color:#666;border-left: dashed 1px #d9d9d9;border-right: dashed 1px #d9d9d9;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
a.social{display: none;}
.soc-icon {width:28px; height:auto; margin: 0 10px 0 0; vertical-align: middle;}

.show-menu {text-decoration: none;color: #fff;text-align: center;line-height:60px;display: none;}

/*Hide checkbox*/
input[type=checkbox]{
display: none;}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
display: block;}

@media only screen and (max-width: 750px) {
#nav{min-height: 60px;height: auto;}
#nav a.logo{position: absolute;top:0;left:0;width: 40px;height: 40px;padding: 10px;line-height: 40px;margin: 0;background-color:#13294b;overflow: hidden;}
#nav a.logo img{display:none;}
#nav ul{display: none;position:static;}
#nav ul li, #nav li a{width:100%;text-align:center;}
#nav ul li: hover{}
#nav .anchor{display: block;position: absolute;color: #fff;height: 40px;top:0;right: 20px;font-size: 20px;padding:0;}
#nav .anchor i{display: block;line-height: 60px;margin:0;}

.show-menu {display:block;}
}

/* -----------------
Structure
--------------------*/

.gap{height: 40px;min-height: 40px;width: 100%;margin-top: 60px;border-top: dashed 1px #D9D9D9;display: block;}

aside.right{width: 30%;padding: 0 0 30px 5%;margin-left: 5%;margin-bottom: 30px;float: right;font-size: 1.6em;border-left: solid 1px #666;}
aside.left{width: 30%;padding: 0 5% 30px 0;margin-right: 5%;float: left;font-size: 1.6em;border-right: solid 1px #666;margin-bottom: 30px;}

@media only screen and (max-width: 800px) {
aside.right, aside.left{width: 90%;padding: 5%;margin: 0;display: block;float:none;border:none;}
}

aside a{text-decoration: none;color:#13294b;}

.main{
	padding: 0;
	width: 100%;
	background-color: #13294b;
	position: absolute;
	top: 4px;
	left: -5px;
	margin: 0;
	overflow: hidden;
	margin-top: 40px;
}

section{background-image: url(../images/textures/extra_clean_paper.png);min-height: 10px;margin: -4% 0;padding-top: 20px;padding-right: 0;padding-left: 0;padding-bottom: 30px;width: 100%;box-shadow: 0px 0px 50px #666;-webkit-box-shadow: 0px 0px 50px #666;-o-box-shadow: 0px 0px 50px #666;-moz-box-shadow: 0px 0px 50px #666;z-index: 10;position: relative;border-top: solid 6px #666;border-bottom: solid 6px #666;}

section p a{color:#13294b;}
section h2, section h4{font-weight: 400;}
section h2{color: #13294b;font-size: 1.8em;}
section h4{color:#848282}

section i.left{font-size:18px; text-align:center;}


/* And the child another way */
.skew-pos {
	margin: 0;	padding: 5% 5%;	width: 90%;}
.center{position: relative;width: 100%;max-width: 1200px;margin: 0 auto;}
.center h2{text-align:center;text-transform:uppercase;font-weight:800;}

.half{position:relative;width:48%;max-width:600px;margin: 0 auto;display:inline-block;}

footer{
	width: 100%;
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;
	background-color: #333;
	margin: 0;
}
footer p{width: 100%;padding-right: 5%;padding-left: 0;padding-bottom: 0;color: #ccc;margin: 25px 0 0 0;display: inline-block;font-size:18px;}
footer p.right{float: right;text-align: right;}
footer p.left{font-size:12px; text-align:center;}
footer p.big {font-size: 18px;}
footer p a{color:#fff;text-decoration:none;}
footer img{width: 10%; height:auto;vertical-align:middle; margin: 0 2px;}
footer img.logo{width:25%;height:auto;vertical-align:middle;}

footer span {margin:0 5px 0 15px;}

@media only screen and (max-width: 700px) {
footer p, footer p.right{width: 80%;text-align: center;float: none;padding: 5% 10% 0 10%;}
}

@media only screen and (max-width: 480px) {
.skew-pos {margin: 0;	padding: 5%;	width: 90%;}
.bumper-content h2{top: 20%;font-size: 30px;line-height: 35px;}

footer{padding-top: 10px;padding-bottom: 20px;background-color: #333;}
footer p a{display:block; margin: 3px auto 5px auto;}


}

/* -----------------
Bumpers
--------------------*/

.bumper{width: 100%;z-index: 5;position: relative;overflow: hidden;background-size:cover;}
.bumper-content{position: absolute;top: 0;right:0;z-index: 8;}
.bumper-container{position: relative;top: 0;width: 100%;min-width:100%;height: 140%;min-height: 140% !important;background-repeat:no-repeat;background-position: center center;background-size:cover;z-index: 1;}
.bumper-content h1{text-transform:uppercase;font-size: 100px;text-align: right;font-weight: 400;line-height: 100px;margin:10% 0 0 0;padding:0;color: #666;text-shadow: 2px 2px 15px rgba(51,44,44,.9);z-index: 1;}
.bumper-content h1 small{display: block;bottom:0;right:0;font-size: 40px;line-height: 40px;margin-top: -20px;color:#fff;text-shadow: 2px 2px 15px rgba(51,44,44,.9);z-index: 2;}
.bumper-content h2{
    text-transform: uppercase;
    font-family: "Oswald", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 6em;
    font-size: 6rem;
    line-height: 1em;
    line-height: 10rem;
    padding: 0 20px;
    margin: 0;
    position: absolute;
    top: 25%;
    right: auto;
    text-shadow: 2px 2px 10px #000;
    text-shadow: 2px 2px 10px rgba(0,0,0,.9);
    z-index: 1;
}
.bumper-content h2 small{font-weight: 700;color: #ddd;font-size: .4em;font-size: 3rem;line-height: .4em;line-height: 3rem;position: absolute;bottom: 1%;right: 1%;text-shadow: 2px 2px 10px #000000;text-shadow: 2px 2px 6px rgba(0,0,0,.9);z-index: 2;}
.bumper-content p{text-transform:uppercase;font-size: 25px;text-align: right;color:#ddd;font-weight: 400;padding: 0 auto;margin:5% 0;position: absolute;top:45%;right:5%;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;text-shadow: 1px 1px 1px rgba(255,255,255,0.004);z-index: 1;}
.bumper-content .dimmer{display: none;padding: 0 10%;}
.bumper-content.play, .bumper-content.dimmer{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 3;}

.play a{text-decoration: none;display: block;text-align: center;width: 100%;color: #fff;font-size:100px;text-shadow: 2px 2px 20px rgba(51,44,44,.9);transition: all .5s;}
.play a:hover, .mainplay a:hover{text-shadow: 2px 2px 20px rgba(255,255,255,.75);transition: all .25s;}

.mainplay{height: 20%;width: 25%;min-width: 100px;position: absolute;bottom: 0;right: 8%;color: #fff;text-align: right;}
.mainplay a{color: #fff;text-decoration: none;font-size: 35px;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;text-transform: uppercase;transition: all .5s;text-align: right;font-weight: bold;}

a.close{position: absolute;top: 7%;right: 8%;z-index: 9;color: #fff;font-size:2em;color: #fff;text-shadow: 2px 2px 20px rgba(51,44,44,.9);transition: all .5s;}
a.close:hover{text-shadow: 2px 2px 20px rgba(255,255,255,.75);transition: all .5s;cursor:pointer;}

.infographics{text-align: center;}

@media only screen and (min-width: 1600px) {
.bumper{min-height: 800px;height: 800px;}
.bumper-content{min-height: 600px;height: 600px;width: 70%;min-width:70%;padding: 100px 15%;}

.play a{line-height: 600px;}
.dimmer{height: 580px;}

}

@media only screen and (max-width: 1600px) {
.bumper{min-height: 700px;height: 700px;}
.bumper-content{min-height: 550px;height: 550px;width: 80%;min-width:80%;padding: 75px 10%;}
.play a{line-height: 550px;}
.dimmer{height: 530px;}
}

@media only screen and (max-width: 1200px) {
.bumper{min-height: 600px;height: 600px;}
.bumper-content{min-height: 500px;height: 500px;width: 80%;min-width:80%;padding: 50px 10%;}
.bumper-content h1{font-size: 80px;line-height: 80px;}
.bumper-content h1 small{font-size: 30px;line-height: 30px;}
.bumper-content h2{font-size: 80px;line-height: 150px;}
.bumper-content h2 small{font-size: 30px;line-height: 30px;}

.play a{line-height: 500px;}
.dimmer{height: 470px;}
.mainplay{height: 20%;width: 35%;}

.mainplay a{font-size: 25px;}

}
@media only screen and (max-width: 900px) {
.bumper{min-height: 450px;height: 450px;}
.bumper-content{min-height: 370px;height: 370px;width: 90%;min-width:90%;padding: 70px 5%;}
.bumper-content h2{font-size: 60px;line-height: 130px;}
.bumper-content h2 small{font-size: 24px;line-height: 50px;}
.bumper-content p{font-size: 22px;padding-bottom:0;margin-bottom:0;}

.play a{line-height: 370px;}
.dimmer{height: 340px;}

.infographics img{width: 100%;height: auto;backround: none;}

.mainplay{height: 30%;width: 35%;}

.mainplay a{font-size: 25px;}

}
@media only screen and (max-width: 650px) {
.bumper-content h1{font-size: 60px;line-height: 60px;}
.bumper-content h1 small{font-size: 24px;line-height: 24px;}
.bumper-content h2{top: 20%;font-size: 40px;line-height: 55px;}
.bumper-content h2 small{font-size: 22px;line-height: 5px;}
.bumper-content p{font-size: 20px;}

.mainplay a{font-size: 18px;}
}

@media only screen and (max-width: 480px) {
.bumper{min-height: 300px;height: 300px;}
.bumper-content h2{font-size: 35px;line-height: 80px;}
.bumper-content h2 small{font-size: 21px;line-height: 21px;}
}


@media only screen and (max-width: 450px) {
.bumper{min-height: 300px;height: 300px;}
.bumper-content{min-height: 240px;height: 240px;width: 100%;min-width:100%;padding: 30px 0;}
.bumper-content h1{font-size: 40px;padding: 0 20px;line-height: 40px;}
.bumper-content h1 small{font-size: 16px;line-height: 16px;}
.bumper-content h2{font-size: 28px;line-height: 50px;}
.bumper-content h2 small{font-size: 16px;line-height: 16px;}
.bumper-content p{font-size: 14px;}

.play a{line-height: 240px;}
.dimmer{height: 240px;}

.mainplay{width: 65%;}
.mainplay a{font-size: 14px;}
}


/* -----------------
effects
--------------------*/

.on{background: rgba(51,44,44,.75);/*#666*/
transition: all 1s;}

.off{background: none;/*#666*/
transition: all 1s;}

.show{opacity: 1;transition: all 1s;}

.hide{opacity: 0;transition: all 1s;}

/* -----------------
masonry
--------------------*/
.waterfall{position: relative;margin: 0 auto;}
.item{padding:0;max-width: 380px; min-width: 380px;margin: 10px;height: auto;overflow:hidden;box-shadow: 2px 2px 5px #666;}	
@media only screen and (max-width: 480px) {.item{margin:1%;width: 98%;min-width: 98%;}
}
.grid-sizer{width: 33%;}

.item.header{background-color:#666;}
.item.team{background-image:url(../images/textures/debut_dark.png);}
.item.ad{background-color:#eee;}
.item.tweet{background-image:url(../images/textures/debut_dark.png);}
.item.quote{background-color:#D9D9D9;}
.item.watch{background-image:url(../images/textures/mochaGrunge.png);}
.item.listen{background-image:url(../images/textures/navy_blue.png);}
.item.matchup{background-image:url(../images/textures/bedge_grunge.png);}
.item.gameday{
    background-color: #13294b;
}
.item.vote{background-image:url(../images/textures/textured_paper.png);}
.item.trending{background-image:url(../images/textures/bedge_grunge.png);}
.item.mr{min-width:100%;max-width:100%;}
.item.faq{min-width:95%;background-image:url(../images/textures/debut_dark.png);}

.item img {display: block;margin: 0;width:100%;height:auto;}

.item p{display: block;padding-top: 5px;padding-right: 10px;padding-left: 10px;padding-bottom: 20px;margin: 0;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;-webkit-font-smoothing: antialiased !important;font-size: 1.3em;line-height: 1.2em;font-weight: 300; text-align:center;}

.item.header p{color:#13294b; font-weight: 600; text-align:center;}
.item.team p{color:#fff;}
.item.tweet p{color: #fff;}
.item.quote p{color:#13294b;}
.item.ad p {color: #ccc;margin: 0;}
.item.watch p{color:#fff;}
.item.listen p{color:#eee;}
.item.matchup p{text-align:center;}
.item.gameday p{color:#eee;}
.item.vote p{text-align:center;}
.item.faq p{color:#fff;}

.item.faq p.question {text-transform:uppercase;font-weight:500;padding-bottom:10px; font-style:italic;}
.item.faq p.question::before {content:'Q: ';}
.item.faq p.answer {margin-left:25px;}

.item.tweet p i.fa, .item.quote p i.fa{font-size: 1.2em;opacity: .6;padding-right: 15px;}

.item.header img{max-width: 25%; height: auto; margin: 20px auto; display: inline-block; vertical-align:middle;}
.item.team img{max-height: 35%; width: auto; max-width: 90%; margin: 20px auto; display: block;}
.item.photo img, .item.video img{width: 101%;height: auto;margin:0;padding:0;margin-bottom: -5px;}
.item.watch img{width: 50%; height:auto;margin-left:10px;display:inline-block;vertical-align:middle;}
.item.tweet img{width:20%;height:auto;margin:7px;display:inline-block;vertical-align:middle;}

.item h2{display: block;padding-top: 10px;padding-right: 15px;padding-left: 15px;padding-bottom: 5px;margin: 0;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;-webkit-font-smoothing: antialiased !important;font-size: 2em;line-height: 1.0em;font-weight: 600;text-align: center;}

.item h3{display: block;padding-right: 15px;padding-left: 15px;padding-bottom: 10px;margin: 0;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;-webkit-font-smoothing: antialiased !important;font-size: 1.5em;line-height: 1.0em;font-weight: 600;text-align: center;}

.item.team h2, .item.team h3{color:#fff;}
.item.quote h2, .item.quote h3{color:#333;}
.item.watch h2, .item.watch h3{color:#fff;}
.item.matchup h2, .item.matchup h3{
    color: #e84a27;
}
.item.listen h2, .item.listen h3{color:#eee;}
.item.gameday h2, .item.gameday h3{color:#eee;}
.item.mr h2, .item.mr h3{text-align:center;text-transform:uppercase;font-weight:800;}


.item a{text-decoration:none; color:#eee;}
.item.vote a{color:#666;}
.item a:hover{color:#13294b; text-shadow: 0 0 5px #222;}
.item.gameday a:hover{color:#999;}
.item.video a{position: absolute;top:0;left:0;display: block;width: 100%;height: 100%;min-width: 100%;min-height: 100%;}
.item.video a i{text-decoration: none;display: block;position: absolute;width: 60px;height: 60px;font-size: 50px;color:#fff;left: 50%;margin-left: -30px;top: 50%;margin-top: -30px;line-height: 60px;text-align: center;}
.item.trending a{color: #13294b;}

.item.quote cite{color:#848282;display: block;}
.item.quote cite a{color:#666;}
.item.tweet a.twitter-author{text-decoration: none;padding: 10px 30px 10px 0;color:#fff;font-weight: 300;line-height: 1em;}
img.twitter-icon{float: left;margin: 0 10px 10px 30px;}
.item.tweet div.twitter-more{clear: both;padding: 10px 50px 30px 50px;}
.item.tweet div.twitter-more a{color:#D9D9D9;text-decoration: none;line-height: 1.6em;font-size: .8em;}
.item.tweet div.twitter-more span.twitter-actions{float: right;}
.item.tweet div.twitter-more span.twitter-actions a{font-size: 1.3em;line-height: 1.3em;border-right: 1px dashed #fff;padding: 0 10px;color: #fff;opacity: .8;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.item.tweet div.twitter-more span.twitter-actions a:last-child{border: none;}
.item.tweet div.twitter-more span.twitter-actions a:hover{opacity:1;text-shadow: 2px 2px 5px #13294b;text-shadow: 2px 2px 5px rgba(80,0,0,.6);-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}

p.click-here {text-transform:uppercase;font-weight:600;}

/* -----------------
overlay
--------------------*/

#page-overlay{background-color:rgba(51,44,44,0.6);position: fixed;height: 100%;width: 100%;min-height: 100%;min-width: 100%;z-index: 8999;display: none;}
#page-overlay div#page-overlay-content{position: absolute;width: 70%;height: 70%;left: 50%;top: 50%;margin-left: -35%;margin-top: -20%;}
#page-overlay a.overlay-close{text-decoration: none;color:#fff;font-size: 30px;display: block;line-height: 40px;width: 40px;position: absolute;top: 11%;right: 12%;}


.rank{position:fixed;top: 40%;left:3%;font-weight: 900;color: #fff;font-size: 3.8em;text-shadow: 0px 0px 10px #000;}


/* -----------------
stats
--------------------*/

.statrow{width: 100%;clear: both;}
.statrow h3{padding-top: 40px;}
.lastyear-stat, .thisyear-stat{display: inline;border-bottom: dashed 1px #666;border-top: dashed 1px #666;padding-bottom: 40px;}

.lastyear-stat{/*background: url(../img/stat-bg.jpg) no-repeat right center;background-size:cover;*/
min-width: 40%;min-height: 40%;width: 49%;height: 49%;float: left;text-align: center;}
.thisyear-stat{min-width: 40%;min-height: 40%;width: 49%;height: 49%;float: left;border-left: dashed 1px #666;text-align: center;}
.lastyear-stat h6, .thisyear-stat h6{position: absolute:
top: 5px;left: 5px;font-size: 1.8em;color:#848282;font-weight: 300;padding:0;margin:0;}

.stat input{font-family:"Oswald", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.stat .bar{display: block;width: 100%;height: 40px;line-height: 40px;text-align: left;font-size: 30px;padding: 10px;font-family:"Oswald", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;color:#565252;}
.stat .bar .fill{font-weight:700;float: left;overflow: hidden;text-align: right;font-size: 40px;margin-right: 20px;letter-spacing:-8px;font-family:"Roboto", Helvetica, Helvetica Neue, Arial;}
.stat .bar .fill b{display: block;margin:0;margin-top: -35px;padding:0;font-size: 20px;color:#D9D9D9;text-align: left;letter-spacing:0px;font-family:"Oswald", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.stat .stat-detail{padding: 20px 0px;}


/* -----------------
stats
--------------------*/

.sponsor-logo {width: 200px; height: auto;}

@media only screen and (max-width: 480px) {.sponsor-logo {margin:1%;width: 40%;min-width: 38%;}
}