body {
  color: var(--fontcol);
  background: var(--bgcol);
  background-image: none;
  font-family: var(--fontfam);

}
.dropshort {

  height: 150px;
  width: 100%;
}

.shadedarea {
  background-color: var(--altbgcol);
  color: var(--altfontcol);
  border-radius: 0px;
  border: 3px solid var(--altbordercol);
  box-shadow:var(--altshadow);
    background-image: var(--bgimage);
    background-attachment: var(--bgattach);
    background-repeat: var(--bgrep) ;
      background-position: top;
      z-index: 0;
      position: relative;

}
.shadedarea2{
  background-color: rgba(255,255,255,0.5);
  color: var(--altfontcol);
  border-radius: 0px;
  border: 3px solid var(--altbordercol);
  box-shadow:var(--altshadow);

}

.fill {
  width: 100%;
  min-height: 100dvh;
  background-position: top left, top;
  -webkit-background-size: 15%, 100% auto;
  -moz-background-size: 15%,100% auto;
  background-attachment: scroll, scroll;
  text-align: center;
  background-repeat: no-repeat, repeat-y;
    background-image:  url("/images/topleft.png"), url("/images/wood2.jpg") ;
/*     background-image:  url("/images/topleft.png"), var(--bggrad); */
  
      overflow-x: hidden;
}
.flymiddlesmall {

 width: 85%;
  max-width: 550px;
}


.termslink {
  
  color: var(--linkcol);
font-size: 25px;
  font-weight: 200;

}


input[type="submit"],
input[type="reset"]  {

  background-color: var(--buttoncol);
  color: var(--buttonfont);
  border-radius: 0px;
  border: 3px solid var(--buttonbordercol);
  cursor: pointer;

      font-family:  AshwoodCondensedWF, sans-serif;
    box-shadow:var(--buttonshadow);
font-weight: 200;
  font-size: 44px;
  padding-top: 5px;
}


.logoimg {
  position: relative !IMPORTANT;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 500px;
  display: block;
  max-height: unset !important;
  padding-right: 0px !important;

}
.checkarea2 {

  text-align: left;
}


.logo {
width: 95%;
  max-width: 650px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    z-index: 0;
    content: var(--logo);
    position: relative;

}
.footerimg {
    max-width: 450px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    content: var(--footer);
    
display: inline-block;


}
.leftbotimg {
    max-width: 33%;
    height: 100%;
    display: block;
    margin-left: 0;
    z-index: 2;
    content: var(--footer1);
display: inline-block;
float: left;
  object-fit: contain;
  object-position: bottom;
  pointer-events: none;
}
.altfont {

      font-family:  AshwoodCondensedWF, sans-serif;
      letter-spacing: 1px;
  word-spacing: -5px;
font-weight: 300;
}

.altaltfont {

      font-family:  ALoveofThunder, sans-serif;
font-size: 32px;
  font-weight: bold;

}


.rightbotimg {
    max-width: 250px;
    width: 33%;
    height: 100%;
    display: block;
    margin-right: 0 ;
    z-index: 0;
    content: var(--footer2);
    bottom:0;
    right:0;
display: inline-block;
float: right;
  object-fit: contain;
  object-position: bottom;
  
  pointer-events: none;
}

.pagefooterimg {
    max-width: 450px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    content: var(--pagefooter);
    margin-top: -1px;
    width:90%;
}
.formfooter {

height:fit-content;
display: flex;
margin-top: -150px;
}
.footerimgarea {
width: 100vw;
}

