@charset "UTF-8";
@import url(/illuminatedriver/assets/bower_components/normalize-css/normalize.css);
@import url(/illuminatedriver/assets/bower_components/dropzone/dist/dropzone.css);
@import url(/illuminatedriver/assets/bower_components/photoswipe/dist/photoswipe.css);
@import url(/illuminatedriver/assets/bower_components//photoswipe/dist/default-skin/default-skin.css);
.footer-logos:after, fieldset:after {
  content: "";
  display: table;
  clear: both; }

/* Variables */
/* Typography */
html {
  font-size: 1em;
  line-height: 1.5;
  color: #FFF; }

body {
  font-family: 'Univers W01', -apple-system, calibir, Roboto, sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }

::-moz-selection {
  background: #22a4a5;
  color: #FFF;
  text-shadow: none; }

::selection {
  background: #22a4a5;
  color: #FFF;
  text-shadow: none; }

input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: transparent; }

a {
  text-decoration: none;
  color: inherit; }

a[href^="mailto"] {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  vertical-align: top; }

@media (min-width: 1400px) {
  .section-container {
    font-size: 1.125rem; } }

.section-container a {
  position: relative;
  z-index: 2;
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
  transition: border-color .25s ease-out; }
  .section-container a:hover {
    border-color: white;
    transition: none; }

.section-container abbr {
  border-bottom: 1px rgba(255, 255, 255, 0.5) dotted;
  text-decoration: none;
  cursor: help; }
  .section-container abbr:hover {
    border-color: white;
    transition: none; }

p + p,
p + ul {
  margin-top: .75em; }

.section-header {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.33333em;
  line-height: 1.5; }
  @media (max-width: 520px) {
    .section-header {
      margin-bottom: 1.5rem;
      font-size: 1.25em;
      line-height: 1.5;
      text-align: left; } }

.section-title {
  font-weight: 700;
  font-size: 1.333333em;
  text-align: center; }
  @media (max-width: 520px) {
    .section-title {
      font-size: 1.125em;
      text-align: left; } }

.section-header p,
.pull p {
  margin: 1em 0;
  orphans: 2;
  widows: 1; }

.section-header ul {
  list-style: none;
  padding: 0; }

.section-header li {
  position: relative;
  text-indent: 1em; }

.section-header li:before {
  content: "• "; }

.jury-title,
.shortlist-entry-title {
  font-weight: 700;
  font-size: 1.333333em;
  margin-bottom: 0; }
  @media (max-width: 520px) {
    .jury-title,
    .shortlist-entry-title {
      font-size: 1.125em; } }

.jury-header p,
.shortlist-entry-header p {
  margin: 0;
  font-weight: bold; }

.pull {
  text-align: center;
  margin: 3em 0; }
  @media (max-width: 520px) {
    .pull {
      text-align: left; } }

.big {
  margin: 3em 0;
  text-align: center;
  font-size: 1.33333em; }
  @media (max-width: 520px) {
    .big {
      text-align: left; } }

.centered {
  text-align: center; }
  @media (max-width: 520px) {
    .centered {
      text-align: left; } }

.columns {
  display: flex;
  flex-flow: row nowrap; }

.columns .column {
  width: 50%; }

.keep {
  display: inline-block; }

blockquote {
  background-color: rgba(0, 0, 0, 0.1);
  margin: .75em 0;
  padding: 1.5em;
  border-radius: .25em; }
  @media (max-width: 520px) {
    blockquote {
      padding: .75em; } }

/* Structure */
html, body {
  height: 100%; }

body {
  background-color: #727773;
  margin: 0;
  padding: 0; }

hr {
  display: none; }

.section {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background-color: #727773; }
  @media (max-width: 520px) {
    .section {
      min-height: 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .section {
      min-height: 0; } }

#home {
  background-color: #000; }

#brief,
#news {
  background-color: #22a4a5; }

#contact {
  box-sizing: border-box; }
  @media (max-width: 520px) {
    #contact {
      background: #000 url("../img/contact_small.jpg") no-repeat 0 0;
      background-size: 100% auto; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    #contact {
      background: #000 url("../img/contact_large.jpg") no-repeat 0 0;
      background-size: 100% auto; } }
  @media (min-width: 1025px) and (max-width: 1399px) {
    #contact {
      background: #000 url("../img/contact_large.jpg") no-repeat 0 0;
      background-size: 100% auto; } }
  @media (min-width: 1400px) {
    #contact {
      background: #000 url("../img/contact_large.jpg") no-repeat 0 0;
      background-size: 100% auto; } }

.udpate .section,
.jury .section {
  justify-content: flex-start; }

@keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.container {
  position: relative;
  padding: 6em 2em; }
  @media (max-width: 520px) {
    .container {
      padding: 4em 1em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .container {
      padding: 4em 1em; } }

.section-container {
  line-height: 1.5;
  margin: 0 auto;
  max-width: 37em;
  position: relative;
  z-index: 1; }

.section-container-wide {
  max-width: 70em; }

.section-container-centered {
  text-align: center; }
  @media (max-width: 520px) {
    .section-container-centered {
      text-align: left; } }

.section-figure {
  margin: 0 auto -4rem auto;
  padding: 4em 0;
  max-width: 74em; }

.section-figure + .container {
  padding-top: 0; }

.container-code {
  width: 100%;
  clear: both;
  border: 3px red solid; }

/* Cover */
.cover {
  overflow: hidden;
  height: 100%;
  -webkit-user-select: none;
  user-select: none; }

.cover-logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 1em;
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  text-align: center; }
  @media (max-width: 520px) {
    .cover-logo {
      font-size: 1em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .cover-logo {
      font-size: 1.5em; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .cover-logo {
      font-size: 1.5em; } }
  @media (min-width: 1025px) and (max-width: 1399px) {
    .cover-logo {
      font-size: 2em; } }

.no-flexbox .cover-logo {
  width: 100%;
  height: 50%;
  margin: auto; }

.cover-logomark {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  max-height: 355px;
  max-width: 800px;
  display: block;
  margin: 1em auto 3em auto; }
  @media (max-width: 520px) {
    .cover-logomark {
      margin: 1.5em 1em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .cover-logomark {
      margin: 1.5em 1em; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .cover-logomark {
      max-width: 600px; } }

.cover-logomark svg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.no-flexbox .cover-logomark svg {
  width: 600px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.no-flexbox .cover-logo-subtitle {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%; }

.cover-logomark .cls-1 {
  fill: #fff;
  animation-name: lightup;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: forwards; }

.csstransitions .cover-logomark .cls-1 {
  opacity: 0; }

.cover-logomark .cls-1:nth-child(1) {
  animation-delay: 507ms; }

.cover-logomark .cls-1:nth-child(2) {
  animation-delay: 514ms; }

.cover-logomark .cls-1:nth-child(3) {
  animation-delay: 521ms; }

.cover-logomark .cls-1:nth-child(4) {
  animation-delay: 528ms; }

.cover-logomark .cls-1:nth-child(5) {
  animation-delay: 535ms; }

.cover-logomark .cls-1:nth-child(6) {
  animation-delay: 542ms; }

.cover-logomark .cls-1:nth-child(7) {
  animation-delay: 549ms; }

.cover-logomark .cls-1:nth-child(8) {
  animation-delay: 556ms; }

.cover-logomark .cls-1:nth-child(9) {
  animation-delay: 563ms; }

.cover-logomark .cls-1:nth-child(10) {
  animation-delay: 570ms; }

.cover-logomark .cls-1:nth-child(11) {
  animation-delay: 577ms; }

.cover-logomark .cls-1:nth-child(12) {
  animation-delay: 584ms; }

.cover-logomark .cls-1:nth-child(13) {
  animation-delay: 591ms; }

.cover-logomark .cls-1:nth-child(14) {
  animation-delay: 598ms; }

.cover-logomark .cls-1:nth-child(15) {
  animation-delay: 605ms; }

.cover-logomark .cls-1:nth-child(16) {
  animation-delay: 612ms; }

.cover-logomark .cls-1:nth-child(17) {
  animation-delay: 619ms; }

.cover-logomark .cls-1:nth-child(18) {
  animation-delay: 626ms; }

.cover-logomark .cls-1:nth-child(19) {
  animation-delay: 633ms; }

.cover-logomark .cls-1:nth-child(20) {
  animation-delay: 640ms; }

.cover-logomark .cls-1:nth-child(21) {
  animation-delay: 647ms; }

.cover-logomark .cls-1:nth-child(22) {
  animation-delay: 654ms; }

.cover-logomark .cls-1:nth-child(23) {
  animation-delay: 661ms; }

.cover-logomark .cls-1:nth-child(24) {
  animation-delay: 668ms; }

.cover-logomark .cls-1:nth-child(25) {
  animation-delay: 675ms; }

.cover-logomark .cls-1:nth-child(26) {
  animation-delay: 682ms; }

.cover-logomark .cls-1:nth-child(27) {
  animation-delay: 689ms; }

.cover-logomark .cls-1:nth-child(28) {
  animation-delay: 696ms; }

.cover-logomark .cls-1:nth-child(29) {
  animation-delay: 703ms; }

.cover-logomark .cls-1:nth-child(30) {
  animation-delay: 710ms; }

.cover-logomark .cls-1:nth-child(31) {
  animation-delay: 717ms; }

.cover-logomark .cls-1:nth-child(32) {
  animation-delay: 724ms; }

.cover-logomark .cls-1:nth-child(33) {
  animation-delay: 731ms; }

.cover-logomark .cls-1:nth-child(34) {
  animation-delay: 738ms; }

.cover-logomark .cls-1:nth-child(35) {
  animation-delay: 745ms; }

.cover-logomark .cls-1:nth-child(36) {
  animation-delay: 752ms; }

.cover-logomark .cls-1:nth-child(37) {
  animation-delay: 759ms; }

.cover-logomark .cls-1:nth-child(38) {
  animation-delay: 766ms; }

.cover-logomark .cls-1:nth-child(39) {
  animation-delay: 773ms; }

.cover-logomark .cls-1:nth-child(40) {
  animation-delay: 780ms; }

.cover-logomark .cls-1:nth-child(41) {
  animation-delay: 787ms; }

.cover-logomark .cls-1:nth-child(42) {
  animation-delay: 794ms; }

.cover-logomark .cls-1:nth-child(43) {
  animation-delay: 801ms; }

.cover-logomark .cls-1:nth-child(44) {
  animation-delay: 808ms; }

.cover-logomark .cls-1:nth-child(45) {
  animation-delay: 815ms; }

.cover-logomark .cls-1:nth-child(46) {
  animation-delay: 822ms; }

.cover-logomark .cls-1:nth-child(47) {
  animation-delay: 829ms; }

.cover-logomark .cls-1:nth-child(48) {
  animation-delay: 836ms; }

.cover-logomark .cls-1:nth-child(49) {
  animation-delay: 843ms; }

.cover-logomark .cls-1:nth-child(50) {
  animation-delay: 850ms; }

.cover-logomark .cls-1:nth-child(51) {
  animation-delay: 857ms; }

.cover-logomark .cls-1:nth-child(52) {
  animation-delay: 864ms; }

.cover-logomark .cls-1:nth-child(53) {
  animation-delay: 871ms; }

.cover-logomark .cls-1:nth-child(54) {
  animation-delay: 878ms; }

.cover-logomark .cls-1:nth-child(55) {
  animation-delay: 885ms; }

.cover-logomark .cls-1:nth-child(56) {
  animation-delay: 892ms; }

.cover-logomark .cls-1:nth-child(57) {
  animation-delay: 899ms; }

.cover-logomark .cls-1:nth-child(58) {
  animation-delay: 906ms; }

.cover-logomark .cls-1:nth-child(59) {
  animation-delay: 913ms; }

.cover-logomark .cls-1:nth-child(60) {
  animation-delay: 920ms; }

.cover-logomark .cls-1:nth-child(61) {
  animation-delay: 927ms; }

.cover-logomark .cls-1:nth-child(62) {
  animation-delay: 934ms; }

.cover-logomark .cls-1:nth-child(63) {
  animation-delay: 941ms; }

.cover-logomark .cls-1:nth-child(64) {
  animation-delay: 948ms; }

.cover-logomark .cls-1:nth-child(65) {
  animation-delay: 955ms; }

.cover-logomark .cls-1:nth-child(66) {
  animation-delay: 962ms; }

.cover-logomark .cls-1:nth-child(67) {
  animation-delay: 969ms; }

.cover-logomark .cls-1:nth-child(68) {
  animation-delay: 976ms; }

.cover-logomark .cls-1:nth-child(69) {
  animation-delay: 983ms; }

.cover-logomark .cls-1:nth-child(70) {
  animation-delay: 990ms; }

.cover-logomark .cls-1:nth-child(71) {
  animation-delay: 997ms; }

.cover-logomark .cls-1:nth-child(72) {
  animation-delay: 1004ms; }

.cover-logomark .cls-1:nth-child(73) {
  animation-delay: 1011ms; }

.cover-logomark .cls-1:nth-child(74) {
  animation-delay: 1018ms; }

.cover-logomark .cls-1:nth-child(75) {
  animation-delay: 1025ms; }

.cover-logomark .cls-1:nth-child(76) {
  animation-delay: 1032ms; }

.cover-logomark .cls-1:nth-child(77) {
  animation-delay: 1039ms; }

.cover-logomark .cls-1:nth-child(78) {
  animation-delay: 1046ms; }

.cover-logomark .cls-1:nth-child(79) {
  animation-delay: 1053ms; }

.cover-logomark .cls-1:nth-child(80) {
  animation-delay: 1060ms; }

.cover-logomark .cls-1:nth-child(81) {
  animation-delay: 1067ms; }

.cover-logomark .cls-1:nth-child(82) {
  animation-delay: 1074ms; }

.cover-logomark .cls-1:nth-child(83) {
  animation-delay: 1081ms; }

.cover-logomark .cls-1:nth-child(84) {
  animation-delay: 1088ms; }

.cover-logomark .cls-1:nth-child(85) {
  animation-delay: 1095ms; }

.cover-logomark .cls-1:nth-child(86) {
  animation-delay: 1102ms; }

.cover-logomark .cls-1:nth-child(87) {
  animation-delay: 1109ms; }

.cover-logomark .cls-1:nth-child(88) {
  animation-delay: 1116ms; }

.cover-logomark .cls-1:nth-child(89) {
  animation-delay: 1123ms; }

.cover-logomark .cls-1:nth-child(90) {
  animation-delay: 1130ms; }

.cover-logomark .cls-1:nth-child(91) {
  animation-delay: 1137ms; }

.cover-logomark .cls-1:nth-child(92) {
  animation-delay: 1144ms; }

.cover-logomark .cls-1:nth-child(93) {
  animation-delay: 1151ms; }

.cover-logomark .cls-1:nth-child(94) {
  animation-delay: 1158ms; }

.cover-logomark .cls-1:nth-child(95) {
  animation-delay: 1165ms; }

.cover-logomark .cls-1:nth-child(96) {
  animation-delay: 1172ms; }

.cover-logomark .cls-1:nth-child(97) {
  animation-delay: 1179ms; }

.cover-logomark .cls-1:nth-child(98) {
  animation-delay: 1186ms; }

.cover-logomark .cls-1:nth-child(99) {
  animation-delay: 1193ms; }

.cover-logomark .cls-1:nth-child(100) {
  animation-delay: 1200ms; }

.cover-logomark .cls-1:nth-child(101) {
  animation-delay: 1207ms; }

.cover-logomark .cls-1:nth-child(102) {
  animation-delay: 1214ms; }

.cover-logomark .cls-1:nth-child(103) {
  animation-delay: 1221ms; }

.cover-logomark .cls-1:nth-child(104) {
  animation-delay: 1228ms; }

.cover-logomark .cls-1:nth-child(105) {
  animation-delay: 1235ms; }

.cover-logomark .cls-1:nth-child(106) {
  animation-delay: 1242ms; }

.cover-logomark .cls-1:nth-child(107) {
  animation-delay: 1249ms; }

.cover-logomark .cls-1:nth-child(108) {
  animation-delay: 1256ms; }

.cover-logomark .cls-1:nth-child(109) {
  animation-delay: 1263ms; }

.cover-logomark .cls-1:nth-child(110) {
  animation-delay: 1270ms; }

.cover-logomark .cls-1:nth-child(111) {
  animation-delay: 1277ms; }

.cover-logomark .cls-1:nth-child(112) {
  animation-delay: 1284ms; }

.cover-logomark .cls-1:nth-child(113) {
  animation-delay: 1291ms; }

.cover-logomark .cls-1:nth-child(114) {
  animation-delay: 1298ms; }

.cover-logomark .cls-1:nth-child(115) {
  animation-delay: 1305ms; }

.cover-logomark .cls-1:nth-child(116) {
  animation-delay: 1312ms; }

.cover-logomark .cls-1:nth-child(117) {
  animation-delay: 1319ms; }

.cover-logomark .cls-1:nth-child(118) {
  animation-delay: 1326ms; }

.cover-logomark .cls-1:nth-child(119) {
  animation-delay: 1333ms; }

.cover-logomark .cls-1:nth-child(120) {
  animation-delay: 1340ms; }

.cover-logomark .cls-1:nth-child(121) {
  animation-delay: 1347ms; }

.cover-logomark .cls-1:nth-child(122) {
  animation-delay: 1354ms; }

.cover-logomark .cls-1:nth-child(123) {
  animation-delay: 1361ms; }

.cover-logomark .cls-1:nth-child(124) {
  animation-delay: 1368ms; }

.cover-logomark .cls-1:nth-child(125) {
  animation-delay: 1375ms; }

.cover-logomark .cls-1:nth-child(126) {
  animation-delay: 1382ms; }

.cover-logomark .cls-1:nth-child(127) {
  animation-delay: 1389ms; }

.cover-logomark .cls-1:nth-child(128) {
  animation-delay: 1396ms; }

.cover-logomark .cls-1:nth-child(129) {
  animation-delay: 1403ms; }

.cover-logomark .cls-1:nth-child(130) {
  animation-delay: 1410ms; }

.cover-logomark .cls-1:nth-child(131) {
  animation-delay: 1417ms; }

.cover-logomark .cls-1:nth-child(132) {
  animation-delay: 1424ms; }

.cover-logomark .cls-1:nth-child(133) {
  animation-delay: 1431ms; }

.cover-logomark .cls-1:nth-child(134) {
  animation-delay: 1438ms; }

.cover-logomark .cls-1:nth-child(135) {
  animation-delay: 1445ms; }

.cover-logomark .cls-1:nth-child(136) {
  animation-delay: 1452ms; }

.cover-logomark .cls-1:nth-child(137) {
  animation-delay: 1459ms; }

.cover-logomark .cls-1:nth-child(138) {
  animation-delay: 1466ms; }

.cover-logomark .cls-1:nth-child(139) {
  animation-delay: 1473ms; }

.cover-logomark .cls-1:nth-child(140) {
  animation-delay: 1480ms; }

.cover-logomark .cls-1:nth-child(141) {
  animation-delay: 1487ms; }

.cover-logomark .cls-1:nth-child(142) {
  animation-delay: 1494ms; }

.cover-logomark .cls-1:nth-child(143) {
  animation-delay: 1501ms; }

.cover-logomark .cls-1:nth-child(144) {
  animation-delay: 1508ms; }

.cover-logomark .cls-1:nth-child(145) {
  animation-delay: 1515ms; }

.cover-logomark .cls-1:nth-child(146) {
  animation-delay: 1522ms; }

.cover-logomark .cls-1:nth-child(147) {
  animation-delay: 1529ms; }

.cover-logomark .cls-1:nth-child(148) {
  animation-delay: 1536ms; }

.cover-logomark .cls-1:nth-child(149) {
  animation-delay: 1543ms; }

.cover-logomark .cls-1:nth-child(150) {
  animation-delay: 1550ms; }

.cover-logomark .cls-1:nth-child(151) {
  animation-delay: 1557ms; }

.cover-logomark .cls-1:nth-child(152) {
  animation-delay: 1564ms; }

.cover-logomark .cls-1:nth-child(153) {
  animation-delay: 1571ms; }

.cover-logomark .cls-1:nth-child(154) {
  animation-delay: 1578ms; }

.cover-logomark .cls-1:nth-child(155) {
  animation-delay: 1585ms; }

.cover-logomark .cls-1:nth-child(156) {
  animation-delay: 1592ms; }

.cover-logomark .cls-1:nth-child(157) {
  animation-delay: 1599ms; }

.cover-logomark .cls-1:nth-child(158) {
  animation-delay: 1606ms; }

.cover-logomark .cls-1:nth-child(159) {
  animation-delay: 1613ms; }

.cover-logomark .cls-1:nth-child(160) {
  animation-delay: 1620ms; }

.cover-logomark .cls-1:nth-child(161) {
  animation-delay: 1627ms; }

.cover-logomark .cls-1:nth-child(162) {
  animation-delay: 1634ms; }

.cover-logomark .cls-1:nth-child(163) {
  animation-delay: 1641ms; }

.cover-logomark .cls-1:nth-child(164) {
  animation-delay: 1648ms; }

.cover-logomark .cls-1:nth-child(165) {
  animation-delay: 1655ms; }

.cover-logomark .cls-1:nth-child(166) {
  animation-delay: 1662ms; }

.cover-logomark .cls-1:nth-child(167) {
  animation-delay: 1669ms; }

.cover-logomark .cls-1:nth-child(168) {
  animation-delay: 1676ms; }

.cover-logomark .cls-1:nth-child(169) {
  animation-delay: 1683ms; }

.cover-logomark .cls-1:nth-child(170) {
  animation-delay: 1690ms; }

.cover-logomark .cls-1:nth-child(171) {
  animation-delay: 1697ms; }

.cover-logomark .cls-1:nth-child(172) {
  animation-delay: 1704ms; }

.cover-logomark .cls-1:nth-child(173) {
  animation-delay: 1711ms; }

.cover-logomark .cls-1:nth-child(174) {
  animation-delay: 1718ms; }

.cover-logomark .cls-1:nth-child(175) {
  animation-delay: 1725ms; }

.cover-logomark .cls-1:nth-child(176) {
  animation-delay: 1732ms; }

.cover-logomark .cls-1:nth-child(177) {
  animation-delay: 1739ms; }

.cover-logomark .cls-1:nth-child(178) {
  animation-delay: 1746ms; }

.cover-logomark .cls-1:nth-child(179) {
  animation-delay: 1753ms; }

.cover-logomark .cls-1:nth-child(180) {
  animation-delay: 1760ms; }

.cover-logomark .cls-1:nth-child(181) {
  animation-delay: 1767ms; }

.cover-logomark .cls-1:nth-child(182) {
  animation-delay: 1774ms; }

.cover-logomark .cls-1:nth-child(183) {
  animation-delay: 1781ms; }

.cover-logomark .cls-1:nth-child(184) {
  animation-delay: 1788ms; }

.cover-logomark .cls-1:nth-child(185) {
  animation-delay: 1795ms; }

.cover-logomark .cls-1:nth-child(186) {
  animation-delay: 1802ms; }

.cover-logomark .cls-1:nth-child(187) {
  animation-delay: 1809ms; }

.cover-logomark .cls-1:nth-child(188) {
  animation-delay: 1816ms; }

.cover-logomark .cls-1:nth-child(189) {
  animation-delay: 1823ms; }

.cover-logomark .cls-1:nth-child(190) {
  animation-delay: 1830ms; }

.cover-logomark .cls-1:nth-child(191) {
  animation-delay: 1837ms; }

.cover-logomark .cls-1:nth-child(192) {
  animation-delay: 1844ms; }

.cover-logomark .cls-1:nth-child(193) {
  animation-delay: 1851ms; }

.cover-logomark .cls-1:nth-child(194) {
  animation-delay: 1858ms; }

.cover-logomark .cls-1:nth-child(195) {
  animation-delay: 1865ms; }

.cover-logomark .cls-1:nth-child(196) {
  animation-delay: 1872ms; }

.cover-logomark .cls-1:nth-child(197) {
  animation-delay: 1879ms; }

.cover-logomark .cls-1:nth-child(198) {
  animation-delay: 1886ms; }

.cover-logomark .cls-1:nth-child(199) {
  animation-delay: 1893ms; }

.cover-logomark .cls-1:nth-child(200) {
  animation-delay: 1900ms; }

.cover-logomark .cls-1:nth-child(201) {
  animation-delay: 1907ms; }

.cover-logomark .cls-1:nth-child(202) {
  animation-delay: 1914ms; }

.cover-logomark .cls-1:nth-child(203) {
  animation-delay: 1921ms; }

.cover-logomark .cls-1:nth-child(204) {
  animation-delay: 1928ms; }

.cover-logomark .cls-1:nth-child(205) {
  animation-delay: 1935ms; }

.cover-logomark .cls-1:nth-child(206) {
  animation-delay: 1942ms; }

.cover-logomark .cls-1:nth-child(207) {
  animation-delay: 1949ms; }

.cover-logomark .cls-1:nth-child(208) {
  animation-delay: 1956ms; }

.cover-logomark .cls-1:nth-child(209) {
  animation-delay: 1963ms; }

.cover-logomark .cls-1:nth-child(210) {
  animation-delay: 1970ms; }

.cover-logomark .cls-1:nth-child(211) {
  animation-delay: 1977ms; }

.cover-logomark .cls-1:nth-child(212) {
  animation-delay: 1984ms; }

.cover-logomark .cls-1:nth-child(213) {
  animation-delay: 1991ms; }

.cover-logomark .cls-1:nth-child(214) {
  animation-delay: 1998ms; }

.cover-logomark .cls-1:nth-child(215) {
  animation-delay: 2005ms; }

.cover-logomark .cls-1:nth-child(216) {
  animation-delay: 2012ms; }

.cover-logomark .cls-1:nth-child(217) {
  animation-delay: 2019ms; }

.cover-logomark .cls-1:nth-child(218) {
  animation-delay: 2026ms; }

.cover-logomark .cls-1:nth-child(219) {
  animation-delay: 2033ms; }

.cover-logomark .cls-1:nth-child(220) {
  animation-delay: 2040ms; }

.cover-logomark .cls-1:nth-child(221) {
  animation-delay: 2047ms; }

.cover-logomark .cls-1:nth-child(222) {
  animation-delay: 2054ms; }

.cover-logomark .cls-1:nth-child(223) {
  animation-delay: 2061ms; }

.cover-logomark .cls-1:nth-child(224) {
  animation-delay: 2068ms; }

.cover-logomark .cls-1:nth-child(225) {
  animation-delay: 2075ms; }

.cover-logomark .cls-1:nth-child(226) {
  animation-delay: 2082ms; }

.cover-logomark .cls-1:nth-child(227) {
  animation-delay: 2089ms; }

.cover-logomark .cls-1:nth-child(228) {
  animation-delay: 2096ms; }

.cover-logomark .cls-1:nth-child(229) {
  animation-delay: 2103ms; }

.cover-logomark .cls-1:nth-child(230) {
  animation-delay: 2110ms; }

.cover-logomark .cls-1:nth-child(231) {
  animation-delay: 2117ms; }

.cover-logomark .cls-1:nth-child(232) {
  animation-delay: 2124ms; }

.cover-logomark .cls-1:nth-child(233) {
  animation-delay: 2131ms; }

.cover-logomark .cls-1:nth-child(234) {
  animation-delay: 2138ms; }

.cover-logomark .cls-1:nth-child(235) {
  animation-delay: 2145ms; }

.cover-logomark .cls-1:nth-child(236) {
  animation-delay: 2152ms; }

.cover-logomark .cls-1:nth-child(237) {
  animation-delay: 2159ms; }

.cover-logomark .cls-1:nth-child(238) {
  animation-delay: 2166ms; }

.cover-logomark .cls-1:nth-child(239) {
  animation-delay: 2173ms; }

.cover-logomark .cls-1:nth-child(240) {
  animation-delay: 2180ms; }

.cover-logomark .cls-1:nth-child(241) {
  animation-delay: 2187ms; }

.cover-logomark .cls-1:nth-child(242) {
  animation-delay: 2194ms; }

.cover-logomark .cls-1:nth-child(243) {
  animation-delay: 2201ms; }

.cover-logomark .cls-1:nth-child(244) {
  animation-delay: 2208ms; }

.cover-logomark .cls-1:nth-child(245) {
  animation-delay: 2215ms; }

.cover-logomark .cls-1:nth-child(246) {
  animation-delay: 2222ms; }

.cover-logomark .cls-1:nth-child(247) {
  animation-delay: 2229ms; }

.cover-logomark .cls-1:nth-child(248) {
  animation-delay: 2236ms; }

.cover-logomark .cls-1:nth-child(249) {
  animation-delay: 2243ms; }

.cover-logomark .cls-1:nth-child(250) {
  animation-delay: 2250ms; }

.cover-logomark .cls-1:nth-child(251) {
  animation-delay: 2257ms; }

.cover-logomark .cls-1:nth-child(252) {
  animation-delay: 2264ms; }

.cover-logomark .cls-1:nth-child(253) {
  animation-delay: 2271ms; }

.cover-logomark .cls-1:nth-child(254) {
  animation-delay: 2278ms; }

.cover-logomark .cls-1:nth-child(255) {
  animation-delay: 2285ms; }

.cover-logomark .cls-1:nth-child(256) {
  animation-delay: 2292ms; }

.cover-logomark .cls-1:nth-child(257) {
  animation-delay: 2299ms; }

.cover-logomark .cls-1:nth-child(258) {
  animation-delay: 2306ms; }

.cover-logomark .cls-1:nth-child(259) {
  animation-delay: 2313ms; }

.cover-logomark .cls-1:nth-child(260) {
  animation-delay: 2320ms; }

.cover-logomark .cls-1:nth-child(261) {
  animation-delay: 2327ms; }

.cover-logomark .cls-1:nth-child(262) {
  animation-delay: 2334ms; }

.cover-logomark .cls-1:nth-child(263) {
  animation-delay: 2341ms; }

.cover-logomark .cls-1:nth-child(264) {
  animation-delay: 2348ms; }

.cover-logomark .cls-1:nth-child(265) {
  animation-delay: 2355ms; }

.cover-logomark .cls-1:nth-child(266) {
  animation-delay: 2362ms; }

.cover-logomark .cls-1:nth-child(267) {
  animation-delay: 2369ms; }

.cover-logomark .cls-1:nth-child(268) {
  animation-delay: 2376ms; }

.cover-logomark .cls-1:nth-child(269) {
  animation-delay: 2383ms; }

.cover-logomark .cls-1:nth-child(270) {
  animation-delay: 2390ms; }

.cover-logomark .cls-1:nth-child(271) {
  animation-delay: 2397ms; }

.cover-logomark .cls-1:nth-child(272) {
  animation-delay: 2404ms; }

.cover-logomark .cls-1:nth-child(273) {
  animation-delay: 2411ms; }

.cover-logomark .cls-1:nth-child(274) {
  animation-delay: 2418ms; }

.cover-logomark .cls-1:nth-child(275) {
  animation-delay: 2425ms; }

.cover-logomark .cls-1:nth-child(276) {
  animation-delay: 2432ms; }

.cover-logomark .cls-1:nth-child(277) {
  animation-delay: 2439ms; }

.cover-logomark .cls-1:nth-child(278) {
  animation-delay: 2446ms; }

.cover-logomark .cls-1:nth-child(279) {
  animation-delay: 2453ms; }

.cover-logomark .cls-1:nth-child(280) {
  animation-delay: 2460ms; }

.cover-logomark .cls-1:nth-child(281) {
  animation-delay: 2467ms; }

.cover-logomark .cls-1:nth-child(282) {
  animation-delay: 2474ms; }

.cover-logomark .cls-1:nth-child(283) {
  animation-delay: 2481ms; }

.cover-logomark .cls-1:nth-child(284) {
  animation-delay: 2488ms; }

.cover-logomark .cls-1:nth-child(285) {
  animation-delay: 2495ms; }

.cover-logomark .cls-1:nth-child(286) {
  animation-delay: 2502ms; }

.cover-logomark .cls-1:nth-child(287) {
  animation-delay: 2509ms; }

.cover-logomark .cls-1:nth-child(288) {
  animation-delay: 2516ms; }

.cover-logomark .cls-1:nth-child(289) {
  animation-delay: 2523ms; }

.cover-logomark .cls-1:nth-child(290) {
  animation-delay: 2530ms; }

.cover-logomark .cls-1:nth-child(291) {
  animation-delay: 2537ms; }

.cover-logomark .cls-1:nth-child(292) {
  animation-delay: 2544ms; }

.cover-logomark .cls-1:nth-child(293) {
  animation-delay: 2551ms; }

.cover-logomark .cls-1:nth-child(294) {
  animation-delay: 2558ms; }

.cover-logomark .cls-1:nth-child(295) {
  animation-delay: 2565ms; }

.cover-logomark .cls-1:nth-child(296) {
  animation-delay: 2572ms; }

.cover-logomark .cls-1:nth-child(297) {
  animation-delay: 2579ms; }

.cover-logomark .cls-1:nth-child(298) {
  animation-delay: 2586ms; }

.cover-logomark .cls-1:nth-child(299) {
  animation-delay: 2593ms; }

.cover-logomark .cls-1:nth-child(300) {
  animation-delay: 2600ms; }

@keyframes lightup {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.next-section-link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  height: 5em;
  width: 6em;
  overflow: hidden;
  text-indent: -1234em;
  background: transparent url("/illuminatedriver/assets/img/arrow-down.svg") no-repeat 50% 50%;
  background-size: 2em auto;
  margin: auto; }
  @media (max-width: 520px) {
    .next-section-link {
      bottom: 2em;
      height: 4em;
      height: 10vh;
      width: 3em;
      background-size: 1.5em auto;
      background-position: 50% .5em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .next-section-link {
      height: 3em;
      width: 3em;
      background-size: 1.5em auto;
      background-position: 50% .5em; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .next-section-link {
      height: 3em;
      width: 3em;
      background-size: 1.5em auto;
      background-position: 50% .5em; } }

.video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #000 url("../img/skyline.jpg") 50% 50% no-repeat;
  background-size: cover; }
  @media (max-width: 46em) and (orientation: landscape) {
    .video-container {
      background: #000 url("../img/skyline-mobile-landscape.jpg") 50% 50% no-repeat;
      background-size: cover; } }
  @media (max-width: 46em) and (orientation: portrait) {
    .video-container {
      background: #000 url("../img/skyline-mobile-portrait.jpg") 50% 50% no-repeat;
      background-size: cover; } }

.csstransitions .video-container img,
.csstransitions .video-container video {
  opacity: 0; }

.masthead-status-badge .button {
  padding: .375em .75em; }

.csstransitions .page-front .masthead nav,
.csstransitions .page-front .cover-logo-subtitle,
.csstransitions .next-section-link,
.csstransitions .cover-headline,
.csstransitions .page-front .sharer,
.csstransitions .page-front .masthead-status-badge {
  opacity: 0;
  animation-name: appear;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: forwards;
  animation-delay: 3s; }

.cover-headline {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 7.5em;
  left: 0;
  text-align: center; }
  .cover-headline dl {
    margin: 0; }
  .cover-headline dt,
  .cover-headline dd {
    display: inline;
    margin: 0 .125em;
    padding: 0; }
  .cover-headline dt {
    font-weight: bold; }
  @media (max-width: 520px) {
    .cover-headline {
      bottom: 0;
      padding: 1em;
      background-color: #24a6a7;
      font-size: .85em; } }

.cover-headline dd a {
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }

/*  River dots animation */
#river-graphic {
  width: 100%;
  padding-bottom: 38.4615%;
  height: 1px;
  overflow: visible;
  margin: 0 0 -10%; }
  @media (min-width: 521px) and (max-width: 768px) {
    #river-graphic {
      margin: 0 -1em; } }
  @media (max-width: 520px) {
    #river-graphic {
      margin: 0 -1em; } }

#river .circle {
  fill: #fff; }

.csstransitions #river .circle {
  opacity: 0; }

.visible #river .circle {
  animation-name: lightup;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: forwards; }

.visible #river .circle:nth-child(1) {
  animation-delay: 114ms; }

