@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Rokkitt);
@import url(https://fonts.googleapis.com/css?family=Rubik:300);

@charset "UTF-8";
/* =RESET */
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,em,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;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{background:transparent;text-decoration:none;-webkit-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-moz-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-ms-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-o-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{color:#000;opacity:0.65;font-family:inherit;}:-moz-placeholder{color:#000;opacity:0.65;font-family:inherit;}::-moz-placeholder{color:#000;opacity:0.65;font-family:inherit;}:-ms-input-placeholder{color:#000;opacity:0.65;font-family:inherit;}button,.btn:hover{cursor:pointer;}.btn:active{-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;position:relative;left:1px;top:1px;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url("../js/boxsizing.htc");}
.clearfix:before,
.block:before,
.container:before,
.joinFeatures:before,
.forms fieldset > p:before,
.joinLeft:before,
.joinRight:before,
.clearfix:after,
.block:after,
.container:after,
.joinFeatures:after,
.forms fieldset > p:after,
.joinLeft:after,
.joinRight:after {
	display:table;content:" ";
}
.clearfix:after,
.block:after,
.container:after,
.joinFeatures:after,
.forms fieldset > p:after,
.joinLeft:after,
.joinRight:after {
	clear:both;
}


/*  =DEFAULT & BASIC STYLES
	========================================================================== */
body {
	background: #d3d3d3;
	color: #000;
	font:400 62.5%/1 Montserrat, Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}

.container {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1230px;
}

.blockItem img,
#logo img,
.previewThumb,
.img-responsive {
	display: block;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.block .blockItem,
.pageHeader .btn,
.headerFeatures li,
#logo {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/*  HEADER
	========================================================================== */
	.pageHeader {
				background: url('../images/bg-header-small.jpg') no-repeat left top #000;
				-webkit-box-shadow: 0 5px 27px rgba(0,0,0,0.45);
				-moz-box-shadow: 0 5px 27px rgba(0,0,0,0.45);
				box-shadow: 0 5px 27px rgba(0,0,0,0.45);
				max-height: 402px;
				overflow: hidden;
			}
	.pageHeader.pageHeaderAlt {
		background-image: url('../images/bg-header_alt.jpg');
		max-height: 289px;
	}
	#logo {
		float: left;
		margin-top: 6em;
		max-width: 420px;
	}
		.pageHeaderAlt #logo {
			margin-top: 4em;
			max-width: 380px;
		}


	.headerFeatures {
		float: right;
		margin-left: 1%;
		padding: 10em 0 10em 2.5em;
	}
		.pageHeaderAlt .headerFeatures {
			padding: 6em 0 3em 2.5em;
		}
		.headerFeatures li {
			display: block;
			margin: 0.3em 0;
		}
			.headerFeatures li span {
				background: url("../images/icon-arrow_right.png") no-repeat 0.25em 0.5em #000;
				color: #fff;
				display: inline-block;
				font: 3.8em/1.39 "Rokkitt", sans-serif;
				height: 1.28em;
				letter-spacing: -0.1px;
				letter-spacing: -0.01em;
				padding-left: 42px;
				padding-right: 0.25em;
				text-align: left;
				text-transform: uppercase;
			}


.navBar {
	background: #000;
	display: block;
	padding: 1em 0;
	margin-bottom: 0.5em;
	text-align: right;
	width: 100%;
}
	.btn {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		color: #fff;
		display: inline-block;
		font: 2.5em/1.55 "Montserrat", sans-serif;
		height: 1.65em;
		font-weight: bold;
		letter-spacing: -0.75px;
		letter-spacing: -0.075em;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
	}
	.navBar .btn {
		width: 250px;
	}
		.btn.btnDefault {
			background: #ffd95a;
			margin-right: 0.25em;
		}
			.btn.btnDefault:hover {
				background: #ed0303;
				margin-right: 0.25em;
			}

		.btn.btnPrimary {
			background: #ed0303;
		}
			.btn.btnPrimary:hover {
				background: #ffd95a;
			}



/*  CONTENT
	========================================================================== */


/* @group BLOCKS */
.block {
	clear: both;
	margin-left: -4px;
	margin-right: -4px;
}
	.block .blockItem {
		float: left;
		padding: 4px;
		width: 25%;
	}
		.preview a {
			border: 2px solid #000000;
			display: block;
			position: relative;
		}
			.previewThumb {
				display: block;
				width: 100%;
			}
			.block .blockItem img.previewPlay {
				left: 50%;
				margin-left: -93px;
				margin-top: -100px;
				opacity: 0;
				filter: alpha(opacity=0);
				position: absolute;
				top: 50%;
			}
				.block .blockItem:hover img.previewPlay {
					opacity: 1;
					filter: alpha(opacity=100);
					-webkit-transition: opacity 0.15s ease-out;
					-moz-transition: opacity 0.15s ease-out;
					-ms-transition: opacity 0.15s ease-out;
					-o-transition: opacity 0.15s ease-out;
					transition: opacity 0.15s ease-out;
				}
			.download {
			  background: #000000;
			  display: block;
			  padding: 0.75em 1em;
			  text-transform: uppercase;
			}
				.iconDownload {
					float: left;
					margin-right: 0.33em;
				}
				.downloadText strong {
					color: #ed0303;
    display: inline-block;
    font: 2.8em/1 "Rubik", sans-serif;
    margin-top: -3px;
    overflow: hidden;
    margin-left: 5px;
				}
				.downloadText small {
					color: #ffd95a;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -0.1px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-top: -1px;
    /* text-align: center; */
    /* position: relative; */
    /* width: 100%; */
    margin-left: 26px;
				}

/* @end */




/*  PAGINATION
	========================================================================== */
.pagination {
	margin-top: 2.5em;
	text-align: center;
}
	.pagination span,
	.pagination a {
		background: #e4e4e4;
		color: #8b8b8b;
		display: inline-block;
		font-size: 2.6em;
		font-weight: bold;
		line-height: 1.55;
		height: 1.85em;
		min-width: 1.85em;
		letter-spacing: -0.5px;
		letter-spacing: -0.05em;
		-webkit-touch-callout:none !important;
		-webkit-user-select:none !important;
		-khtml-user-select:none !important;
		-moz-user-select:none !important;
		-ms-user-select:none !important;
		user-select:none !important;
		padding: 0.1em 0.6em 0;
		text-transform: uppercase;
	}
	.pagination a:hover,
	.pagination span.pageActive {
		background: #f4b81a;
		color: #121212;
	}
	.pagination span.pageActive {
		cursor: default;
	}
	.pagination a:active {
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.33) inset;
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.33) inset;
		box-shadow: 0 1px 1px rgba(0,0,0,0.33) inset;
		position: relative;
		top: 1px;
	}




