/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
   html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }  
  body {
    margin: 0;
  }  
  main {
    display: block;
    opacity: 0;
  }  
  body.page-loaded main {
    opacity: 1;
  } 
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }   
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }   
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }   
  a {
    background-color: transparent;
  }   
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }  
  b,
  strong {
    font-weight: bolder;
  }  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }  
  small {
    font-size: 80%;
  }  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }  
  sub {
    bottom: -0.25em;
  }  
  sup {
    top: -0.5em;
  }  
  img {
    border-style: none;
  }  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }  
  button,
  input { /* 1 */
    overflow: visible;
  }   
  button,  select { /* 1 */
    text-transform: none;
  }   
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }   
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }   
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
   
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }  
  progress {
    vertical-align: baseline;
  }  
  textarea {
    overflow: auto;
  }  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }   
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }  
  details {
    display: block;
  }  
  summary {
    display: list-item;
  }  
  template {
    display: none;
  }    
  [hidden] {
    display: none;
  }


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
a:focus,
a:active {
  outline: none;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none; 
}
a:visited{
  -webkit-background-clip: content-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
}
a,
a:hover{
  -webkit-appearance: none;
}

table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* =========================== FONTS ============================================== */

@font-face {
  font-family: 'helveticaneuemedium';
  src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
       url('../fonts/helveticaneue_medium-webfont.woff') format('woff'),
       url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'helveticaneueregular';
  src: url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
       url('../fonts/helveticaneue-webfont.woff') format('woff'),
       url('../fonts/HelveticaNeue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
  
/* ======================================= FULL PAGE ============================================= */
.fp-watermark{
  display: none !important;
}

/*!
 * fullPage 4.0.20
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100vh;display:block}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-table{display:flex;flex-direction:column;justify-content:center;width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-prev{left:15px}.fp-next{right:15px}.fp-arrow{width:0;height:0;border-style:solid}.fp-arrow.fp-prev{border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-arrow.fp-next{border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-is-overflow.fp-section{height:auto!important}.fp-scrollable .fp-section,.fp-scrollable .fp-slide,.fp-scrollable.fp-responsive .fp-is-overflow.fp-section{height:100vh;height:calc(var(--vh,1vh) * 100)}.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]){min-height:100vh;min-height:calc(var(--vh,1vh) * 100)}.fp-overflow{justify-content:flex-start;max-height:100vh}.fp-scrollable .fp-auto-height .fp-overflow{max-height:none}.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow>.fp-overflow{overflow-y:auto}.fp-overflow{outline:0}.fp-overflow.fp-table{display:block}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important;min-height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-scroll-mac .fp-overflow::-webkit-scrollbar{background-color:transparent;width:9px}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track{background-color:transparent}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:16px;border:4px solid transparent}.fp-warning,.fp-watermark{z-index:9999999;position:absolute;bottom:0}.fp-warning,.fp-watermark a{text-decoration:none;color:#000;background:rgba(255,255,255,.6);padding:5px 8px;font-size:14px;font-family:arial;color:#000;display:inline-block;border-radius:3px;margin:12px}.fp-noscroll .fp-overflow{overflow:hidden}
/*# sourceMappingURL=fullpage.min.css.map */


/* ======================================== CUSTOM TOOLTIP STYLES  ====================================================== */

.tooltipster-sidetip .tooltipster-box{
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(0, 0, 0, 0.8);
  padding: 10px;
}
.tooltipster-sidetip .tooltipster-content h4{
  font-size:18px;
  color: #fff;
  font-family: 'helveticaneuemedium';
  padding: 0 0 5px;
  margin:0 0 10px 0;
  text-transform: uppercase;
  border-bottom: solid 2px #fff;
}
.tooltipster-sidetip .tooltipster-content p{
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  padding: 0 0 10px;
  margin:0;
  text-transform: uppercase;
}
.tooltipster-sidetip .tooltipster-content a.close{
  width:20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}


.tooltipster-sidetip .tooltipster-content a.close:hover::before, 
.tooltipster-sidetip .tooltipster-content a.close:hover::after {
  background: #c51e1e;
}
.tooltipster-sidetip .tooltipster-content a.close::before, 
.tooltipster-sidetip .tooltipster-content a.close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
}
.tooltipster-sidetip .tooltipster-content a.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tooltipster-sidetip .tooltipster-content a.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tooltipster-sidetip .tooltipster-content a.close.thick::before, 
.tooltipster-sidetip .tooltipster-content a.close.thick::after {
  height: 4px;
  margin-top: -2px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: rgba(0, 0, 0, 0.8);
}


/* ======================================== CUSTOM STYLES  ====================================================== */


html, body{
    background: #000;
    font-family: 'helveticaneueregular';
    letter-spacing: 1.5px;
    width: 100%;
    height: 100%;
}


/*  --------------  PRE LOADER ------------ */

/*!
 * Percent-Preloader CSS - v1
 * @author JDM Digital - https://jdmdigital.co
 * Copyright (c) 2022
 */
 .preloader {
	position: fixed;
	top:-25px;
	left: 0;
	margin: auto;
	width: 100vw;
	height: 110vh;

	background:url(../images/bg-shutter.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transition-duration: 2000ms;
	-webkit-transition-duration: 2000ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	z-index: 200;
	transition-delay: 1s;
}

.preloader .inner {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
    z-index: 12;
}
.preloader .inner:after{
    content: "";
    width: 100%;
	  height: 100%;
    position:absolute;
    top: 0;
    left:0;
    z-index: 1;
    background-color: rgba(0, 0, 0 , 0.6);    
}
.preloader .inner .percentage {
	width: 100px;
	height: 100px;
	font-size:34px;
	line-height: 1;
	color: #fff;
	position: absolute;
	top:  calc(50% - 30px);
    left: calc(50% - 60px);
	transform: translate(-50% -50%);
	text-align: center;
	opacity: 1;
	transition-delay: 0.80s;
    z-index: 12;
    font-family: 'helveticaneuemedium';
}
.navigation__transparent.navbar{
	visibility: hidden;
}
.page-loaded .preloader .percentage {
	opacity: 0;
}
.page-loaded .preloader {
	left: 0;
	visibility: hidden;
	height: 0;
}
.circle-rotation{ 
  width: 200px;
  height: 200px;
  position: absolute;
  top: calc(50% - 134px);
  left:calc(50% - 104px);
  transform: translate(-50%  -50%);
  z-index: 12;
}
#preLoader.btn_visible .inner .percentage{
   opacity: 0;
   transition: opacity 0.2s linear 2s;
}

#preLoader .open_button{
  position: absolute;
  width: 220px;
  height: 50px;
  left:0;
  right:0;
  top:0;
  bottom: 0;
  margin:auto;
  z-index:1;
  opacity:0;
}
#preLoader.btn_visible .open_button{
  opacity: 1;
  z-index: 200;
  transition: opacity 1s linear 2.5s; 
  display: flex;
  justify-content: center;
  align-items: center;
}

#preLoader.btn_visible.btn_hide .open_button{
  opacity: 0;
   transition: opacity 0.2s linear 1s;
}
.open_button{
  text-align: center;
}
.open_button .button {
  position: relative;
  padding: 15px 8px;
  font-size: 1.8rem;
  color:#fff;
  border: 5px solid #a50707;
  border-radius: 4px;
  text-shadow: 0 0 15px var(--color);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  transition: 0.5s;
  z-index: 1;
  display: inline-block;
  font-family: 'helveticaneuemedium';
  border-radius: 50%;
  height: 136px;
    width: 154px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  background: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.open_button .button:hover {
}
.open_button .button::before {
 content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(0);
  transition: 0.5s;
  border: 2px solid rgba(255, 255, 255, 1);
}
.open_button .button:hover::before {
    transform: scale(0);
    border: 2px solid rgba(255, 255, 255, 1);
}


/* --------------  MAIN NAVIGATION ------------- */

.main-menu{
    top: 10%;
    z-index: 10;
    position: absolute;
}
.hamburger-menu {
  width: 30px; 
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
  margin-right: 30px;
  position: relative; 
}
.hamburger-menu.open {
  width: 19px; 
}
.hamburger-menu::before {
  content: 'MENU';
  position: absolute; 
  left: -68px;
  color: #fff; 
  top: 2px;
  font-family: 'helveticaneuemedium';
}
.hamburger-menu:hover::before {
  color: #c51e1e; 
}
.line-menu {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 2px;
}

.line-menu.half {
  width: 50%;
}

.line-menu.start,
.line-menu.middle,
.line-menu.end {
  transform: rotate(0deg) translateX(0px);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
}

.line-menu.start {
  transform-origin: left;
}

.line-menu.end {
  align-self: flex-end;
  transform-origin: right;
}

.open .line-menu.start {
  transform: rotate(45.5deg) translateX(5px);
  transform-origin: 1px 0px;
}

.open .line-menu.middle {
transform: rotate(312deg);
}

.open .line-menu.end {
  transform: rotate(46deg) translateX(-3px);
  transform-origin: 11px 1px;
  width: 51.1%;
}
.menu-wrapper{
  top: 50%;
  z-index: 50;
  position: absolute;
  left: 13%;
  padding: 10px;
  transform: translatey(-50%);
  display: flex;
  align-items: center;
}
.main-menu{
  position: relative;
  visibility: hidden;
}
.main-menu.show-menu{
  animation: 0.8s fadeIn;
  animation-fill-mode: forwards;
  
}
@keyframes fadeIn {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.main-menu li {
  line-height: 1.5;
}
.main-menu li:hover a {
  color: #c51e1e;
}
.main-menu li:hover svg path {
  fill: #c51e1e !important;
}
.main-menu li a{
  color: #fff;
  font-family: 'helveticaneuemedium';
}
.main-menu .sub-nav li a{
  font-family: 'helveticaneueregular';
}

.main-menu li svg{
  width: 1em;
  height: 1em;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.line {
  display: block;
  position: absolute;
  top: 50%;
  left:27%; 
  border-right: 2px solid #fff; 
  height: 0%; 
  text-align: center;
}
.line.grow{
  animation: line 0.5s linear forwards;
}
@keyframes line {
  from {
    top: 50%;
    height: 0%;
  }
  to {
    top: -10%; 
    height: 128%; 
  }
}
.line::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 200px;
  left: 0;
  top: 50%; 
  transform: translateY(-50%); 
  background-color: #fff;
}

.line::before,
.line::after {
  border-radius: 50%; 
  content: '';
  position: absolute;
  width: 9px; 
  height: 9px; 
  background-color: #fff;
  opacity: 0;
}
.line.line.grow::before,
.line.line.grow::after {
 opacity: 1;
}
.line::before {
  left: -3px; 
  top: -4px; 
}

.line::after {
  left: -3px; 
  bottom: -4px; 
}
.sub-nav{
  display: none;
}
.sub-nav.expand {
  display: block;
}
  
.beam{
  height: 100px;
}



/* ----------------   POPUP STYLE ---------------- */

.open_popup{
  position:absolute; 
  width:13px;
  height: 13px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.monster_points{ 
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.popup_points{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  
  cursor: pointer;
}

.open_popup:after{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width:13px;
  height: 13px;
  background:url(../images/point.png) no-repeat 0 0;
  background-size: contain;  
   -webkit-animation: points_blink 4s linear 0.1s infinite;
  animation: points_blink 4s linear 0.1s infinite;
}

.open_popup:before{
  content:"";
  position: absolute;
  width: 25px;
  height: 25px;
  left: -9px;
  top: -9px;
  opacity: 0;
  border:solid 3px #fff;
  border-radius: 100px;
  -webkit-animation: ripple 1.2s infinite;
  animation: ripple 1.2s infinite;
}


@-webkit-keyframes ripple {
  0% {
      opacity: 1;
      -webkit-transform: scale(0);
      transform: scale(0);
  }

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

  @keyframes ripple {
  0% {
      opacity: 1;
      -webkit-transform: scale(0);
      transform: scale(0);
  }

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


/* ----  Monster 1 popup points ---- */

#scene_one .monster_one,
#scene_one .popup_points{
  margin-top:70px;
}
#scene_two .monster_two,
#scene_two .popup_points{
  margin-top: 174px;
}


#scene_one .open_popup.pop_point1{
  margin-top: 117px;
  margin-left: 16px;
}
#scene_one .open_popup.pop_point2{
  margin-top: 135px;
  margin-left: -10px;
}
#scene_one .open_popup.pop_point3{
  margin-top: 114px;
  margin-left: 73px;
}
#scene_one .open_popup.pop_point4{
  margin-top: 70px;
  margin-left: -1px;
}
#scene_one .open_popup.pop_point5{
  margin-top: 27px;
  margin-left: 28px;
}
#scene_one .open_popup.pop_point6{
  margin-top: 159px;
  margin-left: 59px;
}
#scene_one .open_popup.pop_point7{
  margin-top: 166px;
  margin-left: -153px;
}
#scene_one .open_popup.pop_point8{
  margin-top: 69px;
  margin-left: -23px;
}
#scene_one .open_popup.pop_point9{
  margin-top: 118px;
  margin-left: -22px;
}
#scene_one .open_popup.pop_point10{
  margin-top: 110px;
  margin-left: -85px;
}

/* -------monster 2 popup point--------- */

#scene_two .open_popup.pop_point1{
  margin-top: -86px;
  margin-left: 101px;
}
#scene_two .open_popup.pop_point2{
  margin-top: -58px;
  margin-left: -151px;
}
#scene_two .open_popup.pop_point3{
  margin-top: 71px;
  margin-left: -92px;
}
#scene_two .open_popup.pop_point4{
  margin-top: 40px;
  margin-left: -74px;
}
#scene_two .open_popup.pop_point5{
  margin-top: -54px;
  margin-left: 31px;
}
#scene_two .open_popup.pop_point6{
  margin-top: -55px;
  margin-left: 54px;
}
#scene_two .open_popup.pop_point7{
  margin-top: -91px;
  margin-left: 72px;
}
#scene_two .open_popup.pop_point8{
  margin-top: -33px;
  margin-left: 62px;
}
#scene_two .open_popup.pop_point9{
  margin-top: -15px;
  margin-left: 0px;
}
#scene_two .open_popup.pop_point10{
  margin-top: -71px;
  margin-left: -132px;
}
#scene_two .open_popup.pop_point11{
  margin-top: -113px;
  margin-left: 45px;
}
#scene_two .open_popup.pop_point12{
  margin-top: -7px;
  margin-left: 138px;
}
#scene_two .open_popup.pop_point13{
  margin-top: -33px;
  margin-left: -26px;
}
#scene_two .open_popup.pop_point14{
  margin-top: -65px;
  margin-left: 112px;
}
#scene_two .open_popup.pop_point15{
  margin-top: 81px;
  margin-left: -107px;
}
#scene_two .open_popup.pop_point16{
  margin-top: -33px;
  margin-left: 37px;
}
#scene_two .open_popup.pop_point17{
  margin-top: -25px;
  margin-left: -44px;
}
#scene_two .open_popup.pop_point18{
  margin-top: 0px;
  margin-left: 19px;
}

/* ----  Monster 3 popup points ---- */
#scene_three .open_popup.pop_point1{
  margin-top: 54px;
  margin-left: 43px;
}
#scene_three .open_popup.pop_point2{
  margin-top: -55px;
  margin-left: 164px;
}
#scene_three .open_popup.pop_point3{
  margin-top: 21px;
  margin-left: 23px;
}
#scene_three .open_popup.pop_point4{
  margin-top: 6px;
  margin-left: -1px;
}
#scene_three .open_popup.pop_point5{
  margin-top: -73px;
  margin-left: 34px;
}
#scene_three .open_popup.pop_point6{
  margin-top: 1px;
  margin-left: -50px;
}
#scene_three .open_popup.pop_point7{
  margin-top: -67px;
  margin-left: -15px;
}
#scene_three .open_popup.pop_point8{
  margin-top: -63px;
  margin-left: 62px;
}
#scene_three .open_popup.pop_point9{
  margin-top: 44px;
  margin-left: 9px;
}
#scene_three .open_popup.pop_point10{
  margin-top: -19px;
  margin-left: -21px;
}
#scene_three .open_popup.pop_point11{
  margin-top: -45px;
  margin-left: 11px;
}
#scene_three .open_popup.pop_point12{
  margin-top: -9px;
  margin-left: 58px;
}



.popup_content {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  width: auto;
  min-height: 200px;
  max-width: 300px;
  margin: 20px auto;
  color: #fff;
}
.popup_content h4 {
  font-size:18px;
  color: #fff;
  font-family: 'helveticaneuemedium';
  padding: 0 0 5px;
  margin:0 0 10px 0;
  text-transform: uppercase;
  border-bottom: solid 2px #fff;
}
.popup_content p {
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  padding: 0 0 10px;
  margin:0;
  text-transform: uppercase;
}
.mfp-close-btn-in .mfp-close {
  color: #fff;
}



