@charset "UTF-8";
/*
Theme Name:     Cusp Conference
Author:         Cusp Conference, LLC.
Author URI:     https://www.cuspconference.com
Template:		html5reset
*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* Webicons by Adam Fairhead: http://adamfairhead.com */
.webicon {
  display: inline-block;
  background-size: 100%;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px; }

.webicon:hover {
  margin: -1px 0 1px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.webicon.small {
  width: 20px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.webicon.large {
  width: 48px;
  height: 48px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* restore webicons accessibility for print */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  .webicon {
    text-indent: 0;
    width: auto !important;
    height: auto !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; } }
.no-svg .webicon.facebook {
  background: url("assets/img/webicons/webicon-facebook-m.png"); }

.no-svg .webicon.facebook.large {
  background: url("assets/img/webicons/webicon-facebook.png"); }

.no-svg .webicon.facebook.small {
  background: url("assets/img/webicons/webicon-facebook-s.png"); }

.svg .webicon.facebook {
  background: url("assets/img/webicons/webicon-facebook.svg"); }

.no-svg .webicon.googleplus {
  background: url("assets/img/webicons/webicon-googleplus-m.png"); }

.no-svg .webicon.googleplus.large {
  background: url("assets/img/webicons/webicon-googleplus.png"); }

.no-svg .webicon.googleplus.small {
  background: url("assets/img/webicons/webicon-googleplus-s.png"); }

.svg .webicon.googleplus {
  background: url("assets/img/webicons/webicon-googleplus.svg"); }

.no-svg .webicon.linkedin {
  background: url("assets/img/webicons/webicon-linkedin-m.png"); }

.no-svg .webicon.linkedin.large {
  background: url("assets/img/webicons/webicon-linkedin.png"); }

.no-svg .webicon.linkedin.small {
  background: url("assets/img/webicons/webicon-linkedin-s.png"); }

.svg .webicon.linkedin {
  background: url("assets/img/webicons/webicon-linkedin.svg"); }

.no-svg .webicon.mail {
  background: url("assets/img/webicons/webicon-mail-m.png"); }

.no-svg .webicon.mail.large {
  background: url("assets/img/webicons/webicon-mail.png"); }

.no-svg .webicon.mail.small {
  background: url("assets/img/webicons/webicon-mail-s.png"); }

.svg .webicon.mail {
  background: url("assets/img/webicons/webicon-mail.svg"); }

.no-svg .webicon.twitter {
  background: url("assets/img/webicons/webicon-twitter-m.png"); }

.no-svg .webicon.twitter.large {
  background: url("assets/img/webicons/webicon-twitter.png"); }

.no-svg .webicon.twitter.small {
  background: url("assets/img/webicons/webicon-twitter-s.png"); }

.svg .webicon.twitter {
  background: url("assets/img/webicons/webicon-twitter.svg"); }

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/* -----------------------------------
 * Slidebars
 * Development version, do not use this in your site, use the latest in the distribution folder.
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Base Stlying, Scroll Locking & Web App
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * --------------------------------------------
 * 001 - Base Stlying, Scroll Locking & Web App
 */
html, body, #sb-site, .sb-site-container, .sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */ }

html {
  height: 100%;
  /* Site is as tall as device. */ }

body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */ }

/* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden; }

/* Web app */
html.sb-web-app, html.sb-web-app body {
  height: 100%;
  overflow: hidden; }

html.sb-web-app #sb-site, html.sb-web-app .sb-site-container {
  min-height: 0 !important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

html.sb-web-app .sb-slidebar {
  -webkit-overflow-scrolling: touch; }

/* --------------------
 * 002 - Site Container
 */
#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  /* Min-height fallback provided by slidebars.js. */
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, you can overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ }

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */
  -webkit-transform: translate(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */ }

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }

@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%; }

  .sb-width-thin {
    width: 55%; }

  .sb-width-wide {
    width: 85%; } }
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%; }

  .sb-width-thin {
    width: 40%; }

  .sb-width-wide {
    width: 70%; } }
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%; }

  .sb-width-thin {
    width: 25%; }

  .sb-width-wide {
    width: 55%; } }
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%; }

  .sb-width-thin {
    width: 15%; }

  .sb-width-wide {
    width: 45%; } }
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%; }

  .sb-width-thin {
    width: 5%; }

  .sb-width-wide {
    width: 35%; } }
/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

@font-face {
  font-family: "twitter";
  src: url("assets/fonts/twitter/twitter.eot");
  src: url("assets/fonts/twitter/twitter.eot?#iefix") format("embedded-opentype"), url("assets/fonts/twitter/twitter.woff") format("woff"), url("assets/fonts/twitter/twitter.ttf") format("truetype"), url("assets/fonts/twitter/twitter.svg#twitter") format("svg");
  font-weight: normal;
  font-style: normal; }
