:root{
    --bg-1: #fff;
    --bg-2: #333;
    --bg-3: #c34671; /* #f1f1f1 */
    --text-1: #fff;
    --text-2: #111;
    --text-3: #f3f3f3 /* green */
    --border: #888;
    
    --font-1: Verdana;
    --font-2: sans-serif;
    
    --font-size-s: 16px;
    --font-size-m: 19px;
    --font-size-l: 23px;
    
    --font-weight-s: 300;
    --font-weight-m: 500;
    --font-weight-l: 800;
}


* {box-sizing: border-box;} 

/* animate */

.g-animate-fading{animation:fading 10s infinite;}@keyframes fading{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
.g-animate-opacity{animation: 1.8s;}@keyframes opa{from{opacity:0;}to{opacity:1;}}
.g-animate-top{position:relative; animation:animatetop 0.6s;}@keyframes animatetop{from{top:-200px;opacity:0;}to{top:0;opacity:1;}}
.g-animate-bottom{position:relative; animation:animatebottom 0.6s;}@keyframes animatebottom{from{bottom:-200px;opacity:0;}to{bottom:0;opacity:1;}}
.g-animate-bottom-1{position:relative; animation:animatebottom-1 2s;}@keyframes animatebottom-1{0%{bottom:-200px;opacity:0;}80%{bottom:-200px;opacity:0;}100%{bottom:0;opacity:1;}}
.g-animate-left{position:relative; animation:animateleft 0.6s;}@keyframes animateleft{from{left:-200px;opacity:0;}to{left:0;opacity:1;}}
.g-animate-right{position:relative; animation:animateright 0.6s;}@keyframes animateright{from{right:-200px;opacity:0;}to{right:0;opacity:1;}}
.g-animate-z{animation:animatez 0.6s;}@keyframes animatez{from{transform:scale(0);}to{transform:scale(1);}}

.g-animate-show-1{animation:g-animate-show-1 1.8s;}@keyframes g-animate-show-1{from {
    translate: 150vw 0;
    scale: 200% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }}
  
.g-animate-show-2{animation:g-animate-show-2 1.8s;}@keyframes g-animate-show-2{0% {opacity:0;} 40% {
		transform: translate(50px, 0) scale(.7);
		opacity: 1;
		color: #348c04;
	}

	60% {
		color: #0f40ba;
	}

	80% {
		transform: translate(0) scale(2);
		opacity: 0;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
	}}
	
.g-animate-show-3{animation:g-animate-show-3 1.8s;}@keyframes g-animate-show-3{0% {opacity:0;}60% {
		transform: translate(20px, 20px) rotate(30deg) scale(.3);
	}

	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1;
	}}
	
.g-animate-show-4{animation:g-animate-show-4 1.8s;}@keyframes g-animate-show-4{0% {opacity:0;} 60% {
		transform: translate(0, 20px) rotate(-180deg) scale(.5);
	}

	100% {
		transform: translate(0) rotate(0deg) scale(1);
		opacity: 1;
	}}
	
.g-animate-show-5{animation:g-animate-show-5 1.8s;}@keyframes g-animate-show-5{
    0% {opacity:0;}
    60% {
		transform: translate(20px, 0) scale(1);
		color: #b10e81;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color: #b10e81;
	}

	99% {
		transform: translate(0) scale(1.2);
		color: #00f0ff;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #b10e81;
	}
}
  
.g-animate-show-6{animation:g-animate-show-6 1.8s;}@keyframes g-animate-show-6{
    0% {opacity:0;}
    30% {
		transform: translate(0, -50px) rotate(180deg) scale(1);
	}

	60% {
		transform: translate(0, 20px) scale(.8) rotate(0deg);
	}

	100% {
		transform: translate(0) scale(1) rotate(0deg);
		opacity: 1;
	}
}

.g-animate-show-7{animation:g-animate-show-7 1.8s;}@keyframes g-animate-show-7{
    0% {opacity:0;}
    30% {
		transform: translate(0, -50px) rotate(180deg) scale(1);
	}

	50% {
		transform: translate(0, 20px) scale(.8) rotate(0deg);
		opacity: 1;
	}

	80% {
		transform: translate(-100px, -100px) scale(1.5) rotate(-180deg);
		opacity: 0;
	}

	100% {
		transform: translate(0) scale(1) rotate(0deg);
		opacity: 1;
	}
}

.g-animate-show-8{animation:g-animate-show-8 1.8s;}@keyframes g-animate-show-8{
    0% {opacity:0;}
    50% {
    transform: translate3d(20px, 0, 0);
  }
}

.g-animate-show-9{animation:g-animate-show-9 1.8s;}@keyframes g-animate-show-9{
    0% {
		opacity: 0;
		transform: scale(1);
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}

.g-animate-show-10{animation:g-animate-show-10 1.8s;}@keyframes g-animate-show-10{
    from {
    animation-timing-function: ease-out;
  }
  to {
    transform: scale(1.25) translateY(-5px) perspective(1px);
    text-shadow: 0 0 20px var(--really-green);
    animation-timing-function: ease-in-out;
  }
}

.g-animate-show-11{animation:g-animate-show-11 1.8s;}@keyframes g-animate-show-11{
    0% {opacity:0;}
    100% {
    transform: rotateY(180deg);
  }
}

.g-animate-show-12{animation:g-animate-show-12 1.8s;}@keyframes g-animate-show-12{
    0% {opacity:0;}
    50% {
    transform: skew(180deg);
  }
}

.g-animate-show-13{animation:g-animate-show-13 1.8s;}@keyframes g-animate-show-13{
    0% {opacity:0;}
    50% {
    transform: translateX(-5%);
  }
}

.g-animate-show-14{animation:g-animate-show-14 1.8s;}@keyframes g-animate-show-14{
    0% {opacity:0;}
    100% {
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}

.g-animate-show-15{animation:g-animate-show-15 1.8s;}@keyframes g-animate-show-15{
    0% {
		opacity: 0;
	}
	50%,
  100% {
    transform: rotate(900deg);
  }
}

.g-animate-show-16{animation:g-animate-show-16 1.8s;}@keyframes g-animate-show-16{
    0% {
		opacity: 0;
		
	}
	50% {
    box-shadow: 0 0 40px hsl(12, 100%, 60%);
  }
}

.g-animate-show-17{animation:g-animate-show-17 1.8s;}@keyframes g-animate-show-17{
    0% {opacity:0;}
    50% {
    filter: blur(20px);
    transform: skew(45deg);
  }
}

.g-animate-show-18{animation:g-animate-show-18 1.8s;}@keyframes g-animate-show-18{
    from{}
    to{opacity:0;}
}

.g-animate-show-19{animation:g-animate-show-19 1.8s;}@keyframes g-animate-show-19{
    from{opacity:.8}
    to{transform:rotate(360deg);opacity:.8}
}

.g-animate-show-20{animation:g-animate-show-20 1.8s;}@keyframes g-animate-show-20{
    from{left:10px;}
    to{left:57px;}
}

.g-animate-show-21{animation:g-animate-show-21 1.8s;}@keyframes g-animate-show-21{
    from{opacity:0;}
    to{opacity:0.8;}
}
.g-animate-show-22{animation:g-animate-show-22 1.8s;}@keyframes g-animate-show-22{
    from{}
    to{transform:scale(1) rotate(-90deg)}
}

.g-animate-show-23{animation:g-animate-show-23 1.8s;}@keyframes g-animate-show-23{
    0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  to {
    transform: scale(1);
  }
}

.g-animate-show-24{animation:g-animate-show-24 1.8s;}@keyframes g-animate-show-24{
    0% { opacity:0; transform:translateY(0) scale(0.2); }
  5% { opacity:1; transform:translateY(1.5rem) scale(0.4);}
  10%,100%{ opacity:0;  transform:translateY(3rem) scale(0.2);}
}

.g-animate-show-25{animation:g-animate-show-25 1.8s;}@keyframes g-animate-show-25{
    0% { opacity:0; transform:translateY(0) scale(0.2); }
  5% { opacity:1; transform:translateY(-1.5rem) scale(0.4);}
  10%,100%{ opacity:0;  transform:translateY(-3rem) scale(0.2);}
}

.g-animate-show-26{animation:g-animate-show-26 1.8s;}@keyframes g-animate-show-26{
    50% {
    transform: rotate(5deg) translate(20px, -50px);
  }
  to {
    transform: scale(0.9) rotate(10deg) translate(50px, -80px);
    opacity: 0;
  }
}

.g-animate-show-27{animation:g-animate-show-27 1.8s;}@keyframes g-animate-show-27{
    0% { opacity: 1; transform: scale(1); }
  6% { opacity: 0; transform: scale(0.5); }

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

.g-animate-show-28{animation:g-animate-show-28 1.8s;}@keyframes g-animate-show-28{
     0% { opacity: 0 }
  70% { opacity: 0; transform: scale(0); }
  75% { opacity: 1; transform: scale(1.1); }
  77% { opacity: 1; transform: scale(1); }
  92% { opacity: 1; transform: scale(1); }
  96% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 0 }
}

.g-animate-show-29{animation:g-animate-show-29 1.8s;}@keyframes g-animate-show-29{
    0%{
    transform: rotate(35deg);
  }
  50%{
    transform: rotate(0deg);
  }
}

.g-animate-show-30{animation:g-animate-show-30 1.8s;}@keyframes g-animate-show-30{
    0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}

.g-animate-show-31{animation:g-animate-show-31 1.8s;}@keyframes g-animate-show-31{
    0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}

.g-animate-show-32{animation:g-animate-show-32 1.8s;}@keyframes g-animate-show-32{
    0%   { transform: translate(1350px); }
  50% {}
  100% { transform: translate(-50px); }
}

.g-animate-show-33{animation:g-animate-show-33 1.8s;}@keyframes g-animate-show-33{
    0%   { transform: translate(650px); }
  50% {}
  100% { transform: translate(-50px); }
}

.g-animate-show-34{animation:g-animate-show-34 1.8s;}@keyframes g-animate-show-34{
    0%   { transform: translate(2750px); }
  50% {}
  100% { transform: translate(-50px); }
}

.g-animate-show-35{animation:g-animate-show-35 1.8s;}@keyframes g-animate-show-35{
    0%   { right: -200px; }
  100% { right: 2000px; }
}

.g-animate-show-36{animation:g-animate-show-36 1.8s;}@keyframes g-animate-show-36{
    0%   {opacity:0; }
  6%   { transform: translateY(0px); }
  7%   { transform: translateY(-6px); }
  9%   { transform: translateY(0px); }
  10%   { transform: translateY(-1px); }
  11%   { transform: translateY(0px); }
  100%   { }
}

.g-animate-show-37{animation:g-animate-show-37 1.8s;}@keyframes g-animate-show-37{
    0%   {opacity:0;  }
  50%   { transform: translateY(3px) }
  100%   { }
}

.g-animate-show-38{animation:g-animate-show-38 1.8s;}@keyframes g-animate-show-38{
    
  100% {
    transform: translateX(-2000px) rotate(130deg);
  }
}

.g-animate-show-39{animation:g-animate-show-39 1.8s;}@keyframes g-animate-show-39{
    
  100% {
    transform: translateX(-2000px);
  }
}

.g-animate-show-40{animation:g-animate-show-40 1.8s;}@keyframes g-animate-show-40{
    0% {
      opacity: 1;
    }
    100% {
      transform: rotate(90deg) translateY(2px) translateX(-8px);
      opacity: 1;
      height: 3px;
    }
}

.g-animate-show-41{animation:g-animate-show-41 1.8s;}@keyframes g-animate-show-41{
    0% {
		opacity: 0;
		transform: scale(0.5, 0.5);
	}
	50% {
		opacity: 0;
		transform: scale(0.5, 0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

.g-animate-show-42{animation:g-animate-show-42 1.8s;}@keyframes g-animate-show-42{
    0% {
		opacity: 0;
		transform: translate(4em, 0);
	}
	50% {
		opacity: 0;
		transform: translate(4em, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.g-animate-show-43{animation:g-animate-show-43 1.8s;}@keyframes g-animate-show-43{
    0% {
		opacity: 0;
		transform: translate(-40px, 0);
	}
	50% {
		opacity: 0;
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.g-animate-show-44{animation:g-animate-show-44 1.8s;}@keyframes g-animate-show-44{
    0% {
		opacity: 0;
		transform: translateY(3em);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.g-animate-show-45{animation:g-animate-show-45 1.8s;}@keyframes g-animate-show-45{
    0%,35% {
    opacity: 1;
    transform: translate(-70%, 0%);
  }
  36%,39% {
    opacity: 0;
    transform: translate(-70%, 0%);
  }
  40% {
    opacity: 1;
    transform: translate(-70%, 0%);
  }
  50%,65% {
    transform: translate(-140%, 0%);
  }
  66% {
    transform: translate(-70%, 0%);
  }
}

.g-animate-show-46{animation:g-animate-show-46 1.8s;}@keyframes g-animate-show-46{
    0%,40% {
    transform: scale(1, 1) translate(60%, -25%);
  }
  45%,55% {
    transform: scale(1.1, 1.1) translate(60%, -28%);
  }
  60% {
    transform: scale(0.89, 0.89) translate(60%, -25%);
  }
  65% {
    transform: scale(1, 1) translate(60%, -25%);
  }
  70% {
    transform: scale(0.95, 0.95) translate(60%, -25%);
  }
  75% {
    transform: scale(1, 1) translate(60%, -25%);
  }
}

.g-animate-show-47{animation:g-animate-show-47 1.8s;}@keyframes g-animate-show-47{
    0%,40% {
    transform: scale(1, 1) translate(60%, -25%);
  }
  45%,55% {
    transform: scale(1.1, 1.1) translate(60%, -28%);
  }
  60% {
    transform: scale(0.89, 0.89) translate(60%, -25%);
  }
  65% {
    transform: scale(1, 1) translate(60%, -25%);
  }
  70% {
    transform: scale(0.95, 0.95) translate(60%, -25%);
  }
  75% {
    transform: scale(1, 1) translate(60%, -25%);
  }
}

.g-animate-show-48{animation:g-animate-show-48 1.8s;}@keyframes g-animate-show-48{
     0%,59%,100% {
    width: 0px;
    left: 40%;
  }
  60% {
    width: 30px;
    left: 30%;
  }
  68% {
    width: 0px;
    left: 20%;
  }
}

.g-animate-show-49{animation:g-animate-show-49 1.8s;}@keyframes g-animate-show-49{
     0%,64%,100% {
    width: 0px;
    height: 0px;
    top: 0%;
  }
  65% {
    width: 10px;
    height: 10px;
    top: 40%;
    left: 40%;
  }
  80% {
    width: 0px;
    height: 0px;
    top: 20%;
  }
}

.g-animate-show-50{animation:g-animate-show-50 1.8s;}@keyframes g-animate-show-50{
     0%,40% {
    left: 20%;
    transform: translate(60%, -15%);
  }
  50%,54% {
    left: 20%;
    transform: translate(60%, -15%);
  }
  59% {
    left: 20%;
    transform: translate(60%, -15%);
  }
  62% {
    left: 18%;
    transform: translate(60%, -15%);
  }
  65% {
    left: 21%;
    transform: translate(60%, -15%);
  }
  67% {
    left: 20%;
    transform: translate(60%, -15%);
  }
  75% {
    left: 20%;
    transform: scale(1.15, 0.85) translate(60%, -15%);
    background: #fff;
    border-color: #673C63;
  }
  91% {
    left: 20%;
    transform: scale(1.18, 0.82) translate(60%, -10%);
    background: #F44336;
    border-color: #F44336;
    box-shadow: -2px 0px 0px #F44336 inset;
  }
  92% {
    left: 20%;
    transform: scale(0.85, 1.15) translate(60%, -15%);
  }
  95% {
    left: 20%;
    transform: scale(1.05, 0.95) translate(60%, -15%);
  }
  97% {
    left: 20%;
    transform: scale(1, 1) translate(60%, -15%);
  }
}

.g-animate-show-51{animation:g-animate-show-51 1.8s;}@keyframes g-animate-show-51{
     0%,40% {
    left: 50%;
    top: 0%;
    transform: translate(-50%, -100%);
  }
  50%,54% {
    left: 50%;
    top: 0%;
    transform: translate(-50%, -100%);
  }
  59% {
    left: 50%;
    top: 0%;
    transform: translate(-50%, -100%);
  }
  62% {
    left: 50%;
    top: 0%;
    transform: rotateZ(-15deg) translate(-50%, -100%);
  }
  65% {
    left: 50%;
    top: 0%;
    transform: rotateZ(15deg) translate(-50%, -100%);
  }
  70% {
    left: 50%;
    top: 0%;
    transform: rotateZ(-5deg) translate(-50%, -100%);
  }
  72% {
    left: 50%;
    top: 0%;
    transform: rotateZ(5deg) translate(-50%, -100%);
  }
  74%,84% {
    left: 50%;
    top: 0%;
    transform: rotateZ(0deg) translate(-50%, -100%);
  }
  85% {
    transform: rotateZ(180deg) translate(0%, 120%);
  }
  92% {
    left: 50%;
    top: 0%;
    transform: translate(-50%, -100%);
  }
}

.g-animate-show-52{animation:g-animate-show-52 1.8s;}@keyframes g-animate-show-52{
     10%,29%,59%,89% {
    transform: translate(-25%, -50%) scale(0, 0);
    border: 2px solid rgba(255, 255, 255, 0);
  }
  90%,20%,50% {
    transform: translate(-25%, -50%) scale(1, 1);
  }
  95%,96%,26%,27%,56%,57% {
    transform: translate(-25%, -50%) scale(2, 2);
    border: 2px solid rgba(255, 255, 255, 0.5);
  }
  0%,28%,58%,100% {
    transform: translate(-25%, -50%) scale(2.5, 2.5);
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}

.g-animate-show-53{animation:g-animate-show-53 1.8s;}@keyframes g-animate-show-53{
     59%,89% {
    left: 40%;
    width: 0px;
    height: 0px;
  }
  90%,0%,7%,15%,23%,31%,39%,47%,55% {
    left: 40.8%;
    width: 16px;
    height: 20px;
    background: #FFC107;
  }
  94%,3%,11%,19%,27%,35%,43%,51%,58% {
    left: 41.2%;
    width: 16px;
    height: 20px;
    background: #FF9800;
  }
}

.g-animate-show-54{animation:g-animate-show-54 1.8s;}@keyframes g-animate-show-54{
     0%,70%,90% {
    padding: 0px;
    display: inline-block;
    border-radius: 100%;
    background: #673C63;
    border-width: 0 0 0 0;
    border: 0px solid #673C63;
    transform: translate(-90%, 0%);
  }
  71%,89% {
    background: none;
    border: solid #673C63;
    border-radius: 0px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 1px;
    float: left;
    transform-origin: bottom left;
    transform: rotate(-45deg) translate(-50%, -65%);
    -webkit-transform: rotate(-45deg) translate(-50%, -65%);
  }
}

.g-animate-show-55{animation:g-animate-show-55 1.8s;}@keyframes g-animate-show-55{
     0%,70%,90% {
    top: 50%;
    padding: 0px;
    display: inline-block;
    border-radius: 100%;
    background: #673C63;
    border-width: 0 0 0 0;
    border: 0px solid #673C63;
    transform: translate(-80%, 0%);
  }
  71%,89% {
    top: 30%;
    background: none;
    border: solid #673C63;
    border-radius: 0px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 1px;
    float: left;
    transform-origin: bottom left;
    transform: rotate(135deg) translate(-80%, 20%);
    -webkit-transform: rotate(135deg) translate(-80%, 20%);
  }
}

.g-animate-show-56{animation:g-animate-show-56 1.8s;}@keyframes g-animate-show-56{
     100% { 
        transform:rotate(360deg); 
    } 
}

.g-animate-show-57{animation:g-animate-show-57 1.8s;}@keyframes g-animate-show-57{
     100% { 
        opacity:0.3;
    } 
}

.g-animate-show-58{animation:g-animate-show-58 1.8s;}@keyframes g-animate-show-58{
     0% {
         margin-top:5px;
	}
    50% {
		 margin-top:15px;
	}
    
    100% {
		 margin-top:5px;
	}
}

.g-animate-show-59{animation:g-animate-show-59 1.8s;}@keyframes g-animate-show-59{
     0% {
         transform:rotate(0deg); 
	}
    50% {
         transform:rotate(3deg); 
	}
    75% {
        transform:rotate(-2deg); 
	}
    100% {
        transform:rotate(0deg); 
	}
}

.g-animate-show-60{animation:g-animate-show-60 1.8s;}@keyframes g-animate-show-60{
      0% { 
          margin-left: 80%;
      }
	  100% { 
           margin-left: -100%; 
      }
}

.g-animate-show-61{animation:g-animate-show-61 1.8s;}@keyframes g-animate-show-61{
      0% { 
          margin-left: 65%;
      }
	  100% { 
           margin-left: -5%; 
      }
}

.g-animate-show-62{animation:g-animate-show-62 1.8s;}@keyframes g-animate-show-62{
      0% { 
          margin-top: 115px; 
      }
	  100% { 
          margin-top:160px; 
      }
}

.g-animate-show-63{animation:g-animate-show-63 1.8s;}@keyframes g-animate-show-63{
      0% { 
          margin-top: 115px; 
      }
	  100% { 
          margin-top:90px; 
      }
}

.g-animate-show-64{animation:g-animate-show-64 1.8s;}@keyframes g-animate-show-64{
      0% { 
          transform: scale(1.4);
      }
	  100% { 
          transform: scale(0.9);
      }
}

.g-animate-show-65{animation:g-animate-show-65 1.8s;}@keyframes g-animate-show-65{
      0% { 
          transform: rotate(-40deg);
      }
      50% {
          transform: rotate(-70deg);
      }
	  100% { 
          transform: rotate(-40deg);
      }
}


.g-animate-show-66{animation:g-animate-show-66 1.8s;}@keyframes g-animate-show-66{
      0% {
		width: 12px;
		transform: translate(0px, 0px) rotate(-35deg);
	}
	15% {
		width: 50px;
	}
	30% {
		width: 12px;
		transform: translate(214px, -150px) rotate(-35deg);
	}
	30.1% {
		transform: translate(214px, -150px) rotate(46deg);
	}
	50% {
		width: 110px;
	}
	70% {
		width: 12px;
		transform: translate(500px, 150px) rotate(46deg);
	}
	70.1% {
		transform: translate(500px, 150px) rotate(-37deg);
	}
	
	85% {
		width: 50px;
	}
	100% {
		width: 12px;
		transform: translate(700px, 0) rotate(-37deg);
	}
}

.g-animate-show-67{animation:g-animate-show-67 1.8s;}@keyframes g-animate-show-67{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		transform: scale(3);
	}
	100% {
	}
}

.g-animate-show-68{animation:g-animate-show-68 1.8s;}@keyframes g-animate-show-68{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	
	40% {
		opacity: 0;
		transform: scale(2.5) translate(50px, -50px) rotate(360deg);
	}
	100% {
	}
}

.g-animate-show-69{animation:g-animate-show-69 1.8s;}@keyframes g-animate-show-69{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	
	30% {
		opacity: 0;
		transform: scale(3) translate(20px, 40px) rotate(360deg);
	}
	
	100% {
	}
}

.g-animate-show-70{animation:g-animate-show-70 1.8s;}@keyframes g-animate-show-70{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	40% {
		opacity: 0;
		transform: scale(2) translate(-70px, -30px);
	}
	100% {
		
	}
}

.g-animate-show-71{animation:g-animate-show-71 1.8s;}@keyframes g-animate-show-71{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	40% {
		opacity: 0;
		transform: scale(2) translate(70px, 30px);
	}
	100% {
		
	}
}

.g-animate-show-72{animation:g-animate-show-72 1.8s;}@keyframes g-animate-show-72{
      0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	40% {
		opacity: 0;
		transform: scale(2) translate(-70px, 30px);
	}
	100% {
		
	}
}

.g-animate-bg-1{animation:g-animate-bg-1 1.8s;}@keyframes g-animate-bg-1{0%   {background-color:red; }
  25%  {background-color:yellow; }
  50%  {background-color:blue; }
  75%  {background-color:green; }
  100% {background-color:red; }

}

.g-animate-bg-2{animation:g-animate-bg-2 1.8s;}@keyframes g-animate-bg-2{0%,59%,98%,100% {
    background: #FFF;
  }
  61%,97% {
    background: #000;
  }

}