* {
  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, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: -moz-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: -o-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 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: #784b37; }

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: #c88264; }

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

a:hover {
  color: white;
  text-decoration: none;
  transition: 0.3s ease;
  text-shadow: 0px 0px 4px #ffd2a5, 0px 0px 7px #c88264, 0px 0px 20px #965a46;
  cursor: pointer; }

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

.quote {
  color: #c88264;
  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: #555a5f; }
.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: #784b37; }
.module-blanche h5, .tabletframe h5, .white h5, .lightfolio .gridteaser h5, .textpad h5, .glowheader #navi h5, .glowheader .menutab h6 h5 {
  color: #555a5f; }
.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; }
.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: #784b37; }
.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: #784b37;
  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: #281e19; }
.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: #965a46;
  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: #965a46; }
  .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: #965a46; }
.module-blanche .button, .tabletframe .button, .white .button, .lightfolio .gridteaser .button, .textpad .button, .glowheader #navi .button, .glowheader .menutab h6 .button {
  border-color: #784b37; }
  @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(150, 90, 70, 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: #784b37;
  font-style: italic; }

pre {
  font-size: 14px;
  color: rgba(18, 20, 22, 0.999);
  padding: 30px;
  background-color: white;
  border: rgba(18, 20, 22, 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, .gallery {
  scroll-snap-align: start; }
  @media screen and (max-width: 600px) {
    .modulebg, .module-photo, .module-video, .gallery {
      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(0, 0, 0, 0.7);
      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; }
    @media screen and (max-width: 600px) {
      .module-blanche iframe {
        height: 45vw; } }

.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%; } }

.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(0, 0, 0, 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(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.05) 64%, rgba(0, 0, 0, 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; }
  @media screen and (max-width: 600px) {
    .halfsize {
      min-height: inherit; } }

.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%; }

.vignette {
  --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: 6px 16px 6px;
  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: 55%;
  margin: 14px 0; }
  @media screen and (max-width: 600px) {
    .iconpad {
      width: 100%;
      justify-content: center;
      margin: 14px auto; } }
  .iconpad img {
    height: 2vw;
    max-width: 8vw;
    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(8vw * 2.6);
        padding: 0 1vw; } }

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

.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, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: -moz-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: -o-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
  z-index: 4; }

#navilinks {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: rgba(32, 36, 40, 0.5);
  text-align: right;
  padding: 0 15px 0 0;
  -webkit-backdrop-filter: saturate(200%) blur(10px);
  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; }

.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: #281e19; }
  .glowheader #navilinks > a:hover:nth-child(2n) {
    color: #965a46;
    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(32, 36, 40, 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 #ffd2a5, 0px 0px 5px #c88264, 0px 0px 10px #965a46;
    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(18, 20, 22, 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: 300px;
  height: auto;
  margin-left: -2px;
  z-index: 3;
  transition: 0.1s ease-in-out; }
  @media screen and (max-width: 600px) {
    #logopanel {
      width: 240px; } }
  #logopanel:hover {
    transform: scale(1.06); }