@-webkit-keyframes points_blink {
  0% {opacity: 1;}  
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes points_blink {
  0% {opacity: 1;}  
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}



/* ---------------  FLOOR 1 - MONSTER 1 ------------- */

    .anim-wrapper{
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }
    .scene,
    .layer {
        display: block;
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0; 
    }  
    .scene {
        min-height: 460px;
        position: relative;
        overflow: hidden; 
        height: 100vh !important;
    }  
    .layer {
        position: absolute; 
    }
    .layer div {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; 
    }


    /* --- Floor 1 ---- */
    
    #scene_one .monster{
      z-index: 2;
    }
    #scene_one .background1 {
        background: url(../images/bg-floor1.jpg) no-repeat 50% bottom;
        bottom:0;
        background-size: cover;
        position: absolute;
        width: 110%;
        height: 160%;
        left:-5%;
        top: -59%;
      }
    #scene_one .monster_one { 
        -webkit-transform-origin:0;
        -moz-transform-origin: 0;
        transform-origin:0;

        background-image: url(../images/monster1.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size:contain;

        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
        z-index: 4;
        height: 407px;
        width: 359px;
      }

      #scene_one .monster_one, 
      #scene_one .popup_points {
        margin-top: -60px;
      }

     
  
    #scene_one .drum{
        background: url(../images/floor1-drum.png) no-repeat right  bottom;
        bottom:0;
        background-size: cover;
        position: absolute;
        width: 90%;
        height: 90%;
        left:10%;
        bottom:-10%; 
        display: none;
    }
    #scene_one .mat{
        background: url(../images/floor1-mat.png) no-repeat center  bottom;
        bottom:0;
        background-size: cover;
        position: absolute;
        width: 110%;
        height: 110%;
        left:0;
        top:0; 
    }    
    #scene_one .light1,
    #scene_one .light1-on{
        background: url(../images/floor1-light1.png) no-repeat center  bottom;
        bottom:0;
        background-size: cover;
        position: absolute;
        width: 110%;
        height: 110%;
        left:0;
        top:0; 
    }   
    #scene_one .light1-on{
      background: url(../images/floor1-light1-on.png) no-repeat center  bottom;
      background-size: cover;
      -webkit-animation: light-blink1 3s linear 0.1s infinite;
      animation: light-blink1 3s linear 0.1s infinite;       
    } 
    #scene_one .light2,
    #scene_one .light2-on{
        background: url(../images/floor1-light2.png) no-repeat center  bottom;
        bottom:0;
        background-size: cover;
        position: absolute;
        width: 110%;
        height: 110%;
        left:0;
        top:0; 
    }
    #scene_one .light2-on{
      background: url(../images/floor1-light2-on.png) no-repeat center  bottom;
      background-size: cover;
      -webkit-animation: light-blink2 4s linear 0.1s infinite;
      animation: light-blink2 4s linear 0.1s infinite;       
    }
   
    #scene_one .parts1{
      background: url(../images/floor1-parts1.png) no-repeat left  bottom;
      bottom:0;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%;
      left:-5%;
      top:0; 
  }    
  #scene_one .parts2{
    background: url(../images/floor1-parts2.png) no-repeat left  bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 110%;
    height: 110%;
    left: -9%;
    top: -123px;
}

  #scene_one .pillar{
    background: url(../images/floor1-pillar.png) no-repeat center  bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left:0%;
    top:0; 
  }
    
    #scene_one .light-rays{ 
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index:10;
      opacity: 0.5;
  }
    
    @-webkit-keyframes light-blink1 {
      0% {opacity: 1;}
      5% {opacity: 0;}
      20% {opacity: 1;}       
      35% {opacity: 0;}       
      50% {opacity: 1;}
      70% {opacity: 0;}
      85% {opacity: 1;}        
      95% {opacity: 0;}
      100% {opacity: 0;}
    }
    @keyframes light-blink1 {
      0% {opacity: 1;}
      5% {opacity: 0;}
      20% {opacity: 1;}       
      35% {opacity: 0;}       
      50% {opacity: 1;}
      70% {opacity: 0;}
      85% {opacity: 1;}        
      95% {opacity: 0;}
      100% {opacity: 0;}
    }
    @-webkit-keyframes light-blink2 {
      0% {opacity: 1;}
      5% {opacity: 0;}
      15% {opacity: 1;}       
      35% {opacity: 0;}       
      65% {opacity: 1;}
      80% {opacity: 0;}     
      90% {opacity: 0;}
      100% {opacity: 0;}
    }
    @keyframes light-blink2 {
      0% {opacity: 1;}
      5% {opacity: 0;}
      15% {opacity: 1;}       
      35% {opacity: 0;}       
      65% {opacity: 1;}
      80% {opacity: 0;}     
      90% {opacity: 0;}
      100% {opacity: 0;}
    }

   /* --- Floor 2 ---- */

   .background2 {
    background: url(../images/bg-floor2.jpg) no-repeat 16% bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 155%;
    height: 160%;
    left:-24%;
    top: -55%;
  }

#scene_two .monster_two { 
  -webkit-transform-origin:0;
  -moz-transform-origin: 0;
  transform-origin:0;

  background-image: url(../images/monster2.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size:contain;

  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
  z-index: 4;
  width: 330px;
  height: 253px;
}

#scene_two .monster_two, 
#scene_two .popup_points {
  margin-top: 55px;
}

#scene_two .light_box{
  background: url(../images/light-box-anim.gif) no-repeat right  bottom;
    background-size: cover;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0; 
    display: none;
}


#scene_two .Pillar{
    background: url(../images/floor2-pillar1.png) no-repeat right  bottom;
    background-size: cover;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0; 
}

#scene_two .light_off{
  background: url(../images/floor2-light1.png) no-repeat 16%  bottom;
    background-size: cover;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top: -27%;
}
#scene_two .light_on{
  background: url(../images/floor2-light1-on.png) no-repeat 16%  bottom;
    background-size: cover;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top: -27%;

    -webkit-animation: light-blink3 4s linear 0.1s infinite;
    animation: light-blink3 4s linear 0.1s infinite;       
}

@-webkit-keyframes light-blink3 {
  0% {opacity: 1;}    
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes light-blink3 {
  0% {opacity: 1;}    
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}


   /* --- Floor 3 ---- */

   .background3 {
    background: url(../images/bg-floor3.jpg) no-repeat 58% bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 110%;
    height: 150%;
    left:-5%;
    top: -50%;
  }

  #scene_three .monster_three {
    -webkit-transform-origin:0;
    -moz-transform-origin: 0;
    transform-origin:0;

    background-image: url(../images/monster3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    z-index: 4;
    height:235px;
    width:350px;  

}
#scene_three .monster_three,
#scene_three .popup_points {
  margin-top:-25px;
}

#scene_three .wire,
#scene_three .box,
#scene_three .parts1,
#scene_three .parts2,
#scene_three .parts3,
#scene_three .parts4{
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0; 
}

#scene_three .wire{
  background: url(../images/floor3-wire.png) no-repeat center top;  
}
#scene_three .box{
  width: 101%;
  height: 103%;
  background: url(../images/floor3-box.png) no-repeat center bottom;
}
#scene_three .parts1{
  width: 105%;
  height: 106%;
  background: url(../images/floor3-parts1.png) no-repeat ;
  background-position: center 0;
}
#scene_three .parts2{
  background: url(../images/floor3-parts2.png) no-repeat center bottom;
}
#scene_three .parts3{
  background: url(../images/floor3-parts3.png) no-repeat center bottom;
}
#scene_three .parts4{
  background: url(../images/floor3-parts4.png) no-repeat center bottom;
}


#scene_three  .white-rays-top{
  position: absolute;
  left: -42%;
  top: -20%;
  width: 100%;
  height: 100%;
  transform: rotate(44deg);
}

#scene_three .white-rays-top div:nth-child(2) {
  height: 57%;
}

#scene_three .light_blink{

 background: url(../images/floor3-light-blink.png) no-repeat center  bottom;
    background-size: cover;
    position: absolute;
    width:100%;
    height:100%;
    left:-56px;
    top:0; 

    -webkit-animation: light-blink4 4s linear 0.1s infinite;
    animation: light-blink4 4s linear 0.1s infinite;       
}

@-webkit-keyframes light-blink4 {
  0% {opacity: 1;}    
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes light-blink4 {
  0% {opacity: 1;}    
  25% {opacity: 0;}       
  50% {opacity: 1;}     
  75% {opacity: 0;}
  100% {opacity: 1;}
}


    /* --- Floor 1 Beam ---- */
    .beam-one {
        background: url(../images/transition-1.jpg) repeat-x 0% 50%;
        bottom:0;
        background-size: contain;
      }
    /* --- Floor 2 Beam ---- */
    .beam-two {
        background: url(../images/transition-2.png) repeat 0% 50%;
        bottom:0;
        background-size: contain;
      }
    /* --- Floor 3 Beam ---- */
    .beam-three {
        background: url(../images/transition-2.png) repeat 0% 50%;
        bottom:0;
        background-size: contain;
      }



/* -----------------   BLINKING LIGHT  -------------- */

    .wrap-light{
        position: relative;
        width: 100%;
        height: 100%;
    } 
    .light {
        margin: -120px -120px;
        background-size: 240px 240px;
        height: 240px;
        width: 240px;
        background-repeat: no-repeat;
        top: 200px;
        position: absolute;
        left:0; 

        animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;  

    }
    .light.orange {
        background-image: url(../images/light-orange.png); 
    }
    .light.a {
        bottom: 80px;
        left: 20%; 
    }
    .light.b {
        top:318px;
        left: 19%;
    }

    @keyframes blinker {  
      from { opacity: 1; }
      to { opacity: 0; }
    }


  
  /* ---------- Fog ---------- */
  .fogwrapper { 
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
    pointer-events: none;
    -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
    filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
    pointer-events: none;
  }
  #foglayer_01, #foglayer_02, #foglayer_03 {
    height: 100%;
    position: absolute;
    width: 200%;
  }
  #foglayer_01 .image01, #foglayer_01 .image02,
  #foglayer_02 .image01, #foglayer_02 .image02,
  #foglayer_03 .image01, #foglayer_03 .image02 {
    float: left;
    height: 100%;
    width: 50%;
  }
  #foglayer_01 {
    -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
    -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
    animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  }
  #foglayer_02, #foglayer_03 {
    -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
    -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
    animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  }

/* ---------- Moving Fog ---------- */
#foglayer_01 .image01, #foglayer_01 .image02 {
    background: url("../images/fog1.png") center center/cover no-repeat transparent;
  }
  #foglayer_02 .image01, #foglayer_02 .image02,
  #foglayer_03 .image01, #foglayer_03 .image02{
    background: url("../images/fog2.png") center center/cover no-repeat transparent;
  }
  
  /* ---------- Keyframe Layer 1 ---------- */
  @-webkit-keyframes foglayer_01_opacity {
    0% { opacity: .1; }
    22% { opacity: .5; }
    40% { opacity: .28; }
    58% { opacity: .4; }
    80% { opacity: .16; }
    100% { opacity: .1; }
  }
  @-moz-keyframes foglayer_01_opacity {
    0% { opacity: .1; }
    22% { opacity: .5; }
    40% { opacity: .28; }
    58% { opacity: .4; }
    80% { opacity: .16; }
    100% { opacity: .1; }
  }
  @-o-keyframes foglayer_01_opacity {
    0% { opacity: .1; }
    22% { opacity: .5; }
    40% { opacity: .28; }
    58% { opacity: .4; }
    80% { opacity: .16; }
    100% { opacity: .1; }
  }
  @keyframes foglayer_01_opacity {
    0% { opacity: .1; }
    22% { opacity: .5; }
    40% { opacity: .28; }
    58% { opacity: .4; }
    80% { opacity: .16; }
    100% { opacity: .1; }
  }
  /* ---------- Keyframe Layer 2 ---------- */
  @-webkit-keyframes foglayer_02_opacity {
    0% { opacity: .5; }
    25% { opacity: .2; }
    50% { opacity: .1; }
    80% { opacity: .3; }
    100% { opacity: .5; }
  }
  @-moz-keyframes foglayer_02_opacity {
    0% { opacity: .5; }
    25% { opacity: .2; }
    50% { opacity: .1; }
    80% { opacity: .3; }
    100% { opacity: .5; }
  }
  @-o-keyframes foglayer_02_opacity {
    0% { opacity: .5; }
    25% { opacity: .2; }
    50% { opacity: .1; }
    80% { opacity: .3; }
    100% { opacity: .5; }
  }
  @keyframes foglayer_02_opacity {
    0% { opacity: .5; }
    25% { opacity: .2; }
    50% { opacity: .1; }
    80% { opacity: .3; }
    100% { opacity: .5; }
  }
  /* ---------- Keyframe Layer 3 ---------- */
  @-webkit-keyframes foglayer_03_opacity {
    0% { opacity: .8 }
    27% { opacity: .2; }
    52% { opacity: .6; }
    68% { opacity: .3; }
    100% { opacity: .8; }
  }
  @-moz-keyframes foglayer_03_opacity {
    0% { opacity: .8 }
    27% { opacity: .2; }
    52% { opacity: .6; }
    68% { opacity: .3; }
    100% { opacity: .8; }
  }
  @-o-keyframes foglayer_03_opacity {
    0% { opacity: .8 }
    27% { opacity: .2; }
    52% { opacity: .6; }
    68% { opacity: .3; }
    100% { opacity: .8; }
  }
  @keyframes foglayer_03_opacity {
    0% { opacity: .8; }
    27% { opacity: .2; }
    52% { opacity: .6; }
    68% { opacity: .3; }
    100% { opacity: .8; }
  }
  /* ---------- Keyframe moveMe ---------- */
  @-webkit-keyframes foglayer_moveme {
    0% { left: 0; }
    100% { left: -100%; }
  }
  @-moz-keyframes foglayer_moveme {
    0% { left: 0; }
    100% { left: -100%; }
  }
  @-o-keyframes foglayer_moveme {
    0% { left: 0; }
    100% { left: -100%; }
  }
  @keyframes foglayer_moveme {
    0% { left: 0; }
    100% { left: -100%; }
  }
  
  @media only screen
    and (min-width: 280px)
    and (max-width: 767px) {
      #foglayer_01 .image01, #foglayer_01 .image02,
      #foglayer_02 .image01, #foglayer_02 .image02,
      #foglayer_03 .image01, #foglayer_03 .image02 {
        width: 100%;
      }
    }


    /* ------------------- FOG FROM FLOOR  --------------------- */

    .scene2_fog {
      position: absolute;
      top: 60px;
      left: -34%;
      width: 228%;
      height: 100%;
      overflow: hidden;
      pointer-events: none;
      opacity: 0.2;
      
    }
  .scene2_fog img {
      position: absolute;
      bottom: 0;
      max-width: 100%;
      animation: fog_effect calc(3s * var(--i)) ease-in infinite;
    }
    @keyframes fog_effect {
      0% {
        opacity: 0;
        transform: scale(1);
      }
      25%,
      75% {
        opacity: 1;
      }
      100% {
        transform: scale(3);
        opacity: 0;
      }
    }


    /* ------------  SCENE 1  LIGHT RAYS   ------------- */
    
    .white-rays-top div:nth-child(1),
    .white-rays-top div:nth-child(2),
    .white-rays-top div:nth-child(3),
    .white-rays-top div:nth-child(4),
    .white-rays-top div:nth-child(5) { 
        position: absolute;
        height:70%;
        left:10%;
        top: 10%;
        width:3px;   
        filter: blur(6px);
        opacity: 0;
        z-index: 2;
        transform-origin: top;
        
        transform: rotate(-45deg);
    }

    .white-rays-side div:nth-child(1),
    .white-rays-side div:nth-child(2),
    .white-rays-side div:nth-child(3),
    .white-rays-side div:nth-child(4),
    .white-rays-side div:nth-child(5) {
        position: absolute;
        height: 100%;
        left:8%;
        top: 5%;
        width:3px;   
        filter: blur(9px);
        opacity: 0;
        z-index: 2;
        transform-origin: top;
    }

    .white-rays-top div:nth-child(1){ 
        background: rgba(255, 255, 255, 0.6);          
        -webkit-animation: rays1 10s linear 0.1s infinite;
        animation: rays1 10s linear 0.1s infinite;       
      }
      @-webkit-keyframes rays1 {
        0% {transform: rotate(-45deg) scaleX(2) scaleY(1);opacity: 1;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        35% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-35deg) scaleX(2) scaleY(1); opacity: 0;  }
      }
      @keyframes rays1 {
        0% {transform: rotate(-45deg) scaleX(2) scaleY(1);opacity: 1;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        35% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-35deg) scaleX(2) scaleY(1); opacity: 0;  }
      }


      .white-rays-top div:nth-child(2){  
        border:solid 5px rgb(255, 230, 0);
        left:18%;    
        width:8px;   
        height: 100%;
        filter: blur(15px);
        background: rgba(255, 255, 255, 0.6);          
        -webkit-animation: rays2 15s linear 0.2s infinite;
        animation: rays2 15s linear 0.2s infinite;       
      }
      @-webkit-keyframes rays2 {
        0% {transform: rotate(-45deg) scaleX(2) scaleY(1);opacity: 0;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        25% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-50deg) scaleX(2) scaleY(1); opacity: 0;  }
      }
      @keyframes rays2 {
        0% {transform: rotate(-45deg) scaleX(2) scaleY(1);opacity: 0;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        25% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-50deg) scaleX(2) scaleY(1); opacity: 0;  }
      }

      .white-rays-top div:nth-child(3){ 
        left:15%;    
        width:15px;   
        filter: blur(12px);
        background: rgba(255, 255, 255, 0.6);          
        -webkit-animation: rays3 15s linear 0.2s infinite;
        animation: rays3 15s linear 0.2s infinite;       
      }
      @-webkit-keyframes rays3 {
        0% {transform: rotate(-35deg) scaleX(2) scaleY(1);opacity: 0;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        25% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-40deg) scaleX(2) scaleY(1); opacity: 0;  }
      }
      @keyframes rays3 {
        0% {transform: rotate(-35deg) scaleX(2) scaleY(1);opacity: 0;}
        5% {opacity: 0;}
        10% {opacity: 1;}       
        25% {opacity: 0;}       
        75% {opacity: 1;}
        80% {opacity: 0;}
        85% {opacity: 1;}        
        95% {opacity: 0;}
        100% {transform: rotate(-40deg) scaleX(2) scaleY(1); opacity: 0;  }
      }


      .white-rays-top div:nth-child(4){  border:solid 5px rgb(255, 225, 0); 
        left:15%;    
        width:15px;   
        filter: blur(12px);
        background: rgba(255, 255, 255, 0.6);          
        -webkit-animation: rays4 17s linear 0.3s infinite;
        animation: rays4 17s linear 0.3s infinite;       
      }
      @-webkit-keyframes rays4 {
        0% {transform: rotate(-45deg) scaleX(3) scaleY(1);opacity: 0;}
        5% {opacity: 1;}
        10% {opacity: 0;}       
        25% {opacity: 1;}       
        75% {opacity: 0;}
        80% {opacity: 1;}
        85% {opacity: 0;}        
        95% {opacity: 1;}
        100% {transform: rotate(-40deg) scaleX(1) scaleY(1); opacity: 0;  }
      }
      @keyframes rays4 {
        0% {transform: rotate(-45deg) scaleX(3) scaleY(1);opacity: 0;}
        5% {opacity: 1;}
        10% {opacity: 0;}       
        25% {opacity: 1;}       
        75% {opacity: 0;}
        80% {opacity: 1;}
        85% {opacity: 0;}        
        95% {opacity: 1;}
        100% {transform: rotate(-40deg) scaleX(3) scaleY(1); opacity: 0;  }
      }

      .white-rays-top div:nth-child(5){  
        left:18%;    
        width:15px;   
        filter: blur(12px);
        background: rgba(255, 255, 255, 0.6);          
        -webkit-animation: rays5 17s linear 0.3s infinite;
        animation: rays5 17s linear 0.3s infinite;       
      }
      @-webkit-keyframes rays5 {
        0% {transform: rotate(-55deg) scaleX(3) scaleY(1);opacity: 0;}
        5% {opacity: 1;}
        10% {opacity: 0;}       
        25% {opacity: 1;}       
        75% {opacity: 0;}
        80% {opacity: 1;}
        85% {opacity: 0;}        
        95% {opacity: 1;}
        100% {transform: rotate(-58deg) scaleX(1) scaleY(1); opacity: 0;  }
      }
      @keyframes rays5 {
        0% {transform: rotate(-55deg) scaleX(3) scaleY(1);opacity: 0;}
        5% {opacity: 1;}
        10% {opacity: 0;}       
        25% {opacity: 1;}       
        75% {opacity: 0;}
        80% {opacity: 1;}
        85% {opacity: 0;}        
        95% {opacity: 1;}
        100% {transform: rotate(-58deg) scaleX(3) scaleY(1); opacity: 0;  }
      }

      #particles-js, #particles2-js {
        position: absolute;
        width: 100%;
        height: 100%;
        left:0;
        top: 0;
        opacity: 0.2;
      }
      @-webkit-keyframes particle_movement {
        0% {left: 0;}
        5% {left: 2%;}   
        25% {left: 0;}  
        50% {left: 3%;}      
        75% {left: 0;} 
        100% {left: 4%;}
      }
      @keyframes particle_movement {
        0% {left: 0;}
        5% {left: 2%;}   
        25% {left: 0;}  
        50% {left: 3%;}      
        75% {left: 0;} 
        100% {left: 4%;}
      }


      #particles3-js {
        position: absolute;
        width: 47%;
        height: 67%;
        left:0;
        top: 0;
        opacity: 0.3;

        top: 33%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

      #musicHolder {
        padding: 2em;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
      }


