/* SCSS Document */
/* MICROSOFT NONSENSE */
@-ms-viewport {
  width: device-width; }

/* MIXINS */
/* RESET STYLES */
html, body, ul, ol,
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  list-style: none; }

input, button, select, textarea {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none; }

/* VARIABLES */
@font-face {
  font-family: FuturaBook;
  src: url("../fonts/FuturaLTPro-Book.otf"); }

@font-face {
  font-family: FuturaBookIt;
  src: url("../fonts/FuturaLTPro-BookOblique.otf"); }

@font-face {
  font-family: FuturaMed;
  src: url("../fonts/FuturaLTPro-Heavy.otf"); }

@font-face {
  font-family: FuturaBold;
  src: url("../fonts/FuturaLTPro-Bold.otf"); }

@font-face {
  font-family: FuturaBoldIt;
  src: url("../fonts/FuturaLTPro-BoldOblique.otf"); }

/* ELEMENT STYLES */
strong {
  font-family: FuturaBold, sans-serif;
  font-weight: normal; }

a {
  color: #001224;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  cursor: pointer; }
  a img {
    border: none; }
  a:hover {
    opacity: 0.5; }

em {
  font-family: FuturaBookIt, sans-serif;
  font-style: normal; }

body.pause {
  overflow: hidden;
  height: 100%; }

body, html {
  text-align: center;
  color: #FFFFFF;
  font-family: FuturaBook, sans-serif;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  background: #FFFFFF;
  line-height: 1.5em; }

h1, h2, h3, h4 {
  font-family: FuturaBold, sans-serif;
  font-weight: normal;
  line-height: 1em; }
  h1 + p, h2 + p, h3 + p, h4 + p {
    margin-top: 0.5em; }
  h1 span, h2 span, h3 span, h4 span {
    font-family: FuturaBook, sans-serif; }
  h1 em, h2 em, h3 em, h4 em {
    font-family: FuturaBoldIt, sans-serif; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 1em 0 0.25em; }

h4 {
  font-size: 1rem;
  text-transform: uppercase; }

input {
  border-radius: 1em;
  line-height: 1em;
  padding: 0.4em 1em 0.25em;
  margin-bottom: 2em;
  outline: none;
  font-family: FuturaBook, sans-serif;
  font-size: 0.75rem;
  border: 1px solid #001224; }

/* GENERAL STYLES */
.dropin {
  opacity: 0;
  position: relative;
  top: 1em;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out; }
  .dropin.now {
    opacity: 1;
    top: 0; }

.link {
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  margin-right: 28px;
  cursor: pointer; }
  .link:hover {
    opacity: 0.5; }

.hide {
  opacity: 0;
  cursor: default; }

/* CONTENT STYLES */
main {
  z-index: 66666;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  /* NAVBAR STYLES */ }
  main #navbar {
    width: 100%;
    height: 2rem;
    padding: 0.5rem 0;
    z-index: +12;
    text-transform: uppercase;
    font-family: FuturaBold, sans-serif;
    color: #001224;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 0; }
    main #navbar.reveal {
      opacity: 1; }
    main #navbar img {
      height: 60px;
      width: auto;
      position: absolute;
      left: 28px;
      top: 0.75rem; }
    main #navbar h1 {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      font-family: FuturaBook, sans-serif;
      font-size: 0.75rem;
      line-height: 1rem; }
    main #navbar .link {
      position: absolute;
      right: 28px;
      top: 0.75rem; }
  main.downloads header svg, main.downloads footer svg {
    opacity: 0; }
  main.downloads #navbar {
    color: #001224; }
  main footer {
    top: auto;
    bottom: 0; }
  main #presskit {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
    main #presskit section {
      width: 100vw;
      height: 100vh;
      position: relative; }
      main #presskit section.row-video {
        height: 100vw; }
        main #presskit section.row-video video {
          width: 100vw;
          height: 100vw;
          object-fit: cover;
          object-position: 50% 0; }
        main #presskit section.row-video .controls {
          position: absolute;
          left: 2.5%;
          bottom: 0;
          margin: 28px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-wrap: wrap; }
          main #presskit section.row-video .controls img {
            height: 22px;
            width: auto;
            margin-right: 22px;
            cursor: pointer;
            transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out; }
            main #presskit section.row-video .controls img:hover {
              opacity: 0.5; }
      main #presskit section#intro {
        background: #F2F3F4;
        color: #001224;
        height: auto; }
        main #presskit section#intro .inner {
          width: 90%;
          max-width: 800px;
          margin: 0 auto 5em;
          text-align: center; }
          main #presskit section#intro .inner #flag {
            width: auto;
            height: 200px;
            margin: -100px 0 2em; }
          main #presskit section#intro .inner h1 {
            text-align: center;
            font-family: FuturaMed, sans-serif;
            font-size: 1em; }
          main #presskit section#intro .inner .first {
            font-style: italic;
            margin-top: 1.5em;
            /*font-size: 1.5em; line-height: 1.5em;*/ }
          main #presskit section#intro .inner ul {
            text-align: center;
            margin: 2em 0; }
            main #presskit section#intro .inner ul li {
              display: inline-block;
              margin: 0.5em;
              padding: 2px 1em 0;
              line-height: 2em;
              border: 1px solid #001224; }
      main #presskit section.row-scroll {
        width: 100vw;
        height: calc(100vw / 6.9130);
        position: relative;
        overflow: hidden;
        border-top: 1em solid #FFFFFF; }
        main #presskit section.row-scroll img {
          width: 300vw;
          height: calc(100vw / 6.9130); }
      main #presskit section.row-sustain {
        height: auto;
        width: 100vw;
        min-height: 400px;
        border: 1em solid #FFFFFF;
        border-width: 1em 0;
        background-size: contain;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-content: center; }
        main #presskit section.row-sustain .outer {
          width: 100vw; }
          main #presskit section.row-sustain .outer .inner {
            background: #FFFFFF;
            color: #001224;
            display: inline-block;
            padding: 1em 1em 0;
            width: 90%;
            max-width: 1400px; }
            main #presskit section.row-sustain .outer .inner h3 {
              margin-top: 0; }
      main #presskit section.row-full {
        width: 100vw;
        height: calc(100vw * 0.75);
        position: relative;
        overflow: hidden; }
        main #presskit section.row-full .main {
          width: 100vw;
          height: calc(100vw * 0.75);
          object-fit: cover;
          object-position: 50% 50%; }
        main #presskit section.row-full .inset {
          width: 33.33333%;
          height: auto;
          position: absolute;
          top: 0;
          left: 0;
          right: auto; }
          main #presskit section.row-full .inset:nth-of-type(3) {
            right: 0;
            left: auto; }
    main #presskit #grid {
      width: 100vw;
      height: 100vh;
      z-index: +10;
      position: fixed;
      display: none;
      opacity: 0;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out; }
      main #presskit #grid #grinner {
        width: 64vh;
        height: 90vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        margin: 5vh auto;
        position: fixed;
        left: 50%;
        transform: translateX(-50%); }
        main #presskit #grid #grinner .block, main #presskit #grid #grinner .flag {
          border: 2px solid #CC0C2F;
          width: calc(16vh - 4px);
          height: calc(16vh - 4px);
          margin: 6vh 8vh;
          transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          position: relative;
          overflow: hidden; }
          main #presskit #grid #grinner .block img, main #presskit #grid #grinner .flag img {
            width: 16vh;
            height: 16vh;
            position: absolute;
            top: 0;
            left: 0;
            object-fit: contain;
            object-position: 0% 50%;
            opacity: 0;
            transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out; }
            main #presskit #grid #grinner .block img.reveal, main #presskit #grid #grinner .flag img.reveal {
              opacity: 1; }
        main #presskit #grid #grinner .flag img {
          opacity: 1; }
        main #presskit #grid #grinner .flag {
          border-color: transparent; }
        main #presskit #grid #grinner.red .block {
          border-color: #CC0C2F; }
        main #presskit #grid #grinner.blue .block {
          border-color: #001224; }
        main #presskit #grid #grinner.white .block {
          border-color: #FFFFFF; }
      main #presskit #grid.showthis {
        display: block; }
      main #presskit #grid.fadeup {
        opacity: 1; }
    main #presskit #footer {
      width: 100vw;
      height: 100vh;
      background: #001224;
      position: relative; }
      main #presskit #footer img {
        width: 5rem;
        height: 5rem;
        position: absolute;
        bottom: 50vh;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out; }
        main #presskit #footer img:hover {
          opacity: 0.5;
          cursor: pointer; }
  main #downloads {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    display: none;
    color: #001224;
    opacity: 0;
    z-index: +1; }
    main #downloads.showthis {
      display: block; }
    main #downloads.fadeup {
      opacity: 1; }
    main #downloads a {
      color: #001224; }
    main #downloads a.box {
      border: 1px solid #001224;
      font-family: FuturaBold, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      line-height: 1.5em;
      padding: 0.15em 0.5em 0em;
      margin: 1rem 0;
      display: inline-block;
      text-decoration: none !important; }
    main #downloads .row-state {
      width: 100%; }
      main #downloads .row-state .outer {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        position: relative; }
        main #downloads .row-state .outer .inner {
          width: 90%;
          max-width: 1200px;
          margin: 4rem auto 6rem;
          text-align: center; }
          main #downloads .row-state .outer .inner p {
            margin: 1em 0; }
          main #downloads .row-state .outer .inner a {
            font-family: FuturaBold, sans-serif;
            font-weight: normal; }
    main #downloads .row-assets {
      width: 100%; }
      main #downloads .row-assets h2 {
        text-transform: uppercase;
        text-align: left;
        position: -webkit-sticky;
        position: sticky;
        margin: 2rem 28px 1rem;
        top: 4rem;
        z-index: +1;
        font-family: FuturaBold, sans-serif;
        font-size: 1rem; }
      main #downloads .row-assets .links {
        text-align: left; }
        main #downloads .row-assets .links .box {
          margin: 0 0 0 28px; }
      main #downloads .row-assets .assetgrid {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap; }
        main #downloads .row-assets .assetgrid .thumb {
          width: 20%;
          cursor: pointer;
          transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          -webkit-transition: all 0.25s ease-in-out; }
          main #downloads .row-assets .assetgrid .thumb div {
            position: relative; }
            main #downloads .row-assets .assetgrid .thumb div img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              position: absolute;
              top: 0;
              left: 0;
              object-position: top; }
          main #downloads .row-assets .assetgrid .thumb .credit {
            padding: 0.5rem 0.75rem;
            text-align: left;
            font-size: 0.75rem;
            line-height: 0.75rem; }
        main #downloads .row-assets .assetgrid .linkbox {
          width: 20%;
          display: flex;
          align-items: center; }
          main #downloads .row-assets .assetgrid .linkbox a {
            margin: 0 auto; }
        main #downloads .row-assets .assetgrid.campaign .thumb div {
          padding-top: 100%; }
        main #downloads .row-assets .assetgrid.campaign .linkbox {
          height: 20vw; }
        main #downloads .row-assets .assetgrid.video .thumb {
          width: 25%; }
          main #downloads .row-assets .assetgrid.video .thumb .img {
            padding-top: 56.25%; }
        main #downloads .row-assets .assetgrid.video .linkbox {
          width: 25vw;
          height: 11.25vw; }
        main #downloads .row-assets .assetgrid.lookbook .thumb div {
          padding-top: 100%; }
        main #downloads .row-assets .assetgrid.lookbook .linkbox {
          height: 20vw; }
        main #downloads .row-assets .assetgrid.bts .thumb div {
          padding-top: 100%; }
        main #downloads .row-assets .assetgrid.bts .linkbox {
          height: 20vw; }
        main #downloads .row-assets .assetgrid.ecomms .thumb .img {
          padding-top: 133.33333%; }
          main #downloads .row-assets .assetgrid.ecomms .thumb .img img {
            object-fit: contain; }
        main #downloads .row-assets .assetgrid.ecomms .linkbox {
          height: 13.33333vw; }
        main #downloads .row-assets .assetgrid.still .thumb .img {
          padding-top: 66.66666%; }
          main #downloads .row-assets .assetgrid.still .thumb .img img {
            object-fit: contain; }
        main #downloads .row-assets .assetgrid.still .linkbox {
          height: 13.33333vw; }
        main #downloads .row-assets .assetgrid.contact h4 {
          width: 100vw;
          margin: 1em 0;
          padding-left: 1em;
          font-size: 1rem;
          text-align: left; }
        main #downloads .row-assets .assetgrid.contact .card {
          width: 25%; }
          main #downloads .row-assets .assetgrid.contact .card div {
            font-size: 0.75rem;
            line-height: 1.25em;
            text-align: left;
            padding: 0.5rem 1rem; }
            main #downloads .row-assets .assetgrid.contact .card div h3 {
              font-size: 0.75rem; }
            main #downloads .row-assets .assetgrid.contact .card div a {
              font-family: FuturaBold, sans-serif;
              font-weight: normal; }
      main #downloads .row-assets.connect {
        text-align: left; }
        main #downloads .row-assets.connect #social {
          margin: 0 0.5rem; }
          main #downloads .row-assets.connect #social a {
            display: inline-block;
            width: 1.25rem;
            height: 1.25rem;
            background-position: 50%;
            background-size: contain;
            background-repeat: no-repeat;
            margin: 0 1rem; }
            main #downloads .row-assets.connect #social a.facebook {
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.73' height='60.73'%3E%3Cpath fill='00174F' d='M57.38 0H3.35A3.35 3.35 0 0 0 0 3.35v54.03c0 1.85 1.5 3.35 3.35 3.35h29.09V37.21h-7.92v-9.16h7.92v-6.76c0-7.85 4.79-12.12 11.78-12.12 3.36 0 6.24.25 7.08.36v8.2h-4.86c-3.8 0-4.54 1.81-4.54 4.46v5.85h9.08l-1.19 9.17H41.9v23.52h15.48c1.85 0 3.35-1.5 3.35-3.35V3.35c0-1.85-1.5-3.35-3.35-3.35z'/%3E%3C/svg%3E"); }
            main #downloads .row-assets.connect #social a.pinterest {
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath fill='00174F' d='M17 0a17 17 0 0 0-6.2 32.84c-.14-1.35-.28-3.41.07-4.88.3-1.33 2-8.45 2-8.45s-.52-1.02-.52-2.53c0-2.36 1.37-4.12 3.08-4.12 1.45 0 2.15 1.08 2.15 2.39 0 1.46-.93 3.64-1.4 5.66-.41 1.7.84 3.07 2.5 3.07 3.03 0 5.35-3.18 5.35-7.78 0-4.07-2.92-6.92-7.1-6.92a7.36 7.36 0 0 0-7.68 7.38 6.6 6.6 0 0 0 1.27 3.88c.14.17.16.32.12.49l-.47 1.92c-.08.32-.25.38-.57.23-2.13-.99-3.46-4.1-3.46-6.59 0-5.36 3.9-10.29 11.24-10.29 5.9 0 10.48 4.2 10.48 9.83 0 5.86-3.7 10.57-8.82 10.57-1.72 0-3.34-.9-3.9-1.95l-1.06 4.04a18.92 18.92 0 0 1-2.11 4.46A17 17 0 1 0 17 0z'/%3E%3C/svg%3E"); }
            main #downloads .row-assets.connect #social a.twitter {
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='26'%3E%3Cpath fill='00174F' d='M30.75 3.826c-.51.276-2.039.833-3.463.973.912-.487 2.266-2.086 2.6-3.36-.878.556-2.898 1.37-3.893 1.37l.002.004A6.252 6.252 0 0 0 21.484.9c-3.448 0-6.241 2.767-6.241 6.18 0 .477.054.934.16 1.378H15.4C10.723 8.339 4.43 7.03 1.35 3.06c-1.89 3.247-.252 6.46 1.894 7.773-.735.056-2.087-.081-2.725-.696-.044 2.152 1.001 5.005 4.812 6.037-.733.394-2.03.283-2.597.195.2 1.82 3.951 4.198 6.762 4.198-1.004 1.146-4.773 3.226-9 2.566a18.881 18.881 0 0 0 9.761 2.732c10.072 0 17.892-8.704 17.47-18.675l-.003-.03c0-.029.003-.055.003-.081 0-.03-.003-.06-.003-.092.917-.62 2.144-1.717 3.026-3.161'/%3E%3C/svg%3E"); }
            main #downloads .row-assets.connect #social a.instagram {
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='00174F'%3E%3Cpath d='M16.78.51c-4.46 0-5.02.02-6.77.1-1.74.08-2.93.36-3.98.78-1.08.42-2 1-2.9 1.92a8.2 8.2 0 0 0-1.9 2.96C.84 7.33.56 8.55.48 10.33.4 12.1.37 12.68.37 17.2c0 4.54.02 5.1.1 6.89.08 1.77.36 2.99.77 4.05a8.2 8.2 0 0 0 1.89 2.96c.9.93 1.82 1.5 2.9 1.92 1.05.42 2.24.7 3.98.78 1.75.08 2.31.1 6.77.1 4.45 0 5-.02 6.76-.1 1.74-.08 2.94-.36 3.98-.78 1.08-.42 2-1 2.9-1.92a8.2 8.2 0 0 0 1.9-2.96c.4-1.06.68-2.28.76-4.05.08-1.79.1-2.35.1-6.89s-.02-5.1-.1-6.88c-.08-1.78-.36-3-.76-4.06a8.2 8.2 0 0 0-1.9-2.96 8.03 8.03 0 0 0-2.9-1.92C26.48.97 25.28.69 23.54.6 21.79.52 21.23.5 16.78.5zm0 3.01c4.38 0 4.9.02 6.62.1 1.6.07 2.47.34 3.05.57.76.3 1.31.67 1.88 1.25.58.59.93 1.14 1.23 1.92.23.59.5 1.47.57 3.1.08 1.76.1 2.3.1 6.75s-.02 4.99-.1 6.75a9.39 9.39 0 0 1-.57 3.1c-.3.78-.65 1.34-1.23 1.92-.57.58-1.12.95-1.88 1.25-.58.23-1.45.5-3.05.57-1.73.08-2.24.1-6.62.1s-4.9-.02-6.63-.1a8.93 8.93 0 0 1-3.05-.57 5.07 5.07 0 0 1-1.88-1.25 5.18 5.18 0 0 1-1.23-1.92 9.39 9.39 0 0 1-.56-3.1 118 118 0 0 1-.1-6.75c0-4.46.02-4.99.1-6.75.07-1.63.34-2.51.56-3.1.3-.78.65-1.33 1.23-1.92A5.07 5.07 0 0 1 7.1 4.2c.58-.23 1.45-.5 3.05-.57 1.73-.08 2.25-.1 6.63-.1z'/%3E%3Cpath d='M16.78 22.78c-3.02 0-5.47-2.5-5.47-5.57s2.45-5.57 5.47-5.57c3.02 0 5.46 2.5 5.46 5.57s-2.44 5.57-5.46 5.57zm0-14.14a8.5 8.5 0 0 0-8.43 8.57 8.5 8.5 0 0 0 8.43 8.58c4.65 0 8.42-3.84 8.42-8.58s-3.77-8.58-8.42-8.58zM27.5 8.3c0 1.1-.88 2-1.97 2-1.09 0-1.97-.9-1.97-2s.88-2 1.97-2c1.09 0 1.97.89 1.97 2'/%3E%3C/g%3E%3C/svg%3E"); }
            main #downloads .row-assets.connect #social a.youtube {
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='00174F' d='M490.2 114c-13.8-24.8-29-29.3-59.6-31-30.7-2.1-107.8-3-174.5-3-67 0-144 .9-174.7 3-30.6 1.7-45.7 6.2-59.7 31C7.4 138.5 0 181 0 255.8v.2c0 74.8 7.4 117.6 21.7 142 14 24.7 29 29.2 59.7 31.3C112 430.9 189.2 432 256 432c66.7 0 143.8-1 174.5-2.8 30.7-2.1 45.8-6.6 59.7-31.3 14.4-24.4 21.7-67.2 21.7-141.7v-.2c0-75-7.3-117.4-21.8-142zM192 352V160l160 96-160 96z'/%3E%3C/svg%3E"); }
    main #downloads .row-intro {
      color: #001224;
      height: auto; }
      main #downloads .row-intro .inner {
        width: 90%;
        max-width: 800px;
        margin: 5em auto 10em;
        text-align: center; }
        main #downloads .row-intro .inner img {
          height: 200px;
          width: auto;
          margin: 5em 0 2em; }
        main #downloads .row-intro .inner h1 {
          text-align: center;
          font-family: FuturaMed, sans-serif;
          font-size: 1em; }
        main #downloads .row-intro .inner .first {
          font-style: italic;
          margin-top: 1.5em;
          /*font-size: 1.5em; line-height: 1.5em;*/ }
        main #downloads .row-intro .inner ul {
          text-align: center;
          margin: 2em 0; }
          main #downloads .row-intro .inner ul li {
            display: inline-block;
            margin: 0.5em;
            padding: 2px 1em 0;
            line-height: 2em;
            border: 1px solid #001224; }
    main #downloads .row-bio {
      position: relative;
      padding: 5rem 0; }
      main #downloads .row-bio .inner {
        width: 90%;
        margin: 2rem auto;
        max-width: 1200px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        /*align-items: center;*/ }
        main #downloads .row-bio .inner .actions {
          margin-bottom: 3rem; }
        main #downloads .row-bio .inner #th-img {
          width: 31.33333%;
          margin: 5% 1%; }
          main #downloads .row-bio .inner #th-img img {
            width: 100%;
            height: auto;
            position: relative; }
        main #downloads .row-bio .inner #th-bio {
          width: 64.66666%;
          margin: 5% 1%;
          text-align: left; }
          main #downloads .row-bio .inner #th-bio h1 + p {
            margin-top: 0;
            font-size: 0.75em; }
          main #downloads .row-bio .inner #th-bio p {
            max-width: 40rem;
            margin: 1em auto;
            padding: 0; }
    main #downloads .contacts {
      z-index: +1; }
    main #downloads .grad {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      height: 6rem;
      background: linear-gradient(to bottom, #FFFFFF 3rem, rgba(255, 255, 255, 0) 100%);
      z-index: +1; }

