* {
  box-sizing: border-box; }

html {
  min-height: 100%;
  position: relative;
  scroll-snap-type: y proximity; }
  @media screen and (max-width: 600px) {
    html {
      scroll-snap-type: none; } }

body {
  margin: 0px;
  font-style: normal;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  text-align: left;
  color: white;
  font-size: 15px;
  line-height: 19px;
  background-image: -webkit-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: -moz-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: -o-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%); }

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  line-height: 0; }

h1, h2, h3, h4, h5, h6, #buttonpad, .menu-wrap, .navilinks > a, #hotbox, .button-submit, .price, .pricetitle, small, .bigphone, .quform-error, .quform-success-message, .photoid, .dataheader, .jobtableheader {
  font-family: "rift-soft", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size-adjust: none; }

h1, h2, .bigphone {
  font-size: 40px;
  line-height: 34px;
  margin: 15px 0 12px 0; }
  @media screen and (max-width: 600px) {
    h1, h2, .bigphone {
      font-size: 32px;
      line-height: 30px;
      margin: 15px 0 18px 0; } }

h3, h1 + h2 {
  font-size: 28px;
  line-height: 24px;
  margin: 14px 0 -6px 0; }
  @media screen and (max-width: 600px) {
    h3, h1 + h2 {
      font-size: 24px;
      line-height: 22px; } }

h4 {
  font-size: 80px;
  line-height: 65px;
  margin: 0 0 3px 0;
  color: #b40014; }

h5 {
  font-size: 40px;
  line-height: 33px;
  margin: 0 0 5px 0; }
  @media screen and (max-width: 600px) {
    h5 {
      font-size: 32px;
      line-height: 30px; } }

h6 {
  font-size: 22px;
  line-height: 20px;
  margin: 0 0 8px 0;
  color: white; }
  @media screen and (max-width: 600px) {
    h6 {
      font-size: 28px;
      line-height: 28px;
      margin: 0 0 11px 0; } }

p {
  margin: 12px 0; }
  p a:link, p a:visited, p a:active {
    font-weight: 400; }

ul, ol {
  text-align: left;
  padding-left: 18px; }

li::marker {
  color: #ff823c; }

a:link, a:visited, a:active {
  color: #ffdcbe;
  text-decoration: none;
  transition: 0.3s ease; }

a:hover {
  color: white;
  text-decoration: none;
  transition: 0.3s ease;
  text-shadow: 0px 0px 4px #ffdcbe, 0px 0px 7px #ff823c, 0px 0px 20px #ff003c;
  cursor: pointer; }

.authour {
  font-size: 26px;
  line-height: 26px;
  font-weight: 400; }

.quote {
  color: #ff823c;
  font-style: italic; }

.module-blanche h1, .module-blanche h2, .module-blanche h3, .tabletframe h1, .tabletframe h2, .tabletframe h3, .white h1, .white h2, .white h3, .lightfolio .gridteaser h1, .lightfolio .gridteaser h2, .lightfolio .gridteaser h3, .textpad h1, .textpad h2, .textpad h3, .glowheader .navi h1, .glowheader .navi h2, .glowheader .navi h3, .glowheader .menutab h6 h1, .glowheader .menutab h6 h2, .glowheader .menutab h6 h3 {
  color: #4b555f; }
.module-blanche h4, .module-blanche h6, .tabletframe h4, .tabletframe h6, .white h4, .white h6, .lightfolio .gridteaser h4, .lightfolio .gridteaser h6, .textpad h4, .textpad h6, .glowheader .navi h4, .glowheader .navi h6, .glowheader .menutab h6 h4, .glowheader .menutab h6 h6 {
  color: #b40014; }
.module-blanche h5, .tabletframe h5, .white h5, .lightfolio .gridteaser h5, .textpad h5, .glowheader .navi h5, .glowheader .menutab h6 h5 {
  color: #4b555f; }
.module-blanche p, .module-blanche ul, .module-blanche ol, .module-blanche #buttonpad, .tabletframe p, .tabletframe ul, .tabletframe ol, .tabletframe #buttonpad, .white p, .white ul, .white ol, .white #buttonpad, .lightfolio .gridteaser p, .lightfolio .gridteaser ul, .lightfolio .gridteaser ol, .lightfolio .gridteaser #buttonpad, .textpad p, .textpad ul, .textpad ol, .textpad #buttonpad, .glowheader .navi p, .glowheader .navi ul, .glowheader .navi ol, .glowheader .navi #buttonpad, .glowheader .menutab h6 p, .glowheader .menutab h6 ul, .glowheader .menutab h6 ol, .glowheader .menutab h6 #buttonpad {
  color: #3c3c3c;
  margin-bottom: 5px; }
.module-blanche li::marker, .tabletframe li::marker, .white li::marker, .lightfolio .gridteaser li::marker, .textpad li::marker, .glowheader .navi li::marker, .glowheader .menutab h6 li::marker {
  color: #b40014; }
.module-blanche a:link, .module-blanche a:visited, .module-blanche a:active, .tabletframe a:link, .tabletframe a:visited, .tabletframe a:active, .white a:link, .white a:visited, .white a:active, .lightfolio .gridteaser a:link, .lightfolio .gridteaser a:visited, .lightfolio .gridteaser a:active, .textpad a:link, .textpad a:visited, .textpad a:active, .glowheader .navi a:link, .glowheader .navi a:visited, .glowheader .navi a:active, .glowheader .menutab h6 a:link, .glowheader .menutab h6 a:visited, .glowheader .menutab h6 a:active {
  color: #b40014;
  font-weight: 400; }
  .module-blanche a:link p, .module-blanche a:visited p, .module-blanche a:active p, .tabletframe a:link p, .tabletframe a:visited p, .tabletframe a:active p, .white a:link p, .white a:visited p, .white a:active p, .lightfolio .gridteaser a:link p, .lightfolio .gridteaser a:visited p, .lightfolio .gridteaser a:active p, .textpad a:link p, .textpad a:visited p, .textpad a:active p, .glowheader .navi a:link p, .glowheader .navi a:visited p, .glowheader .navi a:active p, .glowheader .menutab h6 a:link p, .glowheader .menutab h6 a:visited p, .glowheader .menutab h6 a:active p {
    color: #5a000f; }
.module-blanche a:hover, .tabletframe a:hover, .white a:hover, .lightfolio .gridteaser a:hover, .textpad a:hover, .glowheader .navi a:hover, .glowheader .menutab h6 a:hover {
  color: #ff003c;
  text-shadow: none; }
  .module-blanche a:hover p, .tabletframe a:hover p, .white a:hover p, .lightfolio .gridteaser a:hover p, .textpad a:hover p, .glowheader .navi a:hover p, .glowheader .menutab h6 a:hover p {
    color: #ff003c; }
  .module-blanche a:hover h5, .tabletframe a:hover h5, .white a:hover h5, .lightfolio .gridteaser a:hover h5, .textpad a:hover h5, .glowheader .navi a:hover h5, .glowheader .menutab h6 a:hover h5 {
    color: #ff003c; }
.module-blanche .button, .tabletframe .button, .white .button, .lightfolio .gridteaser .button, .textpad .button, .glowheader .navi .button, .glowheader .menutab h6 .button {
  border-color: #b40014; }
  @media screen and (max-width: 600px) {
    .module-blanche .button, .tabletframe .button, .white .button, .lightfolio .gridteaser .button, .textpad .button, .glowheader .navi .button, .glowheader .menutab h6 .button {
      margin: 0 5px 5px 0; } }
.module-blanche .fileinfo small, .tabletframe .fileinfo small, .white .fileinfo small, .lightfolio .gridteaser .fileinfo small, .textpad .fileinfo small, .glowheader .navi .fileinfo small, .glowheader .menutab h6 .fileinfo small {
  color: rgba(0, 0, 0, 0.3); }
.module-blanche a:hover .fileinfo small, .tabletframe a:hover .fileinfo small, .white a:hover .fileinfo small, .lightfolio .gridteaser a:hover .fileinfo small, .textpad a:hover .fileinfo small, .glowheader .navi a:hover .fileinfo small, .glowheader .menutab h6 a:hover .fileinfo small {
  color: rgba(255, 0, 60, 0.5); }
.module-blanche a:hover .fileinfo p, .tabletframe a:hover .fileinfo p, .white a:hover .fileinfo p, .lightfolio .gridteaser a:hover .fileinfo p, .textpad a:hover .fileinfo p, .glowheader .navi a:hover .fileinfo p, .glowheader .menutab h6 a:hover .fileinfo p {
  color: rgba(0, 0, 0, 0.5); }
.module-blanche .quote, .tabletframe .quote, .white .quote, .lightfolio .gridteaser .quote, .textpad .quote, .glowheader .navi .quote, .glowheader .menutab h6 .quote {
  color: #b40014;
  font-style: italic; }

pre {
  font-size: 14px;
  color: rgba(20, 30, 50, 0.999);
  padding: 30px;
  background-color: white;
  border: rgba(20, 30, 50, 0.999) 1px solid;
  border-radius: 10px;
  text-align: left;
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word; }
  @media screen and (max-width: 600px) {
    pre {
      font-size: 12px;
      padding: 16px; } }

#wholepage {
  width: 100%; }

.modulebg, .module-photo, .module-video {
  scroll-snap-align: start; }
  @media screen and (max-width: 600px) {
    .modulebg, .module-photo, .module-video {
      scroll-snap-align: none; } }

#footerband {
  scroll-snap-align: end; }
  @media screen and (max-width: 600px) {
    #footerband {
      scroll-snap-align: none; } }

.modulebg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  @media screen and (max-width: 1000px) {
    .modulebg {
      min-height: inherit;
      min-width: 100%; } }
  @media screen and (max-width: 600px) {
    .modulebg {
      min-height: inherit;
      padding: 0;
      background-position: right top; } }

.module {
  height: fit-content;
  width: 100%;
  padding: 0 60vw 0 10vw;
  z-index: 1; }
  @media screen and (max-width: 1000px) {
    .module {
      padding: 25px 52vw 40px 8.5vw; } }
  @media screen and (max-width: 600px) {
    .module {
      padding: 70px 10vw 10vw 10vw;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-color: rgba(40, 50, 60, 0.8);
      text-align: center;
      --mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.95) 100px, rgba(0, 0, 0, 1) 110px);
      -webkit-mask: var(--mask);
      mask: var(--mask);
      z-index: 0; } }

.headerposter {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center center; }
  @media screen and (max-width: 1000px) {
    .headerposter {
      height: 40vh; } }
  @media screen and (max-width: 600px) {
    .headerposter {
      height: 30vh; } }

.module-blanche {
  padding: 7vw 25vw;
  background-color: white; }
  @media screen and (max-width: 1000px) {
    .module-blanche {
      padding: 7vw 10vw 100px 10vw; } }
  @media screen and (max-width: 600px) {
    .module-blanche {
      width: 100%;
      padding: 10%;
      min-height: inherit; } }
  .module-blanche .circlepic {
    display: block; }
  .module-blanche img {
    margin: 10px 0; }
  .module-blanche iframe {
    width: 100%;
    height: 28.125vw;
    margin: 10px 0; }
    @media screen and (max-width: 600px) {
      .module-blanche iframe {
        height: 45vw; } }
  .module-blanche img ~ p,
  .module-blanche iframe ~ p {
    margin-top: 2px; }

.fillout {
  padding: 7vw 10vw; }
  @media screen and (max-width: 1000px) {
    .fillout {
      padding: 7vw 10vw 100px 10vw; } }
  @media screen and (max-width: 600px) {
    .fillout {
      padding: 10%; } }

.cluster {
  display: grid;
  justify-content: center;
  grid-template-columns: 100%;
  text-align: center;
  padding: 0 10vw 20px; }
  @media screen and (max-width: 600px) {
    .cluster {
      grid-template-columns: 100% !important;
      padding: 10vw 10vw 14vw 10vw; } }
  .cluster h2, .cluster h3, .cluster p {
    text-align: center; }
  .cluster p {
    text-align: center;
    padding: 0 0 2.5vw 0; }

.clusterrow {
  display: flex;
  /* or inline-flex */
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5vw; }
  @media screen and (max-width: 600px) {
    .clusterrow {
      gap: 4.5vw; } }
  .clusterrow img {
    height: 6vw;
    max-width: 16vw;
    width: auto; }
    @media screen and (max-width: 600px) {
      .clusterrow img {
        height: 9vw;
        max-width: 26vw; } }
  .clusterrow a > img {
    transition: 0.4s cubic-bezier(0.24, 0.73, 0.06, 1.59); }
    .clusterrow a > img:hover {
      transform: scale(1.15); }

.videocanvas {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: absolute; }
  .videocanvas iframe {
    position: absolute;
    height: 56.25vw;
    width: 178vh;
    min-height: 100%;
    min-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .videocanvas .videotint {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(40, 50, 60, 0.75); }

.module-canvas {
  height: fit-content;
  width: 100%;
  padding: 0 25vw;
  z-index: 1;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .module-canvas {
      width: 100%;
      z-index: 0;
      padding: 10%; } }

.module-video {
  display: flex;
  width: 100%;
  min-height: 56.25vw;
  background-color: black; }
  .module-video iframe {
    width: 100%;
    height: 56.25vw; }

.module-photo {
  width: 100%;
  background-color: black; }
  .module-photo img {
    width: 100%;
    height: auto;
    display: block; }

.cinema {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  padding: 0 21.6vw; }
  @media screen and (max-width: 1000px) {
    .cinema {
      min-height: 70vw; } }
  @media screen and (max-width: 600px) {
    .cinema {
      min-height: unset;
      background-image: none;
      padding: 0; } }
  .cinema .iframebox {
    position: relative;
    width: 100%;
    min-height: calc(31.5vw + 10px);
    background-color: black;
    border: 5px solid black;
    margin-bottom: 10%;
    box-shadow: 0 6px 8px 0 rgba(0, 30, 120, 0.4); }
    @media screen and (max-width: 1000px) {
      .cinema .iframebox {
        min-height: calc(31.5vw + 4px);
        border: 2px solid black;
        margin-bottom: 15%; } }
    @media screen and (max-width: 600px) {
      .cinema .iframebox {
        min-height: 55.125vw;
        border: none;
        margin-bottom: 0;
        box-shadow: none; } }
    .cinema .iframebox iframe {
      position: absolute;
      width: 100%;
      min-height: 31.5vw; }
      @media screen and (max-width: 600px) {
        .cinema .iframebox iframe {
          min-height: 55.125vw; } }

.gallery {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  grid-gap: 1vw;
  padding: 1vw;
  background-color: black; }
  .gallery img {
    border-radius: 8px;
    width: 100%;
    height: auto; }
  .gallery > iframe {
    border-radius: 8px;
    width: 100%;
    min-height: 55.125vw; }

.mergebase {
  padding-bottom: 100px; }
  @media screen and (max-width: 1000px) {
    .mergebase {
      padding-bottom: 50px; } }
  @media screen and (max-width: 600px) {
    .mergebase {
      padding-bottom: 140px; } }

.mergetop {
  position: relative;
  margin-top: -150px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 18px, rgba(0, 0, 0, 0.95) 132px, black 150px); }
  @media screen and (max-width: 1000px) {
    .mergetop {
      padding: 1vw 2vw 2vw 2vw;
      margin-top: -100px;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 12px, rgba(0, 0, 0, 0.95) 88px, black 100px); } }

.photogrid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1vw; }
  @media screen and (max-width: 600px) {
    .photogrid {
      grid-template-columns: 1fr; } }
  .photogrid .photoframe, .photogrid > iframe {
    border-radius: 8px;
    min-height: 27.28125vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 600px) {
      .photogrid .photoframe, .photogrid > iframe {
        min-height: 55.125vw; } }
  .photogrid .photoframe {
    display: flex;
    flex-direction: column;
    justify-content: end; }

.lowerthird {
  padding: 60px 12px 0;
  background-image: linear-gradient(4deg, rgba(40, 50, 60, 0.9) 10%, rgba(40, 50, 60, 0.85) 20%, rgba(40, 50, 60, 0.05) 64%, rgba(40, 50, 60, 0) 75%);
  border-radius: 0 0 8px 8px; }

@media screen and (max-width: 600px) {
  .white {
    background-color: rgba(255, 255, 255, 0.85); } }

@media screen and (max-width: 1000px) {
  .withhotboxes {
    padding-bottom: 40px; } }
@media screen and (max-width: 600px) {
  .withhotboxes {
    padding: 70px 10% 200px 10%; } }

@media screen and (max-width: 600px) {
  .withcircle {
    padding: 10%; } }

.halfsize {
  min-height: 50vh;
  scroll-snap-align: center; }
  @media screen and (max-width: 600px) {
    .halfsize {
      min-height: inherit;
      scroll-snap-align: none; } }

.facedrop {
  background-position-y: 25%; }

.peeksize {
  min-height: 85vh; }
  @media screen and (max-width: 600px) {
    .peeksize {
      min-height: inherit; } }

.slimsize {
  min-height: 150px; }
  @media screen and (max-width: 600px) {
    .slimsize {
      min-height: 125px; } }

.frost {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 100%; }

.nopad {
  padding: 0; }

.ellipse {
  border-radius: 50%; }

.blend {
  --mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.95) 100px, rgba(0, 0, 0, 1) 110px);
  -webkit-mask: var(--mask);
  mask: var(--mask);
  margin-top: -110px;
  border-top: 110px; }

