html {
  height: 100%;
  overflow: hidden;
}

.christmas-tree {
  position: relative;
  top: 350px;
  left: 400px;
  cursor: pointer;
}

.tree {
  position: absolute;
  width: 20px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 55px solid #823723;
  height: 0;
  animation: drop 1s linear;
}

.tree:before {
  content: "";
  position: absolute;
  background-color: #823723;
  border-radius: 50%;
  width: 30px;
  height: 10px;
  top: 50px;
  left: -5px;
}

.tree:after {
  content: "";
  position: absolute;
  border-right: 75px solid transparent;
  border-left: 75px solid transparent;
  border-bottom: 200px solid #107261;
  width: 0;
  height: 0;
  top: -180px;
  left: -65px;
}

.tree-details {
  position: absolute;
  width: 150px;
  height: 10px;
  background-color: #107261;
  border-radius: 50%;
  top: 15px;
  left: -65px;
  z-index: 1;
}

.tree-details:before {
  content: "";
  position: absolute;
  background-color: #0a897c;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: -10px;
  left: 20px;
  box-shadow: 50px -50px #0a897c, 30px -70px #0a897c, 40px -130px #0a897c, 70px -5px #0a897c, 85px -75px #0a897c;
}

.lights {
  position: absolute;
  opacity: 0;
  animation: light 2s linear infinite, drop 1s linear .5s forwards;
}

