/* Index.CSS */

* {
	-webkit-font-smoothing: antialiased;
}
html, body {
	width: 100%; height: 100%;
	background-color: #191920;
	display: block;
	position: relative;
}
.fixed {position: fixed!important; overflow-x: hidden;}
.hide {display: none;}
.clear {clear: both; position: relative;}
.fadeInBlock {opacity: 0;}

/*------------------submit 3D------*/
.submit-3d {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 15px 0;
}
.submit-3d > div {
	position: relative;
	width: 210px;
	height: 50px;
	margin: 0 15px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.submit-3d > div > button {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	position: absolute;
	background: none;
	border: none;
	font: 400 1.0em/.8em 'Cuprum';
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-25px);
	-moz-transform: translateZ(-25px);
	-ms-transform: translateZ(-25px);
	-o-transform: translateZ(-25px);
	transform: translateZ(-25px);
	-webkit-transition: -webkit-transform 0.25s;
	-moz-transition: -moz-transform 0.25s;
	transition: transform 0.25s;
}
.submit-3d > div > button::before, 
.submit-3d > div > button::after {
	margin: 0; top: 0;
	width: 210px; height: 50px;
	position: absolute;
	box-sizing: border-box;
	content: attr(title);
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.submit-3d > div > button::before {
	background-color: #151412;
	color: #fff;
	-webkit-transform: rotateY(0deg) translateZ(25px);
	-moz-transform: rotateY(0deg) translateZ(25px);
	-ms-transform: rotateY(0deg) translateZ(25px);
	-o-transform: rotateY(0deg) translateZ(25px);
	transform: rotateY(0deg) translateZ(25px);
}
.submit-3d > div > button::after {
	background-color: #d69028;
	color: #151412;
	-webkit-transform: rotateX(90deg) translateZ(25px);
	-moz-transform: rotateX(90deg) translateZ(25px);
	-ms-transform: rotateX(90deg) translateZ(25px);
	-o-transform: rotateX(90deg) translateZ(25px);
	transform: rotateX(90deg) translateZ(25px);
}
.submit-3d > div > button:hover {
	cursor: pointer;
	-webkit-transform: translateZ(-25px) rotateX(-90deg);
	-moz-transform: translateZ(-25px) rotateX(-90deg);
	-ms-transform: translateZ(-25px) rotateX(-90deg);
	-o-transform: translateZ(-25px) rotateX(-90deg);
	transform: translateZ(-25px) rotateX(-90deg);
}
.submit-3d > div > button:focus {
	outline: none;
}
.submit-3d.nominee {
	margin: 35px 0;
}
/*-----end submit 3D---------------*/

.main-frame {
	width: 100%; height: auto;
	position: relative;
	display: block;
	z-index: 0;
	background: #191920;
}
#headline {
	width: 100%; height: 110px;
	margin: 0;
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,.67);
	border-bottom: 0px solid rgba(255,255,255,.07);
	z-index: 999;
}
#headline.dynamo {
	overflow: hidden;
	height: 110px; width: 100%;
}
#headline-alt {
	width: 100%; height: 110px;
	margin: 0;
	position: absolute;
	display: block;
	z-index: 999;
}
#headline-alt.dynamo-clear {
	overflow: hidden;
	height: 110px; width: 100%;
}
.middle-man {
	width: calc(100% - 40px); max-width: 1200px;
	height: 100%;
	margin: 0 auto; padding: 0 20px;
	display: block;
}
#to-the-left {
	width: 160px; height: auto;
	display: block;
	float: left;
	position: relative;
	margin: 0 24px 0 0; padding: 0;
}
.cbn-logo {
	width: 280px; height: 70px;
	display: block;
	position: relative;
	margin: 20px 0; padding: 0;
	background: url('../images/cbn-logo-lrg-white.png') 0 0 no-repeat;
	background-size: cover;
}
#navigation {
	display: block;
	position: relative;
	width: auto; height: calc(100% - 4px);
	float: right;
}
.navlinks > li {
	width: auto; height: calc(100% - 8px);
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: bottom;
	margin: 0 3px;
}
.navlinks > li.ford {
	vertical-align: top;
	position: absolute;
	display: block;
	top: 0; right: 0;
	width: auto; height: auto;
}
.navlinks > li > a {
	text-decoration: none;
	text-transform: uppercase;
	font: 400 18px/110px /*'bebasregular',*/ interstate-condensed;
	color: rgba(255,255,255,.96);
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	vertical-align: bottom;
	width: 100%;
	padding: 0 16px;
	text-align: center;
	display: block;
	height: 102px;
	letter-spacing: .5px;
}
.navlinks > li > a:hover {
	cursor: pointer;
}
.navlinks li a.join:hover {
	border-bottom-color: #d69028;
}
.navlinks li a.awards:hover {
	border-bottom-color: rgba(255,255,255,.9);
}
.navlinks li a.faqs:hover {
	border-bottom-color: #545351;
}
.navlinks li a.ford-gilmore {
	height: auto; width: calc(100% - 30px);
	border: none;
	background-color: rgba(0,0,0,.85);
	padding: 7px 15px; 
	font: 500 12px/20px 'Helvetica Neue', Helvetica;
	font-style: normal;
	vertical-align: top;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #202020;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;

    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;

    -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

footer {
	width: 100%; min-height: 70px;
	display: block;
	position: relative;
	margin: 0; padding: 0;
	background: #151412;
}	
#copyright {
	width: calc(100% - 320px);
	display: block;
	position: relative;
	margin: 0; padding: 0;
	float: left;
}
.copyline {
	font: normal 400 .9em/70px 'Cuprum';
	color: rgba(255,255,255,.7);
	padding: 0; margin: 0;
	display: block;
	vertical-align: middle;
}
#contact {
	width: 320px;
	display: block;
	position: relative;
	float: right;
}
.contact-phone {
	font: normal 700 1.1em/1.0em 'Cuprum';
	color: rgba(255,255,255,.95);
	padding: 18px 12px; margin: 0;
	height: calc(100% - 36px);
	display: block;
	vertical-align: middle;
	text-align: right;
}
a.copylink {
	color: rgba(255,255,255,.8);
	text-decoration: none;
	transition: all 300ms linear; -webkit-transition: all 300ms linear;
}
a.copylink:hover {
	color: #2caab1;
	cursor: pointer;
}