.grecaptcha-badge {
  z-index: 2  ;
}
.pagefooter {

background-color: var(--footerbgcol);
  color: var(--footerfontcol);
  height: 250px;
  margin-top: -250px;
  z-index: 1;
  position: relative;
  pointer-events: none;

}
.footercontainer {

  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.ext {

  font-size: 32px;
}

.btn {
  background-color: var(--buttoncol);
  color: var(--buttonfont);
  border: 1px solid var(--buttonbordercol);
  cursor: pointer;
}

.link {
  color: var(--linkcol);
  text-decoration: none;
}

.shadedarea {
margin-top: 0px !important;
margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .fill {
    background-size: 20vw, 100vw auto;
    -webkit-background-size: 20vw, 100vw auto;
    -moz-background-size: 20vw,100vw auto;
  }
}

/* present anim*/


.present {
  height: 200px;
  left: 0;
  margin: 0 auto;
  perspective: 600px;
  position: relative;
  right: 0;
/*   top: 50%;
  transform: translateY(-50%); */
  margin-top: 90px;
  margin-bottom: 80px;
  width: 200px;
}

.name {
  font-size: 2em;
  font-weight: 100;
  position: absolute;
  text-align: center;
  top: 44%;
  transform: translate3d(0, -50%, 0) rotateY(0) rotateX(0);
  transition: transform 2.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  width: 100%;
}

.instruction {
  bottom: -70px;
  left: 0;
  opacity: 1;
  position: absolute;
  text-align: center;
  transition: opacity 0.5s;
  width: 100%;
  color: var(--footerfontcol);
}

.rotate-container {
  -webkit-animation: present-rotate 30s infinite linear;
          animation: present-rotate 30s infinite linear;
  height: 100%;
  transform: rotateY(170deg);
  transform-style: preserve-3d;
}

@-webkit-keyframes present-rotate {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes present-rotate {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.bottom,
.front,
.left,
.back,
.right {
  background-color: #51348d;
  border: 2px solid rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.bottom {
  transform: translateY(50%) rotateX(90deg);
}

.front,
.left,
.back,
.right {
  transition: transform 0.5s;
  transform-origin: bottom;
  transform-style: preserve-3d;
}

.front:after,
.left:after,
.back:after,
.right:after,
.lid-top:after,
.lid-front:after,
.lid-left:after,
.lid-back:after,
.lid-right:after {
  background: linear-gradient(45deg, #d4af37 5%, #debc5b 10%, #e7c97c 30%, #efd69d 50%, #e7c97c 70%, #debc5b 80%, #d4af37 95%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: calc(50% - 10px);
  position: absolute;
  transform: translateZ(0.1px);
  width: 20px;
}

.lid-top:before {
  background: linear-gradient(45deg, #d4af37 5%, #debc5b 10%, #e7c97c 30%, #efd69d 50%, #e7c97c 70%, #debc5b 80%, #d4af37 95%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: calc(50% - 10px);
  transform: translateZ(0.1px);
  width: 100%;
}

.left {
  transform: translateX(-50%) rotateY(-90deg);
}

.back {
  transform: translateZ(-100px) rotateY(180deg) rotateX(0);
}

.right {
  transform: translateX(50%) rotateY(90deg);
}

.front {
  transform: translateZ(100px);
}

.lid {
  -webkit-animation: lid-animation 3.5s 1s infinite;
          animation: lid-animation 3.5s 1s infinite;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transition: transform 0.5s;
}

@-webkit-keyframes lid-animation {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }
  5% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  10% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }
  15% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  20% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }
  25% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }
}

@keyframes lid-animation {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }
  5% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  10% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }
  15% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  20% {
    transform: translate3d(0, -10px, 5px) rotateX(-5deg);
  }
  25% {
    transform: translate3d(0, -10px, -5px) rotateX(5deg);
  }
  30% {
    transform: translate3d(0, 0, 0) rotateX(0);
  }
}
.lid-top,
.lid-left,
.lid-back,
.lid-right,
.lid-front {
  background-color: #51348d;
  border: 4px solid rgba(0, 0, 0, 0.4);
  left: -5px;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 210px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.lid-top {
  height: 210px;
  top: -5px;
  transform: translateY(-50%) rotateX(90deg);
  transform-style: preserve-3d;
}

.lid-left,
.lid-back,
.lid-right,
.lid-front {
  height: 40px;
  top: -5px;
  transform-style: preserve-3d;
}

.lid-left {
  transform: translateX(-50%) rotateY(-90deg);
}

.lid-back {
  transform: translateZ(-105px) rotateY(180deg);
}

.lid-right {
  transform: translateX(50%) rotateY(90deg);
}

.lid-front {
  transform: translateZ(105px);
}

.present:hover .lid {
  -webkit-animation: none;
          animation: none;
  transform: translate3d(0, -40px, -10px) rotateX(10deg);
}

.present.open .name {
  transform: translate3d(0, -50%, 10px) rotateY(1080deg) rotateX(10deg);
}
.present.open .instruction {
  opacity: 0;
}
.present.open .left {
  transform: translateX(-50%) rotateY(-90deg) rotateX(-90deg);
}
.present.open .back {
  transform: translateZ(-100px) rotateY(180deg) rotateX(-90deg);
}
.present.open .right {
  transform: translateX(50%) rotateY(90deg) rotateX(-90deg);
}
.present.open .front {
  transform: translateZ(100px) rotateX(-90deg);
}
.present.open .lid {
  -webkit-animation: none;
          animation: none;
  transform: translate3d(0, -120px, -120px) rotateX(50deg);
}
/*present anim*/
/* scratchcard*/

img{border:0;vertical-align:middle;}
.hide{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
  }
#title{font-size:18px;text-align:center;}
.box, .content{width:400px;height:360px;}
.box img{max-width:400px;max-height: 360px;}
.box{position:relative;overflow:hidden;margin:0 auto;}
.content{position: relative;overflow:hidden;text-align:center;background:rgba(0, 0, 0, 0.0);}
.mask{position:absolute;top:0;left:0;width:400px;height:360px;cursor: pointer;background-attachment: fixed;}
/*end scratchcard*/

/*spnner*/

.popover2{
  pointer-events: none;
    display: flex;
  justify-content: center;
  align-items: center;
  opacity:0;
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0 ;
background-color: rgba(255,255,255, 0.9);
  
animation: fade 3s linear;
z-index: 3;


}

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

        90% { 
  opacity:1;
      transform:scale(1); 

    } 
    100% { 
  opacity:0;
      transform:scale(0); 
    } 

}



