body {
	margin: 0;
	padding: 0;
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #222;
	color: #eaeeef;
	font-size: 22px;
}
.main { width: 100%; }
.footer {
	width: 100%;
	font-family: 'Nexa Book';
	font-size: 12px;
	line-height: 1.45;
	text-align: center;
	color: #9faeb4;
	background-color: #222;
  background-color: #343f4f;
	padding: 20px 0 20px 0;
	/*line-height: 2;*/
	/*clear: both;*/
	/*height: 100px;*/
	/*position: absolute;*/
}
#cta_confirm_container_1 a,
#cta_confirm_container_2 a {
	color: #eaeeef;
}
#cta_confirm_container_1 a:hover,
#cta_confirm_container_2 a:hover {
	color: #38c6ca;
}
#footer_1 {
	text-align: center;
	width: 720px;
}
.footer a {
	color: #9faeb4;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.menubar {
	width: 100%;
	height: 112px;
	background-color: #000;
	position: fixed;
	z-index: 98;
	opacity: 1.00;
	-moz-opacity: 1.00;
	-webkit-opacity: 1.00;
	box-shadow: 0px 10px 50px 6px #000;	
}
.menubar_logo {
	width: 100%;
	height: 112px;
	background-color: transparent;
	position: fixed;
	z-index: 99;
	background-position: top center;
	background-image: url('../img/ec_logo_top_transparent_24bit_03.png');
	background-repeat: no-repeat;
	opacity: 1;
	cursor: pointer;
}
.segment {
	width: 100%;
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}
.endcrawl-em {
	font-family: "Nexa Bold";
}

/* ----- CTAs ----- */
.cta {
	height: 480px;
	width: 100%;
	background-color: #000;
	text-align: center;
	margin: 0 auto 0 auto;
	background-position: top center;
	z-index: 3;
	box-shadow: 0px 20px 50px 6px #000;	
	font-family: "Nexa Bold" !important;
}
.cta_top {
	background-image: url('../img/ec_purple_seats_7.jpg');
}
.cta_bottom {
	box-shadow: 0px 20px 50px 6px #f00;	
}
.cta-inline a {
	text-decoration: underline;
	cursor: pointer;
}
#cta_1 {
	background-color: transparent;
	visibility: visible;
	/*visibility: hidden;*/
	position: absolute;
	width: 100%;
	font-size: 28px;
}
#cta_2 {
	background-color: #000;
	height: auto !important;
	visibility: visible;
	/*visibility: hidden;*/
	position: absolute;
	width: 100%;
	box-shadow: 0px -24px 50px 12px #000 !important;
	font-size: 28px;
	/*border: double;*/
}
#cta_container_1 {
	/*cursor: pointer;*/
}
#cta_container_2 {
	height: auto !important;
	box-shadow: 0 0 0 0 transparent;
}
#cta_confirm_container_1 {
	visibility: visible;
	visibility: hidden;
	background-color: transparent;
	position: absolute;
	background: transparent;	
	width: 100%;
	font-size: 28px;
	text-align: center;
}
#cta_confirm_container_2 {
	background-color: #000;
	visibility: visible;
	visibility: hidden;
	height: auto !important;
	position: relative;
	width: 100%;
	box-shadow: 0px -24px 50px 12px #000 !important;
	font-size: 28px;

/*	visibility: visible;
	height: 200px;
	visibility: hidden;
	position: absolute;
	width: 100%;
	background-color: #000;
	font-size: 28px;
	box-shadow: 0px -24px 50px 12px #000 !important;
	text-align: center;
*/}
.form-input-text {
	font-family: 'Nexa Regular';
	color: #222222;
	background-color: #9faeb4;
	font-size: 28px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
	margin-top: 0px;
	margin-bottom: 14px;
	padding: 6px 9px 0 9px;
	border-radius: 1px;
	border: 1px 1px 0px 1px;
	border-color: #343f4f;
	padding: 12px 10px 4px 10px;
	margin-bottom: 0;
}