/*---------------------------------------
	Join Modal 
----------------------------------------*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}
.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.container {
	background: transparent;
	min-height: 100%;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 70vw;
	min-width: 320px;
	height: 70vh;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show {
	visibility: visible;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: #d69028;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
/* Content styles */
.md-content {
	color: #fff;
	background: transparent;
	position: relative;
	margin: 0 auto;
}
.md-content h3 {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 300 2.4em/1.6em 'bebasregular';
	font-style: italic;
	color: rgb(255,165,31);
}
.md-content h3 span {
	color: rgb(255,255,255);
	font-size: .8em;
	position: relative;
	vertical-align: middle;
	padding-right: 5px;
}
.md-content > div {
	padding: 0;
	margin: 0;
}
.md-content > div p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font: 400 1.3em/1.5em 'Cuprum';
}
.md-show.md-effect-16 ~ .md-overlay {
	/*background: rgba(214,144,40,.82);*/
	background: rgba(15,14,12,.45);
}
.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}
.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}
.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}	
.modal-inputs {
	display: block;
	max-width: 320px; width: 100%;
	margin: 20px auto; padding: 5px 15px;
	height: 50px;
	background: none;
	font: 400 20px/20px 'Cuprum';
	color: rgba(255,255,255,.96);
	border: 1px solid rgba(255,255,255,.35);
	transition: all 500ms linear; -webkit-transition: all 500ms linear;
}
input::placeholder {
	color: rgba(255,255,255,.85)!important;
	transition: color 300ms linear; -webkit-transition: color 300ms linear;
}
input:focus::placeholder {
	color: #d69028;
}
.modal-inputs:focus {
	border-color: rgba(255,255,255,.84);
	box-shadow: inset 0 0 3px 1px rgba(0,0,0,.9); -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.9);
	outline: none;
}
.modal-inputs.filled {
	border-color: #d69028;
}
span.md-close {
	font: 400 1.6em/1.0em 'Cuprum';
	text-transform: uppercase;
	position: absolute;
	top: 0; right: 20px;
	padding: 12px;
	display: block;
	color: rgba(255,255,255,.9);
	transition: all 300ms linear; -webkit-transition: all 300ms linear; 
}
span.md-close:hover {
	cursor: pointer;
	color: rgb(255,165,31);
}
.submit-3d.join {
	margin: 0;
}


video#cbn-main {
	position: fixed;
    top: 50%;
    left: 50%;
    max-width: 800px;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: 999999;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: transparent;
    background-size: cover;
}

video#cbn-ethereal {
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #000000 no-repeat;
    background-size: cover;
}

.video-shade {
	position: fixed;
	z-index: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}

#section-wrapper-about {
	width: 100vw; 
	background: #fa326b; 
	display: block; 
	position: relative;
}

