@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Questrial);

::-webkit-input-placeholder {
   color: #2f2f2f;
   font-family:'Raleway', sans-serif;
   font-size:14px;
}

:-moz-placeholder { /* Firefox 18- */
 color: #2f2f2f;
   font-family:'Raleway', sans-serif;
   font-size:14px;}

::-moz-placeholder {  /* Firefox 19+ */
 color: #2f2f2f;
   font-family:'Raleway', sans-serif;
   font-size:14px;}

:-ms-input-placeholder {  
 color: #2f2f2f;
   font-family:'Raleway', sans-serif;
   font-size:14px;}
.top_involved{ height:10px; background:#fff;}
.getinvolved{ width:241px; position:absolute; right:0; top:5; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:5px 10px;}
.getinvolved a{ width:100%; font-family:'Raleway', sans-serif; font-weight:500; text-align:center; text-transform:uppercase; color:#232323; font-size:20px; display:block; margin:5px 0; text-transform:none; background:url(../images/arrow.png) no-repeat 180px 10px;}
.getinvolved a:hover,.getinvolved a:focus{ text-decoration:none;}
.get_form_cont{ display:none;}
.get_form_cont input[type="text"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0; }
.get_form_cont input[type="email"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.get_form_cont input[type="number"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.get_form_cont input[type="tel"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.get_form_cont textarea{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0; resize:none;}

.get_form_cont input[type="submit"]{ background:url(../images/submit_btn.png) no-repeat top center; width:221px; height:37px; border:none; margin:10px 0;}


.relative_cont{ position:relative;}
.banner-area{ background:#000 url(../images/top_row.png) no-repeat bottom center; background-size:100% auto; padding:60px 0;}
.banner-area h1{font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:35px; color:#ffb400; margin-top:20px;}
.banner-area p{font-family: 'Raleway', sans-serif; font-size:22px; font-weight:500; width:80%; color:#fff; border-bottom:#8a8a8a 1px solid; border-top:#8a8a8a 1px solid; padding:10px 0;}
.banner-area h2{font-family: 'Oswald', sans-serif; font-size:24px; color:#ffb400;  padding:5px 0 10px;}
.banner-area h2 span{font-family: 'Oswald', sans-serif; text-transform:uppercase; margin-left:5px; font-size:24px; color:#fffffe;}
.watch_btns{  width:252px; height:47px; display:block;  margin:5px 0 20px; font-size:19px; text-transform:uppercase; text-align:center; color:#232323; font-weight:700; line-height:49px; text-decoration:none; padding:0 20px 0 0; font-family: 'Raleway', sans-serif; background:#ffb400 url(../images/watch_btns_bg.png) no-repeat right 25px center; border-radius:5px; border:none;}
.banner-area span{font-family: 'Raleway', sans-serif; font-size:15px; width:100%; color:#b8b8b8; font-weight:500;  padding:15px 0 10px}
.banner-area ul{ list-style:none; margin:0; padding:0;}
.banner-area ul li{ width:100%;  padding:5px 0;}

#logo{font-family: 'Raleway', sans-serif; font-size:80px;  color:#fff; text-transform:uppercase; }

.caption-area h1{ font-family:'Raleway', sans-serif; font-size:20px; color:#2f2f2f; text-transform:uppercase; /*display:inline*/; line-height:56px; height:56px; font-weight:700; float:left; margin:0px 0px 0 0; padding:0px;}
.caption-area ul{ list-style:none; float:left;}
.caption-area ul li{ float:left; margin:14px 10px 0 0;}
.caption-area ul li a{font-size:28px; }

.trailer-area{ background:#212121; border-bottom:#fff 9px solid}
.trailer-area h1{font-family: 'Raleway',sans-serif; color:#ffb400; font-size:55px; text-transform:uppercase; }
.trailer-area h1 span{font-family: 'Questrial', sans-serif; font-size:58px; font-weight:400; color:#fff; text-transform:uppercase; margin-right:5px;}
.episode-area{ background:#131313;}
.episode-area h1{font-family: 'Raleway', sans-serif; color:#ffb400; font-size:55px; text-transform:uppercase; }

.episode-area h1 span{font-family: 'Questrial', sans-serif; font-size:58px;  color:#fff; text-transform:uppercase; margin-right:5px;}

.episode-list{ background:#212121; padding:50px 0px;}
.title-block{ padding:5px 0;}
.title-block h1{ background:none; font-family: 'Raleway', sans-serif; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; padding:0px; display:inline;}
.title-block h1 span{ background:none; font-family: 'Raleway', sans-serif; color:#ffb400; font-size:24px; font-weight:700; text-transform:uppercase; padding:0px; margin-left:5px;}
.title-block h2{ background:none; font-family: 'Raleway', sans-serif; color:#9a9a9a; font-size:24px; font-weight:400; text-transform:uppercase; padding:0px; display:inline; }

.comment-block-right p{font-family: 'Raleway', sans-serif;  color:#dedede; font-size:15px; line-height:20px;}
.comment-block{ min-height:40px;}
.comment-block p{font-family: 'Open Sans', sans-serif; font-style:italic; color:#dedede; font-size:15px; line-height:20px;}
.right-border{ border-right:#7b7b7b 1px solid;}


.details{text-align:center; font-family: 'Raleway', sans-serif; color:#fff; font-size:15px; font-weight:400; margin-bottom:15px;}
.details p{padding-top:15px;   border-top:#7b7b7b 1px solid;}


.darkgrey{background:#131313;}


.news-area{ padding:10px 0 50px 0;}

.news-block ul{ color:#ffb400;}
.news-block ul li{font-family: 'Raleway', sans-serif; font-size:15px; font-weight:500; color:#ffb400; text-align:left;}
.news-block ul li a{font-family: 'Raleway', sans-serif; font-size:15px; font-weight:700; color:#ffb400;}
.news-block ul li a span{font-family: 'Raleway', sans-serif; font-size:15px; font-weight:500; color:#fff; margin-left:5px;}
.news-block ul li a:hover span{font-family: 'Raleway', sans-serif; font-size:15px; font-weight:500; color:#fff; text-decoration:underline; margin-left:5px;}

.news-area h1{font-family: 'Raleway', sans-serif; color:#ffb400; font-size:55px; text-transform:uppercase; }

.news-area h1 span{font-family: 'Questrial', sans-serif; font-size:58px;  color:#fff; text-transform:uppercase; margin-right:5px;}




.bottom_involved{ height:10px; background:#fff;}
.bottomgetinvolved{ width:241px; position:absolute; right:0; bottom:0px; background:#fff; border-top-left-radius:5px; border-top-right-radius:5px; padding:5px 10px;}
.bottomgetinvolved a{ width:100%; font-family:'Raleway', sans-serif; font-weight:500; text-align:center; text-transform:uppercase; color:#232323; font-size:20px; display:block; margin:0; text-transform:none; background:url(../images/uparrow.png) no-repeat 180px 10px;}
.bottomgetinvolved a:hover,.bottomgetinvolved a:focus{ text-decoration:none;}
.bottom_get_form_cont{ display:none;}
.bottom_get_form_cont input[type="text"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0; }
.bottom_get_form_cont input[type="email"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.bottom_get_form_cont input[type="number"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.bottom_get_form_cont input[type="tel"]{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0;}
.bottom_get_form_cont textarea{ width:220px; background:#f1f1f1; color:#2f2f2f; font-family: 'Raleway', sans-serif; font-size:14px; border:none; border-radius:2px; padding:5px 5px; margin:10px 0 0; resize:none;}

.bottom_get_form_cont input[type="submit"]{ background:url(../images/submit_btn.png) no-repeat top center; width:221px; height:37px; border:none; margin:10px 0;}

.footer{ background:#000; padding:30px 30px 50px 30px;}

.social ul{list-style:none;  padding:0; margin:0;}
.social ul li{display:inline; margin:0px 5px; }

.footer-middle-col{ border-left:#3f4142 1px solid; border-right:#3f4142 1px solid; padding:0 40px;}
.footer-link{ width:100%;}
.footer-link ul{ list-style:none; padding:0; margin:0;}
.footer-link ul li{ float:left; margin:0px;}
.footer-link ul li a{ color:#939292; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500;}
.footer-link ul li a:after{ content:"|"; margin:0px 10px 0 10px; float:left;}
.footer-link ul li:first-child a:after{ content:""; margin:0px 0px 0 0; float:left;}

.footer-middle-col span{ clear:both; color:#939292; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:14px; font-weight:500; display:block; width:100%;}

.logo-block .right-logo{ margin:0; padding:0;}
.logo-block .footerlogoone img{ float:right;}
.right-logo a img{top:-15px; position:absolute;}
.logo-block span{ clear:both; color:#939393; font-family: 'Raleway', sans-serif;  font-size:14px; font-weight:500; display:block; width:100%; text-align:right;}

.footer-part-half{ width:50%; display:block; float:left;}

/* Defaults */
.text-center-sm,
.text-center-md,
.text-center-lg,
.text-right-sm,
.text-right-md,
.text-right-lg,
.text-left-sm,
.text-left-md,
.text-left-lg { text-align: inherit; }

/* Define xs styles after defaults so they take precedence */
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-left-xs { text-align: left; }

@media (min-width: 320px) {
	#logo{font-size:50px;}
	.caption-area h1{ font-size:14px; line-height:56px;}
	.trailer-area h1{font-size:25px; }
	.trailer-area h1 span{ font-size:28px;}

	.episode-area h1{font-size:25px; }
	.episode-area h1 span{ font-size:28px;}

	.news-area h1{font-size:25px; }
	.news-area h1 span{ font-size:28px;}
.footer-middle-col{ padding:20px 0px; border:none;}
	.footer-middle-col span{font-size:12px;}
}

/* Small grid */
@media (min-width: 786px) {
	#logo{font-size:60px;}
  .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-sm, .text-right-xs { text-align: right; }
  .text-left-sm, .text-left-xs { text-align: left; }
		.caption-area h1{ font-size:18px; line-height:56px;}
			.trailer-area h1{font-size:55px; }
	.trailer-area h1 span{ font-size:58px;}

	.episode-area h1{font-size:35px; }
	.episode-area h1 span{ font-size:38px;}
	.news-area h1{font-size:35px; }
	.news-area h1 span{ font-size:38px;}
.footer-middle-col{ padding:0px 40px 20px 40px; border-left:#3f4142 1px solid; border-right:#3f4142 1px solid;}
	.footer-middle-col span{font-size:14px;}
}

/* Medium grid */
@media (min-width: 992px) {
		#logo{font-size:80px;}

  .text-center-md, .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-md, .text-right-sm, .text-right-xs { text-align: right; }
  .text-left-md, .text-left-sm, .text-left-xs { text-align: left; }
    .caption-area ul{float:right}
		.caption-area h1{ font-size:20px; line-height:56px;}
			.trailer-area h1{font-size:55px; }
	.trailer-area h1 span{ font-size:58px;}

			.episode-area h1{font-size:55px; }
	.episode-area h1 span{ font-size:58px;}
	.episode-area h1{font-size:55px; }
	.episode-area h1 span{ font-size:58px;}

}

/* Large grid */
@media (min-width: 1200px) {
  .text-center-lg, .text-center-md, .text-center-sm, .text-center-xs {
    text-align: center;
  }
  .text-right-lg, .text-right-md, .text-right-sm, .text-right-xs {
    text-align: right;
  }
  .text-left-lg, .text-left-md, .text-left-sm, .text-left-xs {
    text-align: left;
  }  
}