@keyframes fadeit {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.tweet_icon:before {
  margin-right: .35em;
  font-family: "twitter" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.tweet_icon + b {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.tweet_icon_reply:before {
  content: "a"; }

.tweet_icon_retweet:before {
  content: "b"; }

.tweet_icon_favourite:before {
  content: "c"; }

* {
  box-sizing: border-box;
  outline: none; }

::-moz-selection {
  background: #e14d36;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #e14d36;
  color: #fff;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: #e14d36; }

ins {
  background-color: #e14d36;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #e14d36;
  color: #000;
  font-style: italic;
  font-weight: bold; }

::-webkit-input-placeholder {
  color: rgba(123, 123, 123, 0.67); }

::-moz-placeholder {
  color: rgba(123, 123, 123, 0.67); }

:-moz-placeholder {
  color: rgba(123, 123, 123, 0.67); }

:-ms-input-placeholder {
  color: rgba(123, 123, 123, 0.67); }

::-webkit-search-cancel-button {
  -webkit-appearance: none; }

html {
  font-size: 14px;
  -webkit-text-size-adjust: none; }

html,
body {
  width: 100%;
  background-color: #000; }

body {
  -webkit-overflow-scrolling: touch; }

body,
select,
input,
button,
textarea {
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
  font-size: 100%;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  color: #dddddd; }

p {
  padding-top: 1em; }

h1 {
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.25;
  text-transform: uppercase; }

h2 {
  font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em; }

h3 {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: normal; }

h5 {
  font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.25rem; }

a,
button,
input[type=submit] {
  text-decoration: none;
  color: #dddddd; }

.btn {
  display: inline-block;
  padding: 0.5em 2em;
  border: 0;
  border-radius: .33em; }
  .btn:hover {
    color: white; }

.btn-square {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(221, 221, 221, 0.67);
  line-height: 1.5em;
  font-size: 1.25rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2); }

.btn-primary {
  color: #dddddd;
  background-color: #e14d36; }
  .btn-primary:hover {
    color: #e14d36;
    background-color: #dddddd; }

.btn-black {
  color: #dddddd;
  background-color: #1a1a1a; }
  .btn-black:hover {
    color: #dddddd;
    background-color: #e14d36; }

.btn-gray {
  color: #dddddd;
  background-color: rgba(123, 123, 123, 0.67); }
  .btn-gray:hover {
    color: #dddddd;
    background-color: #e14d36; }

.btn-dark-gray {
  color: #9d9d9d;
  background-color: #2a2a2a; }
  .btn-dark-gray:hover {
    color: #dddddd;
    background-color: #1a1a1a; }

.btn-small {
  padding: 0.25em .75em;
  font-size: .85em;
  vertical-align: middle; }

.btn-close {
  padding-right: 2.5em;
  background-image: url("assets/img/icon-close.svg");
  background-position: right 1em center;
  background-size: .75em;
  background-repeat: no-repeat; }

.btn-tweet {
  padding-right: 2.5em;
  background-image: url("assets/img/icon-tweet.svg");
  background-position: right 1em center;
  background-size: .75em;
  background-repeat: no-repeat; }

.back {
  display: inline-block;
  position: relative;
  margin-top: 2rem;
  color: rgba(149, 149, 149, 0.67);
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 0; }
  .back .icon-arrow-left {
    position: absolute;
    left: -.75em;
    margin-right: .75em;
    width: .75em;
    height: 1.5em;
    vertical-align: middle; }
    .back .icon-arrow-left svg {
      display: block;
      transform: scale(0.5);
      transform-origin: center; }
    .back .icon-arrow-left polygon {
      fill: #e14d36; }
  .back.black {
    color: #444240; }
    .back.black .icon-arrow-left polygon {
      fill: #444240; }

hr {
  height: 1px;
  border: 0;
  border-top: 0.15rem dotted rgba(255, 255, 255, 0.25);
  margin: 2rem 0; }

small {
  font-size: 75%;
  color: #9d9d9d; }

img {
  height: auto; }

button {
  border: 0; }

label,
input[type=text],
input[type=password],
input[type=email],
textarea,
select,
ul.dropdown {
  display: block;
  width: 100%; }

label {
  padding-top: 1rem; }
  label.source {
    padding-top: 3rem; }

input[type=text],
input[type=password],
input[type=email],
textarea,
.select_wrap,
.dropdown_wrap {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 0;
  border: 0;
  padding: 1em;
  background-color: #1a1a1a;
  margin-top: .33rem;
  border: 1px solid transparent; }
  input[type=text] input,
  input[type=password] input,
  input[type=email] input,
  textarea input,
  .select_wrap input,
  .dropdown_wrap input {
    -webkit-appearance: none;
    display: inline-block;
    margin: 0;
    padding: inherit;
    width: 100%;
    height: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: text-bottom;
    border: 0;
    outline: none;
    background-color: transparent; }
  input[type=text] input,
  input[type=text] button,
  input[type=password] input,
  input[type=password] button,
  input[type=email] input,
  input[type=email] button,
  textarea input,
  textarea button,
  .select_wrap input,
  .select_wrap button,
  .dropdown_wrap input,
  .dropdown_wrap button {
    display: inline-block;
    font-size: 1.25rem; }
  input[type=text] input,
  input[type=password] input,
  input[type=email] input,
  textarea input,
  .select_wrap input,
  .dropdown_wrap input {
    display: inline-block;
    width: 85%;
    text-indent: 3%; }
  input[type=text] button,
  input[type=password] button,
  input[type=email] button,
  textarea button,
  .select_wrap button,
  .dropdown_wrap button {
    display: inline-block;
    margin: 0;
    width: 15%;
    background-color: transparent;
    color: #fff;
    text-align: right; }
  input[type=text].error,
  input[type=password].error,
  input[type=email].error,
  textarea.error,
  .select_wrap.error,
  .dropdown_wrap.error {
    border: 1px solid #e14d36; }

.select_wrap,
.dropdown_wrap {
  position: relative; }
  .select_wrap .icon-arrow-down,
  .dropdown_wrap .icon-arrow-down {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 100%;
    padding: .5rem; }
    .select_wrap .icon-arrow-down svg,
    .dropdown_wrap .icon-arrow-down svg {
      display: block;
      transform: scale(0.4);
      transform-origin: center; }
    .select_wrap .icon-arrow-down polygon,
    .dropdown_wrap .icon-arrow-down polygon {
      fill: #dddddd; }

.select_wrap select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.dropdown_wrap {
  cursor: pointer; }

.dropdown {
  display: none;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  max-height: 300px;
  border-top: 0.15rem solid #2f2f2f;
  overflow: auto; }
  .dropdown a {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
    border: 0;
    padding: 1em;
    background-color: #1a1a1a;
    border-bottom: 0.15rem solid #2f2f2f;
    cursor: pointer; }
    .dropdown a input {
      -webkit-appearance: none;
      display: inline-block;
      margin: 0;
      padding: inherit;
      width: 100%;
      height: inherit;
      font-size: inherit;
      line-height: inherit;
      vertical-align: text-bottom;
      border: 0;
      outline: none;
      background-color: transparent; }
    .dropdown a input,
    .dropdown a button {
      display: inline-block;
      font-size: 1.25rem; }
    .dropdown a input {
      display: inline-block;
      width: 85%;
      text-indent: 3%; }
    .dropdown a button {
      display: inline-block;
      margin: 0;
      width: 15%;
      background-color: transparent;
      color: #fff;
      text-align: right; }

input[type=checkbox] {
  margin-top: 1rem;
  vertical-align: baseline; }
  input[type=checkbox] + label {
    display: inline-block;
    width: 90%;
    padding: 0 .5rem;
    line-height: 1.25;
    vertical-align: text-top; }

.color_call {
  color: #e14d36; }

.cta {
  padding-bottom: 3rem;
  text-align: center; }

.load_more {
  text-align: center; }
  .load_more a {
    display: inline-block;
    padding: 0.5em 2em;
    border: 0;
    border-radius: .33em;
    font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1rem;
    background-color: #e14d36; }

.spinner-bars {
  position: fixed;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  left: 50%;
  top: 50%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
  .spinner-bars > div {
    position: absolute;
    width: .1rem;
    height: .5rem;
    background-color: #fff;
    opacity: 0.05;
    animation: fadeit 0.8s linear infinite; }
  .spinner-bars > .bar-1 {
    transform: rotate(22.5deg) translate(0, -1rem);
    animation-delay: 0.05s; }
  .spinner-bars > .bar-2 {
    transform: rotate(45deg) translate(0, -1rem);
    animation-delay: 0.1s; }
  .spinner-bars > .bar-3 {
    transform: rotate(67.5deg) translate(0, -1rem);
    animation-delay: 0.15s; }
  .spinner-bars > .bar-4 {
    transform: rotate(90deg) translate(0, -1rem);
    animation-delay: 0.2s; }
  .spinner-bars > .bar-5 {
    transform: rotate(112.5deg) translate(0, -1rem);
    animation-delay: 0.25s; }
  .spinner-bars > .bar-6 {
    transform: rotate(135deg) translate(0, -1rem);
    animation-delay: 0.3s; }
  .spinner-bars > .bar-7 {
    transform: rotate(157.5deg) translate(0, -1rem);
    animation-delay: 0.35s; }
  .spinner-bars > .bar-8 {
    transform: rotate(180deg) translate(0, -1rem);
    animation-delay: 0.4s; }
  .spinner-bars > .bar-9 {
    transform: rotate(202.5deg) translate(0, -1rem);
    animation-delay: 0.45s; }
  .spinner-bars > .bar-10 {
    transform: rotate(225deg) translate(0, -1rem);
    animation-delay: 0.5s; }
  .spinner-bars > .bar-11 {
    transform: rotate(247.5deg) translate(0, -1rem);
    animation-delay: 0.55s; }
  .spinner-bars > .bar-12 {
    transform: rotate(270deg) translate(0, -1rem);
    animation-delay: 0.6s; }
  .spinner-bars > .bar-13 {
    transform: rotate(292.5deg) translate(0, -1rem);
    animation-delay: 0.65s; }
  .spinner-bars > .bar-14 {
    transform: rotate(315deg) translate(0, -1rem);
    animation-delay: 0.7s; }
  .spinner-bars > .bar-15 {
    transform: rotate(337.5deg) translate(0, -1rem);
    animation-delay: 0.75s; }
  .spinner-bars > .bar-16 {
    transform: rotate(360deg) translate(0, -1rem);
    animation-delay: 0.8s; }

.block + .spinner-bars {
  position: relative;
  z-index: 10;
  top: auto;
  margin-top: 1.125rem;
  height: 1.125rem; }

.ninja-forms-cont {
  max-width: 60rem; }

.ninja-forms-form-wrap label {
  font-weight: 300 !important; }

.ninja-forms-cont .field-wrap {
  position: relative; }

.ninja-forms-cont .textarea-wrap {
  clear: both; }

.ninja-forms-error-msg {
  display: none; }

.ninja-forms-field-error {
  position: absolute;
  top: 1rem;
  right: 0;
  color: #f00; }

.ssba {
  background-color: transparent !important; }
  .ssba a {
    display: inline-block !important;
    margin: 0 1rem 1rem 0;
    font-size: 1rem !important;
    opacity: 0.5; }
    .ssba a:hover {
      opacity: 1; }

#sb-site {
  background-color: transparent;
  box-shadow: -2px 0 0 -1px #000; }

nav#main-nav {
  margin: 0;
  background-color: #2a2a2a; }
  nav#main-nav > ul {
    width: 100%;
    margin: 4rem 0 0 0;
    padding: 1rem 0 0 0; }
    nav#main-nav > ul.open {
      display: block;
      clear: left; }
    nav#main-nav > ul li {
      display: block;
      width: 100%; }
      nav#main-nav > ul li.current-page-ancestor:not(.menu-item-4933) a, nav#main-nav > ul li.current-menu-parent a, nav#main-nav > ul li.current-menu-item a, nav#main-nav > ul li:hover a {
        color: #e14d36; }
      nav#main-nav > ul li.on a, nav#main-nav > ul li a:hover {
        color: #e14d36; }
      nav#main-nav > ul li a {
        font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.5rem;
        line-height: 1.25;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding: 0 .75em;
        height: 2em;
        line-height: 2em; }
      nav#main-nav > ul li #searchform {
        display: block;
        margin: 0;
        padding: 0;
        min-height: 0;
        border: 0;
        width: 100%;
        background-color: #1a1a1a; }
        nav#main-nav > ul li #searchform input {
          -webkit-appearance: none;
          display: inline-block;
          margin: 0;
          padding: inherit;
          width: 100%;
          height: inherit;
          font-size: inherit;
          line-height: inherit;
          vertical-align: text-bottom;
          border: 0;
          outline: none;
          background-color: transparent; }
      nav#main-nav > ul li.menu-item-search {
        height: 4rem;
        line-height: 4rem; }
      nav#main-nav > ul li a,
      nav#main-nav > ul li #searchform {
        display: block;
        margin: 0;
        font-size: 1.5rem;
        font-weight: 500;
        color: rgba(123, 123, 123, 0.67); }
      nav#main-nav > ul li #searchform {
        position: relative;
        margin-top: 1rem;
        height: 4rem; }
        nav#main-nav > ul li #searchform .icon-search,
        nav#main-nav > ul li #searchform .icon-close {
          position: relative;
          z-index: 6;
          padding: 1.25rem;
          height: 4rem;
          width: 4rem;
          cursor: pointer; }
          nav#main-nav > ul li #searchform .icon-search path,
          nav#main-nav > ul li #searchform .icon-close path {
            fill: rgba(123, 123, 123, 0.67); }
        nav#main-nav > ul li #searchform .icon-close {
          display: none;
          padding: 1.5rem; }
        nav#main-nav > ul li #searchform input {
          position: absolute;
          z-index: 5;
          top: 0;
          padding: 0 1em 0 2.5em;
          height: 4rem;
          line-height: 4rem; }
      nav#main-nav > ul li.current-menu-item #searchform .icon-search path {
        fill: #e14d36; }

header#main-header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 4rem;
  background-color: #000; }
  header#main-header button {
    display: block;
    float: left;
    -webkit-appearance: none;
    width: 6rem;
    height: 100%;
    line-height: 0;
    text-align: center;
    background: transparent;
    outline: none; }
    header#main-header button svg {
      position: absolute;
      top: 50%;
      left: 1.25rem;
      width: 2.4rem;
      transform: translateY(-50%); }
      header#main-header button svg g {
        fill: rgba(123, 123, 123, 0.67); }
  header#main-header a.logo_link {
    display: inline;
    position: absolute;
    z-index: 7;
    right: 6%;
    bottom: -57.5%; }
    header#main-header a.logo_link svg {
      width: 7rem;
      height: 100%; }
      header#main-header a.logo_link svg g {
        fill: #fff; }
    header#main-header a.logo_link sup {
      position: absolute;
      top: 1.1em;
      right: -0.7em;
      font-size: 1.5rem;
      color: #9d9d9d; }

#wrapper {
  position: relative;
  z-index: -2;
  padding-top: 4rem;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  #wrapper.show {
    opacity: 1; }
  #wrapper > h1 {
    padding: 3.5rem 6%;
    text-align: center;
    font-size: 1.67rem;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    background: #222; }
    #wrapper > h1 span {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 1rem;
      color: rgba(123, 123, 123, 0.67); }

section {
  position: relative;
  z-index: 1;
  text-align: center;
  background: #222; }
  section > h2,
  section > h3 {
    padding-top: 5rem; }
    section > h2 a,
    section > h3 a {
      display: inline-block;
      margin: 0 .25em;
      color: rgba(221, 221, 221, 0.67); }
      section > h2 a:hover, section > h2 a.on,
      section > h3 a:hover,
      section > h3 a.on {
        color: #dddddd; }
      section > h2 a.on,
      section > h3 a.on {
        border-bottom: 0.1em solid #dddddd; }
  section > .content {
    padding: 2rem 6%;
    text-align: left; }
    section > .content a {
      color: #fff;
      border-bottom: 1px dotted #e14d36; }
    section > .content a.btn,
    section > .content .load_more a {
      border-bottom: 0; }

.pixelscreen {
  position: relative;
  padding: 0;
  width: 100%;
  height: 0;
  background-color: #1a1a1a;
  transition: height 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
  .pixelscreen #pixels {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
    .pixelscreen #pixels #screen {
      position: absolute;
      width: 1500px;
      height: 1000px; }
      .pixelscreen #pixels #screen #imgCrop {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .pixelscreen #pixels #screen #imgCrop canvas,
        .pixelscreen #pixels #screen #imgCrop img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 99.9%; }
        .pixelscreen #pixels #screen #imgCrop canvas {
          image-rendering: optimizeSpeed;
          image-rendering: -moz-crisp-edges;
          image-rendering: -webkit-optimize-contrast;
          image-rendering: -o-crisp-edges;
          image-rendering: crisp-edges;
          -ms-interpolation-mode: nearest-neighbor; }
      .pixelscreen #pixels #screen #gridlines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("assets/img/tile-grid.gif"); }
      .pixelscreen #pixels #screen .spinner-bars {
        position: absolute;
        opacity: 0; }
      .pixelscreen #pixels #screen #images {
        display: none; }
  .pixelscreen.loading #pixels #screen .spinner-bars {
    opacity: 1; }
  .pixelscreen .content,
  .pixelscreen .content_stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    margin: 0 auto;
    padding: 0;
    width: 76%;
    height: 100%;
    text-align: center; }
    .pixelscreen .content:before,
    .pixelscreen .content_stage:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle;
      margin-right: -1%;
      /* Adjusts for spacing */ }
    .pixelscreen .content .content_wrap,
    .pixelscreen .content_stage .content_wrap {
      display: inline-block;
      padding: 0;
      max-width: 100%;
      vertical-align: middle;
      text-align: center; }
    .pixelscreen .content h1,
    .pixelscreen .content_stage h1 {
      font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
      font-weight: 700;
      font-size: 4.25rem;
      letter-spacing: -0.05em; }
    .pixelscreen .content h2,
    .pixelscreen .content_stage h2 {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-weight: 700;
      font-size: 3.25rem;
      line-height: 1;
      letter-spacing: 0; }
    .pixelscreen .content h3,
    .pixelscreen .content_stage h3 {
      font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
      font-weight: 300;
      font-size: 1.5rem; }
    .pixelscreen .content h4,
    .pixelscreen .content_stage h4 {
      padding-top: .5em;
      font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
      font-weight: 300;
      font-size: 1.125rem; }
      .pixelscreen .content h4 strong,
      .pixelscreen .content_stage h4 strong {
        font-weight: 700;
        text-transform: uppercase; }
      .pixelscreen .content h4 + h4,
      .pixelscreen .content_stage h4 + h4 {
        padding-top: 1.5em; }
    .pixelscreen .content h5,
    .pixelscreen .content_stage h5 {
      padding-top: 1em;
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 1.1rem; }
    .pixelscreen .content p,
    .pixelscreen .content_stage p {
      font-size: 1.1rem; }
    .pixelscreen .content a,
    .pixelscreen .content_stage a {
      display: inline-block;
      margin: 3rem 3% 0 3%;
      display: inline-block;
      padding: 0.5em 2em;
      border: 0;
      border-radius: .33em;
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: rgba(221, 221, 221, 0.67);
      font-size: 1.25rem;
      line-height: 1.5em;
      text-align: center;
      background-color: rgba(123, 123, 123, 0.67);
      border: 0;
      border-radius: .33em; }
      .pixelscreen .content a:hover,
      .pixelscreen .content_stage a:hover {
        color: white; }
  .pixelscreen#Viewer {
    height: 0; }
    .pixelscreen#Viewer #pixels #screen .spinner-bars {
      top: 80%; }
  .pixelscreen nav {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .pixelscreen nav div {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 10%;
      height: 100%;
      transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1); }
      .pixelscreen nav div a {
        position: absolute;
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 1em 0;
        width: 100%;
        font-size: 0;
        line-height: 0;
        color: #000;
        cursor: pointer;
        opacity: 1;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .pixelscreen nav div a:hover {
          color: #fff; }
        .pixelscreen nav div a.grayed {
          opacity: 0; }
        .pixelscreen nav div a svg {
          transform: scale(0.5); }
      .pixelscreen nav div.next, .pixelscreen nav div.prev a {
        right: 0; }
      .pixelscreen nav div.prev, .pixelscreen nav div.next a {
        left: 0; }
      .pixelscreen nav div.next polygon, .pixelscreen nav div.prev polygon {
        fill: #dddddd;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .pixelscreen nav ul {
      background-color: transparent; }
  .pixelscreen .share {
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 1.5rem;
    margin-bottom: 1rem; }

#Home .content {
  padding-right: 6%;
  padding-left: 6%;
  text-align: center; }
  #Home .content h1 {
    margin-top: 3rem;
    color: #e14d36;
    text-transform: none; }
  #Home .content h2 {
    font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-top: 1em; }
  #Home .content a.btn {
    margin-top: 2em; }
  #Home .content p:first-child {
    padding-top: 0; }
  #Home .content .blurb {
    margin-top: 4rem;
    font-weight: 500; }
    #Home .content .blurb p {
      font-size: 1.5rem; }