#about-statement {
	display: block; 
	position: relative;
}

#about-statement .middle-man {
	background: url('../images/ghostrider.jpg') right center no-repeat; 
	background-size: contain; 
	min-height: 400px;
}

.cbn-about {
	padding: 15% 0; margin: 0 15px;
	width: 75%; max-width: 620px;
	font: 400 24px/32px 'Cuprum', 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,.96);
	text-align: left;
	display: block;
	text-shadow: 1px 2px 3px rgba(0,0,0,.25);
	position: relative;
}	
.cbn-about strong {
	font-weight: 700;
}
.section-wrapper-bg { 
	width: 100vw;
	background: url('../images/cbn-bgfill.jpg') center center repeat;
	background: cover;
	margin: -4px 0 0 0; padding: 0;
}

#main-rotator {padding-top: 0;}

#slides {
  position: relative;
  
}
#slides .slides-container {
  display: none;
}

.slider-image {
	background: url('../images/rotator-image1-cbn-alt2.jpg') center center no-repeat; 
	background-size: cover;
}

#slides .scrollable {
  /**zoom: 1;*/
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
  top: -100px;
  width: 60px; height: 300px;
  background: url('../images/next-arrow-rotator.png') 0 0 no-repeat;
  background-size: contain;
  opacity: .65;
  transition: all 300ms linear; -webkit-transition: all 300ms linear;
}
.slides-navigation a.next:hover,
.slides-navigation a.next:active {
	opacity: 1;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 40px; right: 60px;
  text-align: right;
  width: 100%;
}
.slides-pagination a {
  border: 2px solid #555;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 6px;
  overflow: hidden;
  color: rgba(0,0,0,0);
}
.slides-pagination a.current {
  background: #555;
}
h1.slide-title {
	font: 76px/84px 'bebasregular';
	color: rgba(255,255,255,.96);
	font-style: italic;
	margin: 0;
	padding: 12px;
	max-width: 460px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
p.slide-desc {
	font: 18px/24px 'Cuprum';
	color: rgba(255,255,255,.96);
	max-width: 540px; width: calc(100% - 24px);
	padding: 24px 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
.slide-text-compressor {
	padding: 240px 0 0 0;
}
.slide-top-title {
	font: 700 18px/24px 'Cuprum'; 
	color: #23e6f1; 
	padding: 0 24px; 
	font-style: italic;
}
h1.slide-title.ccc {
	font: italic 50px/56px 'bebasregular'; 
	padding: 0px 12px;
}
.slide-position-text {
	bottom: 10px;
	position: absolute!important;
	display: block;
	vertical-align: bottom;
	height: auto;
}
a.slide-button-link {
	text-decoration: none;
	padding: 12px 30px; margin: 40px 0 40px 14px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.4);
	background: rgba(0,0,0,.75);
	color: rgba(255,255,255,.96);
	font: 600 14px/14px Helvetica;
	text-transform: uppercase;
	border-radius: 2px; -webkit-border-radius: 2px;
	border: 1px solid rgba(255,255,255,.1);
	display: table;
}
a.slide-button-link.blue-version {
	background: #2ba7ae;
}
.gradient-overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	width: 100%; height: 100%;
	display: block;
	position: relative;
}
.gradient-overlay-reverse {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	width: 100%; height: 100%;
}