/* =======================    Particle CSS Animations  =================== */



.particle,
.particle:after {
  background: transparent;
  opacity: 0.5;
}

.particle:after {
  position: absolute;
  content: "";
  bottom: 2560px;
}

.particle-1 {
  -webkit-animation: animParticle 60s linear infinite;
          animation: animParticle 60s linear infinite;
  box-shadow: 0px 0px #fff, 1494px 2486px #fff, 144px 366px #fff, 1946px 2416px #fff, 258px 797px #fff, 1425px 1584px #fff, 1737px 1909px #fff, 2326px 739px #fff, 2436px 1829px #fff, 733px 2540px #fff, 1364px 390px #fff, 1958px 955px #fff, 1590px 1923px #fff, 353px 2209px #fff, 1386px 319px #fff, 786px 2232px #fff, 819px 159px #fff, 1765px 328px #fff, 2463px 2542px #fff, 904px 953px #fff, 586px 919px #fff, 1629px 2474px #fff, 1397px 455px #fff, 2540px 392px #fff, 908px 335px #fff, 2259px 72px #fff, 360px 533px #fff, 1376px 702px #fff, 135px 1112px #fff, 1177px 1232px #fff, 390px 244px #fff, 1188px 1972px #fff, 2370px 2225px #fff, 239px 303px #fff, 2218px 153px #fff, 1727px 2010px #fff, 2222px 757px #fff, 1111px 840px #fff, 844px 1356px #fff, 131px 2394px #fff, 451px 782px #fff, 2064px 1974px #fff, 966px 1624px #fff, 2495px 1387px #fff, 528px 1542px #fff, 1190px 851px #fff, 2215px 2302px #fff, 1345px 1802px #fff, 1713px 1763px #fff, 388px 1640px #fff, 2544px 1740px #fff, 1697px 1734px #fff, 1460px 1991px #fff, 1818px 855px #fff, 1178px 1146px #fff, 1244px 650px #fff, 2427px 447px #fff, 2050px 425px #fff, 2513px 713px #fff, 1456px 1700px #fff, 747px 2159px #fff, 1347px 1165px #fff, 2306px 1892px #fff, 2536px 692px #fff, 788px 1989px #fff, 2016px 40px #fff, 1615px 1012px #fff, 2040px 1791px #fff, 1165px 104px #fff, 1601px 1990px #fff, 1842px 2041px #fff, 1333px 1515px #fff, 1753px 1371px #fff, 2330px 2335px #fff, 364px 328px #fff, 1383px 2148px #fff, 1686px 491px #fff, 2235px 2216px #fff, 918px 770px #fff, 1984px 378px #fff, 998px 1302px #fff, 1389px 2015px #fff, 1578px 986px #fff, 641px 2195px #fff, 790px 1153px #fff, 2166px 824px #fff, 360px 1285px #fff, 824px 2013px #fff, 531px 370px #fff, 2445px 17px #fff, 789px 819px #fff, 100px 310px #fff, 1478px 1150px #fff, 1322px 1275px #fff, 29px 1298px #fff, 2127px 840px #fff, 1492px 1135px #fff, 2205px 2303px #fff, 2127px 652px #fff, 1858px 619px #fff, 97px 2382px #fff, 1106px 1779px #fff, 603px 1948px #fff, 519px 1096px #fff, 1803px 1996px #fff, 341px 38px #fff, 1073px 2550px #fff, 616px 2480px #fff, 1283px 1269px #fff, 664px 1424px #fff, 2295px 1957px #fff, 2080px 1477px #fff, 1918px 2092px #fff, 297px 2226px #fff, 2137px 689px #fff, 2321px 682px #fff, 164px 1806px #fff, 1459px 515px #fff, 2349px 241px #fff, 209px 235px #fff, 2004px 2380px #fff, 763px 1897px #fff, 752px 2422px #fff, 427px 802px #fff, 1971px 369px #fff, 140px 2094px #fff, 871px 1766px #fff, 1518px 843px #fff, 2084px 2132px #fff, 1316px 630px #fff, 1504px 628px #fff, 2529px 2095px #fff, 1660px 1005px #fff, 2171px 1291px #fff, 2494px 1870px #fff, 2091px 549px #fff, 1616px 1863px #fff, 782px 1840px #fff, 659px 878px #fff, 445px 110px #fff, 2411px 494px #fff, 1773px 888px #fff, 1341px 2140px #fff, 565px 2289px #fff, 80px 580px #fff, 810px 2244px #fff, 1492px 2356px #fff, 1598px 1492px #fff, 2285px 1841px #fff, 2228px 1184px #fff, 866px 271px #fff, 1466px 2457px #fff, 458px 2109px #fff, 2334px 457px #fff, 1844px 2280px #fff, 69px 1824px #fff, 1824px 538px #fff, 1057px 694px #fff, 1402px 2491px #fff, 1179px 803px #fff, 655px 1496px #fff, 1498px 2406px #fff, 1148px 571px #fff, 1330px 1144px #fff, 895px 1683px #fff, 1588px 1363px #fff, 1673px 2396px #fff, 944px 795px #fff, 2554px 2213px #fff, 1906px 10px #fff, 1086px 780px #fff, 1677px 957px #fff, 184px 2543px #fff, 2386px 132px #fff, 635px 1448px #fff, 1842px 1228px #fff, 1136px 1500px #fff, 223px 920px #fff, 2356px 924px #fff, 852px 207px #fff, 59px 202px #fff, 1758px 963px #fff, 146px 1747px #fff, 139px 2552px #fff, 1481px 1522px #fff, 1434px 164px #fff, 256px 1581px #fff, 2473px 1116px #fff, 198px 2277px #fff, 2306px 389px #fff, 1376px 1022px #fff, 1339px 1199px #fff, 2337px 1350px #fff, 1048px 1389px #fff, 704px 214px #fff, 809px 396px #fff, 1530px 1627px #fff, 851px 2010px #fff, 2248px 1615px #fff, 412px 1860px #fff, 1057px 1241px #fff, 2061px 2451px #fff, 234px 384px #fff, 2084px 481px #fff, 1369px 2017px #fff, 742px 1107px #fff, 1655px 1463px #fff, 1084px 1830px #fff, 966px 1239px #fff, 328px 1485px #fff, 262px 2045px #fff, 1732px 914px #fff, 1416px 603px #fff, 112px 2314px #fff, 1907px 1999px #fff, 206px 1826px #fff, 907px 1236px #fff, 962px 2250px #fff, 2177px 1740px #fff, 280px 146px #fff, 1706px 575px #fff, 2008px 162px #fff, 2230px 2396px #fff, 1931px 1764px #fff, 674px 1737px #fff, 173px 1022px #fff, 539px 122px #fff, 332px 1378px #fff, 2377px 148px #fff, 756px 1242px #fff, 1561px 2553px #fff, 1813px 2101px #fff, 1209px 1373px #fff, 1161px 2369px #fff, 201px 2237px #fff, 2237px 203px #fff, 2076px 2051px #fff, 523px 1568px #fff, 727px 987px #fff, 1557px 1196px #fff, 118px 1802px #fff, 315px 1874px #fff, 462px 2396px #fff, 207px 728px #fff, 1317px 744px #fff, 1395px 2330px #fff, 229px 1395px #fff, 1988px 2406px #fff, 1722px 1736px #fff, 881px 2029px #fff, 652px 2246px #fff, 743px 1334px #fff, 1752px 1747px #fff, 2146px 400px #fff, 1484px 2466px #fff, 1186px 1809px #fff, 988px 1665px #fff, 38px 1837px #fff, 1147px 2469px #fff, 389px 331px #fff, 1951px 391px #fff, 495px 737px #fff, 1191px 1423px #fff, 1082px 1206px #fff, 562px 2148px #fff, 259px 3px #fff, 633px 1569px #fff, 1039px 1082px #fff, 1825px 795px #fff, 1722px 1962px #fff, 1484px 1085px #fff, 775px 2152px #fff, 546px 1407px #fff, 27px 734px #fff, 902px 1185px #fff, 1648px 178px #fff, 2470px 968px #fff, 1194px 766px #fff, 1270px 2298px #fff, 877px 2250px #fff, 1940px 1817px #fff, 637px 1401px #fff, 2386px 2383px #fff, 2212px 190px #fff, 214px 1581px #fff, 613px 284px #fff, 419px 1381px #fff, 697px 198px #fff, 913px 1821px #fff, 495px 355px #fff, 2055px 2323px #fff, 2310px 2084px #fff, 764px 2254px #fff, 1573px 1009px #fff, 1259px 1934px #fff, 1804px 2046px #fff, 1829px 2069px #fff, 570px 538px #fff, 1142px 1895px #fff, 2382px 22px #fff, 1562px 2155px #fff, 1312px 1198px #fff, 2107px 1342px #fff, 2531px 2305px #fff, 1064px 2434px #fff, 346px 2012px #fff, 477px 970px #fff, 91px 2554px #fff, 1814px 2197px #fff, 561px 1481px #fff, 1252px 18px #fff, 1507px 1572px #fff, 2337px 2195px #fff, 2008px 1777px #fff, 2244px 2334px #fff, 1528px 2317px #fff, 703px 1517px #fff, 1658px 1832px #fff, 2001px 825px #fff, 905px 2462px #fff, 211px 1337px #fff, 2480px 805px #fff, 908px 314px #fff, 1112px 2392px #fff, 1474px 1365px #fff, 1779px 2412px #fff, 1627px 1942px #fff, 1826px 2075px #fff, 149px 2336px #fff, 1900px 1788px #fff, 854px 1772px #fff, 1583px 154px #fff, 2123px 935px #fff, 801px 1474px #fff, 1561px 328px #fff, 1606px 865px #fff, 748px 2315px #fff, 1239px 1199px #fff, 1479px 1458px #fff, 798px 186px #fff, 1040px 1561px #fff, 171px 2276px #fff, 521px 2235px #fff, 1073px 956px #fff, 25px 478px #fff, 1848px 936px #fff, 2484px 1142px #fff, 2258px 2512px #fff, 2350px 39px #fff, 2422px 1548px #fff, 1050px 239px #fff, 2170px 534px #fff, 2278px 2107px #fff, 741px 1847px #fff, 1056px 1008px #fff, 1495px 2030px #fff, 544px 1815px #fff, 1604px 2087px #fff, 973px 2130px #fff, 224px 1909px #fff, 921px 2403px #fff, 2059px 1917px #fff, 1254px 1065px #fff, 2506px 1622px #fff, 373px 1389px #fff, 221px 1767px #fff, 2462px 2024px #fff, 1058px 2535px #fff, 561px 678px #fff, 1915px 375px #fff, 2150px 592px #fff, 558px 516px #fff, 891px 100px #fff, 2237px 1613px #fff, 1840px 18px #fff, 2366px 572px #fff, 309px 1076px #fff, 1260px 40px #fff, 2155px 1881px #fff, 1734px 1718px #fff, 2038px 773px #fff, 93px 2398px #fff, 2326px 516px #fff, 2336px 2162px #fff, 1303px 2312px #fff, 89px 938px #fff, 1894px 1754px #fff, 1603px 2383px #fff, 582px 603px #fff, 2114px 1779px #fff, 1021px 2148px #fff, 660px 1481px #fff, 2316px 1893px #fff, 2305px 78px #fff, 2202px 1858px #fff, 1315px 166px #fff, 1436px 377px #fff, 2392px 788px #fff, 1917px 1846px #fff, 2271px 106px #fff, 300px 1050px #fff, 957px 1770px #fff, 729px 678px #fff, 2498px 1673px #fff, 128px 2154px #fff, 1217px 899px #fff, 1664px 1089px #fff, 1107px 548px #fff, 1585px 789px #fff, 175px 1524px #fff, 1029px 574px #fff, 1897px 1128px #fff, 2163px 585px #fff, 460px 1137px #fff, 1644px 705px #fff, 2553px 761px #fff, 2253px 543px #fff, 430px 685px #fff, 2187px 397px #fff, 2077px 1474px #fff, 1665px 867px #fff, 1320px 1365px #fff, 969px 2013px #fff, 1737px 366px #fff, 1071px 1466px #fff, 1523px 1753px #fff, 2325px 13px #fff, 2534px 111px #fff, 2338px 2083px #fff, 1796px 291px #fff, 1960px 729px #fff, 405px 1458px #fff, 635px 2231px #fff, 2446px 1836px #fff, 2270px 1924px #fff, 2034px 573px #fff, 998px 1047px #fff, 2410px 2536px #fff, 1999px 943px #fff, 882px 1796px #fff, 912px 931px #fff, 1278px 1119px #fff, 87px 1045px #fff, 2301px 1497px #fff, 1117px 1313px #fff, 1496px 1088px #fff, 1215px 1931px #fff, 1366px 1661px #fff, 690px 2340px #fff, 2441px 1608px #fff, 483px 182px #fff, 570px 321px #fff, 1946px 153px #fff, 1513px 2452px #fff, 411px 1875px #fff, 450px 1309px #fff, 850px 1808px #fff, 1408px 605px #fff, 1361px 1702px #fff, 1593px 204px #fff, 78px 2441px #fff, 2413px 2204px #fff, 2200px 2141px #fff, 1576px 2093px #fff, 1085px 676px #fff, 1346px 1613px #fff, 2486px 1902px #fff, 704px 731px #fff, 905px 2089px #fff, 2394px 2346px #fff, 1100px 777px #fff, 611px 2061px #fff, 2211px 1729px #fff, 158px 397px #fff, 548px 1984px #fff, 1787px 797px #fff, 652px 828px #fff, 548px 757px #fff, 2138px 990px #fff, 643px 257px #fff, 448px 1425px #fff, 577px 1618px #fff, 1918px 1325px #fff, 643px 1887px #fff, 1575px 2541px #fff, 1330px 1541px #fff, 183px 1458px #fff, 1899px 1270px #fff, 2183px 1179px #fff, 126px 2410px #fff, 1712px 2487px #fff, 1137px 644px #fff, 1062px 1937px #fff, 1048px 1025px #fff, 626px 1559px #fff, 2106px 2181px #fff, 149px 96px #fff, 675px 1019px #fff, 1358px 1219px #fff, 1770px 130px #fff, 437px 1248px #fff, 1474px 103px #fff, 1187px 1075px #fff, 1187px 1941px #fff, 1515px 1718px #fff, 2441px 1517px #fff, 1481px 1418px #fff, 502px 1532px #fff, 738px 1951px #fff, 2224px 1412px #fff, 1162px 1078px #fff, 606px 271px #fff, 99px 667px #fff, 453px 54px #fff, 2268px 1979px #fff, 799px 2305px #fff, 1790px 460px #fff, 1492px 2482px #fff, 2238px 1350px #fff, 785px 1958px #fff, 1345px 1378px #fff, 1189px 1780px #fff, 107px 816px #fff, 1764px 307px #fff, 195px 2551px #fff, 657px 2172px #fff, 174px 1095px #fff, 175px 1834px #fff, 1329px 1327px #fff, 462px 1068px #fff, 908px 1173px #fff, 2291px 908px #fff, 1396px 882px #fff, 789px 1053px #fff, 985px 2222px #fff, 2158px 1022px #fff, 1136px 1902px #fff, 1563px 413px #fff, 1970px 2412px #fff, 765px 64px #fff, 2187px 1432px #fff, 1324px 2070px #fff, 1441px 2369px #fff, 746px 461px #fff, 1923px 2086px #fff, 337px 330px #fff, 1132px 1141px #fff, 2029px 1572px #fff, 886px 2114px #fff, 2297px 2217px #fff, 34px 1783px #fff, 92px 99px #fff, 2538px 1585px #fff, 2051px 812px #fff, 1265px 171px #fff, 1056px 950px #fff, 1312px 2216px #fff, 1336px 2422px #fff, 125px 386px #fff, 2232px 316px #fff, 2491px 1290px #fff, 2549px 1444px #fff, 2511px 2217px #fff, 268px 1202px #fff, 287px 2039px #fff, 746px 1309px #fff, 1974px 608px #fff, 1617px 965px #fff, 342px 1159px #fff, 2076px 5px #fff, 871px 872px #fff, 1420px 56px #fff, 1517px 1254px #fff, 337px 1067px #fff, 2469px 1066px #fff, 2125px 2534px #fff, 2353px 27px #fff, 1355px 2054px #fff, 1215px 1711px #fff, 537px 1940px #fff, 1701px 779px #fff, 1841px 1185px #fff, 1327px 322px #fff, 1354px 464px #fff, 851px 1px #fff, 208px 2394px #fff, 1316px 386px #fff, 1548px 578px #fff, 1448px 2245px #fff, 1286px 1668px #fff, 1145px 815px #fff, 2154px 816px #fff, 952px 583px #fff, 1096px 1280px #fff, 369px 1245px #fff, 2227px 1223px #fff, 1629px 1784px #fff, 997px 1914px #fff, 1787px 531px #fff, 2227px 1251px #fff, 2364px 340px #fff;
  height: 1px;
  width: 1px;
}

