/* SCSS Document */
/* MICROSOFT NONSENSE */
/* MIXINS */
/* ANIMATIONS */
@keyframes bink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.2em);
  }
  100% {
    transform: translateX(-0.1em);
  }
}
@keyframes knib {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.2em);
  }
  100% {
    transform: translateX(0.1em) translateY(-0.1em);
  }
}
@keyframes distort {
  0% {
    transform: rotateX(10deg) skewX(90deg);
  }
  100% {
    transform: rotateX(0deg) skewX(0deg);
  }
}
/* 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;
}

/* WEBFONTS */
@font-face {
  font-family: "SharpBold";
  src: url("../fonts/SharpGroteskBold25.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SharpGroteskBold25.eot?#iefix") format("embedded-opentype"), url("../fonts/SharpGroteskBold25.woff2") format("woff2"), url("../fonts/SharpGroteskBold25.woff") format("woff");
  /* Pretty Modern Browsers */
}
@font-face {
  font-family: "SharpBook";
  src: url("../fonts/SharpGroteskBook20.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SharpGroteskBook20.eot?#iefix") format("embedded-opentype"), url("../fonts/SharpGroteskBook20.woff2") format("woff2"), url("../fonts/SharpGroteskBook20.woff") format("woff");
  /* Pretty Modern Browsers */
}
@font-face {
  font-family: "Windows";
  src: url("../fonts/windows-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/windows-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/windows-regular.woff2") format("woff2"), url("../fonts/windows-regular.woff") format("woff"), url("../fonts/windows-regular.ttf") format("truetype"), url("../fonts/windows-regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
/* VARIABLES */
/* ELEMENT STYLES */
strong {
  font-family: SharpBold, sans-serif;
  font-weight: normal;
}

a {
  color: #ffffff;
  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;
}

em {
  font-style: italic;
}

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

body,
html {
  text-align: center;
  color: #ffffff;
  font-family: SharpBook, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  background: #000000;
  line-height: 1.5em;
}

h1,
h2,
h3 {
  font-family: SharpBold, sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 0.9em;
  display: block;
}
h1 span,
h2 span,
h3 span {
  font-weight: 400;
}

h1 {
  font-size: 3em;
}

h2 {
  text-transform: uppercase;
}

input {
  border-radius: 1em;
  line-height: 1em;
  padding: 0.4em 1em 0.25em;
  margin-bottom: 2em;
  outline: none;
  border: 1px solid #000000;
  font-family: SharpBook, 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: 2vw;
  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: 1000px;
  margin: 2em auto;
  text-align: center;
}

.button {
  background-color: #daff00;
  box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.6), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  font-family: SharpBold, sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1em;
  border-radius: 3.75em;
  padding: 1em 2em;
  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;
}
.button.fadeout {
  opacity: 0;
}
.button.butt-sound, .button.butt-play {
  padding: 0;
  margin-right: 1vw;
}
.button img {
  width: 64px;
  height: 64px;
}

/* HEADER STYLES */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 0;
  padding: 0;
  z-index: 99999;
  /*opacity: 0; @include anitrans(0.25s);*/
}
header #flag {
  height: 54px;
  width: auto;
  position: fixed;
  left: 5%;
  top: 2vw;
  z-index: 9999;
}
header #trigger {
  position: fixed;
  right: 2vw;
  top: 2vw;
  z-index: 99999;
}
header nav {
  width: 100vw;
  height: 100vh;
  top: -100vh;
  position: absolute;
  background-color: #daff00;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  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 {
  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;
  width: 100vw;
  border-bottom: 1px solid #000000;
}
header nav ul li {
  font-size: 6vw;
  text-align: left;
  padding: 2vw 2vw;
  border-top: 1px solid #000000;
  color: #000000;
}
header nav ul li a {
  font-family: SharpBold, sans-serif;
  color: #000000;
  text-transform: uppercase;
  color: #000000;
  font-size: 6vw;
  line-height: 0.9em;
  position: relative;
  cursor: crosshair;
}
header nav ul li a span {
  position: absolute;
  width: 100%;
  background-color: #daff00;
  display: none;
  transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -webkit-transition: all 0.05s ease-in-out;
}
header nav ul li a span:first-of-type {
  top: 0;
  left: 0em;
  clip: rect(0.25em, 100vw, 0.75em, 0vw);
  animation: distort forwards 0.04s;
  animation-delay: 0.5s;
}
header nav ul li a span:last-of-type {
  top: 0.3em;
  left: 0.05em;
  clip: rect(0.5em, 100vw, 0.75em, 0vw);
  animation: bink forwards 0.02s;
  animation-delay: 0.25s;
}
header nav ul li a:hover span {
  display: block;
}
header nav ul li a br {
  display: none;
}
header nav ul li:nth-of-type(odd) a span:first-of-type {
  clip: rect(0.5em, 100vw, 0.66em, 0vw);
}
header nav ul li:last-of-type {
  font-size: 1rem;
  font-family: SharpBook, sans-serif;
  display: flex;
  flex-wrap: wrap;
}
header nav ul li:last-of-type p {
  width: 48vw;
  padding: 0;
  margin: 0;
}
header nav ul li:last-of-type p.hash {
  text-align: right;
}
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;
  /* WINDOWS SECTIONS */
  /* INTRO SECTIONS */
  /* MAIN VIDEO SECTIONS */
  /* DOUBLE INSET SECTIONS */
  /* PRODUCT GRID - 4 STATIC IMAGES IN A ROW */
  /* STOP'N'SCROLL SECTIONS */
  /* PRODUCT SLIDERS */
  /* FULL SECTIONS */
  /* FOOTER SECTION */
}
main #presskit section.windows {
  width: 100vw;
  height: 100vh;
  position: relative;
}
main #presskit section.windows .cover {
  width: 100vw;
  height: 100vh;
  /*height: 56.25vw;*/
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #presskit section.windows .desktop {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section.windows .desktop .window {
  font-family: Windows, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: #000000;
  position: absolute;
  background-color: #d9d9d9;
  box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.6), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 4px;
  width: auto;
  display: none;
}
main #presskit section.windows .desktop .window.popup {
  display: block;
}
main #presskit section.windows .desktop .window .topbar {
  width: calc(100% - 8px);
  height: 17px;
  line-height: 17px;
  padding: 2px 4px;
  position: relative;
  background: linear-gradient(270.02deg, #3779c4 0.68%, #030c68 91.62%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), inset 1px 1px 1px rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.windows .desktop .window .topbar:before {
  content: "TJxAries.exe";
}
main #presskit section.windows .desktop .window .topbar ul {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
}
main #presskit section.windows .desktop .window .topbar ul li {
  background: #d9d9d9;
  width: 13px;
  height: 13px;
  margin: 0;
  display: inline-block;
  box-shadow: 1px 1px 1px #000000, inset -1px -1px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 1px rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  background-position: 50% 50%;
  background-size: 9px;
  background-repeat: no-repeat;
}
main #presskit section.windows .desktop .window .topbar ul li.minimize {
  background-image: url(data:image/gif;base64,R0lGODlhEgASAJEAANnZ2QAAAP///wAAACH5BAUAAAIALAAAAAASABIAAAIWhI+py+0Po5y02ouz3jD4D4JISH5IAQA7);
}
main #presskit section.windows .desktop .window .topbar ul li.maximize {
  background-image: url(data:image/gif;base64,R0lGODlhEgASAKIAANnZ2QAAAJubm5qamhcXFxUVFRQUFP///yH5BAUAAAcALAAAAAASABIAAAMuKBXc7kW9+VYAOGvtts/d54Ui15QbiQIq2pavGH/zeK5Ynd44Y1EUw8AAnBAGCQA7);
}
main #presskit section.windows .desktop .window .topbar ul li.close {
  background-image: url(data:image/gif;base64,R0lGODlhEgASALMAANnZ2ZaZnBMcJBIbIxAZIcvLzMnKyxEaIhIbIhojKhskK6OmqMrLy////wAAAAAAACH5BAUAAA0ALAAAAAASABIAAARXEMhJq2WWlrpUyECgLBOTEMJXBQKRYFIwoGrcDnU8pzaBZzIay5dbzQbHoiWAIBAOyuWMCJoMB00eaJgKalctrbfIzY0nBgVt2VIYJp1oaFSBgTbVPCACADs=);
}
main #presskit section.windows .desktop .window .winnav {
  width: calc(100% - 8px);
  margin: 1em 0;
}
main #presskit section.windows .desktop .window .winnav li {
  display: inline-block;
  margin: 0 0.5em;
  background-image: url(data:image/gif;base64,R0lGODlhCAABAJEAAAkNEgQGCP///wAAACH5BAUAAAIALAAAAAAIAAEAAAIDDI5QADs=);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 6px;
}
main #presskit section.windows .desktop .window.acid {
  background-color: #daff00;
}
main #presskit section.windows .desktop .window .frame {
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  height: auto;
  margin: 3px;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.windows .desktop .window .frame.size1 img {
  width: 13vw;
}
main #presskit section.windows .desktop .window .frame.size2 img {
  width: 20vw;
}
main #presskit section.windows .desktop .window .frame.size3 img {
  width: 30vw;
}
main #presskit section.windows .desktop .window .frame.size4 img {
  width: 40vw;
}
main #presskit section.windows .desktop .window .frame.size5 img {
  width: 15vw;
}
main #presskit section.windows .desktop .window .frame.size6 img {
  width: 25vw;
}
main #presskit section.windows .desktop .window .frame.size7 img {
  width: 17vw;
}
main #presskit section.windows #scrollbutton {
  position: absolute;
  bottom: 10vh;
  left: 50vw;
  transform: translateX(-50%);
  display: none;
  cursor: s-resize;
}
main #presskit section.windows #scrollbutton.reveal {
  display: block;
}
main #presskit section.windows#winGall {
  height: calc(100vh - 1.5em - 2vw);
}
main #presskit section.windows#winGall .window {
  cursor: pointer;
}
main #presskit section.windows#winGall #bigpop {
  width: 100vw;
  height: 100vh;
  background-image: url("../images/blk25.png");
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
main #presskit section.windows#winGall #bigpop .window {
  left: 50vw;
  top: 50vh;
  transform: translateX(-50%) translateY(-50%);
}
@media (orientation: landscape) {
  main #presskit section.windows#winGall #bigpop .window .frame img {
    height: 75vh;
    width: auto;
  }
}
@media (orientation: portrait) {
  main #presskit section.windows#winGall #bigpop .window .frame img {
    height: auto;
    width: 75vw;
  }
}
main #presskit section.windows#winGall #bigpop.reveal {
  display: block;
}
main #presskit section#intro {
  background-color: #daff00;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
  color: #000000;
}
main #presskit section#intro .inner {
  max-width: none;
}
main #presskit section#intro .inner h2 {
  font-size: 4vw;
  line-height: 0.9em;
  position: relative;
  cursor: crosshair;
}
main #presskit section#intro .inner h2 em {
  font-style: normal;
}
main #presskit section#intro .inner h2 span {
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #daff00;
  display: none;
  transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -webkit-transition: all 0.05s ease-in-out;
}
main #presskit section#intro .inner h2 span:first-of-type {
  top: 0;
  left: -0.25em;
  clip: rect(0.33em, 100vw, 0.66em, 0vw);
  animation: distort forwards 0.04s;
  animation-delay: 0.5s;
  z-index: 1;
}
main #presskit section#intro .inner h2 span:last-of-type {
  top: 0.1em;
  left: 0.05em;
  clip: rect(1.35em, 100vw, 1.8em, 0vw);
  animation: knib forwards 0.02s;
  animation-delay: 0.25s;
}
main #presskit section#intro .inner h2:hover span {
  display: block;
}
main #presskit section#intro .inner h2:hover + .copy p:first-of-type {
  opacity: 0;
}
main #presskit section#intro .inner h2:hover + .copy p:last-of-type {
  opacity: 1;
}
main #presskit section#intro .inner .copy {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  /*p { @include anitrans(0.1s);
  	&:last-of-type { opacity: 0; margin: -2em auto 0; max-width: 550px; }
  }*/
}
main #presskit section#intro #hashtags {
  width: 90vw;
  text-align: center;
  position: absolute;
  bottom: 5vh;
  margin: 0 5vw;
  font-size: 0.75em;
}
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 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 2vw;
  bottom: 2vw;
}
main #presskit section#doubleinset {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section#doubleinset .static {
  width: 50vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
