/* SCSS Document */
/* MICROSOFT NONSENSE */
/* MIXINS */
/* ANIMATIONS */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/* FONTS */
@font-face {
  font-family: "gt_americacondensed_bold";
  src: url("../fonts/gt-america-condensed-bold-webfont.woff2") format("woff2"), url("../fonts/gt-america-condensed-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* 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: normal;
}

a {
  color: #00174F;
  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: #FFFFFF;
  font-family: "gt_americacondensed_bold", sans-serif;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  background: #000000;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-weight: normal;
  line-height: 1em;
}
h1 + p, h2 + p, h3 + p, h4 + p {
  margin-top: 0.5em;
}

h2 {
  font-size: 3vw;
}

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-size: 0.75rem;
  border: 1px solid #FFFFFF;
}

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

.shake {
  cursor: crosshair;
}

/* HEADER STYLES */
header {
  position: fixed;
  width: 95vw;
  top: 0;
  left: 0;
  padding: 0.5rem 2.5vw;
  text-align: right;
  color: #FFFFFF;
  z-index: 99999;
}
/* CONTENT STYLES */
main {
  z-index: 66666;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
main footer {
  top: auto;
  bottom: 0;
}
main #presskit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  /* STOP'N'SCROLL SECTIONS */
  /* FULL COPY OVER IMG */
  /* PRODUCT SLIDERS */
  /* GRID */
}
main #presskit section#intro img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section#intro .inner {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section#intro .inner h1 {
  font-size: 9vw;
  text-align: center;
  line-height: 0.7em;
}
main #presskit section#intro .inner h1.flag {
  background-image: url("../images/flag.gif");
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 13vw;
}
main #presskit section#video {
  height: 56.25vw;
}
main #presskit section#video .cover {
  width: 100vw;
  height: 56.25vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section#video .controls {
  position: absolute;
  left: 2.5vw;
  bottom: 0;
  margin: 1em 0;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section#video .controls img {
  height: 80px;
  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#fullcopy {
  min-height: 56.25vw;
  background-color: #000000;
  color: #FFFFFF;
}
main #presskit section#fullcopy .inner {
  width: 100vw;
  min-height: 56.25vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section#fullcopy .inner .clamp {
  width: 90vw;
  max-width: 700px;
  margin: 2em auto;
}
main #presskit section#fullcopy .inner .clamp p {
  text-align: left;
  font-size: 1.5em;
}
main #presskit section#fullcopy .inner .clamp p.center {
  text-align: center;
}
main #presskit section#fullcopy .inner .clamp p a {
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  font-size: 1rem;
}
main #presskit section.stopnscroll {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.stopnscroll .imgsttc {
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}
main #presskit section.stopnscroll .imgsttc img {
  width: 50vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #presskit section.stopnscroll .scrlcont {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.stopnscroll .scrlcont img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