::-webkit-input-placeholder { /* WebKit browsers */ color: #667077; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #667077; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #667077; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #667077; }

/*
.form-submit-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #11d6d9), color-stop(1, #38c6ca) );
	background:-moz-linear-gradient( center top, #11d6d9 5%, #38c6ca 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#11d6d9', endColorstr='#38c6ca');
	background-color:#11d6d9;
}
.form-submit-button:active {
	position:relative;
	top:1px;
	color: #222;
}
*/
.form-submit-button {
	font-family: "Nexa Regular";
	color: #222;
	text-shadow: 0 0px 0 #444444;
	border: 1px solid #044a60;
	text-decoration: none;
	position: relative;
	font-size: 28px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	padding: 9px 25px 1px 25px;
	background: #00caca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75);
	background: linear-gradient(top, #0ff 0%, #179cc6 100%);
	background: -webkit-linear-gradient(top, #0ff 0%, #057294 100%);
/*	background: -moz-linear-gradient(top, #057294 0%, #179cc6 100%);
	background: -o-linear-gradient(top, #057294 0%, #179cc6 100%);
	background: -ms-linear-gradient(top, #057294 0%, #179cc6 100%);*/
}
.form-submit-button:hover {
	background: linear-gradient(top, #0ff 0%, #179cc6 100%);
	background: -webkit-linear-gradient(top, #0ff 0%, #179cc6 100%);
	background: -moz-linear-gradient(top, #057294 0%, #179cc6 100%);
	background: -o-linear-gradient(top, #057294 0%, #179cc6 100%);
	background: -ms-linear-gradient(top, #057294 0%, #179cc6 100%);
}
.form-submit-button a:hover {
	color: #222;
}
.form-submit-button:disabled {
	background: linear-gradient(top, #0ff 0%, #179cc6 100%);
	background: -webkit-linear-gradient(top, #0ff 0%, #057294 100%);
	color: #222;
	text-shadow: 0 0px 0 #444444;
}
.form-submit-button:active {
	position: relative;
  	top: 0px;
}

/*#cta_form_1 {
	width: 100%;
	position:absolute;
	visibility: visible;
}
#cta_confirm_container {
	width: 100%;
	position:absolute;
	visibility: hidden;
}*/

/* ----- slogans ----- */
h1 {
	font-family: 'Nexa XBold';
	font-size: 72px;
}
.slogan {
	font-family: 'Nexa XBold';
	font-size: 72px;
	background-color: transparent;
	position: absolute;
	text-align: center;
	width: 1024px;
	bottom: 24px;
	right: auto;
	left: 50%;
	margin-left: -512px;
}
.slogan_container {
	height: 400px;
	background-position: bottom center;
	background-color: #000;
	text-align: center;
	z-index: 3;
	box-shadow: 0px -20px 50px 12px #000;	
}

#slogan_0 {
	text-align: center;
	background-color: transparent;
	/*border: dotted;*/
	padding-top: 170px;
	padding-bottom: 24px;
	text-transform: none;
}
#slogan_1 {
	background-image: url('../img/ec_salvo_6.jpg');
	background-position: bottom center;
}
#slogan_2 {
	background-image: url('../img/knobs_3.jpg');
	background-position: bottom center;
}
#slogan_3 {
	background-image: url('../img/keyboard_6.jpg');
	background-position: bottom center;
}
#slogan_4 {
	background-image: url('../img/girl_3.jpg');
	background-position: bottom center;
}
#slogan_9 {
	background-image: url('../img/posters_6.jpg');
/*	background-size: 100%;*/
	background-position: top center;
	height: 630px;
	/*width: 100% !important;*/
}
#slogan_10 {
	height: 300px;
	background-color: #000;
	box-shadow: 0 0 0 0 transparent;
}
#slogan_99 {
	background-image: url('../img/girls_5.jpg');
	background-size: 2048px;
	background-position: bottom center;
	height: 400px;
	/*margin-bottom: 12px;*/
}

/* ----- benefits ----- */
.benefit_container {
  background-color: #343f4f;
	/*height: 400px;*/
	text-align: center;
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
	/*box-shadow: 20px 20px 30px 30px #000;*/
	box-shadow: 0px 20px 50px 6px #000;	
	z-index: 2;
}
.benefit, h2 {
	font-family: 'Nexa Book';
  color: #eaeeef;
	text-align: left;
	line-height: 1.45;
	background-color: transparent;
	padding-top: 40px;
	padding-bottom: 44px;
	width: 700px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto 0 auto;
	z-index: 2;
}
.benefit-center {
	text-align: center;
}
.benefit-large {
	font-size: 28px !important;
	font-family: "Nexa Book";
}
p { margin: 0; }

/* ----- credits skrollrs ----- */

.credits_block_container {
	background-color: #000;
	z-index: 1;
	background-position: top center;
	height: 480px;
}

#credits_block_0 {
	height: 240px;
	background-color: #000;
}
#credits_block_1 {
	background-image: url('../img/scroll_tfs_cast_512.png');
	background-position: center -800px;
}
#credits_block_2 {
	background-image: url('../img/scroll_tfs_songthx_512_2.png');
	background-position: center -1150px;
}
#credits_block_3 {
	background-image: url('../img/scroll_mwotd-r_1_512.png');
	background-position: center -1450px;
}
#credits_block_4 {
	background-image: url('../img/scroll_tfs_logos_512.png');
	background-position: center -950px;
}
#credits_block_5 {
	background-image: url('../img/scroll_tfs_crew3_512.png');
	background-position: center -810px;
}
#credits_block_6 {
	background-image: url('../img/scroll_tfs_crew_512.png');
	background-position: center -1350px;
}
#credits_block_9 {
	background-image: url('../img/scroll_tfs_crew_512.png');
	background-position: center 0;
}

span.arrow-down {
	font-size: 52px;
	cursor: pointer;
	display: block;
	margin-top: -40px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.fa-icons {
	font-size: 56px;
	text-align: center;
	padding-top: 0.4em;
	text-decoration: none;
	/*visibility: hidden;*/
	/*position: absolute;*/
}
.fa-icon {
	padding-left: 0.2em;
	padding-right: 0.2em;
	color: #9faeb4;
	text-decoration: none;
}

.share-twitter:hover , .share-facebook:hover, .share-google:hover  , .share-linkedin:hover, .share-tumblr:hover {
	text-decoration: none;
}

	.share-twitter  {color: #5ec8e8; }
	.share-facebook { color: #5d73a1; }
	.share-google   { color: #ca4c4c; }
	.share-linkedin { color: #0274b3; }
	.share-tumblr   { color: #34506b; }

	.share-twitter:hover  {color: #5ec8e8; }
	.share-facebook:hover { color: #5d73a1; }
	.share-google:hover   { color: #ca4c4c; }
	.share-linkedin:hover { color: #0274b3; }
	.share-tumblr:hover   { color: #34506b; }


@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
	.menubar_logo {
		background-image: url('../img/ec_logo_top_transparent_24bit_03@2x.png');
		background-size: 112px;
	}
}

/* < 768 px, benefit copy padding is relative */
@media only screen and (max-width: 767px) {
	.menubar, .menubar_logo {
		position: absolute;
	}
	.benefit {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
}