.navlogo {
  width: 55%;
  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, #965a46 0%, #c88264 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: #281e19; }

/* 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(32, 36, 40, 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(18, 20, 22, 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(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 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(18, 20, 22, 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: #784b37; }

.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: #784b37;
  text-shadow: none; }

.glowheader #hotboxnav:hover {
  color: #965a46; }

.newsrow {
  width: 100%;
  min-height: 100px;
  padding: 20px 0;
  border-bottom: rgba(85, 90, 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: #784b37; }
  @media screen and (max-width: 600px) {
    .newsrow h3 {
      font-size: 21px;
      line-height: 21px; } }

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

.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(85, 90, 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: #784b37; }
  @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: #202428; }
  @media screen and (max-width: 600px) {
    .jobrow h3 {
      font-size: 18px;
      line-height: 17px; } }

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

.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: #784b37;
  position: sticky;
  top: 70px;
  /* MAKE VARIABLE */
  background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 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: #ffd2a5;
  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: 3px 8px 3px;
  border: 1px solid #FFF;
  border-radius: 5px;
  font-size: 22px;
  line-height: 22px;
  color: #ffd2a5;
  outline-color: #ffd2a5;
  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 #ffd2a5, 0px 0px 7px #c88264, 0px 0px 20px #965a46; }

.form-messageSuccess {
  color: #ffd2a5; }

.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: #784b37; } }
  .datacell a {
    font-weight: 400; }

.dataheader {
  font-size: 18px;
  line-height: 20px;
  background-color: #784b37;
  color: white;
  position: sticky;
  top: 70px;
  /* MAKE VARIABLE */
  background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 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: #784b37;
    color: white;
    background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 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: #555a5f; }
    @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(85, 90, 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: #ffd2a5;
  text-decoration: none;
  transition: 0.3s ease; }

#toggleKeywordsButton:hover {
  color: white;
  text-decoration: none;
  transition: 0.3s ease;
  text-shadow: 0px 0px 4px #ffd2a5, 0px 0px 7px #c88264, 0px 0px 20px #965a46;
  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: black;
  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 {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: saturate(300%) blur(20px); }
  .boxmodel .glass small {
    color: #965a46; }
  .boxmodel .glass h4 {
    color: white; }
  .boxmodel .glass h5 {
    color: white; }
  .boxmodel .glass p {
    color: white; }
  .boxmodel .glass ul {
    color: white; }
  .boxmodel .glass a:link, .boxmodel .glass a:visited, .boxmodel .glass a:active {
    color: #965a46;
    font-weight: 400; }
  .boxmodel .glass a:hover {
    color: #c88264; }

.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, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
    background-image: -moz-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
    background-image: -o-linear-gradient(180deg, rgba(18, 20, 22, 0.999) 5%, #202428 95%);
    background-image: linear-gradient(90deg, rgba(18, 20, 22, 0.999) 5%, #202428 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: #555a5f;
    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: #784b37;
    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: #784b37; }

.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, rgba(18, 20, 22, 0.999) 0%, #202428 90%);
  background-image: -moz-linear-gradient(245deg, rgba(18, 20, 22, 0.999) 0%, #202428 90%);
  background-image: -o-linear-gradient(245deg, rgba(18, 20, 22, 0.999) 0%, #202428 90%);
  background-image: linear-gradient(155deg, rgba(18, 20, 22, 0.999) 0%, #202428 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: black; }
  @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: black; }
  @media screen and (max-width: 600px) {
    .logofooterlists {
      grid-template-columns: auto;
      grid-template-rows: auto auto auto; } }
  .logofooterlists p, .logofooterlists a {
    color: #828c96;
    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(130, 140, 150, 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: #828c96;
    margin: 5px 0; }
  .logofooterlegal a:hover {
    color: white;
    text-shadow: none; }

#footer {
  width: 100%;
  padding: 10vw;
  background-color: black; }
  #footer:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

#footerxmas {
  width: 100%;
  padding: 10vw 10vw 20vw 10vw;
  background-color: black;
  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.7371;
    transform: translate(53.0003vw, -10px) scale(0.2326);
    animation: fall-1 17s -9s linear infinite; }
@keyframes fall-1 {
  55.727% {
    transform: translate(45.2319vw, 111.454vh) scale(0.2326); }
  to {
    transform: translate(49.1161vw, 200vh) scale(0.2326); } }
  .snow:nth-child(2) {
    opacity: 0.1474;
    transform: translate(0.9593vw, -10px) scale(0.363);
    animation: fall-2 26s -2s linear infinite; }
@keyframes fall-2 {
  37.719% {
    transform: translate(1.8375vw, 75.438vh) scale(0.363); }
  to {
    transform: translate(1.3984vw, 200vh) scale(0.363); } }
  .snow:nth-child(3) {
    opacity: 0.1037;
    transform: translate(94.9799vw, -10px) scale(0.2781);
    animation: fall-3 30s -21s linear infinite; }
@keyframes fall-3 {
  78.182% {
    transform: translate(102.913vw, 156.364vh) scale(0.2781); }
  to {
    transform: translate(98.94645vw, 200vh) scale(0.2781); } }
  .snow:nth-child(4) {
    opacity: 0.3163;
    transform: translate(32.2107vw, -10px) scale(0.7345);
    animation: fall-4 20s -20s linear infinite; }
@keyframes fall-4 {
  52.41% {
    transform: translate(41.401vw, 104.82vh) scale(0.7345); }
  to {
    transform: translate(36.80585vw, 200vh) scale(0.7345); } }
  .snow:nth-child(5) {
    opacity: 0.3458;
    transform: translate(61.2516vw, -10px) scale(0.0865);
    animation: fall-5 15s -7s linear infinite; }
@keyframes fall-5 {
  60.359% {
    transform: translate(53.2406vw, 120.718vh) scale(0.0865); }
  to {
    transform: translate(57.2461vw, 200vh) scale(0.0865); } }
  .snow:nth-child(6) {
    opacity: 0.6819;
    transform: translate(11.1711vw, -10px) scale(0.2182);
    animation: fall-6 16s -27s linear infinite; }
@keyframes fall-6 {
  79.984% {
    transform: translate(19.2143vw, 159.968vh) scale(0.2182); }
  to {
    transform: translate(15.1927vw, 200vh) scale(0.2182); } }
  .snow:nth-child(7) {
    opacity: 0.3314;
    transform: translate(47.3348vw, -10px) scale(0.3258);
    animation: fall-7 12s -24s linear infinite; }
@keyframes fall-7 {
  40.385% {
    transform: translate(49.384vw, 80.77vh) scale(0.3258); }
  to {
    transform: translate(48.3594vw, 200vh) scale(0.3258); } }
  .snow:nth-child(8) {
    opacity: 0.909;
    transform: translate(15.3029vw, -10px) scale(0.7966);
    animation: fall-8 24s -13s linear infinite; }
@keyframes fall-8 {
  75.095% {
    transform: translate(24.5953vw, 150.19vh) scale(0.7966); }
  to {
    transform: translate(19.9491vw, 200vh) scale(0.7966); } }
  .snow:nth-child(9) {
    opacity: 0.3667;
    transform: translate(14.0074vw, -10px) scale(0.6484);
    animation: fall-9 22s -13s linear infinite; }
@keyframes fall-9 {
  46.314% {
    transform: translate(14.3867vw, 92.628vh) scale(0.6484); }
  to {
    transform: translate(14.19705vw, 200vh) scale(0.6484); } }
  .snow:nth-child(10) {
    opacity: 0.2067;
    transform: translate(83.3058vw, -10px) scale(0.7346);
    animation: fall-10 20s -17s linear infinite; }
@keyframes fall-10 {
  34.918% {
    transform: translate(86.6645vw, 69.836vh) scale(0.7346); }
  to {
    transform: translate(84.98515vw, 200vh) scale(0.7346); } }
  .snow:nth-child(11) {
    opacity: 0.7862;
    transform: translate(24.5962vw, -10px) scale(0.3133);
    animation: fall-11 19s -14s linear infinite; }
@keyframes fall-11 {
  76.558% {
    transform: translate(27.7381vw, 153.116vh) scale(0.3133); }
  to {
    transform: translate(26.16715vw, 200vh) scale(0.3133); } }
  .snow:nth-child(12) {
    opacity: 0.9258;
    transform: translate(39.5681vw, -10px) scale(0.8294);
    animation: fall-12 28s -14s linear infinite; }
@keyframes fall-12 {
  72.052% {
    transform: translate(46.8496vw, 144.104vh) scale(0.8294); }
  to {
    transform: translate(43.20885vw, 200vh) scale(0.8294); } }
  .snow:nth-child(13) {
    opacity: 0.4497;
    transform: translate(83.1381vw, -10px) scale(0.3701);
    animation: fall-13 12s -22s linear infinite; }
@keyframes fall-13 {
  36.573% {
    transform: translate(86.5086vw, 73.146vh) scale(0.3701); }
  to {
    transform: translate(84.82335vw, 200vh) scale(0.3701); } }
  .snow:nth-child(14) {
    opacity: 0.5145;
    transform: translate(39.8114vw, -10px) scale(0.3463);
    animation: fall-14 19s -15s linear infinite; }
@keyframes fall-14 {
  54.608% {
    transform: translate(36.3373vw, 109.216vh) scale(0.3463); }
  to {
    transform: translate(38.07435vw, 200vh) scale(0.3463); } }
  .snow:nth-child(15) {
    opacity: 0.2161;
    transform: translate(32.4607vw, -10px) scale(0.4426);
    animation: fall-15 15s -1s linear infinite; }
@keyframes fall-15 {
  66.002% {
    transform: translate(40.9815vw, 132.004vh) scale(0.4426); }
  to {
    transform: translate(36.7211vw, 200vh) scale(0.4426); } }
  .snow:nth-child(16) {
    opacity: 0.8628;
    transform: translate(37.9246vw, -10px) scale(0.0234);
    animation: fall-16 27s -1s linear infinite; }
@keyframes fall-16 {
  79.665% {
    transform: translate(45.5609vw, 159.33vh) scale(0.0234); }
  to {
    transform: translate(41.74275vw, 200vh) scale(0.0234); } }
  .snow:nth-child(17) {
    opacity: 0.1006;
    transform: translate(92.7563vw, -10px) scale(0.8774);
    animation: fall-17 17s -4s linear infinite; }
@keyframes fall-17 {
  43.389% {
    transform: translate(87.0748vw, 86.778vh) scale(0.8774); }
  to {
    transform: translate(89.91555vw, 200vh) scale(0.8774); } }
  .snow:nth-child(18) {
    opacity: 0.4061;
    transform: translate(42.5935vw, -10px) scale(0.5239);
    animation: fall-18 28s -21s linear infinite; }
@keyframes fall-18 {
  34.285% {
    transform: translate(34.458vw, 68.57vh) scale(0.5239); }
  to {
    transform: translate(38.52575vw, 200vh) scale(0.5239); } }
  .snow:nth-child(19) {
    opacity: 0.0602;
    transform: translate(12.8209vw, -10px) scale(0.9578);
    animation: fall-19 26s -29s linear infinite; }
@keyframes fall-19 {
  71.331% {
    transform: translate(13.8177vw, 142.662vh) scale(0.9578); }
  to {
    transform: translate(13.3193vw, 200vh) scale(0.9578); } }
  .snow:nth-child(20) {
    opacity: 0.8079;
    transform: translate(23.3272vw, -10px) scale(0.4398);
    animation: fall-20 28s -20s linear infinite; }
@keyframes fall-20 {
  32.611% {
    transform: translate(14.9309vw, 65.222vh) scale(0.4398); }
  to {
    transform: translate(19.12905vw, 200vh) scale(0.4398); } }
  .snow:nth-child(21) {
    opacity: 0.9216;
    transform: translate(78.9423vw, -10px) scale(0.3263);
    animation: fall-21 23s -12s linear infinite; }
@keyframes fall-21 {
  52.867% {
    transform: translate(77.9022vw, 105.734vh) scale(0.3263); }
  to {
    transform: translate(78.42225vw, 200vh) scale(0.3263); } }
  .snow:nth-child(22) {
    opacity: 0.6756;
    transform: translate(70.1476vw, -10px) scale(0.4556);
    animation: fall-22 16s -14s linear infinite; }
@keyframes fall-22 {
  40.518% {
    transform: translate(76.1124vw, 81.036vh) scale(0.4556); }
  to {
    transform: translate(73.13vw, 200vh) scale(0.4556); } }
  .snow:nth-child(23) {
    opacity: 0.1359;
    transform: translate(55.4089vw, -10px) scale(0.8183);
    animation: fall-23 10s -6s linear infinite; }
@keyframes fall-23 {
  33.196% {
    transform: translate(50.4647vw, 66.392vh) scale(0.8183); }
  to {
    transform: translate(52.9368vw, 200vh) scale(0.8183); } }
  .snow:nth-child(24) {
    opacity: 0.4128;
    transform: translate(51.8227vw, -10px) scale(0.1963);
    animation: fall-24 21s -17s linear infinite; }
@keyframes fall-24 {
  33.544% {
    transform: translate(59.2452vw, 67.088vh) scale(0.1963); }
  to {
    transform: translate(55.53395vw, 200vh) scale(0.1963); } }
  .snow:nth-child(25) {
    opacity: 0.3382;
    transform: translate(41.4902vw, -10px) scale(0.7191);
    animation: fall-25 24s -23s linear infinite; }
@keyframes fall-25 {
  76.289% {
    transform: translate(39.605vw, 152.578vh) scale(0.7191); }
  to {
    transform: translate(40.5476vw, 200vh) scale(0.7191); } }
  .snow:nth-child(26) {
    opacity: 0.9779;
    transform: translate(29.2214vw, -10px) scale(0.4519);
    animation: fall-26 17s -25s linear infinite; }
@keyframes fall-26 {
  41.352% {
    transform: translate(30.2246vw, 82.704vh) scale(0.4519); }
  to {
    transform: translate(29.723vw, 200vh) scale(0.4519); } }
  .snow:nth-child(27) {
    opacity: 0.1384;
    transform: translate(21.0574vw, -10px) scale(0.2106);
    animation: fall-27 28s -5s linear infinite; }
@keyframes fall-27 {
  46.773% {
    transform: translate(18.3711vw, 93.546vh) scale(0.2106); }
  to {
    transform: translate(19.71425vw, 200vh) scale(0.2106); } }
  .snow:nth-child(28) {
    opacity: 0.1943;
    transform: translate(48.0883vw, -10px) scale(0.4111);
    animation: fall-28 30s -1s linear infinite; }
@keyframes fall-28 {
  55.722% {
    transform: translate(45.2195vw, 111.444vh) scale(0.4111); }
  to {
    transform: translate(46.6539vw, 200vh) scale(0.4111); } }
  .snow:nth-child(29) {
    opacity: 0.8353;
    transform: translate(27.0329vw, -10px) scale(0.5661);
    animation: fall-29 25s -18s linear infinite; }
@keyframes fall-29 {
  58.585% {
    transform: translate(30.2956vw, 117.17vh) scale(0.5661); }
  to {
    transform: translate(28.66425vw, 200vh) scale(0.5661); } }
  .snow:nth-child(30) {
    opacity: 0.8285;
    transform: translate(46.2401vw, -10px) scale(0.4078);
    animation: fall-30 16s -8s linear infinite; }
@keyframes fall-30 {
  35.015% {
    transform: translate(47.0569vw, 70.03vh) scale(0.4078); }
  to {
    transform: translate(46.6485vw, 200vh) scale(0.4078); } }
  .snow:nth-child(31) {
    opacity: 0.3742;
    transform: translate(47.7436vw, -10px) scale(0.6041);
    animation: fall-31 10s -16s linear infinite; }
@keyframes fall-31 {
  44.324% {
    transform: translate(44.9325vw, 88.648vh) scale(0.6041); }
  to {
    transform: translate(46.33805vw, 200vh) scale(0.6041); } }
  .snow:nth-child(32) {
    opacity: 0.6216;
    transform: translate(93.8418vw, -10px) scale(0.42);
    animation: fall-32 16s -25s linear infinite; }
@keyframes fall-32 {
  39.066% {
    transform: translate(101.7996vw, 78.132vh) scale(0.42); }
  to {
    transform: translate(97.8207vw, 200vh) scale(0.42); } }
  .snow:nth-child(33) {
    opacity: 0.0217;
    transform: translate(33.2921vw, -10px) scale(0.2778);
    animation: fall-33 21s -15s linear infinite; }
@keyframes fall-33 {
  40.038% {
    transform: translate(27.2941vw, 80.076vh) scale(0.2778); }
  to {
    transform: translate(30.2931vw, 200vh) scale(0.2778); } }
  .snow:nth-child(34) {
    opacity: 0.2083;
    transform: translate(7.9363vw, -10px) scale(0.6272);
    animation: fall-34 24s -29s linear infinite; }
@keyframes fall-34 {
  64.026% {
    transform: translate(15.6961vw, 128.052vh) scale(0.6272); }
  to {
    transform: translate(11.8162vw, 200vh) scale(0.6272); } }
  .snow:nth-child(35) {
    opacity: 0.4349;
    transform: translate(49.6276vw, -10px) scale(0.5817);
    animation: fall-35 13s -23s linear infinite; }
@keyframes fall-35 {
  36.255% {
    transform: translate(54.536vw, 72.51vh) scale(0.5817); }
  to {
    transform: translate(52.0818vw, 200vh) scale(0.5817); } }
  .snow:nth-child(36) {
    opacity: 0.4333;
    transform: translate(98.2831vw, -10px) scale(0.8245);
    animation: fall-36 16s -8s linear infinite; }
@keyframes fall-36 {
  58.232% {
    transform: translate(88.5266vw, 116.464vh) scale(0.8245); }
  to {
    transform: translate(93.40485vw, 200vh) scale(0.8245); } }
  .snow:nth-child(37) {
    opacity: 0.3693;
    transform: translate(67.3267vw, -10px) scale(0.2909);
    animation: fall-37 11s -19s linear infinite; }
@keyframes fall-37 {
  71.173% {
    transform: translate(60.6703vw, 142.346vh) scale(0.2909); }
  to {
    transform: translate(63.9985vw, 200vh) scale(0.2909); } }
  .snow:nth-child(38) {
    opacity: 0.6973;
    transform: translate(40.9098vw, -10px) scale(0.2384);
    animation: fall-38 26s -24s linear infinite; }
@keyframes fall-38 {
  34.676% {
    transform: translate(34.237vw, 69.352vh) scale(0.2384); }
  to {
    transform: translate(37.5734vw, 200vh) scale(0.2384); } }
  .snow:nth-child(39) {
    opacity: 0.4357;
    transform: translate(1.4228vw, -10px) scale(0.591);
    animation: fall-39 22s -6s linear infinite; }
@keyframes fall-39 {
  71.183% {
    transform: translate(8.1641vw, 142.366vh) scale(0.591); }
  to {
    transform: translate(4.79345vw, 200vh) scale(0.591); } }
  .snow:nth-child(40) {
    opacity: 0.9092;
    transform: translate(27.4542vw, -10px) scale(0.7709);
    animation: fall-40 17s -6s linear infinite; }
@keyframes fall-40 {
  57.95% {
    transform: translate(35.2709vw, 115.9vh) scale(0.7709); }
  to {
    transform: translate(31.36255vw, 200vh) scale(0.7709); } }
  .snow:nth-child(41) {
    opacity: 0.6919;
    transform: translate(2.9402vw, -10px) scale(0.0573);
    animation: fall-41 28s -22s linear infinite; }
@keyframes fall-41 {
  68.7% {
    transform: translate(3.4743vw, 137.4vh) scale(0.0573); }
  to {
    transform: translate(3.20725vw, 200vh) scale(0.0573); } }
  .snow:nth-child(42) {
    opacity: 0.3304;
    transform: translate(29.782vw, -10px) scale(0.545);
    animation: fall-42 16s -7s linear infinite; }
@keyframes fall-42 {
  33.353% {
    transform: translate(36.9827vw, 66.706vh) scale(0.545); }
  to {
    transform: translate(33.38235vw, 200vh) scale(0.545); } }
  .snow:nth-child(43) {
    opacity: 0.2132;
    transform: translate(27.5805vw, -10px) scale(0.8653);
    animation: fall-43 22s -4s linear infinite; }
@keyframes fall-43 {
  39.672% {
    transform: translate(37.3823vw, 79.344vh) scale(0.8653); }
  to {
    transform: translate(32.4814vw, 200vh) scale(0.8653); } }
  .snow:nth-child(44) {
    opacity: 0.555;
    transform: translate(45.911vw, -10px) scale(0.9652);
    animation: fall-44 19s -27s linear infinite; }
@keyframes fall-44 {
  55.024% {
    transform: translate(45.9867vw, 110.048vh) scale(0.9652); }
  to {
    transform: translate(45.94885vw, 200vh) scale(0.9652); } }
  .snow:nth-child(45) {
    opacity: 0.0128;
    transform: translate(41.2141vw, -10px) scale(0.5551);
    animation: fall-45 28s -22s linear infinite; }
@keyframes fall-45 {
  74.507% {
    transform: translate(37.5165vw, 149.014vh) scale(0.5551); }
  to {
    transform: translate(39.3653vw, 200vh) scale(0.5551); } }
  .snow:nth-child(46) {
    opacity: 0.2404;
    transform: translate(91.253vw, -10px) scale(0.3744);
    animation: fall-46 13s -9s linear infinite; }
@keyframes fall-46 {
  47.132% {
    transform: translate(100.5933vw, 94.264vh) scale(0.3744); }
  to {
    transform: translate(95.92315vw, 200vh) scale(0.3744); } }
  .snow:nth-child(47) {
    opacity: 0.3137;
    transform: translate(21.1007vw, -10px) scale(0.6242);
    animation: fall-47 24s -24s linear infinite; }
@keyframes fall-47 {
  46.23% {
    transform: translate(13.8409vw, 92.46vh) scale(0.6242); }
  to {
    transform: translate(17.4708vw, 200vh) scale(0.6242); } }
  .snow:nth-child(48) {
    opacity: 0.7456;
    transform: translate(32.268vw, -10px) scale(0.7493);
    animation: fall-48 30s -1s linear infinite; }
@keyframes fall-48 {
  76.867% {
    transform: translate(37.4939vw, 153.734vh) scale(0.7493); }
  to {
    transform: translate(34.88095vw, 200vh) scale(0.7493); } }
  .snow:nth-child(49) {
    opacity: 0.0993;
    transform: translate(87.1624vw, -10px) scale(0.199);
    animation: fall-49 12s -15s linear infinite; }
@keyframes fall-49 {
  30.271% {
    transform: translate(85.3918vw, 60.542vh) scale(0.199); }
  to {
    transform: translate(86.2771vw, 200vh) scale(0.199); } }
  .snow:nth-child(50) {
    opacity: 0.3627;
    transform: translate(42.0049vw, -10px) scale(0.4104);
    animation: fall-50 22s -29s linear infinite; }
@keyframes fall-50 {
  57.023% {
    transform: translate(33.162vw, 114.046vh) scale(0.4104); }
  to {
    transform: translate(37.58345vw, 200vh) scale(0.4104); } }
  .snow:nth-child(51) {
    opacity: 0.0593;
    transform: translate(88.5846vw, -10px) scale(0.6612);
    animation: fall-51 13s -17s linear infinite; }
@keyframes fall-51 {
  50.615% {
    transform: translate(89.6435vw, 101.23vh) scale(0.6612); }
  to {
    transform: translate(89.11405vw, 200vh) scale(0.6612); } }
  .snow:nth-child(52) {
    opacity: 0.8298;
    transform: translate(39.951vw, -10px) scale(0.0378);
    animation: fall-52 15s -11s linear infinite; }
@keyframes fall-52 {
  31.773% {
    transform: translate(44.5892vw, 63.546vh) scale(0.0378); }
  to {
    transform: translate(42.2701vw, 200vh) scale(0.0378); } }
  .snow:nth-child(53) {
    opacity: 0.2914;
    transform: translate(38.1617vw, -10px) scale(0.2528);
    animation: fall-53 19s -12s linear infinite; }
@keyframes fall-53 {
  53.51% {
    transform: translate(41.9068vw, 107.02vh) scale(0.2528); }
  to {
    transform: translate(40.03425vw, 200vh) scale(0.2528); } }
  .snow:nth-child(54) {
    opacity: 0.5967;
    transform: translate(75.6713vw, -10px) scale(0.4503);
    animation: fall-54 13s -9s linear infinite; }
@keyframes fall-54 {
  36.09% {
    transform: translate(68.8385vw, 72.18vh) scale(0.4503); }
  to {
    transform: translate(72.2549vw, 200vh) scale(0.4503); } }
  .snow:nth-child(55) {
    opacity: 0.7467;
    transform: translate(93.3498vw, -10px) scale(0.7208);
    animation: fall-55 24s -28s linear infinite; }
@keyframes fall-55 {
  69.475% {
    transform: translate(92.9927vw, 138.95vh) scale(0.7208); }
  to {
    transform: translate(93.17125vw, 200vh) scale(0.7208); } }
  .snow:nth-child(56) {
    opacity: 0.9927;
    transform: translate(34.9023vw, -10px) scale(0.2109);
    animation: fall-56 12s -5s linear infinite; }
@keyframes fall-56 {
  49.618% {
    transform: translate(37.5365vw, 99.236vh) scale(0.2109); }
  to {
    transform: translate(36.2194vw, 200vh) scale(0.2109); } }
  .snow:nth-child(57) {
    opacity: 0.0965;
    transform: translate(63.6259vw, -10px) scale(0.6839);
    animation: fall-57 17s -14s linear infinite; }
@keyframes fall-57 {
  63.452% {
    transform: translate(70.7013vw, 126.904vh) scale(0.6839); }
  to {
    transform: translate(67.1636vw, 200vh) scale(0.6839); } }
  .snow:nth-child(58) {
    opacity: 0.9316;
    transform: translate(19.4633vw, -10px) scale(0.8571);
    animation: fall-58 26s -4s linear infinite; }
@keyframes fall-58 {
  50.433% {
    transform: translate(17.6116vw, 100.866vh) scale(0.8571); }
  to {
    transform: translate(18.53745vw, 200vh) scale(0.8571); } }
  .snow:nth-child(59) {
    opacity: 0.8845;
    transform: translate(30.1366vw, -10px) scale(0.484);
    animation: fall-59 12s -28s linear infinite; }
@keyframes fall-59 {
  42.171% {
    transform: translate(35.3514vw, 84.342vh) scale(0.484); }
  to {
    transform: translate(32.744vw, 200vh) scale(0.484); } }
  .snow:nth-child(60) {
    opacity: 0.1317;
    transform: translate(56.1782vw, -10px) scale(0.8234);
    animation: fall-60 30s -15s linear infinite; }
@keyframes fall-60 {
  37.776% {
    transform: translate(61.9357vw, 75.552vh) scale(0.8234); }
  to {
    transform: translate(59.05695vw, 200vh) scale(0.8234); } }
  .snow:nth-child(61) {
    opacity: 0.5326;
    transform: translate(68.219vw, -10px) scale(0.2677);
    animation: fall-61 11s -8s linear infinite; }
@keyframes fall-61 {
  36.417% {
    transform: translate(69.3501vw, 72.834vh) scale(0.2677); }
  to {
    transform: translate(68.78455vw, 200vh) scale(0.2677); } }
  .snow:nth-child(62) {
    opacity: 0.0796;
    transform: translate(85.5694vw, -10px) scale(0.3624);
    animation: fall-62 19s -11s linear infinite; }
@keyframes fall-62 {
  40.447% {
    transform: translate(79.9764vw, 80.894vh) scale(0.3624); }
  to {
    transform: translate(82.7729vw, 200vh) scale(0.3624); } }
  .snow:nth-child(63) {
    opacity: 0.8826;
    transform: translate(96.209vw, -10px) scale(0.4847);
    animation: fall-63 21s -7s linear infinite; }
@keyframes fall-63 {
  34.898% {
    transform: translate(93.7789vw, 69.796vh) scale(0.4847); }
  to {
    transform: translate(94.99395vw, 200vh) scale(0.4847); } }
  .snow:nth-child(64) {
    opacity: 0.1093;
    transform: translate(92.0072vw, -10px) scale(0.212);
    animation: fall-64 27s -27s linear infinite; }
@keyframes fall-64 {
  79.826% {
    transform: translate(88.3309vw, 159.652vh) scale(0.212); }
  to {
    transform: translate(90.16905vw, 200vh) scale(0.212); } }
  .snow:nth-child(65) {
    opacity: 0.242;
    transform: translate(34.9849vw, -10px) scale(0.3245);
    animation: fall-65 17s -30s linear infinite; }
@keyframes fall-65 {
  30.256% {
    transform: translate(43.312vw, 60.512vh) scale(0.3245); }
  to {
    transform: translate(39.14845vw, 200vh) scale(0.3245); } }
  .snow:nth-child(66) {
    opacity: 0.1764;
    transform: translate(51.6517vw, -10px) scale(0.7842);
    animation: fall-66 26s -21s linear infinite; }
@keyframes fall-66 {
  58.656% {
    transform: translate(43.6957vw, 117.312vh) scale(0.7842); }
  to {
    transform: translate(47.6737vw, 200vh) scale(0.7842); } }
  .snow:nth-child(67) {
    opacity: 0.9799;
    transform: translate(78.4545vw, -10px) scale(0.8263);
    animation: fall-67 15s -20s linear infinite; }
@keyframes fall-67 {
  62.024% {
    transform: translate(71.3962vw, 124.048vh) scale(0.8263); }
  to {
    transform: translate(74.92535vw, 200vh) scale(0.8263); } }
  .snow:nth-child(68) {
    opacity: 0.0126;
    transform: translate(64.5827vw, -10px) scale(0.3053);
    animation: fall-68 12s -30s linear infinite; }
@keyframes fall-68 {
  59.346% {
    transform: translate(61.0378vw, 118.692vh) scale(0.3053); }
  to {
    transform: translate(62.81025vw, 200vh) scale(0.3053); } }
  .snow:nth-child(69) {
    opacity: 0.3335;
    transform: translate(69.7987vw, -10px) scale(0.138);
    animation: fall-69 26s -29s linear infinite; }
@keyframes fall-69 {
  42.86% {
    transform: translate(62.917vw, 85.72vh) scale(0.138); }
  to {
    transform: translate(66.35785vw, 200vh) scale(0.138); } }
  .snow:nth-child(70) {
    opacity: 0.2525;
    transform: translate(83.6814vw, -10px) scale(0.0039);
    animation: fall-70 18s -21s linear infinite; }
@keyframes fall-70 {
  58.333% {
    transform: translate(91.2831vw, 116.666vh) scale(0.0039); }
  to {
    transform: translate(87.48225vw, 200vh) scale(0.0039); } }
  .snow:nth-child(71) {
    opacity: 0.8597;
    transform: translate(67.5242vw, -10px) scale(0.4715);
    animation: fall-71 19s -26s linear infinite; }
@keyframes fall-71 {
  56.121% {
    transform: translate(76.5768vw, 112.242vh) scale(0.4715); }
  to {
    transform: translate(72.0505vw, 200vh) scale(0.4715); } }
  .snow:nth-child(72) {
    opacity: 0.2117;
    transform: translate(89.5145vw, -10px) scale(0.1773);
    animation: fall-72 23s -7s linear infinite; }
@keyframes fall-72 {
  38.177% {
    transform: translate(91.5004vw, 76.354vh) scale(0.1773); }
  to {
    transform: translate(90.50745vw, 200vh) scale(0.1773); } }
  .snow:nth-child(73) {
    opacity: 0.4189;
    transform: translate(25.232vw, -10px) scale(0.5864);
    animation: fall-73 11s -3s linear infinite; }
@keyframes fall-73 {
  77.568% {
    transform: translate(26.3483vw, 155.136vh) scale(0.5864); }
  to {
    transform: translate(25.79015vw, 200vh) scale(0.5864); } }
  .snow:nth-child(74) {
    opacity: 0.2598;
    transform: translate(39.5066vw, -10px) scale(0.3915);
    animation: fall-74 30s -27s linear infinite; }
@keyframes fall-74 {
  38.563% {
    transform: translate(43.4408vw, 77.126vh) scale(0.3915); }
  to {
    transform: translate(41.4737vw, 200vh) scale(0.3915); } }
  .snow:nth-child(75) {
    opacity: 0.6428;
    transform: translate(39.1814vw, -10px) scale(0.6576);
    animation: fall-75 17s -3s linear infinite; }
@keyframes fall-75 {
  57.07% {
    transform: translate(35.5153vw, 114.14vh) scale(0.6576); }
  to {
    transform: translate(37.34835vw, 200vh) scale(0.6576); } }
  .snow:nth-child(76) {
    opacity: 0.8548;
    transform: translate(23.3178vw, -10px) scale(0.0049);
    animation: fall-76 17s -15s linear infinite; }
@keyframes fall-76 {
  62.387% {
    transform: translate(21.7927vw, 124.774vh) scale(0.0049); }
  to {
    transform: translate(22.55525vw, 200vh) scale(0.0049); } }
  .snow:nth-child(77) {
    opacity: 0.3423;
    transform: translate(52.4946vw, -10px) scale(0.2504);
    animation: fall-77 12s -24s linear infinite; }
@keyframes fall-77 {
  71.949% {
    transform: translate(59.9403vw, 143.898vh) scale(0.2504); }
  to {
    transform: translate(56.21745vw, 200vh) scale(0.2504); } }
  .snow:nth-child(78) {
    opacity: 0.2106;
    transform: translate(12.4657vw, -10px) scale(0.6673);
    animation: fall-78 11s -22s linear infinite; }
@keyframes fall-78 {
  46.3% {
    transform: translate(4.0169vw, 92.6vh) scale(0.6673); }
  to {
    transform: translate(8.2413vw, 200vh) scale(0.6673); } }
  .snow:nth-child(79) {
    opacity: 0.9081;
    transform: translate(64.9391vw, -10px) scale(0.2276);
    animation: fall-79 19s -17s linear infinite; }
@keyframes fall-79 {
  45.856% {
    transform: translate(65.0288vw, 91.712vh) scale(0.2276); }
  to {
    transform: translate(64.98395vw, 200vh) scale(0.2276); } }
  .snow:nth-child(80) {
    opacity: 0.7462;
    transform: translate(2.828vw, -10px) scale(0.9176);
    animation: fall-80 20s -10s linear infinite; }
@keyframes fall-80 {
  79.929% {
    transform: translate(-1.2495vw, 159.858vh) scale(0.9176); }
  to {
    transform: translate(0.78925vw, 200vh) scale(0.9176); } }
  .snow:nth-child(81) {
    opacity: 0.7348;
    transform: translate(64.7915vw, -10px) scale(0.1781);
    animation: fall-81 16s -7s linear infinite; }
@keyframes fall-81 {
  40.536% {
    transform: translate(59.7644vw, 81.072vh) scale(0.1781); }
  to {
    transform: translate(62.27795vw, 200vh) scale(0.1781); } }
  .snow:nth-child(82) {
    opacity: 0.3274;
    transform: translate(70.7089vw, -10px) scale(0.4299);
    animation: fall-82 28s -24s linear infinite; }
@keyframes fall-82 {
  76.616% {
    transform: translate(68.4533vw, 153.232vh) scale(0.4299); }
  to {
    transform: translate(69.5811vw, 200vh) scale(0.4299); } }
  .snow:nth-child(83) {
    opacity: 0.4771;
    transform: translate(40.6044vw, -10px) scale(0.6729);
    animation: fall-83 15s -30s linear infinite; }
@keyframes fall-83 {
  31.207% {
    transform: translate(47.0796vw, 62.414vh) scale(0.6729); }
  to {
    transform: translate(43.842vw, 200vh) scale(0.6729); } }
  .snow:nth-child(84) {
    opacity: 0.6259;
    transform: translate(84.3268vw, -10px) scale(0.4771);
    animation: fall-84 26s -26s linear infinite; }
@keyframes fall-84 {
  41.745% {
    transform: translate(79.1788vw, 83.49vh) scale(0.4771); }
  to {
    transform: translate(81.7528vw, 200vh) scale(0.4771); } }
  .snow:nth-child(85) {
    opacity: 0.0449;
    transform: translate(69.2937vw, -10px) scale(0.2167);
    animation: fall-85 30s -12s linear infinite; }
@keyframes fall-85 {
  79.937% {
    transform: translate(68.5444vw, 159.874vh) scale(0.2167); }
  to {
    transform: translate(68.91905vw, 200vh) scale(0.2167); } }
  .snow:nth-child(86) {
    opacity: 0.5056;
    transform: translate(26.9207vw, -10px) scale(0.8719);
    animation: fall-86 12s -28s linear infinite; }
@keyframes fall-86 {
  58.72% {
    transform: translate(21.5366vw, 117.44vh) scale(0.8719); }
  to {
    transform: translate(24.22865vw, 200vh) scale(0.8719); } }
  .snow:nth-child(87) {
    opacity: 0.1168;
    transform: translate(14.913vw, -10px) scale(0.7766);
    animation: fall-87 22s -26s linear infinite; }
@keyframes fall-87 {
  63.993% {
    transform: translate(6.9841vw, 127.986vh) scale(0.7766); }
  to {
    transform: translate(10.94855vw, 200vh) scale(0.7766); } }
  .snow:nth-child(88) {
    opacity: 0.9805;
    transform: translate(93.3469vw, -10px) scale(0.256);
    animation: fall-88 15s -29s linear infinite; }
@keyframes fall-88 {
  67.546% {
    transform: translate(88.5447vw, 135.092vh) scale(0.256); }
  to {
    transform: translate(90.9458vw, 200vh) scale(0.256); } }
  .snow:nth-child(89) {
    opacity: 0.4091;
    transform: translate(17.6934vw, -10px) scale(0.3614);
    animation: fall-89 21s -18s linear infinite; }
@keyframes fall-89 {
  37.446% {
    transform: translate(26.856vw, 74.892vh) scale(0.3614); }
  to {
    transform: translate(22.2747vw, 200vh) scale(0.3614); } }
  .snow:nth-child(90) {
    opacity: 0.3942;
    transform: translate(99.4739vw, -10px) scale(0.9092);
    animation: fall-90 23s -17s linear infinite; }
@keyframes fall-90 {
  34.719% {
    transform: translate(98.5937vw, 69.438vh) scale(0.9092); }
  to {
    transform: translate(99.0338vw, 200vh) scale(0.9092); } }
  .snow:nth-child(91) {
    opacity: 0.3769;
    transform: translate(49.6992vw, -10px) scale(0.1079);
    animation: fall-91 18s -7s linear infinite; }
@keyframes fall-91 {
  72.573% {
    transform: translate(49.1477vw, 145.146vh) scale(0.1079); }
  to {
    transform: translate(49.42345vw, 200vh) scale(0.1079); } }
  .snow:nth-child(92) {
    opacity: 0.5281;
    transform: translate(23.0553vw, -10px) scale(0.3416);
    animation: fall-92 20s -5s linear infinite; }
@keyframes fall-92 {
  73.615% {
    transform: translate(17.7097vw, 147.23vh) scale(0.3416); }
  to {
    transform: translate(20.3825vw, 200vh) scale(0.3416); } }
  .snow:nth-child(93) {
    opacity: 0.8509;
    transform: translate(52.4414vw, -10px) scale(0.3051);
    animation: fall-93 22s -15s linear infinite; }
@keyframes fall-93 {
  60.293% {
    transform: translate(51.174vw, 120.586vh) scale(0.3051); }
  to {
    transform: translate(51.8077vw, 200vh) scale(0.3051); } }
  .snow:nth-child(94) {
    opacity: 0.5152;
    transform: translate(64.4695vw, -10px) scale(0.2872);
    animation: fall-94 29s -25s linear infinite; }
@keyframes fall-94 {
  51.34% {
    transform: translate(60.1882vw, 102.68vh) scale(0.2872); }
  to {
    transform: translate(62.32885vw, 200vh) scale(0.2872); } }
  .snow:nth-child(95) {
    opacity: 0.986;
    transform: translate(38.1717vw, -10px) scale(0.2157);
    animation: fall-95 26s -24s linear infinite; }
@keyframes fall-95 {
  48.38% {
    transform: translate(35.6659vw, 96.76vh) scale(0.2157); }
  to {
    transform: translate(36.9188vw, 200vh) scale(0.2157); } }
  .snow:nth-child(96) {
    opacity: 0.8181;
    transform: translate(17.05vw, -10px) scale(0.123);
    animation: fall-96 15s -11s linear infinite; }
@keyframes fall-96 {
  31.432% {
    transform: translate(20.3112vw, 62.864vh) scale(0.123); }
  to {
    transform: translate(18.6806vw, 200vh) scale(0.123); } }
  .snow:nth-child(97) {
    opacity: 0.3768;
    transform: translate(3.2891vw, -10px) scale(0.5794);
    animation: fall-97 23s -2s linear infinite; }
@keyframes fall-97 {
  54.385% {
    transform: translate(11.1143vw, 108.77vh) scale(0.5794); }
  to {
    transform: translate(7.2017vw, 200vh) scale(0.5794); } }
  .snow:nth-child(98) {
    opacity: 0.28;
    transform: translate(42.9314vw, -10px) scale(0.5942);
    animation: fall-98 19s -1s linear infinite; }
@keyframes fall-98 {
  79.593% {
    transform: translate(49.1754vw, 159.186vh) scale(0.5942); }
  to {
    transform: translate(46.0534vw, 200vh) scale(0.5942); } }
  .snow:nth-child(99) {
    opacity: 0.1277;
    transform: translate(39.8012vw, -10px) scale(0.0728);
    animation: fall-99 20s -30s linear infinite; }
@keyframes fall-99 {
  51.203% {
    transform: translate(44.1105vw, 102.406vh) scale(0.0728); }
  to {
    transform: translate(41.95585vw, 200vh) scale(0.0728); } }
  .snow:nth-child(100) {
    opacity: 0.5478;
    transform: translate(1.543vw, -10px) scale(0.7952);
    animation: fall-100 17s -3s linear infinite; }
@keyframes fall-100 {
  49.145% {
    transform: translate(4.1212vw, 98.29vh) scale(0.7952); }
  to {
    transform: translate(2.8321vw, 200vh) scale(0.7952); } }
  .snow:nth-child(101) {
    opacity: 0.1526;
    transform: translate(55.7032vw, -10px) scale(0.2388);
    animation: fall-101 27s -8s linear infinite; }
@keyframes fall-101 {
  33.486% {
    transform: translate(56.9196vw, 66.972vh) scale(0.2388); }
  to {
    transform: translate(56.3114vw, 200vh) scale(0.2388); } }
  .snow:nth-child(102) {
    opacity: 0.742;
    transform: translate(87.657vw, -10px) scale(0.4838);
    animation: fall-102 10s -1s linear infinite; }
@keyframes fall-102 {
  68.23% {
    transform: translate(92.2393vw, 136.46vh) scale(0.4838); }
  to {
    transform: translate(89.94815vw, 200vh) scale(0.4838); } }
  .snow:nth-child(103) {
    opacity: 0.3231;
    transform: translate(52.3715vw, -10px) scale(0.025);
    animation: fall-103 28s -19s linear infinite; }
@keyframes fall-103 {
  63.515% {
    transform: translate(48.978vw, 127.03vh) scale(0.025); }
  to {
    transform: translate(50.67475vw, 200vh) scale(0.025); } }
  .snow:nth-child(104) {
    opacity: 0.5785;
    transform: translate(42.381vw, -10px) scale(0.3302);
    animation: fall-104 17s -29s linear infinite; }
@keyframes fall-104 {
  72.291% {
    transform: translate(51.5888vw, 144.582vh) scale(0.3302); }
  to {
    transform: translate(46.9849vw, 200vh) scale(0.3302); } }
  .snow:nth-child(105) {
    opacity: 0.8516;
    transform: translate(51.4411vw, -10px) scale(0.6397);
    animation: fall-105 13s -27s linear infinite; }
@keyframes fall-105 {
  50.723% {
    transform: translate(53.8955vw, 101.446vh) scale(0.6397); }
  to {
    transform: translate(52.6683vw, 200vh) scale(0.6397); } }
  .snow:nth-child(106) {
    opacity: 0.5924;
    transform: translate(54.7041vw, -10px) scale(0.3726);
    animation: fall-106 21s -16s linear infinite; }
@keyframes fall-106 {
  58.802% {
    transform: translate(50.7209vw, 117.604vh) scale(0.3726); }
  to {
    transform: translate(52.7125vw, 200vh) scale(0.3726); } }
  .snow:nth-child(107) {
    opacity: 0.5001;
    transform: translate(43.7886vw, -10px) scale(0.5354);
    animation: fall-107 19s -21s linear infinite; }
@keyframes fall-107 {
  36.056% {
    transform: translate(52.6049vw, 72.112vh) scale(0.5354); }
  to {
    transform: translate(48.19675vw, 200vh) scale(0.5354); } }
  .snow:nth-child(108) {
    opacity: 0.9003;
    transform: translate(13.3094vw, -10px) scale(0.8992);
    animation: fall-108 15s -4s linear infinite; }
@keyframes fall-108 {
  52.693% {
    transform: translate(10.1734vw, 105.386vh) scale(0.8992); }
  to {
    transform: translate(11.7414vw, 200vh) scale(0.8992); } }
  .snow:nth-child(109) {
    opacity: 0.7138;
    transform: translate(90.3907vw, -10px) scale(0.6538);
    animation: fall-109 20s -26s linear infinite; }
@keyframes fall-109 {
  54.769% {
    transform: translate(97.8913vw, 109.538vh) scale(0.6538); }
  to {
    transform: translate(94.141vw, 200vh) scale(0.6538); } }
  .snow:nth-child(110) {
    opacity: 0.9731;
    transform: translate(31.4151vw, -10px) scale(0.4562);
    animation: fall-110 23s -18s linear infinite; }
@keyframes fall-110 {
  53.094% {
    transform: translate(23.3274vw, 106.188vh) scale(0.4562); }
  to {
    transform: translate(27.37125vw, 200vh) scale(0.4562); } }
  .snow:nth-child(111) {
    opacity: 0.4117;
    transform: translate(54.4166vw, -10px) scale(0.4524);
    animation: fall-111 21s -11s linear infinite; }
@keyframes fall-111 {
  55.047% {
    transform: translate(46.0381vw, 110.094vh) scale(0.4524); }
  to {
    transform: translate(50.22735vw, 200vh) scale(0.4524); } }
  .snow:nth-child(112) {
    opacity: 0.8295;
    transform: translate(32.7155vw, -10px) scale(0.1955);
    animation: fall-112 19s -30s linear infinite; }
@keyframes fall-112 {
  34.489% {
    transform: translate(37.9439vw, 68.978vh) scale(0.1955); }
  to {
    transform: translate(35.3297vw, 200vh) scale(0.1955); } }
  .snow:nth-child(113) {
    opacity: 0.3602;
    transform: translate(39.5675vw, -10px) scale(0.0236);
    animation: fall-113 11s -28s linear infinite; }
@keyframes fall-113 {
  45.703% {
    transform: translate(47.2891vw, 91.406vh) scale(0.0236); }
  to {
    transform: translate(43.4283vw, 200vh) scale(0.0236); } }
  .snow:nth-child(114) {
    opacity: 0.7476;
    transform: translate(0.6485vw, -10px) scale(0.5463);
    animation: fall-114 18s -24s linear infinite; }
@keyframes fall-114 {
  58.124% {
    transform: translate(-1.8738vw, 116.248vh) scale(0.5463); }
  to {
    transform: translate(-0.61265vw, 200vh) scale(0.5463); } }
  .snow:nth-child(115) {
    opacity: 0.6475;
    transform: translate(80.949vw, -10px) scale(0.918);
    animation: fall-115 17s -26s linear infinite; }
@keyframes fall-115 {
  36.036% {
    transform: translate(77.4752vw, 72.072vh) scale(0.918); }
  to {
    transform: translate(79.2121vw, 200vh) scale(0.918); } }
  .snow:nth-child(116) {
    opacity: 0.9658;
    transform: translate(26.6576vw, -10px) scale(0.0338);
    animation: fall-116 30s -20s linear infinite; }
@keyframes fall-116 {
  36.969% {
    transform: translate(23.8459vw, 73.938vh) scale(0.0338); }
  to {
    transform: translate(25.25175vw, 200vh) scale(0.0338); } }
  .snow:nth-child(117) {
    opacity: 0.4701;
    transform: translate(85.9304vw, -10px) scale(0.8046);
    animation: fall-117 17s -11s linear infinite; }
@keyframes fall-117 {
  36.43% {
    transform: translate(85.3976vw, 72.86vh) scale(0.8046); }
  to {
    transform: translate(85.664vw, 200vh) scale(0.8046); } }
  .snow:nth-child(118) {
    opacity: 0.1091;
    transform: translate(55.2639vw, -10px) scale(0.9036);
    animation: fall-118 26s -18s linear infinite; }
@keyframes fall-118 {
  71.539% {
    transform: translate(60.3004vw, 143.078vh) scale(0.9036); }
  to {
    transform: translate(57.78215vw, 200vh) scale(0.9036); } }
  .snow:nth-child(119) {
    opacity: 0.8034;
    transform: translate(93.1065vw, -10px) scale(0.8264);
    animation: fall-119 29s -10s linear infinite; }
@keyframes fall-119 {
  41.471% {
    transform: translate(96.1802vw, 82.942vh) scale(0.8264); }
  to {
    transform: translate(94.64335vw, 200vh) scale(0.8264); } }
  .snow:nth-child(120) {
    opacity: 0.2898;
    transform: translate(20.8525vw, -10px) scale(0.3605);
    animation: fall-120 24s -17s linear infinite; }
@keyframes fall-120 {
  70.379% {
    transform: translate(18.245vw, 140.758vh) scale(0.3605); }
  to {
    transform: translate(19.54875vw, 200vh) scale(0.3605); } }
  .snow:nth-child(121) {
    opacity: 0.7673;
    transform: translate(55.6809vw, -10px) scale(0.163);
    animation: fall-121 14s -26s linear infinite; }
@keyframes fall-121 {
  46.78% {
    transform: translate(60.575vw, 93.56vh) scale(0.163); }
  to {
    transform: translate(58.12795vw, 200vh) scale(0.163); } }
  .snow:nth-child(122) {
    opacity: 0.5985;
    transform: translate(27.1171vw, -10px) scale(0.599);
    animation: fall-122 19s -11s linear infinite; }
@keyframes fall-122 {
  58.392% {
    transform: translate(23.7057vw, 116.784vh) scale(0.599); }
  to {
    transform: translate(25.4114vw, 200vh) scale(0.599); } }
  .snow:nth-child(123) {
    opacity: 0.523;
    transform: translate(55.1316vw, -10px) scale(0.22);
    animation: fall-123 20s -26s linear infinite; }
@keyframes fall-123 {
  42.507% {
    transform: translate(45.1512vw, 85.014vh) scale(0.22); }
  to {
    transform: translate(50.1414vw, 200vh) scale(0.22); } }
  .snow:nth-child(124) {
    opacity: 0.1411;
    transform: translate(57.5859vw, -10px) scale(0.9847);
    animation: fall-124 16s -26s linear infinite; }
@keyframes fall-124 {
  50.793% {
    transform: translate(47.8405vw, 101.586vh) scale(0.9847); }
  to {
    transform: translate(52.7132vw, 200vh) scale(0.9847); } }
  .snow:nth-child(125) {
    opacity: 0.7659;
    transform: translate(67.6945vw, -10px) scale(0.1566);
    animation: fall-125 16s -30s linear infinite; }
@keyframes fall-125 {
  59.074% {
    transform: translate(72.7261vw, 118.148vh) scale(0.1566); }
  to {
    transform: translate(70.2103vw, 200vh) scale(0.1566); } }
  .snow:nth-child(126) {
    opacity: 0.5144;
    transform: translate(64.1383vw, -10px) scale(0.0797);
    animation: fall-126 24s -3s linear infinite; }
@keyframes fall-126 {
  76.631% {
    transform: translate(69.1939vw, 153.262vh) scale(0.0797); }
  to {
    transform: translate(66.6661vw, 200vh) scale(0.0797); } }
  .snow:nth-child(127) {
    opacity: 0.0879;
    transform: translate(41.5166vw, -10px) scale(0.7646);
    animation: fall-127 15s -9s linear infinite; }
@keyframes fall-127 {
  48.802% {
    transform: translate(32.3969vw, 97.604vh) scale(0.7646); }
  to {
    transform: translate(36.95675vw, 200vh) scale(0.7646); } }
  .snow:nth-child(128) {
    opacity: 0.2867;
    transform: translate(21.4883vw, -10px) scale(0.9711);
    animation: fall-128 11s -25s linear infinite; }
@keyframes fall-128 {
  32.468% {
    transform: translate(29.6542vw, 64.936vh) scale(0.9711); }
  to {
    transform: translate(25.57125vw, 200vh) scale(0.9711); } }
  .snow:nth-child(129) {
    opacity: 0.3305;
    transform: translate(99.391vw, -10px) scale(0.0802);
    animation: fall-129 14s -2s linear infinite; }
@keyframes fall-129 {
  60.228% {
    transform: translate(95.3305vw, 120.456vh) scale(0.0802); }
  to {
    transform: translate(97.36075vw, 200vh) scale(0.0802); } }
  .snow:nth-child(130) {
    opacity: 0.8461;
    transform: translate(63.1701vw, -10px) scale(0.2259);
    animation: fall-130 15s -18s linear infinite; }
@keyframes fall-130 {
  52.805% {
    transform: translate(53.9909vw, 105.61vh) scale(0.2259); }
  to {
    transform: translate(58.5805vw, 200vh) scale(0.2259); } }
  .snow:nth-child(131) {
    opacity: 0.7803;
    transform: translate(8.4621vw, -10px) scale(0.9649);
    animation: fall-131 14s -10s linear infinite; }
@keyframes fall-131 {
  47.577% {
    transform: translate(9.906vw, 95.154vh) scale(0.9649); }
  to {
    transform: translate(9.18405vw, 200vh) scale(0.9649); } }
  .snow:nth-child(132) {
    opacity: 0.711;
    transform: translate(35.2203vw, -10px) scale(0.3131);
    animation: fall-132 19s -26s linear infinite; }
@keyframes fall-132 {
  75.951% {
    transform: translate(33.6883vw, 151.902vh) scale(0.3131); }
  to {
    transform: translate(34.4543vw, 200vh) scale(0.3131); } }
  .snow:nth-child(133) {
    opacity: 0.7946;
    transform: translate(61.4788vw, -10px) scale(0.0156);
    animation: fall-133 24s -25s linear infinite; }
@keyframes fall-133 {
  72.684% {
    transform: translate(54.1295vw, 145.368vh) scale(0.0156); }
  to {
    transform: translate(57.80415vw, 200vh) scale(0.0156); } }
  .snow:nth-child(134) {
    opacity: 0.1598;
    transform: translate(47.8049vw, -10px) scale(0.1948);
    animation: fall-134 25s -1s linear infinite; }
@keyframes fall-134 {
  31.113% {
    transform: translate(55.0384vw, 62.226vh) scale(0.1948); }
  to {
    transform: translate(51.42165vw, 200vh) scale(0.1948); } }
  .snow:nth-child(135) {
    opacity: 0.5608;
    transform: translate(95.7654vw, -10px) scale(0.4667);
    animation: fall-135 16s -5s linear infinite; }
@keyframes fall-135 {
  43.674% {
    transform: translate(100.9494vw, 87.348vh) scale(0.4667); }
  to {
    transform: translate(98.3574vw, 200vh) scale(0.4667); } }
  .snow:nth-child(136) {
    opacity: 0.8684;
    transform: translate(46.3765vw, -10px) scale(0.8792);
    animation: fall-136 25s -8s linear infinite; }
@keyframes fall-136 {
  51.797% {
    transform: translate(49.9821vw, 103.594vh) scale(0.8792); }
  to {
    transform: translate(48.1793vw, 200vh) scale(0.8792); } }
  .snow:nth-child(137) {
    opacity: 0.014;
    transform: translate(43.7773vw, -10px) scale(0.1402);
    animation: fall-137 17s -3s linear infinite; }
@keyframes fall-137 {
  38.172% {
    transform: translate(48.3708vw, 76.344vh) scale(0.1402); }
  to {
    transform: translate(46.07405vw, 200vh) scale(0.1402); } }
  .snow:nth-child(138) {
    opacity: 0.6627;
    transform: translate(74.3118vw, -10px) scale(0.1805);
    animation: fall-138 29s -16s linear infinite; }
@keyframes fall-138 {
  33.238% {
    transform: translate(82.7882vw, 66.476vh) scale(0.1805); }
  to {
    transform: translate(78.55vw, 200vh) scale(0.1805); } }
  .snow:nth-child(139) {
    opacity: 0.3918;
    transform: translate(28.5865vw, -10px) scale(0.6708);
    animation: fall-139 12s -26s linear infinite; }
@keyframes fall-139 {
  74.492% {
    transform: translate(32.563vw, 148.984vh) scale(0.6708); }
  to {
    transform: translate(30.57475vw, 200vh) scale(0.6708); } }
  .snow:nth-child(140) {
    opacity: 0.311;
    transform: translate(48.5871vw, -10px) scale(0.338);
    animation: fall-140 15s -30s linear infinite; }
@keyframes fall-140 {
  77.573% {
    transform: translate(50.8671vw, 155.146vh) scale(0.338); }
  to {
    transform: translate(49.7271vw, 200vh) scale(0.338); } }
  .snow:nth-child(141) {
    opacity: 0.6709;
    transform: translate(97.1142vw, -10px) scale(0.5946);
    animation: fall-141 11s -13s linear infinite; }
@keyframes fall-141 {
  45.293% {
    transform: translate(100.601vw, 90.586vh) scale(0.5946); }
  to {
    transform: translate(98.8576vw, 200vh) scale(0.5946); } }
  .snow:nth-child(142) {
    opacity: 0.4797;
    transform: translate(9.457vw, -10px) scale(0.3852);
    animation: fall-142 27s -27s linear infinite; }
@keyframes fall-142 {
  56.952% {
    transform: translate(14.0591vw, 113.904vh) scale(0.3852); }
  to {
    transform: translate(11.75805vw, 200vh) scale(0.3852); } }
  .snow:nth-child(143) {
    opacity: 0.2313;
    transform: translate(90.8278vw, -10px) scale(0.7632);
    animation: fall-143 12s -16s linear infinite; }
@keyframes fall-143 {
  49.697% {
    transform: translate(98.5138vw, 99.394vh) scale(0.7632); }
  to {
    transform: translate(94.6708vw, 200vh) scale(0.7632); } }
  .snow:nth-child(144) {
    opacity: 0.877;
    transform: translate(32.9589vw, -10px) scale(0.4944);
    animation: fall-144 13s -5s linear infinite; }
@keyframes fall-144 {
  72.172% {
    transform: translate(36.83vw, 144.344vh) scale(0.4944); }
  to {
    transform: translate(34.89445vw, 200vh) scale(0.4944); } }
  .snow:nth-child(145) {
    opacity: 0.9896;
    transform: translate(94.4584vw, -10px) scale(0.3702);
    animation: fall-145 11s -19s linear infinite; }
@keyframes fall-145 {
  41.196% {
    transform: translate(96.686vw, 82.392vh) scale(0.3702); }
  to {
    transform: translate(95.5722vw, 200vh) scale(0.3702); } }
  .snow:nth-child(146) {
    opacity: 0.5149;
    transform: translate(77.717vw, -10px) scale(0.1754);
    animation: fall-146 13s -16s linear infinite; }
@keyframes fall-146 {
  44.53% {
    transform: translate(72.5138vw, 89.06vh) scale(0.1754); }
  to {
    transform: translate(75.1154vw, 200vh) scale(0.1754); } }
  .snow:nth-child(147) {
    opacity: 0.4825;
    transform: translate(47.7816vw, -10px) scale(0.2399);
    animation: fall-147 20s -21s linear infinite; }
@keyframes fall-147 {
  37.862% {
    transform: translate(51.6332vw, 75.724vh) scale(0.2399); }
  to {
    transform: translate(49.7074vw, 200vh) scale(0.2399); } }
  .snow:nth-child(148) {
    opacity: 0.9098;
    transform: translate(13.5975vw, -10px) scale(0.8387);
    animation: fall-148 24s -15s linear infinite; }
@keyframes fall-148 {
  78.522% {
    transform: translate(19.1668vw, 157.044vh) scale(0.8387); }
  to {
    transform: translate(16.38215vw, 200vh) scale(0.8387); } }
  .snow:nth-child(149) {
    opacity: 0.8422;
    transform: translate(80.5963vw, -10px) scale(0.6508);
    animation: fall-149 14s -4s linear infinite; }
@keyframes fall-149 {
  40.653% {
    transform: translate(89.546vw, 81.306vh) scale(0.6508); }
  to {
    transform: translate(85.07115vw, 200vh) scale(0.6508); } }
  .snow:nth-child(150) {
    opacity: 0.763;
    transform: translate(80.3965vw, -10px) scale(0.3789);
    animation: fall-150 26s -1s linear infinite; }
@keyframes fall-150 {
  47.156% {
    transform: translate(83.6015vw, 94.312vh) scale(0.3789); }
  to {
    transform: translate(81.999vw, 200vh) scale(0.3789); } }
  .snow:nth-child(151) {
    opacity: 0.6357;
    transform: translate(0.5821vw, -10px) scale(0.2214);
    animation: fall-151 13s -6s linear infinite; }
@keyframes fall-151 {
  58.602% {
    transform: translate(-4.5452vw, 117.204vh) scale(0.2214); }
  to {
    transform: translate(-1.98155vw, 200vh) scale(0.2214); } }
  .snow:nth-child(152) {
    opacity: 0.3338;
    transform: translate(77.2828vw, -10px) scale(0.4004);
    animation: fall-152 29s -9s linear infinite; }
@keyframes fall-152 {
  50.822% {
    transform: translate(68.8179vw, 101.644vh) scale(0.4004); }
  to {
    transform: translate(73.05035vw, 200vh) scale(0.4004); } }
  .snow:nth-child(153) {
    opacity: 0.7392;
    transform: translate(37.2051vw, -10px) scale(0.0949);
    animation: fall-153 14s -25s linear infinite; }
@keyframes fall-153 {
  65.289% {
    transform: translate(42.0954vw, 130.578vh) scale(0.0949); }
  to {
    transform: translate(39.65025vw, 200vh) scale(0.0949); } }
  .snow:nth-child(154) {
    opacity: 0.2502;
    transform: translate(38.3588vw, -10px) scale(0.7044);
    animation: fall-154 17s -22s linear infinite; }
@keyframes fall-154 {
  57.118% {
    transform: translate(48.346vw, 114.236vh) scale(0.7044); }
  to {
    transform: translate(43.3524vw, 200vh) scale(0.7044); } }
  .snow:nth-child(155) {
    opacity: 0.5399;
    transform: translate(91.0058vw, -10px) scale(0.5548);
    animation: fall-155 26s -15s linear infinite; }
@keyframes fall-155 {
  63.511% {
    transform: translate(96.4559vw, 127.022vh) scale(0.5548); }
  to {
    transform: translate(93.73085vw, 200vh) scale(0.5548); } }
  .snow:nth-child(156) {
    opacity: 0.5021;
    transform: translate(41.5683vw, -10px) scale(0.3038);
    animation: fall-156 30s -10s linear infinite; }
@keyframes fall-156 {
  39.496% {
    transform: translate(49.7165vw, 78.992vh) scale(0.3038); }
  to {
    transform: translate(45.6424vw, 200vh) scale(0.3038); } }
  .snow:nth-child(157) {
    opacity: 0.1353;
    transform: translate(93.5008vw, -10px) scale(0.0486);
    animation: fall-157 29s -15s linear infinite; }
@keyframes fall-157 {
  44.231% {
    transform: translate(84.4816vw, 88.462vh) scale(0.0486); }
  to {
    transform: translate(88.9912vw, 200vh) scale(0.0486); } }
  .snow:nth-child(158) {
    opacity: 0.4964;
    transform: translate(54.1945vw, -10px) scale(0.6113);
    animation: fall-158 16s -20s linear infinite; }
@keyframes fall-158 {
  53.712% {
    transform: translate(51.8937vw, 107.424vh) scale(0.6113); }
  to {
    transform: translate(53.0441vw, 200vh) scale(0.6113); } }
  .snow:nth-child(159) {
    opacity: 0.895;
    transform: translate(27.707vw, -10px) scale(0.09);
    animation: fall-159 14s -26s linear infinite; }
@keyframes fall-159 {
  60.717% {
    transform: translate(25.0155vw, 121.434vh) scale(0.09); }
  to {
    transform: translate(26.36125vw, 200vh) scale(0.09); } }
  .snow:nth-child(160) {
    opacity: 0.5998;
    transform: translate(78.9974vw, -10px) scale(0.6316);
    animation: fall-160 15s -15s linear infinite; }
@keyframes fall-160 {
  51.069% {
    transform: translate(69.5038vw, 102.138vh) scale(0.6316); }
  to {
    transform: translate(74.2506vw, 200vh) scale(0.6316); } }
  .snow:nth-child(161) {
    opacity: 0.6123;
    transform: translate(27.1741vw, -10px) scale(0.4351);
    animation: fall-161 11s -23s linear infinite; }
@keyframes fall-161 {
  60.933% {
    transform: translate(23.2891vw, 121.866vh) scale(0.4351); }
  to {
    transform: translate(25.2316vw, 200vh) scale(0.4351); } }
  .snow:nth-child(162) {
    opacity: 0.7157;
    transform: translate(27.6088vw, -10px) scale(0.1996);
    animation: fall-162 13s -15s linear infinite; }
@keyframes fall-162 {
  57.879% {
    transform: translate(27.9171vw, 115.758vh) scale(0.1996); }
  to {
    transform: translate(27.76295vw, 200vh) scale(0.1996); } }
  .snow:nth-child(163) {
    opacity: 0.3149;
    transform: translate(66.4507vw, -10px) scale(0.8087);
    animation: fall-163 25s -13s linear infinite; }
@keyframes fall-163 {
  46.464% {
    transform: translate(57.2322vw, 92.928vh) scale(0.8087); }
  to {
    transform: translate(61.84145vw, 200vh) scale(0.8087); } }
  .snow:nth-child(164) {
    opacity: 0.5079;
    transform: translate(96.3374vw, -10px) scale(0.167);
    animation: fall-164 13s -14s linear infinite; }
@keyframes fall-164 {
  38.421% {
    transform: translate(96.5682vw, 76.842vh) scale(0.167); }
  to {
    transform: translate(96.4528vw, 200vh) scale(0.167); } }
  .snow:nth-child(165) {
    opacity: 0.2031;
    transform: translate(50.7191vw, -10px) scale(0.5397);
    animation: fall-165 28s -22s linear infinite; }
@keyframes fall-165 {
  78.262% {
    transform: translate(55.2177vw, 156.524vh) scale(0.5397); }
  to {
    transform: translate(52.9684vw, 200vh) scale(0.5397); } }
  .snow:nth-child(166) {
    opacity: 0.5784;
    transform: translate(78.6145vw, -10px) scale(0.4416);
    animation: fall-166 15s -19s linear infinite; }
@keyframes fall-166 {
  65.205% {
    transform: translate(87.6192vw, 130.41vh) scale(0.4416); }
  to {
    transform: translate(83.11685vw, 200vh) scale(0.4416); } }
  .snow:nth-child(167) {
    opacity: 0.8526;
    transform: translate(69.7635vw, -10px) scale(0.5671);
    animation: fall-167 21s -28s linear infinite; }
@keyframes fall-167 {
  53.945% {
    transform: translate(71.568vw, 107.89vh) scale(0.5671); }
  to {
    transform: translate(70.66575vw, 200vh) scale(0.5671); } }
  .snow:nth-child(168) {
    opacity: 0.902;
    transform: translate(4.0313vw, -10px) scale(0.5204);
    animation: fall-168 11s -9s linear infinite; }
@keyframes fall-168 {
  75.19% {
    transform: translate(-0.1611vw, 150.38vh) scale(0.5204); }
  to {
    transform: translate(1.9351vw, 200vh) scale(0.5204); } }
  .snow:nth-child(169) {
    opacity: 0.9146;
    transform: translate(20.9334vw, -10px) scale(0.8379);
    animation: fall-169 12s -19s linear infinite; }
@keyframes fall-169 {
  58.75% {
    transform: translate(23.4712vw, 117.5vh) scale(0.8379); }
  to {
    transform: translate(22.2023vw, 200vh) scale(0.8379); } }
  .snow:nth-child(170) {
    opacity: 0.2909;
    transform: translate(10.4372vw, -10px) scale(0.2931);
    animation: fall-170 14s -17s linear infinite; }
@keyframes fall-170 {
  65.805% {
    transform: translate(20.1411vw, 131.61vh) scale(0.2931); }
  to {
    transform: translate(15.28915vw, 200vh) scale(0.2931); } }
  .snow:nth-child(171) {
    opacity: 0.5434;
    transform: translate(64.2431vw, -10px) scale(0.4798);
    animation: fall-171 25s -19s linear infinite; }
@keyframes fall-171 {
  57.702% {
    transform: translate(55.2609vw, 115.404vh) scale(0.4798); }
  to {
    transform: translate(59.752vw, 200vh) scale(0.4798); } }
  .snow:nth-child(172) {
    opacity: 0.1151;
    transform: translate(23.7887vw, -10px) scale(0.6351);
    animation: fall-172 16s -15s linear infinite; }
@keyframes fall-172 {
  37.836% {
    transform: translate(17.874vw, 75.672vh) scale(0.6351); }
  to {
    transform: translate(20.83135vw, 200vh) scale(0.6351); } }
  .snow:nth-child(173) {
    opacity: 0.5164;
    transform: translate(88.8745vw, -10px) scale(0.5419);
    animation: fall-173 21s -29s linear infinite; }
@keyframes fall-173 {
  31.662% {
    transform: translate(88.6617vw, 63.324vh) scale(0.5419); }
  to {
    transform: translate(88.7681vw, 200vh) scale(0.5419); } }
  .snow:nth-child(174) {
    opacity: 0.3951;
    transform: translate(74.5526vw, -10px) scale(0.5417);
    animation: fall-174 24s -8s linear infinite; }
@keyframes fall-174 {
  34.731% {
    transform: translate(73.4033vw, 69.462vh) scale(0.5417); }
  to {
    transform: translate(73.97795vw, 200vh) scale(0.5417); } }
  .snow:nth-child(175) {
    opacity: 0.9234;
    transform: translate(67.7958vw, -10px) scale(0.6393);
    animation: fall-175 21s -16s linear infinite; }
@keyframes fall-175 {
  50.367% {
    transform: translate(77.3132vw, 100.734vh) scale(0.6393); }
  to {
    transform: translate(72.5545vw, 200vh) scale(0.6393); } }
  .snow:nth-child(176) {
    opacity: 0.5358;
    transform: translate(79.5236vw, -10px) scale(0.0123);
    animation: fall-176 26s -27s linear infinite; }
@keyframes fall-176 {
  42.289% {
    transform: translate(79.266vw, 84.578vh) scale(0.0123); }
  to {
    transform: translate(79.3948vw, 200vh) scale(0.0123); } }
  .snow:nth-child(177) {
    opacity: 0.8018;
    transform: translate(15.4429vw, -10px) scale(0.0318);
    animation: fall-177 13s -12s linear infinite; }
@keyframes fall-177 {
  65.438% {
    transform: translate(22.5383vw, 130.876vh) scale(0.0318); }
  to {
    transform: translate(18.9906vw, 200vh) scale(0.0318); } }
  .snow:nth-child(178) {
    opacity: 0.2703;
    transform: translate(85.807vw, -10px) scale(0.1478);
    animation: fall-178 22s -6s linear infinite; }
@keyframes fall-178 {
  52.786% {
    transform: translate(84.1565vw, 105.572vh) scale(0.1478); }
  to {
    transform: translate(84.98175vw, 200vh) scale(0.1478); } }
  .snow:nth-child(179) {
    opacity: 0.2483;
    transform: translate(1.251vw, -10px) scale(0.4961);
    animation: fall-179 12s -1s linear infinite; }
@keyframes fall-179 {
  60.744% {
    transform: translate(-7.7362vw, 121.488vh) scale(0.4961); }
  to {
    transform: translate(-3.2426vw, 200vh) scale(0.4961); } }
  .snow:nth-child(180) {
    opacity: 0.5086;
    transform: translate(50.8261vw, -10px) scale(0.8888);
    animation: fall-180 15s -2s linear infinite; }
@keyframes fall-180 {
  40.537% {
    transform: translate(51.4263vw, 81.074vh) scale(0.8888); }
  to {
    transform: translate(51.1262vw, 200vh) scale(0.8888); } }
  .snow:nth-child(181) {
    opacity: 0.3153;
    transform: translate(73.3858vw, -10px) scale(0.0736);
    animation: fall-181 12s -28s linear infinite; }
@keyframes fall-181 {
  64.071% {
    transform: translate(76.1392vw, 128.142vh) scale(0.0736); }
  to {
    transform: translate(74.7625vw, 200vh) scale(0.0736); } }
  .snow:nth-child(182) {
    opacity: 0.3249;
    transform: translate(51.241vw, -10px) scale(0.2971);
    animation: fall-182 20s -22s linear infinite; }
@keyframes fall-182 {
  64.332% {
    transform: translate(52.4175vw, 128.664vh) scale(0.2971); }
  to {
    transform: translate(51.82925vw, 200vh) scale(0.2971); } }
  .snow:nth-child(183) {
    opacity: 0.8649;
    transform: translate(29.8942vw, -10px) scale(0.8596);
    animation: fall-183 28s -30s linear infinite; }
@keyframes fall-183 {
  70.971% {
    transform: translate(23.0673vw, 141.942vh) scale(0.8596); }
  to {
    transform: translate(26.48075vw, 200vh) scale(0.8596); } }
  .snow:nth-child(184) {
    opacity: 0.0818;
    transform: translate(46.606vw, -10px) scale(0.3323);
    animation: fall-184 29s -23s linear infinite; }
@keyframes fall-184 {
  71.455% {
    transform: translate(42.4281vw, 142.91vh) scale(0.3323); }
  to {
    transform: translate(44.51705vw, 200vh) scale(0.3323); } }
  .snow:nth-child(185) {
    opacity: 0.077;
    transform: translate(42.1113vw, -10px) scale(0.2947);
    animation: fall-185 11s -6s linear infinite; }
@keyframes fall-185 {
  73.02% {
    transform: translate(44.3074vw, 146.04vh) scale(0.2947); }
  to {
    transform: translate(43.20935vw, 200vh) scale(0.2947); } }
  .snow:nth-child(186) {
    opacity: 0.5353;
    transform: translate(3.7343vw, -10px) scale(0.9896);
    animation: fall-186 26s -24s linear infinite; }
@keyframes fall-186 {
  73.465% {
    transform: translate(-0.4989vw, 146.93vh) scale(0.9896); }
  to {
    transform: translate(1.6177vw, 200vh) scale(0.9896); } }
  .snow:nth-child(187) {
    opacity: 0.1963;
    transform: translate(15.2527vw, -10px) scale(0.9311);
    animation: fall-187 22s -29s linear infinite; }
@keyframes fall-187 {
  31.632% {
    transform: translate(11.7195vw, 63.264vh) scale(0.9311); }
  to {
    transform: translate(13.4861vw, 200vh) scale(0.9311); } }
  .snow:nth-child(188) {
    opacity: 0.7012;
    transform: translate(4.5677vw, -10px) scale(0.1436);
    animation: fall-188 29s -23s linear infinite; }
@keyframes fall-188 {
  58.43% {
    transform: translate(2.5646vw, 116.86vh) scale(0.1436); }
  to {
    transform: translate(3.56615vw, 200vh) scale(0.1436); } }
  .snow:nth-child(189) {
    opacity: 0.1564;
    transform: translate(87.0604vw, -10px) scale(0.8792);
    animation: fall-189 16s -30s linear infinite; }
@keyframes fall-189 {
  40.041% {
    transform: translate(79.9205vw, 80.082vh) scale(0.8792); }
  to {
    transform: translate(83.49045vw, 200vh) scale(0.8792); } }
  .snow:nth-child(190) {
    opacity: 0.5296;
    transform: translate(50.5526vw, -10px) scale(0.4675);
    animation: fall-190 15s -7s linear infinite; }
@keyframes fall-190 {
  48.815% {
    transform: translate(47.5327vw, 97.63vh) scale(0.4675); }
  to {
    transform: translate(49.04265vw, 200vh) scale(0.4675); } }
  .snow:nth-child(191) {
    opacity: 0.7372;
    transform: translate(86.6356vw, -10px) scale(0.5755);
    animation: fall-191 26s -26s linear infinite; }
@keyframes fall-191 {
  71.769% {
    transform: translate(92.8102vw, 143.538vh) scale(0.5755); }
  to {
    transform: translate(89.7229vw, 200vh) scale(0.5755); } }
  .snow:nth-child(192) {
    opacity: 0.2581;
    transform: translate(29.2333vw, -10px) scale(0.0455);
    animation: fall-192 30s -22s linear infinite; }
@keyframes fall-192 {
  63.535% {
    transform: translate(27.0643vw, 127.07vh) scale(0.0455); }
  to {
    transform: translate(28.1488vw, 200vh) scale(0.0455); } }
  .snow:nth-child(193) {
    opacity: 0.9966;
    transform: translate(86.5235vw, -10px) scale(0.7441);
    animation: fall-193 19s -21s linear infinite; }
@keyframes fall-193 {
  76.912% {
    transform: translate(86.6384vw, 153.824vh) scale(0.7441); }
  to {
    transform: translate(86.58095vw, 200vh) scale(0.7441); } }
  .snow:nth-child(194) {
    opacity: 0.9362;
    transform: translate(30.0593vw, -10px) scale(0.7366);
    animation: fall-194 28s -22s linear infinite; }
@keyframes fall-194 {
  65.773% {
    transform: translate(20.787vw, 131.546vh) scale(0.7366); }
  to {
    transform: translate(25.42315vw, 200vh) scale(0.7366); } }
  .snow:nth-child(195) {
    opacity: 0.8362;
    transform: translate(32.7366vw, -10px) scale(0.1296);
    animation: fall-195 14s -27s linear infinite; }
@keyframes fall-195 {
  66.624% {
    transform: translate(38.987vw, 133.248vh) scale(0.1296); }
  to {
    transform: translate(35.8618vw, 200vh) scale(0.1296); } }
  .snow:nth-child(196) {
    opacity: 0.9787;
    transform: translate(27.9643vw, -10px) scale(0.8806);
    animation: fall-196 28s -15s linear infinite; }
@keyframes fall-196 {
  33.773% {
    transform: translate(23.2925vw, 67.546vh) scale(0.8806); }
  to {
    transform: translate(25.6284vw, 200vh) scale(0.8806); } }
  .snow:nth-child(197) {
    opacity: 0.2278;
    transform: translate(14.5783vw, -10px) scale(0.4137);
    animation: fall-197 13s -13s linear infinite; }
@keyframes fall-197 {
  65.957% {
    transform: translate(8.1962vw, 131.914vh) scale(0.4137); }
  to {
    transform: translate(11.38725vw, 200vh) scale(0.4137); } }
  .snow:nth-child(198) {
    opacity: 0.2831;
    transform: translate(62.3723vw, -10px) scale(0.6761);
    animation: fall-198 10s -14s linear infinite; }
@keyframes fall-198 {
  55.725% {
    transform: translate(69.4851vw, 111.45vh) scale(0.6761); }
  to {
    transform: translate(65.9287vw, 200vh) scale(0.6761); } }
  .snow:nth-child(199) {
    opacity: 0.6814;
    transform: translate(42.5816vw, -10px) scale(0.3771);
    animation: fall-199 29s -14s linear infinite; }
@keyframes fall-199 {
  61.394% {
    transform: translate(40.6797vw, 122.788vh) scale(0.3771); }
  to {
    transform: translate(41.63065vw, 200vh) scale(0.3771); } }
  .snow:nth-child(200) {
    opacity: 0.3861;
    transform: translate(28.3852vw, -10px) scale(0.803);
    animation: fall-200 30s -24s linear infinite; }
@keyframes fall-200 {
  44.034% {
    transform: translate(34.3805vw, 88.068vh) scale(0.803); }
  to {
    transform: translate(31.38285vw, 200vh) scale(0.803); } }
#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; }
  @media screen and (max-width: 1000px) {
    .footerlist {
      text-align: center; } }
  @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(130, 140, 150, 0.5);
      text-align: left; } }
  .footerlist p, .footerlist a {
    color: #828c96;
    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 #784b37; } }

#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: #828c96;
    margin: 5px 0; }
  #footerlegal a:hover {
    color: white;
    text-shadow: none; }

#footerband {
  width: 100%;
  padding: 12px;
  position: relative;
  background-image: -webkit-linear-gradient(180deg, #202428 5%, rgba(18, 20, 22, 0.999) 95%);
  background-image: -moz-linear-gradient(180deg, #202428 5%, rgba(18, 20, 22, 0.999) 95%);
  background-image: -o-linear-gradient(180deg, #202428 5%, rgba(18, 20, 22, 0.999) 95%);
  background-image: linear-gradient(90deg, #202428 5%, rgba(18, 20, 22, 0.999) 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 */