main #presskit section.stopnscroll .scrlcont .copyblock {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
}
main #presskit section.stopnscroll .scrlcont .copyblock .inner {
  width: 40vw;
  margin: 0 auto;
  font-size: 2.5em;
  line-height: 1em;
  text-align: left;
}
main #presskit section.stopnscroll .scrlcont .copyblock.lime {
  background-color: #21E866;
  color: #000000;
}
main #presskit section.stopnscroll .scrlcont .copyblock.wred {
  background-color: #FFFFFF;
  color: #FF1717;
}
main #presskit section.stopnscroll .scrlcont .copyblock.wblue {
  background-color: #FFFFFF;
  color: #0045FF;
}
main #presskit section.stopnscroll .scrlcont .copyblock.blue {
  background-color: #0045FF;
  color: #FFFFFF;
}
main #presskit section.fullcopy {
  width: 100vw;
  height: 100vh;
}
main #presskit section.fullcopy img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section.fullcopy .copyblock {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section.fullcopy .copyblock .inner {
  width: 100vw;
}
main #presskit section.fullcopy .copyblock .inner h2 {
  width: 90vw;
  margin: 0 auto;
  font-size: 7vw;
  line-height: 0.9em;
  text-align: center;
  color: #FF1717;
  text-transform: uppercase;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-160vw);
  }
}
main #presskit section#slider1 {
  width: 100vw;
  height: 20vw;
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
}
main #presskit section#slider1 .slide-track {
  width: 320vw;
  animation: scroll 20s linear infinite;
  display: flex;
}
main #presskit section#slider1 .slide-track img {
  width: 160vw;
  height: 20vw;
}
main #presskit section.grid {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.grid img {
  width: 50vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
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: #000000;
  border-bottom: 2px solid #000000;
  font-size: 1rem;
}
main #downloads section {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  /* BIO SECTION */
}
main #downloads section.stopnscroll {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
main #downloads section.stopnscroll .imgsttc {
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}
main #downloads section.stopnscroll .imgsttc img {
  width: 50vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #downloads section.stopnscroll .copyscrl {
  width: 40vw;
  padding: 5vw;
  font-size: 2em;
  line-height: 1em;
  text-align: left;
}
main #downloads section.stopnscroll .copyscrl h2 {
  text-transform: uppercase;
}
main #downloads section.stopnscroll .copyscrl h3 {
  text-transform: none;
  margin: 0;
  font-size: 1em;
}
main #downloads section.stopnscroll .copyscrl h3 span {
  display: block;
}
main #downloads section.stopnscroll .copyscrl .links {
  text-align: center;
}
main #downloads .row-assets {
  width: 100%;
}
main #downloads .row-assets .assetgrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
main #downloads .row-assets .assetgrid .thumb {
  width: 25%;
  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.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.bts .thumb div {
  padding-top: 100%;
}
main #downloads .row-assets .assetgrid.bts .linkbox {
  height: 20vw;
}
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%;
  margin-top: 2em;
}
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: #FFFFFF;
  text-align: left;
}
main #downloads .row-assets .assetgrid.contact .card div {
  font-size: 1rem;
  line-height: 1.25em;
  text-align: left;
  padding: 0.5rem 1rem;
}
main #downloads .row-assets .assetgrid.contact .card div h3 {
  font-size: 1rem;
}
main #downloads .row-assets .assetgrid.contact .card div a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: none;
}
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: #FFFFFF;
  height: auto;
}
main #downloads .row-intro .inner {
  width: 90%;
  margin: 5em auto 10em;
  text-align: center;
}
main #downloads .row-intro .inner .imgroup {
  width: 100%;
  text-align: right;
  margin-top: 2em;
  position: relative;
}
main #downloads .row-intro .inner .imgroup .leftimg {
  width: 50%;
  height: auto;
}
main #downloads .row-intro .inner .imgroup .rightimg {
  width: 66.66666%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
main #downloads .row-intro .inner h1 {
  text-align: center;
  font-size: 2em;
  text-transform: uppercase;
}
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 #FFFFFF;
}
main #downloads .contacts {
  z-index: 1;
  background-color: #0045FF;
  color: #FFFFFF;
}
main #downloads .grad {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  background: linear-gradient(to bottom, #0045FF 3rem, rgba(0, 69, 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;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Tablet Styles */
@media only screen and (max-width: 1024px) {
  main #presskit section#intro img {
    -o-object-position: 80% 50%;
       object-position: 80% 50%;
  }
  main #presskit section#video .controls img {
    height: 40px !important;
  }
  main #presskit section.stopnscroll .imgsttc {
    width: 100vw;
    height: 100vh;
    position: relative;
  }
  main #presskit section.stopnscroll .imgsttc img {
    width: 100vw;
    height: 100vh;
  }
  main #presskit section.stopnscroll .scrlcont {
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
  }
  main #presskit section.stopnscroll .scrlcont img {
    width: 100%;
    height: 100vh;
  }
  main #presskit section.stopnscroll .scrlcont .copyblock {
    width: 100vw;
    height: auto;
  }
  main #presskit section.stopnscroll .scrlcont .copyblock .inner {
    width: 90vw;
  }
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-320vw);
    }
  }
  main #presskit section#slider1 {
    width: 100vw;
    height: 40vw;
  }
  main #presskit section#slider1 .slide-track {
    width: 640vw;
  }
  main #presskit section#slider1 .slide-track img {
    width: 320vw;
    height: 40vw;
  }
  main #presskit section.grid img {
    width: 100vw;
    height: 100vh;
  }
  main #presskit section#fullcopy {
    height: auto;
  }
  main #presskit section#fullcopy .inner {
    position: relative;
  }
  main #downloads section {
    /* BIO SECTION */
  }
  main #downloads section.stopnscroll {
    flex-direction: column-reverse;
  }
  main #downloads section.stopnscroll .imgsttc {
    width: 100vw;
    height: 50vh;
    position: relative;
  }
  main #downloads section.stopnscroll .imgsttc img {
    width: 100vw;
    height: 50vh;
  }
  main #downloads section.stopnscroll .copyscrl {
    width: 90vw;
  }
  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) {
  h2 {
    font-size: 5vw;
  }
  main #presskit section.grid .quad div {
    font-size: 0.5em;
    line-height: 1.5em;
  }
}
/* Phone Styles */
@media only screen and (max-width: 819px) {
  input {
    font-size: 1.5rem;
  }
  header svg {
    width: 40% !important;
  }
  main #presskit section {
    /*&.postbox { height: 60vw; 
    	img { height: 60vw; }
    }*/
  }
  main #presskit section#introcopy .inner {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  main #presskit section.row-video {
    height: 100vw;
  }
  main #presskit section.row-video video {
    height: 100vw;
  }
  main #presskit section#compare .inner {
    padding: 4em 0;
    font-size: 0.75em;
    line-height: 1.5em;
  }
  main #presskit section#compare .holder .label {
    font-size: 4vw;
  }
  main #presskit section#compare .outer {
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    height: 150vh;
    z-index: -1;
  }
  main #presskit section#compare .outer .pair {
    align-content: center;
    width: 100vw;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  main #presskit section#compare .outer .pair .piece {
    width: 75vw;
  }
  main #presskit section#compare .outer .pair .piece img.n1 {
    left: -31vw;
  }
  main #presskit section#compare .outer .pair .piece img.n2 {
    left: -50vw;
  }
  main #presskit section#compare .outer .pair .piece img.n3 {
    left: -52vw;
  }
  main #presskit section#compare .outer .pair .piece img.n4 {
    left: -33vw;
  }
  main #presskit section#compare .outer .pair .piece:first-of-type {
    left: -25vw;
  }
  main #presskit section#compare .outer .pair .piece:last-of-type {
    right: -25vw;
  }
  main #presskit section.grid {
    min-height: 100vw;
  }
  main #presskit section.grid .quad {
    width: 100vw;
  }
  main #presskit section.grid .quad img {
    width: calc(50% - 1px);
    height: auto;
    border: 1px solid #D8D8D8;
    border-left: none;
    border-top: none;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main #presskit section.grid .quad img:nth-of-type(2) {
    border-right: none;
  }
  main #presskit section.grid .quad img:nth-of-type(3) {
    border-bottom: none !important;
  }
  main #presskit section.grid .quad div {
    border-right: none;
  }
  main #presskit section.grid .quad.righty img {
    border: 1px solid #D8D8D8;
    border-right: none;
    border-top: none;
  }
  main #presskit section.grid .quad.righty div {
    border-right: none;
    border-left: 1px solid #D8D8D8;
  }
  main #presskit section.grid .full {
    width: 100vw;
  }
  main #presskit section.thirds {
    height: 150vw;
  }
  main #presskit section.thirds img {
    height: 100vw;
    -o-object-position: 50% 25%;
       object-position: 50% 25%;
  }
  main #presskit section.thirds img.onethird {
    width: 100vw;
  }
  main #presskit section.thirds img.twothird {
    width: 100vw;
    height: 50vw;
  }
  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;
    -o-object-fit: cover;
       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.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 #searchconts input {
    width: 70vw;
    margin: 1em auto;
  }
  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 */