body {
  margin: 0;
  padding: 0;
  border: 0;      /* This removes the border around the viewport in old versions of IE */
  width: 100%;
  background: #000;
  color: #ebebeb;
  font-size: 22px;
  background-color: #343f4f;
}
.main { width: 100%; }
a {
  color: #ebebeb;
}
nav.navbar.navbar-default.navbar-fixed-top {
  background-color: rgba(0,0,0,0.87);
  border: none;
  margin-bottom: 0;
  min-height: 72px;
  font-family: "Tungsten A", "Tungsten B", "Tungsten-ExtraLight";
  font-style: normal;
  font-weight: 200;
  padding-left: 5%;
  padding-right: 5%
}
nav.navbar.navbar-default.navbar-fixed-top {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.02em;
}
nav.navbar.navbar-default.navbar-fixed-top a {
  color: rgba(234,238,239,0.9);
}
nav.navbar.navbar-default.navbar-fixed-top a:hover {
  color: rgba(0,255,255,1);
  border: none;
  padding-bottom: 2px
}
nav.navbar.navbar-default.navbar-fixed-top a {
  padding-bottom: 0px;
}
nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand:hover {
  border-bottom: 0;
}
ul.nav.navbar-nav.navbar-right, .navbar-header, ul.nav.navbar-nav.navbar-right li {
  height: 100%;
}
ul.nav.navbar-nav.navbar-right a {
  padding-top: 26px;
}
button.navbar-toggle {
  display: none;
}
.overlay-container {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  height: calc(100% - 72px);
  margin: 72px 0 0 0;
  pointer-events: none;
  display: none;
}
.overlay-picture-safe, .overlay-title-safe {
  position: absolute;
  z-index: 1001;
  background-color: transparent;
  pointer-events: none;
}
.overlay-picture-safe {
  z-index: 1001;
  width: 95%;
  height: 95%;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  border: 1px solid rgba(102,111,121,0.6);
}
.overlay-title-safe {
  z-index: 1001;
  width: 90%;
  height: 90%;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  border: 1px solid rgba(102,111,121,0.6);
}
.footer {
  width: 100%;
  font-family: "Tungsten A", "Tungsten B", "Tungsten-ExtraLight";
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 1.45;
  text-align: center;
  color: #9faeb4;
  background-color: #222;
  background-color: #343f4f;
  padding: 1.5em 0 0 0;
}
.footer b {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Semibold";
  font-weight: 600;
}
img.footer_endmark {
  margin-bottom: 0.6em;
}
#cta_confirm_container_1 a,
#cta_confirm_container_2 a {
  color: #ebebeb;
  text-decoration: underline;
}
#cta_confirm_container_1 a:hover,
#cta_confirm_container_2 a:hover {
  color: #38c6ca;
}
.confirm_container h2 {
  font-size: 24px;
  letter-spacing: 0;
  font-family:'ITC Franklin Gothic LT W01MdCn';
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
#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;
}
.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:'ITC Franklin Gothic LT W01 Dm';
}

/* ----- CTAs ----- */
.cta {
  width: 100%;
  background-color: #000;
  text-align: center;
  margin: 0 auto 0 auto;
  background-position: top center;
  z-index: 3;
  font-family:'ITC Franklin Gothic LT W01 Dm' !important;
}
#cta_container_1, #cta_container_2 {
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../img/movie-crowd-blue_03.jpg');
  float: none;

  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.atf_1, .atf_2, .atf_3, .atf_4 {
}
.atf_spacer_0, .btf_spacer_0 {
  flex-basis:72px;
  flex-grow:0;
}
.atf_spacer_0b, .btf_spacer_0b {
  flex-basis: 2.5vh;
  flex-grow:0;
}
.atf_spacer_0c, .btf_spacer_0c {
  flex-basis: 2.5vh;
}
.atf_spacer_1 {
  flex-grow: 62;
}
.atf_spacer_2 {
  flex-grow: 38;
}
.atf_spacer_3 {
  flex-grow: 38;
}
.atf_spacer_4 {
  margin-bottom: 1.5vh;
}
.btf_spacer_4 {
  margin-bottom: 6vh;
}
.btf_spacer_1 {
  flex-grow: 382;
}
.btf_spacer_2 {
  flex-grow: 618;
}
.btf_spacer_3 {
}
.btf_1 {
}
.btf_2 {
}
form#cta_form_1 {
  /*padding: 6em 0 4em 0;*/
}
.learn-more {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Semibold";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  color: #00ffff;
}
.learn-more:hover {
  text-decoration: none;
  color: #00ffff;
  cursor: pointer;
}