main #presskit section#doubleinset .videoframed {
  width: 50vw;
  height: 100vh;
  position: relative;
}
main #presskit section#doubleinset .videoframed .cover {
  width: 50vw;
  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#doubleinset .videoframed .inset {
  width: 36vw;
  height: calc(100vh - 14vw);
  margin: 7vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
  position: absolute;
  top: 0;
  left: 0;
}
main #presskit section#productgrid {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
}
main #presskit section#productgrid img {
  width: 100vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #presskit section.stopnscroll {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.stopnscroll .cpyovrimg {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}
main #presskit section.stopnscroll .cpyovrimg .content {
  width: 90%;
  height: 100vh;
  margin: 0 5%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
}
main #presskit section.stopnscroll .cpyovrimg .content .inner h3 {
  font-size: 4vw;
  text-transform: uppercase;
}
main #presskit section.stopnscroll .imgscrl {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.stopnscroll .imgscrl 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 .static {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #presskit section.stopnscroll.double .cpyovrimg {
  width: 50vw;
}
main #presskit section.stopnscroll.double .static {
  width: 50vw;
}
main #presskit section.stopnscroll.triple .static {
  width: 33.33333vw;
  position: sticky;
  top: 0;
}
main #presskit section.stopnscroll.triple .imgscrl {
  width: 33.33333vw;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-138vw);
  }
}
main #presskit section#slider1 {
  width: 100vw;
  height: 27.63888vw;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