/*  PITCH LINES
	========================================================================== */
.pitch {
	margin: 0.5em auto;
	text-align: center;
}
	.pitchTop {
		font-size: 4.6em;
		letter-spacing: -0.5px;
		letter-spacing: -0.05em;
	}
		.pitchTop a {
			color: #ed0303;
			text-decoration: underline;
		}
			.pitch a:hover {
				color: #ffd95a;
			}
			.pitch a:active {
				position: relative;
				top: 1px;
			}
	.pitchBottom a {
		color: #ed0303;
		display: block;
		font: 5.5em/1 "Rokkitt", sans-serif;
		padding-top: 0.5em;
		text-align: center;
		text-transform: uppercase;
		text-decoration: underline;
	}
		.pitchBottom a:hover {
			color: #ffd95a;
			text-decoration: none;
		}



/*  JOIN
	========================================================================== */
.joinFeatures {
	background: #fff;
	border: 5px solid #e1e1e1;
	margin: 3em auto 1em;
	padding: 0.5em 7em;
}
	.joinLeftFeatures li,
	.joinFeatures li {
		background: url('../images/icon-arrow_right_red.png') no-repeat left 0.25em transparent;
		font-size: 1.7em;
		font-weight: 300;
		float: left;
		letter-spacing: -0.1px;
		letter-spacing: -0.01em;
		padding: 0.25em 1em 0.25em 28px;
		width: 33.3333%;
	}
	.joinLeftFeatures li {
		background: url('../images/icon-arrow_right_gray.png') no-repeat left 0.75em transparent;
		letter-spacing: -0.5px;
		letter-spacing: -0.05em;
		padding: 0.6em 0.5em 0.6em 24px;
		width: 50%;
	}

	#join {
		background: #fff;
		border: 16px solid #e1e1e1;
		margin-bottom: 3em;
		padding: 1.5em 2em;
	}
		.pageHeader.pageHeaderJoin {
			background-image: url('../images/bg-header_join.jpg');
			max-height: 186px;
		}
			.pageHeaderJoin #logo {
				float: none;
				margin: 0 auto 1em;
				max-width: 350px;
			}

		.joinLeft {
			float: left;
			margin-bottom: 3em;
			width: 625px;
		}
			#join .blockItem {
				width: 33.3333%;
			}


		.joinRight {
			background: #e1e1e1;
			border: 1px solid #e9e9e9;
			float: right;
			padding: 2em 6em;
			width: 515px;
		}
			.joinRight legend,
			.joinRight h2 {
				display: block;
				font-size: 3.2em;
				font-weight: bold;
				letter-spacing: -0.25px;
				letter-spacing: -0.025em;
				margin-bottom: 0.31em;
				text-align: center;
				text-transform: uppercase;
				width: 100%;
			}
				.joinRight legend {
					font-size: 3em;
					margin-bottom: 0.5em;
				}
			.forms fieldset {
				clear: both;
				display: block;
				margin-bottom: 3em;
			}
				.forms fieldset#payment {
					padding-left: 7.5em;
					padding-right: 7.5em;
				}
				.forms fieldset > p {
					display: block;
					margin-bottom: 0.33em;
				}
					.forms #account label {
						font-size: 1.8em;
						font-weight: bold;
						line-height: 2.5;
						height: 2.5em;
						float: left;
						letter-spacing: -0.1px;
						letter-spacing: -0.01em;
						text-transform: uppercase;
						width: 115px;
					}
					.forms #membership label,
					.forms #payment label {
						clear: both;
						display: block;
						font-size: 1.7em;
						font-weight: normal;
						line-height: 1;
						height: auto;
						margin-bottom: 0.5em;
						padding-left: 1.7em;
						text-transform: none;
						width: 100%;
					}
					.forms #membership label {
						margin-bottom: 0.58em;
					}
					.forms #membership label strong {
						display: block;
						font-size: 1.4em;
						margin-bottom: 0.2em;
					}
					.forms #membership label span {
						display: block;
						font-weight: 300;
					}
					.forms #membership label input {
					  float: left;
					  margin: 1.5em 1em 1.5em 0;
					}

					.forms .textfield {
						background: #f4f4f4;
						border: none;
						font-size: 1.8em;
						font-weight: bold;
						line-height: 2.5;
						height: 2.5em;
						float: right;
						padding: 0 1em;
						width: 250px;
					}

			.joinBtn .btn.btnPrimary {
				font-size: 4.3em;
				line-height: 1.666;
				height: 1.666em;
				width: 100%;
			}



		.joinFooter {
			clear: both;
			margin-top: 1em;
		}
			.joinFooter img {
				float: left;
				margin-right: 5%;
				width: 28%;
			}
			.joinFooter span {
				font: 2.8em/1.2 Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
				float: left;
				letter-spacing: -0.1px;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				width: 63%;
			}