.particle-1:after {
  box-shadow: 0px 0px #fff, 1007px 1827px #fff, 1670px 2453px #fff, 2434px 2501px #fff, 83px 454px #fff, 1090px 1520px #fff, 2554px 343px #fff, 2545px 1910px #fff, 556px 2323px #fff, 500px 1271px #fff, 2514px 1255px #fff, 434px 2106px #fff, 1460px 352px #fff, 1755px 2384px #fff, 1285px 2314px #fff, 1682px 623px #fff, 561px 1402px #fff, 1176px 310px #fff, 1880px 93px #fff, 2092px 171px #fff, 381px 871px #fff, 431px 449px #fff, 1542px 1005px #fff, 1120px 645px #fff, 2161px 1556px #fff, 2046px 728px #fff, 887px 1250px #fff, 1055px 2547px #fff, 2397px 626px #fff, 51px 429px #fff, 1931px 2375px #fff, 2006px 1971px #fff, 1799px 2073px #fff, 144px 2104px #fff, 270px 789px #fff, 144px 1620px #fff, 363px 2251px #fff, 531px 1159px #fff, 1525px 554px #fff, 1659px 1065px #fff, 1186px 111px #fff, 403px 2167px #fff, 1054px 273px #fff, 192px 2353px #fff, 497px 105px #fff, 2293px 1716px #fff, 1790px 1023px #fff, 473px 861px #fff, 734px 2340px #fff, 911px 427px #fff, 1244px 1831px #fff, 969px 525px #fff, 287px 810px #fff, 460px 1265px #fff, 193px 1922px #fff, 1823px 820px #fff, 1728px 134px #fff, 914px 1842px #fff, 150px 2255px #fff, 496px 78px #fff, 1328px 1368px #fff, 2213px 2540px #fff, 957px 2287px #fff, 1754px 1098px #fff, 1489px 2484px #fff, 1373px 1144px #fff, 391px 1372px #fff, 1623px 1286px #fff, 1996px 1647px #fff, 2262px 204px #fff, 2477px 1837px #fff, 698px 2175px #fff, 2056px 1572px #fff, 1764px 1982px #fff, 623px 1794px #fff, 845px 734px #fff, 2147px 287px #fff, 1720px 684px #fff, 1782px 529px #fff, 2340px 1904px #fff, 719px 530px #fff, 1402px 1249px #fff, 1092px 1707px #fff, 2427px 62px #fff, 354px 1529px #fff, 1912px 516px #fff, 1893px 1631px #fff, 1577px 787px #fff, 2271px 1436px #fff, 1301px 1310px #fff, 2138px 1311px #fff, 2126px 2187px #fff, 1382px 556px #fff, 1946px 1197px #fff, 709px 680px #fff, 1832px 1256px #fff, 1989px 1733px #fff, 2543px 2062px #fff, 1021px 2333px #fff, 776px 1523px #fff, 295px 648px #fff, 887px 1836px #fff, 2326px 548px #fff, 345px 2055px #fff, 2231px 1889px #fff, 2454px 1529px #fff, 519px 1962px #fff, 547px 587px #fff, 2515px 1276px #fff, 109px 1854px #fff, 1348px 953px #fff, 781px 628px #fff, 111px 2047px #fff, 1474px 1468px #fff, 1336px 2309px #fff, 418px 1962px #fff, 1718px 67px #fff, 738px 1958px #fff, 2545px 2093px #fff, 910px 866px #fff, 1603px 2152px #fff, 1245px 87px #fff, 2476px 2053px #fff, 1137px 57px #fff, 378px 717px #fff, 809px 1294px #fff, 2092px 1537px #fff, 1260px 1631px #fff, 1814px 527px #fff, 757px 1861px #fff, 1885px 1820px #fff, 1187px 1672px #fff, 1779px 1961px #fff, 970px 524px #fff, 1040px 793px #fff, 1272px 1442px #fff, 1939px 163px #fff, 1786px 2219px #fff, 2438px 1839px #fff, 937px 1417px #fff, 1328px 1814px #fff, 1618px 458px #fff, 1934px 460px #fff, 570px 1006px #fff, 634px 614px #fff, 1px 2392px #fff, 615px 549px #fff, 2331px 74px #fff, 1557px 1344px #fff, 890px 140px #fff, 2090px 722px #fff, 1240px 975px #fff, 2464px 1591px #fff, 2508px 420px #fff, 586px 2272px #fff, 178px 33px #fff, 1644px 2232px #fff, 665px 171px #fff, 1609px 768px #fff, 2404px 640px #fff, 872px 1452px #fff, 645px 596px #fff, 330px 2121px #fff, 1790px 656px #fff, 1735px 2551px #fff, 939px 2482px #fff, 2496px 731px #fff, 307px 1221px #fff, 2024px 1453px #fff, 1850px 904px #fff, 277px 1171px #fff, 2320px 2274px #fff, 1280px 1081px #fff, 209px 229px #fff, 946px 663px #fff, 2183px 639px #fff, 2122px 1946px #fff, 882px 1691px #fff, 392px 757px #fff, 478px 2387px #fff, 2317px 1206px #fff, 220px 1963px #fff, 443px 2299px #fff, 2218px 234px #fff, 714px 2443px #fff, 254px 1775px #fff, 1517px 990px #fff, 2392px 228px #fff, 2500px 1608px #fff, 1186px 1370px #fff, 1535px 2185px #fff, 1973px 526px #fff, 626px 8px #fff, 1064px 1212px #fff, 2479px 1579px #fff, 1346px 2280px #fff, 2538px 1244px #fff, 2441px 1772px #fff, 839px 271px #fff, 2026px 4px #fff, 1910px 388px #fff, 1856px 1266px #fff, 977px 412px #fff, 637px 1183px #fff, 1724px 2348px #fff, 488px 228px #fff, 1074px 209px #fff, 2473px 1777px #fff, 1564px 1419px #fff, 994px 816px #fff, 1885px 803px #fff, 726px 2468px #fff, 1920px 421px #fff, 481px 2087px #fff, 2244px 206px #fff, 123px 1018px #fff, 1880px 1204px #fff, 759px 1660px #fff, 2359px 2036px #fff, 1924px 960px #fff, 1260px 791px #fff, 1126px 2467px #fff, 1436px 20px #fff, 1481px 433px #fff, 1858px 1131px #fff, 1476px 224px #fff, 162px 2476px #fff, 546px 490px #fff, 30px 359px #fff, 285px 2286px #fff, 927px 1020px #fff, 41px 1613px #fff, 2298px 1765px #fff, 2059px 1146px #fff, 1374px 257px #fff, 905px 2071px #fff, 2267px 2253px #fff, 675px 1321px #fff, 1056px 2395px #fff, 1813px 1169px #fff, 609px 1417px #fff, 79px 2117px #fff, 1059px 538px #fff, 391px 148px #fff, 2079px 1870px #fff, 2473px 2420px #fff, 178px 1508px #fff, 573px 758px #fff, 2017px 433px #fff, 1600px 1268px #fff, 1311px 1919px #fff, 613px 1141px #fff, 1607px 2044px #fff, 224px 406px #fff, 492px 1493px #fff, 1564px 1397px #fff, 1759px 252px #fff, 590px 1212px #fff, 197px 1173px #fff, 1503px 333px #fff, 2352px 1924px #fff, 1206px 241px #fff, 1408px 1042px #fff, 1720px 1451px #fff, 1480px 588px #fff, 1301px 1940px #fff, 1612px 2071px #fff, 1027px 479px #fff, 1793px 1161px #fff, 1980px 2443px #fff, 855px 729px #fff, 1487px 1050px #fff, 2351px 1681px #fff, 2224px 2521px #fff, 1533px 1371px #fff, 2467px 1078px #fff, 2220px 1437px #fff, 876px 1021px #fff, 240px 303px #fff, 2328px 576px #fff, 1996px 190px #fff, 2049px 890px #fff, 262px 573px #fff, 1964px 795px #fff, 749px 578px #fff, 1652px 1241px #fff, 2186px 2516px #fff, 526px 1227px #fff, 1820px 2536px #fff, 236px 1626px #fff, 196px 900px #fff, 2311px 2539px #fff, 2352px 35px #fff, 1739px 2033px #fff, 326px 2223px #fff, 2440px 2163px #fff, 1585px 500px #fff, 1729px 2521px #fff, 1988px 1107px #fff, 2362px 1147px #fff, 2519px 829px #fff, 2438px 737px #fff, 1841px 807px #fff, 1102px 1146px #fff, 1233px 1387px #fff, 972px 1969px #fff, 1435px 1352px #fff, 768px 679px #fff, 2218px 2216px #fff, 1750px 1314px #fff, 211px 1691px #fff, 2392px 1204px #fff, 1764px 1967px #fff, 71px 1772px #fff, 291px 1894px #fff, 1483px 1581px #fff, 2082px 934px #fff, 333px 1403px #fff, 153px 1537px #fff, 1173px 1464px #fff, 1260px 1272px #fff, 837px 2066px #fff, 468px 567px #fff, 576px 525px #fff, 1287px 667px #fff, 1686px 2405px #fff, 1889px 1127px #fff, 1389px 2023px #fff, 1837px 2495px #fff, 1485px 1142px #fff, 682px 768px #fff, 2103px 1667px #fff, 98px 905px #fff, 2178px 494px #fff, 2480px 398px #fff, 1277px 836px #fff, 1068px 2540px #fff, 177px 2316px #fff, 803px 258px #fff, 1512px 2077px #fff, 2554px 699px #fff, 153px 2213px #fff, 2229px 1626px #fff, 172px 2039px #fff, 1514px 1360px #fff, 2510px 776px #fff, 1862px 787px #fff, 1150px 1886px #fff, 853px 551px #fff, 1152px 861px #fff, 817px 235px #fff, 1940px 2067px #fff, 462px 1877px #fff, 1091px 755px #fff, 416px 2349px #fff, 351px 167px #fff, 172px 513px #fff, 1693px 1627px #fff, 150px 678px #fff, 384px 845px #fff, 1642px 49px #fff, 490px 2167px #fff, 231px 2495px #fff, 1849px 1533px #fff, 816px 647px #fff, 1537px 302px #fff, 61px 400px #fff, 1753px 1731px #fff, 1719px 2262px #fff, 1668px 2282px #fff, 663px 1519px #fff, 1518px 2199px #fff, 896px 223px #fff, 2227px 378px #fff, 413px 2199px #fff, 783px 748px #fff, 1018px 787px #fff, 702px 2103px #fff, 1464px 372px #fff, 2098px 272px #fff, 420px 1110px #fff, 47px 385px #fff, 2475px 2258px #fff, 144px 1001px #fff, 1939px 2371px #fff, 1674px 2311px #fff, 895px 1515px #fff, 1913px 1489px #fff, 1128px 116px #fff, 895px 1796px #fff, 583px 764px #fff, 246px 128px #fff, 916px 643px #fff, 1090px 247px #fff, 2031px 1663px #fff, 842px 2243px #fff, 128px 2419px #fff, 2026px 22px #fff, 574px 2061px #fff, 1921px 599px #fff, 985px 1045px #fff, 1274px 1161px #fff, 1313px 2380px #fff, 2513px 1181px #fff, 1574px 2279px #fff, 2349px 960px #fff, 811px 1721px #fff, 615px 876px #fff, 2158px 1683px #fff, 140px 1641px #fff, 1355px 993px #fff, 631px 1921px #fff, 202px 1510px #fff, 2407px 1560px #fff, 2312px 2398px #fff, 1187px 435px #fff, 769px 800px #fff, 2300px 568px #fff, 2283px 2048px #fff, 414px 2067px #fff, 833px 1988px #fff, 460px 586px #fff, 422px 1405px #fff, 1890px 1673px #fff, 2397px 1529px #fff, 82px 1280px #fff, 1818px 438px #fff, 1842px 1162px #fff, 1490px 591px #fff, 133px 657px #fff, 1170px 1815px #fff, 1091px 1861px #fff, 1022px 1322px #fff, 2021px 381px #fff, 1324px 2342px #fff, 1742px 953px #fff, 327px 2036px #fff, 240px 1087px #fff, 280px 1730px #fff, 1802px 1735px #fff, 1720px 1466px #fff, 2293px 1671px #fff, 983px 1299px #fff, 1585px 1607px #fff, 1964px 1635px #fff, 401px 197px #fff, 1059px 1159px #fff, 988px 1263px #fff, 727px 2257px #fff, 424px 1099px #fff, 376px 1717px #fff, 203px 729px #fff, 2200px 200px #fff, 787px 1784px #fff, 1504px 1362px #fff, 641px 566px #fff, 2406px 2298px #fff, 429px 988px #fff, 1520px 35px #fff, 751px 2282px #fff, 875px 1018px #fff, 2328px 2360px #fff, 7px 1828px #fff, 857px 220px #fff, 2125px 1076px #fff, 1425px 1649px #fff, 2428px 955px #fff, 337px 2145px #fff, 1604px 1554px #fff, 973px 2475px #fff, 2332px 1534px #fff, 587px 1897px #fff, 1637px 1709px #fff, 67px 902px #fff, 2020px 28px #fff, 2482px 2178px #fff, 2242px 2191px #fff, 1887px 1753px #fff, 719px 1082px #fff, 808px 2352px #fff, 1495px 565px #fff, 1236px 1322px #fff, 652px 1314px #fff, 783px 158px #fff, 1979px 1872px #fff, 1329px 67px #fff, 2353px 1793px #fff, 237px 1385px #fff, 854px 2406px #fff, 296px 2553px #fff, 542px 285px #fff, 235px 1130px #fff, 2108px 1371px #fff, 1837px 2047px #fff, 597px 891px #fff, 2411px 2109px #fff, 1615px 661px #fff, 2233px 1685px #fff, 2046px 81px #fff, 830px 2275px #fff, 1029px 312px #fff, 495px 1976px #fff, 714px 1099px #fff, 426px 1895px #fff, 2463px 319px #fff, 2384px 1950px #fff, 1102px 340px #fff, 2410px 1447px #fff, 329px 1598px #fff, 570px 2544px #fff, 300px 759px #fff, 880px 185px #fff, 1628px 2028px #fff, 789px 614px #fff, 2505px 1652px #fff, 1751px 1369px #fff, 1990px 264px #fff, 1765px 2026px #fff, 528px 2268px #fff, 1648px 2409px #fff, 1497px 1546px #fff, 488px 91px #fff, 844px 1806px #fff, 762px 389px #fff, 313px 121px #fff, 236px 2478px #fff, 893px 638px #fff, 1239px 1376px #fff, 1891px 377px #fff, 1246px 2367px #fff, 2331px 1163px #fff, 379px 1875px #fff, 2126px 759px #fff, 1827px 1795px #fff, 486px 1145px #fff, 2294px 2203px #fff, 1752px 750px #fff, 2347px 405px #fff, 135px 315px #fff, 1953px 2398px #fff, 168px 1851px #fff, 280px 738px #fff, 270px 2337px #fff, 655px 891px #fff, 2281px 77px #fff, 672px 767px #fff, 1165px 119px #fff, 1325px 1605px #fff, 2264px 609px #fff, 2081px 814px #fff, 857px 1184px #fff, 1511px 144px #fff, 1547px 2013px #fff, 1173px 194px #fff, 912px 597px #fff, 2422px 774px #fff, 342px 2060px #fff, 1987px 2127px #fff, 1130px 2004px #fff, 1148px 1365px #fff, 649px 2257px #fff, 629px 746px #fff, 771px 1937px #fff, 2162px 774px #fff, 483px 574px #fff, 189px 1763px #fff, 272px 1889px #fff, 1887px 2349px #fff, 1950px 220px #fff, 353px 1353px #fff, 484px 2470px #fff, 868px 1580px #fff, 1500px 1531px #fff, 2228px 640px #fff, 1407px 347px #fff, 1388px 532px #fff, 2336px 8px #fff, 1629px 1095px #fff, 540px 79px #fff, 2047px 144px #fff, 2256px 1492px #fff, 1789px 1662px #fff, 1246px 2098px #fff, 1248px 1250px #fff, 2110px 2249px #fff, 1052px 2361px #fff, 308px 1962px #fff, 830px 624px #fff, 1915px 413px #fff, 308px 2192px #fff, 1047px 1918px #fff, 2009px 1798px #fff, 2530px 864px #fff, 108px 1535px #fff, 2167px 895px #fff, 923px 1760px #fff, 496px 1913px #fff, 1398px 2094px #fff, 1851px 1243px #fff, 121px 1485px #fff, 2195px 1744px #fff;
  height: 1px;
  width: 1px;
}

