/* 2024 cri_theme */
/* ======================================================================================================
=========================================================================================================
                                        START CHRISTMAS THEME DESIGN 
=========================================================================================================                 
====================================================================================================== */
  .container::before{
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url(/../../public/assets/a12.png);
    background-size: contain;
    background-position: left;
    background-repeat: repeat-y;
    z-index: 99;
    top: 0;
    opacity: 0.6;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
  }
  .container::after{
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: url(/../../public/assets/a12.png);
    background-size: contain;
    background-position: right;
    background-repeat: repeat-y;
    z-index: 99;
    top: 0;
    opacity: 0.6;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
  }
  .header_wrap .container::before, 
  .header_wrap .container::after,
  .banner_section .container::before, 
  .banner_section .container::after{
    display:none;
  }

  /* 2024 santa animatin */
  .right-vec .stree{
    position: absolute;right: 5px;bottom: 5px;height: 260px;z-index: 1;
  }
  .right-vec .stext{
    position: absolute;right: 5px;bottom: 0;width: 200px;display: none;
  }
  .santa_ani{
    position: absolute;
    z-index: 8;
    width: 210px;
    height: 210px;
    bottom: 0;
  }
  .mdr-custom g#ho11_1_, 
  .mdr-custom g#ho1_1_ {
    animation: showText 1.5s linear infinite normal;
  }
  .mdr-custom g#ho10_1_ {
    animation: showText 1.5s 0.5s linear infinite normal;
  }
  .mdr-custom g#ho8_1_,
  .mdr-custom g#ho7_1_, 
  .mdr-custom g#ho2_1_{
    animation: showText 2s 0.25s linear infinite normal;
  }
  .mdr-custom g#ho6_1_,
  .mdr-custom g#ho9_1_,
  .mdr-custom g#ho3_1_ {
    animation: showText 1s 0.55s linear infinite normal;
  }
  .mdr-custom g#ho4_1_,
  .mdr-custom g#ho5_1_ {
    animation: showText 0.95s 0.65s linear infinite normal;
  }
  .mdr-custom path#XMLID_125_,
  .mdr-custom path#XMLID_124_,
  .mdr-custom circle#XMLID_122_ {
    animation: bigEyes 2s linear infinite normal;
    transform-origin: center center;
  }
  .mdr-custom circle#XMLID_121_,
  .mdr-custom circle#XMLID_120_ {
    animation: bigBlush 2s linear infinite normal;
    transform-origin: center center;
  }
  .mdr-custom g#head_1_ {
    animation: moveHead 0.7s linear infinite normal;
  }
  .mdr-custom .st0 {
    fill: #fff;
  }
  .mdr-custom .st1 {
    fill: #E47171;
  }
  .mdr-custom .st2 {
    fill: #FFFFFF;
  }
  .mdr-custom .st3 {
    fill: none;
    stroke: #CE6E80;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .mdr-custom .st4 {
    fill: #282F49;
  }
  .mdr-custom .st5 {
    fill: #EDCFBC;
  }
  .mdr-custom .st6 {
    fill: none;
    stroke: #0A1B44;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .mdr-custom .st7 {
    fill: #CE6E80;
  }
  .mdr-custom .st8 {
    fill: #EAA292;
  }
  .mdr-custom .st9 {
    fill: #EA92A1;
  }
  .mdr-custom .st10 {
    fill: none;
    stroke: #CE6E80;
    stroke-width: 6;
    stroke-miterlimit: 10;
  }
  @-webkit-keyframes blinker {
    from {opacity: 0.6;}
    to {opacity: 0.9;}
  }

  @keyframes moveHead {
    25% {
      transform: translateY(5px);
    }
    50% {
      transform: translateY(0px);
    }
    75% {
      transform: translateY(-4px);
    }
  }
  @keyframes bigEyes {
    50% {
      transform: scale(1.1);
    }
  }
  @keyframes bigBlush {
    50% {
      transform: scale(1.1);
    }
  }
  @keyframes showText {
    50% {
      opacity: 0;
    }
  }
  /* comment old .pattern_banner_bottom */
  .pattern_banner_bottom_2::after,
  .pattern_banner_bottom::after {
    background-image: url(/../../public/assets/cl1.png);
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    height: 30px;
    filter: brightness(0) saturate(100%) invert(91%) sepia(3%) saturate(811%) hue-rotate(314deg) brightness(101%) contrast(110%);
  }
  /* plane */
  .plane{
    position: relative;
    -webkit-animation: float 3s infinite;
    animation: float 3s infinite;
  }
  @-webkit-keyframes float{
    50%{
      -webkit-transform: translateY(25px);
      transform: translateY(25px);
    }
  }
  @keyframes float{
    50%{
      -webkit-transform: translateY(25px);
      transform: translateY(25px);
    }
  }
  .hand{
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-animation: wave 1.5s infinite;
    animation: wave 1.5s infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
  .blade{
    -webkit-animation:spin 1s infinite linear;
    animation:spin 1s infinite linear;
    -webkit-transform-origin: 50% 54%;
    -ms-transform-origin: 50% 54%;
    transform-origin: 50% 54%;
  }
  @-webkit-keyframes spin{
    100%{
      -webkit-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
  }
  @keyframes spin{
    100%{
      -webkit-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
  }
  @-webkit-keyframes wave{
    50%{
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
    }
  }
  @keyframes wave{
    50%{
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }
  }
  #scaled2 {
    bottom: 10px;
    right: 0;
    position: absolute;
    opacity: 0;
    transform: scale(0.3);
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: rotacion-scaled2;
    z-index: 1;
  }

  @keyframes rotacion-scaled2 {
    0%,
    100% {
      right: 0;
      opacity: 1;
    }

    50% {
      right: 100px;
      opacity: 1;
    }
  }
  /**/
  @keyframes flickerI {
    3% {
      opacity: 0.5;
    }
    6% {
      opacity: 0;
    }
    9% {
      opacity: 0.5;
    }
    12% {
      opacity: 0;
    }
    15% {
      opacity: 0.5;
    }
    18% {
      opacity: 0;
    }
    21% {
      opacity: 0.5;
    }
    24% {
      opacity: 0;
    }
    50%{
      opacity: 1;
    }
    100%{
      opacity: 1;
    }
  }
  /* christmas loader */
  .mleft{
    background: #fff;
    left:0;
    top:0;
    width: 50.2%;
    height: 100%;
    position: fixed;
    z-index: 9999;
  }
  .mright{
    background: #fff;
    right:0;
    top:0;
    width: 50%;
    height: 100%;
    position: fixed;
    z-index: 9999;
  }
  .mcenter{
    background: #fff;
    right:0;
    top:0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
  }
  .mleft img,
  .mright img{
    width: 100%;
    height: 100%;
  }
  .mleft.anile,
  .mright.anile{
    -webkit-animation: slidemleft 0.8s forwards;
    -webkit-animation-delay: 2s;
    animation: slidemleft 0.8s forwards;
    animation-delay: 2s;
  }
  .mcenter.anile{
    -webkit-animation: slidemcenter 0.8s forwards;
    -webkit-animation-delay: 2s;
    animation: slidemcenter 0.8s forwards;
    animation-delay: 2s;
  }
  .starleft{
    position: absolute;top:0;left: 0;width: 130px;animation: flickerI 2s linear reverse infinite;z-index: 1;
  }
  .starright{
    position: absolute;top:0;right: 0;width: 130px;animation: flickerI 2s linear reverse infinite;z-index: 1;
  }
  @-webkit-keyframes slidemleft {
    100% {
      width: 0;
      opacity:0;
    }
  }
  @keyframes slidemleft {
    100% {
      width: 0;
      opacity:0;
    }
  }
  @-webkit-keyframes slidemcenter {
    50%{opacity: 0.5;}
    100% { opacity:0; }
  }
  @keyframes slidemcenter {

    50%{opacity: 0.5;}
    100% { opacity:0;z-index: 0; }
  }
  @media only screen and (min-width: 10px) and (max-width: 991px) {
    .mleft,
    .mright{
      display: none;
    }
    .mcenter{
      display: block;
    }
    .container::before,
    .container::after{
      display: none;
    }
    /*.santa_ani{
      display: none;
    }
    .right-vec{
      display: none;
    }*/
    #scaled2{
      display: none;
    }
    /*.starleft, .starright{
      display: none;
    }*/
  }
  @media only screen and (min-width: 992px) and (max-width: 8000px) {
    .mleft,
    .mright{
      display: block;
    }
    .mcenter{
      display: none;
    }
  }
  @media only screen and (min-width: 423px) and (max-width: 655px) {
    .pattern_banner_bottom_2::after,
    .pattern_banner_bottom::after{
      height: 19px;
    }
  }

  @media only screen and (min-width: 10px) and (max-width: 422px) {
    .pattern_banner_bottom_2::after,
    .pattern_banner_bottom::after{
      height: 12px;
    }
  }

@media (max-width: 992px) {
    .starleft, .starright{
      width:75px;
    }
    .santa_ani{
      width: 140px;
      height: 140px;
    }
    .right-vec .stree{
      height: 150px;
    }
  }

@media (max-width: 768px) {
    .starleft, .starright{
      width:75px;
    }
    .santa_ani{
      width: 120px;
      height: 120px;
    }
    .right-vec .stree{
      height: 130px;
    }
  }

@media (max-width: 576px) {
    .starleft, .starright{
      width:60px;
    }
    .santa_ani{
      display: none;
    }
    .right-vec{
      display: none;
    }
}
  
  /**/
  #snowfall {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
  }
  .snow {
    position: absolute;
    border-radius:50%;
    filter: blur(1px);
    background-color: #fff;
    width: 10px;
    height: 10px;
    top:-1000px;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
    animation: snowfall 7s linear infinite;
  }
  .snow:before {
    content:"";
    width:7px;
    height:7px;
    position: absolute;
    background-color: #fff;
    left: 200px;
    top:-150px;
    border-radius:50%;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  .snow:after {
    content:"";
    width:5px;
    height:5px;
    position: absolute;
    background-color: #fff;
    left: 300px;
    top:-250px;
    border-radius:50%;
    filter: blur(1px);
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  .snow1 {
    position: absolute;
    border-radius:50%;
    filter: blur(2px);
    background-color: #fff;
    width: 9px;
    height: 9px;
    top:-850px;
    left:123px;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
    animation-delay:-3s;
    animation: snowfall 9s linear infinite;
  }
  .snow1:before {
    content:"";
    width:7px;
    height:7px;
    position: absolute;
    background-color: #fff;
    left: 200px;
    top:-350px;
    border-radius:50%;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  .snow1:after {
    content:"";
    width:5px;
    height:5px;
    position: absolute;
    background-color: #fff;
    left: 300px;
    top:-450px;
    border-radius:50%;
    filter: blur(1px);
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  .snow2 {
    position: absolute;
    border-radius:50%;
    filter: blur(1.5px);
    background-color: #fff;
    width: 9px;
    height: 9px;
    top:-900px;
    left:-50px;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
    animation-delay:-4s;
    animation: snowfall 14s linear infinite;
  }
  .snow2:before {
    content:"";
    width:7px;
    height:7px;
    position: absolute;
    background-color: #fff;
    left: 200px;
    top:-550px;
    border-radius:50%;
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  .snow2:after {
    content:"";
    width:5px;
    height:5px;
    position: absolute;
    background-color: #fff;
    left: 300px;
    top:-650px;
    border-radius:50%;
    filter: blur(1px);
    box-shadow: 20px 20px 1px #fff, 60px 40px 1px #fff, 160px 135px 1px #fff, 260px 240px 1px #fff, 360px 340px 1px #fff, 460px 440px 1px #fff, 560px 340px 1px #fff, 660px 240px 1px #fff, 760px 140px 1px #fff, 260px 640px 1px #fff, 160px 340px 1px #fff, 260px 440px 1px #fff, 760px 140px 1px #fff,860px 40px 1px #fff, 760px 140px 1px #fff, 1260px 120px 1px #fff, 1460px 10px 1px #fff,1560px 30px 1px #fff, 1590px 124px 1px #fff, 1680px 415px 1px #fff, 1720px 335px 1px #fff,1000px 212px 1px #fff, 990px 311px 1px #fff, 888px 122px 1px #fff, 765px 10px 1px #fff, 635px 15px 1px #fff, 554px 111px 1px #fff, 455px 222px 1px #fff, 125px 105px 1px #fff, 275px 96px 1px #fff, 245px 40px 1px #fff, 230px 70px 1px #fff, 285px 17px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 360px 340px 1px #fff, 430px 210px 1px #fff, 523px 23px 1px #fff, 1650px 335px 1px #fff, 1777px 123px 1px #fff, 1800px 222px 1px #fff, 1360px 140px 1px #fff;
  }
  @keyframes snowfall {
    100% {transform: translateY(1500px);}
  }

  /*thanks giving*/
  .mdtg{
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    backdrop-filter: blur(5px);
    z-index: 99999;
    background-color: #00000075;
  }
  .mdtg img{
    position: relative;
    top: 5%;
  }
  .mdtg.anile{
    -webkit-animation: slidemleft 0.8s forwards;
    -webkit-animation-delay: 2s;
    animation: slidemleft 0.8s forwards;
    animation-delay: 2s;
}