@keyframes light {
  0% {
    filter: drop-shadow(0 0 2px #fefae0) brightness(1);
  }

  50% {
    filter: drop-shadow(0 0 5px #fefae0) brightness(1.35);
  }

  100% {
    filter: drop-shadow(0 0 2px #fefae0) brightness(1);
  }
}

.row-one {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: -120px;
  left: -15px;
  box-shadow: 10px 10px #e9d8a6, 25px 15px #e9d8a6, 40px 18px #e9d8a6, 54px 15px #e9d8a6;
}

.row-two {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: -42px;
  top: -45px;
  box-shadow: 10px 10px #e9d8a6, 25px 17px #e9d8a6, 40px 24px #e9d8a6, 55px 28px #e9d8a6, 70px 30px #e9d8a6, 85px 29px #e9d8a6, 100px 25px #e9d8a6, 112px 20px #e9d8a6;
}

.balls {
  position: absolute;
  background-color: #f34653;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 2;
  opacity: 0;
  box-shadow: -20px -55px #f34653, 25px -70px #f34653;
  animation: drop 1s linear 1s forwards;
}

.balls:before {
  content: "";
  position: absolute;
  background-color: #f34653;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  left: -40px;
  top: -10px;
  box-shadow: 100px 10px #f34653, 25px -80px #f34653, 60px -120px #f34653;
}

.balls:after {
  content: "";
  position: absolute;
  background-color: #94d2bd;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: -40px;
  left: 40px;
  box-shadow: -35px -35px #94d2bd, -35px -105px #94d2bd, -60px 45px #94d2bd;
}

.star {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-bottom: 17.5px solid #f9c819;
  border-left: 25px solid transparent;
  transform: rotate(-35deg);
  top: -190px;
  left: -9px;
  opacity: 0;
  animation: dropStar 1s linear 1.5s forwards;
}

.star:before {
  border-bottom: 20px solid #f9c819;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -12.5px;
  left: -17.5px;
  display: block;
  content: '';
  transform: rotate(-35deg);
}

.star:after {
  position: absolute;
  display: block;
  top: 0.75px;
  left: -26.25px;
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-bottom: 17.5px solid #f9c819;
  border-left: 25px solid transparent;
  transform: rotate(-70deg);
  content: '';
}

@keyframes drop {
  0% {
    transform: translateY(-470px) scaleY(0.9);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  50% {
    transform: translateY(0px) scaleY(1);
    opacity: 1;
  }

  65% {
    transform: translateY(-15px) scaleY(0.9);
    opacity: 1;
  }

  75% {
    transform: translateY(-18px) scaleY(0.9);
    opacity: 1;
  }

  100% {
    transform: translateY(0px) scaleY(1);
    opacity: 1;
  }
}

@keyframes dropStar {
  0% {
    transform: translateY(-470px) scaleY(0.9) rotate(-35deg);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  50% {
    transform: translateY(0px) scaleY(1) rotate(-35deg);
    opacity: 1;
  }

  65% {
    transform: translateY(-15px) scaleY(0.9) rotate(-35deg);
    opacity: 1;
  }

  75% {
    transform: translateY(-18px) scaleY(0.9) rotate(-35deg);
    opacity: 1;
  }

  100% {
    transform: translateY(0px) scaleY(1) rotate(-35deg);
    opacity: 1;
  }

  100% {
    transform: translateY(0px) scaleY(1) rotate(-35deg);
    opacity: 1;
  }
}

.shadow {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 20px;
  z-index: -1;
  top: 50px;
  left: -10px;
  animation: scale .5s linear forwards;
}

@keyframes scale {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(3);
  }
}

::-webkit-scrollbar {
  display: none;
}


.fond {
  position: fixed;
  padding-top: 85px;
  top: 0;
  left: 0;
  right: 450px;
  bottom: 0;
}

.contener_home_one {
  width: 150px;
  height: 76px;
  position: relative;
  z-index: 0;
}

.home_base {
  position: absolute;
  bottom: 0px;

  background-color: #d75f3d;
  width: 125px;
  left: 14px;
  height: 40px;
}

.triangle {
  left: 8px;
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 36px solid #ffffff;
}

.parallelogram {
  left: 34px;
  position: absolute;
  width: 102px;
  height: 36px;
  -webkit-transform: skew(26deg);
  -moz-transform: skew(26deg);
  -ms-transform: skew(26deg);
  transform: skew(26deg);
  background-color: #ffffff;
}

.door {
  background-color: #742e1a;
  z-index: 1;
  width: 15px;
  height: 25px;
  position: absolute;
  bottom: 0px;
  left: 22px;
}

.window_one {
  background-color: #f9eb32;
  z-index: 1;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 10px;
  left: 55px;
  -webkit-animation: light 1.8s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: light 1.8s linear;
  -moz-animation-iteration-count: infinite;
  -ms-animation: light 1.8s linear;
  -ms-animation-iteration-count: infinite;
  animation: light 1.8s linear;
  animation-iteration-count: infinite;
}

.window_two {
  background-color: #f9eb32;
  z-index: 1;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 10px;
  left: 95px;
  -webkit-animation: light 1.4s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: light 1.4s linear;
  -moz-animation-iteration-count: infinite;
  -ms-animation: light 1.4s linear;
  -ms-animation-iteration-count: infinite;
  animation: light 1.4s linear;
  animation-iteration-count: infinite;
}

.christmas_tree {
  right: -20px;
  position: absolute;
  bottom: 0px;
  width: 0px;
  height: 0px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 70px solid #97bf0d;
}

.christmas_ball {
  background-color: #cb2025;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.christmas_ball_1 {
  left: -8px;
  top: 10px;
}

.christmas_ball_2 {
  left: 3px;
  top: 25px;
}

.christmas_ball_3 {
  left: -13px;
  top: 40px;
}

.christmas_ball_4 {
  left: 9px;
  top: 50px;
}

.mountain_one {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 0px;
  height: 0px;
  border-left: 160px solid transparent;
  border-right: 160px solid transparent;
  border-bottom: 220px solid #1c4156;
}

.sub_mountain_one {
  position: absolute;
  top: 0px;
  left: -30px;
  z-index: -1;
  width: 0px;
  height: 0px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 40px solid #4f7286;
}

.sub_mountain_two {
  position: absolute;
  top: 0px;
  left: -20px;
  z-index: -1;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 40px solid #4f7286;
}

.mountain_two {
  position: absolute;
  left: -175px;
  bottom: 0;
  z-index: -1;
  width: 0px;
  height: 0px;
  border-left: 160px solid transparent;
  border-right: 160px solid transparent;
  border-bottom: 330px solid #1c4156;
}

.fireplace {
  background-color: #d75f3d;
  z-index: 1;
  width: 15px;
  height: 25px;
  position: absolute;
  top: -10px;
  right: 30px;
}

.fireplace_top {
  background-color: #ffffff;
  z-index: 1;
  width: 20px;
  height: 5px;
  position: absolute;
  top: -15px;
  right: 28px;
}

.fireplace_smoke {
  z-index: 0;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: smoke 1.25s infinite;
  -moz-animation: smoke 1.25s infinite;
  -ms-animation: smoke 1.25s infinite;
  animation: smoke 1.25s infinite;
}

@-webkit-keyframes smoke {
  0% {
    background-color: rgba(255, 255, 255, 0.8);
    top: -55px;
    width: 20px;
    right: 28px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0);
    top: -140px;
    width: 50px;
    right: 10px;
  }
}

@-moz-keyframes smoke {
  0% {
    background-color: rgba(255, 255, 255, 0.8);
    top: -55px;
    width: 20px;
    right: 28px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0);
    top: -140px;
    width: 50px;
    right: 10px;
  }
}

@-ms-keyframes smoke {
  0% {
    background-color: rgba(255, 255, 255, 0.8);
    top: -55px;
    width: 20px;
    right: 28px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0);
    top: -140px;
    width: 50px;
    right: 10px;
  }
}

@keyframes smoke {
  0% {
    background-color: rgba(255, 255, 255, 0.8);
    top: -55px;
    width: 20px;
    right: 28px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0);
    top: -140px;
    width: 50px;
    right: 10px;
  }
}