.link-encapsulator {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.link-encapsulator > div {
	position: relative;
	width: 210px;
	height: 50px;
	margin: 0 15px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.link-encapsulator > div > a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-25px);
	-moz-transform: translateZ(-25px);
	-ms-transform: translateZ(-25px);
	-o-transform: translateZ(-25px);
	transform: translateZ(-25px);
	-webkit-transition: -webkit-transform 0.25s;
	-moz-transition: -moz-transform 0.25s;
	transition: transform 0.25s;
}
.link-encapsulator > div > a::before, .link-encapsulator > div > a::after {
	justify-content: center;
	align-items: center;
	margin: 0;
	width: 210px;
	height: 50px;
	position: absolute;
	border: 5px solid #2ba7ae;
	box-sizing: border-box;
	content: attr(title);
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.link-encapsulator > div > a::before {
	background-color: #2ba7ae;
	color: #fff;
	-webkit-transform: rotateY(0deg) translateZ(25px);
	-moz-transform: rotateY(0deg) translateZ(25px);
	-ms-transform: rotateY(0deg) translateZ(25px);
	-o-transform: rotateY(0deg) translateZ(25px);
	transform: rotateY(0deg) translateZ(25px);
}
.link-encapsulator > div > a::after {
	background-color: #d69028;
	border-color: #d69028;
	color: #fff;
	-webkit-transform: rotateX(90deg) translateZ(25px);
	-moz-transform: rotateX(90deg) translateZ(25px);
	-ms-transform: rotateX(90deg) translateZ(25px);
	-o-transform: rotateX(90deg) translateZ(25px);
	transform: rotateX(90deg) translateZ(25px);
}
.link-encapsulator > div > a:hover {
	cursor: pointer;
	-webkit-transform: translateZ(-25px) rotateX(-90deg);
	-moz-transform: translateZ(-25px) rotateX(-90deg);
	-ms-transform: translateZ(-25px) rotateX(-90deg);
	-o-transform: translateZ(-25px) rotateX(-90deg);
	transform: translateZ(-25px) rotateX(-90deg);
}

.link-encapsulator.awards-page {
	height: 60px;
	justify-content: center;
	align-items: center;
}
.link-encapsulator.awards-page > div {
	position: absolute;
	justify-content: center;
	align-items: center;
	width: 280px;
	margin: 36px 0;
	left: calc(50% - 140px);
}
.link-encapsulator.awards-page > div > a::before, 
.link-encapsulator.awards-page > div > a::after {
	width: 280px;
	border: none;
	font: normal 400 1.2em/1.2em 'Cuprum';
}
.link-encapsulator.awards-page > div > a::after {
	border: none;
}

/*---------------------------------------
	Ford Gilmore Section 
----------------------------------------*/
#cape-and-cowl-comics {
	height: 100vh; width: 100vw; 
	position: relative;
	overflow: hidden;
}

#ford-gilmore {
	width: 100%; height: auto; 
	display: block; 
	overflow: hidden; 
	position: relative; 
	margin: 0; padding: 140px 0 0 0;
}
.fg-left {
	width: calc(100% - 370px); height: auto; 
	margin: 0 15px;
}
.fg-left .title-topline {
	font: 700 22px/28px 'Cuprum'; 
	color: #23e6f1; 
	padding: 50px 16px 0 16px; 
	font-style: italic;
}
.fg-left h2 {
	margin: 0; padding: 0 0 50px 0; 
	display: block; 
	color: rgba(255,255,255,.96); 
	font: 700 56px/62px 'bebasregular'; 
	font-style: italic; 
	text-shadow: -1px 2px 2px rgba(0,0,0,.42);
}
.fg-left h3 {
	margin: 0; padding: 20px 0; 
	display: block; 
	font: 700 42px/50px 'Cuprum'; 
	color: rgba(255,255,255,.96); 
	text-transform: uppercase; 
	font-style: italic;
}
.fg-left p {
	color: rgba(255,255,255,.96); 
	text-align: left; 
	padding: 0 0 20px 0; 
	font: 20px/32px 'Cuprum';
}
.fg-left p.first {
	padding: 20px 0;
}

#cbn-tab-module {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	width: 100%; height: 100%;
}
.tab-module {
	display: table; 
	margin: 0 auto 0 auto; 
	width: auto; max-width: 960px; 
	position: relative; 
	padding: 40px 0; 
	list-style: none;
}
.tab-module > li {
	display: inline-block;
	position: relative;
	margin: 0px 6px; padding: 0;
	width: 144px;
	height: 144px; 
	text-align: center;
}
.tab-module > li > a {
	width: 100%; height: 100%;
	display: block;
	font: 300 18px/18px 'bebasregular';
	font-style: italic;
	color: rgba(255,255,255,.96);
	text-decoration: none;
}
.tab-module > li > a > .indicator {
	width: 100%; height: 6px;
	background: #232325;
	display: block;
	position: relative;
	margin: 15px 0; padding: 0;
}
.tab-module > li > a.current > .indicator {
	background: #d69028;
}