.visible #river .circle:nth-child(2) {
  animation-delay: 128ms; }

.visible #river .circle:nth-child(3) {
  animation-delay: 142ms; }

.visible #river .circle:nth-child(4) {
  animation-delay: 156ms; }

.visible #river .circle:nth-child(5) {
  animation-delay: 170ms; }

.visible #river .circle:nth-child(6) {
  animation-delay: 184ms; }

.visible #river .circle:nth-child(7) {
  animation-delay: 198ms; }

.visible #river .circle:nth-child(8) {
  animation-delay: 212ms; }

.visible #river .circle:nth-child(9) {
  animation-delay: 226ms; }

.visible #river .circle:nth-child(10) {
  animation-delay: 240ms; }

.visible #river .circle:nth-child(11) {
  animation-delay: 254ms; }

.visible #river .circle:nth-child(12) {
  animation-delay: 268ms; }

.visible #river .circle:nth-child(13) {
  animation-delay: 282ms; }

.visible #river .circle:nth-child(14) {
  animation-delay: 296ms; }

.visible #river .circle:nth-child(15) {
  animation-delay: 310ms; }

.visible #river .circle:nth-child(16) {
  animation-delay: 324ms; }

.visible #river .circle:nth-child(17) {
  animation-delay: 338ms; }