#Presenters,
#Contributors {
  background: #e14d36; }
  #Presenters.dev,
  #Contributors.dev {
    background: #222; }
  #Presenters.gray,
  #Contributors.gray {
    background: #777; }
    #Presenters.gray .brick a:after,
    #Contributors.gray .brick a:after {
      background: url("assets/img/tile-grid-dark-gray-tiny.gif"); }
    #Presenters.gray .brick a .more .bio,
    #Contributors.gray .brick a .more .bio {
      display: none; }
  #Presenters h2 a,
  #Contributors h2 a {
    letter-spacing: 0; }
  #Presenters .block,
  #Contributors .block {
    padding-top: 1rem; }
  #Presenters .brick,
  #Contributors .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    margin-bottom: 3%; }
    #Presenters .brick:before, #Presenters .brick:after,
    #Contributors .brick:before,
    #Contributors .brick:after {
      content: '';
      display: table; }
    #Presenters .brick:after,
    #Contributors .brick:after {
      clear: both; }
    #Presenters .brick:nth-child(2n),
    #Contributors .brick:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    #Presenters .brick:nth-child(2n + 1),
    #Contributors .brick:nth-child(2n + 1) {
      clear: both; }
    #Presenters .brick a,
    #Contributors .brick a {
      position: relative;
      display: block;
      height: 0;
      padding-bottom: 100%;
      border-bottom: 0; }
      #Presenters .brick a:after,
      #Contributors .brick a:after {
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        right: -1%;
        bottom: -1%;
        left: 0;
        width: 101%;
        height: 101%;
        background: url("assets/img/tile-grid-orange-tiny.gif");
        opacity: 0; }
      #Presenters .brick a canvas,
      #Contributors .brick a canvas {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: auto; }
      #Presenters .brick a .name,
      #Presenters .brick a .more,
      #Contributors .brick a .name,
      #Contributors .brick a .more {
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #dddddd; }
        #Presenters .brick a .name h3,
        #Presenters .brick a .more h3,
        #Contributors .brick a .name h3,
        #Contributors .brick a .more h3 {
          position: absolute;
          bottom: 3%;
          left: 4.5%;
          right: 4.5%;
          font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
          font-weight: 500;
          font-style: normal;
          font-size: 1.5rem;
          line-height: 1.25;
          text-transform: uppercase;
          letter-spacing: .1em;
          font-size: 1.25rem; }
      #Presenters .brick a .name,
      #Contributors .brick a .name {
        opacity: 1; }
      #Presenters .brick a .more,
      #Contributors .brick a .more {
        opacity: 0;
        overflow: hidden; }
        #Presenters .brick a .more .bio,
        #Contributors .brick a .more .bio {
          position: absolute;
          top: 3%;
          left: 4.5%;
          width: 80%;
          font-size: 1.1rem;
          line-height: 1.25;
          text-transform: lowercase; }
      #Presenters .brick a:after,
      #Presenters .brick a .name,
      #Presenters .brick a .more,
      #Contributors .brick a:after,
      #Contributors .brick a .name,
      #Contributors .brick a .more {
        transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
    #Presenters .brick.on,
    #Contributors .brick.on {
      border-bottom: 1px dotted #fff; }
  #Presenters .btn-square,
  #Contributors .btn-square {
    color: #dddddd; }

#Contributors .content {
  text-align: center; }
  #Contributors .content li li a {
    font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-block;
    padding-top: .25em;
    font-size: 1.125rem;
    color: #222;
    border-bottom: 0; }
#Contributors .blurb {
  padding-top: 2rem;
  color: #222; }
#Contributors h2 {
  padding-top: 1rem; }

#Presenter,
#Contributor {
  background-color: #b7b7b7;
  color: #444240;
  text-shadow: none; }
  #Presenter .avatar,
  #Contributor .avatar {
    margin-bottom: 2rem;
    max-width: 300px; }
  #Presenter h1,
  #Contributor h1 {
    margin-top: .33em;
    font-weight: 300;
    text-transform: none; }
  #Presenter + #Videos,
  #Contributor + #Videos {
    text-align: left; }
    #Presenter + #Videos > h2,
    #Contributor + #Videos > h2 {
      padding-left: 6%;
      padding-top: 2rem; }
    #Presenter + #Videos .content,
    #Contributor + #Videos .content {
      padding: 3% 0 0 0; }
  #Presenter a,
  #Contributor a {
    color: #444240; }
  #Presenter .share,
  #Contributor .share {
    margin-top: 3rem; }

#Videos {
  	/*
  	.filters_toggle {
  		@include ts_cond_cap();
  		display: block;
  		padding: 1rem;
  		font-size: 1.25rem;
  		text-align: center;
  		cursor: pointer;
  		color: #fff;
  
  		svg {
  			display: inline;
  			padding-bottom: .5rem;
  			width: 2rem;
  			height: 2.5rem;
  			vertical-align: middle;
  			transform: scale(.4);
  			transform-origin: center;
  		}
  
  		polygon {
  			fill: $color_light_text;
  		}
  
  		.icon-arrow-up {
  			display: none;
  		}
  
  		&.open {
  
  			.icon-arrow-up {
  				display: inline;
  			}
  
  			.icon-arrow-down {
  				display: none;
  			}
  		}
  	}
  */ }
  #Videos .video_filters {
    padding: 2rem 6% 1rem 6%;
    text-align: left; }
    #Videos .video_filters h4 {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 1rem; }
      #Videos .video_filters h4 a {
        display: inline-block;
        margin-left: 1rem;
        font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
        font-weight: 300;
        font-size: .85em;
        text-transform: none;
        letter-spacing: 0;
        color: rgba(123, 123, 123, 0.67);
        cursor: pointer; }
    #Videos .video_filters #topic_search {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 0;
      border: 0;
      padding: 1em;
      background-color: #1a1a1a;
      padding-right: 0;
      padding-left: 0;
      display: none;
      border-top: 0.15rem solid #2f2f2f;
      background-color: #000; }
      #Videos .video_filters #topic_search input {
        -webkit-appearance: none;
        display: inline-block;
        margin: 0;
        padding: inherit;
        width: 100%;
        height: inherit;
        font-size: inherit;
        line-height: inherit;
        vertical-align: text-bottom;
        border: 0;
        outline: none;
        background-color: transparent; }
      #Videos .video_filters #topic_search input,
      #Videos .video_filters #topic_search button {
        display: inline-block;
        font-size: 1.25rem; }
      #Videos .video_filters #topic_search input {
        display: inline-block;
        width: 85%;
        text-indent: 3%; }
      #Videos .video_filters #topic_search button {
        display: inline-block;
        margin: 0;
        width: 15%;
        background-color: transparent;
        color: #fff;
        text-align: right; }
      #Videos .video_filters #topic_search input {
        padding: 0 .75rem;
        width: 100%;
        font-size: 1rem;
        text-indent: 0; }
    #Videos .video_filters .dropdown_wrap {
      margin-top: 1rem;
      margin-bottom: 0;
      text-align: left;
      border: none; }
    #Videos .video_filters .dropdown {
      position: relative;
      top: auto;
      left: auto;
      max-height: 12em; }
    #Videos .video_filters .dropdown,
    #Videos .video_filters li.search_only {
      display: none; }
    #Videos .video_filters .filter {
      color: #9d9d9d;
      background-color: #1a1a1a; }
      #Videos .video_filters .filter.btn-close {
        padding-left: 1em;
        padding-right: 3em;
        color: #dddddd;
        background-position: right 1em center; }
    #Videos .video_filters .active_filters {
      display: none;
      padding-top: 1rem; }
      #Videos .video_filters .active_filters .active_filters_list {
        margin-top: .5rem; }
        #Videos .video_filters .active_filters .active_filters_list .active_filter,
        #Videos .video_filters .active_filters .active_filters_list .clear_filters,
        #Videos .video_filters .active_filters .active_filters_list .no_filters {
          position: relative;
          display: inline-block;
          margin: .5em .5em 0 0;
          padding-top: .5em;
          padding-left: .75em;
          padding-bottom: .5em;
          color: #9d9d9d;
          background-color: #1a1a1a;
          cursor: pointer; }
        #Videos .video_filters .active_filters .active_filters_list .no_filters {
          background-color: transparent;
          color: #5e5e5e;
          cursor: default; }
        #Videos .video_filters .active_filters .active_filters_list .clear_filters {
          color: rgba(123, 123, 123, 0.67);
          background-color: #2a2a2a; }
          #Videos .video_filters .active_filters .active_filters_list .clear_filters.visible {
            display: inline-block; }
  #Videos .no_videos {
    margin-bottom: 6%; }
  #Videos .video {
    display: block;
    position: relative;
    margin-bottom: 3%;
    border-bottom: 0; }
    #Videos .video .wrap {
      background-color: #1a1a1a; }
    #Videos .video .poster {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat; }
    #Videos .video .info_video {
      padding: 1rem 6%; }
      #Videos .video .info_video h2 {
        font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2rem;
        line-height: 1.25;
        text-transform: uppercase;
        margin-top: .5em;
        padding: 0;
        font-weight: 300;
        font-size: 1rem;
        text-transform: lowercase;
        letter-spacing: 0; }
      #Videos .video .info_video h4 {
        font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.5rem;
        line-height: 1.25;
        text-transform: uppercase;
        letter-spacing: .1em;
        margin-top: .25em;
        font-size: 1rem;
        font-weight: 300;
        font-style: normal;
        color: #b7b7b7; }
      #Videos .video .info_video .year {
        font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 1.5rem;
        line-height: 1.25;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: 1rem;
        color: rgba(123, 123, 123, 0.67); }
    #Videos .video.on {
      border-bottom: 1px dotted #fff; }

