#myDIV-4 {
  width:300px;
  height:500px;
  padding: px 0;
  text-align: left;
  display: none;
  color:#333333;
  background-color: #00000000;
  margin-top:-5px;
  position:fixed;
  z-index:10;
  margin-left:280px;
}
#myDIV-5 {
  width:300px;
  height:500px;
  padding: px 0;
  text-align: left;
  display: none;
  color:#333333;
  background-color: #00000000;
  margin-top:210px;
  position:fixed;
  z-index:10;
  margin-left:280px;
}
#myDIV-6 {
  width:300px;
  height:500px;
  padding: px 0;
  text-align: left;
  display: none;
  color:#333333;
  background-color: #00000000;
  margin-top:280px;
  position:fixed;
  z-index:10;
  margin-left:280px;

}

#myDIV-7 {
  width: 1480px;
  height:790Px;
  padding: px 0;
  text-align: center;
  display: none;
  background-color: #00000099;
  margin-top:100px;
  position:absolute;
  z-index:13;
  margin-left:3%;
  margin-left:-22%;
}
#myDIV-3 {
  width: 1480px;
  height:790Px;
  padding: px 0;
  text-align: center;
  display: none;
  background-color: #00000099;
  margin-top:0px;
  position:absolute;
  z-index:13;
  margin-left:3%;
}

#myDIV-2 {  
 width: 1480px;
  height:790Px;
  padding: px 0;
  text-align: center;
  display: none;
  background-color: #00000099;
  margin-top:100px;
  position:absolute;
  z-index:12;
  margin-left:3%;
  margin-top:-5%;
}

#myDIV-1 {  
  width: 1480px;
  height:790Px;
  padding: px 0;
  text-align: center;
  display: none;
  background-color: #00000099;
  margin-top:100px;
  position:absolute;
  z-index:12;
  margin-left:3%;
  margin-top:-5%;
}



.Marquee {
  background: #00000088
  width: 29.5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  font-weight: 200;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.Marquee-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-animation: marquee 20s linear infinite running;
  -moz-animation: marquee 20s linear infinite running;
  -o-animation: marquee 20s linear infinite running;
  -ms-animation: marquee 20s linear infinite running;
  animation: marquee 20s linear infinite running;
}
.Marquee-content:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
.Marquee-tag {
  width: 200px;
  margin: 0 0.5em;
  padding: 0.5em;
  background: rgba(255,255,255,0.1);
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.Marquee-tag:hover {
  background: #FF0066;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}
@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}










#Layer9 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
}
#Layer21 {
	position:absolute;
	width:100%;
	height:20;
	z-index:3;
}
#Layer23 {
	position:absolute;
	z-index:12;
	left: 50px;
	top: 75px;
}






#Layer1 {
	position:absolute;
	width:200px;
	z-index:1;
	left: 12px;
	top: 2px;
}


@font-face {
  font-family: "Old";
  src: url("OLD.ttf");
}
    
	

#left {
	position:fixed;
	width:250px;
	z-index:2;
	height: 100%;
}
.style17 {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

@font-face {
  font-family: "Old";
  src: url("old.ttf");
}
    
body {
background-color: #000;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.fillbigleft {
  position: absolute;
  top: calc(55% 100px);
  left: calc(25% 50px);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow:
    inset 0 0 50px #fff,
    inset 20px 0 80px #f0f,
    inset -20px 0 80px #0ff,
    inset 20px 0 300px #f0f,
    inset -20px 0 300px #0ff,
    0 0 50px #fff,
    10px 0 80px #f0f,
    10px 0 80px #0ff;
}
.fillsmallright {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow:
    inset 0 0 50px #fff,
    inset 20px 0 80px rgb(1, 207, 243),
    inset -20px 0 80px rgb(102, 228, 0),
    inset 20px 0 300px rgb(255, 51, 0),
    inset -20px 0 300px rgb(4, 0, 255),
    0 0 50px rgb(255, 255, 255),
    10px 0 80px #f0f,
    10px 0 80px rgb(229, 255, 0);
	z-index: 999999999;

}

digi{
  position: absolute;
}
    


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #33300000;
}

li {
  float: center ;
}

li a, .dropbtn {
  display: inline-block;

  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color:#ffff3300 ;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f100;}

.dropdown:hover .dropdown-content {
  display: block;
}
#Layer8 {
	position:absolute;
	width:200px;
	height:100%;
	z-index:2;
	top:0px;
}
.style18 {color: #FF3399}
.style27 {font-size: 36%}
.style29 {font-size: 24px}





  --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width};
  --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height};
  --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x};
  --#{$prefix}offcanvas-padding-y: #{$offcanvas-padding-y};
  --#{$prefix}offcanvas-color: #{$offcanvas-color};
  --#{$prefix}offcanvas-bg: #{$offcanvas-bg-color};
  --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width};
  --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color};
  --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow};