/* SCSS Document */
/* MICROSOFT NONSENSE */
/* WEBFONTS */
@font-face {
  font-family: "gt_america";
  src: url("../fonts/gt-america-mono-bold-webfont.woff2") format("woff2"), url("../fonts/gt-america-mono-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* MIXINS */
/* ANIMATIONS */
@keyframes bounce {
  0%, 20%, 50%, 70%, 90%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10vh);
  }
  60% {
    transform: translateY(-5vh);
  }
  80% {
    transform: translateY(-2vh);
  }
}
@keyframes bgscroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -300px 0;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 70%, 90%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-2em);
  }
  60% {
    transform: translateY(-1em);
  }
  80% {
    transform: translateY(-0.5em);
  }
}
/* 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 */
/* ELEMENT STYLES */
strong {
  font-weight: 700;
}

a {
  color: #000000;
  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-style: italic;
}

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

body,
html {
  text-align: center;
  color: #000000;
  font-family: "clarendon-urw", sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  background: #000000;
  line-height: 1.5em;
}

h1,
h2,
h3 {
  font-family: "gt_america", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.25em;
  display: block;
  text-transform: uppercase;
}
h1 span,
h2 span,
h3 span {
  font-weight: 400;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 2em;
}

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

/* GENERAL STYLES */
.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;
}

.dropin {
  opacity: 0;
  position: relative;
  top: 2em;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.dropin.now {
  opacity: 1;
  top: 0;
}

.inner {
  width: 90vw;
  max-width: 900px;
  margin: 2em auto;
  text-align: center;
}

.cta {
  background-color: #000000;
  border: 3px solid #BEFFAD;
  border-radius: 10px;
  color: #BEFFAD;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.5em 1em;
  font-family: "gt_america", sans-serif;
  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;
  margin: 0.5em 0;
  display: inline-block;
}
.cta:hover {
  opacity: 0.5;
  /*padding: 0.6em 1.1em;*/
}
.cta.hide {
  opacity: 0;
}

/* HEADER STYLES */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: calc(20px + 2vw);
  padding: 0;
  z-index: 99999;
  /*opacity: 0; @include anitrans(0.25s);*/
  /*&.show { opacity: 1; }*/
}
header.downloads {
  background-color: #000000;
}
header #logo {
  height: 54px;
  width: auto;
  position: fixed;
  left: 1vw;
  top: 1vw;
  z-index: 9999;
}
header #trigger {
  width: 40px;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 2vw;
  background-color: #BEFFAD;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  cursor: pointer;
  z-index: 9999;
}
header #trigger div {
  width: 100%;
  height: 5px;
  background-color: #000000;
}
header #trigger div:first-of-type {
  margin-bottom: 20px;
}
header nav {
  width: 100vw;
  height: 100vh;
  top: -100vh;
  position: absolute;
  background-color: #000000;
  color: #BEFFAD;
  font-family: "gt_america", sans-serif;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
header nav ul {
  position: absolute;
  top: 2vw;
  right: -300px;
  transform: rotate(90deg);
  transform-origin: top left;
  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;
}
header nav ul li {
  font-size: 2em;
  line-height: 2em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
header nav ul li a {
  color: #BEFFAD;
}
header nav ul li a:hover {
  opacity: 1;
}
header nav ul.fadeup {
  opacity: 1;
}
header nav.down {
  top: 0;
}

/* CONTENT STYLES */
main {
  position: relative;
}
main #presskit {
  display: flex;
  flex-wrap: wrap;
}
main #presskit section {
  width: 100vw;
  height: 100vh;
  position: relative;
  /* PRODUCT SLIDER */
}
main #presskit section .lockup {
  /* Used in multiple locations */
  width: 30%;
  height: auto;
  max-width: 443px;
  min-width: 200px;
  position: absolute;
  left: 0;
  top: 2vw;
}
main #presskit section.stripecon {
  background-color: #000000;
  background-image: url("../images/bg-copy.png");
  background-size: 300px;
  min-height: 100vh;
  animation: bgscroll 3s linear infinite;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
main #presskit section.stripecon .cta {
  border-color: #0050C9;
  color: #0050C9;
}
main #presskit section.stripecon #scrolldown {
  position: absolute;
  bottom: 4vw;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-name: bounce;
}
main #presskit section#video {
  width: 100vw;
  height: 56.25vw;
  position: relative;
  margin: 0;
}
main #presskit section#video .cover {
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 56.25vw;
  -o-object-fit: cover;
     object-fit: cover;
}
main #presskit section#video .controls {
  position: absolute;
  width: 100vw;
  height: 56.25vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
main #presskit section#video .controls img {
  height: 60px;
  width: auto;
  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#video .controls img:hover {
  opacity: 0.5;
}
main #presskit section.split {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  min-height: 100vh;
  height: auto;
}
main #presskit section.split .col {
  width: 50%;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
}
main #presskit section.split .col .covered {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
main #presskit section.split .col .sticky {
  position: sticky;
  top: 0;
}
main #presskit section.split .col.pattern {
  background-image: url("../images/frame-pattern.png");
  background-position: 50% 50%;
  background-size: cover;
  width: 40%;
  min-height: calc(100vh - 10vw);
  padding: 5vw 5%;
}
main #presskit section.split .col.pattern h2 {
  color: #BEFFAD;
}
main #presskit section.split .col.stripe {
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 10%, #000000 10%, #000000 11%, #FFFFFF 11%, #FFFFFF 20%, #000000 20%, #000000 21%, #FFFFFF 21%, #FFFFFF 30%, #000000 30%, #000000 31%, #FFFFFF 31%, #FFFFFF 40%, #000000 40%, #000000 41%, #FFFFFF 41%, #FFFFFF 50%, #000000 50%, #000000 51%, #FFFFFF 51%, #FFFFFF 60%, #000000 60%, #000000 61%, #FFFFFF 61%, #FFFFFF 70%, #000000 70%, #000000 71%, #FFFFFF 71%, #FFFFFF 80%, #000000 80%, #000000 81%, #FFFFFF 81%, #FFFFFF 90%, #000000 90%, #000000 91%, #FFFFFF 91%, #FFFFFF 100%);
  width: 40%;
  min-height: calc(100vh - 10vw);
  padding: 5vw 5%;
}
main #presskit section.split .col.stripe .bordered {
  position: sticky;
  top: 5vw;
}
main #presskit section.split .col.stripe h2 {
  color: #0050C9;
}
main #presskit section.split .col .bordered {
  width: 80%;
  height: calc(100vh - 10vw);
  padding: 0 10%;
  background-color: #000000;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