main #presskit section#slider1 .slide-track {
  width: 276vw;
  animation: scroll 20s linear infinite;
  display: flex;
}
main #presskit section#slider1 .slide-track img {
  width: 138vw;
  height: 27.63888vw;
}
main #presskit section.fullsect {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}
main #presskit section.fullsect .cpyovrimg {
  width: 100vw;
  height: 100vh;
  position: relative;
}
main #presskit section.fullsect .cpyovrimg .content {
  width: 90%;
  height: 100vh;
  margin: 0 5%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
}
main #presskit section.fullsect .cpyovrimg .content .inner h3 {
  font-size: 4vw;
  text-transform: uppercase;
}
main #presskit section.fullsect .cpyovrimg .static {
  height: 100vh;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main #presskit section#footer {
  background-color: #daff00;
  color: #000000;
  height: auto;
}
main #presskit section#footer div {
  display: flex;
  flex-wrap: wrap;
  padding: 2vw;
}
main #presskit section#footer div p {
  width: 48vw;
  padding: 0;
  margin: 0;
  text-align: left;
}
main #presskit section#footer div p span {
  margin-left: 4vw;
  white-space: nowrap;
}
main #presskit section#footer div p.hash {
  text-align: right;
}
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 #0d1126;
  font-family: SharpBook, 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 #ariesflag {
  position: fixed;
  top: 2vw;
  left: 2vw;
  height: 6em;
  width: auto;
  z-index: 999;
}
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: 800px;
  margin: 0 auto;
  text-align: center;
}
main #downloads .row-state .inner h2 {
  font-size: 4vw;
}
main #downloads .row-state .inner p {
  margin: 1em 0;
}
main #downloads .row-state .inner a {
  font-family: SharpBook, sans-serif;
  font-weight: normal;
}
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: center;
}
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: 56.66666%;
  margin: 5%;
  text-align: left;
}
main #downloads .row-bio .inner #th-bio h1 {
  font-size: 2em;
}
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 0;
  padding: 0;
}
main #downloads .row-bio .inner #th-bio a {
  display: inline-block;
  border: 1px solid #000000;
  color: #000000;
  font-family: SharpBook, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2em;
  padding: 0 1em;
  margin: 1em 0;
}
main #downloads .row-assets {
  width: 100%;
}
main #downloads .row-assets h2 {
  text-transform: uppercase;
  text-align: center;
  position: -webkit-sticky;
  /*position: sticky;*/
  margin: 4px 0 0;
  padding: 2rem 5vw;
  border-top: 1px solid #000000;
  top: 5rem;
  z-index: 1;
  font-family: SharpBold, sans-serif;
  font-size: 3rem;
}
main #downloads .row-assets .links {
  text-align: left;
}
main #downloads .row-assets .links .box {
  margin: 0 0 0 2vw;
}
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: 150%;
}
main #downloads .row-assets .assetgrid.campaign .thumb div img {
  width: calc(100% - 2px);
  border-color: #ffffff;
  border-style: solid;
  border-width: 2px 1px;
}
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;
  margin: 0%;
}
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: SharpBook, 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 .contacts #searchconts {
  background-color: #daff00;
  padding: 2em 0;
}
main #downloads .contacts #searchconts input {
  font-size: 1.5em;
  margin: 0;
  border: none;
  text-transform: uppercase;
}
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: 2vw;
  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: 32.33333%;
  }
}
/* ipad Styles */
@media only screen and (max-width: 820px) {
  body,
  html {
    font-size: 15px;
  }
  main #presskit .row-copy .inner,
  main #presskit .row-copy .plain {
    margin: 6rem auto;
  }
  main #presskit .row-video {
    padding-top: 100vw;
  }
  main #presskit .row-layup {
    background-position: 0% 0%;
  }
  main #presskit .row-layup .col {
    width: 100vw !important;
    overflow: hidden;
  }
  main #presskit .row-layup .col .copy,
  main #presskit .row-layup .col .quote {
    margin: 6rem auto;
    padding: 0;
    width: 90%;
    max-width: none;
  }
  main #presskit .row-layup .col img {
    width: 100%;
    height: auto;
    position: relative;
  }
  main #presskit .row-layup .col img.lu1 {
    margin-top: 2vw;
    left: 1vw;
  }
  main #presskit .row-layup .col img.lu2 {
    margin-top: -10vw;
  }
  main #presskit .row-layup .col img.lu3 {
    margin-top: -30vw;
  }
  main #presskit .row-layup .col img.lu4 {
    margin-top: -30vw;
  }
  main #presskit .row-layup .col img.lu5 {
    margin-top: -15vw;
    left: 10vw;
  }
  main #presskit .row-layup .col img.lu6 {
    margin-top: -15vw;
  }
  main #presskit .row-layup .col img.lu7 {
    margin-top: -29vw;
    left: 0vw;
    margin-bottom: 0rem;
  }
  main #presskit .row-points {
    background-position: 50% 5%;
    padding-top: 10rem;
  }
  main #presskit .row-points div {
    width: 90vw;
  }
  main #presskit .row-points div:nth-of-type(odd) {
    padding-right: 5vw;
  }
  main #presskit .row-points div:nth-of-type(even) {
    padding-left: 5vw;
  }
  main #presskit .row-quad img#flagscript {
    width: 100vw;
    max-width: none;
    height: auto;
    position: relative;
    bottom: 0;
    left: 0;
    translate: 0;
    background-color: #ffffff;
  }
}
/* Phone Styles */
@media only screen and (max-width: 819px) {
  input {
    font-size: 1.5rem;
  }
  header svg {
    width: 40% !important;
  }
  header nav ul li a {
    font-size: 7vw;
  }
  header nav ul li:last-of-type {
    font-size: 0.75rem;
  }
  main #presskit section {
    /* STOP'N'SCROLL SECTIONS */
  }
  main #presskit section#introcopy .inner {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  main #presskit section.windows .desktop .window .topbar {
    font-size: 0.75em;
  }
  main #presskit section.windows .desktop .window .winnav {
    font-size: 0.66em;
  }
  main #presskit section.windows .desktop .window .frame.size1 img {
    width: 26vw;
  }
  main #presskit section.windows .desktop .window .frame.size2 img {
    width: 40vw;
  }
  main #presskit section.windows .desktop .window .frame.size3 img {
    width: 60vw;
  }
  main #presskit section.windows .desktop .window .frame.size4 img {
    width: 80vw;
  }
  main #presskit section.windows .desktop .window .frame.size5 img {
    width: 30vw;
  }
  main #presskit section.windows .desktop .window .frame.size6 img {
    width: 50vw;
  }
  main #presskit section.windows .desktop .window .frame.size7 img {
    width: 34vw;
  }
  main #presskit section.gallery .frame {
    flex-direction: column-reverse;
  }
  main #presskit section.gallery .frame .mainimg {
    width: 100vw;
    height: 50vh;
  }
  main #presskit section.gallery .frame .thumbs {
    width: 100vw;
    height: 50vh;
  }
  main #presskit section.gallery .frame .thumbs .split {
    width: 35%;
    height: 50vh;
    margin: 0 0 0 15%;
  }
  main #presskit section.gallery .frame .thumbs .split:first-of-type.go {
    transform: translateX(5%);
  }
  main #presskit section.gallery .frame .thumbs .split:last-of-type.go {
    transform: translateX(5%) translateY(2.5%) rotate(5deg);
    margin: 0 15% 0 0;
  }
  main #presskit section.gallery#gallery2 .frame .thumbs .split:first-of-type.go {
    transform: translateX(5%);
  }
  main #presskit section.gallery#gallery2 .frame .thumbs .split:last-of-type.go {
    transform: translateX(5%) translateY(2.5%) rotate(5deg);
  }
  main #presskit section#doubleinset {
    height: 50vh;
  }
  main #presskit section#doubleinset .static {
    height: 50vh;
  }
  main #presskit section#doubleinset .videoframed {
    height: 50vh;
  }
  main #presskit section#doubleinset .videoframed .cover {
    height: 50vh;
  }
  main #presskit section#doubleinset .videoframed .inset {
    height: calc(50vh - 14vw);
  }
  main #presskit section.stopnscroll.triple .static {
    width: 100vw;
    height: 100vh;
    position: relative;
  }
  main #presskit section.stopnscroll.triple .imgscrl {
    width: 100vw;
    height: 100vh;
  }
  main #presskit section#slider2 {
    height: 50vw;
  }
  main #presskit section#slider2 .slide-track {
    height: 50vw;
    width: 1000vw;
  }
  main #presskit section#slider2 .slide-track img {
    width: 42vw;
    padding: 4vw;
    height: 42vw;
  }
  main #presskit section#outro .frame .bg {
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
  }
  main #presskit section#fullgallery .strip {
    width: calc(33.33333% - 1px);
  }
  main #presskit section#fullgallery .strip:nth-of-type(2) {
    transform: translateY(-3em);
  }
  main #presskit section#fullgallery .strip:nth-of-type(3) {
    transform: translateY(-5em);
  }
  main #presskit section#fullgallery .strip:nth-of-type(4) {
    transform: translateY(-7em);
  }
  main #presskit section#fullgallery .strip:nth-of-type(5) {
    transform: translateY(-3em);
  }
  main #presskit section#fullgallery .strip:nth-of-type(6) {
    transform: translateY(-5em);
  }
  main #presskit section#fullgallery .strip:nth-of-type(7) {
    transform: translateY(-7em);
  }
  main #presskit section#footer {
    font-size: 0.75em;
  }
  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.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 */