/*  FOOTER
	========================================================================== */
footer {
	margin-top: 5em;
	padding: 2em 0 6em;
	text-align: center;
}
	footer p {
		color: #818181;
		font-size: 1.8em;
		font-weight: 300;
		text-transform: uppercase;
	}
		footer p > a {
			color: #818181;
			text-decoration: underline;
		}
			footer p > a:hover {
				color: #5b5b5b;
				text-decoration: underline;
			}



/*  ==========================================================================
	MEDIA QUERIES
	========================================================================== */
@media (min-width:1920px){
	.pageHeader {
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
}
@media (min-width:1440px) and (max-width:1600px){
	#logo {
		max-width: 390px;
		margin-top: 5em;
	}
	.headerFeatures {
		padding-top: 8em;
	}
}
@media (min-width:1250px) and (max-width:1439px){
	#logo {
		    max-width: 381px;
    margin-top: 6em;
	}
	.headerFeatures {
		padding-top: 6em;
	}
	.pitchTop,
	.pitchBottom a {
	  font-size: 4em;
	}
}
@media (min-width:992px) and (max-width:1249px){
	.container {
		width: 960px;
	}
	#logo {
		max-width: 350px;
		margin-top: 4em;
	}
	.headerFeatures {
		padding: 5em 0;
	}
		.pageHeaderAlt .headerFeatures {
			padding-top: 8em;
		}
		.headerFeatures li span {
			font-size: 3em;
		}
	.pitchTop {
		font-size: 3.9em;
	}
	.downloadText strong {
		font-size: 2.0em;
	}

	.downloadText small {
    font-size: 10px;
    margin-left: 4px;
}

	.iconDownload {
		margin-right: 0.5em;
		margin-top: 0.25em;
		width: 32px;
	}

	.joinLeft {
		width: 360px;
	}
	.joinLeftFeatures li {
		width:100%;
	}
	.joinRight {
		font-size: 0.95em;
		width:510px;
	}
	.joinFeatures {
		padding:0.5em 3em;
	}
	.joinFeatures li {
		padding-right: 0.5em;
	}
	.joinFooter span {
		font-size: 2.2em;
	}
}
@media (max-width:991px){
	.navBar {
		text-align: center;
	}
	.iconDownload {
		margin-right: 0.5em;
		margin-top: 0.25em;
		width: 38px;
	}
	.pagination .hidden-md {
		display: none;
	}
	.joinLeft,
	.joinRight {
		float: none;
		display: block;
		width: 100%;
		margin: 0 auto 3em;
	}

}
@media (min-width:768px) and (max-width:991px){
	.container {
		width: 750px;
	}
	.pageHeaderAlt #logo,
	#logo {
		max-width: 260px;
		margin-top: 3em;
	}
	.pageHeaderAlt #logo {
		margin-top: 3em;
	}
	.headerFeatures {
		padding: 4em 0;
	}
		.headerFeatures li span {
			font-size: 2.3em;
		}

	.block .blockItem {
		width: 33.3333%;
	}
		.block .blockItem img.previewPlay {
			height: 64px;
			margin-left: -32px;
			margin-top: -32px;
			width: 64px;
		}


	.downloadText strong {
    font-size: 1.95em;
    margin-top: 2px;
}

