@font-face {
    font-family: 'Coolvetica Rg';
    src: url('/theme/css/font/CoolveticaRg-Regular.eot');
    src: url('/theme/css/font/CoolveticaRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('/theme/css/font/CoolveticaRg-Regular.woff2') format('woff2'),
        url('/theme/css/font/CoolveticaRg-Regular.woff') format('woff'),
        url('/theme/css/font/CoolveticaRg-Regular.svg#CoolveticaRg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Digital-7';
    src: url('/theme/css/font/Digital-7.eot');
    src: url('/theme/css/font/Digital-7.eot?#iefix') format('embedded-opentype'),
        url('/theme/css/font/Digital-7.woff2') format('woff2'),
        url('/theme/css/font/Digital-7.woff') format('woff'),
        url('/theme/css/font/Digital-7.ttf') format('truetype'),
        url('/theme/css/font/Digital-7.svg#Digital-7') format('svg');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
	unicode-range: U+30-39;
}


:root {
  --colors-bg--300: #1e181e;
  --colors-bg--500: #191a1e;
  --colors-primary--200: #f4908b;
  --colors-primary--300: #ea6f69;
  --colors-primary--500: #e8615a;
  --colors-primary--600: #4a5265;
  --colors-primary--700: #727f9a;
  --colors-primary--800: #451717;
  --colors-primary--900: #3c181a;
  --colors-secondary--500: #2be4ea;
  --colors-secondary--900: #295459;
  --colors-tertiary--500: #fed33f;
  --colors-on_bg--500: var(--colors-primary--500);
  --colors-on_tertiary--500: var(--colors-bg--300);
  --colors-on_primary--500: var(--colors-primary--200);
  --colors-active--500: #2bfea0;
  --fonts-primary: "Rajdhani", sans-serif;
  --fonts-secondary: "VT323", monospace;
  --ui-glow: 0 0 5px var(--colors-primary--500);
  --ui-glow-borders--500: 0 0 3px var(--colors-primary--500);
  --ui-glow-color: currentcolor;
  --ui-glow-text: -9px -6px 40px var(--ui-glow-color);
  --ui-glow-text--dimmed: -9px -6px 40px var(--ui-glow-color);
  --ui-elevation--1: 2px 2px 0 rgba(0, 0, 0, 0.8);
  --ui-notch-amount: 16px;
  --ui-notch-hypotenuse: 22.627416px; /* hypothenuse of --ui-notch-amount */
  --ui-notch-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--ui-notch-amount) + 2px),
    calc(100% - var(--ui-notch-amount) + 2px) 100%,
    0 100%
  );
  --ui-notch-path-2: polygon(
    calc(100% - var(--ui-notch-amount) + 2px) 0,
    100% calc(0% + var(--ui-notch-amount) - 2px),
    100% 100%,
    0 100%,
    0 0
  );
  --ui-button-1: polygon(
    100% 0,
    100% 100%,
    calc(0% + var(--ui-notch-amount)) 100%,
    0 calc(100% - var(--ui-notch-amount)),
    0 0
  );
  --ui-tooltip: polygon(
    10px 0,
    100% -3px,
    100% calc(100% - var(--ui-notch-amount) + 2px),
    calc(100% - var(--ui-notch-amount) + 2px) 100%,
    5px 100%,
	5px 5px
  );
  --ui-tooltip-ald: polygon(
    10px 0,
    100% -3px,
    100% calc(100% - var(--ui-notch-amount) + 2px),
    calc(100% - var(--ui-notch-amount) + 2px) 100%,
    5px 100%,
    5px calc(100% - 20px),
    0px calc(100% - 15px),
    5px calc(100% - 10px),
	5px 5px
  );
  --ui-tooltip-alt: polygon(
    10px 0,
    100% -3px,
    100% calc(100% - var(--ui-notch-amount) + 2px),
    calc(100% - var(--ui-notch-amount) + 2px) 100%,
    5px 100%,
    5px 20px,
    0px 15px,
    5px 10px,
	5px 5px
  );
  
  --ui-tooltip-nalt: polygon(
    10px 0,
    100% -3px,
    100% calc(100% - var(--ui-notch-amount) + 2px),
    calc(100% - var(--ui-notch-amount) + 2px) 100%,
    5px 100%,
	5px 5px
  );
  --ui-tooltip-an-bg: polygon(
  calc(100% - 30px) 100%,
  calc(100% - 13px) calc(100% - 19px),
  100% calc(100% - 19px),
  100% 10px,
  calc(100% - 10px) 0%,
  10px 0%,
  6px 4px,
  0% 4px,
  0% calc(100% - 4px),
  6px calc(100% - 4px),
  10px 100%);
  --ui-tooltip-an-but: polygon(
  calc(100% - 17px) 100%,
  100% 0%,
  17px 0%,
  0% 100%);
  --ui-tooltip-an-but-bg: polygon(
  calc(100% - 18px) calc(100% - 1px),
  calc(100% - 2px) 1px,
  18px 1px,
  2px calc(100% - 1px));
  --ui-tooltip-an-butc: polygon(
  100% 100%,
  calc(100% - 12px) 0%,
  0% 0%,
  12px 100%);
  --ui-tooltip-an-butc-bg: polygon(
  calc(100% - 2px) calc(100% - 1px),
  calc(100% - 12px) 1px,
  2px 1px,
  12px calc(100% - 1px));
}

a{
	color:#f7cb63 !important;
}
a:hover{
	color:#f7cb63 !important;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}
*:focus {
    outline: none;
}
* {
       caret-color: transparent ;
}
input{
	caret-color: auto;
}
body {
    position: relative;
    overflow-x: hidden;
    background-color: #CFD8DC;
	font-family: 'Digital-7','Coolvetica Rg';
}
body, html {
	min-height:calc(100vh - 60px) !important;
}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {background-color: transparent;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
	overflow: auto;
}
#content{
	margin-top:100px;
    height: 100%;
    overflow: scroll;
    scroll-snap-type: y mandatory;
    scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    -webkit-scroll-snap-destination: 0% 0%;
    -webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	
}


#content::-webkit-scrollbar {
    display: none;
}
.trnew{
    scroll-snap-align: start;
    scroll-snap-coordinate: 0% 0%;
    -webkit-scroll-snap-coordinate: 0% 0%;
}
.cold{
	
    scroll-snap-align: start;
    scroll-snap-coordinate: 0% 0%;
    -webkit-scroll-snap-coordinate: 0% 0%;
}
.containernew{
    font-family: 'Digital-7','Coolvetica Rg';
    top: 10px !important;
    margin-bottom: 50px !important;
    background-color: transparent;
    width: 90%;
    height: calc(100vh - 100px);
    position: relative;
    overflow: hidden;
    padding: 0px;
    min-height: 284px;
}
.container{
    font-family: 'Digital-7','Coolvetica Rg';
    top: 10px !important;
    margin-bottom: 50px !important;
    background-color: transparent;
    width: 90%;
    height: calc(100vh - 100px);
    position: relative;
    overflow: hidden;
    padding: 0px;
    min-height: 284px;
}
@keyframes scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
.container div {
	margin:0px;
	padding:0px;
}
.container .cont{
	top: 35px;
    left: 30px;
    color: a9adca;
    position: relative;
    z-index: 2;
    word-break: break-word;
    display: block;
    text-align: justify;
	overflow-y:scroll;
	padding-right:20px;
    width: calc(100% - 33px);
	height:calc(100% - 45px);
}
.container .conname{
	position: absolute;
    font-weight: bold;
    font-size: 20px;
    left: 27px;
    /* background: green; */
    width: 168px;
    text-align: center;
    top: 0px;
    color: rgba(0,0,0,0.9);
    text-shadow: 1px 1px 2px rgba(255,255,255,0.2);
    filter: drop-shadow(0px 0px 2px #949494);
	}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
.container .cont {
    scrollbar-width: auto;
    scrollbar-color: #9f3318 transparent;
  }

  /* Chrome, Edge, and Safari */
.container .cont::-webkit-scrollbar {
    width: 8px;
	cursor:pointer;
  }

.container .cont::-webkit-scrollbar-track {
    background-color: transparent;
  }

.container .cont::-webkit-scrollbar-thumb {
    background-color: #9f3318;
    border-radius: 4px;
    border: 0px;
}
.container .cont::-webkit-scrollbar-thumb:hover {
  background: #be512d;
}
.container .cont::-webkit-scrollbar-thumb:active {
  background: #b24c2a;
}

.description{
	display:none;
    font-family: 'Coolvetica Rg';
    padding-top: 100px !important;
    margin-bottom: 50px !important;
    background-color: transparent;
    width: 60%;
	height:1%;
    max-height: calc(100vh - 50px);
    position: absolute;
	top:0px;
	left:20%;
    overflow: hidden;
    padding: 0px;
    min-height: 384px;
    scroll-snap-align: start;
    scroll-snap-coordinate: 0% 0%;
    -webkit-scroll-snap-coordinate: 0% 0%;
	margin: 0 auto;
	z-index:2001;
	filter: drop-shadow(1px 0px 10px #000);
}
.description div {
	margin:0px;
	padding:0px;
}
.description .desc-cont{
	top: 35px;
    left: 30px;
    color: a9adca;
    position: relative;
    z-index: 2;
    word-break: break-word;
    display: block;
    text-align: justify;
	overflow-y:scroll;
	padding-right:20px;
    width: calc(100% - 33px);
	height:calc(100% - 41px);
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
.description .desc-cont {
    scrollbar-width: auto;
    scrollbar-color: #9f3318 transparent;
  }

  /* Chrome, Edge, and Safari */
.description .desc-cont::-webkit-scrollbar {
    width: 8px;
	cursor:pointer;
  }

.description .desc-cont::-webkit-scrollbar-track {
    background-color: transparent;
  }

.description .desc-cont::-webkit-scrollbar-thumb {
    background-color: #9f3318;
    border-radius: 4px;
    border: 0px;
}
.description .desc-cont::-webkit-scrollbar-thumb:hover {
  background: #be512d;
}
.description .desc-cont::-webkit-scrollbar-thumb:active {
  background: #b24c2a;
}

.b3{
	position:absolute;
	background-image: url('/theme/img/win1/b3.png');
	background-repeat: no-repeat;
	width:88px;
	height:40px;
	bottom:0px;
	right:0px;
}
.b2{
	position:absolute;
	background-image: url('/theme/img/win1/b2.png');
	background-repeat: repeat-x;
	width:auto;
	height:40px;
	bottom:0px;
	right:88px;
	color:#f7cb63;
	text-shadow: #f7cb63 1px 0 10px;
	line-height:20px;
	padding-top:4px;
	z-index:3;
}
.b1{
	position:absolute;
	background-image: url('/theme/img/win1/b1.png');
	background-repeat: no-repeat;
	width:15px;
	height:40px;
	bottom:0px;
	left:-15px;
}

.tl{
	position:absolute;
	background-image: url('/theme/img/win1/tl.png');
	background-repeat: no-repeat;
	width:215px;
	height:180px;
	max-width:215px;
	max-height:180px;
}
.tm{
	position:absolute;
	background-image: url('/theme/img/win1/tm.png');
	background-repeat: repeat-x;
	left:215px;
	width:calc(100% - 231px);
	height:180px;
}
.tr{
	position:absolute;
	background-image: url('/theme/img/win1/tr.png');
	background-repeat: no-repeat;
	right:0px;
	width:16px;
	height:180px;
}
.bl{
	position:absolute;
	background-image: url('/theme/img/win1/bl.png');
	background-repeat: no-repeat;
	width:215px;
	height:104px;
	bottom:0px;
}
.bm{
	position:absolute;
	background-image: url('/theme/img/win1/bm.png');
	background-repeat: repeat-x;
	left:215px;
	bottom:0px;
	width:calc(100% - 231px);
	height:104px;
}

.mr{
	position:absolute;
	background-image: url('/theme/img/win1/mr.png');
	background-repeat: repeat-y;
	right:0px;
	top:180px;
	width:16px;
	height:calc(100% - 284px);
}
.ml{
	position:absolute;
	background-image: url('/theme/img/win1/ml.png');
	background-repeat: repeat-y;
	top:180px;
	width:215px;
	height:calc(100% - 284px);
}
.mm{
	position:absolute;
	background-image: url('/theme/img/win1/ww.png');
	background-repeat: repeat;
	top:180px;
	left:215px;
	width:calc(100% - 232px);
	height:calc(100% - 284px);
}
.br{
	position:absolute;
	background-image: url('/theme/img/win1/br.png');
	background-repeat: no-repeat;
	right:0px;
	bottom:0px;
	width:16px;
	height:104px;
}

#idDesc .ml,#idDesc2 .ml{
	top:280px;
	height:calc(100% - 384px);
}
#idDesc .mm,#idDesc2 .ml{
	top:280px;
	height:calc(100% - 384px);
}
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/


/*Firefly*/

.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}
.firefly::before, .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}
.firefly::before {
  background: black;
  opacity: 0.4;
  animation: drift ease alternate infinite;
}
.firefly::after {
  background: white;
  opacity: 0;
  box-shadow: 0 0 0vw 0vw yellow;
  animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
  animation-name: move1;
}
.firefly:nth-child(1)::before {
  animation-duration: 11s;
}
.firefly:nth-child(1)::after {
  animation-duration: 11s, 8979ms;
  animation-delay: 0ms, 6971ms;
}

@keyframes move1 {
  0% {
    transform: translateX(-33vw) translateY(43vh) scale(0.81);
  }
  4.7619047619% {
    transform: translateX(-9vw) translateY(50vh) scale(0.9);
  }
  9.5238095238% {
    transform: translateX(-8vw) translateY(38vh) scale(0.95);
  }
  14.2857142857% {
    transform: translateX(30vw) translateY(-40vh) scale(0.38);
  }
  19.0476190476% {
    transform: translateX(-49vw) translateY(-14vh) scale(0.39);
  }
  23.8095238095% {
    transform: translateX(-10vw) translateY(30vh) scale(0.29);
  }
  28.5714285714% {
    transform: translateX(-33vw) translateY(-9vh) scale(0.75);
  }
  33.3333333333% {
    transform: translateX(-7vw) translateY(-46vh) scale(0.68);
  }
  38.0952380952% {
    transform: translateX(12vw) translateY(3vh) scale(0.36);
  }
  42.8571428571% {
    transform: translateX(44vw) translateY(-46vh) scale(0.95);
  }
  47.619047619% {
    transform: translateX(-46vw) translateY(13vh) scale(0.99);
  }
  52.380952381% {
    transform: translateX(34vw) translateY(-9vh) scale(0.88);
  }
  57.1428571429% {
    transform: translateX(-49vw) translateY(-15vh) scale(0.46);
  }
  61.9047619048% {
    transform: translateX(47vw) translateY(-8vh) scale(0.36);
  }
  66.6666666667% {
    transform: translateX(-39vw) translateY(8vh) scale(0.3);
  }
  71.4285714286% {
    transform: translateX(40vw) translateY(25vh) scale(0.94);
  }
  76.1904761905% {
    transform: translateX(-23vw) translateY(44vh) scale(0.37);
  }
  80.9523809524% {
    transform: translateX(-22vw) translateY(-43vh) scale(0.3);
  }
  85.7142857143% {
    transform: translateX(5vw) translateY(-15vh) scale(0.94);
  }
  90.4761904762% {
    transform: translateX(-19vw) translateY(-24vh) scale(0.35);
  }
  95.2380952381% {
    transform: translateX(3vw) translateY(11vh) scale(0.38);
  }
  100% {
    transform: translateX(-1vw) translateY(-4vh) scale(0.42);
  }
}
.firefly:nth-child(2) {
  animation-name: move2;
}
.firefly:nth-child(2)::before {
  animation-duration: 9s;
}
.firefly:nth-child(2)::after {
  animation-duration: 9s, 6627ms;
  animation-delay: 0ms, 1231ms;
}