.particle-2 {
  -webkit-animation: animParticle 120s linear infinite;
          animation: animParticle 120s linear infinite;
  box-shadow: 0px 0px #fff, 1435px 124px #fff, 2082px 48px #fff, 2255px 1696px #fff, 387px 2100px #fff, 763px 1237px #fff, 997px 2051px #fff, 1046px 2390px #fff, 2076px 2290px #fff, 1527px 689px #fff, 2533px 2389px #fff, 1171px 1738px #fff, 598px 412px #fff, 39px 1446px #fff, 2103px 2456px #fff, 2120px 2363px #fff, 2127px 101px #fff, 2513px 1918px #fff, 181px 1711px #fff, 1px 1576px #fff, 1304px 597px #fff, 1083px 1709px #fff, 1903px 871px #fff, 680px 2220px #fff, 1640px 1059px #fff, 2133px 2029px #fff, 1726px 336px #fff, 2104px 1318px #fff, 1264px 1290px #fff, 261px 620px #fff, 983px 2218px #fff, 1951px 485px #fff, 791px 1879px #fff, 2431px 1689px #fff, 1817px 1586px #fff, 2123px 67px #fff, 2209px 2164px #fff, 1369px 472px #fff, 86px 2187px #fff, 1976px 2273px #fff, 429px 1209px #fff, 1669px 427px #fff, 2446px 1996px #fff, 2033px 1843px #fff, 2056px 2180px #fff, 2392px 1813px #fff, 1250px 1465px #fff, 2008px 1325px #fff, 624px 1157px #fff, 1129px 1300px #fff, 43px 2296px #fff, 1508px 1748px #fff, 1250px 701px #fff, 2437px 1424px #fff, 2277px 2268px #fff, 1625px 2001px #fff, 1347px 862px #fff, 18px 272px #fff, 68px 2547px #fff, 2385px 1593px #fff, 888px 2410px #fff, 1040px 1907px #fff, 1295px 114px #fff, 689px 840px #fff, 1985px 1740px #fff, 1383px 1964px #fff, 1433px 2060px #fff, 2113px 485px #fff, 412px 287px #fff, 375px 2549px #fff, 405px 1009px #fff, 737px 1353px #fff, 959px 1706px #fff, 1295px 658px #fff, 1831px 945px #fff, 1582px 215px #fff, 1169px 2389px #fff, 2502px 368px #fff, 1958px 1495px #fff, 1937px 1573px #fff, 2435px 2167px #fff, 539px 979px #fff, 226px 2368px #fff, 2274px 2129px #fff, 567px 2404px #fff, 254px 1746px #fff, 1986px 691px #fff, 1416px 1872px #fff, 1094px 1764px #fff, 44px 1654px #fff, 162px 58px #fff, 375px 451px #fff, 842px 1598px #fff, 1528px 2366px #fff, 191px 2176px #fff, 453px 2154px #fff, 1723px 117px #fff, 1895px 566px #fff, 1763px 2428px #fff, 1781px 452px #fff, 666px 1248px #fff, 752px 1498px #fff, 1143px 2007px #fff, 1557px 2376px #fff, 1704px 1920px #fff, 1773px 2247px #fff, 59px 1608px #fff, 1272px 2020px #fff, 1514px 391px #fff, 2312px 2074px #fff, 1903px 276px #fff, 1368px 899px #fff, 2291px 2171px #fff, 452px 983px #fff, 169px 1490px #fff, 1685px 1081px #fff, 1041px 1310px #fff, 1086px 2029px #fff, 639px 1421px #fff, 1195px 1625px #fff, 2093px 1054px #fff, 2530px 1801px #fff, 1450px 316px #fff, 2230px 895px #fff, 628px 506px #fff, 1471px 1314px #fff, 1339px 1769px #fff, 837px 2341px #fff, 2404px 1834px #fff, 683px 2374px #fff, 2164px 2161px #fff, 1818px 2521px #fff, 1630px 316px #fff, 1877px 1870px #fff, 1712px 1649px #fff, 911px 1644px #fff, 2075px 1258px #fff, 2170px 423px #fff, 882px 1344px #fff, 1954px 1326px #fff, 2215px 610px #fff, 2061px 515px #fff, 758px 1975px #fff, 2483px 1520px #fff, 51px 841px #fff, 2487px 654px #fff, 958px 1124px #fff, 797px 693px #fff, 2127px 1101px #fff, 2086px 679px #fff, 2532px 847px #fff, 2071px 1273px #fff, 472px 48px #fff, 2348px 1443px #fff, 149px 1735px #fff, 2062px 1518px #fff, 1889px 413px #fff, 2039px 1254px #fff, 1520px 1240px #fff, 1747px 2373px #fff, 1489px 2544px #fff, 95px 1970px #fff, 1360px 436px #fff, 297px 145px #fff, 323px 2089px #fff, 107px 5px #fff, 152px 400px #fff, 1914px 2037px #fff, 31px 604px #fff, 668px 818px #fff, 235px 610px #fff, 2188px 605px #fff, 1252px 319px #fff, 2001px 1139px #fff, 673px 1399px #fff, 2291px 517px #fff, 2558px 324px #fff, 1177px 497px #fff, 1566px 1350px #fff, 912px 384px #fff, 2347px 445px #fff, 1939px 2138px #fff, 456px 2333px #fff, 696px 198px #fff, 691px 645px #fff, 1855px 1829px #fff, 1918px 1279px #fff, 81px 1586px #fff, 2305px 2307px #fff, 2343px 1299px #fff, 2030px 1114px #fff, 2001px 1367px #fff, 2446px 1893px #fff, 2154px 1895px #fff, 1279px 185px #fff, 448px 2043px #fff, 2118px 1699px #fff, 1843px 2240px #fff, 416px 1553px #fff, 1783px 1278px #fff, 1672px 1183px #fff;
  height: 2px;
  width: 2px;
}

.particle-2:after {
  box-shadow: 0px 0px #fff, 2269px 356px #fff, 843px 878px #fff, 1466px 1101px #fff, 1580px 1241px #fff, 2007px 567px #fff, 1256px 777px #fff, 994px 419px #fff, 863px 221px #fff, 1403px 1004px #fff, 1339px 413px #fff, 1767px 1538px #fff, 1848px 2000px #fff, 982px 481px #fff, 252px 1353px #fff, 1911px 1038px #fff, 1093px 1261px #fff, 965px 1083px #fff, 2007px 1134px #fff, 1042px 771px #fff, 2165px 2335px #fff, 1448px 959px #fff, 617px 1231px #fff, 493px 2221px #fff, 2447px 110px #fff, 2191px 2477px #fff, 934px 1188px #fff, 1539px 1175px #fff, 1127px 1313px #fff, 237px 1833px #fff, 1499px 1776px #fff, 2063px 662px #fff, 732px 1158px #fff, 619px 2162px #fff, 1012px 2415px #fff, 2176px 693px #fff, 1741px 992px #fff, 638px 1192px #fff, 2280px 1621px #fff, 2522px 1726px #fff, 2010px 583px #fff, 1294px 920px #fff, 754px 434px #fff, 1621px 1411px #fff, 574px 2484px #fff, 1288px 1331px #fff, 1104px 1882px #fff, 2455px 14px #fff, 252px 1669px #fff, 1226px 859px #fff, 1446px 920px #fff, 103px 2488px #fff, 309px 715px #fff, 1549px 290px #fff, 1029px 1269px #fff, 2250px 1242px #fff, 2136px 727px #fff, 509px 2445px #fff, 1109px 2295px #fff, 1631px 894px #fff, 96px 959px #fff, 2461px 2447px #fff, 56px 533px #fff, 547px 83px #fff, 1264px 2407px #fff, 330px 1755px #fff, 2253px 2121px #fff, 362px 2279px #fff, 2231px 875px #fff, 121px 1612px #fff, 707px 247px #fff, 776px 661px #fff, 2226px 1941px #fff, 1942px 2559px #fff, 1093px 448px #fff, 2163px 1749px #fff, 79px 2298px #fff, 361px 1082px #fff, 161px 959px #fff, 448px 1970px #fff, 937px 1678px #fff, 573px 925px #fff, 1679px 1508px #fff, 1738px 2043px #fff, 18px 1774px #fff, 204px 2331px #fff, 1180px 362px #fff, 1651px 867px #fff, 528px 1320px #fff, 2471px 571px #fff, 2218px 71px #fff, 1337px 452px #fff, 179px 262px #fff, 2118px 2542px #fff, 2078px 625px #fff, 783px 716px #fff, 432px 1380px #fff, 693px 308px #fff, 1248px 1195px #fff, 98px 43px #fff, 2496px 540px #fff, 1889px 1087px #fff, 1037px 1519px #fff, 546px 47px #fff, 530px 2519px #fff, 1981px 517px #fff, 577px 1970px #fff, 273px 1899px #fff, 829px 695px #fff, 610px 369px #fff, 219px 1509px #fff, 13px 513px #fff, 983px 269px #fff, 2453px 2432px #fff, 230px 1092px #fff, 1811px 1152px #fff, 1744px 1011px #fff, 1129px 2140px #fff, 977px 1206px #fff, 498px 1499px #fff, 713px 2332px #fff, 2092px 147px #fff, 840px 2369px #fff, 2086px 699px #fff, 2001px 156px #fff, 2092px 2047px #fff, 1954px 2244px #fff, 356px 2546px #fff, 216px 96px #fff, 1882px 531px #fff, 939px 1779px #fff, 2330px 2158px #fff, 654px 1615px #fff, 1443px 2520px #fff, 469px 1323px #fff, 1352px 1322px #fff, 977px 1081px #fff, 2299px 454px #fff, 200px 401px #fff, 944px 133px #fff, 2537px 1079px #fff, 1758px 759px #fff, 2559px 171px #fff, 913px 591px #fff, 973px 1206px #fff, 42px 1598px #fff, 1095px 2402px #fff, 1790px 1994px #fff, 736px 708px #fff, 2415px 1501px #fff, 207px 350px #fff, 1663px 411px #fff, 2400px 302px #fff, 2493px 781px #fff, 1885px 368px #fff, 1872px 1186px #fff, 1687px 1334px #fff, 507px 2043px #fff, 2530px 458px #fff, 1718px 1298px #fff, 979px 1633px #fff, 612px 1329px #fff, 733px 3px #fff, 2140px 73px #fff, 240px 2085px #fff, 2214px 2359px #fff, 1248px 2487px #fff, 2392px 1364px #fff, 2010px 2184px #fff, 1119px 1343px #fff, 1418px 2496px #fff, 732px 1401px #fff, 2339px 402px #fff, 1427px 1312px #fff, 1901px 380px #fff, 1562px 189px #fff, 2173px 1534px #fff, 1553px 1613px #fff, 2503px 1862px #fff, 2245px 1008px #fff, 2262px 1570px #fff, 498px 1336px #fff, 979px 1198px #fff, 2112px 313px #fff, 2019px 1472px #fff, 1352px 1476px #fff, 978px 1666px #fff, 682px 972px #fff, 1425px 1003px #fff, 1390px 2159px #fff, 2061px 1218px #fff, 546px 970px #fff, 1009px 1779px #fff, 1564px 1649px #fff, 1139px 1017px #fff, 894px 336px #fff, 679px 662px #fff, 1769px 933px #fff, 519px 994px #fff, 384px 2546px #fff, 436px 1850px #fff;
  height: 2px;
  width: 2px;
}

.particle-3 {
  -webkit-animation: animParticle 180s linear infinite;
          animation: animParticle 180s linear infinite;
  box-shadow: 0px 0px #fff, 1585px 631px #fff, 1576px 1502px #fff, 370px 116px #fff, 1035px 2287px #fff, 2506px 1398px #fff, 874px 1878px #fff, 1694px 472px #fff, 1743px 642px #fff, 2046px 574px #fff, 2078px 1012px #fff, 43px 2026px #fff, 1895px 727px #fff, 1278px 2225px #fff, 393px 1158px #fff, 2545px 2470px #fff, 208px 1541px #fff, 547px 733px #fff, 2266px 146px #fff, 910px 2375px #fff, 2124px 1814px #fff, 609px 1323px #fff, 1320px 1672px #fff, 2559px 2061px #fff, 2447px 1410px #fff, 1813px 1836px #fff, 2226px 1808px #fff, 1649px 1022px #fff, 801px 2314px #fff, 711px 2559px #fff, 992px 2281px #fff, 1136px 1169px #fff, 961px 681px #fff, 906px 1170px #fff, 565px 2294px #fff, 416px 1135px #fff, 535px 312px #fff, 2137px 1111px #fff, 528px 864px #fff, 1809px 353px #fff, 1297px 1131px #fff, 2529px 1443px #fff, 2462px 2325px #fff, 711px 1716px #fff, 827px 67px #fff, 2019px 2029px #fff, 1730px 542px #fff, 1250px 1193px #fff, 1434px 1676px #fff, 2237px 2557px #fff, 1870px 593px #fff, 1031px 1216px #fff, 1493px 225px #fff, 1547px 1242px #fff, 834px 743px #fff, 2425px 710px #fff, 2517px 2270px #fff, 2431px 195px #fff, 294px 1488px #fff, 711px 238px #fff, 1287px 1869px #fff, 2145px 120px #fff, 879px 1816px #fff, 1579px 186px #fff, 1243px 916px #fff, 2014px 56px #fff, 826px 1169px #fff, 263px 1662px #fff, 209px 55px #fff, 1779px 850px #fff, 1123px 1517px #fff, 1617px 421px #fff, 517px 2530px #fff, 2491px 746px #fff, 1881px 1253px #fff, 376px 164px #fff, 793px 568px #fff, 2415px 2352px #fff, 2445px 1600px #fff, 1597px 447px #fff, 880px 1471px #fff, 2397px 1664px #fff, 1371px 2294px #fff, 2557px 1228px #fff, 1059px 1892px #fff, 1918px 1663px #fff, 374px 1459px #fff, 960px 137px #fff, 1639px 593px #fff, 1258px 1750px #fff, 2129px 963px #fff, 1005px 1190px #fff, 1407px 2196px #fff, 1722px 693px #fff, 897px 1300px #fff, 2508px 2304px #fff, 274px 1089px #fff, 2427px 546px #fff, 673px 491px #fff, 195px 1059px #fff, 2498px 50px #fff;
  height: 3px;
  width: 3px;
}