.visible #river .circle:nth-child(18) {
  animation-delay: 352ms; }

.visible #river .circle:nth-child(19) {
  animation-delay: 366ms; }

.visible #river .circle:nth-child(20) {
  animation-delay: 380ms; }

.visible #river .circle:nth-child(21) {
  animation-delay: 394ms; }

.visible #river .circle:nth-child(22) {
  animation-delay: 408ms; }

.visible #river .circle:nth-child(23) {
  animation-delay: 422ms; }

.visible #river .circle:nth-child(24) {
  animation-delay: 436ms; }

.visible #river .circle:nth-child(25) {
  animation-delay: 450ms; }

.visible #river .circle:nth-child(26) {
  animation-delay: 464ms; }

.visible #river .circle:nth-child(27) {
  animation-delay: 478ms; }

.visible #river .circle:nth-child(28) {
  animation-delay: 492ms; }

.visible #river .circle:nth-child(29) {
  animation-delay: 506ms; }

.visible #river .circle:nth-child(30) {
  animation-delay: 520ms; }

.visible #river .circle:nth-child(31) {
  animation-delay: 534ms; }

.visible #river .circle:nth-child(32) {
  animation-delay: 548ms; }

.visible #river .circle:nth-child(33) {
  animation-delay: 562ms; }