#Video {
  position: relative;
  padding: 0;
  background-color: #1a1a1a; }
  #Video .content {
    padding: 0; }
    #Video .content .video_player_container {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
    #Video .content .video_player_container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #Video .content .video_details {
      padding: 2rem 6%; }
      #Video .content .video_details h5 {
        color: rgba(123, 123, 123, 0.67); }
      #Video .content .video_details h1 {
        margin-top: .5em;
        font-weight: 300;
        text-transform: none; }
      #Video .content .video_details h2 {
        margin-top: .5em;
        padding: 0;
        font-size: 1.25rem; }
        #Video .content .video_details h2 a {
          color: #898989; }
      #Video .content .video_details .tags {
        padding-top: 1.5rem;
        padding-bottom: 2.5rem; }
        #Video .content .video_details .tags span {
          color: rgba(123, 123, 123, 0.67); }
        #Video .content .video_details .tags a {
          color: #9d9d9d;
          cursor: pointer; }
  #Video .presenter_details {
    padding: 2rem 3%;
    text-align: left; }
    #Video .presenter_details .avatar {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 11.7142857143%;
      margin-left: 0%;
      margin-right: 3%;
      margin-top: .2em; }
      #Video .presenter_details .avatar:before, #Video .presenter_details .avatar:after {
        content: '';
        display: table; }
      #Video .presenter_details .avatar:after {
        clear: both; }
      #Video .presenter_details .avatar:last-child {
        margin-right: 0%; }
    #Video .presenter_details .bio {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 70.5714285714%;
      margin-left: 0%;
      margin-right: 3%;
      padding-top: 0; }
      #Video .presenter_details .bio:before, #Video .presenter_details .bio:after {
        content: '';
        display: table; }
      #Video .presenter_details .bio:after {
        clear: both; }
      #Video .presenter_details .bio:last-child {
        margin-right: 0%; }
      #Video .presenter_details .bio h1 {
        margin-top: .33em;
        font-weight: 300;
        text-transform: none; }
  #Video a {
    border-bottom: 0; }
  #Video + #Videos .content {
    padding-top: 2rem;
    padding-bottom: 3rem; }

.Photos h2 a {
  letter-spacing: 0; }
.Photos .photo {
  *zoom: 1;
  float: left;
  display: inline;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 3%;
  border-bottom: 1px dotted transparent;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
  .Photos .photo:before, .Photos .photo:after {
    content: '';
    display: table; }
  .Photos .photo:after {
    clear: both; }
  .Photos .photo:nth-child(2n) {
    margin-right: 0%;
    float: right; }
  .Photos .photo:nth-child(2n + 1) {
    clear: both; }
  .Photos .photo a {
    position: relative;
    display: block;
    padding-bottom: 66.67%;
    height: 0;
    overflow: hidden;
    border-bottom: 0; }
    .Photos .photo a:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 101%;
      height: 101%;
      background-image: url("assets/img/tile-grid.gif"); }
  .Photos .photo.on {
    border-bottom: 1px dotted #fff; }
.Photos.line {
  padding: 0; }
  .Photos.line .content {
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden; }
  .Photos.line .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0; }
    .Photos.line .photo:before, .Photos.line .photo:after {
      content: '';
      display: table; }
    .Photos.line .photo:after {
      clear: both; }

#Photo {
  position: relative;
  padding: 0;
  background-color: #000; }
  #Photo .content {
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden; }
    #Photo .content:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 101%;
      height: 101%;
      background-image: url("assets/img/tile-grid.gif"); }
  #Photo nav#photo-nav a.grayed {
    opacity: 0; }

#About .content {
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center; }
#About h1 {
  text-transform: none; }
#About p {
  font-size: 1.25rem;
  color: #898989; }

#About_2,
#About_3,
#About_4,
#About_5,
#About_6 {
  padding: 0;
  background-color: #1a1a1a; }
  #About_2 .content,
  #About_3 .content,
  #About_4 .content,
  #About_5 .content,
  #About_6 .content {
    padding: 3rem 6%;
    text-align: center; }
  #About_2 ul,
  #About_3 ul,
  #About_4 ul,
  #About_5 ul,
  #About_6 ul {
    padding-top: 1rem;
    padding-bottom: 2rem; }
  #About_2 li,
  #About_3 li,
  #About_4 li,
  #About_5 li,
  #About_6 li {
    padding-top: 1em;
    line-height: 1.5;
    color: #898989; }

#About_2 .content {
  text-align: left; }
#About_2 ul {
  max-height: 200px; }

#About_3,
#About_5 {
  position: relative;
  background-size: cover;
  background-position: center top;
  overflow: hidden; }
  #About_3:before,
  #About_5:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background-image: url("assets/img/tile-grid.gif"); }
  #About_3 .content,
  #About_5 .content {
    position: relative;
    z-index: 2;
    padding: 7.5rem 6% 5rem 6%; }
  #About_3 li,
  #About_5 li {
    color: #dddddd; }
    #About_3 li strong,
    #About_5 li strong {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: .9em;
      color: #dddddd; }

#About_4 li {
  padding-top: 0.5em;
  line-height: 1.1em; }

#About_5 {
  background-position: center bottom; }
  #About_5 .content {
    padding: 17.5rem 6% 15rem 6%;
    font-size: 1.5rem; }

#About_6 {
  color: #898989; }
  #About_6 .content {
    padding: 5rem 6%; }
  #About_6 a {
    color: #dddddd; }

#Applause {
  padding: 0; }
  #Applause .content {
    padding-bottom: 7.5rem;
    text-align: center; }
  #Applause .quote {
    padding-top: 5rem;
    font-size: 1.25rem;
    font-style: italic; }
  #Applause h3 {
    padding-top: 1rem;
    color: #898989; }
    #Applause h3 strong {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em; }
    #Applause h3,
    #Applause h3 strong {
      font-size: 1rem; }

#Registration #confirmation,
#Registration #cardDetails,
#Registration #registration-sending,
#Registration #registration-thanks,
#Registration #Registrant_2,
#Registration #Registrant_3,
#Registration #Registrant_4,
#Registration #Registrant_5,
#Registration #Registrant_6,
#Registration #Registrant_7,
#Registration #Registrant_8,
#Registration #Registrant_9,
#Registration #Registrant_10,
#Registration #Registrant_11,
#Registration #Registrant_12,
#Registration #Registrant_13,
#Registration #Registrant_14,
#Registration #Registrant_15,
#Registration label.error,
#Registration #otherBilling {
  display: none; }
#Registration h1 {
  margin-bottom: 1rem;
  text-transform: none; }
#Registration h3,
#Registration h4 {
  margin-bottom: 3rem; }
#Registration #confirmationInfo h3 {
  margin-bottom: 0;
  margin-top: 3rem;
  padding-top: 2em;
  border-top: 1px solid #666; }
#Registration h2 {
  margin-top: 5rem; }
#Registration table {
  width: 100%; }
  #Registration table#group-discounts {
    margin-top: 2rem;
    width: auto; }
  #Registration table th,
  #Registration table td {
    padding: .5rem .6rem;
    font-weight: normal;
    border-bottom: 1px dotted #3c3c3c;
    vertical-align: bottom; }
    #Registration table th:first-child,
    #Registration table td:first-child {
      padding-left: 0; }
    #Registration table th.price,
    #Registration table td.price {
      position: relative;
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 1.33rem; }
      #Registration table th.price span,
      #Registration table td.price span {
        display: inline-block;
        font-size: .5em;
        font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
        font-weight: 300;
        font-style: normal;
        letter-spacing: 0;
        color: #e14d36;
        vertical-align: middle; }
  #Registration table th[scope=col] {
    font-size: .75rem; }
  #Registration table#pricing td:not(.current), #Registration table#pricing th:not(.current) {
    opacity: 0.3; }
#Registration #otherBox {
  display: inline-block; }
  #Registration #otherBox input {
    padding: .5em; }
#Registration label.error,
#Registration .payment-errors {
  color: #e14d36;
  padding-top: 0;
  padding-left: 3px;
  font-style: italic;
  font-weight: normal; }
#Registration #purchaser-info,
#Registration #num_registrants,
#Registration #cardDetails {
  padding-top: 1rem; }
#Registration .registrant-info,
#Registration #next,
#Registration #edit {
  margin-top: 3rem; }

.event-microsite h1,
.event-microsite h2 {
  padding-top: 3rem; }
.event-microsite .content {
  padding-top: 2rem;
  padding-bottom: 0; }
  .event-microsite .content p {
    text-align: center; }
.event-microsite#Presenters, .event-microsite#Contributors {
  background-color: #222; }

#Agenda .content {
  padding-top: 0; }
#Agenda h2 {
  display: inline-block; }
  #Agenda h2 + h4 {
    font-size: .8rem;
    color: rgba(123, 123, 123, 0.67); }