.cta-inline a {
  color: #ebebeb;
  text-decoration: underline;
  cursor: pointer;
  font-family:'ITC Franklin Gothic LT W01 Bk';
}
.cta-inline>a:hover {
  color: #0ff;
}
#cta_1 {
  background-color: transparent;
  visibility: visible;
  position: absolute;
  width: 100%;
  font-size: 28px;
}
#cta_2 {
  background-color: #000;
  height: auto !important;
  visibility: visible;
  position: absolute;
  width: 100%;
  font-size: 28px;
}
#cta_container_2 {
  height: auto !important;
}
#cta_confirm_container_1, #cta_confirm_container_2 {
  visibility: visible;
  display: none;
  visibility: hidden;
  background-color: transparent;
  background: transparent;  
  width: 100%;
  text-align: center;
}
.form-input-text {
  font-family:'ITC Franklin Gothic LT W01MdCn';
  font-style: normal;
  font-size: 18px;
  color: #ebebeb;
  background-color: rgba(102, 111, 121, 0.46);
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  margin-top: 0px;
  margin-bottom: 14px;
  border-radius: 0;
  border: 0;
  border-color: #343f4f;
  padding: 14px 20px 11px 20px;
  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 {
  font-family:'ITC Franklin Gothic LT W01MdCn';
  font-style: normal;
  font-size: 18px;
  opacity: 0.9;
  border: none;
  text-decoration: none;
  position: relative;
  font-weight: normal;
  text-align: center;
  text-shadow: none !important;
  padding: 14px 20px 11px 20px;
}
.form-submit-button {
  background-color: rgba(56,198,202,0.75);
  color: rgba(235,255,255,0.9);
  text-decoration: none;
}
.form-submit-button:hover {
  background-color: rgba(0,235,235,0.8);
  color: rgba(255,255,255,1);
  text-decoration: none;
}
.form-submit-button:disabled {
  background-color: rgba(56,198,202,0.4);
  color: rgba(235,235,235,0.6);
  text-decoration: none;
}

/* ----- slogans ----- */
h1 {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 108px;
  letter-spacing: 0.01em;
  line-height: 1.0em;
  margin-bottom: 0.35em;
}
.confirm_container h1 {
  font-size: 84px;
  margin: 0 0 0.4em 0;
}
.slogan {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 84px;
  letter-spacing: 0.004em;
  background-color: transparent;
  position: absolute;
  text-align: center;
  width: 1024px;
  bottom: 24px;
  right: auto;
  left: 50%;
  margin-left: -512px;
  line-height: -9.2em;
  line-height: 1em;
}
#slogan_99 .slogan {
  font-size: 108px;
} 
.slogan_container {
  height: 400px;
  background-position: bottom center;
  background-color: #000;
  text-align: center;
  z-index: 3;
}
h2, .slogan-subhead {
  font-family: "Tungsten A", "Tungsten B", "Tungsten-Semibold";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  letter-spacing: 0.0125em;
  text-align: center;
  line-height: 1.2;
  margin-top: 0;
}
p.slogan-subhead {
  padding-bottom: 2em;
}
#slogan_10 .slogan-subhead {
  padding-bottom: 0;
}
#slogan_0, #slogan_0_bottom {
  text-align: center;
  background-color: transparent;
  /*padding-top: 0.6em;*/
  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_9 {
  width: 100%;
  height: 0;
  padding-top: 30%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../img/posters_landing_010.jpg');
}
#slogan_10 {
  height: 300px;
  background-color: #000;
  box-shadow: 0 0 0 0 transparent;
}
.display-block {
  display: block;
}
/* ----- benefits ----- */