.visible #river .circle:nth-child(34) {
  animation-delay: 576ms; }

.visible #river .circle:nth-child(35) {
  animation-delay: 590ms; }

.visible #river .circle:nth-child(36) {
  animation-delay: 604ms; }

.visible #river .circle:nth-child(37) {
  animation-delay: 618ms; }

.visible #river .circle:nth-child(38) {
  animation-delay: 632ms; }

.visible #river .circle:nth-child(39) {
  animation-delay: 646ms; }

.visible #river .circle:nth-child(40) {
  animation-delay: 660ms; }

.visible #river .circle:nth-child(41) {
  animation-delay: 674ms; }

.visible #river .circle:nth-child(42) {
  animation-delay: 688ms; }

.visible #river .circle:nth-child(43) {
  animation-delay: 702ms; }

.visible #river .circle:nth-child(44) {
  animation-delay: 716ms; }

.visible #river .circle:nth-child(45) {
  animation-delay: 730ms; }

.visible #river .circle:nth-child(46) {
  animation-delay: 744ms; }

.visible #river .circle:nth-child(47) {
  animation-delay: 758ms; }

.visible #river .circle:nth-child(48) {
  animation-delay: 772ms; }

.visible #river .circle:nth-child(49) {
  animation-delay: 786ms; }

.visible #river .circle:nth-child(50) {
  animation-delay: 800ms; }

.visible #river .circle:nth-child(51) {
  animation-delay: 814ms; }

.visible #river .circle:nth-child(52) {
  animation-delay: 828ms; }

.visible #river .circle:nth-child(53) {
  animation-delay: 842ms; }

.visible #river .circle:nth-child(54) {
  animation-delay: 856ms; }

.visible #river .circle:nth-child(55) {
  animation-delay: 870ms; }

.visible #river .circle:nth-child(56) {
  animation-delay: 884ms; }

.visible #river .circle:nth-child(57) {
  animation-delay: 898ms; }

.visible #river .circle:nth-child(58) {
  animation-delay: 912ms; }

.visible #river .circle:nth-child(59) {
  animation-delay: 926ms; }

.visible #river .circle:nth-child(60) {
  animation-delay: 940ms; }

.visible #river .circle:nth-child(61) {
  animation-delay: 954ms; }

.visible #river .circle:nth-child(62) {
  animation-delay: 968ms; }

.visible #river .circle:nth-child(63) {
  animation-delay: 982ms; }

.visible #river .circle:nth-child(64) {
  animation-delay: 996ms; }

.visible #river .circle:nth-child(65) {
  animation-delay: 1010ms; }

.visible #river .circle:nth-child(66) {
  animation-delay: 1024ms; }

.visible #river .circle:nth-child(67) {
  animation-delay: 1038ms; }

.visible #river .circle:nth-child(68) {
  animation-delay: 1052ms; }

.visible #river .circle:nth-child(69) {
  animation-delay: 1066ms; }

.visible #river .circle:nth-child(70) {
  animation-delay: 1080ms; }

.visible #river .circle:nth-child(71) {
  animation-delay: 1094ms; }

.visible #river .circle:nth-child(72) {
  animation-delay: 1108ms; }

.visible #river .circle:nth-child(73) {
  animation-delay: 1122ms; }

.visible #river .circle:nth-child(74) {
  animation-delay: 1136ms; }

.visible #river .circle:nth-child(75) {
  animation-delay: 1150ms; }

.visible #river .circle:nth-child(76) {
  animation-delay: 1164ms; }

.visible #river .circle:nth-child(77) {
  animation-delay: 1178ms; }

.visible #river .circle:nth-child(78) {
  animation-delay: 1192ms; }

.visible #river .circle:nth-child(79) {
  animation-delay: 1206ms; }

.visible #river .circle:nth-child(80) {
  animation-delay: 1220ms; }

.visible #river .circle:nth-child(81) {
  animation-delay: 1234ms; }

.visible #river .circle:nth-child(82) {
  animation-delay: 1248ms; }

.visible #river .circle:nth-child(83) {
  animation-delay: 1262ms; }

.visible #river .circle:nth-child(84) {
  animation-delay: 1276ms; }

.visible #river .circle:nth-child(85) {
  animation-delay: 1290ms; }

.visible #river .circle:nth-child(86) {
  animation-delay: 1304ms; }

.visible #river .circle:nth-child(87) {
  animation-delay: 1318ms; }

.visible #river .circle:nth-child(88) {
  animation-delay: 1332ms; }

.visible #river .circle:nth-child(89) {
  animation-delay: 1346ms; }

.visible #river .circle:nth-child(90) {
  animation-delay: 1360ms; }

.visible #river .circle:nth-child(91) {
  animation-delay: 1374ms; }

.visible #river .circle:nth-child(92) {
  animation-delay: 1388ms; }

.visible #river .circle:nth-child(93) {
  animation-delay: 1402ms; }

.visible #river .circle:nth-child(94) {
  animation-delay: 1416ms; }

#river .bridge {
  z-index: 2; }

.csstransitions .bridge {
  opacity: 0; }

.visible #river .bridge {
  animation-name: lightup;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: forwards; }

.visible #river .bridge:nth-child(1) {
  animation-delay: 1607ms; }

.visible #river .bridge:nth-child(2) {
  animation-delay: 1614ms; }

.visible #river .bridge:nth-child(3) {
  animation-delay: 1621ms; }

.visible #river .bridge:nth-child(4) {
  animation-delay: 1628ms; }

.visible #river .bridge:nth-child(5) {
  animation-delay: 1635ms; }

.visible #river .bridge:nth-child(6) {
  animation-delay: 1642ms; }

.visible #river .bridge:nth-child(7) {
  animation-delay: 1649ms; }

.visible #river .bridge:nth-child(8) {
  animation-delay: 1656ms; }

.visible #river .bridge:nth-child(9) {
  animation-delay: 1663ms; }

.visible #river .bridge:nth-child(10) {
  animation-delay: 1670ms; }

.visible #river .bridge:nth-child(11) {
  animation-delay: 1677ms; }