.spinner {
      width: 50%;
    max-width: 200px;
    height: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    content: var(--spinner);
animation: spin 3s linear infinite;
z-index: 4;

}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(720deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(720deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(720deg); 
        transform:rotate(720deg); 
    } 
}

/*end spinner*/

/*sparkles*/

#starshine {
position: absolute;
  top: 20%;
  left: 50%;
  width: 85%;
  z-index: 0;
  min-height: 70dvh;
  transform: translate( -50%, 20% );
  height: 70%;
}


.star {
  position: absolute;
  -webkit-animation: orbit 6s linear 0s infinite normal;
  animation: orbit 6s linear 0s infinite normal;
}

.shine {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;

  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9Ijk0IiBoZWlnaHQ9Ijk0Ij4KPHBhdGggZD0iTTAgMCBDNC43NTA2MTYwMiAyLjE1OTM3MDkyIDguMTk0MTYyMiA1LjQ5MjkzODI1IDEyIDkgQzEyLjYzODA4NTk0IDkuNTgzOTQ1MzEgMTMuMjc2MTcxODggMTAuMTY3ODkwNjIgMTMuOTMzNTkzNzUgMTAuNzY5NTMxMjUgQzE4LjQ0MjEyODEgMTUuMDY0NzU4NiAyMi41MjA0MDgyMyAxOS40MDMwNjE3NCAyMy4zNzUgMjUuODEyNSBDMjMgMjggMjMgMjggMjEgMzAgQzE3LjkxNjQyNjk0IDMwLjE0MDE2MjQxIDE1LjkwNTg5MzUxIDI5LjgxMDQwNzQzIDEzLjU1NDY4NzUgMjcuNzA3MDMxMjUgQzcuNjQ5ODg2MjMgMjAuMzk4NjI5NjggMS4yNjI2NzU4NyA5LjQyNDMxOTg5IDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMsNTUpIi8+CjxwYXRoIGQ9Ik0wIDAgQzAuNjYgMCAxLjMyIDAgMiAwIEMwLjYxODk1MzYyIDEyLjIyMzI5MTEgLTEuNTA4OTA5NjkgMjQuNjgzOTc5NjQgLTEwIDM0IEMtMTQuODc1IDMzLjEyNSAtMTQuODc1IDMzLjEyNSAtMTYgMzIgQy0xNiAxOS44NTg0NzEzOSAtNy42NjI2OTYxOSA4Ljk0ODYxOTkyIDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDIsNTYpIi8+CjxwYXRoIGQ9Ik0wIDAgQzEuODM4MDAwMTIgNi44NDQxMzIwNCAtMS4yNTEzNDE5OCAxMS45MjA4NDEzMSAtNC42MTcxODc1IDE3Ljg0NzY1NjI1IEMtOC4wMDQzOTQwNyAyMy4zMTk4NzY2NCAtMTEuNjY3ODA0MjcgMjguMjQ1MTUxMDMgLTE2IDMzIEMtMTcuNjI5MjYzMzUgMjguOTEwODY4NDUgLTE2LjQyNjY2MDAxIDI1LjEwNTMzMTM5IC0xNS40Mzc1IDIxIEMtMTUuMjU5MTI1OTggMjAuMjQ5NzY1NjIgLTE1LjA4MDc1MTk1IDE5LjQ5OTUzMTI1IC0xNC44OTY5NzI2NiAxOC43MjY1NjI1IEMtMTMuMTk1NDI0NSAxMi4wMTc2ODI5NSAtMTAuNzY2NDAwMDkgNS44NTQwNjE4NSAtNyAwIEMtNC4zMzMzNTgxIC0xLjMzMzMyMDk1IC0yLjgzMzE5Njk3IC0wLjY3MTAyMDMzIDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcsNSkiLz4KPHBhdGggZD0iTTAgMCBDLTEuNDg5Mzg1MzEgNS4yNjc4MjU4OSAtNC44OTIxOTA1MyA4LjMzODI3ODUzIC04LjY4NzUgMTIuMDYyNSBDLTkuMjg3NTU4NTkgMTIuNjc0MTYwMTYgLTkuODg3NjE3MTkgMTMuMjg1ODIwMzEgLTEwLjUwNTg1OTM4IDEzLjkxNjAxNTYyIEMtMTQuODg0NDU1ODEgMTguMjY2MzkzMzkgLTE5LjQ3NjU1MzI4IDIyLjUzMDIwNzEgLTI1LjgxMjUgMjMuMzc1IEMtMjggMjMgLTI4IDIzIC0zMCAyMSBDLTMwLjEyNSAxOC4yNSAtMzAuMTI1IDE4LjI1IC0yOSAxNSBDLTIzLjg4ODEzMDA4IDEwLjA3MTI4NjE3IC0xNy41MTMxNDA2MiA3LjA0MTMyNTA2IC0xMS4xMjUgNC4xMjUgQy0xMC4yNzE2NDA2MiAzLjcyMjgxMjUgLTkuNDE4MjgxMjUgMy4zMjA2MjUgLTguNTM5MDYyNSAyLjkwNjI1IEMtMi4yOTE2MTM1MiAwIC0yLjI5MTYxMzUyIDAgMCAwIFogIiBmaWxsPSIjM0JDM0RGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOSw1MykiLz4KPHBhdGggZD0iTTAgMCBDOC41NTYxOTU5NCAzLjI4MDYxMzk5IDE4Ljg1MzA2ODQ1IDkuMjc5NjAyNjcgMjQgMTcgQy0xLjEyNTIzMzY0IDEzLjg3NDc2NjM2IC0xLjEyNTIzMzY0IDEzLjg3NDc2NjM2IC0xMCA1IEMtOS43NSAyLjQzNzUgLTkuNzUgMi40Mzc1IC05IDAgQy01LjkwOTY5MTk0IC0xLjU0NTE1NDAzIC0zLjIxNjg1MTQxIC0wLjg0NzQ4MjE5IDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQsMjcpIi8+CjxwYXRoIGQ9Ik0wIDAgQzMuNzA0ODkyMDggMC4yOTg3ODE2MiA1Ljc1NzAwMjYyIDEuMTQyNzc1NiA4LjI1IDMuODc1IEMxMi4wMDYzMTA3MiA4LjQwNDE3OTk2IDE0LjQ2NjExOTcyIDEzLjU0MDAxMTQxIDE3IDE4LjgxMjUgQzE3LjQxMDI0NDE0IDE5LjY2MTE4NjUyIDE3LjgyMDQ4ODI4IDIwLjUwOTg3MzA1IDE4LjI0MzE2NDA2IDIxLjM4NDI3NzM0IEMxOC42MTY2Njk5MiAyMi4xOTIwMzYxMyAxOC45OTAxNzU3OCAyMi45OTk3OTQ5MiAxOS4zNzUgMjMuODMyMDMxMjUgQzE5LjcxMjczNDM3IDI0LjU2MTM5ODkzIDIwLjA1MDQ2ODc1IDI1LjI5MDc2NjYgMjAuMzk4NDM3NSAyNi4wNDIyMzYzMyBDMjEgMjggMjEgMjggMjAgMzEgQy0xLjYxNjYwODQxIDExLjkxMDU5NDI1IC0xLjYxNjYwODQxIDExLjkxMDU5NDI1IC0yLjMxMjUgNC44MTI1IEMtMiAyIC0yIDIgMCAwIFogIiBmaWxsPSIjM0JDM0RGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCw5KSIvPgo8cGF0aCBkPSJNMCAwIEMxMC44NzUwMDg2OCAxLjIyODcxMDkzIDI0Ljg1MjI2MTkzIDMuMDIwNDE0MTIgMzMgMTEgQzMzLjMxMjUgMTQuMjUgMzMuMzEyNSAxNC4yNSAzMyAxNyBDMjcuOTU2NDI5MjggMTguNTkyNzA2NTQgMjQuNjA0ODI5OCAxNy41OTQxNDY2MyAxOS45MzM1OTM3NSAxNS41ODIwMzEyNSBDMTMuODkxNjk4MTMgMTIuMzIzNzUxOTkgOC40ODk4NTM4OCA4LjA5Nzc1ODI5IDMgNCBDMi4wMSAzLjM0IDEuMDIgMi42OCAwIDIgQzAgMS4zNCAwIDAuNjggMCAwIFogIiBmaWxsPSIjM0JDM0RGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Niw1MCkiLz4KPHBhdGggZD0iTTAgMCBDMC42NiAxLjY1IDEuMzIgMy4zIDIgNSBDLTIuMTQ4NzY2NjIgMTAuNTg2NzY1MzggLTYuMzQ3NzM4ODggMTMuNzY3NTM4NDQgLTEyLjU2MjUgMTYuODEyNSBDLTEzLjMwNDM1NTQ3IDE3LjE5MzQxNzk3IC0xNC4wNDYyMTA5NCAxNy41NzQzMzU5NCAtMTQuODEwNTQ2ODggMTcuOTY2Nzk2ODggQy0yMi42NDU2NDQ1NyAyMS45NTA2MjY2IC0yMi42NDU2NDQ1NyAyMS45NTA2MjY2IC0yNiAyMyBDLTI2Ljk5IDIyLjY3IC0yNy45OCAyMi4zNCAtMjkgMjIgQy05LjAxNjUwOTY1IC0wLjYyOTA1ODgxIC05LjAxNjUwOTY1IC0wLjYyOTA1ODgxIDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODMsMTgpIi8+CjxwYXRoIGQ9Ik0wIDAgQzIgMyAyIDMgMi4wNjI1IDUgQzAuNzA2ODE0MzkgNy41NTE4Nzg4IC0wLjg1NjE0MjYgOC40NjE2Nzg0NyAtMy41MzEyNSA5LjQ2NDg0Mzc1IEMtMTMuNDgyMjQyMzUgMTEuNjIxOTQxNzggLTI0LjEzNDU1ODQ5IDkuODYzMjg3NDQgLTM0IDggQy0zNCA3LjM0IC0zNCA2LjY4IC0zNCA2IEMtMTAuNDA2MTgxMTQgLTIuMDUyNTk1MzYgLTEwLjQwNjE4MTE0IC0yLjA1MjU5NTM2IDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTEsMzgpIi8+CjxwYXRoIGQ9Ik0wIDAgQzIgMSAyIDEgMi43Nzc4MzIwMyAyLjc0MzE2NDA2IEM5LjY5MjQyMDkgMjQuMjY4NTc5ODQgOS42OTI0MjA5IDI0LjI2ODU3OTg0IDggMzQgQzcuMzQgMzQuNjYgNi42OCAzNS4zMiA2IDM2IEMyLjcwMjg1MjA3IDM1LjY3MDI4NTIxIDEuMzc3MzE2MSAzNS4zNzczMTYxIC0xIDMzIEMtMi40NDY5MjI1NiAyOS4xNjYxMTYwMiAtMi4xOTEwNzE1OSAyNS4wNDI1OTIxOCAtMi4xODc1IDIxIEMtMi4xODgxNDQ1MyAyMC4yNTA0OTA3MiAtMi4xODg3ODkwNiAxOS41MDA5ODE0NSAtMi4xODk0NTMxMiAxOC43Mjg3NTk3NyBDLTIuMTI5NTUyODQgMTIuMzUxNDIxMjggLTEuMzQ2MjY0MjggNi4yMzg0OTI1MyAwIDAgWiAiIGZpbGw9IiMzQkMzREYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4LDU3KSIvPgo8cGF0aCBkPSJNMCAwIEMtMy4yNzU0ODIyNSAzLjY2MTk4NjYyIC02Ljc0ODU5OTEzIDQuNDI4Mzk4MTEgLTExLjM3NSA1LjY4NzUgQy0xMi4xNzQ4NjMyOCA1LjkwNzM2NTcyIC0xMi45NzQ3MjY1NiA2LjEyNzIzMTQ1IC0xMy43OTg4MjgxMiA2LjM1Mzc1OTc3IEMtMjAuNTA1NzkwODQgOC4wODQ3ODM0MiAtMjcuMDczNDk4MDMgOS4wNjgyMTA1MyAtMzQgOCBDLTM2IDYgLTM2IDYgLTM2LjA2MjUgMy41NjI1IEMtMzUgMSAtMzUgMSAtMzIuMzc1IC0wLjgxMjUgQy0yMi4zODg3OTA0NiAtNC40MTQwODM3NyAtMTAuMTI0MTEzNjIgLTEuOTEyMTQyODggMCAwIFogIiBmaWxsPSIjM0JDM0RGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNyw0OCkiLz4KPHBhdGggZD0iTTAgMCBDMi41IDAuMTg3NSAyLjUgMC4xODc1IDUgMSBDMTEuMzg4MTQxNDQgMTAuNTgyMjEyMTUgNy43ODAzMjc4MSAyNS4zOTc1MTIwNiA2IDM2IEM1LjM0IDM2IDQuNjggMzYgNCAzNiBDLTMuNzgxMjM4MjEgMTMuMjAxMjQ3OTcgLTMuNzgxMjM4MjEgMTMuMjAxMjQ3OTcgLTIgMiBDLTEuMzQgMS4zNCAtMC42OCAwLjY4IDAgMCBaICIgZmlsbD0iIzNCQzNERiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAsMSkiLz4KPC9zdmc+Cg==");

  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
  color: tansparent;
  opacity: 0;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  animation: glitter 6s linear 0s infinite normal;
}

.shine.small {
  width: 10px;
  height: 10px;
}
.shine.medium {
  width: 15px;
  height: 15px;
}
.shine.large {
  width: 20px;
  height: 20px;
}

/*CSS3 keyframes for glittering effect*/
@-webkit-keyframes glitter {
  0% {
    -webkit-transform: scale(0.5) rotate(0deg);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(2) rotate(00deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.5) rotate(0deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.5) rotate(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes orbit {
    from { -webkit-transform: rotate(0deg); }
    to   { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes orbit {
    from { -moz-transform: rotate(0deg); }
    to   { -moz-transform: rotate(360deg); }
}

@-o-keyframes orbit {
    from { -o-transform: rotate(0deg); }
    to   { -o-transform: rotate(360deg); }
}

@keyframes orbit {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/*end sparkles*/