img {
  width: 100%;
  height: auto; }

.leadpic {
  display: none; }
  @media screen and (max-width: 600px) {
    .leadpic {
      width: 100%;
      height: 300px;
      margin: 0 0 -110px 0;
      background-size: cover;
      background-position: center right;
      display: block; } }

.pic {
  display: none; }
  @media screen and (max-width: 600px) {
    .pic {
      width: 100%;
      height: 110vw;
      margin: 0 0 -110px 0;
      background-size: cover;
      background-position: center right;
      display: block; } }

@media screen and (max-width: 600px) {
  .headerpad {
    margin-top: 60px; } }

.circlepic {
  display: none; }
  @media screen and (max-width: 600px) {
    .circlepic {
      width: 150px;
      height: 150px;
      margin: 10px auto 18px;
      border-radius: 50%;
      background-size: cover;
      background-position: right center;
      display: block; } }

#buttonpad {
  margin: 20px 0;
  clear: both;
  font-size: 22px;
  line-height: 20px; }
  @media screen and (max-width: 600px) {
    #buttonpad {
      margin: 15px 0;
      font-size: 18px;
      line-height: 16px; } }

.button {
  padding: 4px 16px 4px;
  margin: 0 5px 5px 0;
  border: 1px solid white;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer; }
  @media screen and (max-width: 600px) {
    .button {
      margin: 0 3px 5px 3px; } }

.iconpad {
  display: flex;
  /* or inline-flex */
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 14px 0; }
  @media screen and (max-width: 600px) {
    .iconpad {
      width: 100%;
      justify-content: center;
      margin: 14px auto; } }
  .iconpad img {
    height: 2vw;
    max-width: 4vw;
    width: auto;
    max-height: 40px;
    transition: 0.4s cubic-bezier(0.24, 0.73, 0.06, 1.59); }
    .iconpad img:hover {
      transform: scale(1.3); }
    @media screen and (max-width: 600px) {
      .iconpad img {
        height: calc(2vw * 2.6);
        max-width: calc(4vw * 2.6);
        padding: 0 1vw; } }

.contentlogo {
  width: 60%;
  min-width: 175px;
  height: auto; }
  @media screen and (max-width: 600px) {
    .contentlogo {
      width: 60%; } }

.talllogo {
  width: 12%;
  min-width: 50px; }

.navi {
  width: 100%;
  height: 66px;
  position: fixed;
  z-index: 2; }

.naviband {
  position: relative;
  width: 100%;
  height: 6px;
  background-image: -webkit-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: -moz-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: -o-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
  background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%);
  z-index: 4; }

.navilinks {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: rgba(40, 50, 60, 0.5);
  text-align: right;
  padding: 0 15px 0 0;
  backdrop-filter: saturate(200%) blur(10px); }
  .navilinks > a {
    font-size: 21px;
    line-height: 57px;
    margin: 0 5px;
    transition: 0.3s ease; }
  @media screen and (max-width: 1200px) {
    .navilinks > a, .navilinks .megamenu {
      display: none; } }
  .navilinks > a:nth-child(2n) {
    color: white; }
  .navilinks > a:hover:nth-child(2n) {
    text-shadow: 0px 0px 3px white, 0px 0px 7px white; }

.vignette .navilinks {
  height: 100px;
  background-image: linear-gradient(180deg, rgba(20, 30, 50, 0.7) 0%, rgba(20, 30, 50, 0.05) 85%, rgba(20, 30, 50, 0) 100%);
  backdrop-filter: saturate(100%) blur(0);
  background-color: transparent; }

.glowheader .navilinks {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: saturate(300%) blur(20px);
  backdrop-filter: saturate(300%) blur(20px); }
  .glowheader .navilinks > a:nth-child(2n) {
    color: #5a000f; }
  .glowheader .navilinks > a:hover:nth-child(2n) {
    color: #ff003c;
    text-shadow: none; }

.navi:hover .megamenu {
  visibility: visible;
  opacity: 1;
  left: 0; }
  @media screen and (max-width: 1200px) {
    .navi:hover .megamenu {
      visibility: hidden;
      opacity: 0;
      left: -100vw; } }

.navi > a:hover ~ .megamenu {
  visibility: hidden;
  opacity: 0;
  left: -100vw; }

.megamenu {
  background-color: rgba(40, 50, 60, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  position: absolute;
  width: 100%;
  left: -100vw;
  -webkit-backdrop-filter: saturate(150%) blur(15px);
  backdrop-filter: saturate(150%) blur(15px);
  border-top: 0.5px solid rgba(255, 255, 255, 0.5); }

.glowheader .megamenu {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: saturate(300%) blur(40px);
  backdrop-filter: saturate(300%) blur(40px); }

.menulist {
  width: 20%;
  max-width: 250px;
  padding: 23px 20px 30px;
  float: right; }
  .menulist a p {
    margin: 5px 0;
    padding: 0 10px; }
  .menulist a:hover p {
    text-shadow: 0px 0px 3px #ffdcbe, 0px 0px 5px #ff823c, 0px 0px 10px #ff003c;
    cursor: pointer; }

.glowheader .menulist a:hover p {
  text-shadow: none; }

.menuframe {
  width: 100%;
  margin: 20px 0 6px;
  padding: 4px;
  border-radius: 5px;
  background-color: rgba(20, 30, 50, 0.3); }

.menuframe:first-of-type {
  margin: 0 0 6px; }

.glowheader .menuframe {
  background-color: rgba(255, 255, 255, 0.3); }

.menutab {
  width: 100%;
  padding: 6px;
  border-radius: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left; }
  .menutab h6 {
    font-size: 21px;
    line-height: 18px;
    margin: 0;
    text-align: right;
    color: white; }

.logopanel {
  position: absolute;
  width: 280px;
  height: auto;
  margin-left: -2px;
  z-index: 3;
  transition: 0.1s ease-in-out; }
  @media screen and (max-width: 600px) {
    .logopanel {
      width: 187px; } }
  .logopanel:hover {
    transform: scale(1.06); }

.vignette .logopanel {
  margin: 20px 0 0 25px; }
  @media screen and (max-width: 600px) {
    .vignette .logopanel {
      margin: 13px 0 0 18px; } }

.navlogo {
  width: 70%;
  height: auto;
  margin: 0 auto 30px; }

body:has(.menu-wrap .toggler:checked) {
  overflow: hidden; }

.menu-wrap {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  display: none; }
  @media screen and (max-width: 1200px) {
    .menu-wrap {
      display: block; } }

.menu-wrap .toggler {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0; }

.menu-wrap .hamburger {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center; }

/* Hamburger line */
.menu-wrap .hamburger > div {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 1px 1px 2px 2px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease; }

.glowheader .hamburger > div {
  background: linear-gradient(90deg, #ff003c 0%, #ff823c 100%); }

/* Top and bottom lines */
.menu-wrap .hamburger > div:before,
.menu-wrap .hamburger > div:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 3px;
  border-radius: 1px 1px 2px 2px;
  background: inherit; }

/* Moves line down */
.menu-wrap .hamburger > div:after {
  top: 10px; }

/* Toggler animate */
.menu-wrap .toggler:checked + .hamburger > div {
  transform: rotate(135deg); }

/* Turn Lines into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg); }

/* Rotate on hover when checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg); }

/* Show menu */
.menu-wrap .toggler:checked ~ .menu {
  visibility: visible; }

.menu-wrap .toggler:checked ~ .menu > div {
  transform: scale(1);
  transition-duration: 0.75s; }

.menu-wrap .toggler:checked ~ .menu > div > div {
  opacity: 1;
  transition: opacity 0.4s ease; }

.sandwich {
  position: absolute;
  z-index: 1;
  width: 85px;
  height: 55px;
  padding: 10px 50px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, rgba(10, 25, 60, 0.5) 0%, rgba(10, 25, 60, 0) 100%);
  border-radius: 7px 0 0 7px; }
  @media screen and (max-width: 600px) {
    .sandwich {
      height: 45px; } }

/* Sandwich line */
.sandwich > div {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 1px 1px 2px 2px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease; }

.glowheader .sandwich {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); }

.glowheader .sandwich > div {
  background-color: #5a000f; }

/* Top and bottom lines */
.sandwich > div:before,
.sandwich > div:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 3px;
  border-radius: 1px 1px 2px 2px;
  background: inherit; }

/* Moves line down */
.sandwich > div:after {
  top: 10px; }

/* Toggler animate */
.expand:checked + .sandwich > div {
  transform: rotate(135deg); }

/* Turn Lines into X */
.expand:checked + .sandwich > div:before,
.expand:checked + .sandwich > div:after {
  top: 0;
  transform: rotate(90deg); }

/* Rotate on hover when checked */
.expand:checked:hover + .sandwich > div {
  transform: rotate(225deg); }

.expand {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  left: 0;
  width: 65px;
  height: 63px;
  margin: 0;
  padding: 0;
  opacity: 0; }
  @media screen and (max-width: 600px) {
    .expand {
      height: 53px; } }

.submenu #hotboxnav {
  margin-top: -55px;
  font-size: 28px;
  background-color: rgba(40, 50, 60, 0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
  @media screen and (max-width: 600px) {
    .submenu #hotboxnav {
      margin-top: -45px; } }

.glowheader .submenu #hotboxnav {
  background-color: rgba(255, 255, 255, 0.7); }

.expand:checked ~ .submenu #hotboxnav {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease 0.2s, margin 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  margin-top: 3px; }

.menu-wrap .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }

.menu-wrap .menu > div {
  background-color: rgba(20, 30, 50, 0.3);
  border-radius: 50%;
  width: 250vw;
  height: 250vw;
  padding: 0;
  margin: 0;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px); }

.glowheader .menu > div {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: saturate(300%) blur(40px);
  backdrop-filter: saturate(300%) blur(40px); }

.menu-wrap .menu > div > div {
  text-align: center;
  width: 100vw;
  max-height: 100vh;
  opacity: 0;
  overflow-y: auto;
  transition: opacity 0.4s ease; }
  @media screen and (max-width: 1200px) {
    .menu-wrap .menu > div > div {
      padding: 60px 25vw; } }
  @media screen and (max-width: 600px) {
    .menu-wrap .menu > div > div {
      padding: 16vw 8vw; } }

.menu-wrap .menu > div > div > a:last-of-type:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  line-height: 0; }

.hotboxes {
  width: 100%;
  padding: 23px 20px;
  position: absolute;
  bottom: 0; }

.hotboxbacker {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 30vh;
  background-image: -webkit-linear-gradient(90deg, rgba(40, 50, 60, 0.9) 10%, rgba(40, 50, 60, 0.85) 20%, rgba(40, 50, 60, 0.05) 90%, rgba(40, 50, 60, 0) 100%);
  background-image: -moz-linear-gradient(90deg, rgba(40, 50, 60, 0.9) 10%, rgba(40, 50, 60, 0.85) 20%, rgba(40, 50, 60, 0.05) 90%, rgba(40, 50, 60, 0) 100%);
  background-image: -o-linear-gradient(90deg, rgba(40, 50, 60, 0.9) 10%, rgba(40, 50, 60, 0.85) 20%, rgba(40, 50, 60, 0.05) 90%, rgba(40, 50, 60, 0) 100%);
  background-image: linear-gradient(0deg, rgba(40, 50, 60, 0.9) 10%, rgba(40, 50, 60, 0.85) 20%, rgba(40, 50, 60, 0.05) 90%, rgba(40, 50, 60, 0) 100%); }

.glowheader .hotboxbacker {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.05) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.05) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.05) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.05) 90%, rgba(255, 255, 255, 0) 100%); }

.hotboxframe {
  width: 32%;
  padding: 4px;
  margin: 0.666%;
  border: rgba(255, 255, 255, 0.8) 1px solid;
  border-radius: 12px;
  float: left;
  clear: right;
  z-index: 1;
  transition: 1s ease; }
  @media screen and (max-width: 1000px) {
    .hotboxframe {
      border: rgba(255, 255, 255, 0.8) 1px solid; } }
  @media screen and (max-width: 600px) {
    .hotboxframe {
      width: 98.666%;
      clear: both; } }

.hotbox {
  width: 100%;
  padding: 8px 16px;
  height: 60px;
  border-radius: 7px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(20, 30, 50, 0.3);
  transition: 0.5s ease;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .hotbox {
      height: 90px; } }
  @media screen and (max-width: 600px) {
    .hotbox {
      padding: 6px 9px;
      height: 38px;
      background-position: left; } }
  .hotbox h2 {
    font-size: 40px;
    line-height: 40px;
    text-align: right;
    color: white;
    margin: 0; }
    @media screen and (max-width: 1200px) {
      .hotbox h2 {
        max-width: 160px;
        line-height: 35px;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 600px) {
      .hotbox h2 {
        max-width: 100%;
        font-size: 26px;
        line-height: 26px;
        margin: 0; } }

a > .hotboxframe > .hotbox:hover {
  transform: scale(1.3); }
  @media screen and (max-width: 600px) {
    a > .hotboxframe > .hotbox:hover {
      transform: none; } }

a > .hotboxframe:hover {
  transform: scale(0.8);
  border: rgba(255, 255, 255, 0) 1px solid; }
  @media screen and (max-width: 600px) {
    a > .hotboxframe:hover {
      transform: none; } }

.glowheader .hotboxframe {
  border: rgba(0, 0, 0, 0.2) 1px solid;
  text-shadow: none; }

.glowheader .hotbox {
  background-color: rgba(255, 255, 255, 0.4); }
  .glowheader .hotbox h2 {
    color: #b40014; }

.glowheader a > .hotboxframe:hover {
  transform: scale(0.8);
  border: rgba(0, 0, 0, 0) 1px solid; }
  @media screen and (max-width: 600px) {
    .glowheader a > .hotboxframe:hover {
      transform: none; } }

.glowheader .hotboxes .hotbox {
  -webkit-backdrop-filter: saturate(300%) blur(40px);
  backdrop-filter: saturate(300%) blur(40px); }

#hotboxframenav {
  position: relative;
  margin: 1.5% 0;
  clear: both;
  width: 100%; }

#hotboxnav {
  height: 55px;
  font-size: 32px;
  line-height: 33px;
  text-align: right;
  max-width: none;
  color: white;
  margin: 0; }
  @media screen and (max-width: 600px) {
    #hotboxnav {
      height: 45px; } }

.glowheader #hotboxnav {
  color: #b40014;
  text-shadow: none; }

.glowheader #hotboxnav:hover {
  color: #ff003c; }

.newsrow {
  width: 100%;
  min-height: 100px;
  padding: 20px 0;
  border-bottom: rgba(75, 85, 95, 0.7) 0.5px solid; }

.newspic {
  width: 20%;
  height: 60px;
  margin-right: 5%;
  float: left;
  background-size: cover;
  background-position: center center; }