@keyframes move2 {
  0% {
    transform: translateX(28vw) translateY(-1vh) scale(0.89);
  }
  4.347826087% {
    transform: translateX(-40vw) translateY(-41vh) scale(0.61);
  }
  8.6956521739% {
    transform: translateX(-43vw) translateY(49vh) scale(0.64);
  }
  13.0434782609% {
    transform: translateX(31vw) translateY(28vh) scale(0.62);
  }
  17.3913043478% {
    transform: translateX(34vw) translateY(-42vh) scale(0.73);
  }
  21.7391304348% {
    transform: translateX(19vw) translateY(29vh) scale(0.54);
  }
  26.0869565217% {
    transform: translateX(8vw) translateY(-48vh) scale(0.44);
  }
  30.4347826087% {
    transform: translateX(30vw) translateY(-38vh) scale(0.75);
  }
  34.7826086957% {
    transform: translateX(-25vw) translateY(-47vh) scale(0.36);
  }
  39.1304347826% {
    transform: translateX(-7vw) translateY(13vh) scale(0.62);
  }
  43.4782608696% {
    transform: translateX(31vw) translateY(18vh) scale(0.61);
  }
  47.8260869565% {
    transform: translateX(36vw) translateY(23vh) scale(0.61);
  }
  52.1739130435% {
    transform: translateX(-16vw) translateY(42vh) scale(0.44);
  }
  56.5217391304% {
    transform: translateX(20vw) translateY(-19vh) scale(0.36);
  }
  60.8695652174% {
    transform: translateX(-47vw) translateY(34vh) scale(0.62);
  }
  65.2173913043% {
    transform: translateX(-37vw) translateY(-28vh) scale(0.88);
  }
  69.5652173913% {
    transform: translateX(-44vw) translateY(15vh) scale(0.55);
  }
  73.9130434783% {
    transform: translateX(-24vw) translateY(30vh) scale(0.74);
  }
  78.2608695652% {
    transform: translateX(-46vw) translateY(39vh) scale(0.42);
  }
  82.6086956522% {
    transform: translateX(-44vw) translateY(12vh) scale(0.85);
  }
  86.9565217391% {
    transform: translateX(34vw) translateY(-26vh) scale(0.4);
  }
  91.3043478261% {
    transform: translateX(-11vw) translateY(24vh) scale(0.49);
  }
  95.652173913% {
    transform: translateX(17vw) translateY(-11vh) scale(0.62);
  }
  100% {
    transform: translateX(25vw) translateY(-45vh) scale(0.62);
  }
}
.firefly:nth-child(3) {
  animation-name: move3;
}
.firefly:nth-child(3)::before {
  animation-duration: 13s;
}
.firefly:nth-child(3)::after {
  animation-duration: 13s, 7974ms;
  animation-delay: 0ms, 2678ms;
}

@keyframes move3 {
  0% {
    transform: translateX(50vw) translateY(5vh) scale(0.26);
  }
  4% {
    transform: translateX(-24vw) translateY(-7vh) scale(0.44);
  }
  8% {
    transform: translateX(8vw) translateY(-30vh) scale(0.28);
  }
  12% {
    transform: translateX(31vw) translateY(-45vh) scale(0.27);
  }
  16% {
    transform: translateX(9vw) translateY(50vh) scale(0.49);
  }
  20% {
    transform: translateX(25vw) translateY(-29vh) scale(0.88);
  }
  24% {
    transform: translateX(22vw) translateY(-26vh) scale(0.31);
  }
  28% {
    transform: translateX(20vw) translateY(-17vh) scale(0.75);
  }
  32% {
    transform: translateX(50vw) translateY(-28vh) scale(0.95);
  }
  36% {
    transform: translateX(47vw) translateY(9vh) scale(0.44);
  }
  40% {
    transform: translateX(30vw) translateY(-11vh) scale(0.69);
  }
  44% {
    transform: translateX(-29vw) translateY(-47vh) scale(0.73);
  }
  48% {
    transform: translateX(-13vw) translateY(-37vh) scale(0.65);
  }
  52% {
    transform: translateX(34vw) translateY(37vh) scale(0.72);
  }
  56% {
    transform: translateX(44vw) translateY(8vh) scale(0.3);
  }
  60% {
    transform: translateX(-4vw) translateY(-23vh) scale(0.6);
  }
  64% {
    transform: translateX(7vw) translateY(28vh) scale(0.56);
  }
  68% {
    transform: translateX(35vw) translateY(1vh) scale(0.72);
  }
  72% {
    transform: translateX(-7vw) translateY(25vh) scale(0.74);
  }
  76% {
    transform: translateX(32vw) translateY(-48vh) scale(0.91);
  }
  80% {
    transform: translateX(-3vw) translateY(-23vh) scale(0.72);
  }
  84% {
    transform: translateX(5vw) translateY(-16vh) scale(0.91);
  }
  88% {
    transform: translateX(-28vw) translateY(3vh) scale(0.32);
  }
  92% {
    transform: translateX(-34vw) translateY(-1vh) scale(0.91);
  }
  96% {
    transform: translateX(1vw) translateY(30vh) scale(0.38);
  }
  100% {
    transform: translateX(-14vw) translateY(-21vh) scale(0.67);
  }
}
.firefly:nth-child(4) {
  animation-name: move4;
}
.firefly:nth-child(4)::before {
  animation-duration: 9s;
}
.firefly:nth-child(4)::after {
  animation-duration: 9s, 6795ms;
  animation-delay: 0ms, 3805ms;
}

@keyframes move4 {
  0% {
    transform: translateX(-27vw) translateY(-2vh) scale(0.76);
  }
  3.7037037037% {
    transform: translateX(-45vw) translateY(29vh) scale(0.84);
  }
  7.4074074074% {
    transform: translateX(-15vw) translateY(-32vh) scale(0.72);
  }
  11.1111111111% {
    transform: translateX(-19vw) translateY(-37vh) scale(0.52);
  }
  14.8148148148% {
    transform: translateX(32vw) translateY(26vh) scale(0.98);
  }
  18.5185185185% {
    transform: translateX(6vw) translateY(-40vh) scale(0.8);
  }
  22.2222222222% {
    transform: translateX(-26vw) translateY(-6vh) scale(0.35);
  }
  25.9259259259% {
    transform: translateX(45vw) translateY(30vh) scale(0.67);
  }
  29.6296296296% {
    transform: translateX(-28vw) translateY(-48vh) scale(0.84);
  }
  33.3333333333% {
    transform: translateX(38vw) translateY(-38vh) scale(0.97);
  }
  37.037037037% {
    transform: translateX(10vw) translateY(44vh) scale(0.91);
  }
  40.7407407407% {
    transform: translateX(-45vw) translateY(23vh) scale(0.44);
  }
  44.4444444444% {
    transform: translateX(41vw) translateY(17vh) scale(0.34);
  }
  48.1481481481% {
    transform: translateX(28vw) translateY(12vh) scale(0.74);
  }
  51.8518518519% {
    transform: translateX(-10vw) translateY(20vh) scale(0.61);
  }
  55.5555555556% {
    transform: translateX(-15vw) translateY(-47vh) scale(0.41);
  }
  59.2592592593% {
    transform: translateX(-16vw) translateY(-28vh) scale(0.69);
  }
  62.962962963% {
    transform: translateX(34vw) translateY(3vh) scale(0.4);
  }
  66.6666666667% {
    transform: translateX(43vw) translateY(-25vh) scale(0.64);
  }
  70.3703703704% {
    transform: translateX(27vw) translateY(-31vh) scale(0.65);
  }
  74.0740740741% {
    transform: translateX(-5vw) translateY(-31vh) scale(0.38);
  }
  77.7777777778% {
    transform: translateX(31vw) translateY(17vh) scale(0.94);
  }
  81.4814814815% {
    transform: translateX(39vw) translateY(5vh) scale(0.29);
  }
  85.1851851852% {
    transform: translateX(50vw) translateY(27vh) scale(0.61);
  }
  88.8888888889% {
    transform: translateX(7vw) translateY(-39vh) scale(0.97);
  }
  92.5925925926% {
    transform: translateX(-49vw) translateY(-10vh) scale(0.34);
  }
  96.2962962963% {
    transform: translateX(-16vw) translateY(32vh) scale(0.71);
  }
  100% {
    transform: translateX(-24vw) translateY(32vh) scale(0.44);
  }
}
.firefly:nth-child(5) {
  animation-name: move5;
}
.firefly:nth-child(5)::before {
  animation-duration: 11s;
}
.firefly:nth-child(5)::after {
  animation-duration: 11s, 5215ms;
  animation-delay: 0ms, 1244ms;
}

@keyframes move5 {
  0% {
    transform: translateX(-24vw) translateY(-23vh) scale(0.37);
  }
  4.347826087% {
    transform: translateX(27vw) translateY(42vh) scale(0.47);
  }
  8.6956521739% {
    transform: translateX(-15vw) translateY(37vh) scale(0.27);
  }
  13.0434782609% {
    transform: translateX(-29vw) translateY(-22vh) scale(0.57);
  }
  17.3913043478% {
    transform: translateX(7vw) translateY(-44vh) scale(0.91);
  }
  21.7391304348% {
    transform: translateX(45vw) translateY(18vh) scale(0.81);
  }
  26.0869565217% {
    transform: translateX(-44vw) translateY(-21vh) scale(0.4);
  }
  30.4347826087% {
    transform: translateX(23vw) translateY(20vh) scale(0.77);
  }
  34.7826086957% {
    transform: translateX(-16vw) translateY(6vh) scale(0.83);
  }
  39.1304347826% {
    transform: translateX(-40vw) translateY(-20vh) scale(0.52);
  }
  43.4782608696% {
    transform: translateX(22vw) translateY(47vh) scale(0.7);
  }
  47.8260869565% {
    transform: translateX(-7vw) translateY(35vh) scale(0.95);
  }
  52.1739130435% {
    transform: translateX(-4vw) translateY(27vh) scale(0.88);
  }
  56.5217391304% {
    transform: translateX(-4vw) translateY(-29vh) scale(0.37);
  }
  60.8695652174% {
    transform: translateX(-36vw) translateY(24vh) scale(0.34);
  }
  65.2173913043% {
    transform: translateX(50vw) translateY(27vh) scale(0.65);
  }
  69.5652173913% {
    transform: translateX(33vw) translateY(50vh) scale(0.41);
  }
  73.9130434783% {
    transform: translateX(2vw) translateY(21vh) scale(0.3);
  }
  78.2608695652% {
    transform: translateX(6vw) translateY(-26vh) scale(0.33);
  }
  82.6086956522% {
    transform: translateX(-40vw) translateY(-40vh) scale(0.62);
  }
  86.9565217391% {
    transform: translateX(-4vw) translateY(14vh) scale(0.86);
  }
  91.3043478261% {
    transform: translateX(-4vw) translateY(47vh) scale(0.44);
  }
  95.652173913% {
    transform: translateX(-47vw) translateY(-19vh) scale(0.7);
  }
  100% {
    transform: translateX(-2vw) translateY(41vh) scale(0.4);
  }
}
.firefly:nth-child(6) {
  animation-name: move6;
}
.firefly:nth-child(6)::before {
  animation-duration: 10s;
}
.firefly:nth-child(6)::after {
  animation-duration: 10s, 8936ms;
  animation-delay: 0ms, 4177ms;
}

@keyframes move6 {
  0% {
    transform: translateX(-4vw) translateY(14vh) scale(0.88);
  }
  3.5714285714% {
    transform: translateX(0vw) translateY(24vh) scale(0.43);
  }
  7.1428571429% {
    transform: translateX(-43vw) translateY(-29vh) scale(1);
  }
  10.7142857143% {
    transform: translateX(2vw) translateY(24vh) scale(0.78);
  }
  14.2857142857% {
    transform: translateX(49vw) translateY(-3vh) scale(0.52);
  }
  17.8571428571% {
    transform: translateX(-12vw) translateY(1vh) scale(0.65);
  }
  21.4285714286% {
    transform: translateX(-4vw) translateY(-2vh) scale(0.58);
  }
  25% {
    transform: translateX(42vw) translateY(10vh) scale(0.88);
  }
  28.5714285714% {
    transform: translateX(15vw) translateY(-36vh) scale(0.47);
  }
  32.1428571429% {
    transform: translateX(8vw) translateY(48vh) scale(0.9);
  }
  35.7142857143% {
    transform: translateX(-25vw) translateY(-26vh) scale(0.39);
  }
  39.2857142857% {
    transform: translateX(-34vw) translateY(-14vh) scale(0.59);
  }
  42.8571428571% {
    transform: translateX(46vw) translateY(-31vh) scale(0.75);
  }
  46.4285714286% {
    transform: translateX(41vw) translateY(29vh) scale(0.7);
  }
  50% {
    transform: translateX(33vw) translateY(-38vh) scale(0.43);
  }
  53.5714285714% {
    transform: translateX(5vw) translateY(49vh) scale(0.29);
  }
  57.1428571429% {
    transform: translateX(29vw) translateY(-43vh) scale(0.93);
  }
  60.7142857143% {
    transform: translateX(37vw) translateY(-25vh) scale(0.46);
  }
  64.2857142857% {
    transform: translateX(-14vw) translateY(12vh) scale(0.96);
  }
  67.8571428571% {
    transform: translateX(35vw) translateY(-15vh) scale(0.92);
  }
  71.4285714286% {
    transform: translateX(45vw) translateY(49vh) scale(0.46);
  }
  75% {
    transform: translateX(-19vw) translateY(-24vh) scale(0.86);
  }
  78.5714285714% {
    transform: translateX(49vw) translateY(-7vh) scale(0.26);
  }
  82.1428571429% {
    transform: translateX(50vw) translateY(-37vh) scale(0.75);
  }
  85.7142857143% {
    transform: translateX(-36vw) translateY(-19vh) scale(0.99);
  }
  89.2857142857% {
    transform: translateX(41vw) translateY(10vh) scale(0.83);
  }
  92.8571428571% {
    transform: translateX(7vw) translateY(12vh) scale(0.54);
  }
  96.4285714286% {
    transform: translateX(-9vw) translateY(13vh) scale(0.33);
  }
  100% {
    transform: translateX(-27vw) translateY(-48vh) scale(0.9);
  }
}
.firefly:nth-child(7) {
  animation-name: move7;
}
.firefly:nth-child(7)::before {
  animation-duration: 17s;
}
.firefly:nth-child(7)::after {
  animation-duration: 17s, 5993ms;
  animation-delay: 0ms, 8035ms;
}