/* SLIDESHOW STYLES */
#slideshow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #FFFFFF;
  z-index: 99999;
  display: none;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out; }
  #slideshow.show {
    display: table; }
  #slideshow.nowfade {
    opacity: 1; }
  #slideshow .inner {
    width: 100vw;
    height: 100vh;
    display: table-cell;
    vertical-align: middle; }
    #slideshow .inner #controls {
      position: absolute;
      top: 0;
      right: 0;
      color: #000000; }
      #slideshow .inner #controls a, #slideshow .inner #controls span {
        display: block;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        margin: 28px;
        cursor: pointer;
        transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        text-indent: -9999px; }
        #slideshow .inner #controls a:hover, #slideshow .inner #controls span:hover {
          opacity: 0.5; }
      #slideshow .inner #controls .flex-close {
        background-image: url("../images/close.svg"); }
      #slideshow .inner #controls .flex-prev {
        background-image: url("../images/prev.svg"); }
      #slideshow .inner #controls .flex-next {
        background-image: url("../images/next.svg"); }
      #slideshow .inner #controls .flex-down {
        background-image: url("../images/download.svg"); }
    #slideshow .inner .ass {
      display: none; }
      #slideshow .inner .ass.show {
        display: block; }
      #slideshow .inner .ass .slides video {
        width: 100vw;
        max-width: 960px;
        height: auto;
        outline: none; }
      #slideshow .inner .ass .slides img {
        width: 100vw;
        height: 100vh;
        object-fit: contain; }

