/*! The Tale > 2018/04/10 ---------------- */

:root {

 --contain: 1180; --top: 130px; --sx: 40px; --s1: 40px; --s2: 60px; --s3: 80px; --s4: 120px;

 --font-family1: Libre Franklin,Helvetica Neue,Arial,sans-serif;

 --color-default:    #000000; /* black: text */
 --color-background: #ffffff; /* white: background */
 --color-accent1:    #ffe900; /* yellow: buttons */
 --color-accent2:    #008995; /* blue: ? */
 --color-black:      #000000; /* black */
 --color-white:      #ffffff; /* white */

 --color-field1:     var(--color-default);  /* field border */
 --color-error1:     #ea0000;  /* red: error */

 --xw1: 980px;
 --xw2: 880px;

}

@media screen and (max-width: 1023px) { :root { --top: 70px; --sx: 30px; --s1: 30px; --s2: 45px; --s3: 60px; --s4: 90px; }}
@media screen and (max-width:  719px) { :root { --sx: 20px; }}
@media screen and (max-width:  599px) { :root { --s1: 20px; --s2: 30px; --s3: 40px; --s4: 60px; }}

@font-face { font-family: 'Icons'; src: url('../fonts/icomoon/fonts/icomoon.ttf?1524671773') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?1524671773') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?1524671773#icomoon') format('svg'); font-weight: normal; font-style: normal; }

/*   ______  _______ _______ _______
 *   |_____] |_____| |______ |______
 *   |_____] |     | ______| |______
*/

.root1 { position: relative; width: 100%; min-width: 320px; margin: 0; padding: 0; }
 .root1, .root1 *, .root1 *:before, .root1 *:after { box-sizing: border-box; }
 .js .root1.is-loading * { transition: none !important; }
 .root1-wrap { margin: 0; }

/* contain */

[class$="-contain"],[class*="-contain "] { max-width: 1210px; max-width: calc(var(--contain) * 1px + 2 * var(--sx)); margin-left: auto; margin-right: auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-width: var(--sx); border-right-width: var(--sx); }
[class$="-decontain"],[class*="-decontain "] { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
[class$="-recontain"],[class*="-recontain "] { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); }

/* grid */

[grid], [flex~=grid] { --gap: 40px; display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: -40px; margin-left: -20px; margin-right: -20px; margin-top: calc(var(--row-gap,var(--gap)) * -1); margin-left: calc(var(--gap) / -2); margin-right: calc(var(--gap) / -2); padding: 0; pointer-events: none; }
[grid=inline] { display: -webkit-inline-box; display: inline-flex; }
 [grid] > *, [flex~=grid] > * { width: var(--column, auto); min-width: 0; margin-bottom: 0; border: 1px solid transparent; border-width: 40px 20px 0; border-width: var(--row-gap,var(--gap)) calc(var(--gap) / 2) 0; background-clip: padding-box; pointer-events: auto; }
  [grid] > li:before, [flex~=grid] > li:before { display: none; }

[width="-"]{width:100%;height:0;margin:0;border-width:0}[width^="16/"]{width:16.666%}[width^="20/"]{width:19.999%}[width^="25/"]{width:24.999%}[width^="33/"]{width:33.333%}[width^="40/"]{width:39.999%}[width^="50/"]{width:49.999%}[width^="60/"]{width:59.999%}[width^="66/"],[width^="67/"]{width:66.666%}[width^="75/"]{width:74.999%}[width^="80/"]{width:74.999%}[width^="99/"],[width^="100/"]{width:100%}
@media screen and (max-width: 1149px){[width*="/a/"]{width:auto}[width*="/16/"]{width:16.666%}[width*="/20/"]{width:19.999%}[width*="/25/"]{width:24.999%}[width*="/33/"]{width:33.333%}[width*="/40/"]{width:39.999%}[width*="/50/"]{width:49.999%}[width*="/60/"]{width:59.999%}[width*="/66/"],[width*="/67/"]{width:66.666%}[width*="/75/"]{width:74.999%}[width*="/80/"]{width:79.999%}[width*="/100/"]{width:100%}}
@media screen and (max-width: 719px) {[width$="/a"]{width:auto}[width$="/16"]{width:16.666%}[width$="/20"]{width:19.999%}[width$="/25"]{width:24.999%}[width$="/33"]{width:33.333%}[width$="/40"]{width:39.999%}[width$="/50"]{width:49.999%}[width$="/60"]{width:59.999%}[width$="/66"],[width$="/67"]{width:66.666%}[width$="/75"]{width:74.999%}[width$="/80"]{width:79.999%}[width$="/100"]{width:100%}}
@media screen and (min-width: 1150px){[width^="0/"]{display:none !important}} @media screen and (min-width: 720px) and (max-width: 1149px){[width*="/0/"]{display:none !important}} @media screen and (max-width: 719px){[width$="/0"]{display:none !important}}


/*   _______  _____  ______  _     _ _      _______ _______
 *   |  |  | |     | |     \ |     | |      |______ |______
 *   |  |  | |_____| |_____/ |_____| |_____ |______ ______|
*/

/* cover background */

.bg1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; }
 .bg1 img, .bg1 video { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; object-fit: cover; }
 .bg1.-top img, .bg1.-top video { object-position: 50% 0; }
 .bg1.-bottom img, .bg1.-bottom video { object-position: 50% 100%; }
 .no-objectfit .bg1 img, .no-objectfit .bg1 video { position: absolute; left: 0; top: 0; width: 100%; min-width: 0; height: auto; min-height: 0; }

@media screen and (max-width: 599px) {
.no-objectfit .bg1 img, .no-objectfit .bg1 video { width: auto; height: 100%; }
}

/* dropdown cards */

.cards1 { padding: 0; }
 .cards1 li { -webkit-box-flex: 1; flex-grow: 1; position: relative; margin: 0; }
  .cards1 li:before { display: none; }
  .cards1 li a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; background: #000; }
   .cards1 li .img1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; height: auto; transition: transform 0.75s, opacity 0.75s; }
   .cards1 li a:hover .img1 { -webkit-transform: scale(1.05); transform: scale(1.05); }
    .cards1:hover a:not(:hover) .img1 { opacity: 0.5; }
   .cards1 li strong { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px; color: #fff; }
    .cards1 li strong span { display: block; color: var(--color-accent1); font-size: 15px; line-height: 1.20; font-weight: 900; text-transform: uppercase; }

@media screen and (max-width: 1023px) {
.cards1[flex] { flex-wrap: wrap; }
 .cards1 li { width: 50%; }
}
@media screen and (max-width: 599px) {
.cards1 li { width: 100%; min-height: 200px; }
 .cards1 li strong { padding: var(--sx); }
}

/* carousel */

.carousel1 { position: relative; overflow: hidden; text-align: center; }
 .carousel1:before { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; height: 50%; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.9) 100%); }
 .carousel1-videos { display: inline-block; position: relative; margin: 0; vertical-align: top; }
  .carousel1-video { position: relative; margin: 0 auto; padding: 0 60px; }
  .carousel1-video ~ .carousel1-video { position: absolute; left: 0; top: 0; }
   .carousel1-video video { display: block; margin: 0 auto; padding: 0; opacity: 0.5; transition: opacity 1s; }
   .carousel1-video.is-active video { opacity: 1; }
   .carousel1-title { display: none; }
   .carousel1-titles { --side: 80px; position: absolute; right: 50%; bottom: 80px; width: 45vw; z-index: 2; margin: 0; margin-right: calc(50vw - 45vw - 80px); margin-right: calc(50vw - 45vw - var(--side)); padding: 0; text-align: left; }
    .carousel1-titles li { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; }
     .carousel1-titles li:before { display: none; }
     .carousel1-titles li > span { display: inline-block; overflow: hidden; vertical-align: top; }
     .carousel1-titles li > span > span { display: block; opacity: 0; }

@media screen and (max-height: 849px) {
.carousel1-titles li { font-size: 8vh; }
}
@media screen and (max-width: 1023px) {
.carousel1:before { height: 200px; }
.carousel1-titles { width: 100vw; right: 50%; margin-right: -50vw; border: 1px solid transparent; border-width: 0 var(--sx); }
 .carousel1-titles li { padding-right: 35vw; font-size: 6.5vw; }
}
@media screen and (max-width: 719px) {
.carousel1-video { padding: 0 30px; }
 .carousel1-titles li { padding-right: 15vw; font-size: 10vw; line-height: 0.95; }
}
@media screen and (max-width: 599px) {
.carousel1-titles { bottom: 0; }
 .carousel1-titles li { padding-right: 20vw; font-size: 9vw; }
}

/* global content */

.content1 { margin-bottom: 0; }
 .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
@supports(--css: variables) { .content1:before { display: none; } }

@media screen and (max-width: 599px) {
 .content1:before { padding: 15px 20px; font-size: 14px; }
}

/* hosting cta */

.cta1 { padding: 40px 0; padding: var(--s1) 0; border: 2px solid; border-width: 2px 0 1px; border-color: var(--color-accent1) transparent var(--color-default); text-align: center; }
 .cta1 .button2 { margin: -0.3em 0 0 10px; vertical-align: middle; }

@media screen and (max-width: 1023px) {
.cta1 > span { display: block; }
.cta1 .button2 { margin-top: 10px; }
}

/* watch cta */