@keyframes move7 {
  0% {
    transform: translateX(-8vw) translateY(-36vh) scale(0.97);
  }
  4.5454545455% {
    transform: translateX(-31vw) translateY(-13vh) scale(0.85);
  }
  9.0909090909% {
    transform: translateX(-27vw) translateY(-31vh) scale(0.3);
  }
  13.6363636364% {
    transform: translateX(-5vw) translateY(-32vh) scale(0.83);
  }
  18.1818181818% {
    transform: translateX(-47vw) translateY(-34vh) scale(0.81);
  }
  22.7272727273% {
    transform: translateX(37vw) translateY(40vh) scale(0.53);
  }
  27.2727272727% {
    transform: translateX(-20vw) translateY(-17vh) scale(0.68);
  }
  31.8181818182% {
    transform: translateX(-14vw) translateY(39vh) scale(0.98);
  }
  36.3636363636% {
    transform: translateX(6vw) translateY(28vh) scale(0.74);
  }
  40.9090909091% {
    transform: translateX(41vw) translateY(-41vh) scale(0.62);
  }
  45.4545454545% {
    transform: translateX(-7vw) translateY(-29vh) scale(0.6);
  }
  50% {
    transform: translateX(12vw) translateY(18vh) scale(0.28);
  }
  54.5454545455% {
    transform: translateX(46vw) translateY(-25vh) scale(0.75);
  }
  59.0909090909% {
    transform: translateX(31vw) translateY(-23vh) scale(0.54);
  }
  63.6363636364% {
    transform: translateX(49vw) translateY(37vh) scale(0.61);
  }
  68.1818181818% {
    transform: translateX(44vw) translateY(-36vh) scale(0.31);
  }
  72.7272727273% {
    transform: translateX(-3vw) translateY(24vh) scale(0.35);
  }
  77.2727272727% {
    transform: translateX(-2vw) translateY(-28vh) scale(0.74);
  }
  81.8181818182% {
    transform: translateX(-49vw) translateY(-2vh) scale(0.42);
  }
  86.3636363636% {
    transform: translateX(37vw) translateY(2vh) scale(0.8);
  }
  90.9090909091% {
    transform: translateX(25vw) translateY(-16vh) scale(0.41);
  }
  95.4545454545% {
    transform: translateX(-11vw) translateY(-16vh) scale(0.8);
  }
  100% {
    transform: translateX(21vw) translateY(-49vh) scale(0.76);
  }
}
.firefly:nth-child(8) {
  animation-name: move8;
}
.firefly:nth-child(8)::before {
  animation-duration: 9s;
}
.firefly:nth-child(8)::after {
  animation-duration: 9s, 7268ms;
  animation-delay: 0ms, 2761ms;
}

@keyframes move8 {
  0% {
    transform: translateX(-10vw) translateY(25vh) scale(0.57);
  }
  4.7619047619% {
    transform: translateX(-36vw) translateY(43vh) scale(0.72);
  }
  9.5238095238% {
    transform: translateX(42vw) translateY(-30vh) scale(0.86);
  }
  14.2857142857% {
    transform: translateX(-33vw) translateY(35vh) scale(0.56);
  }
  19.0476190476% {
    transform: translateX(12vw) translateY(-39vh) scale(0.87);
  }
  23.8095238095% {
    transform: translateX(47vw) translateY(-3vh) scale(0.73);
  }
  28.5714285714% {
    transform: translateX(-2vw) translateY(30vh) scale(0.72);
  }
  33.3333333333% {
    transform: translateX(9vw) translateY(-12vh) scale(0.76);
  }
  38.0952380952% {
    transform: translateX(34vw) translateY(-46vh) scale(0.72);
  }
  42.8571428571% {
    transform: translateX(49vw) translateY(22vh) scale(0.63);
  }
  47.619047619% {
    transform: translateX(-26vw) translateY(36vh) scale(0.72);
  }
  52.380952381% {
    transform: translateX(3vw) translateY(-18vh) scale(0.69);
  }
  57.1428571429% {
    transform: translateX(26vw) translateY(0vh) scale(0.27);
  }
  61.9047619048% {
    transform: translateX(-44vw) translateY(-34vh) scale(0.92);
  }
  66.6666666667% {
    transform: translateX(-14vw) translateY(22vh) scale(0.59);
  }
  71.4285714286% {
    transform: translateX(0vw) translateY(-7vh) scale(0.65);
  }
  76.1904761905% {
    transform: translateX(4vw) translateY(-40vh) scale(0.76);
  }
  80.9523809524% {
    transform: translateX(-29vw) translateY(-18vh) scale(0.29);
  }
  85.7142857143% {
    transform: translateX(-2vw) translateY(-2vh) scale(0.31);
  }
  90.4761904762% {
    transform: translateX(-18vw) translateY(38vh) scale(0.35);
  }
  95.2380952381% {
    transform: translateX(-40vw) translateY(-11vh) scale(0.6);
  }
  100% {
    transform: translateX(32vw) translateY(7vh) scale(0.53);
  }
}
.firefly:nth-child(9) {
  animation-name: move9;
}
.firefly:nth-child(9)::before {
  animation-duration: 17s;
}
.firefly:nth-child(9)::after {
  animation-duration: 17s, 9733ms;
  animation-delay: 0ms, 3593ms;
}

@keyframes move9 {
  0% {
    transform: translateX(-21vw) translateY(-8vh) scale(0.27);
  }
  5.8823529412% {
    transform: translateX(10vw) translateY(-19vh) scale(0.39);
  }
  11.7647058824% {
    transform: translateX(-35vw) translateY(21vh) scale(0.37);
  }
  17.6470588235% {
    transform: translateX(-30vw) translateY(42vh) scale(0.86);
  }
  23.5294117647% {
    transform: translateX(31vw) translateY(-20vh) scale(0.53);
  }
  29.4117647059% {
    transform: translateX(22vw) translateY(14vh) scale(0.4);
  }
  35.2941176471% {
    transform: translateX(24vw) translateY(-39vh) scale(0.26);
  }
  41.1764705882% {
    transform: translateX(33vw) translateY(21vh) scale(0.63);
  }
  47.0588235294% {
    transform: translateX(7vw) translateY(6vh) scale(0.35);
  }
  52.9411764706% {
    transform: translateX(-18vw) translateY(35vh) scale(0.51);
  }
  58.8235294118% {
    transform: translateX(-10vw) translateY(-27vh) scale(0.7);
  }
  64.7058823529% {
    transform: translateX(-24vw) translateY(14vh) scale(0.91);
  }
  70.5882352941% {
    transform: translateX(13vw) translateY(35vh) scale(0.67);
  }
  76.4705882353% {
    transform: translateX(-22vw) translateY(18vh) scale(0.45);
  }
  82.3529411765% {
    transform: translateX(-41vw) translateY(5vh) scale(0.72);
  }
  88.2352941176% {
    transform: translateX(12vw) translateY(48vh) scale(0.49);
  }
  94.1176470588% {
    transform: translateX(-18vw) translateY(35vh) scale(0.59);
  }
  100% {
    transform: translateX(2vw) translateY(-47vh) scale(0.71);
  }
}
.firefly:nth-child(10) {
  animation-name: move10;
}
.firefly:nth-child(10)::before {
  animation-duration: 17s;
}
.firefly:nth-child(10)::after {
  animation-duration: 17s, 9384ms;
  animation-delay: 0ms, 2782ms;
}

@keyframes move10 {
  0% {
    transform: translateX(41vw) translateY(33vh) scale(0.78);
  }
  5.8823529412% {
    transform: translateX(39vw) translateY(6vh) scale(0.8);
  }
  11.7647058824% {
    transform: translateX(-10vw) translateY(-7vh) scale(0.42);
  }
  17.6470588235% {
    transform: translateX(14vw) translateY(-46vh) scale(0.7);
  }
  23.5294117647% {
    transform: translateX(-36vw) translateY(-21vh) scale(0.51);
  }
  29.4117647059% {
    transform: translateX(33vw) translateY(38vh) scale(0.77);
  }
  35.2941176471% {
    transform: translateX(-7vw) translateY(45vh) scale(0.94);
  }
  41.1764705882% {
    transform: translateX(26vw) translateY(-1vh) scale(0.67);
  }
  47.0588235294% {
    transform: translateX(-15vw) translateY(-27vh) scale(0.26);
  }
  52.9411764706% {
    transform: translateX(0vw) translateY(13vh) scale(0.62);
  }
  58.8235294118% {
    transform: translateX(-23vw) translateY(-32vh) scale(0.9);
  }
  64.7058823529% {
    transform: translateX(-6vw) translateY(-12vh) scale(0.8);
  }
  70.5882352941% {
    transform: translateX(24vw) translateY(18vh) scale(0.42);
  }
  76.4705882353% {
    transform: translateX(12vw) translateY(-21vh) scale(0.88);
  }
  82.3529411765% {
    transform: translateX(5vw) translateY(40vh) scale(0.49);
  }
  88.2352941176% {
    transform: translateX(6vw) translateY(0vh) scale(0.68);
  }
  94.1176470588% {
    transform: translateX(12vw) translateY(32vh) scale(0.4);
  }
  100% {
    transform: translateX(34vw) translateY(-27vh) scale(0.72);
  }
}
.firefly:nth-child(11) {
  animation-name: move11;
}
.firefly:nth-child(11)::before {
  animation-duration: 10s;
}
.firefly:nth-child(11)::after {
  animation-duration: 10s, 10678ms;
  animation-delay: 0ms, 1563ms;
}

@keyframes move11 {
  0% {
    transform: translateX(49vw) translateY(26vh) scale(0.56);
  }
  4.7619047619% {
    transform: translateX(24vw) translateY(-27vh) scale(0.66);
  }
  9.5238095238% {
    transform: translateX(-19vw) translateY(-27vh) scale(0.46);
  }
  14.2857142857% {
    transform: translateX(2vw) translateY(1vh) scale(0.71);
  }
  19.0476190476% {
    transform: translateX(-39vw) translateY(1vh) scale(0.67);
  }
  23.8095238095% {
    transform: translateX(46vw) translateY(-43vh) scale(0.41);
  }
  28.5714285714% {
    transform: translateX(-35vw) translateY(-15vh) scale(0.92);
  }
  33.3333333333% {
    transform: translateX(-14vw) translateY(-19vh) scale(0.33);
  }
  38.0952380952% {
    transform: translateX(-10vw) translateY(38vh) scale(0.96);
  }
  42.8571428571% {
    transform: translateX(5vw) translateY(6vh) scale(0.65);
  }
  47.619047619% {
    transform: translateX(6vw) translateY(34vh) scale(0.62);
  }
  52.380952381% {
    transform: translateX(27vw) translateY(-2vh) scale(0.99);
  }
  57.1428571429% {
    transform: translateX(8vw) translateY(5vh) scale(0.27);
  }
  61.9047619048% {
    transform: translateX(23vw) translateY(-4vh) scale(0.99);
  }
  66.6666666667% {
    transform: translateX(0vw) translateY(-39vh) scale(0.83);
  }
  71.4285714286% {
    transform: translateX(47vw) translateY(-45vh) scale(0.63);
  }
  76.1904761905% {
    transform: translateX(5vw) translateY(-21vh) scale(0.57);
  }
  80.9523809524% {
    transform: translateX(43vw) translateY(-49vh) scale(0.93);
  }
  85.7142857143% {
    transform: translateX(25vw) translateY(-18vh) scale(0.51);
  }
  90.4761904762% {
    transform: translateX(-21vw) translateY(39vh) scale(0.59);
  }
  95.2380952381% {
    transform: translateX(36vw) translateY(26vh) scale(0.34);
  }
  100% {
    transform: translateX(-17vw) translateY(-1vh) scale(0.59);
  }
}
.firefly:nth-child(12) {
  animation-name: move12;
}
.firefly:nth-child(12)::before {
  animation-duration: 9s;
}
.firefly:nth-child(12)::after {
  animation-duration: 9s, 8408ms;
  animation-delay: 0ms, 4007ms;
}

@keyframes move12 {
  0% {
    transform: translateX(-33vw) translateY(15vh) scale(0.8);
  }
  4.1666666667% {
    transform: translateX(10vw) translateY(0vh) scale(0.52);
  }
  8.3333333333% {
    transform: translateX(-48vw) translateY(-25vh) scale(0.86);
  }
  12.5% {
    transform: translateX(-16vw) translateY(-22vh) scale(0.84);
  }
  16.6666666667% {
    transform: translateX(-21vw) translateY(4vh) scale(0.52);
  }
  20.8333333333% {
    transform: translateX(6vw) translateY(-30vh) scale(0.91);
  }
  25% {
    transform: translateX(-19vw) translateY(-17vh) scale(0.68);
  }
  29.1666666667% {
    transform: translateX(42vw) translateY(-47vh) scale(0.28);
  }
  33.3333333333% {
    transform: translateX(-5vw) translateY(-16vh) scale(0.99);
  }
  37.5% {
    transform: translateX(-43vw) translateY(30vh) scale(0.8);
  }
  41.6666666667% {
    transform: translateX(-4vw) translateY(40vh) scale(0.74);
  }
  45.8333333333% {
    transform: translateX(-18vw) translateY(-5vh) scale(0.77);
  }
  50% {
    transform: translateX(-27vw) translateY(42vh) scale(0.51);
  }
  54.1666666667% {
    transform: translateX(16vw) translateY(24vh) scale(0.26);
  }
  58.3333333333% {
    transform: translateX(-24vw) translateY(-49vh) scale(0.43);
  }
  62.5% {
    transform: translateX(13vw) translateY(34vh) scale(0.73);
  }
  66.6666666667% {
    transform: translateX(19vw) translateY(37vh) scale(0.43);
  }
  70.8333333333% {
    transform: translateX(-3vw) translateY(3vh) scale(0.52);
  }
  75% {
    transform: translateX(-10vw) translateY(30vh) scale(0.48);
  }
  79.1666666667% {
    transform: translateX(45vw) translateY(-46vh) scale(0.47);
  }
  83.3333333333% {
    transform: translateX(-32vw) translateY(19vh) scale(0.35);
  }
  87.5% {
    transform: translateX(20vw) translateY(-10vh) scale(0.54);
  }
  91.6666666667% {
    transform: translateX(32vw) translateY(-47vh) scale(0.34);
  }
  95.8333333333% {
    transform: translateX(10vw) translateY(-46vh) scale(0.32);
  }
  100% {
    transform: translateX(37vw) translateY(15vh) scale(0.98);
  }
}
.firefly:nth-child(13) {
  animation-name: move13;
}
.firefly:nth-child(13)::before {
  animation-duration: 12s;
}
.firefly:nth-child(13)::after {
  animation-duration: 12s, 8342ms;
  animation-delay: 0ms, 7340ms;
}