.particle-3:after {
  box-shadow: 0px 0px #fff, 1410px 1194px #fff, 358px 276px #fff, 1234px 264px #fff, 1821px 1693px #fff, 638px 227px #fff, 2326px 858px #fff, 446px 351px #fff, 1956px 2290px #fff, 1957px 539px #fff, 1064px 356px #fff, 1300px 250px #fff, 414px 1678px #fff, 1007px 1383px #fff, 531px 1099px #fff, 1119px 1142px #fff, 2360px 505px #fff, 1631px 700px #fff, 2209px 927px #fff, 1123px 1679px #fff, 658px 1929px #fff, 270px 881px #fff, 474px 1848px #fff, 232px 1732px #fff, 2520px 1930px #fff, 1374px 2496px #fff, 1335px 1076px #fff, 2179px 1310px #fff, 2406px 1788px #fff, 1480px 1883px #fff, 410px 1198px #fff, 2210px 1792px #fff, 2335px 38px #fff, 1893px 1009px #fff, 1113px 1448px #fff, 1401px 647px #fff, 2132px 1543px #fff, 899px 206px #fff, 1351px 1266px #fff, 331px 450px #fff, 2522px 1272px #fff, 808px 345px #fff, 1966px 1418px #fff, 1300px 2303px #fff, 1723px 1098px #fff, 118px 1440px #fff, 1591px 1624px #fff, 1228px 2331px #fff, 1915px 487px #fff, 1047px 838px #fff, 1107px 340px #fff, 965px 240px #fff, 1532px 1094px #fff, 2385px 2064px #fff, 1429px 2226px #fff, 885px 1658px #fff, 230px 653px #fff, 683px 1893px #fff, 1769px 2000px #fff, 1250px 653px #fff, 1472px 1327px #fff, 821px 2089px #fff, 1560px 455px #fff, 554px 1628px #fff, 1934px 293px #fff, 2295px 1145px #fff, 1054px 1803px #fff, 1586px 2093px #fff, 2191px 354px #fff, 847px 1317px #fff, 152px 2286px #fff, 1797px 1108px #fff, 524px 1432px #fff, 1204px 1302px #fff, 1771px 622px #fff, 2494px 871px #fff, 1145px 346px #fff, 247px 2446px #fff, 459px 189px #fff, 2529px 593px #fff, 1581px 546px #fff, 75px 79px #fff, 1606px 1862px #fff, 2374px 333px #fff, 544px 170px #fff, 1418px 1946px #fff, 543px 2159px #fff, 663px 588px #fff, 175px 1209px #fff, 567px 2556px #fff, 1989px 1379px #fff, 870px 589px #fff, 1415px 1755px #fff, 159px 1801px #fff, 1749px 1449px #fff, 1555px 862px #fff, 2298px 520px #fff, 1247px 576px #fff, 764px 674px #fff, 1329px 1087px #fff, 2438px 851px #fff;
  height: 3px;
  width: 3px;
}

.particle-4 {
  -webkit-animation: animParticle 600s linear infinite;
          animation: animParticle 600s linear infinite;
  box-shadow: 0px 0px #fff, 910px 349px #fff, 1912px 1491px #fff, 1303px 430px #fff, 2451px 1692px #fff, 430px 429px #fff, 244px 2253px #fff, 284px 1673px #fff, 96px 342px #fff, 1632px 2530px #fff, 1169px 545px #fff, 131px 482px #fff, 1598px 710px #fff, 1793px 1397px #fff, 1444px 450px #fff, 136px 1526px #fff, 2203px 1462px #fff, 931px 419px #fff, 2327px 908px #fff, 2026px 734px #fff, 2044px 40px #fff, 1055px 1911px #fff, 1827px 2325px #fff, 1534px 2157px #fff, 1093px 651px #fff, 962px 422px #fff, 1570px 92px #fff, 2168px 2244px #fff, 1721px 1244px #fff, 1852px 1270px #fff, 1818px 1175px #fff, 1427px 722px #fff, 1541px 77px #fff, 854px 915px #fff, 1508px 518px #fff, 2226px 1117px #fff, 1017px 1183px #fff, 176px 1017px #fff, 2533px 758px #fff, 1416px 2001px #fff, 2474px 529px #fff, 2368px 40px #fff, 21px 588px #fff, 2214px 493px #fff, 1321px 429px #fff, 1737px 1829px #fff, 1838px 787px #fff, 278px 2029px #fff, 1358px 1667px #fff, 1840px 771px #fff, 367px 2173px #fff, 1738px 1387px #fff, 286px 1346px #fff, 49px 648px #fff, 806px 1202px #fff, 2041px 2314px #fff, 562px 2047px #fff, 360px 2472px #fff, 943px 871px #fff, 2169px 1552px #fff, 367px 560px #fff, 2427px 448px #fff, 1424px 954px #fff, 2393px 69px #fff, 139px 2479px #fff, 2493px 2361px #fff, 733px 1605px #fff, 1073px 1893px #fff, 604px 236px #fff, 1704px 655px #fff, 426px 829px #fff, 871px 1465px #fff, 2092px 1601px #fff, 976px 1102px #fff, 1471px 1003px #fff, 2147px 239px #fff, 2145px 2332px #fff, 1674px 494px #fff, 172px 934px #fff, 2388px 375px #fff, 710px 1764px #fff, 858px 1629px #fff, 2103px 959px #fff, 2380px 1236px #fff, 2111px 1291px #fff, 2026px 273px #fff, 1472px 1724px #fff, 2103px 2411px #fff, 1504px 2079px #fff, 1883px 483px #fff, 1841px 752px #fff, 1590px 2200px #fff, 271px 2425px #fff, 175px 586px #fff, 1727px 1433px #fff, 601px 214px #fff, 2337px 1291px #fff, 530px 34px #fff, 1007px 1080px #fff, 2076px 1908px #fff, 2270px 39px #fff, 1074px 2541px #fff, 480px 1434px #fff, 762px 2391px #fff, 1000px 651px #fff, 2526px 1293px #fff, 1432px 986px #fff, 1675px 1776px #fff, 1015px 2066px #fff, 81px 1120px #fff, 854px 1249px #fff, 960px 1103px #fff, 2174px 630px #fff, 2451px 1741px #fff, 1028px 988px #fff, 1059px 316px #fff, 121px 1655px #fff, 1433px 1717px #fff, 156px 1858px #fff, 524px 1718px #fff, 87px 1675px #fff, 1932px 2521px #fff, 2496px 115px #fff, 1679px 632px #fff, 288px 1606px #fff, 1060px 2398px #fff, 1302px 2414px #fff, 2303px 677px #fff, 1720px 2070px #fff, 1774px 2297px #fff, 603px 1574px #fff, 244px 588px #fff, 978px 871px #fff, 1368px 1001px #fff, 1827px 1555px #fff, 1478px 1288px #fff, 246px 531px #fff, 1206px 2239px #fff, 1466px 2386px #fff, 1662px 2507px #fff, 1200px 476px #fff, 2471px 408px #fff, 1980px 1730px #fff, 956px 1643px #fff, 1730px 454px #fff, 2140px 1189px #fff, 975px 2349px #fff, 457px 65px #fff, 559px 1944px #fff, 135px 396px #fff, 2053px 1923px #fff, 909px 2366px #fff, 525px 1357px #fff, 1151px 2339px #fff, 2308px 1431px #fff, 311px 830px #fff, 323px 1031px #fff, 462px 572px #fff, 2208px 1853px #fff, 1777px 1536px #fff, 178px 1594px #fff, 441px 424px #fff, 1131px 1961px #fff, 1992px 54px #fff, 537px 1830px #fff, 358px 1643px #fff, 895px 502px #fff, 1835px 93px #fff, 78px 2269px #fff, 2318px 1345px #fff, 1032px 93px #fff, 1897px 2519px #fff, 1262px 1243px #fff, 2401px 937px #fff, 491px 636px #fff, 202px 432px #fff, 969px 1196px #fff, 2512px 1838px #fff, 328px 329px #fff, 1790px 68px #fff, 721px 1799px #fff, 755px 2362px #fff, 960px 485px #fff, 1398px 832px #fff, 1075px 2053px #fff, 2272px 1365px #fff, 526px 1110px #fff, 710px 101px #fff, 599px 233px #fff, 251px 2221px #fff, 1672px 307px #fff, 480px 1049px #fff, 979px 135px #fff, 1911px 1700px #fff, 133px 1097px #fff, 200px 791px #fff, 525px 2450px #fff, 849px 1476px #fff, 332px 1494px #fff, 1904px 1274px #fff, 787px 1086px #fff, 127px 1131px #fff, 2215px 961px #fff, 1284px 2166px #fff, 2494px 1828px #fff, 770px 2444px #fff, 1078px 1575px #fff, 377px 1854px #fff, 635px 931px #fff, 828px 2215px #fff, 1496px 302px #fff, 178px 2078px #fff, 522px 945px #fff, 803px 1942px #fff, 1662px 721px #fff, 63px 535px #fff, 1050px 928px #fff, 570px 1665px #fff, 2035px 1345px #fff, 623px 302px #fff, 1939px 141px #fff, 2424px 1220px #fff, 769px 280px #fff, 2492px 2025px #fff, 345px 1363px #fff, 1792px 514px #fff, 1176px 166px #fff, 1063px 1462px #fff, 1771px 1510px #fff, 1003px 75px #fff, 845px 175px #fff, 501px 858px #fff, 485px 1447px #fff, 2471px 1426px #fff, 1325px 203px #fff, 1280px 537px #fff, 755px 668px #fff, 4px 2539px #fff, 2506px 958px #fff, 1293px 1693px #fff, 1260px 2475px #fff, 1026px 1562px #fff, 823px 1725px #fff, 1058px 1495px #fff, 2068px 884px #fff, 172px 572px #fff, 71px 19px #fff, 2175px 1460px #fff, 2028px 311px #fff, 1271px 122px #fff, 278px 888px #fff, 2556px 1770px #fff, 2168px 1824px #fff, 537px 2177px #fff, 659px 1702px #fff, 734px 24px #fff, 431px 541px #fff, 716px 2448px #fff, 1314px 1699px #fff, 636px 329px #fff, 2286px 599px #fff, 653px 269px #fff, 1410px 624px #fff, 1830px 910px #fff, 2021px 2388px #fff, 1596px 628px #fff, 2191px 2371px #fff, 1822px 109px #fff, 2440px 495px #fff, 407px 1346px #fff, 2146px 96px #fff, 1968px 171px #fff, 2204px 1729px #fff, 615px 1302px #fff, 74px 1927px #fff, 1463px 1109px #fff, 1266px 184px #fff, 2357px 585px #fff, 646px 448px #fff, 44px 1862px #fff, 676px 730px #fff, 913px 1083px #fff, 2101px 376px #fff, 1021px 334px #fff, 1577px 1521px #fff, 928px 576px #fff, 72px 334px #fff, 516px 1993px #fff, 709px 1953px #fff, 1019px 1993px #fff, 169px 1293px #fff, 157px 1369px #fff, 2513px 991px #fff, 1728px 2234px #fff, 98px 1198px #fff, 2244px 179px #fff, 927px 1426px #fff, 1645px 1678px #fff, 2455px 1491px #fff, 1251px 2324px #fff, 2001px 912px #fff, 442px 2374px #fff, 405px 2348px #fff, 1530px 2544px #fff, 2058px 1505px #fff, 2533px 1364px #fff, 839px 1457px #fff, 1267px 549px #fff, 1090px 2172px #fff, 2073px 683px #fff, 2432px 2414px #fff, 1216px 2393px #fff, 1990px 786px #fff, 1935px 304px #fff, 607px 1621px #fff, 1605px 2088px #fff, 1265px 1000px #fff, 1325px 2289px #fff, 229px 2249px #fff, 2384px 306px #fff, 2096px 2088px #fff, 2363px 1715px #fff, 2485px 1431px #fff, 1404px 562px #fff, 795px 1635px #fff, 275px 1308px #fff, 1311px 1448px #fff, 2046px 231px #fff, 1802px 2373px #fff, 186px 1620px #fff, 2094px 1569px #fff, 14px 2421px #fff, 576px 1997px #fff, 1532px 205px #fff, 1108px 2211px #fff, 2331px 632px #fff, 2178px 181px #fff, 201px 1131px #fff, 1124px 2176px #fff, 314px 435px #fff, 1956px 219px #fff, 1909px 2329px #fff, 535px 2047px #fff, 1907px 937px #fff, 809px 2292px #fff, 1977px 2042px #fff, 286px 1775px #fff, 1393px 2037px #fff, 1891px 1949px #fff, 1756px 35px #fff, 1045px 2278px #fff, 754px 973px #fff, 1840px 714px #fff, 432px 1947px #fff, 427px 2206px #fff, 841px 2413px #fff, 1627px 1049px #fff, 1019px 656px #fff, 1877px 101px #fff, 1676px 1818px #fff, 246px 2031px #fff, 1236px 12px #fff, 2186px 1224px #fff, 2390px 2098px #fff, 1861px 494px #fff, 545px 1782px #fff, 1150px 352px #fff, 961px 655px #fff, 494px 1329px #fff, 1672px 1789px #fff, 187px 860px #fff, 1589px 1431px #fff, 1919px 629px #fff, 2153px 26px #fff, 1221px 391px #fff, 838px 1851px #fff, 1358px 628px #fff, 2505px 2329px #fff, 2547px 531px #fff, 64px 2112px #fff, 1048px 2494px #fff, 1223px 2342px #fff, 162px 1905px #fff, 2552px 2022px #fff, 1531px 1522px #fff, 306px 2559px #fff, 1461px 1878px #fff, 992px 2174px #fff, 2403px 375px #fff, 2241px 764px #fff, 1809px 1367px #fff, 1101px 769px #fff, 1857px 513px #fff, 2099px 2191px #fff, 2434px 1181px #fff, 1405px 1790px #fff, 1139px 2329px #fff, 1662px 2434px #fff, 1456px 16px #fff, 2248px 2089px #fff, 713px 2097px #fff;
  height: 1px;
  width: 1px;
}