i.static {
	width: 100px; height: 100px;
}
i#awards-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/awards-icon-tabs.png') center center no-repeat;
	background-size: contain;
}	
i#podcast-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/podcast-icon-tabs.png') center center no-repeat;
	background-size: contain;
}
i#publishing-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/publishing-icon-tabs.png') center center no-repeat;
	background-size: contain;
}
i#merch-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/merch-icon-tabs.png') center center no-repeat;
	background-size: contain;
}
i#mobile-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/mobile-icon-tabs.png') center center no-repeat;
	background-size: contain;
}
i#music-icon {
	display: block;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url('../images/music-icon-tabs.png') center center no-repeat;
	background-size: contain;
}
.left-pane, .right-pane {
	width: 49%; height: auto;
	display: inline-block;
	vertical-align: top;
}
.left-pane {position: relative;}
.right-pane {position: relative;}
h3.call-to-action {
	margin: 80px 0; padding: 0;
	display: block;
	text-align: left;
	font: 46px/54px 'bebasregular';
	font-style: italic;
	color: rgba(255,255,255,.96);
	vertical-align: top;
}
h3.call-to-action .blue-text {
	color: #2caab1;
}
input.infield-collection {
	display: block;
	width: calc(100% - 80px);
	margin: 20px 40px; padding: 5px 15px;
	height: 50px;
	background: none;
	font: 400 20px/20px 'Cuprum';
	color: rgba(255,255,255,.96);
	border: 1px solid rgba(255,255,255,.05);
	transition: all 500ms linear; -webkit-transition: all 500ms linear;
}
input.infield-collection:focus {
	border-color: rgba(255,255,255,.84);
	outline: none;
}
input.infield-collection.filled {
	border-color: #d69028;
}
input.infield-collection.awards {
	border: 1px solid rgba(255,255,255,.55);
	margin: 20px 24px;
}

.center-vid {
	display: block; 
	position: absolute!important;
	width: 100%;
	z-index: 9999!important;
}
.intro-video {
	display: block;
	position: relative;
	zoom: 2;
}

/* Publishing Platform */
video.platform-demo {
	width: 100%; max-width: 1024px;
	height: 0;
	padding-bottom: 47.1875%;
	display: block;
	margin: 30px auto;
	position: relative;
}

/*---------------------------------------
	Partners Section 
----------------------------------------*/
#partners {
	display: block; 
	height: auto; 
	width: 100%;
	position: relative; 
	overflow: hidden; 
	background: #fff url('../images/asfalt-dark.png') 0 0 repeat;
}
#partners h2 {
	margin: 0 auto; padding: 30px 0; 
	max-width: 650px; width: 100%;
	display: block; 
	color: #545351; 
	font: 700 50px/56px 'bebasregular'; 
	font-style: italic; 
	text-shadow: -1px 2px 2px rgba(255,255,255,.96);
}
.partners-text { 
	display: block; 
	max-width: 650px; width: 100%; 
	margin: 0 auto;
	font: 400 26px/32px 'Cuprum'; 
	color: rgba(0,0,0,.96); 
	text-shadow: 0px 1px 2px rgba(255,255,255,.8);
}
.cbn-partner-links {
	width: 100%; height: auto;
	position: relative;
	display: block;
}
.partner-link {
	height: 122px; width: 48%; 
	display: inline-block;
	position: relative;
	margin: 0; padding: 0; 
	opacity: .5; 
	transition: all 300ms linear; -webkit-transition: all 300ms linear;
}
.partner-link:hover {
	opacity: 1;
}
.cbn-partner-links {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
    justify-content: center;
}
.cbn-partner-links > div {
	position: relative;
	width: 210px;
	height: 50px;
	margin: 45px 15px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.cbn-partner-links > div > a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-25px);
	-moz-transform: translateZ(-25px);
	-ms-transform: translateZ(-25px);
	-o-transform: translateZ(-25px);
	transform: translateZ(-25px);
	-webkit-transition: -webkit-transform 0.25s;
	-moz-transition: -moz-transform 0.25s;
	transition: transform 0.25s;
}
.cbn-partner-links > div > a::before, .cbn-partner-links > div > a::after {
	justify-content: center;
	align-items: center;
	margin: 0;
	width: 220px;
	height: 60px;
	position: absolute;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.cbn-partner-links > div > a::before {
	background-color: #545351;
	color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.45); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.45);
	content: attr(logo);
	-webkit-transform: rotateY(0deg) translateZ(25px);
	-moz-transform: rotateY(0deg) translateZ(25px);
	-ms-transform: rotateY(0deg) translateZ(25px);
	-o-transform: rotateY(0deg) translateZ(25px);
	transform: rotateY(0deg) translateZ(25px);
}
.cbn-partner-links > div > a::after {
	background-color: #151515;
	box-shadow: 0 3px 6px rgba(0,0,0,.65); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.65);
	color: #fff;
	content: attr(title);
	font: 700 20px/26px 'Cuprum';
	vertical-align: middle;
	-webkit-transform: rotateX(90deg) translateZ(25px);
	-moz-transform: rotateX(90deg) translateZ(25px);
	-ms-transform: rotateX(90deg) translateZ(25px);
	-o-transform: rotateX(90deg) translateZ(25px);
	transform: rotateX(90deg) translateZ(25px);
}
.cbn-partner-links > div > a:hover {
	cursor: pointer;
	-webkit-transform: translateZ(-25px) rotateX(-90deg);
	-moz-transform: translateZ(-25px) rotateX(-90deg);
	-ms-transform: translateZ(-25px) rotateX(-90deg);
	-o-transform: translateZ(-25px) rotateX(-90deg);
	transform: translateZ(-25px) rotateX(-90deg);
}
.cbn-partner-links > div > a#cgsociety-logo::before {
	background: #545351 url('../images/cgsociety-logo.png') center center no-repeat;
	background-size: contain; 
}
.cbn-partner-links > div > a#cgsociety-logo::after {
	background: #151515;
	background-size: contain; 
}
.cbn-partner-links > div > a#stash-logo::before {
	background: #545351 url('../images/stash-logo.png') bottom center no-repeat;
	background-size: contain; 
}
.cbn-partner-links > div > a#stash-logo::after {
	background: #151515;
	background-size: contain; 
}