.downloadText small {
    font-size: 10px;

    margin-left: 6px;
}

	.pitchTop,
	.pitchBottom a {
	  font-size: 5.8em;
	}


	.pagination span,
	.pagination a {
		font-size: 2.4em;
	}

	footer p {
		font-size: 1.6em;
	}


	.joinFeatures li {
		padding-right: 0.1em;
		width: 50%;
	}

	.joinFooter .blockItem {
		text-align: center;
	}
	.joinFooter .blockItem span,
	.joinFooter .blockItem img {
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0 auto 2em;
		text-align: center;
	}
	.joinFooter .blockItem img {
		max-height: 105px;
	}
	.joinFooter .blockItem span {
		font-size: 2.6em;
	}


}
@media (max-width:767px){
	.container {
		width: 560px;
	}
	.pageHeaderAlt #logo,
	#logo {
		float: none;
		margin: 0.5em auto;
		max-width: 300px;
		position: static;
	}
	.headerFeatures {
		display: none;
	}

	.block .blockItem {
		width: 50%;
	}
	.downloadText strong {
		font-size: 2em;
	}

	.pagination span,
	.pagination a {
		font-size: 2.1em;
	}
	.pitchTop,
	.pitchBottom a {
	  font-size: 4.4em;
	}
	.joinFeatures li {
		padding-right: 0;
		width: 50%;
	}
	.joinFeatures {
	  padding: 1em 2em;
	}

	.joinLeftFeatures {
		padding-left: 10em;
	}
	.joinLeftFeatures li {
		width: 100%;
	}
	#join .joinFooter .blockItem {
		margin-bottom: 2em;
		width: 100%;
	}
	.joinFooter img {
		margin: 0 20px;
		width: 70px;
	}
	.joinFooter span {
		margin-top: 0.2em;
		width: 370px;
	}
	.joinRight {
		padding: 2em 5em;
	}

}
@media (max-width:579px){
	.container {
		width: 460px;
	}
	.pagination a {
		display: none;
	}
	.pagination a.pageNav {
		display: inline-block;
	}
	.pitchTop,
	.pitchBottom a {
	  font-size: 2.4em;
	}
	footer p > a {
		display: inline-block;
		margin-bottom: 0.66em;
	}
	.joinFooter span {
	  font-size: 2.8em;
	  margin-top: 0;
	  width: 270px;
	}
	.joinLeftFeatures {
	  padding-left: 6em;
	}
	.joinRight {
	  font-size: 0.9em;
	  padding: 2em;
	}
	.forms .textfield {
		width: 230px;
	}
}
@media (max-width:480px){
	.container {
		width: 300px;
	}
	.block .blockItem {
		float: none;
		margin: 0 auto 1em;
		width: 100%;
	}
	.pageHeaderJoin #logo {
		margin-bottom: 4em;
	}
	.joinFeatures li {
		width: 100%;
	}
	#join {
		padding: 1em;
	}
	.joinRight {
	  font-size: 0.85em;
	  padding: 1em;
	}
	.forms fieldset#payment {
		padding: 0;
	}
	.forms label {
		padding: 0 !important;
	}
	.forms #membership label input {
		margin: 0.33em 1em 0 0;
	}
	#join {
		border-width: 5px;
	}
	.forms #membership label span {
		margin-left:1.6em;
	}
	.forms .textfield {
		width:100%;
	}
	#join .blockItem {
		float:left;
	}
	.joinLeftFeatures {
		padding-left:0;
	}

	.joinFooter .blockItem {
		text-align: center;
	}
	.joinFooter .blockItem span,
	.joinFooter .blockItem img {
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0 auto 1em;
		text-align: center;
	}
	#join .joinFooter .blockItem {
		margin-bottom: 1em;
	}
	.joinFooter .blockItem img {
		max-height: 95px;
	}
	.joinFooter .blockItem span {
		display: block;
		font-size: 2.6em;
		padding: 0 1em;
		text-align: center;
		width: 100%;
	}

}
article.preview {
   position:relative;
}
.block .blockItem img.previewPlay {
   cursor:pointer;
   z-index:10;
}

div.info {
	margin-top: 3px;
	margin-bottom: 5px;
		font-weight: bold;
	text-decoration: none;
	color: #494949;
}

div.info span {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

div.info span img {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-top: 0;
	border-style: none;
}


div.info {
	margin-top: 3px;
	font-size: 13px;
	margin-bottom: 5px;
}

div.info span {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-right: 0px;
	margin-left: 5px;
}

div.info span img {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-top: -1px;
	border-style: none;
}

#jft .joinBtn .btn.btnPrimary {
	font-size: 2.5em;
    height: 1.8em;
}

#jft .joinRight legend, .joinRight h2 {
	font-size: 2em;
}

#jft .forms #account label {
	font-size: 1.3em;
	width: 100px;
}

#jft .forms .textfield {
	font-size: 1.3em;
	width: 270px;
}

#jft .forms #membership label strong {
	font-size: 1em;
}

#jft .forms fieldset {
	margin-bottom: 1em;
}