.particle-4:after {
  box-shadow: 0px 0px #fff, 224px 1033px #fff, 1301px 372px #fff, 1060px 1154px #fff, 2149px 795px #fff, 537px 1735px #fff, 1024px 2552px #fff, 305px 1235px #fff, 2402px 1633px #fff, 216px 589px #fff, 1518px 1179px #fff, 1252px 735px #fff, 75px 1978px #fff, 1108px 2158px #fff, 1686px 1412px #fff, 1914px 2009px #fff, 90px 1252px #fff, 564px 2034px #fff, 1550px 1397px #fff, 2352px 1512px #fff, 82px 808px #fff, 1572px 2430px #fff, 364px 369px #fff, 1698px 607px #fff, 1614px 1071px #fff, 685px 2123px #fff, 924px 2431px #fff, 243px 601px #fff, 2117px 1543px #fff, 1921px 2065px #fff, 372px 1197px #fff, 677px 1965px #fff, 1415px 1676px #fff, 837px 835px #fff, 1494px 171px #fff, 1294px 2118px #fff, 1704px 777px #fff, 2223px 2304px #fff, 1057px 1484px #fff, 364px 928px #fff, 2388px 214px #fff, 603px 1562px #fff, 63px 1392px #fff, 1291px 1942px #fff, 52px 1655px #fff, 29px 584px #fff, 1395px 1472px #fff, 1777px 712px #fff, 1395px 1357px #fff, 1864px 1133px #fff, 2461px 1429px #fff, 926px 464px #fff, 1890px 1488px #fff, 965px 2290px #fff, 1013px 1998px #fff, 1352px 338px #fff, 2167px 1451px #fff, 1394px 2079px #fff, 148px 129px #fff, 2066px 587px #fff, 1823px 1997px #fff, 578px 724px #fff, 1304px 2295px #fff, 916px 1982px #fff, 2443px 2140px #fff, 711px 1344px #fff, 1045px 446px #fff, 348px 2077px #fff, 282px 910px #fff, 2278px 1635px #fff, 1087px 1488px #fff, 2024px 419px #fff, 2535px 1440px #fff, 2433px 566px #fff, 86px 1113px #fff, 524px 1251px #fff, 518px 966px #fff, 2419px 283px #fff, 1965px 178px #fff, 332px 1484px #fff, 1820px 1926px #fff, 2177px 84px #fff, 1114px 154px #fff, 864px 2172px #fff, 2073px 1347px #fff, 797px 1085px #fff, 300px 1779px #fff, 2296px 1007px #fff, 2482px 2044px #fff, 498px 2134px #fff, 2181px 890px #fff, 1507px 866px #fff, 131px 1758px #fff, 1593px 1365px #fff, 2124px 2003px #fff, 549px 2217px #fff, 1033px 2497px #fff, 2414px 2007px #fff, 1245px 612px #fff, 2092px 809px #fff, 2122px 1458px #fff, 2265px 2270px #fff, 79px 1799px #fff, 1984px 589px #fff, 1119px 1318px #fff, 2357px 2364px #fff, 418px 359px #fff, 855px 938px #fff, 1490px 2060px #fff, 673px 265px #fff, 1791px 395px #fff, 761px 1223px #fff, 1753px 2019px #fff, 2138px 1287px #fff, 1569px 526px #fff, 943px 845px #fff, 2132px 1975px #fff, 1420px 2012px #fff, 1428px 1006px #fff, 1782px 1901px #fff, 1633px 2476px #fff, 2333px 262px #fff, 2236px 2552px #fff, 2129px 2332px #fff, 580px 188px #fff, 25px 1691px #fff, 379px 2502px #fff, 1354px 1645px #fff, 18px 104px #fff, 2095px 594px #fff, 1250px 2176px #fff, 2251px 1055px #fff, 2214px 1600px #fff, 626px 691px #fff, 435px 2318px #fff, 2296px 1567px #fff, 254px 1650px #fff, 285px 199px #fff, 282px 89px #fff, 34px 1204px #fff, 1359px 2182px #fff, 2540px 2301px #fff, 891px 1179px #fff, 237px 666px #fff, 1557px 2175px #fff, 998px 2104px #fff, 1313px 151px #fff, 2086px 891px #fff, 2391px 115px #fff, 1299px 136px #fff, 2073px 868px #fff, 2344px 1955px #fff, 1588px 266px #fff, 115px 762px #fff, 1470px 757px #fff, 2176px 2495px #fff, 1840px 1007px #fff, 1427px 1248px #fff, 2489px 37px #fff, 1040px 287px #fff, 885px 906px #fff, 487px 500px #fff, 116px 1645px #fff, 465px 1165px #fff, 818px 77px #fff, 2079px 604px #fff, 2232px 1776px #fff, 1978px 1761px #fff, 1834px 531px #fff, 627px 1524px #fff, 256px 2085px #fff, 1296px 1764px #fff, 2384px 378px #fff, 1161px 198px #fff, 370px 2228px #fff, 1378px 1077px #fff, 674px 743px #fff, 2186px 912px #fff, 934px 242px #fff, 89px 1334px #fff, 706px 2015px #fff, 1412px 488px #fff, 352px 101px #fff, 1284px 1711px #fff, 381px 1785px #fff, 308px 276px #fff, 1546px 1849px #fff, 1012px 1860px #fff, 2439px 1583px #fff, 1160px 1826px #fff, 1464px 2088px #fff, 2173px 427px #fff, 1935px 2487px #fff, 2193px 2285px #fff, 1872px 394px #fff, 1720px 1929px #fff, 976px 1555px #fff, 894px 1610px #fff, 171px 1285px #fff, 1542px 1411px #fff, 2222px 1619px #fff, 1652px 1573px #fff, 596px 606px #fff, 601px 857px #fff, 312px 761px #fff, 1930px 1631px #fff, 2446px 634px #fff, 577px 635px #fff, 1620px 2095px #fff, 2481px 868px #fff, 2044px 962px #fff, 363px 1784px #fff, 483px 1497px #fff, 2530px 101px #fff, 1148px 2197px #fff, 879px 1748px #fff, 321px 897px #fff, 685px 571px #fff, 861px 1590px #fff, 653px 915px #fff, 2123px 1932px #fff, 720px 448px #fff, 1533px 1011px #fff, 746px 1439px #fff, 2375px 1022px #fff, 2445px 2000px #fff, 678px 423px #fff, 356px 712px #fff, 2392px 2445px #fff, 2047px 1106px #fff, 2422px 2495px #fff, 2177px 2291px #fff, 1489px 1044px #fff, 272px 2516px #fff, 1691px 2342px #fff, 1353px 1100px #fff, 2361px 1325px #fff, 2340px 748px #fff, 830px 1574px #fff, 1216px 1586px #fff, 2404px 1668px #fff, 1275px 202px #fff, 1990px 1497px #fff, 1405px 1842px #fff, 1141px 688px #fff, 1946px 1193px #fff, 72px 215px #fff, 174px 1254px #fff, 620px 1759px #fff, 2480px 829px #fff, 2509px 1125px #fff, 2297px 1821px #fff, 2062px 1727px #fff, 2280px 1755px #fff, 937px 509px #fff, 980px 1883px #fff, 1645px 1499px #fff, 749px 488px #fff, 1332px 2234px #fff, 1933px 656px #fff, 830px 1723px #fff, 925px 2162px #fff, 2149px 2186px #fff, 1892px 507px #fff, 163px 190px #fff, 2037px 205px #fff, 407px 926px #fff, 526px 2120px #fff, 869px 1951px #fff, 164px 45px #fff, 1803px 642px #fff, 381px 61px #fff, 2372px 45px #fff, 1059px 572px #fff, 2085px 952px #fff, 1617px 591px #fff, 76px 2518px #fff, 432px 2115px #fff, 2469px 154px #fff, 1364px 896px #fff, 342px 3px #fff, 206px 366px #fff, 979px 1174px #fff, 2010px 2083px #fff, 1689px 737px #fff, 565px 232px #fff, 1484px 1220px #fff, 874px 1915px #fff, 193px 714px #fff, 1885px 138px #fff, 1214px 1197px #fff, 2268px 279px #fff, 1831px 2446px #fff, 1637px 1014px #fff, 2241px 395px #fff, 1715px 2508px #fff, 2160px 1109px #fff, 2128px 26px #fff, 1511px 2023px #fff, 1784px 798px #fff, 1218px 776px #fff, 2072px 2127px #fff, 1697px 341px #fff, 1628px 2302px #fff, 446px 796px #fff, 1624px 2217px #fff, 1503px 2217px #fff, 2315px 2001px #fff, 1173px 156px #fff, 1612px 2502px #fff, 229px 2210px #fff, 2271px 1027px #fff, 1229px 12px #fff, 203px 925px #fff, 129px 1058px #fff, 584px 139px #fff, 1150px 1054px #fff, 1294px 423px #fff, 1316px 1086px #fff, 2368px 1506px #fff, 2010px 2020px #fff, 835px 2107px #fff, 395px 2253px #fff, 2196px 1453px #fff, 1129px 235px #fff, 1889px 1111px #fff, 2138px 704px #fff, 1036px 1588px #fff, 1724px 421px #fff, 860px 1799px #fff, 735px 1489px #fff, 1770px 738px #fff, 1509px 2075px #fff, 351px 2163px #fff, 674px 284px #fff, 988px 383px #fff, 1124px 576px #fff, 1679px 1763px #fff, 954px 2058px #fff, 1699px 1532px #fff, 631px 500px #fff, 515px 1635px #fff, 1202px 30px #fff, 1956px 1114px #fff, 134px 424px #fff, 2095px 1667px #fff, 1399px 1687px #fff, 1010px 2365px #fff, 693px 1145px #fff, 947px 1736px #fff, 1030px 1551px #fff, 1941px 53px #fff, 503px 1779px #fff, 1174px 2163px #fff, 2291px 2249px #fff, 1273px 104px #fff, 410px 1415px #fff, 2269px 1799px #fff, 1522px 1036px #fff, 2015px 1174px #fff, 788px 2415px #fff, 350px 907px #fff, 331px 1118px #fff, 1611px 928px #fff, 1093px 1142px #fff, 1191px 2514px #fff, 247px 289px #fff, 1690px 1552px #fff, 1593px 520px #fff, 732px 1513px #fff, 1593px 948px #fff, 473px 2179px #fff, 1641px 233px #fff, 784px 1406px #fff, 1708px 1611px #fff, 2308px 1957px #fff, 1893px 2153px #fff, 406px 2400px #fff, 2197px 305px #fff, 2283px 337px #fff, 660px 202px #fff, 214px 2299px #fff, 1054px 1313px #fff, 1963px 2199px #fff, 1623px 2421px #fff, 1418px 2084px #fff, 729px 444px #fff, 365px 973px #fff, 192px 495px #fff, 228px 1427px #fff, 2176px 104px #fff, 1256px 1094px #fff, 526px 902px #fff, 2541px 2046px #fff, 1519px 2128px #fff, 2455px 375px #fff, 2555px 60px #fff, 1122px 1365px #fff, 757px 2408px #fff, 979px 1646px #fff, 658px 544px #fff;
  height: 1px;
  width: 1px;
}

@-webkit-keyframes animParticle {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px);
  }
}

@keyframes animParticle {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px);
  }
}


/*  ----------------------   About Page  ------------ */


.accelerate {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.center {
  max-width: 600px;
  margin: 0 auto;
  width:100%;
  height: 100%;
}

.wrapper {
  min-height: 460px;
  position: absolute;
  overflow: hidden;
  display: table;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
}

.wrapper.accelerate.hide{ 
  pointer-events: none;
 }
.wrapper.accelerate{ 
 pointer-events: all;
}



.cell {
  vertical-align: middle;
  display: table-cell;
}

.panel {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
}

.about {
  -webkit-font-smoothing: auto;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  color: #666666;
}

.about:after {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  position: absolute;
  display: block;
  width: 100%;
  content: "";
  height: 5%;
  left: 0;
  top: 0;
}

.about.hide .cables {
  -webkit-transform: translate3d(0, -10%, 0) rotateX(-90deg);
  -moz-transform: translate3d(0, -10%, 0) rotateX(-90deg);
  transform: translate3d(0, -10%, 0) rotateX(-90deg);
  opacity: 0;
}

.about.hide .panel {
  -webkit-transform: rotateX(-20deg);
  -moz-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
}

.about .panel,
.about .cables {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.about .cables {
  -webkit-transform-origin: 50% -100%;
  -moz-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
}


.about .cables.center.accelerate{
  margin-top: 70px;
}
.about .cables:before {
  background: transparent url(../images/cable1.png) 0 0 no-repeat;
  position: absolute;
  display: block;
  height: 573px;
  width: 309px;
  content: "";
  top: -71px;
  background-size: contain;
  left: 45%;
  transform: translate(-50%, 0px);
}

.about .panel {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  background: url(../images/bg-about.png) no-repeat 0 0;
  background-size:contain;
  height: 80%;
  padding:15%;
}
.panel-content{
  width: 100%;
  height:253px;
  overflow: auto;
  position: relative;
  margin-top: 60%;
  box-sizing: border-box;
  transform: rotate(358deg);
}
.panel-content h2{   
  color: #000;
  font-size:18px;
  text-align: center;
  padding:0 0 15px;
  font-family: 'helveticaneuemedium';
}
.panel-content p{   
  color: #000;
  font-size: 14px;
  padding:0 0 15px;
  text-align: center;
  font-family: 'helveticaneuemedium';
}

#close_about{
  position: absolute;
    right: 75px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #830001;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    line-height: 2;
    font-weight: 700;
    padding: 5px;
    letter-spacing: 0px;
}

.about .panel,
.about .cables {
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}


/* ----  About Shutter  ------- */
.shutter {
	position: fixed;
	top: -120vh;
	left: 0;
	margin: auto;
	width: 100vw;
	height:110vh;

	background:url(../images/bg-shutter.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    -moz-transition: top 2s ease;
    -webkit-transition: top 2s ease;
    z-index: 100;
}

.shutter:after{
  content: "";
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  left:0;
  z-index: 1;
  background-color: rgba(0, 0, 0 , 0.6);    
}

.about-shutter .shutter{
  -moz-transition: top 2s ease;
  -webkit-transition: top 2s ease;
  width: 100vw;
  height: 110vh;
  top:-25px;
}


/* ------------animated scrolling icon--------- */
.scroll_more {
    position: absolute;
    bottom: 20px;
    z-index: 500;
    transform: translate(-50%, 0);
    left: 50%;
    width: 100%;
    text-align: center;
}

.scroll_more a {
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-family: 'helveticaneuemedium';
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2),  rgba(255, 255, 255, 0.9),   rgba(255, 255, 255, 0.2) );
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

.lang_switcher{
  position: fixed;
  top: 55px;
  z-index: 2;
  right: 7%;
}
.lang_switcher .arabic{
  font-family: 'Luma-Regular';
  font-size: 16px;
  
}
.lang_switcher a:hover{
 color:#c51e1e;
}


.audio_control{
  position: fixed;
  top: 23px;
  z-index: 2;
  left: 4%;
  cursor: pointer;
  border-radius: 50%;
}
.scroll_more span, .lang_switcher a, .audio_control span, .audio_control a{
  color: #fff;
  font-size: 12px;
  font-family: 'helveticaneuemedium';
}
.lang_switcher a:nth-child(1)::before{
  content: '';
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  right: 53px;
  background-color: #fff;
}
.lang_switcher a:nth-child(2){
  margin-left: 5px;
}
/* .fp-viewing-crawler .scroll_more{
  display: none;
} */

.toggle-sound {
  position: fixed;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 99;
}

.toggle-sound.sound-mute {
  box-shadow: none;
}

.toggle-sound span{
  position: fixed;
  margin-left: -115px;
}
.toggle-sound span.audio_on{
  margin-left:-52px;
}
.toggle-sound span.audio_off{
  display: none;
  margin-left:-25px;
}
.toggle-sound.sound-mute span.audio_on{
  display: none;
}
.toggle-sound.sound-mute span.audio_off{
  display: block;
  margin-left:-25px;
}



@-webkit-keyframes pulse {
  to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); }
}
@-moz-keyframes pulse {
  to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); }
}
@-ms-keyframes pulse {
  to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); }
}
@keyframes pulse {
  to { box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); }
}

.sound {
  width: 97%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  left: 0;
  top: 0;
}

.sound--icon {
  display: block;
  background: url('data:image/svg+xml,<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --><svg fill="%23fff" width="800px" height="800px" viewBox="0 0 24 24" id="sound-mute" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color" stroke="%23fff"><g id="SVGRepo_bgCarrier" stroke-width="0"/><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/><g id="SVGRepo_iconCarrier"><path id="primary" d="M15.38,4.08a1,1,0,0,0-1.09.21L10.59,8H8a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2h2.59l3.7,3.71A1,1,0,0,0,15,20a.84.84,0,0,0,.38-.08A1,1,0,0,0,16,19V5A1,1,0,0,0,15.38,4.08Z" style="fill: %23fff;"/></g></svg>');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-top: 12px;
  margin-left: 8px;
}

.sound--wave {
  position: absolute;
  border: 2px solid transparent;
  border-right: 2px solid #fff;
  border-radius: 50%;
  transition: all 200ms;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sound--wave_one {
  width: 40%;
  height: 35%;
}

.sound--wave_two {
  width: 64%;
  height: 52%;
}

.sound--wave_three {
  width: 89%;
  height: 64%;
}

.sound-mute .sound--wave {
  border-radius: 0;
  width: 35%;
  height: 35%;
  border-width: 0 2px 0 0;
  left: 5px;
}

.sound-mute .sound--wave_one {
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0);
  transform: rotate(45deg) translate3d(0, -50%, 0);
}

.sound-mute .sound--wave_two {
  -webkit-transform: rotate(-45deg) translate3d(0, 50%, 0);
  transform: rotate(-45deg) translate3d(0, 50%, 0);
}

.sound-mute .sound--wave_three {
  opacity: 0;
  transform: translateX(-46%);
  height: 20%;
}


/* ------------   RESPONSIVE FIXES  ---------------- */

@media (max-width:1024px) {
  #scene_one  .white-rays-top{
    position: absolute;
    left:0;
    top: 23%;
    width: 100%;
    height: 100%;
    transform: rotate(340deg);
  }    
}