@keyframes move13 {
  0% {
    transform: translateX(43vw) translateY(-48vh) scale(0.91);
  }
  3.7037037037% {
    transform: translateX(-38vw) translateY(-21vh) scale(0.41);
  }
  7.4074074074% {
    transform: translateX(-6vw) translateY(33vh) scale(0.77);
  }
  11.1111111111% {
    transform: translateX(39vw) translateY(11vh) scale(0.69);
  }
  14.8148148148% {
    transform: translateX(-38vw) translateY(-39vh) scale(0.39);
  }
  18.5185185185% {
    transform: translateX(-9vw) translateY(-49vh) scale(0.36);
  }
  22.2222222222% {
    transform: translateX(-8vw) translateY(41vh) scale(0.93);
  }
  25.9259259259% {
    transform: translateX(25vw) translateY(-12vh) scale(0.86);
  }
  29.6296296296% {
    transform: translateX(17vw) translateY(21vh) scale(0.51);
  }
  33.3333333333% {
    transform: translateX(-27vw) translateY(0vh) scale(0.44);
  }
  37.037037037% {
    transform: translateX(41vw) translateY(27vh) scale(0.59);
  }
  40.7407407407% {
    transform: translateX(29vw) translateY(48vh) scale(0.91);
  }
  44.4444444444% {
    transform: translateX(23vw) translateY(21vh) scale(0.44);
  }
  48.1481481481% {
    transform: translateX(18vw) translateY(-43vh) scale(0.8);
  }
  51.8518518519% {
    transform: translateX(42vw) translateY(48vh) scale(0.46);
  }
  55.5555555556% {
    transform: translateX(29vw) translateY(-5vh) scale(0.69);
  }
  59.2592592593% {
    transform: translateX(18vw) translateY(-13vh) scale(0.92);
  }
  62.962962963% {
    transform: translateX(10vw) translateY(10vh) scale(0.26);
  }
  66.6666666667% {
    transform: translateX(-39vw) translateY(50vh) scale(0.81);
  }
  70.3703703704% {
    transform: translateX(14vw) translateY(46vh) scale(0.33);
  }
  74.0740740741% {
    transform: translateX(43vw) translateY(-29vh) scale(0.3);
  }
  77.7777777778% {
    transform: translateX(-48vw) translateY(-15vh) scale(0.89);
  }
  81.4814814815% {
    transform: translateX(-30vw) translateY(-36vh) scale(0.29);
  }
  85.1851851852% {
    transform: translateX(-46vw) translateY(-35vh) scale(0.5);
  }
  88.8888888889% {
    transform: translateX(1vw) translateY(47vh) scale(0.57);
  }
  92.5925925926% {
    transform: translateX(-10vw) translateY(-33vh) scale(0.92);
  }
  96.2962962963% {
    transform: translateX(-48vw) translateY(46vh) scale(0.47);
  }
  100% {
    transform: translateX(13vw) translateY(36vh) scale(0.98);
  }
}
.firefly:nth-child(14) {
  animation-name: move14;
}
.firefly:nth-child(14)::before {
  animation-duration: 16s;
}
.firefly:nth-child(14)::after {
  animation-duration: 16s, 5178ms;
  animation-delay: 0ms, 4097ms;
}

@keyframes move14 {
  0% {
    transform: translateX(-38vw) translateY(-35vh) scale(0.37);
  }
  5% {
    transform: translateX(14vw) translateY(-2vh) scale(0.86);
  }
  10% {
    transform: translateX(-7vw) translateY(26vh) scale(0.32);
  }
  15% {
    transform: translateX(17vw) translateY(-13vh) scale(0.35);
  }
  20% {
    transform: translateX(3vw) translateY(-3vh) scale(0.54);
  }
  25% {
    transform: translateX(0vw) translateY(-4vh) scale(0.96);
  }
  30% {
    transform: translateX(19vw) translateY(2vh) scale(0.39);
  }
  35% {
    transform: translateX(-17vw) translateY(32vh) scale(0.83);
  }
  40% {
    transform: translateX(-31vw) translateY(2vh) scale(0.78);
  }
  45% {
    transform: translateX(-30vw) translateY(11vh) scale(0.88);
  }
  50% {
    transform: translateX(-48vw) translateY(16vh) scale(0.44);
  }
  55% {
    transform: translateX(-4vw) translateY(-32vh) scale(0.85);
  }
  60% {
    transform: translateX(30vw) translateY(40vh) scale(0.45);
  }
  65% {
    transform: translateX(44vw) translateY(-38vh) scale(1);
  }
  70% {
    transform: translateX(32vw) translateY(8vh) scale(0.55);
  }
  75% {
    transform: translateX(-26vw) translateY(11vh) scale(0.35);
  }
  80% {
    transform: translateX(-25vw) translateY(43vh) scale(0.61);
  }
  85% {
    transform: translateX(-17vw) translateY(15vh) scale(0.53);
  }
  90% {
    transform: translateX(28vw) translateY(6vh) scale(0.51);
  }
  95% {
    transform: translateX(17vw) translateY(-10vh) scale(0.45);
  }
  100% {
    transform: translateX(-44vw) translateY(-8vh) scale(0.8);
  }
}
.firefly:nth-child(15) {
  animation-name: move15;
}
.firefly:nth-child(15)::before {
  animation-duration: 10s;
}
.firefly:nth-child(15)::after {
  animation-duration: 10s, 8013ms;
  animation-delay: 0ms, 6258ms;
}

@keyframes move15 {
  0% {
    transform: translateX(-11vw) translateY(16vh) scale(0.27);
  }
  4.7619047619% {
    transform: translateX(43vw) translateY(-43vh) scale(0.87);
  }
  9.5238095238% {
    transform: translateX(-44vw) translateY(31vh) scale(0.26);
  }
  14.2857142857% {
    transform: translateX(40vw) translateY(0vh) scale(0.73);
  }
  19.0476190476% {
    transform: translateX(-17vw) translateY(-40vh) scale(0.86);
  }
  23.8095238095% {
    transform: translateX(-25vw) translateY(50vh) scale(0.83);
  }
  28.5714285714% {
    transform: translateX(27vw) translateY(-22vh) scale(0.97);
  }
  33.3333333333% {
    transform: translateX(-19vw) translateY(-18vh) scale(0.46);
  }
  38.0952380952% {
    transform: translateX(-46vw) translateY(-39vh) scale(0.92);
  }
  42.8571428571% {
    transform: translateX(44vw) translateY(-7vh) scale(0.67);
  }
  47.619047619% {
    transform: translateX(48vw) translateY(29vh) scale(0.99);
  }
  52.380952381% {
    transform: translateX(-39vw) translateY(-24vh) scale(0.8);
  }
  57.1428571429% {
    transform: translateX(44vw) translateY(39vh) scale(0.91);
  }
  61.9047619048% {
    transform: translateX(-29vw) translateY(35vh) scale(0.65);
  }
  66.6666666667% {
    transform: translateX(2vw) translateY(17vh) scale(0.94);
  }
  71.4285714286% {
    transform: translateX(25vw) translateY(12vh) scale(0.95);
  }
  76.1904761905% {
    transform: translateX(-11vw) translateY(10vh) scale(0.92);
  }
  80.9523809524% {
    transform: translateX(-39vw) translateY(21vh) scale(0.43);
  }
  85.7142857143% {
    transform: translateX(34vw) translateY(-15vh) scale(0.74);
  }
  90.4761904762% {
    transform: translateX(-13vw) translateY(-7vh) scale(0.56);
  }
  95.2380952381% {
    transform: translateX(30vw) translateY(-11vh) scale(0.89);
  }
  100% {
    transform: translateX(-22vw) translateY(-21vh) scale(0.88);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow;
  }
}
/*End Firefly*/

/*Lightning*/
#lightning{
	position:absolute;
	top:40px;
	left:60px;
	font-size:40px;
	color:#fff;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
#lightning > span {
	opacity: 0.15;
}
#E {
	opacity: 1;
	animation: flickerI 4s linear  reverse infinite;
}
#E::after {
	content: '';
	width: 150%;
	-webkit-box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
	-moz-box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
	box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
}
#N, #W {
	animation: flickerLG 4s linear reverse infinite;
	position: relative;
}
#N::after, 
#N::before  {
	content:' ';
	width: 100px;
	height: 100px;
	background: var(--white);
	position: absolute;
	top: -50%;
	left: 100%;
	border-radius: 100%;
	opacity: 0.05;
	filter: blur(10px);
}
#N::after {
	width: 200px;
	height: 200px;
	top: -150%;
	left: -5%;
	opacity: 0.1;
	filter: blur(10px);
}
#S {
	animation: flickerH 4s linear reverse infinite
}
#T {
	animation: flickerLG 4s linear reverse infinite
}
#O {
	animation: flickerI 4s linear reverse infinite
}
#R {
	animation: flickerLG 4s linear reverse infinite
}
#Y {
	animation: flickerT 4s linear reverse infinite
}

@keyframes flickerI {
	0% {
		opacity: 0.4;
	}
	5% {
		opacity: 0.5;
	}
	10% {
		opacity: 0.6;
	}
	15% {
		opacity: 0.85;
	}
	25% {
		opacity: 0.5;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0.1;
	}
	40% {
		opacity: 0.25;
	}
	45% {
		opacity: 0.5;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0.85;
	}
	80% {
		opacity: 0.4;
	}
	90% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flickerLG {
	0% {
		opacity: 0.19;
	}
	5% {
		opacity: 0.2;
	}
	10% {
		opacity: 0.45;
	}
	15% {
		opacity: 0.65;
	}
	25% {
		opacity: 0.2;
	}
	30% {
		opacity: 0.6;
	}
	35% {
		opacity: 0.1;
	}
	40% {
		opacity: 0.45;
	}
	45% {
		opacity: 0.2;
	}
	60% {
		opacity: 0.4;
	}
	70% {
		opacity: 0.65;
	}
	80% {
		opacity: 0.6;
	}
	90% {
		opacity: 0.2;
	}
	100% {
		opacity: 0.6;
	}
}

@keyframes flickerH {
	0% {
		opacity: 0.25;
	}
	5% {
		opacity: 0.3;
	}
	10% {
		opacity: 0.22;
	}
	15% {
		opacity: 0.3;
	}
	25% {
		opacity: 0.25;
	}
	30% {
		opacity: 0.6;
	}
	35% {
		opacity: 0.15;
	}
	40% {
		opacity: 0.12;
	}
	45% {
		opacity: 0.25;
	}
	60% {
		opacity: 0.4;
	}
	70% {
		opacity: 0.3;
	}
	80% {
		opacity: 0.4;
	}
	90% {
		opacity: 0.28;
	}
	100% {
		opacity: 0.4;
	}
}

@keyframes flickerT {
	0% {
		opacity: 0.21;
	}
	5% {
		opacity: 0.35;
	}
	10% {
		opacity: 0.23;
	}
	15% {
		opacity: 0.6;
	}
	25% {
		opacity: 0.27;
	}
	30% {
		opacity: 0.6;
	}
	35% {
		opacity: 0.25;
	}
	40% {
		opacity: 0.26;
	}
	45% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.2;
	}
	70% {
		opacity: 0.4;
	}
	80% {
		opacity: 0.2;
	}
	90% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.6;
	}
}
/*End Lightning*/