.visible #river .bridge:nth-child(12) {
  animation-delay: 1684ms; }

.visible #river .bridge:nth-child(13) {
  animation-delay: 1691ms; }

.visible #river .bridge:nth-child(14) {
  animation-delay: 1698ms; }

.visible #river .bridge:nth-child(15) {
  animation-delay: 1705ms; }

.visible #river .bridge:nth-child(16) {
  animation-delay: 1712ms; }

.visible #river .bridge:nth-child(17) {
  animation-delay: 1719ms; }

.bridge-dot {
  fill: #fff; }

.bridge-glow {
  fill: #FFF;
  filter: url(#glow); }

/* Masthead */
.masthead nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  padding: 1em 1.5em;
  z-index: 100;
  color: #FFF;
  transition: background-color .25s ease-out; }
  @media (max-width: 520px) {
    .masthead nav {
      padding: 0; } }

.masthead nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 6em;
  z-index: -1;
  background-color: rgba(124, 130, 125, 0.95);
  opacity: 0;
  transition: all .25s ease-out; }

.masthead h1 {
  font-size: 1em;
  margin: 0;
  display: block;
  opacity: 1;
  overflow: hidden; }
  @media (max-width: 520px) {
    .masthead h1 {
      font-size: .80em;
      margin: .75rem 1rem; } }

.home-visible .masthead h1 {
  display: none; }

@media (max-width: 520px) {
  .masthead h1 span {
    display: block; } }

@media (max-width: 520px) {
  .masthead h1 a {
    padding: 0; } }

.scrolled .masthead nav:after {
  opacity: 1; }
  @media (max-width: 520px) {
    .scrolled .masthead nav:after {
      opacity: 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .scrolled .masthead nav:after {
      opacity: 0; } }

.home-visible.scrolled .masthead nav:after {
  opacity: 0; }

.masthead nav * {
  pointer-events: auto; }

.masthead a {
  color: #FFF;
  position: relative;
  transition: all .25s ease-out;
  display: inline-block;
  padding: .25em .5em; }
  .masthead a:hover {
    opacity: .5; }

.masthead-toggle {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 2;
  margin: calc( 2em - 1px) 2em 2em 2em; }
  @media (max-width: 520px) {
    .masthead-toggle {
      display: block;
      margin: calc( 1em - 1px) 1em 1em 1em;
      left: auto;
      right: 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .masthead-toggle {
      display: block;
      margin: calc( 1em - 1px) 1em 1em 1em;
      left: auto;
      right: 0; } }

.masthead-toggle button {
  -webkit-appearance: none;
  appearance: none;
  padding: .35em .75em;
  border: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: .25em; }

.masthead--open .masthead-toggle button {
  color: #000;
  background-color: #FFF; }

.masthead ul {
  display: inline;
  list-style: none;
  padding-left: 0;
  transition: all .25s ease-out; }
  @media (max-width: 520px) {
    .masthead ul {
      display: none; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .masthead ul {
      display: none; } }

.masthead li {
  display: inline; }

.masthead-status-badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em 1.5em; }
  @media (max-width: 520px) {
    .masthead-status-badge {
      display: none; } }

.masthead-status-badge a:hover {
  opacity: 1; }

.mobile-status-badge {
  display: none; }

@media (max-width: 520px) {
  .page-front .mobile-status-badge {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
    text-align: center;
    padding: .5em; } }

.contrast-light .masthead a {
  color: #000; }

.contrast-dark nav a {
  color: #FFF; }

/* Masthead open mobile */
@keyframes showup {
  0% {
    opacity: 0;
    transform: translateY(1em); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.masthead--open .masthead nav {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0; }

.masthead--open .masthead ul {
  position: absolute;
  top: 2em;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: .5em 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  line-height: 1;
  transform: none;
  opacity: 1; }

.masthead--open .masthead li {
  display: block;
  padding: 0;
  opacity: 0;
  animation-name: showup;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: forwards; }

.masthead--open .masthead li:nth-child(1) {
  animation-delay: 50ms; }

.masthead--open .masthead li:nth-child(2) {
  animation-delay: 100ms; }

.masthead--open .masthead li:nth-child(3) {
  animation-delay: 150ms; }

.masthead--open .masthead li:nth-child(4) {
  animation-delay: 200ms; }

.masthead--open .masthead li:nth-child(5) {
  animation-delay: 250ms; }

.masthead--open .masthead li:nth-child(6) {
  animation-delay: 300ms; }

.masthead--open .masthead li:nth-child(7) {
  animation-delay: 350ms; }

.masthead--open .masthead li:nth-child(8) {
  animation-delay: 400ms; }

.masthead--open .masthead-status-badge {
  position: relative;
  padding: 0; }

.masthead--open .masthead li a {
  padding: .5em 1em;
  color: #fff; }

.masthead .button {
  margin-right: .25em;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff; }
  .masthead .button:hover {
    background-color: #FFF;
    color: #000; }

.masthead-status-badge a:hover .button {
  background-color: #FFF;
  color: #000; }

.masthead-logo {
  text-align: center;
  margin: 6em 2em 0; }
  @media (max-width: 520px) {
    .masthead-logo {
      margin: 3em 2em 0; } }

.masthead-logo img {
  max-width: 300px;
  width: 100%; }

.masthead-logo-subtitle {
  display: block;
  margin-top: 1em;
  color: #000; }
  @media (max-width: 520px) {
    .masthead-logo-subtitle {
      font-size: .75em; } }

.masthead-logo a {
  border: 0; }

.page-front .masthead-logo,
.masthead-logo {
  display: none; }

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .masthead nav {
    transition: background-color .25s ease-out; }
    @media (max-width: 520px) {
      .masthead nav {
        background-color: transparent;
        -webkit-backdrop-filter: saturate(120%) blur(20px); } }
  .masthead--open .masthead nav:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); }
  .masthead-toggle button {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); }
  .masthead--open .masthead-toggle button {
    -webkit-backdrop-filter: none; }
  .masthead nav:after {
    background-color: transparent;
    -webkit-backdrop-filter: saturate(120%) blur(20px); } }

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #main {
    transition: -webkit-filter, filter .25s ease-out; }
  .masthead--open {
    background-color: rgba(0, 0, 0, 0.75); }
  .masthead--open #main {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: translateZ(30px); } }

/* Footer */
footer {
  position: relative;
  z-index: 10;
  clear: both;
  background-color: #000;
  text-align: center;
  overflow: hidden;
  font-size: .75em; }
  @media (max-width: 520px) {
    footer {
      text-align: left; } }
  footer a:hover {
    opacity: .5; }

.footer-container {
  position: relative;
  max-width: 70em;
  margin: auto;
  padding: 1.5em; }
  @media (max-width: 520px) {
    .footer-container {
      padding: 1em; } }

footer ul, footer p {
  display: inline-block;
  list-style: none;
  margin: 0 0 .75em;
  padding-left: 0;
  white-space: no-wrap; }

footer ul li {
  display: inline;
  margin-right: .5em; }

.footer-logos {
  position: relative;
  max-width: 70em;
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: space-between; }
  @media (max-width: 520px) {
    .footer-logos {
      flex-flow: row wrap; } }

.footer-logo {
  margin: 2em;
  width: 25%; }
  @media (max-width: 520px) {
    .footer-logo {
      margin: 1em; } }

.footer-logos a:hover img {
  opacity: .75; }

.footer-logo-1 {
  order: 1;
  width: 100%; }
  @media (max-width: 520px) {
    .footer-logo-1 {
      flex-grow: 2;
      width: 100%;
      order: 1;
      text-align: center; } }

.footer-logo-1 img {
  width: 100%;
  max-width: 250px;
  margin: auto; }

.footer-logo-2 {
  order: 4;
  text-align: right; }

.footer-logo-2 img {
  width: 45px;
  height: 100%; }

.footer-logo-3 {
  order: 2;
  text-align: left; }
  @media (max-width: 520px) {
    .footer-logo-3 {
      order: 3; } }

.footer-logo-3 img {
  width: 150px;
  height: 100%; }

.footer-logo-4 {
  order: 3;
  text-align: center; }
  @media (max-width: 520px) {
    .footer-logo-4 {
      order: 2;
      width: 100%; } }

.footer-logo-4 img {
  height: 30px;
  width: auto; }

.no-flexbox .footer-logo-2 {
  float: right; }

.no-flexbox .footer-logo-3 {
  float: left; }

.no-flexbox .footer-logo-4 {
  float: left; }

/* Forms */
form * {
  box-sizing: border-box; }

label {
  display: block;
  font-weight: bold; }

.form-item {
  margin: .75em 0;
  clear: both;
  display: inline-block;
  width: 100%; }

.form-item label {
  width: 100%; }

fieldset {
  border: 0;
  margin: 3em 0 1.5em;
  padding: 0; }

legend {
  width: 100%;
  font-size: 1.5em;
  margin: .75em 0;
  padding: .5em 0 0;
  text-align: center; }
  @media (max-width: 520px) {
    legend {
      text-align: left; } }

.button {
  display: inline-block;
  padding: .5em .75em;
  font-size: 1em;
  line-height: 1.5;
  background-color: #FFF;
  border: 0;
  color: #000;
  cursor: pointer;
  /* "hand" cursor */
  border-radius: .25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .button:hover {
    background-color: #000;
    color: #fff; }

.control {
  border: 0;
  border-left: .25em #FFF solid;
  background-color: #FFF;
  margin: .5em 0 0;
  padding: 1em .75em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.control:-webkit-autofill {
  border-color: transparent; }

.control + .control {
  margin: 1px 0 0; }

.control:focus {
  border-color: #FFF #FFF #FFF #000;
  outline: none; }

.control::-webkit-input-placeholder {
  color: #8c8c8c; }

.control:-moz-placeholder {
  /* Firefox 18- */
  color: #8c8c8c; }

.control::-moz-placeholder {
  /* Firefox 19+ */
  color: #8c8c8c; }

.control:-ms-input-placeholder {
  color: #8c8c8c; }

.form-item .control {
  width: 100%; }

.form-item-checkbox {
  padding-left: 1.5em;
  position: relative; }

.form-item-checkbox label {
  font-weight: normal; }

.form-item-checkbox input {
  position: absolute;
  left: 0;
  margin-top: .5em; }

.form-item-checkbox input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.control-indicator {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: block;
  width: 0.8125em;
  height: 0.8125em;
  line-height: 1em;
  border: .1875em #fff solid;
  box-sizing: border-box;
  text-align: center;
  background-color: #FFF;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Checkbox modifiers */
.form-item-checkbox .control-indicator {
  border-radius: .25em; }

.form-item-checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFQTFRF////AAAA6+vrrq6uBQUFLi4u+vr6UVFRV1dXuLi4qKiopHptRwAAAEpJREFUeNqUzzkOwDAIRNEZQxzs+x848oIwRQrTvS9NAXBz1ST7pUo2qS2bT/Hl4bkMw8ayhyHKfctR3F7Cq5weJRto5f/DT4ABAK7pAUIE0BBSAAAAAElFTkSuQmCC);
  background-size: 8px 8px; }

.form-item-checkbox input.error ~ .control-indicator {
  border-color: #dd0f00;
  background-color: #dd0f00; }

.file {
  clear: right; }

.file .control {
  float: left; }

.explanation {
  margin: 0;
  font-weight: normal;
  color: #fff;
  color: rgba(255, 255, 255, 0.7); }

.select {
  position: relative;
  display: inline-block;
  color: #555;
  width: 100%;
  margin: .5em 0 0; }

.select select {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 1em 2.25em 1em .75em;
  line-height: 1.5;
  color: #555;
  background-color: #FFF;
  border: 0 0 0 .25em;
  border-color: #fff;
  border-radius: 0;
  cursor: pointer;
  outline: 0;
  font-size: 1em;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333; }

/* Dropdown arrow */
.select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.15rem;
  pointer-events: none;
  border-top: .35rem solid;
  border-right: .35rem solid transparent;
  border-bottom: .35rem solid transparent;
  border-left: .35rem solid transparent; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/
/* Focus */
/* Active/open */
.select select:active {
  border-color: #fff #fff #fff #000; }

/* Hide the arrow in IE10 and up */
.select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  /* <option> elements inherit styles from <select>, so reset them. */
  .select option {
    background-color: white;
    color: #000; } }

/* IE9 hack to hide the arrow */
.form-item select.control {
  float: none;
  width: inherit; }
  @media (max-width: 520px) {
    .form-item select.control {
      width: 100%; } }

.control[type="file"] {
  border: 0;
  background: transparent;
  width: auto; }

.control[type="file"]::-ms-browse,
.control[type="file"]::-ms-value {
  border: 2px #ececec solid;
  background-color: #ececec;
  padding: .5em; }

.control[type="file"]::-webkit-file-upload-button {
  display: inline-block;
  padding: .5em .75em;
  font-size: 1em;
  line-height: 1.5;
  background-color: #FFF;
  border: 0;
  color: #000;
  border-radius: .25em;
  cursor: pointer;
  /* "hand" cursor */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .control[type="file"]::-webkit-file-upload-button:hover {
    background-color: #000;
    color: #fff; }

.form-submit {
  text-align: right; }

.touched:required:invalid {
  border-color: #dd0f00;
  animation-name: noooo;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-delay: 0; }

@keyframes noooo {
  0%, 100% {
    transform: translateX(0); }
  20%, 60% {
    transform: translateX(-10px); }
  40%, 80% {
    transform: translateX(10px); } }

label.error {
  margin: .5em 0 0;
  padding: .25em .5em;
  color: #FFF;
  background-color: #dd0f00;
  font-weight: normal; }

.touched:required:focus:valid {
  border-color: #22a4a5; }

.message {
  padding: 1em;
  margin-bottom: 1.5em;
  border-radius: .25em;
  color: #000;
  background-color: #FFF; }

.message p {
  margin: 0; }

.message p + p {
  margin: .75em 0 0 0; }

.errors, .control.error {
  border-color: #dd0f00; }

.over {
  color: red; }

.form-box.hidden,
.control.hidden {
  display: none; }

.ios-upload-message {
  display: none; }

.no-fileinput .ios-upload-message {
  display: block; }

.dropzone {
  position: relative;
  height: 10em;
  margin: 1.25em 0;
  padding: 1.25em;
  border: 2px dashed rgba(0, 0, 0, 0.5);
  border-radius: .5em;
  background: transparent;
  outline: 0; }

.dropzone:hover {
  border-color: #FFF; }

.dropzone a:after {
  display: none; }

.dropzone .dz-preview.dz-image-preview {
  background-color: transparent; }

.dz-started {
  height: auto;
  min-height: 10em; }

.dropzone .dz-message,
.dropzone .fallback {
  margin: 0;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  line-height: 3; }

.dropzone .dz-preview .dz-error-message {
  top: 150px; }

.dropzone:active,
.dropzone:focus {
  border-color: #000; }

.dropzone.dz-started .dz-message {
  display: block;
  opacity: 1;
  /* Don't let it disappear */ }

.dropzone.dz-max-files-reached .dz-message {
  display: none;
  opacity: 0;
  /* Make it disappear */ }

.word-count {
  float: right; }

#js-progress-bar {
  background-color: #ececec;
  height: 3em;
  margin: 1.5em 0 0;
  box-sizing: border-box;
  border-radius: .25em;
  position: relative;
  overflow: hidden;
  line-height: 3em; }

#js-progress-bar span {
  background-color: #22a4a5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: right;
  padding: 0 1em;
  color: #fff;
  font-weight: bold;
  transition: all .25s linear;
  box-sizing: border-box; }

/* Updates */
.updates-stories {
  list-style: none;
  padding-left: 0;
  text-align: center; }
  @media (max-width: 520px) {
    .updates-stories {
      text-align: left; } }

.section-container .updates-stories {
  padding-left: 0; }

.updates-stories a:after {
  display: none; }

.updates-stories li {
  display: block;
  margin: 0 0 1.5em; }

.updates-stories dl {
  margin: 0; }

.updates-stories dt {
  font-size: 1.25em;
  margin-bottom: .5em; }
  @media (max-width: 520px) {
    .updates-stories dt {
      font-size: 1em; } }

.updates-stories dd {
  margin-left: 0; }

.date-posted {
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .75em;
  font-size: .75rem; }

.update h3 {
  text-align: center;
  margin-top: 3em; }

/* Grid */
.grid {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -1em;
  padding: 0;
  clear: both; }
  @media (max-width: 520px) {
    .grid {
      white-space: nowrap;
      overflow: hidden;
      overflow-x: auto;
      width: 100%;
      display: block;
      padding: 0 1em;
      -webkit-overflow-scrolling: touch;
      -webkit-scroll-snap-type: proximity; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .grid {
      white-space: nowrap;
      overflow: hidden;
      overflow-x: auto;
      width: 100%;
      display: block;
      padding: 0 1em;
      -webkit-overflow-scrolling: touch;
      -webkit-scroll-snap-type: proximity; } }

.grid::-webkit-scrollbar {
  display: none; }

.grid-item {
  position: relative;
  width: 25%;
  padding: 1em;
  box-sizing: border-box; }
  @media (max-width: 520px) {
    .grid-item {
      width: 60vw;
      padding: .5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .grid-item {
      width: 40vw;
      padding: .5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .grid-item {
      width: 33.333%; } }

.no-flexbox .grid-item {
  float: left; }

.grid-item-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 100%;
  background-color: #000; }

.grid-item-image a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.grid-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all .25s ease-out;
  -ms-interpolation-mode: bicubic; }

.grid-item-image a:hover img {
  opacity: .75;
  transition: none; }

.grid-item-header {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  left: 0;
  padding: 1.5em .75em 1em;
  margin: 1em;
  color: #fff;
  pointer-events: none;
  text-align: center;
  background: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( gradientType=0, startColor=0, endColorStr=#000000 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( gradientType=0, startColor=0, endColorStr=#000000 ); }
  .grid-item-header h3,
  .grid-item-header p {
    font-size: .75em;
    margin: 0; }
  @media (max-width: 520px) {
    .grid-item-header {
      margin: .5em 0;
      font-size: .875em;
      padding: 1em .5em 1em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .grid-item-header {
      margin: .5em 0; } }

/* Jury */
.jury-entry {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -1em 3em;
  justify-content: flex-start;
  align-items: flex-start; }
  @media (max-width: 520px) {
    .jury-entry {
      margin: 0 0 3em;
      flex-flow: column nowrap; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .jury-entry {
      margin: 0 0 3em;
      flex-flow: column nowrap; } }

.jury-portrait,
.jury-body {
  width: 50%;
  padding: 1em; }
  @media (max-width: 520px) {
    .jury-portrait,
    .jury-body {
      width: 100%;
      padding: 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .jury-portrait,
    .jury-body {
      width: 100%;
      padding: 0; } }

.no-flexbox .jury-portrait,
.no-flexbox .jury-body {
  width: 50%;
  float: left;
  box-sizing: border-box; }

.jury-portrait img {
  width: 100%;
  max-width: 100%; }

.jury-title {
  margin-top: 0; }

.jury-header {
  text-align: left; }
  @media (min-width: 521px) and (max-width: 768px) {
    .jury-header {
      text-align: center; } }

/* Contact */
.contacts {
  text-align: center; }
  .contacts h3,
  .contacts p {
    margin: 0; }
  @media (max-width: 520px) {
    .contacts {
      text-align: left; } }

.contact-group {
  margin: 3em 0; }

.contact {
  margin: 1.5em 0; }

.contact-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) and (max-width: 1024px) {
    .contact-list {
      display: flex;
      flexflow: column nowrap; } }
  @media (min-width: 1025px) and (max-width: 1399px) {
    .contact-list {
      display: flex;
      flexflow: column nowrap; } }
  @media (min-width: 1400px) {
    .contact-list {
      display: flex;
      flexflow: column nowrap; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .contact-list li {
    width: 50%; } }

@media (min-width: 1025px) and (max-width: 1399px) {
  .contact-list li {
    width: 50%; } }

@media (min-width: 1400px) {
  .contact-list li {
    width: 50%; } }

.no-flexbox .contact-list li {
  float: left; }

/* Sharer
-------------------------*/
.sharer {
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: 0;
  margin: 1em;
  display: inline-block;
  white-space: nowrap;
  border-radius: .25em 0 0 .25em; }
  @media (max-width: 520px) {
    .sharer {
      display: none; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .sharer {
      display: none; } }

.sharer a {
  float: left;
  padding: .5em .75em;
  outline: 0;
  border: 0;
  color: #fff; }

.sharer ul {
  position: absolute;
  bottom: 0;
  left: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 2.5em;
  overflow: hidden;
  border-radius: 0 .25em .25em 0; }

.sharer li {
  margin: 0;
  padding: 0;
  display: inline-block; }

.sharer ul a {
  padding: .5em .75em;
  transition: all .25s ease-out;
  display: block; }

.sharer.active ul {
  display: inline; }

/* Downloads
-------------------------*/
.downloads {
  list-style: none;
  padding: 0; }

.download a {
  display: block;
  background: #666a66 url("../img/download_icon.svg") no-repeat 0.75em 50%;
  background-size: 3em 3em;
  padding: .75em .75em .75em 5em;
  margin-bottom: .75em;
  position: relative;
  border: 0; }
  @media (max-width: 520px) {
    .download a {
      font-size: .875em; } }

.download a:hover {
  background-color: #595d5a; }

.download dl {
  margin: 0; }

.download dt {
  font-weight: bold; }

.download dd {
  margin: 0; }

/* FAQ
-------------------------*/
.qanda {
  margin-top: 3em; }

.qanda dt {
  font-weight: bold; }

.qanda dd {
  margin: 0; }

.qanda dd > p {
  margin-top: 0; }

/* Helpers
--------------------*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

.footer-logos:after, fieldset:after {
  content: "";
  display: table;
  clear: both; }

/* Print styles */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/* Shortlist
-------------------------*/
.shortlist-entry {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -1em 3em;
  justify-content: flex-start;
  align-items: flex-start; }
  @media (max-width: 520px) {
    .shortlist-entry {
      margin: 0 0 3em;
      flex-flow: column nowrap; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .shortlist-entry {
      margin: 0 0 3em;
      flex-flow: column nowrap; } }
  .shortlist-entry .shortlist-entry-body,
  .shortlist-entry .shortlist-entry-images {
    position: relative;
    width: 50%;
    padding: 1em; }
    @media (max-width: 520px) {
      .shortlist-entry .shortlist-entry-body,
      .shortlist-entry .shortlist-entry-images {
        width: 100%;
        padding: 0; } }
    @media (min-width: 521px) and (max-width: 768px) {
      .shortlist-entry .shortlist-entry-body,
      .shortlist-entry .shortlist-entry-images {
        width: 100%;
        padding: 0; } }
  .shortlist-entry .shortlist-entry-images img {
    max-width: 100%;
    height: auto; }

.shortlist-entry-boards-thumbnails {
  margin: -.5em;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0; }
  .shortlist-entry-boards-thumbnails li {
    position: relative;
    width: 25%;
    padding: 0.5em;
    box-sizing: border-box; }
  .shortlist-entry-boards-thumbnails a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    height: 0;
    padding-top: 70%;
    border: 0;
    background-color: #000; }
  .shortlist-entry-boards-thumbnails img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .shortlist-entry-boards-thumbnails a:hover img {
    opacity: 0.75;
    transition: none; }

.no-flexbox .shortlist-entry-body,
.no-flexbox .shortlist-entry-images {
  width: 50%;
  float: left;
  box-sizing: border-box; }

.no-flexbox .shortlist-entry-boards-thumbnails li {
  float: left; }

.shortlist-entry-title {
  margin-top: 0; }

.shortlist-entry-header {
  text-align: left; }
  @media (min-width: 521px) and (max-width: 768px) {
    .shortlist-entry-header {
      text-align: center; } }

.shortlist-entry-figure {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 1.5em; }
  .shortlist-entry-figure figcaption {
    padding: 0.5rem 0 0;
    font-size: 0.75em; }

.embed {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative; }
  .embed iframe,
  .embed video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }

.page-front .shortlist-grid {
  margin: 0 -1em; }

.shortlist-grid {
  margin: 0 -.5em; }
  @media (max-width: 520px) {
    .shortlist-grid {
      margin: 0 -1em; } }

.grid::-webkit-scrollbar {
  display: none; }

.shortlist-grid .grid-item {
  width: 16.6666666667%;
  padding: 0.5em; }
  @media (max-width: 520px) {
    .shortlist-grid .grid-item {
      display: inline-block;
      width: 60vw;
      padding: 0.5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .shortlist-grid .grid-item {
      display: inline-block;
      width: 40vw;
      padding: 0.5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .shortlist-grid .grid-item {
      width: 33.333%; } }

.shortlist-grid .grid-item-header {
  margin: 0.5em; }
  @media (max-width: 520px) {
    .shortlist-grid .grid-item-header {
      margin: 0.5em 0;
      font-size: 0.875em;
      padding: 1em 0.5em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .shortlist-grid .grid-item-header {
      margin: 0.5em 0; } }

.page-front .shortlist-grid .grid-item {
  width: 33.3333333333%;
  padding: 1em; }
  @media (max-width: 520px) {
    .page-front .shortlist-grid .grid-item {
      display: inline-block;
      width: 60vw;
      padding: 0.5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .page-front .shortlist-grid .grid-item {
      display: inline-block;
      width: 40vw;
      padding: 0.5em 0;
      display: inline-block;
      margin-right: 10px;
      white-space: normal;
      -webkit-scroll-snap-coordinate: -1em 0; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .page-front .shortlist-grid .grid-item {
      width: 33.333%; } }

.page-front .shortlist-grid .grid-item-header {
  margin: 1em; }
  @media (max-width: 520px) {
    .page-front .shortlist-grid .grid-item-header {
      margin: 0.5em 0;
      font-size: 0.875em;
      padding: 1em 0.5em; } }
  @media (min-width: 521px) and (max-width: 768px) {
    .page-front .shortlist-grid .grid-item-header {
      margin: 0.5em 0; } }

.winner {
  color: #2bcecf; }

.winner-badge {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  background-color: #22a4a5;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.5em;
  letter-spacing: 0.05em;
  z-index: 3; }
  @media (max-width: 520px) {
    .winner-badge {
      font-size: 0.25em; } }

.grid-item .winner-badge {
  font-size: 0.5em;
  top: 2.5em;
  right: 2.5em; }
  @media (max-width: 520px) {
    .grid-item .winner-badge {
      top: 2.5em;
      right: 1.5em; } }

.page-front .grid-item .winner-badge {
  font-size: 0.75em;
  top: 3em;
  right: 3em; }
  @media (max-width: 520px) {
    .page-front .grid-item .winner-badge {
      font-size: 0.5em;
      top: 2.5em;
      right: 1.5em; } }