.cta2 { position: relative; margin-bottom: var(--s1); }
 .cta2-image { max-width: 980px; margin: 0 calc(50% - 50vw) 0 400px; }
 .cta2-wrap { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .cta2-title { margin-bottom: 20px; color: var(--color-accent1); }
   .cta2-title .icon-hbo { display: block; font-size: 180px; line-height: 1; }
  .cta2-action { max-width: 340px; }
   .cta2-action .button2 { display: block; width: 100%; }

@media screen and (max-width: 1023px) {
.cta2 { margin-bottom: var(--s3); }
 .cta2-image { max-width: 100%; margin: 0 0 40px; }
 .cta2-wrap { position: relative; left: auto; top: auto; -webkit-transform: none; transform: none; text-align: center; }
 .cta2-action { margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 599px) {
.cta2-title .icon-hbo { font-size: 32.5vw; }
.cta2-image { max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
}

/* conversation cta */

.cta3 { position: relative; margin-bottom: 80px; margin-bottom: var(--s3); padding: 80px; padding: var(--s2) var(--s3); padding-right: 0; }
 .cta3:before { position: absolute; left: 99.9%; right: calc(50% - 50vw); top: 0; bottom: 0; content: ''; margin: 0; background: #fff; }
 .cta3-title { position: relative; }
  .cta3-title i { display: block; position: relative; font-size: 96px; }
  .cta3-line { position: absolute; left: -20px; bottom: -40px; right: calc(var(--sx) * -1); height: 70px; background: var(--color-accent1); font: inherit; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
  .js .cta3-line[data-aios] { transition-duration: 2s; }
  .js .cta3-line[data-aios]:not(.is-aios-done){ opacity: 1; -webkit-transform: scaleX(0); transform: scaleX(0); }
 .cta3-options { position: relative; margin-left: 90px; margin-right: calc(var(--sx) * -1); }
  .cta3-option { width: 24.99%; margin: 0; }
   .cta3-subtitle { margin-bottom: 15px; }
    .cta3-subtitle span { display: block; }
   .cta3-action { }

@media screen and (max-width: 1149px) {
.cta3-title i { display: block; position: relative; font-size: 7.5vw; }
 .cta3-option { width: 50%; }
}
@media screen and (max-width: 1023px) {
.cta3-options { margin-left: 0; }
}
@media screen and (max-width: 599px) {
.cta3 { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: calc(var(--sx) * 1.5) var(--sx); }
 .cta3:before { display: none; }
 .cta3-title { margin-bottom: 30px; }
  .cta3-title i { font-size: 8.25vw; }
  .cta3-line { bottom: -10px; height: 25px; }
 .cta3-option { width: 100%; }
  .cta3-header { margin-bottom: 10px; }
  .cta3-subtitle { margin-bottom: 10px; }
}

/* sticky bar */

.cta4 { position: relative; min-height: 80px; margin: 0; padding: 10px; background: #000; }
.content1 ~ .cta4 { margin-bottom: -10px; }
 .cta4-outer {  }
  .cta4-inner { background: #ffe900; background: var(--color-accent1); }
   .cta4-entries { padding: 0; text-align: center; }
    .cta4-entries li { width: 33.33%; margin: 0; padding: 20px 20px; }
     .cta4-entries li:before { display: none; }
     .cta4-entries li a { }
      .cta4-entries strong { display: block; margin-bottom: 20px; line-height: 40px; }
      .cta4-entries small { display: block; margin-bottom: 10px; font: inherit; line-height: 1.3; }
      .cta4-entries .button1 { width: 230px; margin: auto; margin-bottom: 0; }

@media screen and (min-width: 1024px) {
@supports(--css: variables) {
.cta4 { min-height: calc(var(--max, 80px) + 20px); }
 .cta4-outer { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 99; overflow: hidden; height: 0; transition-property: height; }
  .cta4.is-visible .cta4-outer { height: 80px; }
 .cta4.is-visible .cta4-outer:hover { height: var(--max, 80px); }
 .cta4.is-static .cta4-outer { position: absolute; bottom: auto; top: 10px; height: var(--max, 80px); transition-duration: 0s; }
 .cta4.no-transitions .cta4-outer { transition-duration: 0s; }
  .cta4-inner { position: absolute; left: 0; top: 0; right: 0; }
}
}
@media screen and (max-width: 1023px) {
.cta4-entries .button1 { width: 320px; max-width: 100%; }
}
@media screen and (max-width: 719px) {
.cta4-entries[flex] { display: block; }
 .cta4-entries li { width: auto; }
}
@media screen and (max-width: 599px) {
.cta4-entries li + li { margin-top: -10px; }
 .cta4-entries strong { margin-bottom: 10px; line-height: 1.2; }
}

/* dropdown */

.dropdown1 { position: absolute; left: 0; top: 0; width: 0; min-height: 100%; z-index: 100; overflow: hidden; margin: 0; background: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: opacity 0.5s, width 0s 0.5s; }
.is-nav-active .dropdown1 { background: none; }
.dropdown1.is-active { width: 100%; opacity: 1; transition-delay: 0s; }
 .dropdown1-close { height: 0; margin: 0; color: #000; font-size: 30px; line-height: 1; }
  .dropdown1-close > span { position: absolute; top: 100vh; left: 0; right: 0; bottom: 0; }
  .dropdown1-close > i { position: absolute; right: 20px; top: 145px; top: calc(var(--top) + 15px); z-index: 2; }
 .dropdown1-wrap { position: relative; min-height: 100vh; border-top: 130px solid; border-top-width: var(--top); border-color: #008995; border-color: var(--color-accent2); background: #008995; background: var(--color-accent2); }
 .ios .dropdown1-wrap { min-height: calc(100vh - 60px); }
 .ie .dropdown1-wrap > .-contain { width: 100%; }
  .dropdown1-title { min-height: 120px; margin-bottom: 0; padding: 10px 30px; color: #fff; text-align: center; }
   .dropdown1-title strong { color: var(--color-accent1); }
  .dropdown1 .cards1 { -webkit-box-flex: 1; flex-grow: 1; }
  .dropdown1 .press2 { padding-bottom: 80px; padding-bottom: var(--s3); }

@media screen and (max-width: 1279px) {
.dropdown1-close { color: #fff; font-size: 13px; font-weight: 900; }
 .dropdown1-close i { left: var(--sx); right: auto; top: calc(var(--top) / 2); margin: -15px 0 0; font: inherit !important; line-height: 30px !important; text-transform: uppercase !important; }
  .dropdown1-close i:before { display: none; }
  .dropdown1-close i span { display: block; }
}
@media screen and (max-width: 1023px) {
.dropdown1-title { min-height: 70px; padding-bottom: 30px; font-size: 28px; }
 .dropdown1-title span { display: block; }
}


/* responsive embeds */

.embed1 { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; }
 .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* figure */

.figure1 { margin: 80px 0; margin: var(--s3) 0; }
.figure1:first-child { margin-top: 0; }
.figure1.-expand { max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
 .figure1 > span { -webkit-box-flex: 1; flex-grow: 1; }
 .figure1 > span:last-child { margin-right: 400px; }
 .figure1 > figcaption { width: 240px; margin: 40px 0 0 40px; margin: var(--s1) 0 0 var(--s3); padding: 20px 0 0; border-top: 3px solid; }
 .figure1.-expand > figcaption { margin-right: 40px; margin-right: var(--s3); }

@media screen and (min-width: 1580px) {
.figure1.-expand { padding: 0 calc(50vw - 1580px / 2); }
}
@media screen and (max-width: 1023px) {
.figure1[flex] { display: block; }
.figure1 > figcaption { width: auto; max-width: 50%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.figure1.-expand > figcaption { margin-left: var(--sx); margin-right: var(--sx); }
}
@media screen and (max-width: 719px) {
.figure1 > figcaption { max-width: 100%; }
}

/* global footer */

.footer1 { position: relative; margin-bottom: 0; padding: 30px 0; }
 .footer1-wrap { position: relative; }
  .footer1-logo { position: absolute; left: 0; bottom: -10px; margin: 0; font-size: 75px; line-height: 1; }
  .footer1-logo ~ .socials1 { display: none; }
  .footer1 .socials1 { margin: 0; margin-right: auto; }
   .footer1 .socials1-items { --gap: 30px; }
    .footer1 .socials1-items li { font-size: 26px; }
  .footer1-copys { margin: 0 0 0 auto; font-size: 13px; opacity: 0.8; }
   .footer1-copys small { padding: 0 5px; font: inherit; }

@media screen and (max-width: 1023px) {
.footer1-wrap[flex] { flex-wrap: wrap; }
 .footer1-logo { position: relative; left: auto; bottom: auto; width: 100%; margin: 0 0 20px; text-align: center; }
  .footer1-logo ~ .socials1 { display: block; }
}
@media screen and (max-width: 719px) {
.footer1-wrap[flex] { display: block; text-align: center; }
 .footer1 .socials1 { display: inline-block; margin: 0 0 20px; vertical-align: top; }
  .footer1 .socials1-items li { font-size: 20px; }
}
@media screen and (max-width: 599px) {
.footer1-copys small { display: block; visibility: hidden; height: 0; }
}

/* basic header */

.header1 { margin-bottom: 0; }
 .header1-contain { position: relative; }

@media screen and (min-width: 1024px) {
.header1-main { margin-bottom: 0; padding-right: 60px; }
.header1 .socials1 { position: absolute; right: 0; bottom: 0; }
}

/* get help */

.help1 { position: relative; }
 .help1-map { margin: 0 0 0 400px; }
  .help1-map .embed1 { height: 100vh; height: calc(100vh - 130px); height: calc(100vh - var(--top)); padding-bottom: 0; }
 .help1-sidebar { overflow: auto; position: absolute; left: 0; top: 0; bottom: 0; width: 400px; background: var(--color-accent1); -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .help1-inner { height: 100%; padding: 40px 40px 0; padding: var(--s3) var(--s1) 0; }
   .help1-inner > :last-child { padding-bottom: var(--s1); }
   .help1-inner .socials1 { --size: 30px; }
    .help1-inner .socials1 [grid] { --gap: 40px; }
   .help1-copys { font-size: 13px; }
    .help1-copys small { display: block; visibility: hidden; height: 0; }

@media screen and (max-width: 1023px) {
.help1-map { margin: 0; }
 .help1-map .embed1 { height: 600px; max-height: 70vh; }
.help1-sidebar { position: relative; left: auto; top: auto; bottom: auto; width: 100%; }
  .help1-inner { height: auto; padding: var(--s2) var(--sx) 0; }
}

/* home */

.home1 { overflow: hidden; margin: 0; padding: 60px 0 120px; padding: var(--s2) 0 var(--s4); }
 .home1-contain { position: relative; }
  .home1-main { position: relative; margin-bottom: 200px; margin-bottom: calc(var(--s3) + var(--s4)); padding-bottom: 200px; padding-bottom: calc(var(--s3) + var(--s4)); }
   .home1-main:before { position: absolute; left: -80px; top: 200px; right: -80px; bottom: 80px; content: ''; border: 3px solid; border-color: var(--color-accent1); pointer-events: none; }
   .home1 .cta3 { margin-bottom: var(--s4); }
   .home1-quote { position: relative; margin-bottom: var(--s3); padding-left: 60%; z-index: 1;}
    .home1-quote-image { margin-right: -2000px; }
     .home1-quote-image > span { display: block; max-width: 1330px; }
    .home1-quote .quotes1 { position: absolute; left: 0; top: 80px; top: var(--s3); width: 70%; }
     .home1-quote .quotes1 blockquote{ font-size: 28px; }
   .home1-intro { position: relative; margin-bottom: var(--s1); padding-left: 60%; }
    .home1-intro-image { position: absolute; bottom: 0; right: 45%; right: calc(40% + 120px); right: calc(40% + var(--s4)); width: 980px; margin: 0; }
   .home1-links { position: relative; padding-left: 60%; }
    .home1-links-image { position: absolute; left: 0; top: 0; width: 55%; width: calc(60% - 120px); width: calc(60% - var(--s4)); margin: 0; }
    .home1-links-title { margin-bottom: 15px; padding-top: 30px; }
     .home1-links-title span { display: block; }
    .home1-links-list { padding: 0; }
     .home1-links-list li:before { display: none; }
  .home1-footer { }

@media screen and (max-width: 1149px) {
.home1-main { margin-bottom: 120px; padding-bottom: 140px; }
}
@media screen and (max-width: 1023px) {
.home1-main { padding-bottom: 0; }
 .home1-main:before { display: none; }
}
@media screen and (max-width: 719px) {
.home1 { padding: 0; padding-bottom: var(--s3); }
 .home1-main { margin-bottom: var(--s3); }
  .home1-quote { padding-left: 0; }
   .home1-quote-image { margin-right: 0; margin-bottom: var(--s1); }
    .home1-quote-image > span { display: block; max-width: 100%; }
   .home1-quote .quotes1 { position: relative; left: auto; top: auto; width: auto; }
  .home1-intro { padding-left: 0; }
   .home1-intro-image { position: relative; bottom: auto; right: auto; width: auto; margin-bottom: var(--s1); }
  .home1-links { padding-left: 0; }
   .home1-links-image { position: relative; left: auto; top: auto; width: auto; margin-bottom: var(--s1); }
   .home1-links-title { padding-top: 0; }
}
@media screen and (max-width: 599px) {
.home1 .cta3 { margin-bottom: var(--s3); }
.home1-quote-image,
.home1-intro-image,
.home1-links-image { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
}

/* host page */

.host1 { position: relative; overflow: hidden; padding-top: var(--s2); }
 .host1-title { position: relative; z-index: 1; margin-bottom: var(--s1); max-width: 600px; }
 .host1-image { position: absolute; right: 0; top: 0; width: 960px; }
 .host1-wrap { position: relative; }
  .host1-main { width: 45%; margin: 0; padding-right: 60px; padding-right: var(-s2); }
   .host1-main .steps1 { max-width: 350px; }
  .host1-side { position: relative; width: 55%; margin: 0; padding: 60px; padding: var(--s2); padding-right: 1px; }
   .host1-side:before { position: absolute; left: 100%; top: 0; bottom: 0; content: ''; width: 50vw; margin: 0 0 0 -1px; background: var(--color-background); }
   .host1-form { --gap: 20px; --row-gap: 30px; }
    .host1-form > * { width: 50%; }
    .host1-form > .-email { width: 75%; }
    .host1-form > .-email + p { width: 25%; }
     .host1-form label:first-child { display: none; }
     .host1-form button { width: 100%; }

.host1 .mc-field-group { float: left; width: 50%; padding-right: 20px; }
.host1 .mc-field-group:nth-child(2) { width: 100%; }
/*
.host1 .mc-field-group:nth-child(4) { width: 70%; }
.host1 .mc-field-group:nth-child(5) { width: 30%; }
*/
.host1 .clear { clear: both; }

@media screen and (max-width: 1023px) {
.host1 { padding-top: 40vw; }
.host1-wrap[flex] { display: block; }
 .host1-main { width: auto; margin-bottom: var(--s1); padding-right: 0; }
  .host1-main .steps1 { max-width: 100%; }
  .host1-image { position: absolute; left: 0; top: 0; width: 100%; }
   .host1-image:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 35%; background: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.9) 100%); }
 .host1-side { width: auto; padding-right: 60px; padding-right: var(--s2); }
  .host1-side:before { display: none; }
}
@media screen and (max-width: 719px) {
.host1-side { margin-left: calc(var(--sx) * -1); margin-right: calc(var(--sx) * -1); padding-left: var(--sx); padding-right: var(--sx); }
}
@media screen and (max-width: 479px) {
.host1 { padding-top: 50vw; }
 .host1-image { left: -100px; right: -100px; width: auto; }
 .host1-form > *,
 .host1-form > .-email,
 .host1-form > .-email + p { width: 100%; }
 .host1 .mc-field-group[class] { float: none; width: 100%; padding-right: 0; }
}

/* image helper */

.img1 { display: block; position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 56.25%; }
 .img1 img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-backface-visibility: hidden; }

/* intro */

.intro1 {  }
 .intro1-main { -webkit-box-flex: 1; flex-grow: 1; max-width: 680px; margin-bottom: 0; }
 .ie .intro1-main { width: 100%; }
 .intro1-side { -webkit-box-flex: 0; flex: none; width: 32.5%; margin: 0 0 0 80px; margin-left: var(--s4); font-size: 15px; }
  .intro1-side p { margin-bottom: 10px; }
  .intro1-side hr { margin: 20px 0; opacity: 1; }
  .intro1-side hr:first-child { margin-top: 0; }
  .intro1-side .button3 { white-space: nowrap; }

@media screen and (max-width: 719px) {
.intro1[flex] { display: block; }
 .intro1-main { max-width: 100%; margin-bottom: var(--s1); }
 .intro1-side { width: auto; margin: 0; }
}

/* join */

.join1 { font-size: 15px; }
 .join1-tabs { display: none; }
 .js .join1-tabs { display: block; margin-bottom: var(--s1); }
  .join1-tabs a { background-size: 202% 2px }
  .join1-tabs a ~ a { margin-left: 20px; }
  .join1-tabs a:not(.is-active) { color: #aaa; background-position: -100% 100%; }
 .js .join1-tab { margin-bottom: 0; }
 .js .join1-tab:not(.is-active) { display: none; }
 .join1-fields { }
  .join1-fields p { margin-bottom: 20px; }
  .join1-fields .-short { width: 50%; }
  .join1-fields .button1 { display: block; width: 100%; }
   .join1-fields label:first-child { display: none; }

/* laurels */

.laurels1 { margin-bottom: var(--s2); text-align: center; }
 .laurels1-items { position: relative; }
 .ie .laurels1-items { width: 100%; }
  .laurels1-items:before { position: absolute; right: 100%; top: 50%; content: ''; width: 1000px; height: 3px; margin-top: calc(var(--row-gap, var(--gap)) / 2); background: currentColor; color: var(--color-accent1); }
  .laurels1-items li { /*max-width: 20%;*/ }
   .laurels1-items span { display: block; }
    .laurels1-items img { display: block; }

@media screen and (max-width: 1023px) {
.laurels1-items:before { display: none; }
}
@media screen and (max-width: 719px) {
.laurels1-items { -webkit-box-pack: center; justify-content: center; }
.laurels1-items li { max-width: 33.33%; }
}
@media screen and (max-width: 599px) {
.laurels1-items { --gap: 20px; }
}
@media screen and (max-width: 479px) {
.laurels1-items li { max-width: 49.99%; }
}

/* dashed list */

.list1 { }
 .list1 li { margin-bottom: 20px; }
  ul.list1 li:before { content: ''; width: 40px; height: 3px; margin: 11px 0 0 -80px; background: currentColor; }

@media screen and (max-width: 599px) {
.list1 li { margin-bottom: 15px; }
 ul.list1 li:before { width: 20px; margin: 9px 0 0 -40px; }
}

/* lity styling  */

[data-lity] { outline: none; }
body .lity { background: rgba(0,0,0,0.8); }
 body .lity-content:after { background: none; box-shadow: none; }
  body .lity-close[class] { overflow: hidden; top: auto; right: auto; left: 50%; bottom: 20px; width: 2em; height: 2em; min-width: 0; min-height: 0; margin: 0 0 0 -1em; padding: 0; border-radius: 50%; background: #fff; color: #292851; font: 20px/2 Icons !important; text-align: center; text-indent: 321%; white-space: nowrap; text-shadow: none !important; }
  body .lity-close[class]:hover { background-color: var(--color-accent1); }
   body .lity-close:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e903'; text-indent: 0; }
 body .lity .lity-container { max-width: 1200px; }

/* loading spinner */

.loader1 { display: block; position: absolute; left: 50%; top: 50%; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border: 2px solid #444; border-color: #ccc #ccc #777 #777; border-radius: 50%; font-size: 32px; -webkit-animation: loader1 1s infinite linear; animation: loader1 1s infinite linear; transition: opacity 0.35s; pointer-events: none; }
.lazyloaded ~ .loader1, .is-loaded ~ .loader1, .loader1.is-loaded, html:not(.js) .loader1 { opacity: 0; -webkit-animation-play-state: 10; animation-iteration-count: 10; }

@media screen and (max-width: 599px) {
.loader1 { font-size: 24px; }
}

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

/* logos */

.logos1 {  }
 .logos1 [grid] { --gap: 80px; --row-gap: 40px; --column: 16.66%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
  .ie .logos1 [grid] > * { width: 16.66%; }
 .logos1.-large [grid] { --column: 24.99%; }
  .logos1 a { display: block; }
   .logos1 span,
    .logos1 img { display: block; margin: 0 auto; }

@media screen and (max-width: 1149px) {
.logos1 [grid] { --gap: 40px; --row-gap: 20px; }
}
@media screen and (max-width: 1023px) {
.logos1 [grid] { --gap: 30px; --column: 19.99% }
}
@media screen and (max-width: 719px) {
.logos1 [grid] { --gap: 30px; --column: 24.99% }
.logos1.-large [grid] { --column: 33.33%; }
}
@media screen and (max-width: 599px) {
.logos1 [grid] { --gap: 20px; --column: 49.99% }
.logos1.-large [grid] { --column: 49.99%; }
}

/* longer quote */

.longquote1 { font-size: 24px; line-height: 1.33; }
 .longquote1 cite { font: inherit; text-transform: none; }

@media screen and (max-width: 599px) {
.longquote1 { font-size: 18px; }
}

/* mailchimp styling */

.mailchimp1 { }
 .mailchimp1 .indicates-required { margin: -15px 0 15px; font-size: 12px; text-align: right; }
 .mailchimp1 .mc-field-group { margin-bottom: 15px; }
 .sidebar1 .mailchimp1 input[type=submit] { display: block; width: 100%; }

/* more button */

.more1 { display: inline-block; position: relative; background-size: 202% 3px; color: var(--color-accent1); }
.more1.is-loading { background-size: 202% 0px; color: transparent; pointer-events: none; }
 .more1 span { display: block; font-size: 13px; font-weight: 900; text-transform: uppercase; }
  .more1 span:before { display: block; content: '\e910'; margin: 0; padding: 0 0 5px; font: 30px/1 Icons; text-align: center; transition-property: transform; }
  .more1:hover span:before { -webkit-transform: translateY(3px); transform: translateY(3px); }
 .more1:not(.is-loading) .loader1 { opacity: 0; }

/* names list */

.names1 { padding: 0; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 60px; -webkit-column-gap: 60px; column-gap: 55px;}
 .names1 li { margin-bottom: 15px; line-height: 1.4rem; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;  }
  .names1 li:before { display: none; }

@media screen and (max-width: 1023px) {
.names1 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media screen and (max-width: 719px) {
.names1 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 479px) {
.names1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

/* main nav */

.nav1 { -webkit-box-flex: 1; flex-grow: 1; position: relative; z-index: 101; }
 .nav1-overlay { display: none; }
 .nav1 ul { padding: 0; }
  .nav1 li { margin: 0; font-size: 13px; font-weight: 900; text-transform: uppercase; }
  .nav1 li ~ li { margin-left: 40px; }
  .nav1 li:not(.-side) + .-side { margin-left: auto; }
   .nav1 li:before { display: none; }
   .nav1 li a { display: block; padding: 2px 0; background-size: 202% 3px; }
   .nav1 li.-main a { background-position: 101% 100%; background-repeat: no-repeat; }
   .nav1 li:last-child a { color: var(--color-accent1); }
   .nav1 li.-main a:hover, .nav1 li.-main.is-active > a { background-position: 0 100%; }
   .nav1 li em { position: absolute; left: -10001px; top: -10001px; }

@media screen and (max-width: 1279px) {
.nav1 { position: absolute; left: -999em; top: 0; z-index: 99; width: 0; height: 100vh; padding: var(--top) 0; background: var(--color-accent2); opacity: 0; transition: opacity 0.5s, width 0s 0.5s; }
.nav1 { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.is-nav-active .nav1 { width: 100%; left: 0; opacity: 1; transition-delay: 0s; /*z-index: 101;*/}
 .nav1-overlay { display: block; position: absolute; left: 0; right: 0; top: 100%; height: 99999px; background: rgba(0,0,0,0.8); }
 .nav1 ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; }
 .nav1 ul { max-height: 400px; margin: auto !important; text-align: center; }
  .nav1 li { margin: auto 0 !important; }
  .nav1 li ~ li { margin-left: 0; }
  .nav1 li:not(.-side) + .-side { margin-left: 0; }
   .nav1 li a { display: inline-block; }
}

/* categories */

.nav2 { }
 .nav2 li { font-size: 22px; line-height: 1.3; font-weight: 900; }
  .nav2 li a { display: block; padding: 0; background-size: 202% 3px; }
  .nav2 li.is-active a { pointer-events: none; }
  .nav2 li:not(.is-active) a { background-position: 99% 100%; opacity: 0.5; }
  .nav2 li:not(.is-active) a:hover { opacity: 0.8; }

@media screen and (max-width: 719px) {
.nav2 [grid] { --gap: 20px; }
 .nav2 li { font-size: 22px; }
}
@media screen and (max-width: 599px) {
.nav2 [grid] { --gap: 20px; --row-gap: 6px; }
}

/* press */

.press1 { }
 .press1-title { position: relative; z-index: 1; max-width: 780px; }
 .press1-image { position: fixed; right: 0; top: var(--top); width: 980px; opacity: 0.7; }
 .press1-wrap { position: relative; z-index: 1; max-width: 480px; }
  .press1-wrap article:first-child { border: none; }
 .press1-taxonomy { display: inline-block; position: relative; padding-bottom: 20px; }
 .press1-taxonomy:after { position: absolute; background-color: #fff; height: 1px; left: 0; right: 0; bottom: 0;width: 100%; display: table; clear: both; content: ''; }

@media screen and (max-width: 1023px) {
.press1-image { left: 50%; right: auto; }
}
@media screen and (max-width: 719px) {
.press1-image { display: none; }
.press1-wrap { max-width: 100%; }
}

/* press dropdown */

.press2 { }
 .press2-grid { --gap: 100px; --row-gap: 0px; }
  .press2-grid .teaser2 { width: 50%; width: calc(50% - 50px); margin: -1px 0 0; }
  .press2-grid .teaser2 + .teaser2 { margin-top: -1px; }

@media screen and (max-width: 1149px) {
.press2-grid .teaser2 { width: calc(50% - 20px); }
}
@media screen and (max-width: 1023px) {
.press2-grid .teaser2 { width: 100%; }
}

/* blockquote variation */

.quotemark1 { }
 .quotemark1 > * { padding-left: 0.75em; }
  .quotemark1 > p:first-child > span:first-child { float: left; margin-left: -0.75em; }

/* quotes rotator */

.quotes1 { }
 .quotes1:after { display: table; clear: both; content: ''; }
 .quotes1 blockquote { float: left; width: 100%; margin: 0 -100% 0 0; padding: 0; background: none; transition: opacity 1.25s; }
 .quotes1 blockquote.is-active { transition-delay: 0.75s; }
 .js .quotes1 blockquote:not(.is-active) { opacity: 0; pointer-events: none; }
 .js .quotes1 blockquote:first-child:last-child { opacity: 1; pointer-events: auto; }

.-invert .quotes1 blockquote { color: #fff; color: var(--color-accent1); }
 .-invert .quotes1 cite small { color: #fff; }

.quotes2 { overflow: hidden;  }
.quotes2 blockquote { margin-top: 0; overflow: hidden !important; width: 100%;}
.quotes2 .quotemark1 > * { padding-left: 1.25em; }

/* sidebar */

.sidebar1 { position: fixed; right: 0; top: 0; bottom: 0; z-index: 131; width: 360px; margin: 0; background: #fff; transition-property: transform; }
.sidebar1:not(.is-active) { -webkit-transform: translateX(101%); transform: translateX(101%); }
 .sidebar1-close { height: 0; margin: 0; }
  .sidebar1-close i { position: absolute; right: 0; top: 0; z-index: 112; padding: 20px; }
  .sidebar1-close span { position: absolute; right: 100%; top: 0; bottom: 0; width: 0; background: #000; opacity: 0; transition: opacity 0.35s, width 0s 0.35s; }
  .sidebar1.is-active .sidebar1-close span { width: 100vw; opacity: 0.8; transition-delay: 0s; }
 .sidebar1-outer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .sidebar1-inner { padding: 60px 40px 40px; }

@media screen and (max-height: 849px) {
.sidebar1 { width: 450px; }
 .sidebar1-inner { padding-top: 30px; }
}
@media screen and (max-width: 479px) {
.sidebar1 { width: 100%; }
 .sidebar1-inner { padding-left: var(--sx); padding-right: var(--sx); }
}

/* skip links */

.skips1 { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
 .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips1 li:before { display: none;  }
  .skips1 li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; }

/* slick defaults */

.slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; }
 .slick-slide * { outline: none; }
.slick-arrow { position: absolute; left: 0; top: 50%; z-index: 10; width: 1.67em; min-width: 0; height: 1.67em; margin: -0.835em 0 0; min-height: 0; padding: 0; border: none; border-radius: 0; background: #111; color: #fff; font: 20px/1.66 Icons; text-align: center; text-indent: -10001px; }
.slick-next { left: auto; right: 0; }
 .slick-arrow:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e903'; text-indent: 0; }
 .slick-next:before { content: '\e904'; }
.slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; }
.slick-dots { position: absolute; left: 0; bottom: 30px; right: 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; }
  .slick-dots li:before { display: none; }
  .slick-dots button { overflow: hidden; width: 10px; min-width: 0; min-height: 0; height: 10px; padding: 0; border: 1px solid !important; border-radius: 50%; background: currentColor; color: #ccc; font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; }
  .slick-dots button:hover { background: currentColor; color: #73add3; }
  .slick-dots .slick-active button { color: #73add3; }

/* socials */

.socials1 { --size: 20px; line-height: 20px; line-height: var(--size); }
 .socials1-label { display: inline-block; margin-bottom: 0; margin-right: 10px; font-size: 15px; vertical-align: top; }
 .socials1-items { --gap: 20px; vertical-align: top; }
  .socials1-items li { font-size: 20px; font-size: var(--size); line-height: inherit; }
   .socials1-items a { display: block; }
    .socials1-items i { vertical-align: top; }

/* splash intro */

.splash1 { position: relative; overflow: hidden; margin: 0; --subtract: 305px; }
.home .splash1 { --subtract: 265px; }
 .splash1-main { margin: 0 -500px; }
  .splash1-main .carousel1 video { height: 67.5vh; height: calc(100vh - 305px); height: calc(100vh - var(--subtract)); }
 .splash1-footer { position: relative; max-width: 100%; z-index: 2; margin: 0 auto; text-align: center; }
  .splash1-footerwrap { position: relative; max-width: 980px; max-width: calc((100vh - var(--subtract)) * 1.77); margin: 0 auto; }
  .splash1-footer .socials1 { position: absolute; left: 0; top: 0; }
  .splash1-link { position: absolute; left: 120px; top: 2px; margin: 0; }
  .splash1-watch { position: absolute; right: 0; top: 0; }
   .splash1-watch a { display: inline-block; position: relative; line-height: 20px; vertical-align: top; }
    .splash1-watch i { position: absolute; left: -20px; top: 0; line-height: inherit; transition-property: transform; }
    .splash1-watch a:hover i { -webkit-transform: translateX(3px); transform: translateX(3px); }
  .splash1-info { display: inline-block; margin: -35px 0 0; vertical-align: top; }
   .splash1-action { margin-bottom: 10px; }
    .splash1-action .button2 { min-width: 320px; }
   .splash1-side { --side: 80px; position: absolute; left: 50%; bottom: 100%; width: 230px; margin: 0 0 80px calc(50vw - 230px - 80px); margin-left: calc(50vw - 230px - var(--side)); text-align: right; }
   .splash1-date { margin-bottom: 10px; color: var(--color-accent1); }
   .splash1-date[class] { line-height: 40px; }
    .splash1-date i { font-size: 0.75em; line-height: inherit; vertical-align: top; }
    .splash1-date small { font: inherit; }
   .splash1-nonus { margin-bottom: 0; font-size: 15px; font-weight: 600; line-height: 20px; }
    .splash1-nonus span { opacity: 0.65; }
   .splash1-join { display: none; margin-top: 20px; font-size: 13px; font-weight: 900; text-transform: uppercase; }
    .splash1-join a { padding: 0 0 5px; background-size: 200% 3px; }

@media screen and (max-height: 799px) {
.splash1-footerwrap { max-width: 100%; }
 .splash1-side { --side: var(--sx); }
}
@media screen and (max-width: 1023px) {
.splash1 { padding-bottom: 20px; }
.splash1 .loader1 { top: 31vh; }
  .splash1-main .carousel1 video { height: 43vh; }
 .splash1-footer { margin-top: -40px; }
  .splash1 .socials1 { display: none; }
  .splash1-watch { position: relative; right: auto; top: auto; margin-bottom: 20px; padding-left: 0; }
  .splash1-info { margin-top: 0; }
   .splash1-side { --side: 0; position: relative; left: auto; bottom: auto; width: auto; max-width: 320px; margin: 20px auto; text-align: left; }
  .splash1-link { position: relative; left: auto; top: auto; margin-top: 20px; }
  .splash1-join { display: block; }
}
@media screen and (max-width: 719px) {
.splash1-main .carousel1 video { height: 70vh; }
}
@media screen and (max-width: 599px) {
.splash1-action .button2 { min-width: 280px; }
.splash1-date i { display: block; font-size: 2em; line-height: 1.2; }
 .splash1-date i + small { display: none; }
.splash1-nonus span { display: block; }
}
@media screen and (max-width: 479px) {
.splash1-main { height: 50vh; }
 .splash1-main .carousel1 video { height: 50vh; }
.splash1-footer { margin-top: 40px; }
}
@media screen and (max-width: 359px) {
.splash1-action .button2 { padding-left: 10px; padding-right: 10px; }
}

/* splash page */

.splash-only { background: #000; }
.splash-only .footer1-wrap { max-width: 100%; }

.js .splash:not(.is-splash-ready) .top1-logo,
.js .splash:not(.is-splash-ready) .top1-toggler,
.js .splash:not(.is-splash-ready) .top1 .nav1-items,
.js .splash:not(.is-splash-ready) .splash1-main,
.js .splash:not(.is-splash-ready) .splash1-footer,
.js .splash:not(.is-splash-ready) .home1-contain,
.js .splash:not(.is-splash-ready) .footer1 { opacity: 0; }

.js .splash .top1-logo,
.js .splash .top1-toggler,
.js .splash .top1 .nav1-items,
.js .splash .splash1-main,
.js .splash .splash1-footer,
.js .splash .home1-contain,
.js .splash .footer1 { transition: opacity 2s; }

.js .splash .top1-toggler { transition-delay: 0.25s; }
.js .splash .top1 .nav1-items { transition-delay: 0.25s; }
.js .splash .splash1-main { transition-delay: 0.50s; }
.js .splash .splash1-footer { transition-delay: 1.25s; }
.js .splash .home1-contain { transition-delay: 1.50s; }
.js .splash .footer1 { transition-delay: 1.50s; }

/* steps */

.steps1 { padding: 0; }
 .steps1 li { display: -webkit-box; display: flex; position: relative; margin-bottom: 15px; padding-left: 35px; line-height: ; }
  .steps1 li:before { position: absolute; left: 0; top: 0; margin: 0; color: var(--color-accent1); font-size: 1.866666667em; }
  .steps1 li i { -webkit-box-flex: 0; flex: none; width: 70px; margin: -5px 0 0; color: var(--color-accent1); font-size: 2.75em; text-align: center; }
  .steps1 li span { padding: 5px 0 0 10px; }

/* resources stream */

.stream1 { }
 .stream1-entries { --gap: 80px; --column: 33.33%; }
  .ie .stream1-entries > * { width: 33.33%; }
 .stream1-more { text-align: center; }

@media screen and (max-width: 1149px) {
.stream1-entries { --gap: 40px; }
}
@media screen and (max-width: 1023px) {
.stream1-entries { --column: 49.99%; }
}
@media screen and (max-width: 599px) {
.stream1-entries { --gap: 30px; --column: 100%; }
}

/* press stream */

.stream2 { }
 .stream2-entries { margin-bottom: 20px; }

/* page styling */

.styling1 { }
 .styling1 > * { max-width: 880px; max-width: var(--xw2); }
 .styling1 > .figure1 { position: relative; z-index: 2; max-width: none; }
 .styling1 > .figure1 + blockquote { margin-top: calc(0px - var(--s3) - var(--s1)); }
 .styling1 > blockquote { position: relative; max-width: 100%; }
  .styling1 > blockquote:before { position: absolute; left: 100%; top: 0; bottom: 0; content: ''; width: calc(50vw - 50%); background: inherit; }
  .styling1 > blockquote p { max-width: 850px; }
 .styling1 > table,
 .styling1 > .table1 { max-width: none; }
 .styling1 > h2:not([class*="-ts:"]):not(:first-child), .styling1 > .-ts\:2:not(:first-child),
 .styling1 > h3:not([class*="-ts:"]):not(:first-child), .styling1 > .-ts\:3:not(:first-child) { margin-top: 40px; margin-top: var(--s3); }
 .styling1 > h4:not([class*="-ts:"]):not(:first-child), .styling1 > .-ts\:4:not(:first-child) { margin-top: 40px; margin-top: var(--s2); }

.styling1 > blockquote.quote2 { background: transparent; font-size: 26px; padding: var(--s1) 0; margin: var(--s1) 0; border: 1px solid rgba(0,0,0,0.2); border-width: 1px 0; max-width: var(--xw2); }

@media screen and (max-width: 1023px) {
.styling1 > .figure1 + blockquote { margin-top: 0; }
}
@media screen and (max-width: 719px) {
.styling1 > blockquote { max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 30px var(--sx); }
.styling1 > blockquote:before { display: none; }
}

/* resources page styling */

.styling2 { }
 .styling2 > .wrap1-contain { padding-bottom: 0; }
  .styling2 blockquote { position: relative; z-index: 2; max-width: 100%; }
   .styling2 blockquote:before { position: absolute; left: 100%; top: 0; bottom: 0; content: ''; width: calc(50vw - 50%); background: inherit; }
   .styling2 blockquote p { max-width: 850px; }
.styling2 + .wrap1 { position: relative; margin-top: -110px; padding-top: 110px; background: #fff; }

@media screen and (max-width: 599px) {
.styling2 + .wrap1 { position: relative; margin-top: -70px; padding-top: 80px; background: #fff; }
}

/* supporters layout */

.supporters1 { position: relative; overflow: hidden; margin: 0; padding-bottom: 200px; }
 .supporters1-contain { position: relative; }
  .supporters1-contain:before { position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: 67%; content: ''; background: #000; }
  .supporters1-contain:after { position: absolute; top: 320px; left: -80px; right: -80px; bottom: -100px; z-index: 1; content: ''; border: 3px solid #fff; border-color: var(--color-accent1); pointer-events: none; }
  .supporters1-title { position: absolute; left: 0; top: 0; max-width: 600px; z-index: 3; margin-bottom: 200px; padding-top: 40px; padding-top: var(--s1); color: #fff; }
  .supporters1-image1 { position: relative; z-index: 2; margin: 0 calc(50% - 50vw) 80px 33%; margin-bottom: var(--s3); }
   .supporters1-image1 > span { display: block; max-width: 980px; }
  .supporters1-entries1 { position: absolute; left: 0; top: 420px; z-index: 3; max-width: 650px; }
   .supporters1-entries1 blockquote { color: #fff; color: var(--color-accent1); }
    .supporters1-entries1 cite small { color: #fff; }
  .supporters1-bottom { position: relative; z-index: 2; min-height: 300px; padding-left: calc(42.5% + 80px); padding-left: calc(42.5% + var(--s3)) }
   .supporters1-image2 { position: absolute; left: 0; top: 0; width: 42.5%; }
   .supporters1-entries2 { padding-top: 30px; }

@media screen and (max-width: 1149px) {
.supporters1-image1 { margin-right: -400px; }
}
@media screen and (max-width: 1023px) {
.supporters1-title { max-width: 500px; }
}
@media screen and (max-width: 719px) {
.supporters1 { margin-bottom: var(--s3); padding-bottom: 0; padding-top: var(--s2); }
 .supporters1-contain:before { display: none; }
 .supporters1-contain:after { display: none; }
 .supporters1-title { position: relative; left: auto; top: auto; max-width: 100%; margin-bottom: 40px; margin-bottom: var(--s2); padding-top: 0; color: inherit; }
 .supporters1-image1 { margin: 0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-bottom: var(--s1); }
  .supporters1-image1 > span { max-width: 100%; }
 .supporters1-entries1 { position: relative; left: auto; top: auto; max-width: 100%; }
  .supporters1-entries1 blockquote { color: inherit; }
   .supporters1-entries1 cite small { color: inherit; }
 .supporters1-bottom { min-height: 0; padding-left: 0; }
  .supporters1-image2 { position: relative; left: auto; top: auto; width: auto; margin-bottom: var(--s1); }
  .supporters1-entries2 { padding-top: 0; }
}

/* responsive tables */

.table1 { margin: 40px 0; margin: var(--s3) 0; }
.table1:first-child { margin-top: 0; }

@media screen and (max-width: 719px) {

.table1.-scroll { position: relative; margin-right: -20px; margin-left: -20px; margin-left: calc(var(--sx) * -1); margin-right: calc(var(--sx) * -1); }
 .table1.-scroll:after { position: absolute; right: 20px; bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../images/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; }
 .table1.-scroll:after { -webkit-animation: swipeleft 2s infinite; animation: swipeleft 2s infinite; }
 .table1.-scroll > .wrap { overflow: auto; overflow-y: hidden; padding: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table1.-scroll table { min-width: 680px; }
   .table1.-scroll table th:first-child, .table1.-scroll table td:first-child { padding-left: var(--sx); }
   .table1.-scroll table th:last-child, .table1.-scroll table td:last-child { padding-right: var(--sx); }

.table1.-fold { }
 .table1.-fold table { display: block; width: auto; margin: 0; }
  .table1.-fold table thead { display: none; }
  .table1.-fold table tbody { display: block; }
  .table1.-fold table tr { display: block; width: 100%; margin: 0; padding: 15px 0; border: 1px solid; border-width: 1px 0; }
  .table1.-fold table tr + tr { border-top-width: 0; }
   .table1.-fold table th, .table1.-fold table td { display: block; margin-bottom: 3px; margin-top: 3px; padding: 0; border: none !important; }
   .table1.-fold table [data-th]:before { display: block; content: attr(data-th) ':'; margin: 10px 0 0; font-size: 10px; font-weight: bold; text-transform: uppercase; }

@-webkit-keyframes swipeleft { 0% { opacity: 0; -webkit-transform: translate3d(0,0,0); } 60% { -webkit-transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: translate3d(-20px,0,0); } }
@keyframes swipeleft { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } }
}

/* resource teaser */

.teaser1 { }
 .teaser1-link { display: block; position: relative; background: none; transition-property: box-shadow, transform; transition-duration: 0.4s; }
 .teaser1-link:hover { box-shadow: 10px 10px var(--color-accent1); -webkit-transform: translate(-10px,-10px); transform: translate(-10px,-10px); }
  .teaser1-link img { opacity: .65 !important; }
   .teaser1-link:hover img { opacity: 1 !important; }
  .teaser1-image { margin-bottom: 0; }
  .teaser1-details { position: absolute; left: 0; bottom: 0; right: 0; overflow: hidden; padding: 40px; padding: var(--s1); padding-top: var(--pull); font-size: 15px; line-height: 1.4; }
   .teaser1-inner { position: relative; transition-property: transform; }
    .teaser1-title { margin-bottom: 0; line-height: 1.3; }
    .teaser1-excerpt { padding-top: 10px; }

@supports(--css: variables) {
.teaser1-details { --pull: 100px; padding-top: var(--pull); }
 .teaser1-link:hover .teaser1-inner { -webkit-transform: translateY(calc(var(--pull) * -1)); transform: translateY(calc(var(--pull) * -1)); }
  .teaser1-excerpt { position: absolute; left: 0; right: 0; top: 100%; opacity: 0; transition-property: opacity; }
  .teaser1-link:hover .teaser1-excerpt { opacity: 1; }
 /* edge goes into endless restart of transition */
 .edge .teaser1-link .teaser1-inner { -webkit-transform: none; transform: none; }
 .edge .teaser1-excerpt { position: relative; left: auto; right: auto; top: auto; opacity: 1; }
}

@media screen and (max-width: 1149px) {
.teaser1-details { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; }
}

/* press teaser */

.teaser2 { margin-bottom: 20px; border: 1px solid; border-width: 1px 0; }
.teaser2 + .teaser2 { margin-top: -21px; }
 .teaser2-outer { display: block; padding: 20px 0; background: none; }
  .teaser2-title { margin-bottom: 5px; }
  .teaser2-source { font-size: 15px; }

/* custom tick boxes */

.tick1 { position: absolute; left: -10001px; }
.tick1 + label { display: inline-block; padding-left: 40px; vertical-align: top; }
 .tick1 + label:before { float: left; content: ''; width: 20px; height: 20px; margin: 3px 10px 0 -40px; border: 1px solid; border-color: var(--color-field1); background: #fff; background-clip: content-box; color: #333; font: 14px/18px Icons; vertical-align: top; text-align: center; }
 .tick1[type=radio] + label:before { border-radius: 50%; }
 .tick1[type=checkbox]:checked + label:before { content: '\e913'; }
 .tick1[type=radio]:checked + label:before { padding: 5px; background-color: currentColor; box-shadow: inset 0 0 0 5px #fff; }

@media screen and (max-width: 719px) {
.tick1 + label:before { margin-top: 1px; }
}

/* timetable */

.timetable1 { }
 .timetable1 .table1 { margin: 20px 0; }
 .timetable1-action { margin-top: 30px; }
  .timetable1-action .button2 { display: block; width: 100%; }

/* global header */

.top1 { margin-bottom: 0; height: 130px; height: var(--top); }
 .top1-wrap { width: 100%; max-width: 100%; height: inherit; }
  .top1-logo { -webkit-box-flex: 1; flex-grow: 1; position: relative; z-index: 121; margin: 0; font-size: 20px; line-height: 1; }
  .is-dropdown-active .top1-logo a:before, .is-nav-active .top1-logo a:before { color: #000; }
  .is-dropdown-active .top1-logo a:after, .is-nav-active .top1-logo a:after { color: #fff; }
  .top1.-center .top1-logo { text-align: center; }
   .top1-logo a { display: block; min-width: 280px; }
    .top1-logo img { display: block; }
  .top1-toggler { display: none; position: absolute; right: var(--sx); top: calc(var(--top) / 2); z-index: 122; margin: -15px -5px 0 0; font-size: 22px; text-align: center; }
   .top1-toggler a { display: block; width: 30px; line-height: 30px; background: none; text-decoration: none; }
    .is-nav-active .top1-toggler a:before { content: '\e903'; color: #000; transition: none; }

.top1.-center .nav1 { position: absolute; right: var(--sx); top: calc(var(--top) / 2); z-index: 122; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
 .top1.-center .nav1 li.-main { display: none; }
 .top1.-logo-only .nav1 li.-side { display: none; }
 .top1.-join-only .nav1 li.-help { display: none; }
  .top1.-join-only .nav1 li.-join a { color: var(--color-accent1); }

@media screen and (max-width: 1279px) {
.top1-toggler { display: block; }
.top1.-logo-only .top1-toggler,
.top1.-join-only .top1-toggler { display: none; }
.is-dropdown-active .top1-logo { pointer-events: none; }
 .is-dropdown-active .top1-logo a { opacity: 0; }
}
@media screen and (min-width: 1024px) {
.top1.-logo-only .top1-logo,
.top1.-join-only .top1-logo { font-size: 26px; }
}
@media screen and (max-width: 599px) {
.top1-logo { font-size: 18px; }
.top1.-logo-only .top1-logo,
.top1.-join-only .top1-logo { font-size: 20px; }
}
@media screen and (max-width: 359px) {
.top1-logo { font-size: 16px; }
}

/* generic wrapper */

.wrap1 { margin-bottom: 0; }


/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, .button2, .buttom3, .button3 [type="submit"], [type="button"], [type="reset"] { display: inline-block; height: auto; padding: 15px 30px; border: none; border-radius: 0; background: linear-gradient(to left, #ffe900 50%, #000 50%) 100% 0 no-repeat; background-size: 210% 100%; color: #000; font: inherit; font-size: 15px; font-weight: 900; text-transform: uppercase; line-height: 20px; text-align: center; text-decoration: none !important; outline: none; transition-property: border, background, color, box-shadow, opacity; transition-duration: 0.5s; }
.button1:hover, .button2:hover, a:hover .button1, a:hover .button2, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { background-position: 0 0; color: #fff; }
.button1.-long, .button2.-long { min-width: 280px; }

.button2 { padding: 12px 27px; border: 3px solid; border-color: var(--color-accent1); background-image: linear-gradient(to left, transparent 50%, #ffe900 50%); color: #ffe900; }
.button2:hover, a:hover .button2 { color: #000; }
.button2.-tiny { padding: 5px 7px; font-size: 13px; line-height: 14px; }

.button3 { padding: 3px 0; background-size: 202% 3px; color: var(--color-accent1); font-size: 13px; font-weight: 900; text-transform: uppercase; }

.-yellow-white { background-image: linear-gradient(to left, #ffe900 50%, #fff 50%); color: #000; }
.-yellow-white:hover, a:hover .-yellow-white { color: #000; }
.-black-white { background-image: linear-gradient(to left, #000 50%, #fff 50%); color: #fff; }
.-black-white:hover, a:hover .-black-white { color: #000; }
.-ghost-black { border-color: #000; background-image: linear-gradient(to left, transparent 50%, #000 50%); color: #000; }
.-ghost-black:hover, a:hover .-ghost-black { color: #fff; }

/*   _____ ______  ______  __   _ _______
 *     |   |       |     | | \  | |______
 *   __|__ |_____  |_____| |  \_| ______|
*/

[class^="icon-"],[class*=" icon-"] { display: inline-block; font-family: 'Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
[class^="icon-"] i, [class*=" icon-"] i { font: inherit; }
[class^="icon-"] > span, [class*=" icon-"] > span { display: none; }

.icon-menu:before { content: "\e912"; }
.icon-menu-large:before { content: "\e911"; }
.icon-play:before { content: "\e900"; }
.icon-twitter:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-instagram:before { content: "\e914"; }
.icon-close:before { content: "\e903"; }
.icon-pin:before { content: "\e904"; color: rgb(0, 0, 0); }
.icon-pin:after { content: "\e905"; margin-left: -0.6513671875em; color: #ffe900; color: var(--color-accent1); }
.icon-step1:before { content: "\e906"; }
.icon-step2:before { content: "\e907"; }
.icon-step3:before { content: "\e908"; }
.icon-step4:before { content: "\e909"; }
.icon-step5:before { content: "\e90a"; }
.icon-logo:before { content: "\e90b"; }
.icon-logo:after { content: "\e90c"; margin-left: -13.845703125em; color: #008995; color: var(--color-accent2); }
.icon-conversation:before { content: "\e90d"; }
.icon-hbo:before { content: "\e90e"; }
.icon-sundance:before { content: "\e90f"; }
.icon-down:before { content: "\e910"; }
.icon-check:before { content: "\e913"; }

/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

*, *:before, *:after { margin: 0; padding: 0; color: inherit; transition: none 0.35s; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, ul, ol, dl, dd, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin-bottom: 1.5rem; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root1), body > :not(.root1) div, body > :not(.root1) form { margin-bottom: 0; }

/* forms */

label { cursor: pointer; vertical-align: middle; }
label:first-child { display: block; margin: 0 0 5px; }
 label em { color: #f00; font-style: inherit; }
input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 50px; padding: 14px 19px; border: 1px solid; border-color: var(--color-field1); border-radius: 0; background: #fff; vertical-align: top; font: inherit; font-size: 16px; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; outline: none; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input::-ms-clear { display: none; }
textarea { overflow: auto; height: auto; resize: vertical; }
textarea.autoresize { min-height: 50px; max-height: 200px; }
select { padding: 13px 35px 13px 18px; background: #fff url(../images/select1.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
select::-ms-expand { display: none; }
.firefox select { padding-left: 13px; }
button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
button[disabled], input[disabled] { cursor: default; }

::-webkit-input-placeholder { color: inherit; font-style: normal; opacity: 0.5; }
:-ms-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
::-moz-placeholder { color: inherit; font-style: normal; opacity: 0.5; }
select:invalid, select.is-placeholder { color: #aaa; }

[required].is-invalid:not(:focus), [required].is-invalid + label, [required].is-invalid + label:before { border-color: currentColor; color: #ea0000; color: var(--color-error1); }
[required].is-invalid:not(:focus) { outline: 1px solid; }
.error-message { display: none; margin-top: 5px; color: #ea0000; color: var(--color-error1); }
[required].is-invalid:not(:focus) ~ .error-message, [required].is-invalid + label .error-message { display: block; margin-top: 10px; font-size: 13px; }

/* tables */

table { display: table; width: 100%; margin: 40px 0; margin: var(--s3) 0; border-collapse: collapse; border-spacing: 0; }
table:first-child { margin-top: 0; }
 table th, table td { padding: 14px 14px 14px 0; border: 1px solid #000; border-width: 1px 0; border-color: var(--color-default); text-align: left; }
 table thead th { padding-top: 0; border-width: 0; border-bottom-width: 3px; font-size: 0.86rem; font-weight: 900; text-transform: uppercase; }

/* lists */

ul, ol, dd { padding-left: 80px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { margin-bottom: 10px; counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -50px; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -50px; }

dt { margin-bottom: 5px; font-weight: bold; }
dd { padding-left: 0; }

@media screen and (max-width: 599px) {
ul, ol { padding-left: 40px; }
 ol li:before { margin-left: -35px; }
 ul li:before { margin-left: -30px; }

dd { padding-left: 0; }
}

/* links */

a { background: linear-gradient(to right, currentColor 50%, transparent 50%) 0 100% repeat-x; background-size: 202% 1px; text-decoration: none; transition-duration: 0.65s; }
a, a:before, a:after, label, button, input[type=submit] { transition-property: border, background, color, box-shadow, opacity; }
a:hover { background-position: -198% 100%; }
 a span { cursor: pointer; }

/* images */

figure { }
 img { max-width: 100%; border-width: 0; box-sizing: content-box; }
 figure img { display: inline-block; vertical-align: top; }
 figcaption { margin-top: 10px; }

.alignright { float: right; margin-left: 1.5rem; }
.alignleft { float: left; margin-right: 1.5rem; }
 .alignright img, .alignleft img { display: block; max-width: none; }
img.alignnone { height: auto; }

/* other */

blockquote { margin: 40px 0; margin: var(--s1) 0; padding: 80px; padding: var(--s3); background: var(--color-accent1); color: var(--color-black); }
blockquote:first-child { margin-top: 0; }
 cite { display: block; margin-top: 15px; font: inherit; }
  cite small { display: block; margin-top: 5px; font-size: 1rem; font-weight: normal; text-transform: none; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 20px 0; border: none; border: none; border-top: 1px solid; background: none; color: var(--color-default); font-size: 0; opacity: 0.2; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }
b, strong { font-weight: bolder; }
mark { padding: 0 2px; background-color: #f3f3f3; }

@media screen and (max-width: 1023px) {
blockquote { padding: calc(var(--sx) * 1.5) var(--sx); }
}
@media screen and (max-width: 599px) {
blockquote { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
}

/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

/* text styling */

html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-ts:"] { font: 18px/1.55 Libre Franklin,Helvetica Neue,Helvetica,Arial,sans-serif; font-family: var(--font-family1); letter-spacing: 0; text-transform: none; }
h1, .-ts\:1 { font-size: 80px; line-height: 0.81; font-weight: 900; text-transform: uppercase; }
h2, .-ts\:2 { font-size: 36px; line-height: 1.06; font-weight: 900; text-transform: uppercase; }
h3, .-ts\:3 { font-size: 26px; line-height: 1.08; font-weight: 900; }
h4, .-ts\:4 { margin-bottom: 0.75em; font-size: 15px; line-height: 1.20; font-weight: 900; text-transform: uppercase; }
h5, .-ts\:5 { font-size: 15px; line-height: 1.20; font-weight: 900; }
h6, .-ts\:6 { font-size: 12px; line-height: 1.25; font-weight: 900; text-transform: uppercase; }
blockquote, .-ts\:7 { font-size: 35px; font-weight: 900; line-height: 1.2; }
cite, .-ts\:8 { font-size: 20px; line-height: 1.25; font-weight: 900; text-transform: uppercase; }
figcaption, .-ts\:9 { font-size: 18px; line-height: 1.6; font-weight: bold;}

@media screen and (max-width: 1023px) {
h1, .-ts\:1 { font-size: 54px; line-height: 0.9; }
}
@media screen and (max-width: 719px) {
html, .-ts\:0 { font-size: 16px; }
h1, .-ts\:1 { font-size: 44px; line-height: 0.95; }
blockquote, .-ts\:7 { font-size: 28px; }
cite, .-ts\:8 { font-size: 18px; }
}
@media screen and (max-width: 599px) {
h1, .-ts\:1 { font-size: 32px; line-height: 0.95; }
h2, .-ts\:2 { font-size: 28px; }
blockquote, .-ts\:7 { font-size: 22px; }
cite, .-ts\:8 { font-size: 14px; }
}


/* input styling */

.-is\:1[type] { padding-left: 0; border: 1px solid #fff; border-width: 0 0 2px; background: transparent; color: inherit; font-weight: 900; } .-is\:1[type]:-ms-input-placeholder { color: #f78d84; }
.-is\:1[type].is-invalid { border-color: #fff; color: #fff; }

/* link styling */

a.-as\:1, .-as\:1 a { background: none; } a.-as\:1:hover, .-as\:1 a:hover { background: none; }
a.-as\:2, .-as\:2 a { background-position: 100% 100%; background-repeat: no-repeat; } a.-as\:2:hover, .-as\:2 a:hover { background-position: 0 100%; }

/* list styling */

.-ls\:1, .-ls\:1 ul, .-ls\:1 ol { padding: 0; }
 .-ls\:1 li { margin-bottom: 0; }
  .-ls\:1 li:before { display: none; }

/* spacing */

[class*="-mb:"],[class*="-my:"]{margin-bottom:30px}[class*="-mt:"],[class*="-my:"]{margin-top:30px}[class*="-nb:"],[class*="-ny:"]{margin-bottom:-30px}[class*="-nt:"],[class*="-ny:"]{margin-top:-30px}[class*="-nl:"],[class*="-nx:"]{margin-left:-30px}[class*="-nr:"],[class*="-nx:"]{margin-right:-30px}[class*="-pb:"],[class*="-py:"],[class*="-pa:"]{padding-bottom:30px}[class*="-pt:"],[class*="-py:"],[class*="-pa:"]{padding-top:30px}[class*="-pl:"],[class*="-px:"],[class*="-pa:"]{padding-left:30px}[class*="-pr:"],[class*="-px:"],[class*="-pa:"]{padding-right:30px}
.-mb\:a,.-my\:a{margin-bottom:auto}.-mt\:a,.-my\:a {margin-top:auto}.-ml\:a,.-mx\:a{margin-left:auto}.-mr\:a,.-mx\:a{margin-right:auto}
.-mb\:0,.-my\:0{margin-bottom:0}.-mt\:0,.-my\:0{margin-top:0}.-pb\:0,.-py\:0{padding-bottom:0}.-pt\:0,.-py\:0{padding-top:0}
.-mb\:1,.-my\:1{margin-bottom:var(--s1)}.-mt\:1,.-my\:1{margin-top:var(--s1)}.-nb\:1,.-ny\:1,.-na\:1{margin-bottom: calc(var(--s1) * -1)}.-nt\:1,.-ny\:1,.-na\:1{margin-top: calc(var(--s1) * -1)}.-nl\:1,.-nx\:1,.-na\:1{margin-left: calc(var(--s1) * -1)}.-nr\:1,.-nx\:1,.-na\:1{margin-right: calc(var(--s1) * -1)}.-pb\:1,.-py\:1,.-pa\:1{padding-bottom:var(--s1)}.-pt\:1,.-py\:1,.-pa\:1{padding-top:var(--s1)}.-pl\:1,.-px\:1,.-pa\:1{padding-left:var(--s1)}.-pr\:1,.-px\:1,.-pa\:1{padding-right:var(--s1)}
.-mb\:2,.-my\:2{margin-bottom:var(--s2)}.-mt\:2,.-my\:2{margin-top:var(--s2)}.-nb\:2,.-ny\:2,.-na\:2{margin-bottom: calc(var(--s2) * -1)}.-nt\:2,.-ny\:2,.-na\:2{margin-top: calc(var(--s2) * -1)}.-nl\:2,.-nx\:2,.-na\:2{margin-left: calc(var(--s2) * -1)}.-nr\:2,.-nx\:2,.-na\:2{margin-right: calc(var(--s2) * -1)}.-pb\:2,.-py\:2,.-pa\:2{padding-bottom:var(--s2)}.-pt\:2,.-py\:2,.-pa\:2{padding-top:var(--s2)}.-pl\:2,.-px\:2,.-pa\:2{padding-left:var(--s2)}.-pr\:2,.-px\:2,.-pa\:2{padding-right:var(--s2)}
.-mb\:3,.-my\:3{margin-bottom:var(--s3)}.-mt\:3,.-my\:3{margin-top:var(--s3)}.-nb\:3,.-ny\:3,.-na\:3{margin-bottom: calc(var(--s3) * -1)}.-nt\:3,.-ny\:3,.-na\:3{margin-top: calc(var(--s3) * -1)}.-nl\:3,.-nx\:3,.-na\:3{margin-left: calc(var(--s3) * -1)}.-nr\:3,.-nx\:3,.-na\:3{margin-right: calc(var(--s3) * -1)}.-pb\:3,.-py\:3,.-pa\:3{padding-bottom:var(--s3)}.-pt\:3,.-py\:3,.-pa\:3{padding-top:var(--s3)}.-pl\:3,.-px\:3,.-pa\:3{padding-left:var(--s3)}.-pr\:3,.-px\:3,.-pa\:3{padding-right:var(--s3)}
.-mb\:4,.-my\:4{margin-bottom:var(--s4)}.-mt\:4,.-my\:4{margin-top:var(--s4)}.-nb\:4,.-ny\:4,.-na\:4{margin-bottom: calc(var(--s4) * -1)}.-nt\:4,.-ny\:4,.-na\:4{margin-top: calc(var(--s4) * -1)}.-nl\:4,.-nx\:4,.-na\:4{margin-left: calc(var(--s4) * -1)}.-nr\:4,.-nx\:4,.-na\:4{margin-right: calc(var(--s4) * -1)}.-pb\:4,.-py\:4,.-pa\:4{padding-bottom:var(--s4)}.-pt\:4,.-py\:4,.-pa\:4{padding-top:var(--s4)}.-pl\:4,.-px\:4,.-pa\:4{padding-left:var(--s4)}.-pr\:4,.-px\:4,.-pa\:4{padding-right:var(--s4)}

/* visibility */

@media screen and (max-width:  719px){.-hide\<medium{display:none !important}}
@media screen and (max-width: 1149px){.-hide\<large{display:none !important}}
@media screen and (min-width:  720px){.-hide\>small{display:none !important}}
@media screen and (min-width: 1150px){.-hide\>medium{display:none !important}}

/* max widths */

.-xw\:1 { max-width: 980px; max-width: var(--xw1); }
.-xw\:2 { max-width: 880px; max-width: var(--xw2); }

/* colors */

.-c\:default, html { color: var(--color-default); } .-b\:default { background-color: var(--color-default); } .-s\:default { border-color: var(--color-default); }
.-c\:accent1 { color: var(--color-accent1); } .-b\:accent1 { background-color: var(--color-accent1); } .-s\:accent1 { border-color: var(--color-accent1); }
.-c\:accent2 { color: var(--color-accent2); } .-b\:accent2 { background-color: var(--color-accent2); } .-s\:accent2 { border-color: var(--color-accent2); }
.-c\:inherit { color: inherit; }

/* fonts */

.-ff\:1, html { font-family: var(--font-family1); }

/* basic css */

.-ta\:l { text-align: left; }
.-ta\:c { text-align: center; }
.-ta\:r { text-align: right; }

.-tt\:u { text-transform: uppercase; }
.-v\:h { visibility: hidden; }

.-us\:n, [toggle], [data-toggle] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* helpers */

[hidden] { display: none !important; }
[toggle],[data-toggle] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.-halt-transitions { transition: none !important; }
.-invert { --color-default: #fff; --color-background: #000; background: #000; background: var(--color-background); color: #fff; color: var(--color-default); }
.-uninvert { --color-default: #000; --color-background: #fff; background: #fff; background: var(--color-background); color: #000; color: var(--color-default); }
.notice { border: 1px dashed #000; padding: 30px; }
.-minheight { min-height: 600px; }

.page-template-template-get-help-now .cta4 { display: none; }
.page-template-template-get-help-now footer.footer1 { display: none; }
.nf-form-layout div { margin-bottom: .4rem }
/*   _      _____ ______  _______
 *   |        |   |_____] |______
 *   |_____ __|__ |_____] ______|
/*

/* flex */ [flex]{display:-webkit-box;display:flex}[flex~=inline]{display:-webkit-inline-box;display:inline-flex}[flex]>*{min-width:0}[flex~=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}[flex~=reverse]:not([flex~=column]){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}[flex~=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}[flex~=column][flex~=reverse]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}[flex~=nowrap]{flex-wrap:nowrap}[flex~=wrap]{flex-wrap:wrap}[flex~=wrap-reverse]{flex-wrap:wrap-reverse}[flex~=column][flex~=top],[flex~=left]:not([flex~=column]){-webkit-box-pack:start;justify-content:flex-start}[flex~=column][flex~=bottom],[flex~=right]:not([flex~=column]){-webkit-box-pack:end;justify-content:flex-end}[flex~=center]:not([flex~=column]),[flex~=column][flex~=middle]{-webkit-box-pack:center;justify-content:center}[flex~=between]{-webkit-box-pack:justify;justify-content:space-between}[flex~=around]{justify-content:space-around}[flex~=evenly]{-webkit-box-pack:space-evenly;justify-content:space-evenly}[flex~=column][flex~=left],[flex~=top]:not([flex~=column]){-webkit-box-align:start;align-items:flex-start}[flex~=bottom]:not([flex~=column]),[flex~=column][flex~=right]{-webkit-box-align:end;align-items:flex-end}[flex~=column][flex~=center],[flex~=middle]:not([flex~=column]){-webkit-box-align:center;align-items:center}[flex~=stretch]{-webkit-box-align:stretch;align-items:stretch}[flex~=baseline]{-webkit-box-align:baseline;align-items:baseline}[flex~=content-start]{align-content:flex-start}[flex~=content-end]{align-content:flex-end}[flex~=content-stretch]{align-content:stretch}[flex~=content-center]{align-content:center}[flex~=content-between]{align-content:space-between}[flex~=content-around]{align-content:space-around}[self~=auto]{-webkit-align-self:auto;-ms-grid-row-align:auto;align-self:auto}[self~=start]{-webkit-align-self:flex-start;align-self:flex-start}[self~=end]{-webkit-align-self:flex-end;align-self:flex-end}[self~=center]{-webkit-align-self:center;-ms-grid-row-align:center;align-self:center}[self~=baseline]{-webkit-align-self:baseline;align-self:baseline}[self~=stretch]{align-self:stretch}[self~=first]{-webkit-box-ordinal-group:0;order:-1}[self~=last]{-webkit-box-ordinal-group:100;order:99}[self~=order-1]{-webkit-box-ordinal-group:2;order:1}[self~=order-2]{-webkit-box-ordinal-group:3;order:2}[self~=order-3]{-webkit-box-ordinal-group:4;order:3}[self~=order-4]{-webkit-box-ordinal-group:5;order:4}[self~=order-5]{-webkit-box-ordinal-group:6;order:5}[self~=none]{-webkit-box-flex:0;flex:none}[self~=grow]{-webkit-box-flex:1;flex-grow:1}[self~=nogrow]{-webkit-box-flex:0;flex-grow:0}[self~=shrink]{flex-shrink:1}[self~=noshrink]{flex-shrink:0}[self~=autobasis]{flex-basis:auto}[self~=nobasis]{flex-basis:0}
/* slick */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* lazysizes */ .lazyload, .lazyloading { opacity: 0; } .js .lazyloaded[class] { opacity: 1; transition: opacity 0.5s !important; }
/* lity */ .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
/* aios */ @media screen and (min-width: 1150px) {.js [data-aios]{transition:opacity 1.5s,transform 1.5s;}.js [data-aios$="/1"]{transition-delay:0.2s;}.js [data-aios$="/2"]{transition-delay:0.4s;}.js [data-aios$="/3"]{transition-delay:0.6s;}.js [data-aios$="/4"]{transition-delay:0.8s;}.js [data-aios$="/5"]{transition-delay:1.0s;}.js [data-aios]:not(.is-aios-done){opacity:0;transform:translateY(35px);}}

/*   __   _  _____  _______ _______ _______
 *   | \  | |     |    |    |______ |______
 *   |  \_| |_____|    |    |______ ______|
**

1. Safari 11 won't animate gradients with variables
2. Safari 11 will go into some weird loop causing constant, high CPU usage when variables or currentColor property is used in linear-gradient

*/

.safari a:not([class*=button]) { background-image: none; text-decoration: underline; }
.safari .top1-logo a,
.safari .nav1 a:not(:hover),
.safari .nav2 li a,
.safari .cta4 a,
.safari a.more1,
.safari .teaser1-link,
.safari a.teaser2-outer,
.safari a.-as\:2,
.safari .-as\:2 a,
.safari .splash1-join a,
.safari .top1-toggler a { text-decoration: none; }
.safari a.-as\:2:hover,
.safari .-as\:2 a:hover { box-shadow: 0 1px; }
.safari a.more1 span,
.safari .nav2 li.is-active a,
.safari .splash1-join a,
.safari .button3 { background: none; box-shadow: 0 3px; }
.safari .splash1-join a { padding-bottom: 2px; }