/*---------------------------------------
	Tabs Section 
----------------------------------------*/
.section-wrapper-bg {
	background: #202020;
	display: block; min-height: 400px;
	position: relative;
	margin: 0; padding: 0;
}	
.list-wrap {
	display: block; 
	margin: auto; width: auto;
	max-width: 1024px; 
	position: relative;
	padding: 0;
}
#awards {
	list-style: none;
	min-height: 400px;
	height: auto;
}
#nominations-home {
	display: block;
	height: auto; min-height: 400px;
	position: relative;
	margin: 0; padding: 0;
}
video.platform-demo {
	width: 100%; max-width: 1024px;
	height: auto;
	padding-bottom: 0;
	display: block;
	margin: 15px auto;
	position: relative;
}
.publishing-title {
	font: 400 32px/40px 'bebasregular';
	color: rgba(255,255,255,.96);
	text-align: center; 
	margin: 15px 0; 
	padding: 0;
	display: block;
	font-style: italic;
}
.publishing-title span,
span.cyan {
	color: #2caab1;
}
.publishing-text {
	font: 400 18.5px/26px 'Cuprum';
	color: rgba(255,255,255,.86);
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	text-align: left;
	margin: 0; 
	padding: 8px 0;
	display: block;
}
.publishing-text {
	font-weight: 700;
}
#publishing > li {
	padding: 20px 0 40px 0;
	display: block;
}
.details {
	position: absolute;
	bottom: 0; left: 0;
	display: block;
	width: 100%; min-height: 70px;
	height: auto;
	padding: 12px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.product-title {
	font: normal 400 1.2em/1.0em 'Cuprum';
	color: white;
	display: block;
	position: relative;
	padding: 30px 0 0 0; margin: 0;
}
.product-price {
	font: normal 700 1.0em/.8em 'Cuprum';
	color: #23e6f1;
	display: block;
	position: relative;
	padding: 0; margin: 0;
}
a.product-purchase-link {
	text-decoration: none;
	color: white;
	position: absolute;
	bottom: 20%; left: 0;
	display: block;
	font: normal 700 1.1em/.8em 'Cuprum';
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background: #f61e1e;
}
#merch {
	min-height: 400px;
}
#merch > li > .merch {
	display: inline-block;
	position: relative;
	margin: 9px; padding: 0;
	max-width: 330px; width: calc(33% - 18px);
}
.cbn-tshirt {
	top: 0; height: 330px;
	background: url('../images/cbn-long-sleeve-mens-wbg.png') 0 0 no-repeat; 
	background-size: contain;  
}
.cbn-ringer {
	top: 0; height: 330px;
	background: url('../images/cbn-short-sleeve-ringer-womens-wbg.png') 0 0 no-repeat; 
	background-size: contain; 
}
.cbn-bag {
	top: 0; height: 330px;
	background: url('../images/cbn-computer-bag-marvel-wbg.png') 0 0 no-repeat; 
	background-size: contain;
}
#mobile > li {
	background: #ed2228; 
	min-height: 350px;
}
img.ghost-logo {
	width: 120px; height: 48px; 
	position: absolute; 
	right: 16px; top: 16px;
}
.ghost-textbox {
	width: 42%; height: auto; 
	color: #ffffff; 
	display: inline-block; 
	position: relative;
}
.ghost-textbox h1 {
	font: 400 110px/120px 'bebasregular'; 
	color: white; 
	padding: 48px 12px 48px 36px; 
	display: inline-block; 
	width: auto; 
	position: relative;
}
.ghost-textbox h3 {
	font: 400 35px/40px 'Cuprum'; 
	color: white; 
	display: inline-block; 
	width: auto; 
	position: relative;
}
.ghost-textbox div {
	width: 100%; 
	display: block; 
	position: relative;
}
.ghost-textbox div p {
	font: 400 40px/44px 'Cuprum'; 
	color: white; 
	padding: 24px 0; 
	text-align: center;
}
.ghost-phone {
	width: 56%; max-height: 400px; 
	overflow: hidden; 
	display: inline-block; 
	position: absolute; 
	bottom: 240px;
}
.ghost-deal {
	width: 100%; 
	display: block; 
	background: #2c2f34; 
	height: 240px; 
	position: relative; 
	overflow: hidden;
}
.ghost-deal img {
	position: absolute; 
	bottom: -45px; left: -25px; 
	transform: rotate(45deg); 
	-webkit-transform: rotate(45deg);
}
.ghost-deal div {
	position: relative; 
	margin: 0; padding: 40px 20px 40px 220px; 
	width: calc(100% - 240px); height: 160px; 
	display: block;
}
.ghost-deal div h4 {
	font: 700 40px/44px 'Cuprum'; 
	color: white; 
	margin: 0;
}
.ghost-deal div h5 {
	font: 400 36px/40px 'Cuprum'; 
	color: white; 
	margin: 0;
}
.ghost-deal div p {
	font: 400 18px/22px 'Cuprum'; 
	color: white;
}
.ghost-deal div p small {
	font-size: 10px;
}
.ghost-terms {
	width: 100%; 
	display: block; 
	background: #fec22c; 
	height: 40px; 
	position: relative;
}
.ghost-terms p {
	font: 500 14px/20px Helvetica, sans-serif; 
	color: black; 
	padding: 10px 0; 
	display: block; 
	text-align: center;
}
#music h3 {
	font: 400 32px/38px 'Cuprum'; 
	color: white; 
	text-align: center; 
	margin: 25px 0;
}
#music > li > ul {
	list-style: none; 
	margin: 0 15px; padding: 15px 0; 
	display: table; 
	width: 100%; 
	position: relative;
}
#music > li > ul > li {
	display: inline-block; 
	margin: 20px;
}
a.tm-link {
	display: block;
	position: relative;
	width: 300px; height: 300px;
	transition: all 300ms linear; -webkit-transition: all 300ms linear;
}
a.tm-link:hover {
	opacity: .7;
}
a.tm-link.anticipation {
	background: url('../images/cbn-music-anticipation.png') center center no-repeat;
	background-size: cover;
}	
a.tm-link.edm {
	background: url('../images/cbn-music-edm.png') center center no-repeat;
	background-size: cover;
}
a.tm-link.zombies {
	background: url('../images/cbn-music-zombies.png') center center no-repeat;
	background-size: cover;
}
a.tm-link.orchestral {
	background: url('../images/cbn-music-epic-orchestral.png') center center no-repeat;
	background-size: cover;
}
a.tm-link.alternative {
	background: url('../images/cbn-music-alternative.png') center center no-repeat;
	background-size: cover;
}
a.tm-link.kids-cartoons {
	background: url('../images/cbn-music-kids-cartoons.png') center center no-repeat;
	background-size: cover;
}
#podcast {
	min-height: 250px;
}
#podcast > li img {
	width: 100%;
}
#podcast > li audio {
	width: 100%; 
	display: block; 
	margin: -5px 0 15px 0;
}
#podcast > li h2 {
	font: normal 400 2.2em/2.0em 'Cuprum'; 
	color: rgba(255,255,255,.96); 
	text-align: center; 
	padding: 0 0 30px 0;
}
#podcast > li h2 span {
	font-weight: 700; 
	color: #2caab1;
}
.clear.tabs {
	height: 50px;
	display: block;
}