/* Tablet Styles */
@media only screen and (max-width: 1024px) {
  main #presskit .row-video .controls img {
    height: 40px !important;
    margin-right: 40px !important; }
  main #presskit .row-full {
    height: calc(100vw * 0.75); }
    main #presskit .row-full img {
      height: calc(100vw * 0.75); }
    main #presskit .row-full .copy {
      height: calc(100vw * 0.75);
      width: 42.5%;
      margin: 0 5% 0 52.5%; }
  main #downloads .row-assets .assetgrid .thumb {
    width: 33.33333%; }
  main #downloads .row-assets .assetgrid .linkbox {
    width: 33.33333%; }
  main #downloads .row-assets .assetgrid.contact .card {
    width: 33.33333%; } }

/* ipad Styles */
@media only screen and (max-width: 1024px) {
  main #presskit section.row-sustain {
    background-attachment: scroll;
    background-size: cover; } }

/* Phone Styles */
@media only screen and (max-width: 1023px) {
  input {
    font-size: 1.5rem; }
  header svg, footer svg {
    width: 170% !important;
    position: relative;
    left: -35%; }
  main #presskit section.row-video {
    height: 100vh; }
    main #presskit section.row-video video {
      height: 100vh; }
  main #downloads .row-state .outer .inner a {
    font-size: 1.25em;
    width: 75%;
    margin: 1rem 10%; }
  main #downloads .row-bio .biopic {
    width: auto;
    height: 75vh;
    position: absolute;
    top: 25vh;
    left: -25vw;
    object-fit: cover; }
  main #downloads .row-bio .bioouter {
    top: 20vw;
    left: 5vw;
    width: 45vw;
    height: 80vh;
    align-items: flex-start; }
  main #downloads .row-assets .assetgrid .thumb {
    width: 50%; }
  main #downloads .row-assets .assetgrid .linkbox {
    width: 50%; }
  main #downloads .row-assets .assetgrid.video .thumb {
    width: 50%; }
  main #downloads .row-assets .assetgrid.video .linkbox {
    width: 50%; }
  main #downloads .row-assets .assetgrid.contact .card {
    width: 100%; }
    main #downloads .row-assets .assetgrid.contact .card div {
      font-size: 1rem; }
      main #downloads .row-assets .assetgrid.contact .card div h3 {
        font-size: 1rem; }
  main #downloads .row-assets #campaignouter .assetgrid .thumb {
    width: 50%; }
  main #downloads .row-assets #campaignouter .assetgrid .linkbox {
    width: 50%; }
  main #downloads .row-assets.swipebooks {
    text-align: center; }
    main #downloads .row-assets.swipebooks a {
      min-width: 90%;
      font-size: 1.5rem;
      margin: 1rem 0; }
  main #downloads .row-assets.connect #social a {
    width: 3rem;
    height: 3rem; } }