ul.schedule {
  width: 100%; }
  ul.schedule li {
    padding: 1em 0;
    border-top: 1px dotted #dddddd;
    vertical-align: baseline; }
    ul.schedule li:first-child {
      border: 0; }
    ul.schedule li.day {
      padding-top: 1em; }
      ul.schedule li.day h3 {
        margin-top: 1em; }
    ul.schedule li .lvl_1 {
      font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      line-height: 1.25;
      text-transform: uppercase;
      font-size: 1.25rem;
      font-weight: 300;
      text-transform: none; }
      ul.schedule li .lvl_1 > a {
        display: block;
        border: 0;
        background-image: url("assets/img/icon-arrow-down.svg");
        background-position: 100% 75%;
        background-size: .75em;
        background-repeat: no-repeat;
        cursor: pointer; }
        ul.schedule li .lvl_1 > a.open {
          background-image: url("assets/img/icon-arrow-up.svg");
          background-position: 100% 50%; }
      ul.schedule li .lvl_1 ul {
        display: none; }
        ul.schedule li .lvl_1 ul li {
          padding: 0;
          border-top: 1px dotted rgba(123, 123, 123, 0.67); }
          ul.schedule li .lvl_1 ul li:first-child {
            margin-top: .5em;
            border: 0; }
          ul.schedule li .lvl_1 ul li > a {
            display: block;
            padding: .75em 2em .75em 0;
            font-size: 1rem;
            background-image: url("assets/img/icon-arrow-down.svg");
            background-position: 100% 1.35em;
            background-size: .75em;
            background-repeat: no-repeat;
            border: 0; }
            ul.schedule li .lvl_1 ul li > a.open {
              background-image: url("assets/img/icon-arrow-up.svg");
              background-position: 100% 1em;
              border-bottom: 0; }
          ul.schedule li .lvl_1 ul li .loaded_content {
            position: relative;
            font-size: .9rem; }
          ul.schedule li .lvl_1 ul li .bio {
            padding-bottom: 3rem; }
            ul.schedule li .lvl_1 ul li .bio p {
              text-align: left; }
    ul.schedule li .lvl_2,
    ul.schedule li .lvl_3 {
      font-size: 1.25rem;
      color: #9d9d9d; }
    ul.schedule li .lvl_3:first-child {
      font-size: 1rem; }

#Mark-Anderson h3 {
  font-size: 1.5rem;
  padding-right: 15%;
  padding-left: 15%; }
#Mark-Anderson p {
  padding-bottom: 3rem; }
  #Mark-Anderson p a {
    border-bottom: 1px dotted #e14d36; }
#Mark-Anderson .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 6%; }
  #Mark-Anderson .content:before {
    display: none; }
#Mark-Anderson .illustration {
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  #Mark-Anderson .illustration img {
    cursor: pointer;
    width: 100%; }
#Mark-Anderson .caption {
  padding-bottom: 2px;
  margin-top: 15px;
  font-size: 16px; }

#Mark-Anderson-Video {
  padding-bottom: 5%; }
  #Mark-Anderson-Video .header-wrapper {
    text-align: center;
    padding-bottom: 60px; }
  #Mark-Anderson-Video .header {
    font-size: 20px;
    letter-spacing: 0.5px; }
  #Mark-Anderson-Video .subheader {
    font-size: 14px;
    padding-top: 10px; }
  #Mark-Anderson-Video iframe {
    height: 300px;
    width: 100%; }

.illustration-modal-mask {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(26, 26, 26, 0.8);
  z-index: 6; }

.close-modal-icon {
  width: 15px;
  height: 15px;
  background-image: url(./assets/img/icon-close.svg);
  z-index: 7;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer; }

.modal-image-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 7;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
  max-width: calc((100vh - 80px)*0.814 + 80px);
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  background-color: black;
  align-items: center; }
  .modal-image-wrapper .modal-image {
    width: 85%;
    height: 85%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto; }

#Welcome .pixel_image {
  position: relative;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 1000px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  overflow: hidden; }
  #Welcome .pixel_image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background-image: url("assets/img/tile-grid.gif"); }
  #Welcome .pixel_image h1 {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 80%;
    font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.75rem;
    color: #fff;
    text-shadow: 0 0 150px #000; }
#Welcome .content p {
  text-align: left; }
#Welcome .content > h3 {
  margin-top: 2rem;
  padding: 2rem 0;
  border-top: 1px dotted rgba(123, 123, 123, 0.67); }
#Welcome .content .hosts li {
  display: inline-block;
  width: 100%; }
  #Welcome .content .hosts li > a {
    display: block;
    padding: .5em 2em .5em 0;
    background-image: url("assets/img/icon-arrow-down.svg");
    background-position: right center;
    background-size: .55em;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #dddddd; }
    #Welcome .content .hosts li > a.open {
      background-image: url("assets/img/icon-arrow-up.svg");
      background-position: 100% 1em;
      border-bottom: 0; }
  #Welcome .content .hosts li:last-child a {
    border: 0; }
#Welcome .content .bio {
  display: none;
  padding-top: .5rem;
  padding-bottom: 2rem;
  margin-bottom: .5rem;
  border-bottom: 1px dotted #dddddd; }
  #Welcome .content .bio h3 {
    padding-top: 1em; }

#Home_Nav li a,
#Maps li a,
#Thanks li a {
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helmet, Freesans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.25;
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: 300;
  text-transform: none; }

#Home_Nav li,
#Maps li,
#Thanks li,
#Presenters.event-microsite li,
#Contributors.event-microsite li,
#Nearby-Food li {
  display: inline-block;
  width: 100%; }
  #Home_Nav li > a,
  #Maps li > a,
  #Thanks li > a,
  #Presenters.event-microsite li > a,
  #Contributors.event-microsite li > a,
  #Nearby-Food li > a {
    display: block;
    padding: .5em 2em .5em 0;
    background-image: url("assets/img/icon-arrow-right.svg");
    background-position: right center;
    background-size: .55em;
    background-repeat: no-repeat; }
    #Home_Nav li > a span,
    #Home_Nav li > a em,
    #Maps li > a span,
    #Maps li > a em,
    #Thanks li > a span,
    #Thanks li > a em,
    #Presenters.event-microsite li > a span,
    #Presenters.event-microsite li > a em,
    #Contributors.event-microsite li > a span,
    #Contributors.event-microsite li > a em,
    #Nearby-Food li > a span,
    #Nearby-Food li > a em {
      color: rgba(149, 149, 149, 0.67); }
      #Home_Nav li > a span.address,
      #Home_Nav li > a em.address,
      #Maps li > a span.address,
      #Maps li > a em.address,
      #Thanks li > a span.address,
      #Thanks li > a em.address,
      #Presenters.event-microsite li > a span.address,
      #Presenters.event-microsite li > a em.address,
      #Contributors.event-microsite li > a span.address,
      #Contributors.event-microsite li > a em.address,
      #Nearby-Food li > a span.address,
      #Nearby-Food li > a em.address {
        display: block; }
  #Home_Nav li:last-child a,
  #Maps li:last-child a,
  #Thanks li:last-child a,
  #Presenters.event-microsite li:last-child a,
  #Contributors.event-microsite li:last-child a,
  #Nearby-Food li:last-child a {
    border: 0; }

#Presenters.event-microsite .content > ul,
#Contributors.event-microsite .content > ul {
  columns: auto 1; }
#Presenters.event-microsite li > a,
#Contributors.event-microsite li > a {
  background-image: url("assets/img/icon-arrow-down.svg");
  background-position: 100% 1.35em;
  background-size: .75em;
  color: #dddddd;
  text-align: left;
  border-bottom: 1px dotted #dddddd; }
  #Presenters.event-microsite li > a.open,
  #Contributors.event-microsite li > a.open {
    background-image: url("assets/img/icon-arrow-up.svg");
    background-position: 100% 1em;
    border-bottom: 0; }
  #Presenters.event-microsite li > a span,
  #Contributors.event-microsite li > a span {
    display: inline-block;
    padding-left: 1em;
    font-size: 90%; }
#Presenters.event-microsite li .loaded_content,
#Contributors.event-microsite li .loaded_content {
  position: relative;
  padding-bottom: 3rem;
  border-bottom: 1px dotted #dddddd;
  font-size: .9rem; }
#Presenters.event-microsite li .bio p,
#Contributors.event-microsite li .bio p {
  text-align: left; }

#Twitter .tweets {
  margin-top: 2rem;
  list-style: none; }
#Twitter .tweet {
  min-height: calc(2.2rem + 48px);
  border-top: 1px dotted rgba(136, 136, 136, 0.67); }
#Twitter .tweet_content {
  position: relative;
  margin: 1rem 0; }
#Twitter .tweet_profile_img {
  position: absolute;
  top: .1em;
  left: 0;
  max-width: 48px; }
  #Twitter .tweet_profile_img a {
    border: 0; }
#Twitter .tweet_user {
  border: 0; }
#Twitter .tweet_primary_meta,
#Twitter .tweet_text,
#Twitter .tweet_secondary_meta {
  display: block;
  margin: 0 0 0 60px; }
#Twitter .tweet_screen_name,
#Twitter .tweet_secondary_meta {
  color: rgba(123, 123, 123, 0.67); }
#Twitter .tweet_screen_name,
#Twitter .tweet_text {
  font-size: .75rem; }
#Twitter .tweet_secondary_meta {
  margin-top: .5em;
  font-size: .7rem; }
  #Twitter .tweet_secondary_meta a {
    color: rgba(123, 123, 123, 0.67);
    border: 0; }
  #Twitter .tweet_secondary_meta .tweet_retweet {
    display: block; }
  #Twitter .tweet_secondary_meta .tweet_intents a {
    display: inline-block;
    margin-right: 1em;
    font-size: 120%; }
#Twitter .btn-tweet,
#Twitter .btn-close {
  display: block;
  padding: 0;
  width: 36px;
  height: 36px;
  background-size: 1em;
  background-position: center center; }
#Twitter .twitter_post {
  display: none;
  clear: left;
  margin-top: .5em; }
  #Twitter .twitter_post.open {
    display: block; }
  #Twitter .twitter_post p {
    text-align: left; }
  #Twitter .twitter_post button.btn-gray {
    margin-top: .25em; }
  #Twitter .twitter_post input[type=file] {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 2rem; }
  #Twitter .twitter_post .add_photo {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: .85rem;
    color: #9d9d9d;
    text-align: center; }
    #Twitter .twitter_post .add_photo svg {
      display: inline-block;
      height: 2rem;
      width: 2rem; }
      #Twitter .twitter_post .add_photo svg path {
        transform: scale(0.5);
        transform-origin: center;
        fill: #9d9d9d; }
    #Twitter .twitter_post .add_photo span {
      display: inline-block;
      max-width: 50%;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: top; }
    #Twitter .twitter_post .add_photo:hover {
      background-color: rgba(123, 123, 123, 0.67); }
#Twitter #form-sign-out-twitter {
  display: inline-block;
  margin-top: .5em;
  font-size: .8em;
  color: rgba(123, 123, 123, 0.67); }
#Twitter #form-tweet button {
  margin-top: .5em;
  padding-right: 0;
  padding-left: 0;
  width: 100%; }
#Twitter #form-tweet div {
  position: relative; }
  #Twitter #form-tweet div.textarea textarea {
    margin: 1em 0; }

#Live .content {
  text-align: center; }
  #Live .content em {
    font-size: 80%;
    color: rgba(123, 123, 123, 0.67); }
  #Live .content form,
  #Live .content iframe {
    margin: 1rem auto 0 auto;
    width: 100%; }
  #Live .content form {
    max-width: 400px; }
  #Live .content iframe {
    max-width: 960px; }

#Special-Thanks h3 {
  margin-top: 3rem; }
#Special-Thanks ul {
  margin-top: 1rem; }
#Special-Thanks h2 + ul {
  margin-top: 0; }
  #Special-Thanks h2 + ul li {
    display: inline-block;
    margin-top: 1rem;
    width: 100%; }
#Special-Thanks p {
  text-align: left; }

#Multiple {
  background-image: url("assets/img/logo-multiple.svg");
  background-position: center center;
  background-size: 60%;
  background-size: 60vmin;
  background-repeat: no-repeat; }
  #Multiple .content p {
    text-align: left; }

#Page h2 {
  padding-top: 2rem; }