@media (min-width:768px) {

  /* ----   Scene 1    ------- */

  #scene_one .background1 {
    background: url(../images/bg-floor1.jpg) no-repeat 50% bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 110%;
    height: 110%;
    left:-5%;
    top:-5%; 
  }
  #scene_one .monster_one { 
    height:444px;
    width:670px;    
  } 
  #scene_one .monster_one, 
  #scene_one .popup_points {
    margin-top: 153px;
  }
  #scene_one .parts2{
    left:-5%;
    top:0; 
}


  #scene_one .open_popup.pop_point1{
    margin-top: 63px;
    margin-left: 30px;  
  }
  #scene_one .open_popup.pop_point2{
    margin-top: 95px;
    margin-left: -24px;
  }
  #scene_one .open_popup.pop_point3{
    margin-top: 55px;
    margin-left: 125px; 
  }
  #scene_one .open_popup.pop_point4{
    margin-top: -31px;
    margin-left: -2px;
  }
  #scene_one .open_popup.pop_point5{
    margin-top: -105px;
    margin-left: 49px;   
  }
  #scene_one .open_popup.pop_point6{
    margin-top: 133px;
    margin-left: 109px;  
  }
  #scene_one .open_popup.pop_point7{
    margin-top: 149px;
    margin-left: -289px; 
  }
  #scene_one .open_popup.pop_point8{
    margin-top: -33px;
    margin-left: -40px;  
  }
  #scene_one .open_popup.pop_point9{
    margin-top: 68px;
    margin-left: -41px;  
  }
  #scene_one .open_popup.pop_point10{
    margin-top: 41px;
    margin-left: -156px;
  }


  /* ---  Scene  2   ----- */

  
  .background2 {
    background: url(../images/bg-floor2.jpg) no-repeat 16% bottom;
    bottom:0;
    background-size: cover;
    position: absolute;
    width: 109%;
    height: 116%;
    left:-5%;
    top:-5%; 
  }
  .scene2_fog {
    top: 160px;
    left: -5%;
    width: 110%;
}

  #scene_two .monster_two{ 
    height:570px;
    width:744px;    
  } 
  #scene_two .monster_two, 
  #scene_two .popup_points {
    margin-top: 115px;
  }


  #scene_two .light_off{
      top:0; 
  }
  #scene_two .light_on{
      top:0; 
  }
  

  #scene_two .open_popup.pop_point1{
    margin-top: -186px;
    margin-left: 234px;    
  }
  #scene_two .open_popup.pop_point2{
    margin-top: -121px;
    margin-left: -338px; 
  }
  #scene_two .open_popup.pop_point3{
    margin-top: 167px;
    margin-left: -198px;
  }
  #scene_two .open_popup.pop_point4{
    margin-top: 86px;
    margin-left: -159px; 
  }
  #scene_two .open_popup.pop_point5{
    margin-top: -114px;
    margin-left: 63px;
  }
  #scene_two .open_popup.pop_point6{
    margin-top: -139px;
    margin-left: 100px; 
  }
  #scene_two .open_popup.pop_point7{
    margin-top: -208px;
    margin-left: 156px;
  }
  #scene_two .open_popup.pop_point8{
    margin-top: -77px;
    margin-left: 138px;
  }
  #scene_two .open_popup.pop_point9{
    margin-top: -14px;
    margin-left: 0px;   
  }
  #scene_two .open_popup.pop_point10{
    margin-top: -152px;
    margin-left: -294px;
  }
  #scene_two .open_popup.pop_point11{
    margin-top: -249px;
    margin-left: 106px;
  }#scene_two .open_popup.pop_point12{
    margin-top: -9px;
    margin-left: 311px;
  }#scene_two .open_popup.pop_point13{
    margin-top: -71px;
    margin-left: -46px;  
  }#scene_two .open_popup.pop_point14{
    margin-top: -138px;
    margin-left: 259px;  
  }#scene_two .open_popup.pop_point15{
    margin-top: 171px;
    margin-left: -236px;  
  }
  #scene_two .open_popup.pop_point16{
    margin-top: -68px;
    margin-left: 82px;
  }
  #scene_two .open_popup.pop_point17{
    margin-top: -59px;
    margin-left: -109px;  
  }
  #scene_two .open_popup.pop_point18{
    margin-top: 0px;
    margin-left: 34px;
  }


 /* ---  Scene  3   ----- */  

 .background3 {
  height: 110%;
  top:-5%; 
}
 #scene_three .monster_three, 
 #scene_three .popup_points {
  margin-top: 75px;
  }
  #scene_three .monster_three {
    height: 464px;
    width: 691px;
  }
#scene_three .monster_three,
#scene_three .popup_points {
  margin-top: 103px;
}

  #scene_three .white-rays-top {
    left: -13%;
    top: -14%;
  }
  #scene_three .white-rays-top div:nth-child(2) {
    height: 84%;
}
  
  #scene_three .open_popup.pop_point1{
    margin-top: 104px;
    margin-left: 82px;    
  }
  #scene_three .open_popup.pop_point2{
    margin-top: -108px;
    margin-left: 324px; 
  }
  #scene_three .open_popup.pop_point3{
    margin-top: 43px;
    margin-left: 40px; 
  }
  #scene_three .open_popup.pop_point4{
    margin-top: 11px;
    margin-left: -1px; 
  }
  #scene_three .open_popup.pop_point5{
    margin-top: -147px;
    margin-left: 72px;
  }
  #scene_three .open_popup.pop_point6{
    margin-top: 5px;
    margin-left: -99px;
  }
  #scene_three .open_popup.pop_point7{
    margin-top: -137px;
    margin-left: -35px;
  }
  #scene_three .open_popup.pop_point8{
    margin-top: -119px;
    margin-left: 123px;
  }
  #scene_three .open_popup.pop_point9{
    margin-top: 84px;
    margin-left: 20px; 
  }
  #scene_three .open_popup.pop_point10{
    margin-top: -30px;
    margin-left: -37px;
  }
  #scene_three .open_popup.pop_point11{
    margin-top: -84px;
    margin-left: 26px;  
  }#scene_three .open_popup.pop_point12{
    margin-top: -19px;
    margin-left: 120px;  
  }

 /* -----About page--------- */
 #close_about{
  letter-spacing: -1px;
  right: 108px;
  width: 20px;
  height: 20px;
  font-size: 16px;
 }
 .panel-content {
  height: 400px;
 }

 .lang_switcher{
  right: 13%;
}


}


@media (min-width:1024px) {
  .lang_switcher a:nth-child(1)::before{
    right: 56px;
  }
/* ---  Scene  1   ----- */
  #scene_one .monster_one, #scene_one .popup_points {
    margin-top: 206px;
  }
  /* ---  Scene  2   ----- */
   #scene_two .monster_two, #scene_two .popup_points {
    margin-top: 161px;
  }
  .beam {
    height: 200px;
  }
  #scene_three .parts1 {
    background-position: center bottom;
  }
  .mute-btn, .unmute-btn {
    width: 50px;
    height: 50px;
  }

}


@media (min-width:1170px) {
  
  /* ---  Scene  1   ----- */
  
#scene_one .monster_one,
#scene_one .popup_points{
  margin-left: -116px;
  margin-top: 70px;
}
  #scene_one .monster_one { 
    height:497px;
    width:750px;    
  }

  #scene_one .drum {
    display: block;
}
  #scene_one .open_popup.pop_point1{
    margin-top: 67px;
    margin-left: 33px;  
  }
  #scene_one .open_popup.pop_point2{
    margin-top: 106px;
    margin-left: -25px;
  }
  #scene_one .open_popup.pop_point3{
    margin-top: 63px;
    margin-left: 150px; 
  }
  #scene_one .open_popup.pop_point4{
    margin-top: -29px;
    margin-left: -8px;
  }
  #scene_one .open_popup.pop_point5{
    margin-top: -121px;
    margin-left: 59px;   
  }
  #scene_one .open_popup.pop_point6{
    margin-top: 152px;
    margin-left: 126px;  
  }
  #scene_one .open_popup.pop_point7{
    margin-top: 167px;
    margin-left: -323px;
  }
  #scene_one .open_popup.pop_point8{
    margin-top: -38px;
    margin-left: -43px;  
  }
  #scene_one .open_popup.pop_point9{
    margin-top: 75px;
    margin-left: -43px;  
  }
  #scene_one .open_popup.pop_point10{
    margin-top: 45px;
    margin-left: -176px;
  }
 /* ---  Scene  3   ----- */
  #scene_three .white-rays-top {
    left: 11%;
    top: 0%;
  }
 /* ---  about page  ----- */
  .about .cables.center.accelerate{
    margin-top: 20px;
  }
}



@media (min-width:1600px) {
  
  /* ---  Scene  1   ----- */

  #scene_one .monster_one,
  #scene_one .popup_points{
    margin-top:70px;
  }


  .toggle-sound {
    left:10%;
  }

}


@media (min-width:1800px) {

  /* ---  Scene  1   ----- */

  #scene_one .monster_one { 
    height:630px;
    width:950px;    
  }
  #scene_one .monster_one,
  #scene_one .popup_points{
    margin-top:-48px;
  }
      
    #scene_one .open_popup.pop_point1{
      margin-top: 88px;
      margin-left: 39px;  
    }
    #scene_one .open_popup.pop_point2{
      margin-top: 137px;
      margin-left: -33px;
    }
    #scene_one .open_popup.pop_point3{
      margin-top: 76px;
      margin-left: 187px; 
    }
    #scene_one .open_popup.pop_point4{
      margin-top: -34px;
      margin-left: -20px;
    }
    #scene_one .open_popup.pop_point5{
      margin-top: -158px;
      margin-left: 86px;   
    }
    #scene_one .open_popup.pop_point6{
      margin-top: 198px;
      margin-left: 157px;  
    }
    #scene_one .open_popup.pop_point7{
      margin-top: 208px;
      margin-left: -410px;
    }
    #scene_one .open_popup.pop_point8{
      margin-top: -38px;
      margin-left: -58px;  
    }
    #scene_one .open_popup.pop_point9{
      margin-top: 92px;
      margin-left: -56px;  
    }
    #scene_one .open_popup.pop_point10{
      margin-top: 56px;
      margin-left: -219px;
    }

 
     
  /* ---  Scene  2   ----- */
 
  #scene_two .monster_two { 
    height: 613px;
    width: 800px; 
}
#scene_two .light_box{
  display: block;
}
#scene_two .monster_two, 
#scene_two .popup_points {
    margin-top:0px;
    margin-left: -157px;
}
#scene_two .open_popup.pop_point1{
  margin-top: -200px;
  margin-left: 265px;    
}
#scene_two .open_popup.pop_point2{
  margin-top: -139px;
  margin-left: -374px; 
}
#scene_two .open_popup.pop_point3{
  margin-top: 174px;
  margin-left: -211px;
}
#scene_two .open_popup.pop_point4{
  margin-top: 94px;
  margin-left: -184px; 
}
#scene_two .open_popup.pop_point5{
  margin-top: -126px;
  margin-left: 67px;
}
#scene_two .open_popup.pop_point6{
  margin-top: -148px;
  margin-left: 103px; 
}
#scene_two .open_popup.pop_point7{
  margin-top: -222px;
  margin-left: 156px;
}
#scene_two .open_popup.pop_point8{
  margin-top: -82px;
  margin-left: 148px;
}
#scene_two .open_popup.pop_point9{
  margin-top: -14px;
  margin-left: 0px;   
}
#scene_two .open_popup.pop_point10{
  margin-top: -171px;
  margin-left: -332px;
}
#scene_two .open_popup.pop_point11{
  margin-top: -270px;
  margin-left: 105px;
}#scene_two .open_popup.pop_point12{
  margin-top: -7px;
  margin-left: 328px;
}#scene_two .open_popup.pop_point13{
  margin-top: -71px;
  margin-left: -76px;  
}#scene_two .open_popup.pop_point14{
  margin-top: -148px;
  margin-left: 269px;  
}#scene_two .open_popup.pop_point15{
  margin-top: 187px;
  margin-left: -247px;  
}
#scene_two .open_popup.pop_point16{
  margin-top: -80px;
  margin-left: 81px;
}
#scene_two .open_popup.pop_point17{
  margin-top: -80px;
  margin-left: -123px;  
}
#scene_two .open_popup.pop_point18{
  margin-top: 0px;
  margin-left: 44px;
}
 /* ---  Scene  3   ----- */
 
 #scene_three .monster_three { 
  height: 498px;
  width: 740px; 
}
#scene_three .monster_three, 
#scene_three .popup_points {
  margin-top:-137px;
}

#scene_three .open_popup.pop_point2 {
  margin-top: -113px;
  margin-left: 346px;
}


}


@media (max-width:1024px) {

  .preloader .inner .percentage {
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .circle-rotation {
    top: calc(50% - 108px);
    left: calc(50% - 108px);
  }
  .menu-wrapper {
    left: 13%;
    top: 29%;
  }
  
}

@media (max-width:481px) {

  .menu-wrapper {
    left: 24%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 2000px) and (min-height: 450px) and (max-height: 900px) {
    #scene_one .monster_one, 
    #scene_one .popup_points {
      margin-top:-32px;
      margin-left: -154px;
  }

    #scene_two .monster_two, 
    #scene_two .popup_points {
      margin-top:40px;
      margin-left: -130px;
  }

  #scene_two .light_box{
      display: block;
  }
  #scene_two .monster_two {
    height: 490px;
    width: 682px;
  }
  #scene_two .open_popup.pop_point1{
    margin-top: -160px;
    margin-left: 210px;   
  }
  #scene_two .open_popup.pop_point2{
    margin-top: -113px;
    margin-left: -294px;
  }
  #scene_two .open_popup.pop_point3{
    margin-top: 141px;
    margin-left: -174px;
  }
  #scene_two .open_popup.pop_point4{
    margin-top: 75px;
    margin-left: -142px;
  }
  #scene_two .open_popup.pop_point5{
    margin-top: -105px;
    margin-left: 61px;
  }
  #scene_two .open_popup.pop_point6{
    margin-top: -107px;
    margin-left: 94px;
  }
  #scene_two .open_popup.pop_point7{
    margin-top: -178px;
    margin-left: 139px;
  }
  #scene_two .open_popup.pop_point8{
    margin-top: -53px;
    margin-left: 122px;
  }
  #scene_two .open_popup.pop_point9{
    margin-top: -14px;
    margin-left: 0px;   
  }
  #scene_two .open_popup.pop_point10{
    margin-top: -135px;
    margin-left: -261px;
  }
  #scene_two .open_popup.pop_point11{
    margin-top: -222px;
    margin-left: 84px;
  }#scene_two .open_popup.pop_point12{
    margin-top: -9px;
    margin-left: 269px;
  }#scene_two .open_popup.pop_point13{
    margin-top: -61px;
    margin-left: -46px; 
  }#scene_two .open_popup.pop_point14{
    margin-top: -124px;
    margin-left: 220px;
  }#scene_two .open_popup.pop_point15{
    margin-top: 154px;
    margin-left: -215px; 
  }
  #scene_two .open_popup.pop_point16{
    margin-top: -62px;
    margin-left: 68px;
  }
  #scene_two .open_popup.pop_point17{
    margin-top: -46px;
    margin-left: -100px;
  }
  #scene_two .open_popup.pop_point18{
    margin-top: -2px;
    margin-left: 34px;
  }
  /* ---  Scene  3   ----- */
  #scene_three .monster_three, #scene_three .popup_points {
    margin-top: -102px;
  } 
  #scene_three .monster_three{
    width: 620px;
  }
  #scene_three .open_popup.pop_point1{
    margin-top: 121px;
    margin-left: 69px;   
  }
  #scene_three .open_popup.pop_point2{
    margin-top: -73px;
    margin-left: 288px;
  }
  #scene_three .open_popup.pop_point3{
    margin-top: 67px;
    margin-left: 34px;
  }
  #scene_three .open_popup.pop_point4{
    margin-top: 37px;
    margin-left: -3px;
  }
  #scene_three .open_popup.pop_point5{
    margin-top: -104px;
    margin-left: 64px;
  }
  #scene_three .open_popup.pop_point6{
    margin-top: 30px;
    margin-left: -79px;
  }
  #scene_three .open_popup.pop_point7{
    margin-top: -87px;
    margin-left: -35px;
  }
  #scene_three .open_popup.pop_point8{
    margin-top: -78px;
    margin-left: 104px;
  }
  #scene_three .open_popup.pop_point9{
    margin-top: 108px;
    margin-left: 16px;
  }
  #scene_three .open_popup.pop_point10{
    margin-top: 1px;
    margin-left: -33px;
  }
  #scene_three .open_popup.pop_point11{
    margin-top: -52px;
    margin-left: 23px; 
  }#scene_three .open_popup.pop_point12{
    margin-top: 12px;
    margin-left: 99px;
  }


#scene_three .box,
#scene_three .parts1,
#scene_three .parts2,
#scene_three .parts3,
#scene_three .parts4{
  top: 92px; 
}

#scene_three .box{
  left: -150px;
}

/* -----About page--------- */

.center {
  max-width: 514px;
}
#close_about {
  right: 92px;
}

.toggle-sound {
  left:8.5%;
}


}

@media only screen and  (min-width: 1900px) and (min-height: 1075px){
  #scene_two .monster_two, #scene_two .popup_points {
    margin-top: 70px;
  }
  #scene_three .monster_three, #scene_three .popup_points{
    margin-top: -50px;
  }
  #scene_one .monster_one,
  #scene_one .popup_points{
    margin-top:30px;
  }
}