.product{
	width:496px;
	height:170px;
	max-width:496px;
	max-height:170px;
	position:relative;
}
.setting{
	width:200px;
	height:166px;
	max-width:200px;
	max-height:166px;
	position:relative;
}
.product-back{
	width:496px;
	height:170px;
	max-width:496px;
	max-height:170px;
	background-image:url('/theme/img/prodback.png');
	background-repeat: no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	filter: drop-shadow(0 5px 10px #000);
}
.product-back-ny{
	width:496px;
	height:170px;
	max-width:496px;
	max-height:170px;
	background-image:url('/theme/img/prodback_ny.png');
	background-repeat: no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	filter: drop-shadow(0 5px 10px #000);
}
.product-backv2{
	width:200px;
	height:166px;
	max-width:200px;
	max-height:166px;
	background-image:url('/theme/img/imageram.png');
	background-repeat: no-repeat;
	background-size: 200px 166px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	filter: drop-shadow(0 5px 10px #000);
	z-index:1;
}
.aucimage{
	position:absolute;
	top:20px;
	left:30px;
	
}
.aucimage img{
	position:absolute;
	width:224px;
	height:224px;
	top:5px;
	left:29px;
}
.aucimage-back{
	width:280px;
	height:232px;
	max-width:280px;
	max-height:232px;
	background-image:url('/theme/img/auccorner.png');
	background-repeat: no-repeat;
	background-size: 280px 232px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	filter: drop-shadow(0 5px 10px #000);
	z-index:1;
}
.container_gift img {
    position: absolute;
    width: 151px;
    height: 151px;
    top: 7px;
    left: 25px;
	z-index:0;
}

.p1,.p2,.p3,.cart_counter,.cart_counter2,.storage_counter,.barter{
	position:absolute;
	background-image: url('/theme/img/price.png');
	height:34px;
	top:0px;
}
.barter{
	background-position:-6px -73px;
	background-repeat: no-repeat;
	width:51px;
	height:29px;
    right: 0px;
    top: 34px;
    z-index: 1;
	padding-left: 9px !important;
}
.barter:hover svg {
    filter: drop-shadow(1px 0px 10px #f7cb63);
    cursor: pointer;
}
.storage_counter{
	background-position:-12px 0px;
	background-repeat: no-repeat;
	width:54px;
	height:26px;
    left: 196px;
    top: 0px;
    z-index: 1;
}
.cart_counter2{
	background-position:-12px 0px;
	background-repeat: no-repeat;
	width:54px;
	height:26px;
    left: 196px;
    top: 0px;
    z-index: 1;
}
.cart_counter{
	background-position:-12px 0px;
	background-repeat: no-repeat;
	width:54px;
	height:26px;
    right: -72px;
    top: 0px;
    z-index: 1;
}
.cart_counter input{
	position:absolute;
	z-index:10;
	width:42px;
	line-height:18px;
	height:18px;
	top:3px;
	right:3px;
	text-align:center;
	background-color: transparent;
    color: white;
	border:none;
}
.storage_counter label{
	color:white;
	padding-left:5px;
	cursor:pointer;
}
.storage_counter label:hover{
	filter: drop-shadow(1px 0px 10px #f7cb63) !important;
}
.cart_counter2 label{
	color:white;
	padding-left:5px;
	cursor:pointer;
}
.cart_counter2 label:hover{
	filter: drop-shadow(1px 0px 10px #f7cb63) !important;
}
.cart_counter input::-webkit-outer-spin-button,
.cart_counter input::-webkit-inner-spin-button,
.cart_counter2 label::-webkit-outer-spin-button,
.cart_counter2 label::-webkit-inner-spin-button,
.storage_counter label::-webkit-outer-spin-button,
.storage_counter label::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.cart_counter input[type=number],.cart_counter input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.p3{
	background-position:0px -68px;
	background-repeat: no-repeat;
	width:57px;
	right:0px;
	z-index: 3;
}
.p2{
	background-position:0px -34px;
	background-repeat: repeat-x;
	width:auto;
	right:57px;
	color:#f7cb63;
	text-shadow: #f7cb63 1px 0 10px;
	padding: 8px 10px 0px 10px !important;
	line-height:20px;
	z-index:3;
	font-family: 'Digital-7';
}
.p1{
	background-position:0px 0px;
	background-repeat: no-repeat;
	width:9px;
	left:-9px;
}
.prod-table{
	margin-top:50px !important;
	height:calc(100% - 150px);
}
.prod-table img{
	position:absolute;
	width:141px;
	height:138px;
	top:14px;
	left:51px;
}
.set-table{
	height:calc(100% - 150px);
}
.set-table img{
	position:absolute;
	width:160px;
	height:160px;
	top:5px;
	left:20px;
}

.bi-zoom-in{
    position: absolute;
	top: 115px;
    left: 154px;
    color: #c6c6c6;
}

.bi-zoom-in:hover{
	color: #f7cb63;
    text-shadow: #f7cb63 1px 0 10px;
	cursor:pointer;
}
.t_name{
	position:absolute;
	color:#c6c6c6;
	text-align:left;
	z-index:1000;
	text-align: center;
	top: 46px;
    left: 246px;
	font-weight:bold;
	font-size:20px;
}
.t_name span{
	display: table-cell;
    vertical-align: middle;
    width: 216px;
    height: 75px;
	    font-weight: 100;
}
.prod-table td:nth-child(even) .product-back,.prod-table td:nth-child(even) .product-back-ny, .prod-table td:nth-child(even) .p3, .prod-table td:nth-child(even) .p1, .prod-table td:nth-child(even) .pdiscname, .prod-table td:nth-child(even) .bi-zoom-in, .prod-table td:nth-child(even) .cart_counter, .prod-table td:nth-child(even) .cart_counter2,.storage_counter, .prod-table td:nth-child(even) .barter{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.prod-desc{
	position:absolute;
	background-image: url('/theme/img/buttons.png');
	background-position:0px -236px;
	font-size: 18px;
	font-weight:bold;
	width:133px;
	height:39px;
	top:130px;
	left:320px;
	z-index:1001;
	color: rgba(0,0,0,0.9);
    text-shadow: 1px 1px 2px rgba(255,255,255,0.2);
    line-height: 39px;
    filter: drop-shadow(0 5px 10px #000);
}
.prod-desc span{
	filter: drop-shadow(0px 0px 2px #949494);
}
.prod-cart{
	width: 1em;
    height: 1em;
	color: #f7cb63;
	position:absolute;
	right: 18px;
    top: 6px;
	z-index:1002;
}
.prod-aprice{
	text-decoration:line-through;
	color:#a1a1a1;
	text-shadow:none;
}
.prod-cart:hover svg{
	filter: drop-shadow(1px 0px 10px #f7cb63);
	cursor:pointer;
}
.prod-desc:hover{
	background-position:0px -275px;
	cursor:pointer;
}
.prod-table td:nth-child(even) .prod-cart{
	left:10px !important;
	right:auto;
}
.prod-table td:nth-child(even) .barter{
	left:0px !important;
	right:auto;
}
.prod-table td:nth-child(even) .p3{
	left:0px !important;
}
.prod-table td:nth-child(even) .p2{	
	left:57px !important;
	right:auto;
}
.prod-table td:nth-child(even) .p1{
	right:-9px !important;
	left:auto;
}
.prod-table td:nth-child(even) img{
	right:51px !important;
	left:auto;
}
.prod-table td:nth-child(even) .t_name {
	right:246px !important;
	left:auto;
}
.prod-table td:nth-child(even) .bi-zoom-in{
	right:154px !important;
	left:auto;
}
.prod-table td:nth-child(even) .prod-desc{
	right:320px !important;
	left:auto;
}
.prod-table td:nth-child(even) .cart_counter{
	right:26px !important;
	left:auto;
}
.prod-table td:nth-child(even) .cart_counter2{
	right:196px !important;
	left:auto;
}
.prod-table td:nth-child(even) .cart_counter input{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.prod-table td:nth-child(even) .cart_counter2 label,.storage_counter label{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	padding-left:0px;
	padding-right:5px;
}

.mirror{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.pagination{
	display: inline-block;
}
.ractive {
	filter: drop-shadow(1px 0px 10px #f7cb63) !important;
	color:lime !important;
}
.arrn,.arrnr,.arrd,.arrdr,.numn,.numd{
	background-image: url('/theme/img/buttons.png');
	height:31px;
	display:block;
	float:left;
	text-align:center;
	line-height:31px;
	text-decoration:none;
	color:#c6c6c6;
	cursor:default;
	font-weight:bold;
}
.numn{
	width:47px;
	background-position:0px -112px;
	color:#c6c6c6 !important;
}
.numd{
	width:47px;
	background-position:0px -81px;
}
.numd:hover{
	background-position:0px -50px;
	text-decoration:none;
	color: #000;
    text-shadow: #f7cb63 1px 0 10px;
	cursor:pointer;
}
.arrn,.arrnr{
	width:41px;
	background-position:0px -205px;
}
.arrd,.arrdr{
	width:41px;
	background-position:0px -174px;
}
.arrd:hover,.arrdr:hover{
	background-position:0px -143px;
	cursor:pointer;
}

.arrnr,.arrdr{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

	
.but_close,.but_info{
	background-image: url('/theme/img/buttons.png');
	width:20px;
	height:20px;
	position:absolute !important;
	cursor:pointer;
}
.but_close{
	background-position:-47px 0px;
}
.but_close:hover{
	background-position:-47px -20px;
}
.but_info{
	background-position:-47px -40px;
}
.but_info:hover{
	background-position:-47px -60px;
}
.bimage{
	display: none;
	z-index:10000;
	position:absolute;
	top:50px;
	width: fit-content;
	block-size: fit-content;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	max-height:calc(100vh - 100px);
	background-image: url('/theme/img/ramtl.png'), url('/theme/img/ramt.png'), url('/theme/img/ramtr.png'),url('/theme/img/rambl.png'), url('/theme/img/rambr.png'), url('/theme/img/ramsl.png'), url('/theme/img/ramsr.png'), url('/theme/img/ramb.png');
	background-repeat: no-repeat, repeat-x, no-repeat,no-repeat, no-repeat, repeat-y, repeat-y, repeat-x;
	background-position:top left, top, top right, bottom left, bottom right, left, right, bottom;
}
.bimage img{
	max-height:calc(100vh - 100px);
	padding:6px;
}

.toZoom {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
.modal {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
#modal-content {
  margin: auto;
  display: block;
}

/* Add Animation */

@keyframes zoom {
  from {transform: scale(0.1)} 
  to {transform: scale(1)}
}

/* The Close Button */
.closes,.closed {
	background-image: url('/theme/img/close.png');
	background-position:0px -25px;
	width:36px;
	height:25px;
  position: absolute;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  z-index:2002
}
.closed{
    top: 117px;
    right: 17px;
}
.closes{
  right: 5px;
	top:5px;
}
.closes:hover,
.closes:focus,.closed:hover,
.closed:focus {
	background-position:0px 0px;
  color: #f7cb63;
  text-decoration: none;
  cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
#uimenu{
	position:absolute;
	width:auto;
	top:80px;
	left:0px;
	display:block;
}
#uitop{
	position:absolute;
	width:auto;
	top:0px;
	right:15%;
	display:block;
}
#uiroul{
	position:absolute;
	width:auto;
	top:0px;
	left:500px;
	display:block;
}
#uicalendar{
	position:absolute;
	width:auto;
	top:0px;
	left:70px;
	display:block;
}
#uinewyear{
	position:absolute;
	width:auto;
	top:0px;
	left:670px;
	display:block;
}

#allroul{
	position:absolute;
	width:auto;
	top:250px;
	right:35px;
	display:block;
    z-index: 100;
}
#uicats{
	position:absolute;
	width:auto;
	top:0px;
	left:300px;
	display:block;
}
.uiprof, .uirprof, .uiauc{
	position:relative;
	width:fit-content;
	left:0px;
	display:block;
	/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
}
.uirprof .uirleft, .uirprof .uirright, .uirprof .uircenter{
	position:absolute;
	background-image: url('/theme/img/roulnewbut.png');
}
.uirprof .uirtext{
    padding-left: 44px;
    padding-right: 44px;
    position: relative;/*relative*/
    line-height: 30px;
    min-width: 128px;
    top: 0px;
	z-index:5;
	display: inline-flex;
	cursor:pointer;
}
.uirprof .uirleft{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:47px;
	height:45px;
	z-index:6;
    margin-top: 0px;
    left: 0px;
}

.uirprof .uirright{
	background-repeat: no-repeat;
	background-position:0px -45px;
	width:47px;
	height:45px;
	margin-top:0px;
	right:0px;
	z-index:5;
}
.uirprof .uircenter{
	background-repeat: repeat-x;
    background-position: 0px -90px;
    width: calc(100% - 94px);
    height: 45px;
    top: 0px;
    left: 47px;
    z-index: 5;
}

.uirprof .uirtext .aname,.uirprof .uirtext .auname{
	color: transparent;
	text-decoration:none;
	position: relative;
    z-index: 7;
    top: 2px;
	font-weight:bold;
	width: 100%;
    left: auto;
    text-align: center;
	letter-spacing: 3;
}
.uirprof .aname UL,.uirprof .auname UL{
position: relative;
top:2px;
left:-18px;
display: flex;
color:#9696b4;
}
.uirprof .aname ul li,.uirprof .auname ul li{
  list-style: none;
  letter-spacing: 4px;
  font-size: 22px;
  font-family: fantasy;
color:#9696b4;
}
.uirprof .aname ul:hover li,.uirprof .auname ul:hover li{
	cursor:pointer;
  color:#484848;
  animation: ani 1.2s linear infinite;
}
.uirprof .aname ul li:nth-child(1){
  animation-delay: .2s;
}
.uirprof .aname ul li:nth-child(2){
  animation-delay: .6s;
}
.uirprof .aname ul li:nth-child(3){
  animation-delay: .8s;
}
.uirprof .aname ul li:nth-child(4){
  animation-delay: 1.0s;
}
.uirprof .aname ul li:nth-child(5){
  animation-delay: 1.4s;
}
.uirprof .aname ul li:nth-child(6){
  animation-delay: 1.8s;
}
.uirprof .aname ul li:nth-child(7){
  animation-delay: 1.12s;
}

.uirprof .auname ul li:nth-child(3){
  animation-delay: .1s;
}
.uirprof .auname ul li:nth-child(6){
  animation-delay: .5s;
}
.uirprof .auname ul li:nth-child(4){
  animation-delay: .7s;
}
.uirprof .auname ul li:nth-child(1){
  animation-delay: 1.1s;
}
.uirprof .auname ul li:nth-child(2){
  animation-delay: 1.2s;
}
.uirprof .auname ul li:nth-child(7){
  animation-delay: 1.5s;
}
.uirprof .auname ul li:nth-child(5){
  animation-delay: 1.14s;
}
.uirprof .sep{
	color: #f7cb63 !important;
    z-index: 6;
    top: 2px;
    position: relative;
    font-size: 22px;
}
@keyframes ani {
  0%{
     color:#44848;
     text-shadow: none;
  }
  90%{
     color:#44848;
     text-shadow: none;
  }
  100%{
     color:#fff900;
     text-shadow: 0 0 7px #fff900,0 0 70px #fff123;
  }
}
.uirprof .aname,.uirprof .auname{
  display: flex;
  font-size: 22px;
  color: #f7cb63 !important;
  animation: neonBlur 16s infinite;
  font-weight: 300;
}
.uirprof .aname > span:nth-child(1),.uirprof .auname > span:nth-child(1) {
  animation: neonBlink 5s infinite;
}
.uirprof .aname > span:nth-child(2),.uirprof .auname > span:nth-child(2) {
  opacity: .4;
}
.uirprof .aname > span:nth-child(3),.uirprof .auname > span:nth-child(3) {
  animation: neonBlink 2s infinite;
}

.uiauc-down div{
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.uiauc .uirleft, .uiauc .uirright, .uiauc .uircenter{
	position:absolute;
	background-image: url('/theme/img/aucinfo.png');
}
.uiauc .uirtext{
    padding-left: 32px;
    padding-right: 36px;
    position: relative;/*relative*/
    line-height: 17px;
    min-width: 128px;
    top: 0px;
	z-index:5;
	display: inline-flex;
	cursor:pointer;
}
.uiauc .uirleft{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:32px;
	height:40px;
	z-index:6;
    margin-top: 0px;
    left: 0px;
}

.uiauc .uirright{
	background-repeat: no-repeat;
	background-position:0px -40px;
	width:32px;
	height:40px;
	margin-top:0px;
	right:0px;
	z-index:5;
}
.uiauc .uircenter{
	background-repeat: repeat-x;
    background-position: 0px -80px;
    width: calc(100% - 64px);
    height: 40px;
    top: 0px;
    left: 32px;
    z-index: 6;
	text-align:right;
}

.uiauc .uirtext .aname{
	color: transparent;
	text-decoration:none;
	position: relative;
    z-index: 7;
    top: 0px;
	font-weight:normal;
	width: 100%;
    left: auto;
    text-align: center;
	letter-spacing: 1px;
}
.uiauc .uirtext .aname2{
	position: absolute;
    color: orange;
    top: 20px;
    right: 20px;
    font-size: 22px;
	z-index:7;
}

.uiauc-down .uirtext .aname{
	top:22px;
}
.uiauc-down .uirtext .aname2{
	top:3px;
}
.uiauc .aname UL{
position: relative;
top:2px;
left:-18px;
display: flex;
color:#9696b4;
}
.uiauc .aname ul li{
  list-style: none;
  letter-spacing: 4px;
  font-size: 14px;
  font-family: fantasy;
color:#9696b4;
}
.uiauc .aname ul:hover li{
	cursor:pointer;
  color:#484848;
}
.uiauc .aname{
  display: flex;
  font-size: 14px;
  color: #f7cb63 !important;
  font-weight: 300;
}
#allroul .uirprof .uirtext .aname{
	color:darkgray !important;
}
#allroul .uirprof:hover .uirtext .aname{
	color:#f7cb63 !important;
}
@keyframes neonBlink {
  0% { opacity: 1; }
  10% { opacity: .6; }
  12% { opacity: 1; }
  15% { opacity: .4; }
  17% { opacity: 1; }
  18% { opacity: .3; }
  19% { opacity: 1; }
  89% { opacity: 1; }
  91% { opacity: .7; }
  94% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes neonBlur {
  0% { text-shadow: 0px 0px 25px #FF0080; }
  50% { text-shadow: 0px 0px 75px #FF0080; filter: blur(0.5px) }
  100% { text-shadow: 0px 0px 25px #FF0080; }
}
.uiprof .uileft, .uiprof .uiright, .uiprof .uicenter,.uiprof .uisleft, .uiprof .uisright, .uiprof .uiscenter,.uicprof .uileft, .uicprof .uiright, .uicprof .uicenter,.uicprof .uisleft, .uicprof .uisright, .uicprof .uiscenter{
	position:absolute;
	background-image: url('/theme/img/top_but.png');
}
.uicprof .uitext .aname{
	cursor:pointer !important;
}

.uiprof .uileft{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:30px;
	height:54px;
	z-index:2006;
    margin-top: -18px;
    left: 0px;
}

.uiprof .uiright{
	background-repeat: no-repeat;
	background-position:0px -54px;
	width:30px;
	height:56px;
	margin-top:-20px;
	right:0px;
	z-index:2005;
}
.uiprof .uicenter{
	background-repeat: repeat-x;
    background-position: 0px -110px;
    width: calc(100% - 60px);
    height: 54px;
    top: -18px;
    left: 30px;
    z-index: 2005;
}
.uiprof .uitext{
    padding-left: 24px;
    padding-right: 24px;
    position: relative;/*relative*/
    line-height: 30px;
    min-width: 128px;
    top: 18px;
	z-index:2005;
	display: inline-flex;
}
.uiprof .uiselect{
	position: relative;
    margin-top: 0px;
    line-height: 30px;
    top: -8px;
    left: 0px;
    z-index: 2001;
    text-align: center;
    width: fit-content;
    cursor: pointer;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.uiprof .uiselect .uisleft{
	background-repeat: no-repeat;
	background-position:0px -164px;
	width:20px;
	height:41px;
	left:-10px;
	top:0px;
	z-index:2002;
}
.uiprof .uiselect .uisright{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	background-repeat: no-repeat;
	background-position:0px -164px;
	width:20px;
	height:41px;
	right:-10px;
	top:0px;
	z-index:2001;
}
.uiprof .uiselect .uiscenter{
	background-repeat: repeat-x;
    background-position: 0px -205px;
    width: calc(100% - 20px);
    height: 41px;
    top: 0px;
    left: 10px;
    z-index: 2001;
}
.uiprof .uiselect a{
	color: #f7cb63;
	text-decoration:none;
	position: relative;
    z-index: 2002;
	cursor:pointer;
	white-space: nowrap;
	padding: 0px 15px 0px 15px;
}
.uiprof .uiselect:hover a{
    text-shadow: #f7cb63 1px 0 10px;
}

.uiprof .uitext .aname{
	color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
	text-decoration:none;
	position: absolute;
    z-index: 2007;
    top: -5px;
	font-weight:bold;
	cursor:default;
	width: calc(100% - 60px);
    left: auto;
    text-align: center;
}
.uiprof:hover .uiselect{
	transform: translateY(40px);
}
.steamlogo g{
	fill:rgba(130, 116, 116, 1);
}
.steamlogo:hover > g{
	fill:orange !important;
}
/*============*/
.uicprof{
	position:relative;
	width:fit-content;
	left:0px;
	display:block;
}

.uicprof .uileft{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:30px;
	height:54px;
	z-index:2006;
    margin-top: -18px;
    left: 0px;
}

.uicprof .uiright{
	background-repeat: no-repeat;
	background-position:0px -54px;
	width:30px;
	height:56px;
	margin-top:-20px;
	right:0px;
	z-index:2005;
}
.uicprof .uicenter{
	background-repeat: repeat-x;
    background-position: 0px -110px;
    width: calc(100% - 60px);
    height: 54px;
    top: -18px;
    left: 30px;
    z-index: 2005;
}
.uicprof .uitext{
    padding-left: 24px;
    padding-right: 24px;
    position: relative;/*relative*/
    line-height: 30px;
    min-width: 128px;
    top: 18px;
	z-index:2005;
	display: block;
}
.uicprof .uiselect{
	position: relative;
    margin-top: 0px;
    line-height: 30px;
    top: -8px;
    left: 0px;
    z-index: 2001;
    text-align: center;
    width: 100%;
	display: block;
    cursor: pointer;
}
.uicprof .uiselect2{
    transition: all 1s;
    -webkit-transition: all 1s;
}

.uicprof .uiselect .uisleft{
	background-repeat: no-repeat;
	background-position:0px -164px;
	width:20px;
	height:41px;
	left:-10px;
	top:0px;
	z-index:2002;
}
.uicprof .uiselect ~ .uiselect .uisleft{
	background-position:0px -246px;
}
.uicprof .uiselect .uisright{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	background-repeat: no-repeat;
	background-position:0px -164px;
	width:20px;
	height:41px;
	right:-10px;
	top:0px;
	z-index:2001;
}
.uicprof .uiselect ~ .uiselect .uisright{
	background-position:0px -246px;
}
.uicprof .uiselect .uiscenter{
	background-repeat: repeat-x;
    background-position: 0px -205px;
    width: calc(100% - 20px);
    height: 41px;
    top: 0px;
    left: 10px;
    z-index: 2001;
}
.uicprof .uiselect ~ .uiselect .uiscenter{
    background-position: 0px -287px;
}
.uicprof .uiselect a, .uicprof .uiselect button{
	color: #f7cb63;
	text-decoration:none;
	position: relative;
    z-index: 2002;
	cursor:pointer;
	white-space: nowrap;
	padding: 0px 15px 0px 15px;
}
.uicprof .uiselect:hover a{
    text-shadow: #f7cb63 1px 0 10px;
}

.uicprof .uitext .aname{
	color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
	text-decoration:none;
	position: absolute;
    z-index: 2007;
    top: -5px;
	font-weight:bold;
	cursor:default;
	width: calc(100% - 60px);
    left: auto;
    text-align: center;
}
/*===========*/
.uiserv .uileft, .uiserv .uiright, .uiserv .uiright2,.uiserv .uicenter,.uiserv .uirighta{
	position:absolute;
	background-image: url('/theme/img/ui_serv.png');
}
.uiserv{
	position:relative;
	width:fit-content;
	left:0px;
	display:block;
	margin-top:30px;
}
#uimenu:hover .uitext{
	margin-left:-71px;
}
.uiserv:hover .uiright{
	background-position:0px -120px;
	color:#64401b;
}
.uiserv .uileft{
	background-repeat: no-repeat;
	background-position:0px -178px;
	width:44px;
	height:57px;
	z-index:3;
}
.uiserv .uiright{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:47px;
	height:60px;
	margin-top:-50px;
	right:0px;
	z-index:1;
    color: #c6b6ad;
}

.snum{
	right: 27px;
    top: -5px;
    position: absolute !important;
    font-weight: bold;
    font-size: 12px;
}
.uiserv .uirighta{
	background-repeat: no-repeat;
	background-position:0px -60px;
	width:47px;
	height:60px;
	margin-top:-50px;
	right:0px;
	z-index:1;
	color: #64401b;
}
.uiserv .uitext{
	display: inline-block;
    padding-left: 48px;
    padding-right: 30px;
    position: relative;
    line-height: 30px;
	margin-left:-100%;
	left:71px;
    top: 18px;
	z-index:2;
	transition:all 1s;
    -webkit-transition:all 1s;
	cursor:pointer;
}
.uiserv .uicenter{
	background-repeat: repeat-x;
	background-position:0px -235px;
	width:calc(100% - 47px);
	height:53px;
	margin-top:-45px;
	left:0px;
	z-index:1;
}
.uiserv a{
	text-decoration:none;
}
.uiserv .uitext span:not(.snum){
	color: #f7cb63;
	text-decoration:none;
	position: relative;
    z-index: 2;
	cursor:pointer;
}
.uiserv .uitext:hover span:not(.snum){
    text-shadow: #f7cb63 1px 0 10px;
}

/*=====================*/
.st_btn{
	background-color: #4a5265;
	color:#bdbde0;
	border: none;
	clip-path: var(--ui-button-1);
	min-width:120px;
	padding: 0 18px 0 18px;
    min-height: 26px;
}
a.st_btn{
	text-decoration:none;
}
.st_btn__reverse{
	clip-path: var(--ui-notch-path);
}
.st_btn:hover{
	background-color: #727f9a;
	color:#ededf8;
	cursor:pointer;
}
.form-scontrol {
  background-color: rgb(0, 0, 0, 0.5);
  border: 1px solid var(--colors-primary--600);
  clip-path: var(--ui-notch-path);
  padding-right: 0.5rem;
  position:relative;
  margin-top: 8px !important;
}

.form-scontrol__down{
  clip-path: var(--ui-notch-path-2);
}
.form-scontrol::before {
  background-color: var(--colors-primary--600);
  bottom: 5px;
  content: "";
  display: block;
  height: 3px; /* bigger to compensate transform */
  position: absolute;
  right: -6px;
  top: auto;
  transform: rotate(-45deg);
  width: var(--ui-notch-hypotenuse);
  z-index: 100;
}
.form-scontrol__down::before{
	top:5px;
	bottom:auto;
  transform: rotate(45deg);
}

.form-scontrol input,
.form-scontrol textarea {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: var(--colors-primary--700);
  font-family: var(--fonts-primary);
  font-size: 1rem;
  letter-spacing: 0.045em;
  outline: none;
  padding: 0.5rem;
  resize: none;
  width: 100%;
}

.form-scontrol--with-addon {
  align-items: center;
  display: flex;
  width:100%;
}

.form-scontrol--with-addon .button,
.form-scontrol--with-addon .button:hover {
  background-color: transparent;
  border-color: transparent;
}

.form-scontrol__addon {
  display: inline-block;
  padding: 0.45rem;
}

.form-scontrol__addon svg {
  display: block;
  fill: currentcolor;
  height: 1.125rem;
  opacity: 0.66;
  width: 1.125rem;
}

.form-scontrol__addon--prefix {
  order: -1;
}

.form-scontrol__addon--suffix {
  order: 1;
}

.form__field {
  outline: 0;
  transition: border-color 0.2s;
}

.form__field::placeholder {
  color: transparent;
}
div:has(.form__field:placeholder-shown) ~ .form__label {
  font-size: 18px;
  cursor: text;
  top: 14px;
  color:rgba(198,198,198, 0.5);
}

.form__label {
  position: absolute;
  top: -4px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #8486a5;
  padding: 0 4px 0 4px;
  left:6px;
  background: linear-gradient(to top, black 50%, transparent 50%);
}

div:has(.form__field:focus) {
	border-color: #727f9a;
}
div:has(.form__field:focus)::before {
	background-color: #727f9a;
}
div:has(.form__field:focus) ~ .form__label {
  position: absolute;
  top: -4px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #f7cb63;
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}
.form__field:-webkit-autofill,
.form__field:-webkit-autofill:hover, 
.form__field:-webkit-autofill:focus, 
.form__field:-webkit-autofill:active{
  -webkit-text-fill-color: #727f9a;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

.log_body{
	position:relative;
	height: 104px;
    display: grid;
    border-bottom: 1px solid darkgray;
}
.log_body .log_img{
	background:url('/theme/img/log_ram.png');
	width:108px;
	height:108px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}
.log_body img{
	position:absolute;
	top:5px;
	left:5px;
	z-index:10;
}
.log_body .bi-zoom-in{
	top: 70px !important;
    left: 70px !important;
	z-index: 100;
}
.log_text{
	padding-left:120px !important;
}
.log_text span:nth-child(odd){
	float:left;
	opacity:0.7 !important;
    clear: both;
}
.log_text span:nth-child(even){
	float:right;
	opacity:1 !important;
}
.incart .log_text span:nth-child(even):not(.uibalance span){
	right:200px;
	position:relative;
}
.sr_leg,.r_leg,.r_vrare,.r_rare,.r_def{
	border-radius:3px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
}
.sr_leg{
	background-color:rgb(48, 213, 200,0.8) !important;
	color:white;
}
.r_leg{
	background-color:rgb(214, 157, 36,0.8) !important;
	color:white;
}
.r_vrare{
	background-color:rgb(255, 0, 0,0.8) !important;
	color:white;
}
.r_rare{
	background-color:rgb(115, 0, 255,0.8) !important;
	color:white;
}
.r_def{
	background-color:rgb(73, 144, 14,0.8) !important;
	color:white;
}

#lego:disabled,
#lego[disabled]{
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.some_but {
    position: absolute;
	background-image: url('/theme/img/roulbut.png');
    background-position: 0px -44px;
	background-color:transparent;
    font-family: "Arial";
    font-weight: 100;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    padding: 7px 0px 10px 0px;
    bottom: 22px;
    outline: none;
	width:114px;
	height:44px;
	z-index:8;
	cursor:pointer;
}
.some_but:hover{
    background-position: 0px 0px;
}
.some_but:hover div{
	filter: drop-shadow(0px 0px 2px #949494);
}
.some_but div{
	margin-top: -8px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: rgba(0,0,0,0.9);
    text-shadow: 1px 1px 2px rgba(255,255,255,0.2);
	filter: drop-shadow(0px 0px 2px #451c0c);
}
.some_but.active.focus, .some_but.active:focus,
.some_but.focus, .some_but:active.focus, 
.some_but:active:focus, .some_but:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
#idDesc,#idDesc2{
	width:990px !important;
	height:100%;
}
.rank_block{
	position:relative;
	width:230px;
	height:236px;
	float:left;
    margin-top: 10px !important;
}
.rank_block .rank_back{
	position:absolute;
	background-image: url('/theme/img/rank_ram.png');
	width:232px;
	height:236px;
	top:0px;
	left:0px;
	z-index:10;
}
.rank_block img{
	position:absolute;
	z-index:1;
	top:43px;
	left:21px;
}
.rank_block .ranks{
	position:absolute;
	z-index:100;
	width:180px;
	height:22px;
    top: 4px;
    left: 34px;
}
.rank_block .ranks span{
    width: 178px;
    height: 22px;
    display: block;
	text-align:center;
}
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: rgba(189,189,224, 1);	
  color: rgba(74, 82, 101, 1);
  z-index: 1000; /* absurdity 2 */
    clip-path: var(--ui-tooltip);
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: rgba(189,189,224, 1);
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: rgba(189,189,224, 1);
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: calc(50% - 4px);
  border-right-width: 0;
  border-left-color: rgba(189,189,224, 1);
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: rgba(189,189,224, 1);
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.uibalance{
	position:absolute;
	width:auto;
	top:78px;
	right:13px;
	display:block;
}
.uibalance .uibalanceleft, .uibalance .uibalanceright, .uibalance .uibalancecenter, .uibalance .uibalancesep{
	position:absolute;
	background-image: url('/theme/img/balance.png');
}
.uibalance .uibalancetext{
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    line-height: 28px;
    min-width: 10px;
    top: 0px;
    z-index: 5;
    display: inline-flex;
    cursor: pointer;
	    font-family: 'Digital-7';
		color:orange;
}
.uibalance .uibalancesep{
	background-repeat: no-repeat;
	background-position:-4px 0px;
	width:16px;
	height:10px;
	z-index:6;
    margin-top: -6px;
    right: 0px;
}
.uibalance .uibalanceleft{
	background-repeat: no-repeat;
	background-position:-42px 0px;
	width:2px;
	height:21px;
	z-index:6;
    margin-top: 3px;
    left: 0px;
}

.uibalance .uibalanceright{
	background-repeat: no-repeat;
	background-position:-44px 0px;
	width:2px;
	height:21px;
	margin-top:3px;
	right:0px;
	z-index:5;
}
.uibalance .uibalancecenter{
	background-repeat: repeat-x;
    background-position: 0px -21px;
    width: calc(100% - 4px);
    height: 21px;
    top: 3px;
    left: 2px;
    z-index: 5;
}
.uibalance .uibalancetext .abalancename{
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: 0px;
    font-weight: bold;
    width: 100%;
    left: auto;
    text-align: center;
	white-space: nowrap;
	cursor: default;
}
#sidecart{
	position:absolute;
	width:auto;
	top:150px;
	right:0px;
	display:block;
}
#sidebutsr{
	position:absolute;
	width:auto;
	top:470;
	left:0px;
	display:block;
	font-weight:normal !important;
	-webkit-transform: scale(-1);
	transform: scale(-1);
	z-index: 1;
}
#sidebutsl{
	position:absolute;
	width:auto;
	top:520;
	left:0px;
	display:block;
	font-weight:normal !important;
	-webkit-transform: scale(-1);
	transform: scale(-1);
	z-index: 1;
}
.uicartprof .uicartleft, .uicartprof .uicartright, .uicartprof .uicartcenter,.uiaucprof .uicartleft, .uiaucprof .uicartright, .uiaucprof .uicartcenter{
	position:absolute;
	background-image: url('/theme/img/cart.png');
}
.small-button .sb-left, .small-button .sb-right, .small-button .sb-center{
	position:absolute;
	background-image: url('/theme/img/s-button.png');
}
.small-button{
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    line-height: 15px;
    min-width: 20px;
    top: 0px;
    z-index: 5;
    display: inline-flex;
    cursor: pointer;
}


.small-button .sb-left{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:4px;
	height:15px;
	z-index:6;
    left: 0px;
}

.small-button .sb-right{
	background-repeat: no-repeat;
	background-position:-4px 0px;
	width:4px;
	height:15px;
	right:0px;
	z-index:5;
}
.small-button .sb-center{
	background-repeat: repeat-x;
    background-position: 0px -15px;
    width: calc(100% - 8px);
    height: 15px;
    left: 4px;
    z-index: 5;
}
.small-button .sb-text{
	color: #7a6e68;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -1px;
    font-weight: normal;
    width: 100%;
    left: auto;
    text-align: center;
    font-size: 14px;
	text-shadow: 1px 1px 1px black;
}
.small-button:hover .sb-right, .s-active .sb-right{
	background-position:-4px -30px;
}
.small-button:hover .sb-left, .s-active .sb-left{
	background-position:0px -30px;
}
.small-button:hover .sb-center, .s-active .sb-center{
	background-position:0px -45px;
}

.small-button:hover .sb-text, .s-active .sb-text{
	color: #d99b19;
}

.uicartprof .uicarttext,.uiaucprof .uicarttext{
    padding-left: 8px;
    padding-right: 22px;
    position: relative;
    line-height: 28px;
    min-width: 70px;
    top: 0px;
    z-index: 5;
    display: inline-flex;
    cursor: pointer;
}
.uiaucprof .uicarttext{
    position: absolute;
    min-width: 40px;
    top: 390px;
	right:164px;
}
.uicartprof .uicartleft,.uiaucprof .uicartleft{
	background-repeat: no-repeat;
	background-position:0px 0px;
	width:6px;
	height:56px;
	z-index:6;
    margin-top: -18px;
    left: 0px;
}

.uicartprof .uicartright,.uiaucprof .uicartright{
	background-repeat: no-repeat;
	background-position:-6px 0px;
	width:20px;
	height:56px;
	margin-top:-18px;
	right:0px;
	z-index:5;
}
.uicartprof .uicartcenter,.uiaucprof .uicartcenter{
	background-repeat: repeat-x;
    background-position: 0px -56px;
    width: calc(100% - 26px);
    height: 56px;
    top: -18px;
    left: 6px;
    z-index: 5;
}

.uicartprof .uicarttext .acartname,.uiaucprof .uicarttext .acartname{
	    color: transparent;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -6px;
    font-weight: bold;
    width: 100%;
    left: auto;
    text-align: center;
}
.uicartprof .acartname span,.uiaucprof .acartname span{
	padding-left:5px;
}
		.uicartprof .acartname,.uiaucprof .acartname{
		  display: flex;
		  font-size: 22px;
		  color: #f7cb63 !important;
		  animation: neonBlur 16s infinite;
		  font-weight: 300;
		}
		.uicartprof .acartname > span:nth-child(3) {
		  animation: neonBlink 5s infinite;
		}
		.uicartprof .acartname > span:nth-child(2) {
		  opacity: .4;
		}
		.uicartprof .acartname > span:nth-child(1) {
		  animation: neonBlink 2s infinite;
		}

		#sidecart .uicartprof .uicarttext .acartname,.uiaucprof .uicarttext .acartname{
			color:darkgray !important;
			font-family: 'Digital-7';
		}
		#sidecart .uicartprof:hover .uicarttext .acartname,.uiaucprof:hover .uicarttext .acartname{
			color:#f7cb63 !important;
		}
.pdiscauc{
	position: absolute;
    top: 40px;
    right: 4px;
	font-family: 'Digital-7','Coolvetica Rg';
}
.pdiscauc .pdiscleft, .pdiscauc .pdiscright, .pdiscauc .pdisccenter{
	position:absolute;
	background-image: url('/theme/img/disc.png');
}
.pdiscauc .pdisctext{
    padding-left: 4px;
    padding-right: 10px;
    position: relative;
    line-height: 12px;
    min-width: 40px;
    top: 0px;
    z-index: 5;
    display: inline-flex;
    cursor: pointer;
}
.pdiscauc .pdiscleft{
	background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 3px;
    height: 26px;
    z-index: 6;
    margin-top: -18px;
    left: 0px;
}

.pdiscauc .pdiscright{
background-repeat: no-repeat;
    background-position: -6px 0px;
    width: 8px;
    height: 26px;
    margin-top: -22px;
    right: 0px;
    z-index: 5;
	transform: scaleY(-1);
}
.pdiscauc .pdisccenter{
	background-repeat: repeat-x;
    background-position: 0px -26px;
    width: calc(100% - 11px);
    height: 26px;
    top: -18px;
    left: 3px;
    z-index: 5;
}

.pdiscauc .pdisctext .pdiscname{
	color: red;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -14px;
    font-weight: normal;
    width: 100%;
    left: auto;
    text-align: center;
}
.pdiscauc .pdisctext .adiscname{
	font-family: 'Digital-7','Coolvetica Rg';
	color: #f7cb63;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -14px;
    font-weight: normal;
    width: 100%;
    left: auto;
    text-align: center;
}
.la{
right:-20px !important;
top:2px !important;
cursor:pointer;
}	
.pdiscprof{
	position: absolute;
    top: 16px;
    right: 4px;
}
.pdiscprof .pdiscleft, .pdiscprof .pdiscright, .pdiscprof .pdisccenter{
	position:absolute;
	background-image: url('/theme/img/disc.png');
}
.pdiscprof .pdisctext{
    padding-left: 4px;
    padding-right: 10px;
    position: relative;
    line-height: 12px;
    min-width: 40px;
    top: 0px;
    z-index: 5;
    display: inline-flex;
    cursor: pointer;
}
.pdiscprof .pdiscleft{
	background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 3px;
    height: 26px;
    z-index: 6;
    margin-top: -18px;
    left: 0px;
}

.pdiscprof .pdiscright{
background-repeat: no-repeat;
    background-position: -6px 0px;
    width: 8px;
    height: 26px;
    margin-top: -18px;
    right: 0px;
    z-index: 5;
}
.pdiscprof .pdisccenter{
	background-repeat: repeat-x;
    background-position: 0px -26px;
    width: calc(100% - 11px);
    height: 26px;
    top: -18px;
    left: 3px;
    z-index: 5;
}

.pdiscprof .pdisctext .pdiscname{
	color: red;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -14px;
    font-weight: bold;
    width: 100%;
    left: auto;
    text-align: center;
}
.pdiscprof .pdisctext .adiscname{
	font-family: 'Digital-7','Coolvetica Rg';
	color: #f7cb63;
    text-decoration: none;
    position: relative;
    z-index: 7;
    top: -14px;
    font-weight: normal;
    width: 100%;
    left: auto;
    text-align: center;
}
.winner{
	color:green;
}
.looser{
	color:red;
}
.ctooltip, .ctooltipe,.ctooltipn,.otooltip{
	background-color: rgba(130, 116, 116, 1);
	color: #bdbde0;
	clip-path: var(--ui-tooltip-alt);
	min-width: 10px;
	padding: 0 18px 0 18px;
	min-height: 26px;
	position:absolute;
	top: 120px;
	left: 70px;
	width:fit-content;
}
.otooltip{
	top:30px;
}
.ctooltipn{
	clip-path: var(--ui-tooltip-nalt);
	position:relative;
	padding: 4px 18px 4px 18px !important;
	top: 0px;
	left: 0px;
	margin:auto !important;
	top:5px;
	cursor:pointer;
}
.ctooltipn g{
	fill:rgba(130, 116, 116, 1);
}
.ctooltipn:hover g{
	fill:orange;
}
.ctooltipn:hover{
	background-color: orange;
}
.ctooltipe{
	background-color: orange;
}
.ctooltip span, .ctooltipe span, .ctooltipn span, .announce span, .announce_but span{
	z-index: 2;
	position: relative;
}
.ctooltip:after, .ctooltipe:after, .ctooltipn:after, .announce:after, .announce_but:after {
	content:"\A";
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #dd4397 transparent transparent;
	position: absolute;
	left: -15px;
}
.ctooltip_inside{
	position: absolute;
	background-color: rgba(74, 82, 101, 1);
	clip-path: var(--ui-tooltip);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	padding-left: 10px;
}


.avatar{
	position:absolute;
	width:87px;
	height:102px;
	top:0px;
	right:30px;
}
.avatar .ava{
	position:absolute;
	width:87px;
	height:102px;
	top:0px;
	right:0px;
	background-image: url('/theme/img/avatar.png');
	z-index:2;
}
.avatar .ava-ny{
	position:absolute;
	width:87px;
	height:102px;
	top:0px;
	right:0px;
	background-image: url('/theme/img/avatar_ny.png');
	z-index:2;
}
.avatar img{
    top: 11px;
    position: absolute;
    left: 10px;
	z-index:1;
}

.lighter{
	background-image: url('/theme/img/addbal.png');
    background-position: 0px 0px;
	position:absolute;
	width:21px;
	height:21px;
	top:0px;
	right:2px;
}
.lighter:hover{
    background-position: 0px -21px;
	color:#000;
}
.lighter span{
	font-size:32px;
}

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px    
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.button {
  cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color: #f44336;
    border: 1px solid #d32f2f;
    color: #f5f5f5
}
.link {
  padding: 5px 10px;
  cursor: pointer
}

/*==============================*/

.announce{
	background-color: rgba(130, 116, 116, 1);
    margin: 0 auto 0;
	color: #ededf8;
	clip-path: var(--ui-tooltip-an-bg);
	min-width: 10px;
	padding: 0 18px 18px 18px;
	min-height: 26px;
	position:relative;
    width: 400px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.announce span span{
	font-size: 14px;
    line-height: 14px;
    color: #bdbde0;
}
.announce_buts{
	z-index: 12;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.announce_butc{
	background-color: rgba(130, 116, 116, 1);
	color: #bdbde0;
	clip-path: var(--ui-tooltip-an-butc);
	min-width: 10px;
	padding: 0 12px 0 12px;
	min-height: 11px;
	position:absolute;
	top: 0px;
	right: -1px;
	width:fit-content;
	display:inline-block;
	z-index:12;
	cursor:pointer;
}
.announce_but{
	background-color: rgba(130, 116, 116, 1);
	color: #bdbde0;
	clip-path: var(--ui-tooltip-an-but);
	min-width: 10px;
	padding: 0 18px 0 18px;
	min-height: 20px;
	position:relative;
	bottom: 0px;
	margin-right: -22px;
    line-height: 18px;
	width:fit-content;
	display:inline-block;
	cursor:pointer;
}
.doAction{
	background-color: #d32f2f;
	color: #f5f5f5;
}
.announce_but:hover .announce_but_inside,.announce_butc:hover .announce_butc_inside{
	background-color: #bdbde0;
	color: rgba(130, 116, 116, 1);
}
.announce_but:hover ,.announce_butc:hover{
	color: rgba(130, 116, 116, 1);
}
.announce_but:last-child{
	margin-right: 13px;
}

.announce_but span{
	font-size:14px;
}
.announce_butc span{
	font-size:7px;
}
.announce_inside{
	position: absolute;
	background-color: rgba(74, 82, 101, 1);
	clip-path: var(--ui-tooltip-an-bg);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	padding-left: 10px;
}
.announce_but_inside{
	position: absolute;
	background-color: rgba(74, 82, 101, 1);
	clip-path: var(--ui-tooltip-an-but-bg);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-left: 10px;
}

.doAction .announce_but_inside{
	background-color: #f44336;
}
.announce_butc_inside{
	position: absolute;
	background-color: rgba(74, 82, 101, 1);
	clip-path: var(--ui-tooltip-an-butc-bg);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-left: 10px;
}

.arrowUbase,.arrowDbase{
	position: absolute;
    left: auto;
    display: block;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: calc(50% - 10px)!important;
	cursor:pointer;
}
.arrowUbase{
    top: 30px;
}
.arrowDbase{
    bottom: 30px;
}
.arrowAnim {
  width: 50%;
  height: 50%;
  display: block;
  justify-content: center;
  align-items: center;
}

.arrowUp {
  top:0px;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: #f7cb63 transparent transparent #f7cb63;
  transform: rotate(45deg);
}
.arrowDown {
  bottom:0px;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: #f7cb63 transparent transparent #f7cb63;
  transform: rotate(225deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite; 
          animation: slide 4s linear infinite;
}
.arrowSlidingD {
  position: absolute;
  -webkit-animation: slideD 4s linear infinite; 
          animation: slideD 4s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateY(40px); }	
   20% { opacity:1; transform: translateY(30px); }	
   80% { opacity:1; transform: translateY(20px); }	
  100% { opacity:0; transform: translateY(10px); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateY(40px); }	
   20% { opacity:1; transform: translateY(30px); }	
   80% { opacity:1; transform: translateY(20px); }	
  100% { opacity:0; transform: translateY(10px); }	
}

@-webkit-keyframes slideD {
    0% { opacity:0; transform: translateY(10px); }	
   20% { opacity:1; transform: translateY(20px); }	
   80% { opacity:1; transform: translateY(30px); }	
  100% { opacity:0; transform: translateY(40px); }	
}
@keyframes slideD {
    0% { opacity:0; transform: translateY(10px); }	
   20% { opacity:1; transform: translateY(20px); }	
   80% { opacity:1; transform: translateY(30px); }	
  100% { opacity:0; transform: translateY(40px); }	
}
.mirrored{
	-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.terms{
	color:#f7cb63 !important;
}


.prod-cart .scroll-up {
  height: 20px;
  width: 20px;
  display: block;
  outline: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
}
.prod-cart .scroll-up svg line {
  stroke-width: 1;
  stroke: #aaa;
  fill: none;
  stroke-dasharray: 20;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.prod-cart .scroll-up:hover svg line.top {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}
.prod-cart .scroll-up:hover svg line.bottom {
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.prod-cart .scroll-up:hover svg line.left {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.prod-cart .scroll-up:hover svg line.right {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.prod-cart .scroll-up .left-bar {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 5px;
  width: 18px;
  display: block;
  transform: rotate(-45deg);
}
.prod-cart .scroll-up .left-bar:after {
  content: "";
  background-color: #f7cb63;
  width: 18px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: right center;
  z-index: -1;
}
.prod-cart .scroll-up .right-bar {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 19px;
  left: 17px;
  width: 18px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
}
.prod-cart .scroll-up .right-bar:after {
  content: "";
  background-color: #f7cb63;
  width: 18px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: left center;
  z-index: -1;
}
.prod-cart .scroll-up:hover {
  transition: all 0.1s;
}
.prod-cart .scroll-up:hover .left-bar:after {
  transform: rotate(-10deg);
}
.prod-cart .scroll-up:hover .right-bar:after {
  transform: rotate(10deg);
}

.prod-cart .sarrow-up {
  height: 36px;
  width: 22px;
  display: block;
  border: 1px solid #f7cb63;
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  overflow: hidden;
  top: -5px;
}

.prod-cart .arrow-slide {
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #f7cb63;
  position: absolute;
  display: block;
  z-index: 0;
}

.prod-cart .left-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 9px;
  left: -4px;
  width: 20px;
  display: block;
  transform: rotate(-45deg);
}
.prod-cart .left-arm:after {
  content: "";
  background-color: #f7cb63;
  width: 10px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: right center;
  z-index: -1;
}

.prod-cart .right-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 9px;
  left: 9px;
  width: 10px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
}
.prod-cart .right-arm:after {
  content: "";
  background-color: #f7cb63;
  width: 10px;
  height: 1px;
  display: block;
  border-radius: 1px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform-origin: left center;
  z-index: -1;
}

.prod-cart .sarrow-up:hover {
  transition: all 0.1s;
}
.prod-cart .sarrow-up:hover .left-arm:after {
  transform: rotate(-10deg);
}
.prod-cart .sarrow-up:hover .right-arm:after {
  transform: rotate(10deg);
}
.prod-cart .sarrow-up:hover .arrow-slide {
  transition: all 0.4s ease-in-out;
  transform: translateY(200%);
}
.prod-cart .sarrow-up{
	transform: rotate(90deg) !important;
}
.prod-table td:nth-child(even) .prod-cart .sarrow-up{
	transform: rotate(-90deg) !important;
}
.typeui{
	position:absolute;
	background-image: url('/theme/img/typeui.png');
	background-repeat: no-repeat;
	width:336px;
	height:140px;
	left: 10px;
}
.typeui_btn{
	position:absolute;
	background-image: url('/theme/img/typeui.png');
	background-repeat: no-repeat;
	width:91px;
	height:40px;
	background-position:-170px -80px;
	top:80px;
	left:170px;
	cursor:pointer;
	z-index:1;
}
.typeui_btn:hover{
	background-position:0px -140px;
}
.typeui2{
	position:absolute;
	background-image: url('/theme/img/typeui2.png');
	background-repeat: no-repeat;
	width:336px;
	height:200px;
	left: 10px;
}
.typeui2_btn{
	position:absolute;
	background-image: url('/theme/img/typeui.png');
	background-repeat: no-repeat;
	width:91px;
	height:40px;
	background-position:-170px -140px;
	top:140px;
	left:170px;
	cursor:pointer;
	z-index:1;
}
.typeui2_btn:hover{
	background-position:0px -200px;
}
.input_trans {
    background-color: transparent!important;
    border-color: transparent!important;
    outline: transparent!important;
}
#oa{
	position: absolute;
    top: 76px;
    left: 19px;
    height: 42px;
    line-height: 42px;
    width: 283px;
    text-align: right;
    font-size: 40px;
    text-transform: uppercase;
    color: #f7cb63;
	z-index:10;
}
#oa::placeholder{
    font-size: 20px;
	margin-top:-10px;
}
#promo{
	position: absolute;
    top: 16px;
    left: 19px;
    height: 42px;
    line-height: 42px;
    width: 283px;
    text-align: right;
    font-size: 40px;
    text-transform: uppercase;
    color: #f7cb63;
	z-index:10;
}

#email{
	position: absolute;
    top: 16px;
    left: 19px;
    height: 42px;
    line-height: 42px;
    width: 283px;
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
    color: #f7cb63;
	z-index:10;
	font-family: 'Coolvetica Rg';
}
.promo{
	text-transform: uppercase;
    color: #f7cb63;
    font-size: 38px;
    line-height: 42px;
	cursor:default;
}
.item {
	border-right:1px solid darkgray;
}

.range-slider {
  margin: 0px 0 10px 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (113px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -moz-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 100px;
  color: #f7cb63 !important;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 6px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: "";
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}
/*===============*/
.text-effect {
  overflow: hidden;
  position: relative;
  filter: contrast(110%) brightness(190%);
}

.neon {
  position: relative;
  background: black;
  color: transparent;
}
.neon::before, .neon::after {
  content: attr(data-text);
  color: white;
  filter: blur(0.02em);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.neon::after {
  mix-blend-mode: difference;
}

.gradient,
.spotlight {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 10;
}

.gradient {
  background: linear-gradient(45deg, red, blue);
  mix-blend-mode: multiply;
}

.spotlight {
  -webkit-animation: light 5s infinite linear;
          animation: light 5s infinite linear;
  background: radial-gradient(circle, white, transparent 25%) 0 0/25% 25%, radial-gradient(circle, white, black 25%) 50% 50%/12.5% 12.5%;
  top: -100%;
  left: -100%;
  mix-blend-mode: color-dodge;
}

@-webkit-keyframes light {
  100% {
    transform: translate3d(50%, 50%, 0);
  }
}

@keyframes light {
  100% {
    transform: translate3d(50%, 50%, 0);
  }
}
.neon {
  font: 700 30px "Lato", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.neon:focus {
  outline: none;
  border: 1px dotted white;
}

.snow {
    position: fixed;
    top: 0;
    left: 0;
  right: 0;
  bottom:0;
    z-index: 0;
    pointer-events: none;
}

.nicon-ref,.nicon-info{
	background-image: url('/theme/img/nicons.png');
	width:18px;
	height:18px;
	margin-top: 4px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
	cursor:pointer;
}
.nicon-info{
	background-size:18px;
	background-position: 0px 0px;
}
.nicon-ref{
	background-size:18px;
    background-position: 0px -18px;
}
.tinkoff{
	background-image: url('/theme/img/tinkoff.png');
	background-size: 150px 15px;
    position: absolute;
    width: 150px;
    height: 15px;
    top: 92px;
    left: 10px;
}
.freekassa{
	background-image: url('/theme/img/freekassa.png');
	background-size: 150px 15px;
    position: absolute;
    width: 150px;
    height: 15px;
    top: 92px;
    left: 10px;
}
.sbp{
	background-image: url(/theme/img/sbp.png);
    background-repeat: no-repeat;
    background-size: 94px 50px;
    position: absolute;
    width: 94px;
    height: 50px;
    top: 135px;
    left: 68px;
}
.visarub{
	background-image: url(/theme/img/visa.png);
    background-repeat: no-repeat;
    background-size: 94px 50px;
    position: absolute;
    width: 94px;
    height: 50px;
    top: 135px;
    left: 68px;
}
.mastercardrub{
	background-image: url(/theme/img/mastercard.png);
    background-repeat: no-repeat;
    background-size: 94px 50px;
    position: absolute;
    width: 94px;
    height: 50px;
    top: 135px;
    left: 68px;
}
.sbps{
    background-image: url(/theme/img/sbps.png);
    background-repeat: no-repeat;
	background-size: 26px;
    background-position: left;
    position: absolute;
    width: 76px;
    height: 39px;
    text-align: right;
    margin-left: calc(50% - 33px) !important;
}
.visas{
    background-image: url(/theme/img/visa.png);
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: left;
    position: absolute;
    width: 88px;
    height: 39px;
    text-align: right;
    margin-left: calc(50% - 44px) !important;
}
.mcs{
    background-image: url(/theme/img/mastercard.png);
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: left;
    position: absolute;
    width: 88px;
    height: 39px;
    text-align: right;
    margin-left: calc(50% - 44px) !important;
}
#open_preferences_center{
	position:absolute;
	bottom: 8px;
    right: 2px;
    font-size: 11px;
}
.dropdown {
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 5px;
  border: solid 3px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.dropdown > * {
  padding: 0px;
  line-height: 14px;
  border: none;
}
.dropdown label {
  margin: 0;
  font-size: 14px;
  border-right: none;
  text-transform: uppercase;
}
.dropdown select {
  background-color: #fafafa;
  margin: 0;
  font-size: 14px;
  border-left: none;
  color: #777777;
}
.dropdown option{
	background: #c6c6c6;
    color: black;
    text-align: center;
}
.dropdown input{
	max-width:50px;
}
.refer{
	top: 8px !important;
    left: -14px !important;
    right: unset !important;
	transform: scale(-1) ;
}
.refer .acartname > span{
	transform: scale(-1);
	font-family: 'Coolvetica Rg';
    font-weight: normal;
}
.refcont{
	overflow:visible !important;
}
.rmain{
	position: relative;
    top: 50px;
}
.rtext{
	color: #f7cb63;
    line-height: 20px;
}
.rtitle{
	color: #f7cb63;
    line-height: 30px;
	font-size:20px;
	width:100%;
	text-align:center;
	text-decoration:underline;
}


.rtable {
  background: #012b39;
  border-radius: 0.25em;
  border-collapse: collapse;
  width:100%;
}
.rtable th {
  border-bottom: 1px solid #364043;
  color: #e2b842;
  font-size: 0.85em;
  font-weight: normal;
  padding: 0.5em 1em;
  text-align: center;
}
.rtable td {
  color: #fff;
  padding: 0.65em 1em;
  text-align: center;
}
.disabled td {
  color: #4f5f64;
}
.rtable tbody tr {
  transition: background 0.25s ease;
}
.rtable tbody tr.me {
  border: 1pt solid #f7cb63;
}
.rtable tbody tr:hover {
  background: #014055;
}
label.rbuts{
	color:#bdbde0;
	border:1px solid rgba(130, 116, 116, 1);
	background-color:rgba(74, 82, 101, 1);
	width:20px;
	height:20px;
	display: inline-block;
	cursor:pointer;
}
.rrad:checked+label{
	border:1px solid #f7cb63;
}

/*====preloade*/

/*====*/
.banner_az{
	position:absolute;
	background-image: url('/theme/img/banner_az.png');
	background-repeat: no-repeat;
	width:528px;
	height:265px;
    bottom: 0px;
    z-index: 100;
    margin: 0 auto;
    left: calc(50% - 265px);
}
.banner_az .discord{
	position:absolute;
	background-image: url('/theme/img/bandis.png');
	background-repeat: no-repeat;
	width:50px;
	height:50px;
    left: 45;
    top: 15;
    filter: drop-shadow(0px 0px 2px #000);
}
.banner_az .steam{
	position:absolute;
	background-image: url('/theme/img/bansteam.png');
	background-repeat: no-repeat;
	width:50px;
	height:50px;
	left: 45px;
    top: 75;
    filter: drop-shadow(0px 0px 2px #000);
}
.banner_az .web{
	position:absolute;
	background-image: url('/theme/img/banweb.png');
	background-repeat: no-repeat;
	width:50px;
	height:50px;
    left: 45px;
    top: 135;
    filter: drop-shadow(0px 0px 2px #000);
}
.banner_az .web:hover,.banner_az .steam:hover,.banner_az .discord:hover{
    filter: drop-shadow(0px 0px 2px #949494);
	cursor:pointer;
}

.banner_az .closed{
	top: 13px;
    right: 36px;
}
.slide-down
{
    max-height:40px;
	transition:max-height .5s ease-in;
}
.slide-down:hover
{
    max-height:265px;
}
.ngtext{
position: absolute;
    z-index: 10000;
    bottom: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 59px;
    color: #f7cb63;
	-webkit-text-stroke: 2px #000;
	animation: blinker 1s linear infinite;
	cursor:pointer;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.spawnpos,.spawnposa {
	position:absolute;
	background-image: url('/theme/img/buttons.png');
	font-size: 18px;
	font-weight:bold;
	width:27px;
	height:27px;
	z-index:1001;
	cursor:pointer;
}
.spawnpos {
	background-position:-47px -80px;
}
.spawnposa {
	background-position:-47px -134px ;
}
.spawnpos:hover {
	background-position:-47px -107px ;
}