#Page hr {
  margin: 3rem 0 0 0; }
#Page p,
#Page li {
  color: #b7b7b7; }
#Page ul:not(.schedule) {
  padding-top: .25rem; }
  #Page ul:not(.schedule) li {
    padding: .5em 0 0 0; }
    #Page ul:not(.schedule) li:before {
      content: '❯';
      display: inline-block;
      padding-right: 1em;
      font-size: .6em;
      color: #e14d36;
      vertical-align: middle; }
#Page ul.schedule li:first-child h2 {
  padding: 0; }
#Page .content img {
  width: 48%; }

#Pages {
  background-color: #1a1a1a; }
  #Pages a {
    display: block;
    padding: 1em;
    border-bottom: 0.15rem dotted rgba(123, 123, 123, 0.67);
    font-size: 2rem; }
    #Pages a:first-child {
      border-top: 0.15rem dotted rgba(123, 123, 123, 0.67); }

#Sponsors {
  background: #1a1a1a;
  color: #dddddd;
  text-shadow: 1px 1px 0px #000; }
  #Sponsors .content {
    padding-bottom: 6%; }
  #Sponsors .sponsor {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    display: block;
    position: relative;
    margin-bottom: 3%;
    border-bottom: 0; }
    #Sponsors .sponsor:before, #Sponsors .sponsor:after {
      content: '';
      display: table; }
    #Sponsors .sponsor:after {
      clear: both; }
    #Sponsors .sponsor:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    #Sponsors .sponsor:nth-child(2n + 1) {
      clear: both; }
    #Sponsors .sponsor .wrap {
      margin: 0;
      padding: 0 0 60% 0;
      width: 100%;
      height: 0;
      text-align: center;
      background-color: #2f2f2f;
      overflow: hidden; }
      #Sponsors .sponsor .wrap img {
        position: absolute;
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 70%;
        opacity: 1; }

#Julia-Kuo {
  background-color: #56514b;
  background-image: url("assets/img/bg-julia-kuo-illustrations.png");
  background-repeat: repeat-x;
  background-position: center top; }
  #Julia-Kuo p {
    padding: 0; }

footer {
  position: relative;
  z-index: 1;
  padding: 6%;
  background-color: #000; }
  footer a {
    color: #9d9d9d; }
  footer #copyright {
    margin-top: 1em;
    line-height: 1.67em;
    color: #5e5e5e; }
    footer #copyright svg {
      width: 3.5em;
      height: 2em;
      transform: translateY(0.85em); }
      footer #copyright svg g {
        fill: #888; }
    footer #copyright p,
    footer #copyright li {
      font-size: 80%;
      line-height: 1; }
      footer #copyright p + p,
      footer #copyright li + p {
        padding-top: 1.5em; }
    footer #copyright ul {
      padding-top: .25em; }
    footer #copyright li a {
      display: inline-block;
      padding: .25em 0; }
  footer #connect {
    min-height: 1px; }
    footer #connect li {
      display: inline-block;
      margin: .5em 1em 0 0;
      line-height: 1.75em; }
      footer #connect li img {
        width: 2.5rem;
        opacity: .5; }
      footer #connect li:hover img {
        opacity: 1; }
      footer #connect li i {
        padding-right: .25em;
        font-size: 1.67rem;
        vertical-align: top; }
  footer #mc_embed_signup {
    position: relative;
    margin-bottom: 2rem; }
    footer #mc_embed_signup form {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 0;
      border: 0;
      padding: 1em;
      background-color: #1a1a1a;
      padding: .67em; }
      footer #mc_embed_signup form input {
        -webkit-appearance: none;
        display: inline-block;
        margin: 0;
        padding: inherit;
        width: 100%;
        height: inherit;
        font-size: inherit;
        line-height: inherit;
        vertical-align: text-bottom;
        border: 0;
        outline: none;
        background-color: transparent; }
      footer #mc_embed_signup form input,
      footer #mc_embed_signup form button {
        display: inline-block;
        font-size: 1.25rem; }
      footer #mc_embed_signup form input {
        display: inline-block;
        width: 85%;
        text-indent: 3%; }
      footer #mc_embed_signup form button {
        display: inline-block;
        margin: 0;
        width: 15%;
        background-color: transparent;
        color: #fff;
        text-align: right; }
      footer #mc_embed_signup form input {
        font-size: .75rem; }
      footer #mc_embed_signup form .icon-add {
        position: absolute;
        right: 0;
        top: 0;
        width: 3rem;
        height: 100%; }
        footer #mc_embed_signup form .icon-add svg {
          display: block;
          transform: scale(0.4);
          transform-origin: center; }
        footer #mc_embed_signup form .icon-add polygon {
          fill: #dddddd; }
  footer#nav-footer {
    font-size: .85rem;
    background-color: transparent; }
    footer#nav-footer li i {
      font-size: 2rem; }
    footer#nav-footer li span {
      position: fixed;
      top: -999px;
      left: -999px; }

@media screen and (orientation: landscape) {
  #Presenters .brick,
  #Contributors .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenters .brick:before, #Presenters .brick:after,
    #Contributors .brick:before,
    #Contributors .brick:after {
      content: '';
      display: table; }
    #Presenters .brick:after,
    #Contributors .brick:after {
      clear: both; }
    #Presenters .brick:nth-child(2n),
    #Contributors .brick:nth-child(2n) {
      margin-right: 3%;
      float: left; }
    #Presenters .brick:nth-child(2n + 1),
    #Contributors .brick:nth-child(2n + 1) {
      clear: none; }
    #Presenters .brick:nth-child(4n),
    #Contributors .brick:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    #Presenters .brick:nth-child(4n + 1),
    #Contributors .brick:nth-child(4n + 1) {
      clear: both; }

  #Videos .video {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    #Videos .video:before, #Videos .video:after {
      content: '';
      display: table; }
    #Videos .video:after {
      clear: both; }
    #Videos .video:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    #Videos .video:nth-child(3n + 1) {
      clear: both; } }
@media screen and (min-width: 420px) {
  #Videos .video_filters .active_filters {
    display: none; }
  #Videos .video_filters .dropdown_wrap {
    padding: 1rem; }

  #Sponsors .sponsor {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    #Sponsors .sponsor:before, #Sponsors .sponsor:after {
      content: '';
      display: table; }
    #Sponsors .sponsor:after {
      clear: both; }
    #Sponsors .sponsor:nth-child(2n) {
      margin-right: 3%;
      float: left; }
    #Sponsors .sponsor:nth-child(2n + 1) {
      clear: none; }
    #Sponsors .sponsor:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    #Sponsors .sponsor:nth-child(3n + 1) {
      clear: both; } }