.newsrow h3 {
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  margin: -1px 0 0 0;
  color: #b40014; }
  @media screen and (max-width: 600px) {
    .newsrow h3 {
      font-size: 21px;
      line-height: 21px; } }

a:hover > .newsrow h3 {
  color: #ff003c; }

.newslist > a:last-of-type .newsrow {
  border-bottom: none; }

.joblist {
  display: grid; }

.jobrow {
  display: grid;
  justify-content: center;
  align-content: center;
  justify-items: left;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-template-rows: auto;
  gap: 0 20px;
  padding: 20px 0;
  border-bottom: rgba(75, 85, 95, 0.7) 0.5px solid; }

.jobpic {
  grid-row: 1 / span 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  float: left;
  background-size: cover;
  background-position: center center; }

.jobrow h2 {
  align-self: end;
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  margin: 0 0 1px 0;
  color: #b40014; }
  @media screen and (max-width: 600px) {
    .jobrow h2 {
      font-size: 21px;
      line-height: 19px; } }

.jobrow h3 {
  align-self: start;
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  margin: 0;
  color: #28323c; }
  @media screen and (max-width: 600px) {
    .jobrow h3 {
      font-size: 18px;
      line-height: 17px; } }

a:hover > .jobrow h2,
a:hover > .jobrow h3 {
  color: #ff003c; }

.joblist > a:last-of-type .jobrow {
  border-bottom: none; }

.jobtable {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto;
  color: black;
  gap: 5px;
  margin-bottom: 30px; }
  @media screen and (max-width: 800px) {
    .jobtable {
      grid-template-columns: 1fr;
      grid-template-rows: auto; }
      .jobtable div:nth-child(1) {
        order: 1; }
      .jobtable div:nth-child(2) {
        order: 3; }
      .jobtable div:nth-child(3) {
        order: 5; }
      .jobtable div:nth-child(4) {
        order: 2; }
      .jobtable div:nth-child(5) {
        order: 4; }
      .jobtable div:nth-child(6) {
        order: 6; } }

.jobtablecell {
  padding: 5px 8px;
  border-radius: 5px;
  background-color: #F2F2F2; }
  .jobtablecell ul {
    margin: 5px 10px 20px 2px; }
  .jobtablecell li {
    margin-bottom: 5px; }
  @media screen and (max-width: 800px) {
    .jobtablecell {
      margin-bottom: 10px; } }

.jobtableheader {
  color: white;
  font-size: 18px;
  line-height: 20px;
  padding: 5px 8px;
  border-radius: 5px;
  background-color: #b40014;
  position: sticky;
  top: 70px;
  /* MAKE VARIABLE */
  background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%);
  background-size: 200%; }

form {
  margin: 15px 0; }
  form img {
    width: 80%;
    height: auto;
    margin: 5% 10%;
    max-width: 200px; }
    @media screen and (max-width: 1000px) {
      form img {
        width: 95%;
        margin: 5% 0 5% 5%;
        max-width: none; } }
    @media screen and (max-width: 600px) {
      form img {
        max-width: 50%;
        margin: 0.5% auto 3% auto; } }
  form p {
    margin-bottom: 3px;
    text-align: left; }

input, textarea {
  padding: 4px 7px 5px;
  color: #ffdcbe;
  font-style: normal;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  font-size: 13px;
  border: 1px white solid;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0);
  margin: 4px 0; }

.captcha {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 600px) {
    .captcha {
      display: block; } }
  .captcha .captchaform {
    padding-bottom: 15px; }
    @media screen and (max-width: 1000px) {
      .captcha .captchaform {
        padding-bottom: 0; } }

.formhalf {
  width: calc(50% - 3px);
  text-align: left; }
  @media screen and (max-width: 1000px) {
    .formhalf {
      width: 100%;
      float: none; } }

.floatleft {
  float: left; }

.floatright {
  float: right; }

input {
  width: calc(100%); }
  @media screen and (max-width: 1000px) {
    input {
      width: 100%;
      float: none; } }

textarea {
  width: 100%;
  height: 56px; }

.button-submit {
  width: 100%;
  padding: 5px 7px 5px;
  border: 1px solid #FFF;
  border-radius: 5px;
  font-size: 22px;
  line-height: 22px;
  color: #ffdcbe;
  outline-color: #ffdcbe;
  text-decoration: none;
  transition: 0.3s ease;
  text-align: left;
  background-color: rgba(0, 0, 0, 0); }
  @media screen and (max-width: 600px) {
    .button-submit {
      font-size: 18px; } }
  .button-submit:hover {
    color: white;
    text-decoration: none;
    transition: 0.3s ease;
    text-shadow: 0px 0px 4px #ffdcbe, 0px 0px 7px #ff823c, 0px 0px 20px #ff003c; }

.form-messageSuccess {
  color: #ffdcbe; }

.form-invalid {
  border-color: red; }

.quform-error {
  color: red;
  font-size: 20px;
  padding-bottom: 10px;
  text-align: left; }

.quform-success-message {
  font-size: 20px;
  text-align: left; }

.datalist, .datalist2, .datalist3, .datalist4, .datalist5 {
  display: grid;
  color: black;
  gap: 5px;
  margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    .datalist, .datalist2, .datalist3, .datalist4, .datalist5 {
      display: block; } }

.datacell {
  padding: 5px 8px;
  border-radius: 5px; }
  @media screen and (max-width: 600px) {
    .datacell {
      display: flex;
      width: 100%;
      flex-direction: column;
      margin: 3px 0; }
      .datacell::before {
        content: attr(data-label);
        font-weight: bold;
        margin-bottom: 0px;
        color: #b40014; } }
  .datacell a {
    font-weight: 400; }

.dataheader {
  font-size: 18px;
  line-height: 20px;
  background-color: #b40014;
  color: white;
  position: sticky;
  top: 70px;
  /* MAKE VARIABLE */
  background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%);
  background-size: 200%; }
  @media screen and (max-width: 600px) {
    .dataheader {
      display: none;
      /* Hide main dataheader row on mobile */ } }

.fillout .dataheader {
  text-align: right; }
  @media screen and (max-width: 600px) {
    .fillout .dataheader {
      text-align: left; } }

@media screen and (max-width: 600px) {
  .first-datacell {
    font-family: "rift-soft", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size-adjust: none;
    font-size: 24px;
    line-height: 26px;
    background-color: #b40014;
    color: white;
    background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%);
    background-size: 200%;
    margin: 20px 0 0 0; }
    .first-datacell::before {
      content: none; } }

.row-odd {
  background-color: #F2F2F2; }

.row-even {
  background-color: #DFDFDF; }
  @media screen and (max-width: 600px) {
    .row-even {
      background-color: #F2F2F2; } }

.engine {
  padding: 0 10vw 60px;
  margin: -20px 0 0 0;
  background-color: white; }
  @media screen and (max-width: 600px) {
    .engine {
      padding: 0 5vw 60px; } }
  .engine h3 {
    font-size: 18px;
    line-height: 16px;
    margin: 6px 4px 2px 4px;
    color: #4b555f; }
    @media screen and (max-width: 600px) {
      .engine h3 {
        font-size: 18px;
        line-height: 16px;
        margin: 5px 3px 2px 3px; } }
  .engine p {
    font-size: 13px;
    line-height: 15px;
    margin: 0 4px;
    color: rgba(75, 85, 95, 0.5); }
    @media screen and (max-width: 600px) {
      .engine p {
        font-size: 14px;
        line-height: 16px;
        margin: 0 3px; } }
  @media screen and (max-width: 600px) {
    .engine input {
      font-size: 18px; } }

.inspiration {
  font-size: 24px;
  margin: 12px 0; }

#toggleKeywordsButton {
  color: #ffdcbe;
  text-decoration: none;
  transition: 0.3s ease; }

#toggleKeywordsButton:hover {
  color: white;
  text-decoration: none;
  transition: 0.3s ease;
  text-shadow: 0px 0px 4px #ffdcbe, 0px 0px 7px #ff823c, 0px 0px 20px #ff003c;
  cursor: pointer; }

.enginegrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 12px 20px; }
  @media screen and (max-width: 600px) {
    .enginegrid {
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
      grid-gap: 10px; } }

.engineframe {
  position: relative; }

.photowrap {
  position: relative; }

.photowrap img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); }

.photoid {
  font-size: 36px;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 42%;
  left: 10%; }
  @media screen and (max-width: 600px) {
    .photoid {
      font-size: 28px;
      top: 40%; } }

.photoid.light {
  color: rgba(0, 0, 0, 0.5); }

#noresults {
  display: none;
  text-align: center;
  color: red;
  font-size: 20px;
  margin-top: 20px; }

.keywords {
  display: block; }

.keywords.hidden {
  display: none; }

.gridtitle {
  grid-area: title; }
  @media screen and (max-width: 600px) {
    .gridtitle {
      margin: 0 5vw; } }

.gridteaser {
  width: 60%;
  min-height: 65vh;
  margin: calc(12vh - 120px) auto 6vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; }
  .gridteaser img {
    width: 45%;
    height: auto;
    max-height: 140px;
    margin: 0 auto 10px; }
    @media screen and (max-width: 600px) {
      .gridteaser img {
        width: 60vw;
        margin: 0 0 10px 0;
        max-height: none; } }
  @media screen and (max-width: 1000px) {
    .gridteaser {
      width: 80%;
      margin: calc(20vh - 120px) auto 6vh; } }
  @media screen and (max-width: 600px) {
    .gridteaser {
      width: 90%;
      margin: 90px auto 10px;
      text-align: left; } }

.lightfolio {
  background-color: #f0f0f0;
  background-image: url("../_universal/HeaderLight.webp");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; }
  @media screen and (max-width: 600px) {
    .lightfolio {
      background-size: 220%; } }

.darkfolio {
  background-color: #0a1428;
  background-image: url("../_universal/HeaderDark.webp");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; }
  @media screen and (max-width: 600px) {
    .darkfolio {
      background-size: 220%; } }

.triplegrid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  grid-gap: 20px;
  grid-template-areas: 'title title title';
  margin: 0 auto;
  padding: 0 0 20px 0; }
  @media screen and (max-width: 1000px) {
    .triplegrid {
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
      grid-template-areas: 'title title'; } }
  @media screen and (max-width: 600px) {
    .triplegrid {
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
      grid-template-areas: 'title'; } }

.boxmodel {
  max-width: 1800px;
  padding: 0 10vw 20px 10vw; }
  @media screen and (max-width: 1000px) {
    .boxmodel {
      margin: 0; } }
  @media screen and (max-width: 600px) {
    .boxmodel {
      padding: 5vw; } }

.portfolio {
  padding: 0 10vw; }
  @media screen and (max-width: 1000px) {
    .portfolio {
      padding: 5vw 5vw 1vw;
      grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
      grid-template-areas: 'title title title'; } }
  @media screen and (max-width: 800px) {
    .portfolio {
      grid-gap: 0;
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
      grid-template-areas: 'title'; } }
  @media screen and (max-width: 600px) {
    .portfolio .gridtitle {
      padding-bottom: 20px; } }

.triplegrid > a,
.triplegrid > .thumbframe > a > img {
  display: grid;
  transition: 0.5s ease; }

.triplegrid > a:hover,
.triplegrid > .thumbframe > a > img:hover {
  transform: scale(1.11) rotate(1.2deg);
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.4);
  text-shadow: none; }

.tabletframe {
  display: grid;
  align-content: start;
  width: 100%;
  margin: 0;
  border-radius: 12px; }

.boxmodel .tabletframe {
  padding: 30px;
  background-color: white;
  text-align: center; }

.boxmodel .glass, .textpad.glass {
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: saturate(300%) blur(20px); }
  .boxmodel .glass small, .textpad.glass small {
    color: #ff003c; }
  .boxmodel .glass h4, .textpad.glass h4 {
    color: white; }
  .boxmodel .glass h5, .textpad.glass h5 {
    color: white; }
  .boxmodel .glass p, .textpad.glass p {
    color: white; }
  .boxmodel .glass ul, .textpad.glass ul {
    color: white; }
  .boxmodel .glass a:link, .boxmodel .glass a:visited, .boxmodel .glass a:active, .textpad.glass a:link, .textpad.glass a:visited, .textpad.glass a:active {
    color: #ff003c;
    font-weight: 400; }
  .boxmodel .glass a:hover, .textpad.glass a:hover {
    color: #ff823c; }

.tabletframe:after {
  content: "";
  display: table;
  clear: both; }

.littlethumbs {
  padding: 5px 0;
  margin-bottom: 15px; }
  .littlethumbs h3 {
    font-size: 20px;
    line-height: 18px; }
  @media screen and (max-width: 600px) {
    .littlethumbs {
      grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
      grid-gap: 15px;
      grid-template-areas: 'title title title'; } }

.thumbframe {
  display: grid;
  align-content: start;
  width: 100%;
  margin: 0; }
  .thumbframe h3 {
    margin: 8px 0 -2px 0; }
  .thumbframe p {
    margin: 6px 0 2px 0; }
  .thumbframe img {
    border-radius: 5px; }

@media screen and (max-width: 600px) {
  .boxmodel .thumbframe {
    padding: 0 5vw; } }

.stack {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  margin: 0 0 20px 0;
  width: 100%; }
  @media screen and (max-width: 600px) {
    .stack {
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
      grid-template-areas: 'title';
      margin: 0 0 4vw 0; } }

.stack img {
  width: 100%;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.stack iframe {
  /* VIDEO FILES */
  width: 100%;
  height: 14.5vw;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  @media screen and (max-width: 800px) {
    .stack iframe {
      height: 50vw; } }

.textpad {
  padding: 14px 12px 0px 12px;
  background-color: #FFF;
  margin-top: -5px;
  border-radius: 0 0 6px 6px; }
  .textpad:after {
    content: '';
    display: block;
    clear: both;
    height: 4px;
    margin: 10px -12px 0px -12px;
    position: relative;
    border-radius: 0px 0px 5px 5px;
    background-image: -webkit-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
    background-image: -moz-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
    background-image: -o-linear-gradient(180deg, #b40014 5%, #ff823c 95%);
    background-image: linear-gradient(90deg, #b40014 5%, #ff823c 95%); }
  @media screen and (max-width: 600px) {
    .textpad {
      padding: 18px 16px 0px 16px; }
      .textpad:after {
        margin: 15px -16px 0px -16px; } }
  .textpad h3 {
    margin: 0px;
    padding: 0 0 2px 0;
    color: #4b555f;
    font-size: 20px;
    line-height: 19px; }
    @media screen and (max-width: 600px) {
      .textpad h3 {
        font-size: 22px;
        line-height: 19px;
        padding: 0 0 3px 0; } }
  .textpad p {
    margin: 0px;
    padding: 0 0 2px 0;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 16px; }
    @media screen and (max-width: 600px) {
      .textpad p {
        font-size: unset;
        line-height: 17px; } }
  .textpad h4 {
    margin: 0px;
    padding: 5px 0 0 0;
    color: #b40014;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase; }
  .textpad #buttonpad {
    margin: 5px 0 -2px -1px;
    font-size: 18px;
    line-height: 16px; }
  @media screen and (max-width: 600px) {
    .textpad .button {
      margin: 0 5px 5px 0; } }

small {
  font-size: 20px;
  line-height: 16px;
  margin: 0 0 2px 0;
  color: #b40014; }

.starbox {
  width: 100%;
  text-align: center;
  margin: 0; }
  .starbox img {
    width: 15%;
    height: auto;
    margin: 1%; }

.logobox {
  width: 100%;
  text-align: center;
  margin: 0; }
  .logobox img {
    width: 80%;
    height: auto;
    margin: 1% 1% 8% 1%; }

.badge {
  width: 30px;
  text-align: center;
  margin: 0 auto; }

.pip {
  color: white;
  font-weight: 400;
  padding: 0 4px 1px 4px;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(245deg, #ff823c 0%, #b40014 90%);
  background-image: -moz-linear-gradient(245deg, #ff823c 0%, #b40014 90%);
  background-image: -o-linear-gradient(245deg, #ff823c 0%, #b40014 90%);
  background-image: linear-gradient(155deg, #ff823c 0%, #b40014 90%);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }

.filetab {
  width: 100%;
  height: 60px;
  margin: 0;
  display: flex; }
  @media screen and (max-width: 600px) {
    .filetab {
      height: auto;
      display: block; } }

.fileicon {
  width: 44px;
  height: 60px;
  margin: 0; }
  .fileicon img {
    margin: 0; }
  @media screen and (max-width: 600px) {
    .fileicon {
      height: auto;
      margin: 0 auto; } }

.fileinfo {
  width: 80%;
  height: 60px;
  margin: 0 0 0 10px; }
  .fileinfo small {
    margin: 0;
    color: rgba(255, 255, 255, 0.3); }
  .fileinfo h5 {
    font-size: 30px;
    line-height: 25px;
    margin: 0; }
  .fileinfo p {
    margin: 0; }
  @media screen and (max-width: 600px) {
    .fileinfo {
      height: auto;
      width: 100%;
      margin: 0; } }

a:hover .fileinfo small {
  color: white; }

.logofooter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10vw;
  padding: 10vw;
  width: 100%;
  background-color: rgba(20, 30, 50, 0.999); }
  @media screen and (max-width: 1000px) {
    .logofooter {
      grid-gap: 1vw;
      grid-template-columns: auto;
      grid-template-rows: auto auto;
      text-align: center; } }
  @media screen and (max-width: 600px) {
    .logofooter {
      text-align: left; } }

@media screen and (max-width: 1000px) {
  .logoframe {
    padding: 0 7vw; } }
@media screen and (max-width: 600px) {
  .logoframe {
    padding: 0; } }

.logofooterlists {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1vh;
  width: 100%;
  background-color: rgba(20, 30, 50, 0.999); }
  @media screen and (max-width: 600px) {
    .logofooterlists {
      grid-template-columns: auto;
      grid-template-rows: auto auto auto; } }
  .logofooterlists p, .logofooterlists a {
    color: #ff823c;
    font-weight: 300;
    margin: 5px 0; }
    @media screen and (max-width: 600px) {
      .logofooterlists p, .logofooterlists a {
        font-size: 18px;
        margin: 7px 0; } }
  .logofooterlists a:hover, .logofooterlists a p:hover {
    color: white;
    text-shadow: none;
    cursor: pointer; }

@media screen and (max-width: 600px) {
  .listbox {
    padding-bottom: 25px;
    margin-bottom: 18px;
    border-bottom: 0.5px solid rgba(255, 130, 60, 0.5); } }

.logofooterlegal {
  grid-column-start: 1;
  grid-column-end: 4; }
  @media screen and (max-width: 1000px) {
    .logofooterlegal {
      margin: 0;
      padding: 45px 0;
      text-align: center; } }
  @media screen and (max-width: 600px) {
    .logofooterlegal {
      padding: 0 0 20px 0;
      text-align: left;
      grid-column-end: unset; } }
  .logofooterlegal p, .logofooterlegal a {
    font-size: 12px;
    color: #ff823c;
    margin: 5px 0; }
  .logofooterlegal a:hover {
    color: white;
    text-shadow: none; }

#footer {
  width: 100%;
  padding: 10vw;
  background-color: rgba(20, 30, 50, 0.999); }
  #footer:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

#footerxmas {
  width: 100%;
  padding: 10vw 10vw 20vw 10vw;
  background-color: rgba(20, 30, 50, 0.999);
  background-image: url("../_universal/XmasFooterBG.webp");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 1000px) {
    #footerxmas {
      padding: 10vw 10vw 24vw 10vw; } }
  #footerxmas:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

.snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%; }
  .snow:nth-child(1) {
    opacity: 0.8488;
    transform: translate(9.4216vw, -10px) scale(0.3113);
    animation: fall-1 14s -1s linear infinite; }
@keyframes fall-1 {
  77.331% {
    transform: translate(2.1268vw, 154.662vh) scale(0.3113); }
  to {
    transform: translate(5.7742vw, 200vh) scale(0.3113); } }
  .snow:nth-child(2) {
    opacity: 0.7289;
    transform: translate(73.025vw, -10px) scale(0.401);
    animation: fall-2 20s -19s linear infinite; }
@keyframes fall-2 {
  36.694% {
    transform: translate(68.0475vw, 73.388vh) scale(0.401); }
  to {
    transform: translate(70.53625vw, 200vh) scale(0.401); } }
  .snow:nth-child(3) {
    opacity: 0.7928;
    transform: translate(52.7974vw, -10px) scale(0.4536);
    animation: fall-3 24s -27s linear infinite; }
@keyframes fall-3 {
  62.25% {
    transform: translate(49.3389vw, 124.5vh) scale(0.4536); }
  to {
    transform: translate(51.06815vw, 200vh) scale(0.4536); } }
  .snow:nth-child(4) {
    opacity: 0.7321;
    transform: translate(66.5182vw, -10px) scale(0.8395);
    animation: fall-4 10s -22s linear infinite; }
@keyframes fall-4 {
  76.703% {
    transform: translate(74.0345vw, 153.406vh) scale(0.8395); }
  to {
    transform: translate(70.27635vw, 200vh) scale(0.8395); } }
  .snow:nth-child(5) {
    opacity: 0.704;
    transform: translate(18.7757vw, -10px) scale(0.1879);
    animation: fall-5 10s -10s linear infinite; }
@keyframes fall-5 {
  56.634% {
    transform: translate(14.8761vw, 113.268vh) scale(0.1879); }
  to {
    transform: translate(16.8259vw, 200vh) scale(0.1879); } }
  .snow:nth-child(6) {
    opacity: 0.5848;
    transform: translate(18.5562vw, -10px) scale(0.4678);
    animation: fall-6 12s -13s linear infinite; }
@keyframes fall-6 {
  33.313% {
    transform: translate(20.6045vw, 66.626vh) scale(0.4678); }
  to {
    transform: translate(19.58035vw, 200vh) scale(0.4678); } }
  .snow:nth-child(7) {
    opacity: 0.2387;
    transform: translate(71.116vw, -10px) scale(0.1741);
    animation: fall-7 19s -28s linear infinite; }
@keyframes fall-7 {
  49.538% {
    transform: translate(71.3022vw, 99.076vh) scale(0.1741); }
  to {
    transform: translate(71.2091vw, 200vh) scale(0.1741); } }
  .snow:nth-child(8) {
    opacity: 0.0113;
    transform: translate(76.8285vw, -10px) scale(0.8625);
    animation: fall-8 22s -1s linear infinite; }
@keyframes fall-8 {
  69.396% {
    transform: translate(75.264vw, 138.792vh) scale(0.8625); }
  to {
    transform: translate(76.04625vw, 200vh) scale(0.8625); } }
  .snow:nth-child(9) {
    opacity: 0.413;
    transform: translate(69.7336vw, -10px) scale(0.3627);
    animation: fall-9 17s -14s linear infinite; }
@keyframes fall-9 {
  46.541% {
    transform: translate(78.8943vw, 93.082vh) scale(0.3627); }
  to {
    transform: translate(74.31395vw, 200vh) scale(0.3627); } }
  .snow:nth-child(10) {
    opacity: 0.7732;
    transform: translate(37.7711vw, -10px) scale(0.5135);
    animation: fall-10 20s -22s linear infinite; }
@keyframes fall-10 {
  49.094% {
    transform: translate(29.3466vw, 98.188vh) scale(0.5135); }
  to {
    transform: translate(33.55885vw, 200vh) scale(0.5135); } }
  .snow:nth-child(11) {
    opacity: 0.5255;
    transform: translate(53.0333vw, -10px) scale(0.7613);
    animation: fall-11 21s -14s linear infinite; }
@keyframes fall-11 {
  77.757% {
    transform: translate(60.8858vw, 155.514vh) scale(0.7613); }
  to {
    transform: translate(56.95955vw, 200vh) scale(0.7613); } }
  .snow:nth-child(12) {
    opacity: 0.1339;
    transform: translate(69.99vw, -10px) scale(0.0918);
    animation: fall-12 22s -17s linear infinite; }
@keyframes fall-12 {
  30.647% {
    transform: translate(71.4646vw, 61.294vh) scale(0.0918); }
  to {
    transform: translate(70.7273vw, 200vh) scale(0.0918); } }
  .snow:nth-child(13) {
    opacity: 0.7642;
    transform: translate(38.3477vw, -10px) scale(0.7882);
    animation: fall-13 26s -20s linear infinite; }
@keyframes fall-13 {
  30.422% {
    transform: translate(44.4705vw, 60.844vh) scale(0.7882); }
  to {
    transform: translate(41.4091vw, 200vh) scale(0.7882); } }
  .snow:nth-child(14) {
    opacity: 0.0182;
    transform: translate(98.3051vw, -10px) scale(0.2594);
    animation: fall-14 12s -28s linear infinite; }
@keyframes fall-14 {
  65.865% {
    transform: translate(94.5557vw, 131.73vh) scale(0.2594); }
  to {
    transform: translate(96.4304vw, 200vh) scale(0.2594); } }
  .snow:nth-child(15) {
    opacity: 0.9609;
    transform: translate(60.384vw, -10px) scale(0.4352);
    animation: fall-15 26s -27s linear infinite; }
@keyframes fall-15 {
  38.956% {
    transform: translate(56.3906vw, 77.912vh) scale(0.4352); }
  to {
    transform: translate(58.3873vw, 200vh) scale(0.4352); } }
  .snow:nth-child(16) {
    opacity: 0.801;
    transform: translate(67.5985vw, -10px) scale(0.9314);
    animation: fall-16 17s -18s linear infinite; }
@keyframes fall-16 {
  32.498% {
    transform: translate(63.3516vw, 64.996vh) scale(0.9314); }
  to {
    transform: translate(65.47505vw, 200vh) scale(0.9314); } }
  .snow:nth-child(17) {
    opacity: 0.8942;
    transform: translate(20.3456vw, -10px) scale(0.6807);
    animation: fall-17 13s -14s linear infinite; }
@keyframes fall-17 {
  65.353% {
    transform: translate(20.3766vw, 130.706vh) scale(0.6807); }
  to {
    transform: translate(20.3611vw, 200vh) scale(0.6807); } }
  .snow:nth-child(18) {
    opacity: 0.8963;
    transform: translate(33.218vw, -10px) scale(0.26);
    animation: fall-18 25s -9s linear infinite; }
@keyframes fall-18 {
  56.402% {
    transform: translate(25.2504vw, 112.804vh) scale(0.26); }
  to {
    transform: translate(29.2342vw, 200vh) scale(0.26); } }
  .snow:nth-child(19) {
    opacity: 0.3924;
    transform: translate(53.4734vw, -10px) scale(0.2096);
    animation: fall-19 22s -15s linear infinite; }
@keyframes fall-19 {
  36.255% {
    transform: translate(58.6496vw, 72.51vh) scale(0.2096); }
  to {
    transform: translate(56.0615vw, 200vh) scale(0.2096); } }
  .snow:nth-child(20) {
    opacity: 0.9622;
    transform: translate(71.6795vw, -10px) scale(0.2875);
    animation: fall-20 22s -26s linear infinite; }
@keyframes fall-20 {
  35.834% {
    transform: translate(69.5199vw, 71.668vh) scale(0.2875); }
  to {
    transform: translate(70.5997vw, 200vh) scale(0.2875); } }
  .snow:nth-child(21) {
    opacity: 0.0077;
    transform: translate(1.4664vw, -10px) scale(0.5151);
    animation: fall-21 29s -15s linear infinite; }
@keyframes fall-21 {
  71.878% {
    transform: translate(6.6011vw, 143.756vh) scale(0.5151); }
  to {
    transform: translate(4.03375vw, 200vh) scale(0.5151); } }
  .snow:nth-child(22) {
    opacity: 0.1802;
    transform: translate(64.6972vw, -10px) scale(0.0263);
    animation: fall-22 16s -16s linear infinite; }
@keyframes fall-22 {
  35.625% {
    transform: translate(72.531vw, 71.25vh) scale(0.0263); }
  to {
    transform: translate(68.6141vw, 200vh) scale(0.0263); } }
  .snow:nth-child(23) {
    opacity: 0.6063;
    transform: translate(37.7214vw, -10px) scale(0.9309);
    animation: fall-23 18s -24s linear infinite; }
@keyframes fall-23 {
  56.547% {
    transform: translate(46.2866vw, 113.094vh) scale(0.9309); }
  to {
    transform: translate(42.004vw, 200vh) scale(0.9309); } }
  .snow:nth-child(24) {
    opacity: 0.8341;
    transform: translate(94.9609vw, -10px) scale(0.9908);
    animation: fall-24 25s -28s linear infinite; }
@keyframes fall-24 {
  78.754% {
    transform: translate(93.4371vw, 157.508vh) scale(0.9908); }
  to {
    transform: translate(94.199vw, 200vh) scale(0.9908); } }
  .snow:nth-child(25) {
    opacity: 0.379;
    transform: translate(96.4676vw, -10px) scale(0.279);
    animation: fall-25 11s -12s linear infinite; }
@keyframes fall-25 {
  75.03% {
    transform: translate(92.2109vw, 150.06vh) scale(0.279); }
  to {
    transform: translate(94.33925vw, 200vh) scale(0.279); } }
  .snow:nth-child(26) {
    opacity: 0.778;
    transform: translate(61.4382vw, -10px) scale(0.0122);
    animation: fall-26 23s -21s linear infinite; }
@keyframes fall-26 {
  68.192% {
    transform: translate(65.8222vw, 136.384vh) scale(0.0122); }
  to {
    transform: translate(63.6302vw, 200vh) scale(0.0122); } }
  .snow:nth-child(27) {
    opacity: 0.1526;
    transform: translate(61.1448vw, -10px) scale(0.8388);
    animation: fall-27 27s -9s linear infinite; }
@keyframes fall-27 {
  35.357% {
    transform: translate(67.293vw, 70.714vh) scale(0.8388); }
  to {
    transform: translate(64.2189vw, 200vh) scale(0.8388); } }
  .snow:nth-child(28) {
    opacity: 0.7927;
    transform: translate(78.9517vw, -10px) scale(0.5682);
    animation: fall-28 17s -11s linear infinite; }
@keyframes fall-28 {
  48.228% {
    transform: translate(73.4575vw, 96.456vh) scale(0.5682); }
  to {
    transform: translate(76.2046vw, 200vh) scale(0.5682); } }
  .snow:nth-child(29) {
    opacity: 0.2136;
    transform: translate(85.8915vw, -10px) scale(0.5739);
    animation: fall-29 12s -28s linear infinite; }
@keyframes fall-29 {
  69.572% {
    transform: translate(79.9978vw, 139.144vh) scale(0.5739); }
  to {
    transform: translate(82.94465vw, 200vh) scale(0.5739); } }
  .snow:nth-child(30) {
    opacity: 0.2092;
    transform: translate(27.8804vw, -10px) scale(0.1347);
    animation: fall-30 11s -15s linear infinite; }
@keyframes fall-30 {
  51.159% {
    transform: translate(37.451vw, 102.318vh) scale(0.1347); }
  to {
    transform: translate(32.6657vw, 200vh) scale(0.1347); } }
  .snow:nth-child(31) {
    opacity: 0.7301;
    transform: translate(58.3746vw, -10px) scale(0.9397);
    animation: fall-31 24s -3s linear infinite; }
@keyframes fall-31 {
  71.397% {
    transform: translate(68.0391vw, 142.794vh) scale(0.9397); }
  to {
    transform: translate(63.20685vw, 200vh) scale(0.9397); } }
  .snow:nth-child(32) {
    opacity: 0.8763;
    transform: translate(15.079vw, -10px) scale(0.2235);
    animation: fall-32 14s -16s linear infinite; }
@keyframes fall-32 {
  50.092% {
    transform: translate(22.0773vw, 100.184vh) scale(0.2235); }
  to {
    transform: translate(18.57815vw, 200vh) scale(0.2235); } }
  .snow:nth-child(33) {
    opacity: 0.7968;
    transform: translate(67.7645vw, -10px) scale(0.2295);
    animation: fall-33 21s -6s linear infinite; }
@keyframes fall-33 {
  77.108% {
    transform: translate(68.6903vw, 154.216vh) scale(0.2295); }
  to {
    transform: translate(68.2274vw, 200vh) scale(0.2295); } }
  .snow:nth-child(34) {
    opacity: 0.2575;
    transform: translate(89.6476vw, -10px) scale(0.1907);
    animation: fall-34 30s -23s linear infinite; }
@keyframes fall-34 {
  40.89% {
    transform: translate(83.601vw, 81.78vh) scale(0.1907); }
  to {
    transform: translate(86.6243vw, 200vh) scale(0.1907); } }
  .snow:nth-child(35) {
    opacity: 0.575;
    transform: translate(44.4085vw, -10px) scale(0.0076);
    animation: fall-35 23s -21s linear infinite; }
@keyframes fall-35 {
  61.462% {
    transform: translate(48.2242vw, 122.924vh) scale(0.0076); }
  to {
    transform: translate(46.31635vw, 200vh) scale(0.0076); } }
  .snow:nth-child(36) {
    opacity: 0.8279;
    transform: translate(16.959vw, -10px) scale(0.5781);
    animation: fall-36 19s -15s linear infinite; }
@keyframes fall-36 {
  48.849% {
    transform: translate(21.2866vw, 97.698vh) scale(0.5781); }
  to {
    transform: translate(19.1228vw, 200vh) scale(0.5781); } }
  .snow:nth-child(37) {
    opacity: 0.1731;
    transform: translate(44.6403vw, -10px) scale(0.7142);
    animation: fall-37 28s -20s linear infinite; }
@keyframes fall-37 {
  68.532% {
    transform: translate(35.356vw, 137.064vh) scale(0.7142); }
  to {
    transform: translate(39.99815vw, 200vh) scale(0.7142); } }
  .snow:nth-child(38) {
    opacity: 0.9556;
    transform: translate(35.4701vw, -10px) scale(0.8772);
    animation: fall-38 28s -12s linear infinite; }
@keyframes fall-38 {
  62.239% {
    transform: translate(38.3707vw, 124.478vh) scale(0.8772); }
  to {
    transform: translate(36.9204vw, 200vh) scale(0.8772); } }
  .snow:nth-child(39) {
    opacity: 0.5969;
    transform: translate(62.0921vw, -10px) scale(0.5416);
    animation: fall-39 29s -8s linear infinite; }
@keyframes fall-39 {
  40.812% {
    transform: translate(54.3428vw, 81.624vh) scale(0.5416); }
  to {
    transform: translate(58.21745vw, 200vh) scale(0.5416); } }
  .snow:nth-child(40) {
    opacity: 0.1118;
    transform: translate(45.1584vw, -10px) scale(0.3167);
    animation: fall-40 20s -24s linear infinite; }
@keyframes fall-40 {
  35.205% {
    transform: translate(43.581vw, 70.41vh) scale(0.3167); }
  to {
    transform: translate(44.3697vw, 200vh) scale(0.3167); } }
  .snow:nth-child(41) {
    opacity: 0.9498;
    transform: translate(94.3142vw, -10px) scale(0.1322);
    animation: fall-41 18s -2s linear infinite; }
@keyframes fall-41 {
  75.637% {
    transform: translate(92.7186vw, 151.274vh) scale(0.1322); }
  to {
    transform: translate(93.5164vw, 200vh) scale(0.1322); } }
  .snow:nth-child(42) {
    opacity: 0.3736;
    transform: translate(34.7949vw, -10px) scale(0.6221);
    animation: fall-42 19s -18s linear infinite; }
@keyframes fall-42 {
  76.098% {
    transform: translate(44.527vw, 152.196vh) scale(0.6221); }
  to {
    transform: translate(39.66095vw, 200vh) scale(0.6221); } }
  .snow:nth-child(43) {
    opacity: 0.911;
    transform: translate(76.0805vw, -10px) scale(0.2576);
    animation: fall-43 15s -2s linear infinite; }
@keyframes fall-43 {
  74.395% {
    transform: translate(71.1678vw, 148.79vh) scale(0.2576); }
  to {
    transform: translate(73.62415vw, 200vh) scale(0.2576); } }
  .snow:nth-child(44) {
    opacity: 0.468;
    transform: translate(14.3008vw, -10px) scale(0.069);
    animation: fall-44 10s -28s linear infinite; }
@keyframes fall-44 {
  36.874% {
    transform: translate(17.169vw, 73.748vh) scale(0.069); }
  to {
    transform: translate(15.7349vw, 200vh) scale(0.069); } }
  .snow:nth-child(45) {
    opacity: 0.4392;
    transform: translate(39.6079vw, -10px) scale(0.5549);
    animation: fall-45 14s -19s linear infinite; }
@keyframes fall-45 {
  40.955% {
    transform: translate(46.9113vw, 81.91vh) scale(0.5549); }
  to {
    transform: translate(43.2596vw, 200vh) scale(0.5549); } }
  .snow:nth-child(46) {
    opacity: 0.5485;
    transform: translate(4.5739vw, -10px) scale(0.4041);
    animation: fall-46 19s -5s linear infinite; }
@keyframes fall-46 {
  34.742% {
    transform: translate(12.5897vw, 69.484vh) scale(0.4041); }
  to {
    transform: translate(8.5818vw, 200vh) scale(0.4041); } }
  .snow:nth-child(47) {
    opacity: 0.0757;
    transform: translate(48.1725vw, -10px) scale(0.3516);
    animation: fall-47 10s -30s linear infinite; }
@keyframes fall-47 {
  56.586% {
    transform: translate(53.6985vw, 113.172vh) scale(0.3516); }
  to {
    transform: translate(50.9355vw, 200vh) scale(0.3516); } }
  .snow:nth-child(48) {
    opacity: 0.2063;
    transform: translate(80.7563vw, -10px) scale(0.6854);
    animation: fall-48 26s -3s linear infinite; }
@keyframes fall-48 {
  60.703% {
    transform: translate(82.5009vw, 121.406vh) scale(0.6854); }
  to {
    transform: translate(81.6286vw, 200vh) scale(0.6854); } }
  .snow:nth-child(49) {
    opacity: 0.4696;
    transform: translate(33.2461vw, -10px) scale(0.5565);
    animation: fall-49 16s -17s linear infinite; }
@keyframes fall-49 {
  38.282% {
    transform: translate(35.1883vw, 76.564vh) scale(0.5565); }
  to {
    transform: translate(34.2172vw, 200vh) scale(0.5565); } }
  .snow:nth-child(50) {
    opacity: 0.5621;
    transform: translate(67.4168vw, -10px) scale(0.3064);
    animation: fall-50 29s -29s linear infinite; }
@keyframes fall-50 {
  36.533% {
    transform: translate(69.0842vw, 73.066vh) scale(0.3064); }
  to {
    transform: translate(68.2505vw, 200vh) scale(0.3064); } }
  .snow:nth-child(51) {
    opacity: 0.8823;
    transform: translate(11.1163vw, -10px) scale(0.8249);
    animation: fall-51 28s -28s linear infinite; }
@keyframes fall-51 {
  33.219% {
    transform: translate(3.9522vw, 66.438vh) scale(0.8249); }
  to {
    transform: translate(7.53425vw, 200vh) scale(0.8249); } }
  .snow:nth-child(52) {
    opacity: 0.3894;
    transform: translate(34.9865vw, -10px) scale(0.5955);
    animation: fall-52 19s -3s linear infinite; }
@keyframes fall-52 {
  64.557% {
    transform: translate(44.9093vw, 129.114vh) scale(0.5955); }
  to {
    transform: translate(39.9479vw, 200vh) scale(0.5955); } }
  .snow:nth-child(53) {
    opacity: 0.7777;
    transform: translate(3.6794vw, -10px) scale(0.7686);
    animation: fall-53 21s -17s linear infinite; }
@keyframes fall-53 {
  40.717% {
    transform: translate(9.4159vw, 81.434vh) scale(0.7686); }
  to {
    transform: translate(6.54765vw, 200vh) scale(0.7686); } }
  .snow:nth-child(54) {
    opacity: 0.1813;
    transform: translate(72.6349vw, -10px) scale(0.3294);
    animation: fall-54 22s -20s linear infinite; }
@keyframes fall-54 {
  70.397% {
    transform: translate(68.0792vw, 140.794vh) scale(0.3294); }
  to {
    transform: translate(70.35705vw, 200vh) scale(0.3294); } }
  .snow:nth-child(55) {
    opacity: 0.3519;
    transform: translate(10.4856vw, -10px) scale(0.5464);
    animation: fall-55 21s -5s linear infinite; }
@keyframes fall-55 {
  41.545% {
    transform: translate(10.358vw, 83.09vh) scale(0.5464); }
  to {
    transform: translate(10.4218vw, 200vh) scale(0.5464); } }
  .snow:nth-child(56) {
    opacity: 0.0816;
    transform: translate(30.7041vw, -10px) scale(0.6003);
    animation: fall-56 25s -2s linear infinite; }
@keyframes fall-56 {
  55.147% {
    transform: translate(23.4208vw, 110.294vh) scale(0.6003); }
  to {
    transform: translate(27.06245vw, 200vh) scale(0.6003); } }
  .snow:nth-child(57) {
    opacity: 0.9478;
    transform: translate(29.4845vw, -10px) scale(0.1513);
    animation: fall-57 10s -6s linear infinite; }
@keyframes fall-57 {
  62.641% {
    transform: translate(25.1604vw, 125.282vh) scale(0.1513); }
  to {
    transform: translate(27.32245vw, 200vh) scale(0.1513); } }
  .snow:nth-child(58) {
    opacity: 0.0785;
    transform: translate(72.1392vw, -10px) scale(0.374);
    animation: fall-58 20s -23s linear infinite; }
@keyframes fall-58 {
  40.097% {
    transform: translate(68.5434vw, 80.194vh) scale(0.374); }
  to {
    transform: translate(70.3413vw, 200vh) scale(0.374); } }
  .snow:nth-child(59) {
    opacity: 0.5297;
    transform: translate(94.3522vw, -10px) scale(0.383);
    animation: fall-59 24s -20s linear infinite; }
@keyframes fall-59 {
  76.901% {
    transform: translate(92.5302vw, 153.802vh) scale(0.383); }
  to {
    transform: translate(93.4412vw, 200vh) scale(0.383); } }
  .snow:nth-child(60) {
    opacity: 0.6602;
    transform: translate(49.7557vw, -10px) scale(0.376);
    animation: fall-60 25s -17s linear infinite; }
@keyframes fall-60 {
  37.516% {
    transform: translate(58.6664vw, 75.032vh) scale(0.376); }
  to {
    transform: translate(54.21105vw, 200vh) scale(0.376); } }
  .snow:nth-child(61) {
    opacity: 0.161;
    transform: translate(81.1946vw, -10px) scale(0.9931);
    animation: fall-61 21s -8s linear infinite; }
@keyframes fall-61 {
  67.76% {
    transform: translate(79.6708vw, 135.52vh) scale(0.9931); }
  to {
    transform: translate(80.4327vw, 200vh) scale(0.9931); } }
  .snow:nth-child(62) {
    opacity: 0.1512;
    transform: translate(21.7768vw, -10px) scale(0.6765);
    animation: fall-62 19s -22s linear infinite; }
@keyframes fall-62 {
  42.396% {
    transform: translate(28.7271vw, 84.792vh) scale(0.6765); }
  to {
    transform: translate(25.25195vw, 200vh) scale(0.6765); } }
  .snow:nth-child(63) {
    opacity: 0.1148;
    transform: translate(32.436vw, -10px) scale(0.7345);
    animation: fall-63 13s -29s linear infinite; }
@keyframes fall-63 {
  47.779% {
    transform: translate(37.8661vw, 95.558vh) scale(0.7345); }
  to {
    transform: translate(35.15105vw, 200vh) scale(0.7345); } }
  .snow:nth-child(64) {
    opacity: 0.442;
    transform: translate(23.4324vw, -10px) scale(0.5072);
    animation: fall-64 26s -21s linear infinite; }
@keyframes fall-64 {
  68.378% {
    transform: translate(18.2595vw, 136.756vh) scale(0.5072); }
  to {
    transform: translate(20.84595vw, 200vh) scale(0.5072); } }
  .snow:nth-child(65) {
    opacity: 0.2742;
    transform: translate(41.8686vw, -10px) scale(0.7029);
    animation: fall-65 11s -30s linear infinite; }
@keyframes fall-65 {
  51.372% {
    transform: translate(40.9133vw, 102.744vh) scale(0.7029); }
  to {
    transform: translate(41.39095vw, 200vh) scale(0.7029); } }
  .snow:nth-child(66) {
    opacity: 0.5705;
    transform: translate(93.4636vw, -10px) scale(0.4683);
    animation: fall-66 13s -1s linear infinite; }
@keyframes fall-66 {
  53.743% {
    transform: translate(97.2491vw, 107.486vh) scale(0.4683); }
  to {
    transform: translate(95.35635vw, 200vh) scale(0.4683); } }
  .snow:nth-child(67) {
    opacity: 0.5906;
    transform: translate(74.0445vw, -10px) scale(0.6195);
    animation: fall-67 15s -11s linear infinite; }
@keyframes fall-67 {
  39.72% {
    transform: translate(69.6063vw, 79.44vh) scale(0.6195); }
  to {
    transform: translate(71.8254vw, 200vh) scale(0.6195); } }
  .snow:nth-child(68) {
    opacity: 0.7458;
    transform: translate(79.215vw, -10px) scale(0.5866);
    animation: fall-68 19s -12s linear infinite; }
@keyframes fall-68 {
  33.11% {
    transform: translate(87.3648vw, 66.22vh) scale(0.5866); }
  to {
    transform: translate(83.2899vw, 200vh) scale(0.5866); } }
  .snow:nth-child(69) {
    opacity: 0.0047;
    transform: translate(22.3892vw, -10px) scale(0.7313);
    animation: fall-69 14s -21s linear infinite; }
@keyframes fall-69 {
  73.963% {
    transform: translate(31.3282vw, 147.926vh) scale(0.7313); }
  to {
    transform: translate(26.8587vw, 200vh) scale(0.7313); } }
  .snow:nth-child(70) {
    opacity: 0.3957;
    transform: translate(82.7719vw, -10px) scale(0.3017);
    animation: fall-70 19s -4s linear infinite; }
@keyframes fall-70 {
  40.125% {
    transform: translate(78.1551vw, 80.25vh) scale(0.3017); }
  to {
    transform: translate(80.4635vw, 200vh) scale(0.3017); } }
  .snow:nth-child(71) {
    opacity: 0.5058;
    transform: translate(71.1458vw, -10px) scale(0.3196);
    animation: fall-71 19s -4s linear infinite; }
@keyframes fall-71 {
  78.057% {
    transform: translate(79.4445vw, 156.114vh) scale(0.3196); }
  to {
    transform: translate(75.29515vw, 200vh) scale(0.3196); } }
  .snow:nth-child(72) {
    opacity: 0.8666;
    transform: translate(56.1442vw, -10px) scale(0.3566);
    animation: fall-72 25s -6s linear infinite; }
@keyframes fall-72 {
  72.352% {
    transform: translate(65.342vw, 144.704vh) scale(0.3566); }
  to {
    transform: translate(60.7431vw, 200vh) scale(0.3566); } }
  .snow:nth-child(73) {
    opacity: 0.5826;
    transform: translate(44.0341vw, -10px) scale(0.0479);
    animation: fall-73 29s -13s linear infinite; }
@keyframes fall-73 {
  78.893% {
    transform: translate(46.6064vw, 157.786vh) scale(0.0479); }
  to {
    transform: translate(45.32025vw, 200vh) scale(0.0479); } }
  .snow:nth-child(74) {
    opacity: 0.9952;
    transform: translate(20.2639vw, -10px) scale(0.5452);
    animation: fall-74 16s -1s linear infinite; }
@keyframes fall-74 {
  40.75% {
    transform: translate(12.2721vw, 81.5vh) scale(0.5452); }
  to {
    transform: translate(16.268vw, 200vh) scale(0.5452); } }
  .snow:nth-child(75) {
    opacity: 0.3454;
    transform: translate(77.4942vw, -10px) scale(0.6309);
    animation: fall-75 22s -20s linear infinite; }
@keyframes fall-75 {
  51.306% {
    transform: translate(67.6181vw, 102.612vh) scale(0.6309); }
  to {
    transform: translate(72.55615vw, 200vh) scale(0.6309); } }
  .snow:nth-child(76) {
    opacity: 0.9574;
    transform: translate(99.1296vw, -10px) scale(0.1423);
    animation: fall-76 29s -19s linear infinite; }
@keyframes fall-76 {
  45.471% {
    transform: translate(103.6407vw, 90.942vh) scale(0.1423); }
  to {
    transform: translate(101.38515vw, 200vh) scale(0.1423); } }
  .snow:nth-child(77) {
    opacity: 0.2587;
    transform: translate(33.6623vw, -10px) scale(0.8151);
    animation: fall-77 21s -9s linear infinite; }
@keyframes fall-77 {
  57.945% {
    transform: translate(27.5829vw, 115.89vh) scale(0.8151); }
  to {
    transform: translate(30.6226vw, 200vh) scale(0.8151); } }
  .snow:nth-child(78) {
    opacity: 0.4835;
    transform: translate(7.3795vw, -10px) scale(0.4146);
    animation: fall-78 22s -26s linear infinite; }
@keyframes fall-78 {
  73.629% {
    transform: translate(14.951vw, 147.258vh) scale(0.4146); }
  to {
    transform: translate(11.16525vw, 200vh) scale(0.4146); } }
  .snow:nth-child(79) {
    opacity: 0.2602;
    transform: translate(38.5151vw, -10px) scale(0.7357);
    animation: fall-79 18s -12s linear infinite; }
@keyframes fall-79 {
  47.44% {
    transform: translate(47.2142vw, 94.88vh) scale(0.7357); }
  to {
    transform: translate(42.86465vw, 200vh) scale(0.7357); } }
  .snow:nth-child(80) {
    opacity: 0.8873;
    transform: translate(72.6393vw, -10px) scale(0.1742);
    animation: fall-80 12s -30s linear infinite; }
@keyframes fall-80 {
  67.09% {
    transform: translate(63.6374vw, 134.18vh) scale(0.1742); }
  to {
    transform: translate(68.13835vw, 200vh) scale(0.1742); } }
  .snow:nth-child(81) {
    opacity: 0.9004;
    transform: translate(75.396vw, -10px) scale(0.1809);
    animation: fall-81 28s -26s linear infinite; }
@keyframes fall-81 {
  75.386% {
    transform: translate(65.9733vw, 150.772vh) scale(0.1809); }
  to {
    transform: translate(70.68465vw, 200vh) scale(0.1809); } }
  .snow:nth-child(82) {
    opacity: 0.4157;
    transform: translate(55.4469vw, -10px) scale(0.9837);
    animation: fall-82 26s -3s linear infinite; }
@keyframes fall-82 {
  41.641% {
    transform: translate(45.8219vw, 83.282vh) scale(0.9837); }
  to {
    transform: translate(50.6344vw, 200vh) scale(0.9837); } }
  .snow:nth-child(83) {
    opacity: 0.4767;
    transform: translate(48.3575vw, -10px) scale(0.33);
    animation: fall-83 10s -22s linear infinite; }
@keyframes fall-83 {
  52.02% {
    transform: translate(42.8431vw, 104.04vh) scale(0.33); }
  to {
    transform: translate(45.6003vw, 200vh) scale(0.33); } }
  .snow:nth-child(84) {
    opacity: 0.0922;
    transform: translate(73.6259vw, -10px) scale(0.8214);
    animation: fall-84 24s -8s linear infinite; }
@keyframes fall-84 {
  59.449% {
    transform: translate(67.145vw, 118.898vh) scale(0.8214); }
  to {
    transform: translate(70.38545vw, 200vh) scale(0.8214); } }
  .snow:nth-child(85) {
    opacity: 0.1376;
    transform: translate(95.865vw, -10px) scale(0.2303);
    animation: fall-85 17s -20s linear infinite; }
@keyframes fall-85 {
  45.968% {
    transform: translate(104.8296vw, 91.936vh) scale(0.2303); }
  to {
    transform: translate(100.3473vw, 200vh) scale(0.2303); } }
  .snow:nth-child(86) {
    opacity: 0.8526;
    transform: translate(66.384vw, -10px) scale(0.3113);
    animation: fall-86 17s -29s linear infinite; }
@keyframes fall-86 {
  53.277% {
    transform: translate(71.4133vw, 106.554vh) scale(0.3113); }
  to {
    transform: translate(68.89865vw, 200vh) scale(0.3113); } }
  .snow:nth-child(87) {
    opacity: 0.3503;
    transform: translate(90.3471vw, -10px) scale(0.6331);
    animation: fall-87 29s -26s linear infinite; }
@keyframes fall-87 {
  57.172% {
    transform: translate(90.0747vw, 114.344vh) scale(0.6331); }
  to {
    transform: translate(90.2109vw, 200vh) scale(0.6331); } }
  .snow:nth-child(88) {
    opacity: 0.5066;
    transform: translate(63.1597vw, -10px) scale(0.9572);
    animation: fall-88 26s -20s linear infinite; }
@keyframes fall-88 {
  58.384% {
    transform: translate(60.5729vw, 116.768vh) scale(0.9572); }
  to {
    transform: translate(61.8663vw, 200vh) scale(0.9572); } }
  .snow:nth-child(89) {
    opacity: 0.732;
    transform: translate(82.8862vw, -10px) scale(0.9474);
    animation: fall-89 24s -7s linear infinite; }
@keyframes fall-89 {
  40.69% {
    transform: translate(82.3315vw, 81.38vh) scale(0.9474); }
  to {
    transform: translate(82.60885vw, 200vh) scale(0.9474); } }
  .snow:nth-child(90) {
    opacity: 0.7098;
    transform: translate(45.9049vw, -10px) scale(0.3037);
    animation: fall-90 14s -12s linear infinite; }
@keyframes fall-90 {
  73.592% {
    transform: translate(40.1467vw, 147.184vh) scale(0.3037); }
  to {
    transform: translate(43.0258vw, 200vh) scale(0.3037); } }
  .snow:nth-child(91) {
    opacity: 0.817;
    transform: translate(49.7723vw, -10px) scale(0.813);
    animation: fall-91 25s -17s linear infinite; }
@keyframes fall-91 {
  50.604% {
    transform: translate(53.6635vw, 101.208vh) scale(0.813); }
  to {
    transform: translate(51.7179vw, 200vh) scale(0.813); } }
  .snow:nth-child(92) {
    opacity: 0.9908;
    transform: translate(28.3118vw, -10px) scale(0.5799);
    animation: fall-92 25s -11s linear infinite; }
@keyframes fall-92 {
  72.13% {
    transform: translate(25.9795vw, 144.26vh) scale(0.5799); }
  to {
    transform: translate(27.14565vw, 200vh) scale(0.5799); } }
  .snow:nth-child(93) {
    opacity: 0.7305;
    transform: translate(91.4939vw, -10px) scale(0.0443);
    animation: fall-93 12s -16s linear infinite; }
@keyframes fall-93 {
  58.688% {
    transform: translate(92.3678vw, 117.376vh) scale(0.0443); }
  to {
    transform: translate(91.93085vw, 200vh) scale(0.0443); } }
  .snow:nth-child(94) {
    opacity: 0.9427;
    transform: translate(43.3635vw, -10px) scale(0.8325);
    animation: fall-94 26s -1s linear infinite; }
@keyframes fall-94 {
  42.439% {
    transform: translate(39.5306vw, 84.878vh) scale(0.8325); }
  to {
    transform: translate(41.44705vw, 200vh) scale(0.8325); } }
  .snow:nth-child(95) {
    opacity: 0.9644;
    transform: translate(7.5944vw, -10px) scale(0.9331);
    animation: fall-95 20s -5s linear infinite; }
@keyframes fall-95 {
  79.871% {
    transform: translate(10.0043vw, 159.742vh) scale(0.9331); }
  to {
    transform: translate(8.79935vw, 200vh) scale(0.9331); } }
  .snow:nth-child(96) {
    opacity: 0.8277;
    transform: translate(57.2912vw, -10px) scale(0.3266);
    animation: fall-96 19s -25s linear infinite; }
@keyframes fall-96 {
  35.657% {
    transform: translate(60.9375vw, 71.314vh) scale(0.3266); }
  to {
    transform: translate(59.11435vw, 200vh) scale(0.3266); } }
  .snow:nth-child(97) {
    opacity: 0.2434;
    transform: translate(87.8727vw, -10px) scale(0.7647);
    animation: fall-97 16s -4s linear infinite; }
@keyframes fall-97 {
  55.449% {
    transform: translate(89.6876vw, 110.898vh) scale(0.7647); }
  to {
    transform: translate(88.78015vw, 200vh) scale(0.7647); } }
  .snow:nth-child(98) {
    opacity: 0.1052;
    transform: translate(13.5886vw, -10px) scale(0.0436);
    animation: fall-98 24s -16s linear infinite; }
@keyframes fall-98 {
  32.638% {
    transform: translate(20.4683vw, 65.276vh) scale(0.0436); }
  to {
    transform: translate(17.02845vw, 200vh) scale(0.0436); } }
  .snow:nth-child(99) {
    opacity: 0.236;
    transform: translate(17.7658vw, -10px) scale(0.6655);
    animation: fall-99 12s -8s linear infinite; }
@keyframes fall-99 {
  68.813% {
    transform: translate(23.3034vw, 137.626vh) scale(0.6655); }
  to {
    transform: translate(20.5346vw, 200vh) scale(0.6655); } }
  .snow:nth-child(100) {
    opacity: 0.9806;
    transform: translate(10.8637vw, -10px) scale(0.0762);
    animation: fall-100 24s -12s linear infinite; }
@keyframes fall-100 {
  72.12% {
    transform: translate(17.302vw, 144.24vh) scale(0.0762); }
  to {
    transform: translate(14.08285vw, 200vh) scale(0.0762); } }
  .snow:nth-child(101) {
    opacity: 0.3555;
    transform: translate(9.2063vw, -10px) scale(0.0181);
    animation: fall-101 15s -12s linear infinite; }
@keyframes fall-101 {
  60.308% {
    transform: translate(15.2909vw, 120.616vh) scale(0.0181); }
  to {
    transform: translate(12.2486vw, 200vh) scale(0.0181); } }
  .snow:nth-child(102) {
    opacity: 0.5942;
    transform: translate(42.6029vw, -10px) scale(0.4224);
    animation: fall-102 21s -25s linear infinite; }
@keyframes fall-102 {
  56.297% {
    transform: translate(42.0208vw, 112.594vh) scale(0.4224); }
  to {
    transform: translate(42.31185vw, 200vh) scale(0.4224); } }
  .snow:nth-child(103) {
    opacity: 0.7916;
    transform: translate(71.192vw, -10px) scale(0.2479);
    animation: fall-103 11s -29s linear infinite; }
@keyframes fall-103 {
  49.199% {
    transform: translate(71.204vw, 98.398vh) scale(0.2479); }
  to {
    transform: translate(71.198vw, 200vh) scale(0.2479); } }
  .snow:nth-child(104) {
    opacity: 0.7283;
    transform: translate(80.2586vw, -10px) scale(0.8482);
    animation: fall-104 27s -30s linear infinite; }
@keyframes fall-104 {
  67.207% {
    transform: translate(73.7365vw, 134.414vh) scale(0.8482); }
  to {
    transform: translate(76.99755vw, 200vh) scale(0.8482); } }
  .snow:nth-child(105) {
    opacity: 0.4121;
    transform: translate(54.446vw, -10px) scale(0.0022);
    animation: fall-105 25s -29s linear infinite; }
@keyframes fall-105 {
  71.682% {
    transform: translate(54.6246vw, 143.364vh) scale(0.0022); }
  to {
    transform: translate(54.5353vw, 200vh) scale(0.0022); } }
  .snow:nth-child(106) {
    opacity: 0.1456;
    transform: translate(6.8254vw, -10px) scale(0.0476);
    animation: fall-106 11s -5s linear infinite; }
@keyframes fall-106 {
  58.551% {
    transform: translate(14.5703vw, 117.102vh) scale(0.0476); }
  to {
    transform: translate(10.69785vw, 200vh) scale(0.0476); } }
  .snow:nth-child(107) {
    opacity: 0.8838;
    transform: translate(40.3305vw, -10px) scale(0.4533);
    animation: fall-107 23s -17s linear infinite; }
@keyframes fall-107 {
  49.545% {
    transform: translate(43.9101vw, 99.09vh) scale(0.4533); }
  to {
    transform: translate(42.1203vw, 200vh) scale(0.4533); } }
  .snow:nth-child(108) {
    opacity: 0.2507;
    transform: translate(36.0851vw, -10px) scale(0.1238);
    animation: fall-108 24s -28s linear infinite; }
@keyframes fall-108 {
  63.564% {
    transform: translate(30.2681vw, 127.128vh) scale(0.1238); }
  to {
    transform: translate(33.1766vw, 200vh) scale(0.1238); } }
  .snow:nth-child(109) {
    opacity: 0.4385;
    transform: translate(54.1701vw, -10px) scale(0.345);
    animation: fall-109 22s -14s linear infinite; }
@keyframes fall-109 {
  48.989% {
    transform: translate(48.211vw, 97.978vh) scale(0.345); }
  to {
    transform: translate(51.19055vw, 200vh) scale(0.345); } }
  .snow:nth-child(110) {
    opacity: 0.1429;
    transform: translate(82.4531vw, -10px) scale(0.2794);
    animation: fall-110 23s -3s linear infinite; }
@keyframes fall-110 {
  40.239% {
    transform: translate(75.8806vw, 80.478vh) scale(0.2794); }
  to {
    transform: translate(79.16685vw, 200vh) scale(0.2794); } }
  .snow:nth-child(111) {
    opacity: 0.0399;
    transform: translate(85.5424vw, -10px) scale(0.0148);
    animation: fall-111 24s -25s linear infinite; }
@keyframes fall-111 {
  43.26% {
    transform: translate(84.5729vw, 86.52vh) scale(0.0148); }
  to {
    transform: translate(85.05765vw, 200vh) scale(0.0148); } }
  .snow:nth-child(112) {
    opacity: 0.67;
    transform: translate(95.3019vw, -10px) scale(0.5864);
    animation: fall-112 20s -23s linear infinite; }
@keyframes fall-112 {
  45.633% {
    transform: translate(100.6311vw, 91.266vh) scale(0.5864); }
  to {
    transform: translate(97.9665vw, 200vh) scale(0.5864); } }
  .snow:nth-child(113) {
    opacity: 0.8298;
    transform: translate(81.155vw, -10px) scale(0.8229);
    animation: fall-113 22s -18s linear infinite; }
@keyframes fall-113 {
  56.272% {
    transform: translate(77.9392vw, 112.544vh) scale(0.8229); }
  to {
    transform: translate(79.5471vw, 200vh) scale(0.8229); } }
  .snow:nth-child(114) {
    opacity: 0.274;
    transform: translate(80.5536vw, -10px) scale(0.6219);
    animation: fall-114 19s -3s linear infinite; }
@keyframes fall-114 {
  77.51% {
    transform: translate(89.5766vw, 155.02vh) scale(0.6219); }
  to {
    transform: translate(85.0651vw, 200vh) scale(0.6219); } }
  .snow:nth-child(115) {
    opacity: 0.1851;
    transform: translate(27.9585vw, -10px) scale(0.0115);
    animation: fall-115 25s -5s linear infinite; }
@keyframes fall-115 {
  54.303% {
    transform: translate(34.2128vw, 108.606vh) scale(0.0115); }
  to {
    transform: translate(31.08565vw, 200vh) scale(0.0115); } }
  .snow:nth-child(116) {
    opacity: 0.7775;
    transform: translate(35.3451vw, -10px) scale(0.1889);
    animation: fall-116 27s -27s linear infinite; }
@keyframes fall-116 {
  50.313% {
    transform: translate(43.0806vw, 100.626vh) scale(0.1889); }
  to {
    transform: translate(39.21285vw, 200vh) scale(0.1889); } }
  .snow:nth-child(117) {
    opacity: 0.0284;
    transform: translate(33.6454vw, -10px) scale(0.8067);
    animation: fall-117 25s -6s linear infinite; }
@keyframes fall-117 {
  51.186% {
    transform: translate(31.7421vw, 102.372vh) scale(0.8067); }
  to {
    transform: translate(32.69375vw, 200vh) scale(0.8067); } }
  .snow:nth-child(118) {
    opacity: 0.9591;
    transform: translate(70.782vw, -10px) scale(0.5964);
    animation: fall-118 29s -23s linear infinite; }
@keyframes fall-118 {
  51.987% {
    transform: translate(72.7719vw, 103.974vh) scale(0.5964); }
  to {
    transform: translate(71.77695vw, 200vh) scale(0.5964); } }
  .snow:nth-child(119) {
    opacity: 0.1242;
    transform: translate(73.7427vw, -10px) scale(0.529);
    animation: fall-119 21s -5s linear infinite; }
@keyframes fall-119 {
  40.348% {
    transform: translate(76.5126vw, 80.696vh) scale(0.529); }
  to {
    transform: translate(75.12765vw, 200vh) scale(0.529); } }
  .snow:nth-child(120) {
    opacity: 0.3514;
    transform: translate(62.705vw, -10px) scale(0.7035);
    animation: fall-120 26s -25s linear infinite; }
@keyframes fall-120 {
  57.52% {
    transform: translate(71.4476vw, 115.04vh) scale(0.7035); }
  to {
    transform: translate(67.0763vw, 200vh) scale(0.7035); } }
  .snow:nth-child(121) {
    opacity: 0.8896;
    transform: translate(42.7301vw, -10px) scale(0.5418);
    animation: fall-121 10s -7s linear infinite; }
@keyframes fall-121 {
  43.508% {
    transform: translate(34.6799vw, 87.016vh) scale(0.5418); }
  to {
    transform: translate(38.705vw, 200vh) scale(0.5418); } }
  .snow:nth-child(122) {
    opacity: 0.4336;
    transform: translate(28.0072vw, -10px) scale(0.6755);
    animation: fall-122 25s -20s linear infinite; }
@keyframes fall-122 {
  76.822% {
    transform: translate(29.7147vw, 153.644vh) scale(0.6755); }
  to {
    transform: translate(28.86095vw, 200vh) scale(0.6755); } }
  .snow:nth-child(123) {
    opacity: 0.437;
    transform: translate(72.2863vw, -10px) scale(0.6117);
    animation: fall-123 20s -11s linear infinite; }
@keyframes fall-123 {
  59.503% {
    transform: translate(78.1074vw, 119.006vh) scale(0.6117); }
  to {
    transform: translate(75.19685vw, 200vh) scale(0.6117); } }
  .snow:nth-child(124) {
    opacity: 0.3167;
    transform: translate(61.6841vw, -10px) scale(0.5016);
    animation: fall-124 18s -17s linear infinite; }
@keyframes fall-124 {
  47.645% {
    transform: translate(54.762vw, 95.29vh) scale(0.5016); }
  to {
    transform: translate(58.22305vw, 200vh) scale(0.5016); } }
  .snow:nth-child(125) {
    opacity: 0.0087;
    transform: translate(90.9393vw, -10px) scale(0.7807);
    animation: fall-125 25s -20s linear infinite; }
@keyframes fall-125 {
  45.831% {
    transform: translate(81.0096vw, 91.662vh) scale(0.7807); }
  to {
    transform: translate(85.97445vw, 200vh) scale(0.7807); } }
  .snow:nth-child(126) {
    opacity: 0.349;
    transform: translate(46.137vw, -10px) scale(0.9299);
    animation: fall-126 28s -6s linear infinite; }
@keyframes fall-126 {
  42.537% {
    transform: translate(37.1748vw, 85.074vh) scale(0.9299); }
  to {
    transform: translate(41.6559vw, 200vh) scale(0.9299); } }
  .snow:nth-child(127) {
    opacity: 0.9269;
    transform: translate(35.4284vw, -10px) scale(0.2243);
    animation: fall-127 28s -17s linear infinite; }
@keyframes fall-127 {
  35.455% {
    transform: translate(44.5953vw, 70.91vh) scale(0.2243); }
  to {
    transform: translate(40.01185vw, 200vh) scale(0.2243); } }
  .snow:nth-child(128) {
    opacity: 0.6983;
    transform: translate(22.5538vw, -10px) scale(0.7679);
    animation: fall-128 12s -15s linear infinite; }
@keyframes fall-128 {
  55.252% {
    transform: translate(29.1094vw, 110.504vh) scale(0.7679); }
  to {
    transform: translate(25.8316vw, 200vh) scale(0.7679); } }
  .snow:nth-child(129) {
    opacity: 0.7269;
    transform: translate(65.1742vw, -10px) scale(0.9778);
    animation: fall-129 22s -25s linear infinite; }
@keyframes fall-129 {
  55.265% {
    transform: translate(69.1585vw, 110.53vh) scale(0.9778); }
  to {
    transform: translate(67.16635vw, 200vh) scale(0.9778); } }
  .snow:nth-child(130) {
    opacity: 0.0087;
    transform: translate(67.3474vw, -10px) scale(0.0928);
    animation: fall-130 18s -20s linear infinite; }
@keyframes fall-130 {
  38.789% {
    transform: translate(70.2539vw, 77.578vh) scale(0.0928); }
  to {
    transform: translate(68.80065vw, 200vh) scale(0.0928); } }
  .snow:nth-child(131) {
    opacity: 0.566;
    transform: translate(0.8776vw, -10px) scale(0.5015);
    animation: fall-131 27s -9s linear infinite; }
@keyframes fall-131 {
  40.342% {
    transform: translate(0.2621vw, 80.684vh) scale(0.5015); }
  to {
    transform: translate(0.56985vw, 200vh) scale(0.5015); } }
  .snow:nth-child(132) {
    opacity: 0.4925;
    transform: translate(23.292vw, -10px) scale(0.5705);
    animation: fall-132 15s -27s linear infinite; }
@keyframes fall-132 {
  49.779% {
    transform: translate(19.1827vw, 99.558vh) scale(0.5705); }
  to {
    transform: translate(21.23735vw, 200vh) scale(0.5705); } }
  .snow:nth-child(133) {
    opacity: 0.127;
    transform: translate(30.7642vw, -10px) scale(0.4262);
    animation: fall-133 10s -6s linear infinite; }
@keyframes fall-133 {
  68.189% {
    transform: translate(33.8418vw, 136.378vh) scale(0.4262); }
  to {
    transform: translate(32.303vw, 200vh) scale(0.4262); } }
  .snow:nth-child(134) {
    opacity: 0.0493;
    transform: translate(83.4977vw, -10px) scale(0.4788);
    animation: fall-134 19s -30s linear infinite; }
@keyframes fall-134 {
  56.934% {
    transform: translate(79.568vw, 113.868vh) scale(0.4788); }
  to {
    transform: translate(81.53285vw, 200vh) scale(0.4788); } }
  .snow:nth-child(135) {
    opacity: 0.4438;
    transform: translate(79.4848vw, -10px) scale(0.7913);
    animation: fall-135 29s -4s linear infinite; }
@keyframes fall-135 {
  41.834% {
    transform: translate(73.0689vw, 83.668vh) scale(0.7913); }
  to {
    transform: translate(76.27685vw, 200vh) scale(0.7913); } }
  .snow:nth-child(136) {
    opacity: 0.2085;
    transform: translate(34.4972vw, -10px) scale(0.7529);
    animation: fall-136 30s -6s linear infinite; }
@keyframes fall-136 {
  60.212% {
    transform: translate(28.5642vw, 120.424vh) scale(0.7529); }
  to {
    transform: translate(31.5307vw, 200vh) scale(0.7529); } }
  .snow:nth-child(137) {
    opacity: 0.7373;
    transform: translate(97.5575vw, -10px) scale(0.5593);
    animation: fall-137 15s -7s linear infinite; }
@keyframes fall-137 {
  64.656% {
    transform: translate(89.121vw, 129.312vh) scale(0.5593); }
  to {
    transform: translate(93.33925vw, 200vh) scale(0.5593); } }
  .snow:nth-child(138) {
    opacity: 0.3517;
    transform: translate(51.9825vw, -10px) scale(0.0863);
    animation: fall-138 28s -13s linear infinite; }
@keyframes fall-138 {
  54.208% {
    transform: translate(54.6506vw, 108.416vh) scale(0.0863); }
  to {
    transform: translate(53.31655vw, 200vh) scale(0.0863); } }
  .snow:nth-child(139) {
    opacity: 0.4377;
    transform: translate(0.5971vw, -10px) scale(0.8472);
    animation: fall-139 13s -5s linear infinite; }
@keyframes fall-139 {
  70.12% {
    transform: translate(-2.9493vw, 140.24vh) scale(0.8472); }
  to {
    transform: translate(-1.1761vw, 200vh) scale(0.8472); } }
  .snow:nth-child(140) {
    opacity: 0.9484;
    transform: translate(28.8916vw, -10px) scale(0.5114);
    animation: fall-140 29s -28s linear infinite; }
@keyframes fall-140 {
  36.269% {
    transform: translate(27.3963vw, 72.538vh) scale(0.5114); }
  to {
    transform: translate(28.14395vw, 200vh) scale(0.5114); } }
  .snow:nth-child(141) {
    opacity: 0.5922;
    transform: translate(7.6749vw, -10px) scale(0.2959);
    animation: fall-141 26s -13s linear infinite; }
@keyframes fall-141 {
  49.708% {
    transform: translate(14.5941vw, 99.416vh) scale(0.2959); }
  to {
    transform: translate(11.1345vw, 200vh) scale(0.2959); } }
  .snow:nth-child(142) {
    opacity: 0.7759;
    transform: translate(5.7629vw, -10px) scale(0.3693);
    animation: fall-142 12s -18s linear infinite; }
@keyframes fall-142 {
  56.954% {
    transform: translate(3.5359vw, 113.908vh) scale(0.3693); }
  to {
    transform: translate(4.6494vw, 200vh) scale(0.3693); } }
  .snow:nth-child(143) {
    opacity: 0.8168;
    transform: translate(73.6366vw, -10px) scale(0.2476);
    animation: fall-143 24s -11s linear infinite; }
@keyframes fall-143 {
  39.498% {
    transform: translate(68.1029vw, 78.996vh) scale(0.2476); }
  to {
    transform: translate(70.86975vw, 200vh) scale(0.2476); } }
  .snow:nth-child(144) {
    opacity: 0.535;
    transform: translate(40.8417vw, -10px) scale(0.481);
    animation: fall-144 17s -19s linear infinite; }
@keyframes fall-144 {
  35.935% {
    transform: translate(46.043vw, 71.87vh) scale(0.481); }
  to {
    transform: translate(43.44235vw, 200vh) scale(0.481); } }
  .snow:nth-child(145) {
    opacity: 0.1008;
    transform: translate(81.0693vw, -10px) scale(0.3119);
    animation: fall-145 13s -18s linear infinite; }
@keyframes fall-145 {
  69.363% {
    transform: translate(79.5657vw, 138.726vh) scale(0.3119); }
  to {
    transform: translate(80.3175vw, 200vh) scale(0.3119); } }
  .snow:nth-child(146) {
    opacity: 0.9289;
    transform: translate(42.0832vw, -10px) scale(0.2669);
    animation: fall-146 18s -5s linear infinite; }
@keyframes fall-146 {
  65.424% {
    transform: translate(40.9706vw, 130.848vh) scale(0.2669); }
  to {
    transform: translate(41.5269vw, 200vh) scale(0.2669); } }
  .snow:nth-child(147) {
    opacity: 0.6037;
    transform: translate(23.7442vw, -10px) scale(0.567);
    animation: fall-147 27s -28s linear infinite; }
@keyframes fall-147 {
  51.672% {
    transform: translate(13.9474vw, 103.344vh) scale(0.567); }
  to {
    transform: translate(18.8458vw, 200vh) scale(0.567); } }
  .snow:nth-child(148) {
    opacity: 0.3449;
    transform: translate(34.7808vw, -10px) scale(0.5764);
    animation: fall-148 28s -15s linear infinite; }
@keyframes fall-148 {
  36.238% {
    transform: translate(35.5792vw, 72.476vh) scale(0.5764); }
  to {
    transform: translate(35.18vw, 200vh) scale(0.5764); } }
  .snow:nth-child(149) {
    opacity: 0.7205;
    transform: translate(43.7078vw, -10px) scale(0.7357);
    animation: fall-149 18s -29s linear infinite; }
@keyframes fall-149 {
  36.735% {
    transform: translate(37.7505vw, 73.47vh) scale(0.7357); }
  to {
    transform: translate(40.72915vw, 200vh) scale(0.7357); } }
  .snow:nth-child(150) {
    opacity: 0.9017;
    transform: translate(47.676vw, -10px) scale(0.4638);
    animation: fall-150 14s -10s linear infinite; }
@keyframes fall-150 {
  62.858% {
    transform: translate(39.2563vw, 125.716vh) scale(0.4638); }
  to {
    transform: translate(43.46615vw, 200vh) scale(0.4638); } }
  .snow:nth-child(151) {
    opacity: 0.2539;
    transform: translate(98.0268vw, -10px) scale(0.9389);
    animation: fall-151 24s -19s linear infinite; }
@keyframes fall-151 {
  61.335% {
    transform: translate(98.7091vw, 122.67vh) scale(0.9389); }
  to {
    transform: translate(98.36795vw, 200vh) scale(0.9389); } }
  .snow:nth-child(152) {
    opacity: 0.4426;
    transform: translate(15.2944vw, -10px) scale(0.0501);
    animation: fall-152 16s -5s linear infinite; }
@keyframes fall-152 {
  56.99% {
    transform: translate(8.5453vw, 113.98vh) scale(0.0501); }
  to {
    transform: translate(11.91985vw, 200vh) scale(0.0501); } }
  .snow:nth-child(153) {
    opacity: 0.0727;
    transform: translate(33.0536vw, -10px) scale(0.2668);
    animation: fall-153 20s -4s linear infinite; }
@keyframes fall-153 {
  45.595% {
    transform: translate(32.4458vw, 91.19vh) scale(0.2668); }
  to {
    transform: translate(32.7497vw, 200vh) scale(0.2668); } }
  .snow:nth-child(154) {
    opacity: 0.1765;
    transform: translate(48.1123vw, -10px) scale(0.1341);
    animation: fall-154 27s -30s linear infinite; }
@keyframes fall-154 {
  79.305% {
    transform: translate(50.5841vw, 158.61vh) scale(0.1341); }
  to {
    transform: translate(49.3482vw, 200vh) scale(0.1341); } }
  .snow:nth-child(155) {
    opacity: 0.7821;
    transform: translate(42.4556vw, -10px) scale(0.6545);
    animation: fall-155 20s -16s linear infinite; }
@keyframes fall-155 {
  78.776% {
    transform: translate(38.825vw, 157.552vh) scale(0.6545); }
  to {
    transform: translate(40.6403vw, 200vh) scale(0.6545); } }
  .snow:nth-child(156) {
    opacity: 0.1386;
    transform: translate(96.0284vw, -10px) scale(0.7928);
    animation: fall-156 10s -23s linear infinite; }
@keyframes fall-156 {
  73.012% {
    transform: translate(104.017vw, 146.024vh) scale(0.7928); }
  to {
    transform: translate(100.0227vw, 200vh) scale(0.7928); } }
  .snow:nth-child(157) {
    opacity: 0.6685;
    transform: translate(4.1459vw, -10px) scale(0.8977);
    animation: fall-157 29s -19s linear infinite; }
@keyframes fall-157 {
  47.949% {
    transform: translate(2.6114vw, 95.898vh) scale(0.8977); }
  to {
    transform: translate(3.37865vw, 200vh) scale(0.8977); } }
  .snow:nth-child(158) {
    opacity: 0.9614;
    transform: translate(49.0214vw, -10px) scale(0.2467);
    animation: fall-158 10s -9s linear infinite; }
@keyframes fall-158 {
  30.995% {
    transform: translate(40.1042vw, 61.99vh) scale(0.2467); }
  to {
    transform: translate(44.5628vw, 200vh) scale(0.2467); } }
  .snow:nth-child(159) {
    opacity: 0.3829;
    transform: translate(89.6015vw, -10px) scale(0.4743);
    animation: fall-159 24s -19s linear infinite; }
@keyframes fall-159 {
  41.425% {
    transform: translate(92.7009vw, 82.85vh) scale(0.4743); }
  to {
    transform: translate(91.1512vw, 200vh) scale(0.4743); } }
  .snow:nth-child(160) {
    opacity: 0.8982;
    transform: translate(26.6414vw, -10px) scale(0.8602);
    animation: fall-160 12s -9s linear infinite; }
@keyframes fall-160 {
  72.365% {
    transform: translate(30.6975vw, 144.73vh) scale(0.8602); }
  to {
    transform: translate(28.66945vw, 200vh) scale(0.8602); } }
  .snow:nth-child(161) {
    opacity: 0.3445;
    transform: translate(84.7941vw, -10px) scale(0.3559);
    animation: fall-161 20s -22s linear infinite; }
@keyframes fall-161 {
  46.072% {
    transform: translate(87.9743vw, 92.144vh) scale(0.3559); }
  to {
    transform: translate(86.3842vw, 200vh) scale(0.3559); } }
  .snow:nth-child(162) {
    opacity: 0.1693;
    transform: translate(75.3299vw, -10px) scale(0.4964);
    animation: fall-162 14s -22s linear infinite; }
@keyframes fall-162 {
  59.549% {
    transform: translate(84.4088vw, 119.098vh) scale(0.4964); }
  to {
    transform: translate(79.86935vw, 200vh) scale(0.4964); } }
  .snow:nth-child(163) {
    opacity: 0.7313;
    transform: translate(63.1102vw, -10px) scale(0.7966);
    animation: fall-163 18s -25s linear infinite; }
@keyframes fall-163 {
  41.871% {
    transform: translate(54.063vw, 83.742vh) scale(0.7966); }
  to {
    transform: translate(58.5866vw, 200vh) scale(0.7966); } }
  .snow:nth-child(164) {
    opacity: 0.8594;
    transform: translate(82.0068vw, -10px) scale(0.4065);
    animation: fall-164 17s -1s linear infinite; }
@keyframes fall-164 {
  39.042% {
    transform: translate(81.1382vw, 78.084vh) scale(0.4065); }
  to {
    transform: translate(81.5725vw, 200vh) scale(0.4065); } }
  .snow:nth-child(165) {
    opacity: 0.261;
    transform: translate(22.2487vw, -10px) scale(0.6473);
    animation: fall-165 19s -10s linear infinite; }
@keyframes fall-165 {
  40.372% {
    transform: translate(26.4985vw, 80.744vh) scale(0.6473); }
  to {
    transform: translate(24.3736vw, 200vh) scale(0.6473); } }
  .snow:nth-child(166) {
    opacity: 0.1702;
    transform: translate(88.0171vw, -10px) scale(0.5537);
    animation: fall-166 26s -2s linear infinite; }
@keyframes fall-166 {
  52.251% {
    transform: translate(87.0277vw, 104.502vh) scale(0.5537); }
  to {
    transform: translate(87.5224vw, 200vh) scale(0.5537); } }
  .snow:nth-child(167) {
    opacity: 0.7269;
    transform: translate(73.3737vw, -10px) scale(0.8273);
    animation: fall-167 30s -23s linear infinite; }
@keyframes fall-167 {
  52.031% {
    transform: translate(76.2321vw, 104.062vh) scale(0.8273); }
  to {
    transform: translate(74.8029vw, 200vh) scale(0.8273); } }
  .snow:nth-child(168) {
    opacity: 0.3511;
    transform: translate(86.3233vw, -10px) scale(0.2495);
    animation: fall-168 23s -29s linear infinite; }
@keyframes fall-168 {
  69.035% {
    transform: translate(84.76vw, 138.07vh) scale(0.2495); }
  to {
    transform: translate(85.54165vw, 200vh) scale(0.2495); } }
  .snow:nth-child(169) {
    opacity: 0.2552;
    transform: translate(4.4944vw, -10px) scale(0.684);
    animation: fall-169 29s -30s linear infinite; }
@keyframes fall-169 {
  75.49% {
    transform: translate(10.5207vw, 150.98vh) scale(0.684); }
  to {
    transform: translate(7.50755vw, 200vh) scale(0.684); } }
  .snow:nth-child(170) {
    opacity: 0.9877;
    transform: translate(73.0402vw, -10px) scale(0.6437);
    animation: fall-170 19s -10s linear infinite; }
@keyframes fall-170 {
  48.982% {
    transform: translate(79.3342vw, 97.964vh) scale(0.6437); }
  to {
    transform: translate(76.1872vw, 200vh) scale(0.6437); } }
  .snow:nth-child(171) {
    opacity: 0.969;
    transform: translate(59.1713vw, -10px) scale(0.0778);
    animation: fall-171 13s -11s linear infinite; }
@keyframes fall-171 {
  77.731% {
    transform: translate(59.0428vw, 155.462vh) scale(0.0778); }
  to {
    transform: translate(59.10705vw, 200vh) scale(0.0778); } }
  .snow:nth-child(172) {
    opacity: 0.2708;
    transform: translate(30.3084vw, -10px) scale(0.5817);
    animation: fall-172 30s -1s linear infinite; }
@keyframes fall-172 {
  60.433% {
    transform: translate(35.534vw, 120.866vh) scale(0.5817); }
  to {
    transform: translate(32.9212vw, 200vh) scale(0.5817); } }
  .snow:nth-child(173) {
    opacity: 0.2449;
    transform: translate(34.5313vw, -10px) scale(0.1251);
    animation: fall-173 12s -20s linear infinite; }
@keyframes fall-173 {
  70.187% {
    transform: translate(26.5845vw, 140.374vh) scale(0.1251); }
  to {
    transform: translate(30.5579vw, 200vh) scale(0.1251); } }
  .snow:nth-child(174) {
    opacity: 0.9792;
    transform: translate(20.8323vw, -10px) scale(0.6428);
    animation: fall-174 28s -12s linear infinite; }
@keyframes fall-174 {
  38.941% {
    transform: translate(16.0062vw, 77.882vh) scale(0.6428); }
  to {
    transform: translate(18.41925vw, 200vh) scale(0.6428); } }
  .snow:nth-child(175) {
    opacity: 0.304;
    transform: translate(81.9775vw, -10px) scale(0.963);
    animation: fall-175 23s -26s linear infinite; }
@keyframes fall-175 {
  59.768% {
    transform: translate(82.5792vw, 119.536vh) scale(0.963); }
  to {
    transform: translate(82.27835vw, 200vh) scale(0.963); } }
  .snow:nth-child(176) {
    opacity: 0.9598;
    transform: translate(78.9882vw, -10px) scale(0.5957);
    animation: fall-176 23s -24s linear infinite; }
@keyframes fall-176 {
  70.767% {
    transform: translate(81.9997vw, 141.534vh) scale(0.5957); }
  to {
    transform: translate(80.49395vw, 200vh) scale(0.5957); } }
  .snow:nth-child(177) {
    opacity: 0.8648;
    transform: translate(73.0487vw, -10px) scale(0.8269);
    animation: fall-177 26s -29s linear infinite; }
@keyframes fall-177 {
  46.692% {
    transform: translate(80.9944vw, 93.384vh) scale(0.8269); }
  to {
    transform: translate(77.02155vw, 200vh) scale(0.8269); } }
  .snow:nth-child(178) {
    opacity: 0.3132;
    transform: translate(90.0543vw, -10px) scale(0.6646);
    animation: fall-178 23s -11s linear infinite; }
@keyframes fall-178 {
  64.146% {
    transform: translate(93.5218vw, 128.292vh) scale(0.6646); }
  to {
    transform: translate(91.78805vw, 200vh) scale(0.6646); } }
  .snow:nth-child(179) {
    opacity: 0.9233;
    transform: translate(62.7602vw, -10px) scale(0.8962);
    animation: fall-179 30s -3s linear infinite; }
@keyframes fall-179 {
  44.674% {
    transform: translate(65.2056vw, 89.348vh) scale(0.8962); }
  to {
    transform: translate(63.9829vw, 200vh) scale(0.8962); } }
  .snow:nth-child(180) {
    opacity: 0.8524;
    transform: translate(10.7446vw, -10px) scale(0.2308);
    animation: fall-180 10s -20s linear infinite; }
@keyframes fall-180 {
  50.847% {
    transform: translate(7.1084vw, 101.694vh) scale(0.2308); }
  to {
    transform: translate(8.9265vw, 200vh) scale(0.2308); } }
  .snow:nth-child(181) {
    opacity: 0.2235;
    transform: translate(39.3439vw, -10px) scale(0.6695);
    animation: fall-181 25s -23s linear infinite; }
@keyframes fall-181 {
  46.678% {
    transform: translate(34.553vw, 93.356vh) scale(0.6695); }
  to {
    transform: translate(36.94845vw, 200vh) scale(0.6695); } }
  .snow:nth-child(182) {
    opacity: 0.9973;
    transform: translate(99.4078vw, -10px) scale(0.5983);
    animation: fall-182 10s -2s linear infinite; }
@keyframes fall-182 {
  69.33% {
    transform: translate(108.6234vw, 138.66vh) scale(0.5983); }
  to {
    transform: translate(104.0156vw, 200vh) scale(0.5983); } }
  .snow:nth-child(183) {
    opacity: 0.9444;
    transform: translate(81.0164vw, -10px) scale(0.3323);
    animation: fall-183 30s -1s linear infinite; }
@keyframes fall-183 {
  30.435% {
    transform: translate(90.9446vw, 60.87vh) scale(0.3323); }
  to {
    transform: translate(85.9805vw, 200vh) scale(0.3323); } }
  .snow:nth-child(184) {
    opacity: 0.5687;
    transform: translate(34.3418vw, -10px) scale(0.966);
    animation: fall-184 12s -22s linear infinite; }
@keyframes fall-184 {
  77.484% {
    transform: translate(35.3216vw, 154.968vh) scale(0.966); }
  to {
    transform: translate(34.8317vw, 200vh) scale(0.966); } }
  .snow:nth-child(185) {
    opacity: 0.2114;
    transform: translate(8.2768vw, -10px) scale(0.9649);
    animation: fall-185 26s -3s linear infinite; }
@keyframes fall-185 {
  77.941% {
    transform: translate(9.7108vw, 155.882vh) scale(0.9649); }
  to {
    transform: translate(8.9938vw, 200vh) scale(0.9649); } }
  .snow:nth-child(186) {
    opacity: 0.5345;
    transform: translate(63.8763vw, -10px) scale(0.6371);
    animation: fall-186 18s -18s linear infinite; }
@keyframes fall-186 {
  51.349% {
    transform: translate(72.3759vw, 102.698vh) scale(0.6371); }
  to {
    transform: translate(68.1261vw, 200vh) scale(0.6371); } }
  .snow:nth-child(187) {
    opacity: 0.7002;
    transform: translate(96.6439vw, -10px) scale(0.7319);
    animation: fall-187 10s -2s linear infinite; }
@keyframes fall-187 {
  67.473% {
    transform: translate(105.3411vw, 134.946vh) scale(0.7319); }
  to {
    transform: translate(100.9925vw, 200vh) scale(0.7319); } }
  .snow:nth-child(188) {
    opacity: 0.4352;
    transform: translate(36.8183vw, -10px) scale(0.3311);
    animation: fall-188 26s -12s linear infinite; }
@keyframes fall-188 {
  35.458% {
    transform: translate(38.3209vw, 70.916vh) scale(0.3311); }
  to {
    transform: translate(37.5696vw, 200vh) scale(0.3311); } }
  .snow:nth-child(189) {
    opacity: 0.0973;
    transform: translate(3.0056vw, -10px) scale(0.6208);
    animation: fall-189 11s -17s linear infinite; }
@keyframes fall-189 {
  79.925% {
    transform: translate(5.8803vw, 159.85vh) scale(0.6208); }
  to {
    transform: translate(4.44295vw, 200vh) scale(0.6208); } }
  .snow:nth-child(190) {
    opacity: 0.1621;
    transform: translate(32.8139vw, -10px) scale(0.9881);
    animation: fall-190 27s -23s linear infinite; }
@keyframes fall-190 {
  71.132% {
    transform: translate(42.6909vw, 142.264vh) scale(0.9881); }
  to {
    transform: translate(37.7524vw, 200vh) scale(0.9881); } }
  .snow:nth-child(191) {
    opacity: 0.8134;
    transform: translate(78.3648vw, -10px) scale(0.3884);
    animation: fall-191 13s -22s linear infinite; }
@keyframes fall-191 {
  67.261% {
    transform: translate(76.3369vw, 134.522vh) scale(0.3884); }
  to {
    transform: translate(77.35085vw, 200vh) scale(0.3884); } }
  .snow:nth-child(192) {
    opacity: 0.0899;
    transform: translate(28.4541vw, -10px) scale(0.9187);
    animation: fall-192 10s -27s linear infinite; }
@keyframes fall-192 {
  46.631% {
    transform: translate(25.8089vw, 93.262vh) scale(0.9187); }
  to {
    transform: translate(27.1315vw, 200vh) scale(0.9187); } }
  .snow:nth-child(193) {
    opacity: 0.646;
    transform: translate(78.0557vw, -10px) scale(0.3427);
    animation: fall-193 24s -4s linear infinite; }
@keyframes fall-193 {
  33.198% {
    transform: translate(69.2109vw, 66.396vh) scale(0.3427); }
  to {
    transform: translate(73.6333vw, 200vh) scale(0.3427); } }
  .snow:nth-child(194) {
    opacity: 0.9801;
    transform: translate(59.3014vw, -10px) scale(0.242);
    animation: fall-194 28s -19s linear infinite; }
@keyframes fall-194 {
  31.787% {
    transform: translate(63.9782vw, 63.574vh) scale(0.242); }
  to {
    transform: translate(61.6398vw, 200vh) scale(0.242); } }
  .snow:nth-child(195) {
    opacity: 0.1056;
    transform: translate(60.2747vw, -10px) scale(0.2692);
    animation: fall-195 16s -6s linear infinite; }
@keyframes fall-195 {
  33.027% {
    transform: translate(68.9784vw, 66.054vh) scale(0.2692); }
  to {
    transform: translate(64.62655vw, 200vh) scale(0.2692); } }
  .snow:nth-child(196) {
    opacity: 0.3271;
    transform: translate(7.3308vw, -10px) scale(0.0344);
    animation: fall-196 29s -10s linear infinite; }
@keyframes fall-196 {
  49.014% {
    transform: translate(12.8424vw, 98.028vh) scale(0.0344); }
  to {
    transform: translate(10.0866vw, 200vh) scale(0.0344); } }
  .snow:nth-child(197) {
    opacity: 0.077;
    transform: translate(68.4365vw, -10px) scale(0.3655);
    animation: fall-197 10s -17s linear infinite; }
@keyframes fall-197 {
  58.028% {
    transform: translate(64.8403vw, 116.056vh) scale(0.3655); }
  to {
    transform: translate(66.6384vw, 200vh) scale(0.3655); } }
  .snow:nth-child(198) {
    opacity: 0.7133;
    transform: translate(87.4429vw, -10px) scale(0.1958);
    animation: fall-198 17s -23s linear infinite; }
@keyframes fall-198 {
  70.873% {
    transform: translate(78.481vw, 141.746vh) scale(0.1958); }
  to {
    transform: translate(82.96195vw, 200vh) scale(0.1958); } }
  .snow:nth-child(199) {
    opacity: 0.1443;
    transform: translate(0.9242vw, -10px) scale(0.5959);
    animation: fall-199 15s -8s linear infinite; }
@keyframes fall-199 {
  58.987% {
    transform: translate(-8.5267vw, 117.974vh) scale(0.5959); }
  to {
    transform: translate(-3.80125vw, 200vh) scale(0.5959); } }
  .snow:nth-child(200) {
    opacity: 0.4457;
    transform: translate(71.9467vw, -10px) scale(0.9397);
    animation: fall-200 30s -26s linear infinite; }
@keyframes fall-200 {
  72.699% {
    transform: translate(78.253vw, 145.398vh) scale(0.9397); }
  to {
    transform: translate(75.09985vw, 200vh) scale(0.9397); } }
#footerlists {
  width: 50%;
  margin: 0;
  float: left; }
  @media screen and (max-width: 1000px) {
    #footerlists {
      width: 100%; } }
  @media screen and (max-width: 600px) {
    #footerlists {
      margin: 0; } }

.footerlist {
  width: 33%;
  margin: 0;
  float: left;
  padding: 0 10px 0 0; }
  @media screen and (max-width: 1000px) {
    .footerlist {
      text-align: center;
      padding: 0; } }
  @media screen and (max-width: 600px) {
    .footerlist {
      width: 100%;
      margin: 0 0 26px 0;
      padding: 0 0 20px 0;
      border-bottom: 0.5px solid rgba(255, 130, 60, 0.5);
      text-align: left; } }
  .footerlist p, .footerlist a {
    color: #ff823c;
    font-weight: 300;
    margin: 5px 0; }
    @media screen and (max-width: 600px) {
      .footerlist p, .footerlist a {
        font-size: 18px;
        margin: 7px 0; } }
    .footerlist p:hover, .footerlist a:hover {
      color: white;
      text-shadow: none;
      cursor: pointer; }

.footerpad {
  margin-top: 20px; }
  @media screen and (max-width: 600px) {
    .footerpad {
      margin-top: 27px;
      padding-top: 26px;
      border-top: 0.5px solid #b40014; } }

#footerlegal {
  clear: both;
  margin: 160px 0 0;
  padding: 18px 0 0 0; }
  @media screen and (max-width: 1000px) {
    #footerlegal {
      margin: 0;
      padding: 45px 0;
      text-align: center; } }
  @media screen and (max-width: 600px) {
    #footerlegal {
      padding: 0 0 20px 0;
      text-align: left; } }
  #footerlegal p, #footerlegal a {
    font-size: 12px;
    color: #ff823c;
    margin: 5px 0; }
  #footerlegal a:hover {
    color: white;
    text-shadow: none; }

#footerband {
  width: 100%;
  padding: 12px;
  position: relative;
  background-image: -webkit-linear-gradient(180deg, #ff823c 5%, #b40014 95%);
  background-image: -moz-linear-gradient(180deg, #ff823c 5%, #b40014 95%);
  background-image: -o-linear-gradient(180deg, #ff823c 5%, #b40014 95%);
  background-image: linear-gradient(90deg, #ff823c 5%, #b40014 95%); }
  #footerband:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

#footerwindow {
  width: 45%;
  margin: 0 0 0 5%;
  float: left;
  background-image: linear-gradient(180deg, rgba(160, 160, 160, 0.15) 0%, rgba(160, 160, 160, 0) 100%); }
  @media screen and (max-width: 1000px) {
    #footerwindow {
      width: 100%;
      margin: 0; } }
  #footerwindow iframe {
    width: 100%;
    height: 196px; }
    @media screen and (max-width: 600px) {
      #footerwindow iframe {
        height: 520px; } }

#credit {
  float: right;
  height: auto; }
  #credit #creditlogo {
    float: right;
    height: 40px;
    width: auto;
    margin: -23px -2px -3px 0; }
  #credit p {
    text-align: right;
    font-weight: 400;
    font-size: 9px;
    margin: 0 2px 0 0;
    clear: both; }

#sero {
  float: right;
  height: auto; }
  #sero #serologo {
    float: right;
    height: 19px;
    width: auto; }
  #sero p {
    text-align: right;
    font-weight: 400;
    font-size: 9px;
    margin: 0;
    clear: both; }

/*# sourceMappingURL=style.css.map */