@charset 'utf-8';




/**************/
/*** Resets ***/
/**************/

html, body, p, div, img, h1, h2, h3, h4, h5, li, ul, ol, dl, dd, dt, form, table, td, tr, a {margin: 0px; padding: 0px; border: 0px; border-collapse: separate; border-spacing: 0px; border-image-width: 0px;}

.clearDiv {clear: both;}

html {font-size: 100%;}

body {width: 100%; font-family: "proxima-nova", sans-serif; color: #444444; background-color: #ffffff; font-size: 12px; font-weight: 300;}

* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "proxima-nova", sans-serif;}




/***************/
/*** General ***/
/***************/

.container {width: 100%; min-width: 100%; margin: auto; font-size: 0rem;}

.content {width: 100%; margin: auto;}




a {color: #f4f4f4; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: underline;}

ul.messages {display: block; width: 100%; max-width: 700px; list-style-type: none; font-size: 0rem; margin-bottom: 40px;}
ul.messages li {display: block; font-size: 1.0rem;}
ul.messages li:first-child {font-weight: bold; margin-bottom: 6px;}

ul.success li {color: #00aa00;}
ul.error li {color: #dd0000;}


ul.links {display: block; width: 100%; max-width: 700px; list-style-type: none; font-size: 0rem; margin-bottom: 40px;}
ul.links li {display: inline-block; font-size: 1.0rem; margin-right: 40px;}
ul.links li a {display: block; width: 100%; height: 100%; color: #f4f4f4; text-decoration: none;}
ul.links li a:hover {color: #ffffff; text-decoration: underline;}


table.data {width: 100%: max-width: 700px; font-size: 0.9rem; margin-top: 40px; color: #ffffff; text-align: center;}
table.data tr {height: 30px; line-height: 30px;}
table.data tr th {text-align: center;}
table.data tr th:first-child {text-align: left;}
table.data tr th:nth-child(2) {text-align: left;}
table.data tr td {text-align: center;}
table.data tr td:first-child {text-align: left;}
table.data tr td:nth-child(2) {text-align: left;}
table.data tr td img {max-width: 200px; max-height: 80px;}




.headerContainer {background-color: #000000; /*border-bottom: 1px solid #555555;*/ position: fixed; top: 0px; z-index: 150;}
.header {height: 75px; min-height: 75px; max-height: 75px; padding-left: 20px; padding-right: 20px;}
.header .left {height: 75px; max-height: 75px; float: left;}
.header .left img {width: 50%; margin-top: 12px;}
.header .right {height: 75px; max-height: 75px; float: right; text-align: right;}
.header .right ul {display: block; list-style-type: none; font-size: 0rem; margin-left: 60px;}
.header .right ul li {display: none; height: 75px; line-height: 75px; margin-left: 40px; margin-right: 40px; font-size: 1.0rem; font-weight: bold; color: #ffffff;}
.header .right ul li.menu {display: inline-block; font-size: 1.6rem; margin-right: 0px; margin-left: 0px;}
.header .right ul li a {color: #ffffff; text-decoration: none;}
.header .right ul li a:hover {text-decoration: underline;}

@media (min-width: 1200px)
{

.header {padding-left: 40px; padding-right: 40px;}
.header .left img {margin-top: 20px; width: 100%;}

.header .right {float: left; text-align: left;}
.header .right ul li {display: inline-block; font-size: 1.0rem;}
.header .right ul li.menu {display: none;}

}




.mainContainer {background-image: url("img/big-bg2.jpg"); background-size: 1200px auto; background-color: #000000; background-repeat: no-repeat; padding-top: 120px;}
.main {min-height: 1340px; padding-top: 0px; padding-left: 20px; padding-right: 20px;}
.main > h1 {font-size: 1.8rem; color: #ffffff; text-align: left; font-weight: 300; max-width: 700px; margin-bottom: 20px;}
.main > p {display: block; font-size: 1.0rem; color: #f4f4f4; text-align: left; max-width: 700px;}

.main .filterMethodButton {width: 100%; display: block; border: 1px solid rgba(0, 0, 0, 0.6); color: #ffffff; background: linear-gradient(0deg, rgba(34, 34, 34, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%); font-size: 1.0rem; text-align: center; margin-top: 20px;}
.main .filterMethodButton.active {background: linear-gradient(0deg, rgba(158, 14, 19, 1) 0%, rgba(92, 10, 12, 1) 100%);}
.main .filterMethodButton > .inner {border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 10px; padding-bottom: 10px;}
.main .filterMethodButton > .inner > h2 {font-size: 1.0rem; text-transform: uppercase; text-align: center; margin-bottom: 6px;}
.main .filterMethodButton > .inner > h3 {font-size: 0.8rem; text-align: center; color: #fafafa; font-weight: 300;}

.main .filterParams {margin-top: 20px; overflow-x: scroll; max-height: 85px; width: auto; overflow-y: hidden; white-space: nowrap;}
.main .filterParams::-webkit-scrollbar {display: none;}

.main .filterParams.tags {max-height: 180px; overflow-y: scroll; overflow-x: hidden; white-space: normal;}

@media (min-width: 1200px)
{

.main .filterParams {width: 900px;}

}

.main .filterParam {width: 85px; height: 85px; line-height: 85px; display: inline-block; font-size: 1.3rem; text-align: center; border: 1px solid rgba(0, 0, 0, 0.6); background: linear-gradient(0deg, rgba(34, 34, 34, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%); margin-right: 5px; margin-bottom: 5px; color: #ffffff;}
.main .filterParam.tag {width: 295px; font-size: 1.0rem;}
.main .filterParam.active {background: linear-gradient(0deg, rgba(158, 14, 19, 1.0) 0%, rgba(92, 10, 12, 1.0) 100%);}
.main .filterParam > .inner {border-top: 1px solid rgba(255, 255, 255, 0.1);}

@media (min-width: 1200px)
{

.mainContainer {background-size: 100% auto; padding-top: 150px;}
.main {padding-left: 240px; padding-right: 40px;}

.main .filterMethodButton {width: 350px; display: inline-block; margin-right: 10px;}

}


.main .vidHolder {margin-top: 80px;}
.main .vidHolder > .vid {width: 100%; margin-bottom: 40px;}
.main .vidHolder > .vid > h2 {text-align: left; font-size: 1.1rem; color: #ffffff; margin-bottom: 8px;}
.main .vidHolder > .vid > h3 {text-align: left; font-weight: 300; font-size: 0.7rem; color: #fafafa; margin-bottom: 12px;}
.main .vidHolder > .vid > video {display: block; width: 100%; height: auto;}

@media (min-width: 1200px)
{

.main .vidHolder > .vid {width: 900px;}

}



.main .tagHolder {margin-top: 40px;}
.main .tagHolder > ul.tags {list-style-type: none; font-size: 0rem;}
.main .tagHolder > ul.tags > li {display: block; padding: 10px; text-align: left; width: 100%; background-color: #9e0e13; font-size: 0.9rem; color: #ffffff; margin-bottom: 5px;}
.main .tagHolder > ul.tags > li.time {background-color: transparent; display: block; margin-top: 20px;}

@media (min-width: 1200px)
{

.main .tagHolder {width: 900px;}
.main .tagHolder > ul.tags > li {display: inline-block; vertical-align: top; margin-right: 5px; width: auto;}

}

.main .featuredArchiveBlock {max-width: 700px;}
.main .featuredArchive {display: inline-block; width: 100%; margin-bottom: 100px;}
.main .featuredArchive .media {display: block; margin-bottom: 20px;}
.main .featuredArchive .media img {width: 100%;}
.main .featuredArchive .title {margin-bottom: 8px; font-weight: bold; font-size: 1.2rem; color: #ffffff;}
.main .featuredArchive .title a {color: #f4f4f4; text-decoration: none; font-size: 1.8rem;}
.main .featuredArchive .title a:hover {color: #ffffff; text-decoration: underline;}
.main .featuredArchive .info {margin-bottom: 10px; font-size: 0.8rem; color: #ffffff;}
.main .featuredArchive p {display: block; font-size: 1.0rem; color: #ffffff; margin-bottom: 20px;}
.main .featuredArchive .share {display: block; margin-top: 10px;}
.main .featuredArchive .share a {display: inline-block; width: 24px; margin-right: 10px;}
.main .featuredArchive .share img {width: 100%;}

@media (min-width: 1200px)
{

.main .featuredArchive {width: 700px;}

}




.footerContainer {background-color: #000000; padding-top: 100px;}
.footer {height: 100px; min-height: 100px; padding-left: 40px; padding-right: 40px;}
.footer ul {display: block; font-size: 0rem; list-style-type: none;}
.footer ul li {display: inline-block; font-size: 1.0rem; line-height: 100px; margin-right: 80px;}
.footer ul li a {color: #f4f4f4; text-decoration: none;}
.footer ul li a:hover {color: #ffffff; text-decoration: underline;}