@media screen and (min-width: 641px) {
  html {
    font-size: 14px; }

  h5 {
    font-size: 1rem; }

  .ninja-forms-all-fields-wrap .text-wrap {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .ninja-forms-all-fields-wrap .text-wrap:before, .ninja-forms-all-fields-wrap .text-wrap:after {
      content: '';
      display: table; }
    .ninja-forms-all-fields-wrap .text-wrap:after {
      clear: both; }
    .ninja-forms-all-fields-wrap .text-wrap:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .ninja-forms-all-fields-wrap .text-wrap:nth-child(2n + 1) {
      clear: both; }

  .form-postpass {
    margin: auto;
    width: 50%;
    text-align: center; }
    .form-postpass input {
      background-color: #fff; }
    .form-postpass button {
      margin-top: 1em;
      padding: 1em 2em;
      background-color: #e14d36;
      border-radius: 2px; }

  #Mark-Anderson .illustration {
    width: calc((100% / 2) - 30px);
    margin-right: 30px; }

  #Mark-Anderson-Video .header {
    font-size: 25px;
    letter-spacing: 0.5px; }
  #Mark-Anderson-Video .subheader {
    font-size: 16px;
    padding-top: 10px; }
  #Mark-Anderson-Video iframe {
    height: 400px; }

  #wrapper > h1 {
    padding-right: 15%;
    padding-left: 15%; }
    #wrapper > h1.pull {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }

  section {
    padding-bottom: 3%; }
    section > h2,
    section > .content {
      *zoom: 1;
      width: auto;
      max-width: 75%;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0; }
      section > h2:before, section > h2:after,
      section > .content:before,
      section > .content:after {
        content: '';
        display: table; }
      section > h2:after,
      section > .content:after {
        clear: both; }
    section > .content {
      padding-top: 3rem;
      padding-bottom: 3rem; }

  .pixelscreen .content h1,
  .pixelscreen .content_stage h1 {
    font-size: 10rem; }
  .pixelscreen .content h2,
  .pixelscreen .content_stage h2 {
    font-size: 5.5rem; }
  .pixelscreen .content h3,
  .pixelscreen .content_stage h3 {
    font-size: 2rem; }
  .pixelscreen .content h4,
  .pixelscreen .content_stage h4 {
    font-size: 2rem; }
  .pixelscreen .content h5,
  .pixelscreen .content_stage h5 {
    font-size: 1.25rem; }
  .pixelscreen .content p,
  .pixelscreen .content_stage p {
    font-size: 1.25rem; }
  .pixelscreen .content a,
  .pixelscreen .content_stage a {
    font-size: 1.25rem; }
  .pixelscreen#Viewer #pixels {
    position: fixed;
    top: 4rem; }
  .pixelscreen nav div a svg {
    transform: scale(0.25); }

  #Presenters .brick,
  #Contributors .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenters .brick:before, #Presenters .brick:after,
    #Contributors .brick:before,
    #Contributors .brick:after {
      content: '';
      display: table; }
    #Presenters .brick:after,
    #Contributors .brick:after {
      clear: both; }
    #Presenters .brick:nth-child(2n),
    #Contributors .brick:nth-child(2n) {
      margin-right: 3%;
      float: left; }
    #Presenters .brick:nth-child(2n + 1),
    #Contributors .brick:nth-child(2n + 1) {
      clear: none; }
    #Presenters .brick:nth-child(3n),
    #Contributors .brick:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    #Presenters .brick:nth-child(3n + 1),
    #Contributors .brick:nth-child(3n + 1) {
      clear: both; }
    #Presenters .brick a:hover:after,
    #Contributors .brick a:hover:after {
      opacity: 1; }
    #Presenters .brick a:hover .name,
    #Contributors .brick a:hover .name {
      opacity: 0; }
    #Presenters .brick a:hover .more,
    #Contributors .brick a:hover .more {
      opacity: 1; }

  #Presenter .content,
  #Contributor .content {
    *zoom: 1;
    width: auto;
    max-width: 75%;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    #Presenter .content:before, #Presenter .content:after,
    #Contributor .content:before,
    #Contributor .content:after {
      content: '';
      display: table; }
    #Presenter .content:after,
    #Contributor .content:after {
      clear: both; }
  #Presenter .avatar,
  #Contributor .avatar {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenter .avatar:before, #Presenter .avatar:after,
    #Contributor .avatar:before,
    #Contributor .avatar:after {
      content: '';
      display: table; }
    #Presenter .avatar:after,
    #Contributor .avatar:after {
      clear: both; }
    #Presenter .avatar:last-child,
    #Contributor .avatar:last-child {
      margin-right: 0%; }
  #Presenter .bio,
  #Contributor .bio {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 79.4%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenter .bio:before, #Presenter .bio:after,
    #Contributor .bio:before,
    #Contributor .bio:after {
      content: '';
      display: table; }
    #Presenter .bio:after,
    #Contributor .bio:after {
      clear: both; }
    #Presenter .bio:last-child,
    #Contributor .bio:last-child {
      margin-right: 0%; }
  #Presenter + #Videos > h2,
  #Contributor + #Videos > h2 {
    padding-left: 0; }

  #Videos .video_filters {
    padding-right: 0;
    padding-left: 0; }
    #Videos .video_filters span {
      font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 1.25rem; }
    #Videos .video_filters .dropdown_wrap,
    #Videos .video_filters #topic_search,
    #Videos .video_filters .dropdown,
    #Videos .video_filters .active_filters {
      *zoom: 1;
      width: auto;
      max-width: 75%;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0; }
      #Videos .video_filters .dropdown_wrap:before, #Videos .video_filters .dropdown_wrap:after,
      #Videos .video_filters #topic_search:before,
      #Videos .video_filters #topic_search:after,
      #Videos .video_filters .dropdown:before,
      #Videos .video_filters .dropdown:after,
      #Videos .video_filters .active_filters:before,
      #Videos .video_filters .active_filters:after {
        content: '';
        display: table; }
      #Videos .video_filters .dropdown_wrap:after,
      #Videos .video_filters #topic_search:after,
      #Videos .video_filters .dropdown:after,
      #Videos .video_filters .active_filters:after {
        clear: both; }
    #Videos .video_filters #topic_search,
    #Videos .video_filters .dropdown,
    #Videos .video_filters .active_filters {
      display: none; }
    #Videos .video_filters .clear_filters {
      margin-top: 1rem; }
    #Videos .video_filters .dropdown_wrap {
      padding: 1rem; }
  #Videos .video {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #Videos .video:before, #Videos .video:after {
      content: '';
      display: table; }
    #Videos .video:after {
      clear: both; }
    #Videos .video:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    #Videos .video:nth-child(3n + 1) {
      clear: none; }
    #Videos .video:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    #Videos .video:nth-child(2n + 1) {
      clear: both; }

  #Video {
    background: #222; }
    #Video .content {
      width: 100%;
      max-width: 100%;
      background-color: #131313; }
      #Video .content .video_wrap {
        *zoom: 1;
        width: auto;
        max-width: 75%;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 3rem; }
        #Video .content .video_wrap:before, #Video .content .video_wrap:after {
          content: '';
          display: table; }
        #Video .content .video_wrap:after {
          clear: both; }
      #Video .content .video_details {
        padding: 2rem 0; }
    #Video .presenter_details {
      *zoom: 1;
      width: auto;
      max-width: 75%;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0; }
      #Video .presenter_details:before, #Video .presenter_details:after {
        content: '';
        display: table; }
      #Video .presenter_details:after {
        clear: both; }

  .Photos.line .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 25%;
    margin-left: 0%;
    margin-right: 0%; }
    .Photos.line .photo:before, .Photos.line .photo:after {
      content: '';
      display: table; }
    .Photos.line .photo:after {
      clear: both; }

  #About_2 .content,
  #About_3 .content,
  #About_4 .content,
  #About_5 .content {
    padding-right: 0;
    padding-left: 0; }
  #About_2 ul,
  #About_3 ul,
  #About_4 ul,
  #About_5 ul {
    columns: 3 auto; }
  #About_2 li,
  #About_3 li,
  #About_4 li,
  #About_5 li {
    display: block; }

  #About_2 li {
    display: inline-block;
    padding-right: 6%; }

  #About_3,
  #About_5 {
    background-attachment: fixed; }

  #Contributors .content > ul {
    columns: 3 auto;
    column-fill: balance; }
    #Contributors .content > ul > li {
      display: inline-block;
      width: 100%; }

  #Page .content img {
    width: 22%;
    max-width: 240px; }
  #Page ul.schedule li {
    *zoom: 1; }
    #Page ul.schedule li:before, #Page ul.schedule li:after {
      content: '';
      display: table; }
    #Page ul.schedule li:after {
      clear: both; }
    #Page ul.schedule li div {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 31.3333333333%;
      margin-left: 0%;
      margin-right: 3%; }
      #Page ul.schedule li div:before, #Page ul.schedule li div:after {
        content: '';
        display: table; }
      #Page ul.schedule li div:after {
        clear: both; }
      #Page ul.schedule li div:last-child {
        margin-right: 0%; }
      #Page ul.schedule li div + div {
        *zoom: 1;
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 65.6666666667%;
        margin-left: 0%;
        margin-right: 3%; }
        #Page ul.schedule li div + div:before, #Page ul.schedule li div + div:after {
          content: '';
          display: table; }
        #Page ul.schedule li div + div:after {
          clear: both; }
        #Page ul.schedule li div + div:last-child {
          margin-right: 0%; }

  #Registration .reg_2 {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #Registration .reg_2:before, #Registration .reg_2:after {
      content: '';
      display: table; }
    #Registration .reg_2:after {
      clear: both; }
    #Registration .reg_2:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    #Registration .reg_2:nth-child(2n + 1) {
      clear: both; }
  #Registration .reg_3 {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    #Registration .reg_3:before, #Registration .reg_3:after {
      content: '';
      display: table; }
    #Registration .reg_3:after {
      clear: both; }
    #Registration .reg_3:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    #Registration .reg_3:nth-child(3n + 1) {
      clear: both; }
  #Registration table th.price,
  #Registration table td.price {
    position: relative; }
    #Registration table th.price span,
    #Registration table td.price span {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -100px;
      width: 100px;
      padding-right: 1em;
      text-align: right; }

  #Sponsors .sponsor {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    #Sponsors .sponsor:before, #Sponsors .sponsor:after {
      content: '';
      display: table; }
    #Sponsors .sponsor:after {
      clear: both; }
    #Sponsors .sponsor:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    #Sponsors .sponsor:nth-child(3n + 1) {
      clear: none; }
    #Sponsors .sponsor:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    #Sponsors .sponsor:nth-child(4n + 1) {
      clear: both; }
    #Sponsors .sponsor .wrap {
      background-color: #222; }
      #Sponsors .sponsor .wrap img {
        opacity: 0.5; }
    #Sponsors .sponsor:hover .wrap {
      background-color: #2f2f2f; }
      #Sponsors .sponsor:hover .wrap img {
        opacity: 1; }

  #Welcome .pixel_image h1 {
    font-size: 3rem; }

  #Presenters.event-microsite li .avatar,
  #Contributors.event-microsite li .avatar {
    float: left;
    margin-top: 1.1em;
    width: 20%; }
  #Presenters.event-microsite li .bio,
  #Contributors.event-microsite li .bio {
    margin-left: 25%; }

  ul.schedule li .lvl_1 ul li .avatar {
    float: left;
    margin: 1em 0;
    width: 20%; }
  ul.schedule li .lvl_1 ul li .bio {
    margin-left: 25%; }

  #Twitter .tweet_text,
  #Twitter .tweet_screen_name {
    font-size: .9rem; }
  #Twitter .tweet_secondary_meta {
    font-size: .8rem; }
    #Twitter .tweet_secondary_meta .tweet_retweet {
      position: absolute;
      top: 0;
      right: 0; }
    #Twitter .tweet_secondary_meta .tweet_date {
      position: absolute;
      bottom: 0;
      right: 0; }
  #Twitter .twitter_post {
    clear: none;
    margin: 0 0 0 60px; }
  #Twitter .btn-close {
    float: left; }
  #Twitter #form-tweet div.textarea {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 74.25%;
    margin-left: 0%;
    margin-right: 3%; }
    #Twitter #form-tweet div.textarea:before, #Twitter #form-tweet div.textarea:after {
      content: '';
      display: table; }
    #Twitter #form-tweet div.textarea:after {
      clear: both; }
    #Twitter #form-tweet div.textarea:last-child {
      margin-right: 0%; }
    #Twitter #form-tweet div.textarea textarea {
      margin: 0; }
  #Twitter #form-tweet div.buttons {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    #Twitter #form-tweet div.buttons:before, #Twitter #form-tweet div.buttons:after {
      content: '';
      display: table; }
    #Twitter #form-tweet div.buttons:after {
      clear: both; }
    #Twitter #form-tweet div.buttons:last-child {
      margin-right: 0%; }

  #Special-Thanks ul {
    columns: 3 auto; } }
@media screen and (min-width: 850px) {
  #sb-site {
    backface-visibility: visible; }

  .sb-slidebar {
    position: fixed;
    width: 100%;
    height: 4rem;
    overflow: hidden; }

  nav#main-nav {
    display: block;
    float: left;
    z-index: 5;
    width: auto;
    background-color: transparent; }
    nav#main-nav > ul {
      margin: 0;
      padding: 0 0 0 1.5rem;
      height: 4rem; }
      nav#main-nav > ul li {
        display: block;
        float: left;
        width: auto;
        border-top: none;
        background: transparent; }
        nav#main-nav > ul li a {
          height: 4rem;
          line-height: 4rem;
          font-size: 1.25rem;
          letter-spacing: .05em; }
        nav#main-nav > ul li #searchform {
          margin-top: 0;
          height: 4rem;
          background-color: transparent; }
          nav#main-nav > ul li #searchform .icon-search,
          nav#main-nav > ul li #searchform .icon-close {
            height: 4rem;
            width: 4rem; }
          nav#main-nav > ul li #searchform .icon-search {
            padding: 1.5rem 1rem; }
          nav#main-nav > ul li #searchform input {
            display: none;
            height: 4rem;
            line-height: 4rem; }
    nav#main-nav.search {
      width: 100%; }
      nav#main-nav.search > ul {
        padding: 0; }
        nav#main-nav.search > ul li {
          width: 0;
          overflow: hidden; }
          nav#main-nav.search > ul li.menu-item-search {
            width: 100%; }
          nav#main-nav.search > ul li #searchform .icon-search {
            display: none; }
          nav#main-nav.search > ul li #searchform .icon-close polygon {
            fill: #dddddd; }
          nav#main-nav.search > ul li #searchform .icon-close,
          nav#main-nav.search > ul li #searchform input {
            display: block; }

  #Mark-Anderson .content {
    padding: 0;
    max-width: 90%; }
  #Mark-Anderson .illustration {
    width: 100%;
    width: calc((100% / 3) - 30px);
    margin-right: 30px; }

  header#main-header button {
    display: none; }

  footer {
    padding: 3% 0; }
    footer .content {
      *zoom: 1;
      width: auto;
      max-width: 75%;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0;
      text-align: left; }
      footer .content:before, footer .content:after {
        content: '';
        display: table; }
      footer .content:after {
        clear: both; }
    footer #copyright {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%;
      position: relative;
      left: -51.5%;
      margin-top: 0; }
      footer #copyright:before, footer #copyright:after {
        content: '';
        display: table; }
      footer #copyright:after {
        clear: both; }
      footer #copyright:last-child {
        margin-right: 0%; }
    footer #connect {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%;
      position: relative;
      left: 51.5%; }
      footer #connect:before, footer #connect:after {
        content: '';
        display: table; }
      footer #connect:after {
        clear: both; }
      footer #connect:last-child {
        margin-right: 0%; }
    footer#nav-footer {
      display: none; } }