.benefit_box_container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.fa-stack {
  height: 1.2em !important;
}
.benefit_box {
  width: 20%;
}
.benefit_box_inline {
  text-align: center;
  width: 100%;
  margin: 3em 0 2em 0;
  margin: 0;
  display: inline;
  font-size: 150%;
}
.benefit_box_spacer {
  width: 10%;
}
.benefit_icon {
  color: #ebebeb;
}
.benefit_box.benefit_icon {
  align-self: flex-end;
}
.benefit_box.benefit_text {
  font-family:'ITC Franklin Gothic LT W01 Md';
  font-size: 16px;
  line-height: 1.3;
  padding-top: 1em;
}
#benefit_spacer_1  { order: 1; }
#benefit_icon_1    { order: 2; }
#benefit_icon_2    { order: 3; }
#benefit_icon_3    { order: 4; }
#benefit_icon_4    { order: 5; }
#benefit_spacer_2  { order: 6; }
#benefit_spacer_3  { order: 7; }
#benefit_text_1    { order: 8; }
#benefit_text_2    { order: 9; }
#benefit_text_3    { order: 10; }
#benefit_text_4    { order: 11; }
#benefit_spacer_4  { order: 12; }

.fa-browser-octicon {
  font-size: 140% !important;
  top: -0.15em;
  color: rgba(235,235,235,1);
}
#benefit_icon_inline_1 .fa-browser-octicon {
  font-size: 128% !important;
  top: 0.2em;
  color: rgba(235,235,235,0.55);
}
#benefit_icon_inline_1 .fa-align-center {
  font-size: 42% !important;
  top: -0.06em;
}
#benefit_icon_inline_1 .fa-align-left {
  font-size: 43% !important;
  margin-top: -0.05em !important;
  margin-left: 0.45em !important;
}
#benefit_icon_inline_1 .fa-align-right {
  font-size: 43% !important;
  margin-top: -0.05em !important;
  margin-left: -0.45em !important;
}
#benefit_icon_inline_1 .fa-web {
  font-size: 170% !important;
  margin: 0.4em 0 0.2em 0;
}
#benefit_icon_inline_2 .fa-cloud-down,
#benefit_icon_inline_2 .fa-cloud-download-mdi,
#benefit_icon_inline_2 .fa-cloud-download {
  margin: 0.3em 0 0.1em 0;
  font-size: 150% !important;
}
#benefit_icon_inline_3 .fa-text-height {
  margin: 0.4em 0 0.2em 0;
  font-size: 130% !important;
}
.fa-align-center {
  font-size: 47% !important;
  top: -0.85em;
}
.fa-text-height {
  font-size: 135% !important;
}
.fa-calendar-clock, .fa-timetable {
  font-size: 165% !important;
}
.fa-cloud-down, .fa-cloud-download {
  font-size: 170% !important;
}
.fa-cloud-download-mdi {
  font-size: 180% !important;
}
.benefit_container {
  background-color: #343f4f;
  text-align: center;
  margin: 0 auto 0 auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.benefit {
  font-family:'ITC Franklin Gothic LT W01 Bk';
  color: #ebebeb;
  text-align: left;
  line-height: 1.45;
  background-color: transparent;
  padding-top: 1em;
  padding-bottom: 44px;
  width: 540px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto 0 auto;
  z-index: 2;
}
.benefit-center {
  text-align: center;
}
.benefit, .benefit-large {
  font-size: 18px !important;
  font-family:'ITC Franklin Gothic LT W01 Bk';
}
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_3.png');
  background-position: center -1150px;
}
#credits_block_3 {
  background-image: url('../img/scroll_mwotd-r_2_512.png');
  background-position: center -1450px;
}
#credits_block_4 {
  background-image: url('../img/scroll_tfs_logos_512_03.png');
  background-position: center -950px;
}

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;
}
.fa-icon {
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #9faeb4;
  text-decoration: none;
}

.icon-benefit {
  font-size: 42px;
}

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

  .share-twitter  { color: #ebebeb; }
  .share-facebook { color: #ebebeb; }
  .share-google   { color: #ebebeb; }
  .share-linkedin { color: #ebebeb; }
  .share-tumblr   { color: #ebebeb; }

  .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%;
  }
}

/* clearfix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 .clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* newsletter offer */

#newsletter_offer_1,
#newsletter_offer_2 {
  visibility: visible;
}
#newsletter_success_1,
#newsletter_success_2 {
  visibility: hidden;
  display: none;
}