/*---------------------------------------
	Awards Page 
----------------------------------------*/
.awards-banner {
	width: 100vw; height: 100vh;
	display: block;
	position: fixed;
	background: url('../images/bluebrickwall-darkedition.jpg') center center no-repeat;
	background-size: cover;
}
#awards-layout h2 {
	margin: 0; padding: 140px 0 20px 0; 
	display: block; 
	font: 700 54px/54px 'bebasregular'; 
	color: rgba(255,255,255,.96); 
	text-transform: uppercase; 
	font-style: italic; 
	text-shadow: -1px 2px 2px rgba(0,0,0,.45); 
	width: 100%;
	position: relative;
}
#awards-layout section {
	float: left;
	width: calc(100% - 360px);
	display: block;
	position: relative;
	margin-right: 40px;
}
#awards-layout section h3 {
	margin: 40px 0 20px 0; padding: 0;
	display: block;
}
#awards-layout aside {
	max-width: 320px;
	display: block;
	position: relative;
	float: left;
	margin: 20px 0; padding: 0;
}
.awards-top-image {
	width: 100%; max-width: 840px;
	height: 0;
	display: block;
	margin: 10px 0;
	position: relative;
	padding-bottom: 62.5%;
	background: url('../images/awards.png') center center no-repeat;
	background-size: contain;
}
h4.caption-text {
	font: 400 1.2em/1.0em 'Cuprum';
	color: rgba(255,255,255,.96);
	text-shadow: -1px 1px 1px rgba(0,0,0,.65);
	display: block;
	text-align: left;
	position: relative;
	margin: 0; padding: 7px 0;
}
h3.awards-title {
	font: 2.2em/.8em 'bebasregular';
	font-style: italic;
	color: rgba(255,255,255,.96);
	padding: 0;
	text-align: center;
}
h3.awards-title span {
	font: normal 400 .6em/.6em 'Cuprum';
	color: rgba(255,255,255,.85);
}
h3.awards-title span.sub-2 {
	padding: 25px 0 5px 0; margin: 0;
	display: block;
	position: relative;
	font: normal 700 .45em/1.2em 'Cuprum';
	color: rgba(255,165,31,.9);
}
.additional-info {
	text-align: center;
	font: normal 400 1.2em/1.2em 'Cuprum';
	display: block;
	position: relative;
	color: rgba(255,255,255,.6);
}
.additional-info span {
	padding: 15px 0 0 0;
	display: block;
	color: rgba(255,255,255,.84);
	font-style: italic;
}
.additional-info span strong {
	color: rgba(255,165,31,.9);
}
i.req {
	position: absolute;
	display: block;
	top: 8px; right: 28px;
	font: normal 400 1.4em/1.0em 'Cuprum';
	color: rgba(255,255,255,.5);
	width: 15px; height: 15px;
}
#nomination-entries .reqline {
	display: block;
	position: relative;
	width: 100%; max-height: 62px;
}
h3.call-to-action {
	font: italic 1.8em/1.6em 'bebasregular'; 
	text-align: center;
}
h3.call-to-action span {
	font-size: 1.7em;
}