@media screen and (min-width: 1000px) {
  html {
    font-size: 16px; }

  #Presenters .brick,
  #Contributors .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenters .brick:before, #Presenters .brick:after,
    #Contributors .brick:before,
    #Contributors .brick:after {
      content: '';
      display: table; }
    #Presenters .brick:after,
    #Contributors .brick:after {
      clear: both; }
    #Presenters .brick:nth-child(3n),
    #Contributors .brick:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    #Presenters .brick:nth-child(3n + 1),
    #Contributors .brick:nth-child(3n + 1) {
      clear: none; }
    #Presenters .brick:nth-child(4n),
    #Contributors .brick:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    #Presenters .brick:nth-child(4n + 1),
    #Contributors .brick:nth-child(4n + 1) {
      clear: both; }

  #Page .content {
    *zoom: 1;
    width: auto;
    max-width: 50%;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    #Page .content:before, #Page .content:after {
      content: '';
      display: table; }
    #Page .content:after {
      clear: both; }

  #Presenter .bio,
  #Contributor .bio {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 69.1%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenter .bio:before, #Presenter .bio:after,
    #Contributor .bio:before,
    #Contributor .bio:after {
      content: '';
      display: table; }
    #Presenter .bio:after,
    #Contributor .bio:after {
      clear: both; }
    #Presenter .bio:last-child,
    #Contributor .bio:last-child {
      margin-right: 0%; }

  #Videos .video {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    #Videos .video:before, #Videos .video:after {
      content: '';
      display: table; }
    #Videos .video:after {
      clear: both; }
    #Videos .video:nth-child(2n) {
      margin-right: 3%;
      float: left; }
    #Videos .video:nth-child(2n + 1) {
      clear: none; }
    #Videos .video:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    #Videos .video:nth-child(3n + 1) {
      clear: both; }

  #Mark-Anderson-Video iframe {
    height: 500px; }

  .Photos .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    .Photos .photo:before, .Photos .photo:after {
      content: '';
      display: table; }
    .Photos .photo:after {
      clear: both; }
    .Photos .photo:nth-child(2n) {
      margin-right: 3%;
      float: left; }
    .Photos .photo:nth-child(2n + 1) {
      clear: none; }
    .Photos .photo:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    .Photos .photo:nth-child(3n + 1) {
      clear: both; }
  .Photos.line .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 20%;
    margin-left: 0%;
    margin-right: 0%; }
    .Photos.line .photo:before, .Photos.line .photo:after {
      content: '';
      display: table; }
    .Photos.line .photo:after {
      clear: both; }

  #Sponsors .sponsor {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%; }
    #Sponsors .sponsor:before, #Sponsors .sponsor:after {
      content: '';
      display: table; }
    #Sponsors .sponsor:after {
      clear: both; }
    #Sponsors .sponsor:nth-child(4n) {
      margin-right: 3%;
      float: left; }
    #Sponsors .sponsor:nth-child(4n + 1) {
      clear: none; }
    #Sponsors .sponsor:nth-child(5n) {
      margin-right: 0%;
      float: right; }
    #Sponsors .sponsor:nth-child(5n + 1) {
      clear: both; }

  #Nearby-Food ul {
    column-count: 2;
    column-gap: 50px; } }
@media screen and (min-width: 1300px) {
  html {
    font-size: 17px; }

  #Video .content {
    padding-top: 0; }
    #Video .content .cvm_single_video_player,
    #Video .content .video_player {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 65.6666666667%;
      margin-left: 0%;
      margin-right: 3%; }
      #Video .content .cvm_single_video_player:before, #Video .content .cvm_single_video_player:after,
      #Video .content .video_player:before,
      #Video .content .video_player:after {
        content: '';
        display: table; }
      #Video .content .cvm_single_video_player:after,
      #Video .content .video_player:after {
        clear: both; }
      #Video .content .cvm_single_video_player:last-child,
      #Video .content .video_player:last-child {
        margin-right: 0%; }
    #Video .content .video_wrap {
      padding-top: 0; }
    #Video .content .video_details {
      *zoom: 1;
      float: left;
      display: inline;
      clear: none;
      text-align: inherit;
      padding-left: 0;
      padding-right: 0;
      width: 31.3333333333%;
      margin-left: 0%;
      margin-right: 3%; }
      #Video .content .video_details:before, #Video .content .video_details:after {
        content: '';
        display: table; }
      #Video .content .video_details:after {
        clear: both; }
      #Video .content .video_details:last-child {
        margin-right: 0%; }
      #Video .content .video_details .video_excerpt {
        display: none; }
      #Video .content .video_details .share {
        position: absolute;
        bottom: 1rem; }

  #Presenters.dev .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenters.dev .brick:before, #Presenters.dev .brick:after {
      content: '';
      display: table; }
    #Presenters.dev .brick:after {
      clear: both; }
    #Presenters.dev .brick:nth-child(4n) {
      margin-right: 3%;
      float: left; }
    #Presenters.dev .brick:nth-child(4n + 1) {
      clear: none; }
    #Presenters.dev .brick:nth-child(5n) {
      margin-right: 0%;
      float: right; }
    #Presenters.dev .brick:nth-child(5n + 1) {
      clear: both; }

  .Photos .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .Photos .photo:before, .Photos .photo:after {
      content: '';
      display: table; }
    .Photos .photo:after {
      clear: both; }
    .Photos .photo:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    .Photos .photo:nth-child(3n + 1) {
      clear: none; }
    .Photos .photo:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    .Photos .photo:nth-child(4n + 1) {
      clear: both; }
  .Photos.line .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 16.6666666667%;
    margin-left: 0%;
    margin-right: 0%; }
    .Photos.line .photo:before, .Photos.line .photo:after {
      content: '';
      display: table; }
    .Photos.line .photo:after {
      clear: both; }

  #Welcome .pixel_image h1 {
    font-size: 4.25rem; }

  #Twitter .content {
    *zoom: 1;
    width: auto;
    max-width: 50%;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    #Twitter .content:before, #Twitter .content:after {
      content: '';
      display: table; }
    #Twitter .content:after {
      clear: both; } }
@media screen and (min-width: 1600px) {
  html {
    font-size: 18px; }

  #Presenters .brick,
  #Contributors .brick {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.1666666667%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenters .brick:before, #Presenters .brick:after,
    #Contributors .brick:before,
    #Contributors .brick:after {
      content: '';
      display: table; }
    #Presenters .brick:after,
    #Contributors .brick:after {
      clear: both; }
    #Presenters .brick:nth-child(4n),
    #Contributors .brick:nth-child(4n) {
      margin-right: 3%;
      float: left; }
    #Presenters .brick:nth-child(4n + 1),
    #Contributors .brick:nth-child(4n + 1) {
      clear: none; }
    #Presenters .brick:nth-child(6n),
    #Contributors .brick:nth-child(6n) {
      margin-right: 0%;
      float: right; }
    #Presenters .brick:nth-child(6n + 1),
    #Contributors .brick:nth-child(6n + 1) {
      clear: both; }

  #Presenter .bio,
  #Contributor .bio {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 58.8%;
    margin-left: 0%;
    margin-right: 3%; }
    #Presenter .bio:before, #Presenter .bio:after,
    #Contributor .bio:before,
    #Contributor .bio:after {
      content: '';
      display: table; }
    #Presenter .bio:after,
    #Contributor .bio:after {
      clear: both; }
    #Presenter .bio:last-child,
    #Contributor .bio:last-child {
      margin-right: 0%; }

  .Photos .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%; }
    .Photos .photo:before, .Photos .photo:after {
      content: '';
      display: table; }
    .Photos .photo:after {
      clear: both; }
    .Photos .photo:nth-child(4n) {
      margin-right: 3%;
      float: left; }
    .Photos .photo:nth-child(4n + 1) {
      clear: none; }
    .Photos .photo:nth-child(5n) {
      margin-right: 0%;
      float: right; }
    .Photos .photo:nth-child(5n + 1) {
      clear: both; }
  .Photos.line .photo {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 14.2857142857%;
    margin-left: 0%;
    margin-right: 0%; }
    .Photos.line .photo:before, .Photos.line .photo:after {
      content: '';
      display: table; }
    .Photos.line .photo:after {
      clear: both; }

  #Sponsors .sponsor {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 11.7142857143%;
    margin-left: 0%;
    margin-right: 3%; }
    #Sponsors .sponsor:before, #Sponsors .sponsor:after {
      content: '';
      display: table; }
    #Sponsors .sponsor:after {
      clear: both; }
    #Sponsors .sponsor:nth-child(5n) {
      margin-right: 3%;
      float: left; }
    #Sponsors .sponsor:nth-child(5n + 1) {
      clear: none; }
    #Sponsors .sponsor:nth-child(7n) {
      margin-right: 0%;
      float: right; }
    #Sponsors .sponsor:nth-child(7n + 1) {
      clear: both; } }
@media screen and (min-width: 2200px) {
  #Videos .video {
    *zoom: 1;
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.1666666667%;
    margin-left: 0%;
    margin-right: 3%; }
    #Videos .video:before, #Videos .video:after {
      content: '';
      display: table; }
    #Videos .video:after {
      clear: both; }
    #Videos .video:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    #Videos .video:nth-child(3n + 1) {
      clear: none; }
    #Videos .video:nth-child(6n) {
      margin-right: 0%;
      float: right; }
    #Videos .video:nth-child(6n + 1) {
      clear: both; } }
.wn-parallax-band {
  height: 400px;
  background-image: url("https://www.cuspconference.com/wp-content/uploads/2014/04/Cusp2013_4283.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-size: cover; }

@media (max-width: 450px) {
  .wn-signature-gallery {
    flex-wrap: wrap; }

  .wn-signature-gallery__block {
    margin-right: 2rem; }

  .wn-parallax-band--principals-mobile {
    height: auto;
    background-color: #222222;
    background-image: none; }

  .wn-parallax-band--principals-mobile img {
    vertical-align: bottom; }

  .wn-parallax-band--hide-mobile {
    display: none; } }
@media (min-width: 451px) {
  .wn-parallax-band--principals-mobile {
    display: none; } }
@media (max-width: 450px), (hover: none) {
  .wn-parallax-band {
    background-attachment: initial; }

  .wn-parallax-band--principals {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #222222; } }
.wn-content-band {
  background-color: #222;
  color: #898989;
  font-size: 1.25rem;
  padding: 3em 0; }

.wn-content-band--first {
  padding-top: 0; }

.wn-headline {
  text-transform: initial; }

.wn-content-band__headline {
  padding: 10.5rem 0;
  text-align: center;
  color: white;
  font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal; }

.wn-cta__headline {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.5rem;
  color: white;
  line-height: 1.44; }

.wn-signature-gallery {
  margin-top: 3rem;
  display: flex; }

.wn-signature-gallery__block {
  width: 16%;
  min-width: 70px;
  margin-bottom: 2rem;
  font-weight: 700; }

.wn-cta {
  background-color: #e14d36;
  padding: 3rem 0; }

input[type=email].wn-cta__input {
  background-color: white;
  color: black;
  width: 40%;
  min-width: 200px;
  margin: 0 auto; }

.wn-btn-wrap {
  text-align: center; }

.wn-cta__button {
  display: inline-block !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', Helmet, Freesans, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.5em !important;
  font-size: 1.25rem !important;
  text-align: center !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  margin-top: 3rem !important;
  display: block !important;
  background-color: #939598 !important;
  color: white !important;
  border: none !important; }

.wn-ol {
  padding-left: 1em; }

.wn-clear-pad {
  padding: 0 !important; }

.wn-highlight {
  color: white; }

/*# sourceMappingURL=style.css.map */