main #presskit section.triple {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
main #presskit section.triple .col {
  width: 33.33333%;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.triple .col img {
  width: 100%;
  height: 100vh;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
main #presskit section.triple .col img.sticky {
  position: sticky;
  top: 0;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-150vw);
  }
}
main #presskit section.prodline {
  width: 100vw;
  height: 21.42857vw;
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
}
main #presskit section.prodline .slide-track {
  width: 300vw;
  animation: scroll 20s linear infinite;
  display: flex;
  background-color: #FFFFFF;
}
main #presskit section.prodline .slide-track img {
  width: 150vw;
  height: 21.42857vw;
}
main #presskit section#numrace {
  height: 400vh;
}
main #presskit section#numrace .stripecon {
  background-color: #000000;
  background-image: url("../images/bg-copy.png");
  background-size: 300px;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  animation: bgscroll 3s linear infinite;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  position: sticky;
  top: 0;
}
main #presskit section#numrace .stripecon .inner {
  text-align: left;
}
main #presskit section#numrace .stripecon .number {
  height: 100px;
  width: auto;
  position: absolute;
  top: 15vh;
  left: -20%;
}
main #presskit section#numrace .stripecon .number:last-of-type {
  top: auto;
  bottom: 15vh;
}
main #presskit section#scrollsect {
  height: auto;
  background-color: #00174F;
  padding: 200px 0 50px;
}
main #presskit section#scrollsect .scrollcont {
  height: 410px;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  flex-wrap: nowrap;
}
main #presskit section#scrollsect .scrollcont img {
  height: 370px;
  width: auto;
}
main #presskit section#scrollsect .scrollcont::-webkit-scrollbar {
  width: 0px;
  height: 40px;
  background-image: url("../images/scrollbg.png"), url("../images/checker.png");
  background-size: 2px, contain;
  background-position: 50% 50%, 90%;
  background-repeat: repeat-x, no-repeat;
}
main #presskit section#scrollsect .scrollcont::-webkit-scrollbar-thumb {
  background-image: url("../images/scrollthumb.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
main #presskit section#footer {
  height: calc(150px + 2em);
  background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 10%, #CC0C2F 10%, #CC0C2F 20%, #FFFFFF 20%, #FFFFFF 30%, #CC0C2F 30%, #CC0C2F 40%, #FFFFFF 40%, #FFFFFF 50%, #CC0C2F 50%, #CC0C2F 60%, #FFFFFF 60%, #FFFFFF 70%, #CC0C2F 70%, #CC0C2F 80%, #FFFFFF 80%, #FFFFFF 90%, #CC0C2F 90%, #CC0C2F 100%, #FFFFFF 100%);
}
main #presskit section#footer div {
  width: 96vw;
  padding: 0 2vw;
  font-family: "gt_america", sans-serif;
  background: #000000;
  color: #FFFFFF;
  line-height: 2em;
  position: absolute;
  bottom: 0;
  text-align: left;
}
main #presskit section#footer div span {
  position: absolute;
  right: 2vw;
  font-family: "clarendon-urw", sans-serif;
}
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: #000000;
  opacity: 0;
  z-index: 1;
}
main #downloads.showthis {
  display: block;
}
main #downloads.fadeup {
  opacity: 1;
}
main #downloads a {
  color: #FFFFFF;
}
main #downloads a.box {
  border: 1px solid #00174F;
  font-family: "clarendon-urw", 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: 100vw;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
}
main #downloads .row-state .inner {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
main #downloads .row-state .inner p {
  margin: 1em 0;
}
main #downloads .row-state .inner a {
  display: inline-block;
  border: 3px solid #000000;
  color: #000000;
  font-family: "gt_america", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2em;
  padding: 0 1em;
  margin: 1em;
  border-radius: 10px;
}
main #downloads .row-state .inner img {
  height: 6em;
}
main #downloads .row-bio {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
}
main #downloads .row-bio .inner {
  width: 90%;
  margin: 2em auto;
  max-width: 1200px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
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;
  border-radius: 10px;
}
main #downloads .row-bio .inner #th-bio {
  width: 64.66666%;
  margin: 5% 1%;
  text-align: left;
  font-size: 0.75em;
}
main #downloads .row-bio .inner #th-bio h1 {
  font-size: 2em;
}
main #downloads .row-bio .inner #th-bio h1 + p {
  margin-top: 0;
}
main #downloads .row-bio .inner #th-bio p {
  max-width: 40rem;
  margin: 1em auto;
  padding: 0;
}
main #downloads .row-bio .inner #th-bio a {
  display: inline-block;
  border: 3px solid #000000;
  color: #000000;
  font-family: "gt_america", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2em;
  padding: 0 1em;
  margin: 1em 0;
  border-radius: 10px;
}
main #downloads .row-assets {
  width: 100%;
}
main #downloads .row-assets h2 {
  text-transform: uppercase;
  text-align: left;
  position: sticky;
  margin: 2rem 5vw 1rem;
  top: 5rem;
  z-index: 1;
  font-family: "gt_america", 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: 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%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-position: top;
     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.global .thumb div {
  padding-top: 100%;
}
main #downloads .row-assets .assetgrid.global .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.still {
  background: #FFFFFF;
}
main #downloads .row-assets .assetgrid.still .thumb {
  background: #FFFFFF;
  width: 17%;
  margin: 1.5%;
}
main #downloads .row-assets .assetgrid.still .thumb .img {
  padding-top: 100%;
}
main #downloads .row-assets .assetgrid.still .thumb .img img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #downloads .row-assets .assetgrid.still .linkbox {
  height: 13.33333vw;
}
main #downloads .row-assets .assetgrid.contact {
  padding: 0.5%;
  width: 99%;
}
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: 24%;
  margin: 0.5%;
  color: #000000;
  background: #FFFFFF;
}
main #downloads .row-assets .assetgrid.contact .card div {
  font-size: 0.75rem;
  line-height: 1.25em;
  text-align: left;
  padding: 0.5rem 1rem;
  text-align: center;
}
main #downloads .row-assets .assetgrid.contact .card div h3 {
  font-size: 0.75rem;
}
main #downloads .row-assets .assetgrid.contact .card div a {
  font-family: "clarendon-urw", sans-serif;
  font-weight: normal;
  color: #000000;
}
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 .contacts {
  z-index: 1;
}
main #downloads .grad {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  background: linear-gradient(to bottom, #FFFFFF 3rem, rgba(25, 31, 35, 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;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Tablet Styles */
@media only screen and (max-width: 1024px) {
  main #presskit .row-video .controls img {
    height: 40px !important;
  }
  main #presskit .row-full {
    height: 75vw;
  }
  main #presskit .row-full img {
    height: 75vw;
  }
  main #presskit .row-full .copy {
    height: 75vw;
    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: 820px) {
  body,
  html {
    font-size: 15px;
  }
}
/* Phone Styles */
@media only screen and (max-width: 819px) {
  input {
    font-size: 1.5rem;
  }
  header nav ul {
    right: -200px;
  }
  main #presskit section#video {
    height: 100vw;
  }
  main #presskit section#video .cover {
    height: 100vw;
  }
  main #presskit section.split .col {
    width: 100%;
    min-height: auto;
  }
  main #presskit section.split .col .covered {
    width: 100vw;
    height: 100vw;
  }
  main #presskit section.split .col .bordered {
    height: 50vh;
  }
  main #presskit section.split .col.pattern {
    width: 90%;
    height: auto;
    min-height: auto;
  }
  main #presskit section.split .col.stripe {
    width: 90%;
    height: auto;
    min-height: auto;
  }
  @keyframes scrollmob {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-300vw);
    }
  }
  main #presskit section.prodline {
    height: 42.85714vw;
  }
  main #presskit section.prodline .slide-track {
    width: 600vw;
    animation: scrollmob 20s linear infinite;
  }
  main #presskit section.prodline .slide-track img {
    width: 300vw;
    height: 42.85714vw;
  }
  main #downloads .row-state .outer .inner a {
    font-size: 1.25em;
    width: 75%;
    margin: 1rem 10%;
  }
  main #downloads .row-bio .inner #th-img {
    width: 90vw;
    margin: 5vw auto;
  }
  main #downloads .row-bio .inner #th-bio {
    width: 90vw;
    margin: 5vw auto;
  }
  main #downloads .row-assets h2 {
    top: 6em;
  }
  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.still .thumb {
    width: 47%;
  }
  main #downloads .row-assets .assetgrid.contact .card {
    width: 90%;
    margin: 2.5% 5%;
    overflow: hidden;
  }
  main #downloads .row-assets .assetgrid.contact .card div {
    font-size: 0.75em;
  }
  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;
  }
}/*# sourceMappingURL=styles.css.map */