@-webkit-keyframes light {
  0% {
    background-color: #f9eb32;
  }

  70% {
    background-color: #f9ac32;
  }

  10% {
    background-color: #f99032;
  }
}

@-moz-keyframes light {
  0% {
    background-color: #f9eb32;
  }

  70% {
    background-color: #f9ac32;
  }

  10% {
    background-color: #f99032;
  }
}

@-ms-keyframes light {
  0% {
    background-color: #f9eb32;
  }

  70% {
    background-color: #f9ac32;
  }

  10% {
    background-color: #f99032;
  }
}

@keyframes light {
  0% {
    background-color: #f9eb32;
  }

  70% {
    background-color: #f9ac32;
  }

  10% {
    background-color: #f99032;
  }
}

/*nieve css*/
@-moz-keyframes nieve {
  from {
    top: -40px;
  }

  to {
    top: 101%;
  }
}

@-webkit-keyframes nieve {
  from {
    top: -40px;
  }

  to {
    top: 2000px;
  }
}

@keyframes nieve {
  from {
    top: -40px;
  }

  to {
    top: 2000px;
  }
}

@-moz-keyframes horiz2 {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(0);
  }
}

@-webkit-keyframes horiz2 {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(0);
  }
}

@keyframes horiz2 {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-70px);
  }

  80% {
    transform: translateX(0);
  }
}

@-moz-keyframes horiz {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(0);
  }
}

@-webkit-keyframes horiz {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(0);
  }
}

@keyframes horiz {
  20% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(0);
  }
}

.tpl-snow>div {
  position: fixed;
  -webkit-animation: ease-in infinite normal;
  -moz-animation: ease-in infinite normal;
  animation: ease-in infinite normal;
}

.tpl-snow>div {
  z-index: 9999999999999;
  width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-animation-name: nieve, horiz;
  -moz-animation-name: nieve, horiz;
  animation-name: nieve, horiz;
}

.tpl-snow>div:nth-of-type(odd) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: nieve, horiz2;
  -moz-animation-name: nieve, horiz2;
  animation-name: nieve, horiz2;
}