/*---------------------------------------
	Podcasts Page 
----------------------------------------*/
#podcast-display {
	width: 100vw; height: 100vh;
	display: block;
	background: url('../images/cbn-podcasts-feature-bg.jpg') center center no-repeat;
	background-size: cover;
}

/*---------------------------------------
	FAQs Page 
----------------------------------------*/
.faqs-banner {
	width: 100vw; height: 100vh;
	display: block;
	position: fixed;
	background: url('../images/bluebrickwall-darkedition.jpg') center center no-repeat;
	background-size: cover;
}
#faqs .middle-man {
	padding: 0;
	display: block;
}
#faqs h2 {
	margin: 0; padding: 140px 0 20px 0; 
	display: block; 
	font: 700 54px/54px 'bebasregular'; 
	color: rgba(255,255,255,.96); 
	text-transform: uppercase; 
	font-style: italic; 
	text-shadow: -1px 2px 2px rgba(0,0,0,.45); 
	width: 100%;
}
#qna {
	width: calc(100% - 350px);
	float: left;
	display: block;
	padding: 30px 30px 90px 0;
	position: relative;
}	
h3.question {
	font: normal 400 1.4em/1.2em 'Cuprum';
	color: rgba(255,255,255,.96);
}
p.answer {
	font: normal 400 1.1em/1.1em 'Cuprum';
	color: rgba(255,255,255,.75);
	padding: 18px;
}
#cbn-screen {
	width: 320px; height: auto;
	display: block;
	float: left;
	position: relative;
}
#cbn-screen img {
	width: 320px; height: auto; 
	display: block;
}


/*
     FILE ARCHIVED ON 10:42:35 Apr 05, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:03:34 Oct 22, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 67.255
  exclusion.robots: 0.099
  exclusion.robots.policy: 0.09
  RedisCDXSource: 0.659
  esindex: 0.008
  LoadShardBlock: 40.533 (3)
  PetaboxLoader3.datanode: 61.496 (5)
  CDXLines.iter: 22.781 (3)
  load_resource: 118.352 (2)
  PetaboxLoader3.resolve: 49.691 (2)
*/