/* Snowfall Effect
-----------------------------------------------------------------*/

.snowfall {
  background-image: url("snow/s1.png"), url("snow/s2.png"), url("snow/s3.png");
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: snow 10s reverse infinite;
  -moz-animation: snow 10s reverse infinite;
  -ms-animation: snow 10s reverse infinite;
  animation: snow 10s reverse infinite;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 400px 1000px, 200px 400px, 100px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}

/* Responsive CSS
-----------------------------------------------------------------*/

@media (max-width: 991px) {
  #header.show-on-sticky #header-wrap {
    opacity: 1;
    pointer-events: auto;
  }

  .payments-info {
    text-align: center;
  }

  .payment-cards {
    margin-top: 40px;
    text-align: center;
  }
}