.tpl-snow>div:nth-of-type(1) {
  left: 40px;
  -webkit-animation-duration: 5.5s;
  -moz-animation-duration: 5.5s;
  animation-duration: 5.5s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(2) {
  left: 120px;
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  animation-duration: 7s;
}

.tpl-snow>div:nth-of-type(3) {
  left: 200px;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}

.tpl-snow>div:nth-of-type(4) {
  left: 20%;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(5) {
  left: 30%;
  -webkit-animation-duration: 9s;
  -moz-animation-duration: 9s;
  animation-duration: 9s;
}

.tpl-snow>div:nth-of-type(6) {
  left: 40%;
  -webkit-animation-duration: 7.2s;
  -moz-animation-duration: 7.2s;
  animation-duration: 7.2s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(7) {
  left: 50%;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
}

.tpl-snow>div:nth-of-type(8) {
  left: 60%;
  -webkit-animation-duration: 6.4s;
  -moz-animation-duration: 6.4s;
  animation-duration: 6.4s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(9) {
  left: 70%;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.tpl-snow>div:nth-of-type(10) {
  left: 80%;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}

.tpl-snow>div:nth-of-type(11) {
  left: 90%;
  -webkit-animation-duration: 7.1s;
  -moz-animation-duration: 7.1s;
  animation-duration: 7.1s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

.tpl-snow>div:nth-of-type(12) {
  left: 99%;
  -webkit-animation-duration: 6.6s;
  -moz-animation-duration: 6.6s;
  animation-duration: 6.6s;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.tpl-snow>div:nth-of-type(13) {
  left: 10px;
  -webkit-animation-duration: 10.2s;
  -moz-animation-duration: 10.2s;
  animation-duration: 10.2s;
}

.tpl-snow>div:nth-of-type(14) {
  left: 180px;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  animation-duration: 12s;
}

.tpl-snow>div:nth-of-type(15) {
  left: 213px;
  -webkit-animation-duration: 7.3s;
  -moz-animation-duration: 7.3s;
  animation-duration: 7.3s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.tpl-snow>div:nth-of-type(16) {
  left: 23%;
  -webkit-animation-duration: 9.2s;
  -moz-animation-duration: 9.2s;
  animation-duration: 9.2s;
}

.tpl-snow>div:nth-of-type(17) {
  left: 38%;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
}

.tpl-snow>div:nth-of-type(18) {
  left: 45%;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  animation-duration: 15s;
}

.tpl-snow>div:nth-of-type(19) {
  left: 58%;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
}

.tpl-snow>div:nth-of-type(20) {
  left: 64%;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  animation-duration: 12s;
}

.tpl-snow>div:nth-of-type(21) {
  left: 76%;
  -webkit-animation-duration: 5.6s;
  -moz-animation-duration: 5.6s;
  animation-duration: 5.6s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(22) {
  left: 86%;
  -webkit-animation-duration: 8.5s;
  -moz-animation-duration: 8.5s;
  animation-duration: 8.5s;
}

.tpl-snow>div:nth-of-type(23) {
  left: 83%;
  -webkit-animation-duration: 14.4s;
  -moz-animation-duration: 14.4s;
  animation-duration: 14.4s;
}

.tpl-snow>div:nth-of-type(24) {
  left: 95%;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  animation-duration: 12s;
}

.tpl-snow>div:nth-of-type(25) {
  left: 55px;
  -webkit-animation-duration: 8.7s;
  -moz-animation-duration: 8.7s;
  animation-duration: 8.7s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.tpl-snow>div:nth-of-type(26) {
  left: 133px;
  -webkit-animation-duration: 5.2s;
  -moz-animation-duration: 5.2s;
  animation-duration: 5.2s;
}

.tpl-snow>div:nth-of-type(27) {
  left: 215px;
  -webkit-animation-duration: 10.4s;
  -moz-animation-duration: 10.4s;
  animation-duration: 10.4s;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.tpl-snow>div:nth-of-type(28) {
  left: 26%;
  -webkit-animation-duration: 9s;
  -moz-animation-duration: 9s;
  animation-duration: 9s;
}

.tpl-snow>div:nth-of-type(29) {
  left: 33%;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  animation-duration: 12s;
}

.tpl-snow>div:nth-of-type(30) {
  left: 49%;
  -webkit-animation-duration: 9.4s;
  -moz-animation-duration: 9.4s;
  animation-duration: 9.4s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(31) {
  left: 55%;
  -webkit-animation-duration: 9.1s;
  -moz-animation-duration: 9.1s;
  animation-duration: 9.1s;
}

.tpl-snow>div:nth-of-type(32) {
  left: 68%;
  -webkit-animation-duration: 9.6s;
  -moz-animation-duration: 9.6s;
  animation-duration: 9.6s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.tpl-snow>div:nth-of-type(33) {
  left: 73%;
  -webkit-animation-duration: 12.4s;
  -moz-animation-duration: 12.4s;
  animation-duration: 12.4s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(34) {
  left: 85%;
  -webkit-animation-duration: 9s;
  -moz-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.tpl-snow>div:nth-of-type(35) {
  left: 93%;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
}

.tpl-snow>div:nth-of-type(36) {
  left: 99%;
  -webkit-animation-duration: 10.6s;
  -moz-animation-duration: 10.6s;
  animation-duration: 10.6s;
}

.tpl-snow>div:nth-of-type(37) {
  left: 15px;
  -webkit-animation-duration: 9.6s;
  -moz-animation-duration: 9.6s;
  animation-duration: 9.6s;
}

.tpl-snow>div:nth-of-type(38) {
  left: 99px;
  -webkit-animation-duration: 7.5s;
  -moz-animation-duration: 7.5s;
  animation-duration: 7.5s;
}

.tpl-snow>div:nth-of-type(39) {
  left: 260px;
  -webkit-animation-duration: 11s;
  -moz-animation-duration: 11s;
  animation-duration: 11s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(40) {
  left: 28%;
  -webkit-animation-duration: 19s;
  -moz-animation-duration: 19s;
  animation-duration: 19s;
}

.tpl-snow>div:nth-of-type(41) {
  left: 35%;
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  animation-duration: 14s;
}

.tpl-snow>div:nth-of-type(42) {
  left: 43%;
  -webkit-animation-duration: 5.6s;
  -moz-animation-duration: 5.6s;
  animation-duration: 5.6s;
}

.tpl-snow>div:nth-of-type(43) {
  left: 53%;
  -webkit-animation-duration: 8.8s;
  -moz-animation-duration: 8.8s;
  animation-duration: 8.8s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.tpl-snow>div:nth-of-type(44) {
  left: 66%;
  -webkit-animation-duration: 16s;
  -moz-animation-duration: 16s;
  animation-duration: 16s;
}

.tpl-snow>div:nth-of-type(45) {
  left: 78%;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}

.tpl-snow>div:nth-of-type(46) {
  left: 88%;
  -webkit-animation-duration: 9.5s;
  -moz-animation-duration: 9.5s;
  animation-duration: 9.5s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.tpl-snow>div:nth-of-type(47) {
  left: 94%;
  -webkit-animation-duration: 7.6s;
  -moz-animation-duration: 7.6s;
  animation-duration: 7.6s;
}

.tpl-snow>div:nth-of-type(48) {
  left: 96%;
  -webkit-animation-duration: 8.2s;
  -moz-animation-duration: 8.2s;
  animation-duration: 8.2s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

@media(max-width:600px) {
  .tpl-snow>div:nth-of-type(24)~* {
    display: none;
  }
}

@media(max-width:800px) {
  .tpl-snow>div:nth-of-type(36)~* {
    display: none;
  }
}

@media (max-width: 991px) {
  html {
    height: 100%;
    overflow: hidden;
  }

  .movil {
    display: none;

  }
}