/* Previewer */
.iframe-invis {display: none;}
.txt-previewer {max-height: 500px; overflow: scroll;}
.file_item.previewer-button[data-selected="selected"] {background-color: #c2fffe;}
.file_item.previewer-button {text-align: left;}
.workspace-download-append a {font-size: 15px; text-decoration: none; color: #000;}
.workspace-download-append img {width: 25px;}
.workspace-download-append {position: absolute; bottom: 0; right: 0px;  z-index: 9; padding: 10px; background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.2);}

@media (max-width:844px) {
	.workspace-download-append {bottom: -45px!important;}
	.workspace-previewer .banner-ad.banner-ad-wrap {margin-top: 100px;}
	.workspace-preview-screen {min-height: 500px;}
	.workspace-previewer .workspace {padding: 0 !important; }
	.workspace-previewer .file_item.previewer-button img {max-width: 20px;}
	.workspace-previewer .workspace .col {clear: both; min-width:100%;}
	.workspace-previewer .file_list {height: auto !important; min-height: unset !important; background: #FFF !important;}
	.workspace-previewer .file_item {display: inline-block; padding: 5px 10px; min-width: unset !important; width: auto !important; font-size: 14px !important; margin: 4px;}
}


.workspace-previewer .workspace {margin: 0; max-width: 100%; padding: 30px; background: #FFF;}
.workspace-preview-screen-append iframe {width: 100%; height: 100%;}
.txt-previewer {background: #FFF; width: 100%; height: 100%; padding: 30px; text-align: left; overflow: auto;}

.workspace-preview-screen {position: relative; width: 100%; height: 100%;}
.workspace-loading {position: absolute; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); width: 100%; height: 100%;}
.workspace-loading img {width: 155px; position: absolute; top: 35%;left:0; right: 0; margin-right: auto; margin-left: auto;}

.file_item.previewer-button img {width: 35px; height: auto; margin-right: 8px;}
.file_item.previewer-button, .file_item.previewer-button a {font-size: 18px;}
.file_item.previewer-button {cursor: pointer;}
.file_item.previewer-button:hover {background-color: #f2f2f2;}
.workspace-previewer .ad-text {color: #FFF;}
.banner-ad.banner-ad-wrap {margin-top: 50px;}


html {
  scroll-behavior: smooth;
}
@media (max-width: 844px) {
	.ftitle {min-width: 100%; padding-bottom: 10px; text-align: center;}
	.flink {margin: 0 auto; float: none !important; margin-top: 2px; display: inline-block;}
}
.workspace-preview-screen-append {position: relative; z-index: 2;}

#js-disabled-message {
  display: none; /* Initially hide the element */
  animation-name: fadeIn; /* Name of the animation */
  animation-duration: 1s; /* Duration of the animation */
  animation-delay: 2s; /* Delay before the animation starts (2 seconds) */
  animation-fill-mode: forwards; /* Keep the final state of the animation */
}

@keyframes fadeIn {
  from {
    opacity: 0; /* Start with transparency */
  }
  to {
    opacity: 1; /* End with full opacity */
  }
}

.workspace-preview-screen-append img {height: auto; width: 100%;}
#js-disabled-message {background: #FFF; position: fixed; z-index: 999999; width: 100%; height: 100%; text-align: center; padding-top: 100px;}

.banner-ad.banner-ad-wrap.file-ad {text-align: center; margin: 90px auto 20px; max-width: 800px; }

.global {position: fixed; z-index: 999; background: rgba(255,255,255,0.9); backdrop-filter: blur(7px); width: 100%; height: 100%; left: 0; top: 0; text-align: center;  display: flex; align-items: center;justify-content: center;}
.global h4 {font-weight: bold; font-size: 32px; color: #232323;}
.global .container {max-width: 1000px;}
.global .loading2 img {width: 100px;}

.file_list:before {content: " "; width: 100%; height: 5px; background: #ea5b53;
background: -moz-linear-gradient(left,  #ea5b53 0%, #ffce5b 100%);
background: -webkit-linear-gradient(left,  #ea5b53 0%,#ffce5b 100%);
background: linear-gradient(to right,  #ea5b53 0%,#ffce5b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b53', endColorstr='#ffce5b',GradientType=1 );
position: absolute; z-index: 9; left: 0; top: 0;}


.initial-msg {position: absolute; z-index: 2; width: 100%; text-align: center; top: 30px; opacity: 0.4; padding: 0 50px;}
body {font-family: 'Poppins' !important;}
@media (max-width: 844px) {
	.desktop-nav {display: none !important;}
	.mobile-nav {display: inline-block !important;float: right;margin-top: -43px;margin-right: 20px;}

	.tag h1 {line-height: 1em; font-size: 50px !important;}
	.intro {position: relative;}
	.intro-tag {position: relative; z-index: 5; text-align: center; padding: 20px !important;}
	.intro:before {content: " "; background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
	.footer p {text-align: left !important;}
	.footer ul {float: none !important; padding: 0 !important;}
	.footer-logo {margin-bottom: 20px;}
	
	#dl-pw {max-width: 90%;}
}
@media (min-width: 844px) {
	.desktop-nav {display: block !important;}
	.mobile-nav {display: none !important;}
}

.workspace-page {background: #141414;
background: -moz-linear-gradient(top,  #141414 0%, #5b5b5b 100%);
background: -webkit-linear-gradient(top,  #141414 0%,#5b5b5b 100%);
background: linear-gradient(to bottom,  #141414 0%,#5b5b5b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#5b5b5b',GradientType=0 );
}
.workspace-titles h1 {color: #FFF;}
.workspace-titles h2 {color: #FFF; opacity: 0.4; font-weight: 300; font-size: 28px; margin-bottom: 40px;}

.banner-left img {width: 180px; height: auto;}
.banner-right img {width:180px; height: auto;}
.banner-left {position: absolute; left: 20px; top: 0; }
.banner-right {position: absolute; right: 20px; top: 0;}
.workspace-page .side-ads {position: relative; }
.workspace {position: relative; z-index: 5;}
#lastItem {display: none;}
.workspace-page .loading-screen .container {width: 100%; max-width:100%; min-width: 100%;}


.workspace {max-width: 700px; margin: 30px auto 70px;}
.file_list {height: 80vh; min-height: 500px; overflow-y: auto; background: #f2f2f2; padding: 20px;}
.file_item {position:relative; z-index: 4;background: #FFF; margin: 5px 0px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 25px 20px 20px 20px; display: inline-block; width: 100%;}
.ftitle a {color: #232323 !important; text-decoration: none !important; outline: 0 !important; font-size: 18px;}
.file_item h3 {font-weight: bold; float: left; display: inline-block; line-height: 1.5em; margin-bottom: 0;}
.file_item h4 {margin-bottom: 0;}
.file_item .flink {float: right;}
.file_item h3:before {content: "✓"; color: #09ce09; margin-right: 5px; }
.flink {background: #edb819; text-decoration: none !important; font-family: 'Bebas Neue'; font-weight: 100; font-size: 24px; color: #FFF !important; padding: 5px 25px; border-radius: 50px;}
.flink:hover {filter: brightness(110%);}
.ftitle:hover {opacity: 0.8;}

::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
  background: #FFF;        /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
  background-color: #232323;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #FFF;  /* creates padding around scroll thumb */
}

.progress-wrap {clear: both; width: 100%; display: inline-block; margin-top: 5px;}
.progress {
  background: #FFF !important;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0px;
  display: flex;
  height: 4px !important;
  width: 100%;
}

.progress-value {
  animation: load 3s normal forwards;
  border-radius: 100px;
  background: #edb819;
  height: 4px;
  width: 0;
}

@keyframes load {
  0% { width: 0; }
  99% { width: 100%; }
  100% { width: 0%; }
}



.pricing-section {text-align: center; padding-top: 100px; padding-bottom: 100px;}
.pricing-info {max-width: 90%; display: inline-block; margin-bottom: 30px;}
.pricing-section h2 {font-family: 'Bebas Neue'; font-size: 48px; margin-bottom: 10px;}
#continue-pricing {    display: inline-block;
    background: #339d2c;
    border-radius: 50px;
    color: #FFF;
    text-decoration: none;
    font-family: 'Bebas Neue';
    padding: 5px 25px;
    font-size: 24px;
    border: 2px solid #FFF;
    margin-right: 6px;
    margin-left: 6px;}
.pricing-email {padding: 8px;}


.banner-ad img {max-width: 100%;}

#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  right: 0px;
  z-index: 999;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: 0px 0 0 50px;
  padding: 50px;
  padding-top: 125px;
  height: 100vh;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: translate(-100%, 0);
}






.general-content h3 {font-family: 'Poppins'; font-weight: bold !important; font-size: 20px !important; margin-top: 30px !important;}
.general-content {padding-top: 120px; padding-bottom: 90px;}


.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;

  background-color: #F1F6F4;
}

.cookie-consent-banner__inner {     
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.cookie-consent-banner__copy { 
  margin-bottom: 16px;
}

.cookie-consent-banner__actions {    
}

.cookie-consent-banner__header {
  margin-bottom: 8px;
  
  font-family: 'Poppins', sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__description {
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  color: #838F93;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__cta {
  box-sizing: border-box;
  display: inline-block;
  min-width: 164px;
  padding: 11px 13px;
    
  border-radius: 2px;
  
  background-color: #2CE080;
   
  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.cookie-consent-banner__cta--secondary { 
  padding: 9px 13px;
  
  border: 2px solid #3A4649;
  
  background-color: transparent;
  
  color: #2CE080;
}

.cookie-consent-banner__cta:hover {
  background-color: #20BA68;
}

.cookie-consent-banner__cta--secondary:hover {
  border-color: #838F93;
    
  background-color: transparent;
  
  color: #22C870;
}

.cookie-consent-banner__cta:last-child {
  margin-left: 16px;
}



.mdl-card {background: #FFF; padding: 20px;}
.download-page .loading-screen {text-align: center; padding: 120px 0px;}
.download-page .loading-screen h1 {font-size: 80px;}

.download-page .loading-screen p {margin-bottom: 60px;}
#countdown {border: none; outline: 0 !important; width: 30px; font-size: 24px; font-weight: bold; text-align: center;}


.container.ng-scope {background: #FFF; padding: 20px;}


.debug {display: none;}

.spacer-10 {clear: both; margin-bottom: 10px; width: 100%;}
.spacer-20 {clear: both; margin-bottom: 20px; width: 100%;}
.spacer-30 {clear: both; margin-bottom: 30px; width: 100%;}
.spacer-40 {clear: both; margin-bottom: 40px; width: 100%;}
.spacer-50 {clear: both; margin-bottom: 50px; width: 100%;}
.spacer-60 {clear: both; margin-bottom: 60px; width: 100%;}
.spacer-70 {clear: both; margin-bottom: 70px; width: 100%;}
.spacer-80 {clear: both; margin-bottom: 80px; width: 100%;}
.spacer-90 {clear: both; margin-bottom: 90px; width: 100%;}
.spacer-100 {clear: both; margin-bottom: 100px; width: 100%;}

.ad-text {clear:both; margin-top: 30px;}
.ad-text h3 {font-size: 20px; }


.dl-filename p {margin-bottom:0;}
.download-container {background-image: url(../images/dark-bg.jpg); background-size: cover; background-position: center bottom; }
.error-header {text-align:center; margin-top: 120px; margin-bottom: -60px;}
.error-svg {width: 100px;}

.bounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.auth-code-input {width: 50px; height: 90px; text-align: center; font-family: 'Poppins'; color: #141414; font-size: 50px; border: none; padding: 5px; border-radius: 5px;
                 margin-right: 5px; margin-left: 5px;}
p.resend {margin-top:40px; }
p.resend a {color: #FFF;}

.signup-container {width: 100%; clear: both; display: flex; align-items: center; justify-content: center; height: 100vh; text-align: center; 
                  background-image: url(../images/bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.signup-wrap h1 {color: #FFF; font-size: 70px;}
.signup-wrap h2 {color: #fff; font-family: 'Poppins';}
.signup-wrap p {color: #FFF; font-family: 'Poppins'; }
#dl-email {border: none;
    font-family: 'Poppins';
    font-size: 20px;
    padding: 10px;
    border-radius: 50px;
    text-indent: 10px;
    margin: 0 auto;
    width: 400px;}

#email-btn {background: #ffa700;
    color: #FFF;
    font-family: 'Bebas Neue';
    font-size: 22px;
    border-radius: 50px;
    padding: 5px 40px;
    margin-top: 20px;}
	.green {color: #81ea4f;}
	
	
.main-pg.download {background: #232323; }
.download-container {clear: both; width: 100%; padding: 90px 0px; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFF;}
.download-container h1 {font-size: 60px;}
.dl-filename {background-image: url(../images/bg.jpg); width: 100%; clear: both; margin-top: 50px; padding: 30px 0px; color: #232323; background-size: cover; background-attachment: fixed; }
.dl-filename h4 {font-family: 'Bebas Neue'; font-size: 46px; margin-bototm: 0px;}
.dl-filename p {font-style: italic; margin-top: 0px; font-size: 22px;}

.download-container h4 {color: #ffa700; font-weight: bold; font-family: 'Poppins'; letter-spacing: 3px; display: inline-block; border-top: 1px solid #666; border-bottom:1px solid #666; padding: 5px 0px; margin-top: 20px; margin-bottom: 10px;}
.download-container h5 {font-family: 'Poppins'; }
.dl-num {    font-weight: bold; background: #ffa700; display: inline-block; border-radius: 5px; padding: 3px 6px;}
.download-container p {opacity: 0.5;}
#dl-pw {border: none; font-family: 'Poppins'; font-size: 20px; padding: 10px; border-radius: 50px; text-indent: 10px; margin: 0 auto; width: 400px;}
#dl-btn {background: #ffa700; color: #FFF; font-family: 'Bebas Neue'; font-size: 22px; border-radius: 50px; padding: 5px 40px; margin-top: 20px;}
#dl-btn:hover {opacity: 0.8;}

#dl-btn:hover, #dl-btn {transition: all 0.4s ease;}


.footer {background: #232323; clear: both; padding: 20px; width: 100%; border-bottom: 5px solid #339d2c; min-height: 80px;}
.footer-logo {filter: brightness(600%) grayscale(100%); width: 120px;}
.footer p {color: #FFF; font-size: 12px; text-align: center; margin-bottom:0;}
.footer ul li {list-style: none;  display: inline-block; }
.footer ul li a {color: #FFF; font-size: 12px;}
.footer ul {float: right; margin-bottom:0;}
.footer a:hover {color: #339d2c;}

body {overflow-x: hidden;}

.intro {clear: both; padding: 80px 0px; width: 100%; background-image: url(../images/bg1.jpg); background-size: cover; background-position: center center; min-height: 100vh; display: flex; align-items: center; justify-content: center;}
  
  .intro h1 {color: #FFF; font-family: 'Bebas Neue';font-size: 60px;}
.orange {color: #339d2c;}
.intro p {color: #FFF; font-size: 18px; font-family: 'Poppins';}

.btc {display: inline-block; width: 100px; height: auto; margin-top: -7px; filter: brightness(95%);}
.nav li {margin-top: 7px;}

section.home {background-image: url(../images/bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed; clear: both; width: 100%; text-align: center; display: flex;  align-items: center; justify-content: center; min-height: 89vh;}

.intro-tag {padding-left: 100px;}


.tag {text-align: center; clear: both;}
.tag h1 {font-family: 'Bebas Neue'; color: #FFF; font-size: 98px; margin-bottom: 5px;}
.tag h2 {font-family: 'Poppins'; font-weight: 400; color: #FFF; font-size: 24px; }
.actions {margin-top: 30px;}
.button {display: inline-block; background: #FFF; border-radius: 50px; color: #280e17; text-decoration: none; font-family: 'Bebas Neue'; 
        padding: 5px 25px; font-size: 24px; border: 2px solid #FFF; margin-right: 6px; margin-left: 6px;}
.button:hover {border: 2px solid #FFF; background: transparent; color: #FFF;}
*, *:hover {transition: all 0.4s ease;}

.nav {float: right; margin-top: 0;}
.nav li {display: inline-block; list-style: none; padding: 0 12px;}
.nav li a {color: #280e17; font-family: 'Bebas Neue'; text-decoration: none; font-size: 20px; letter-spacing: 0.02em;}

body, html {padding: 0; margin: 0;}

body {font-family: 'Poppins', arial;}

.zlogo {width: 100%; height: auto;}
.content {background-color: #ea5b52; width: 100%; height: 100vh;}
header {background: #FFF; width:100%; position: fixed; z-index: 99; top: 0; left: 0; padding: 10px 0px; box-shadow: 0 0 15px rgba(0,0,0,0.09);}

section.pricing {clear: both; width: 100%; text-align: center; padding: 100px 0px;}
.pricing-img img {width: 100%; height: auto;}
.pricing h1 {color: #232323; font-size: 60px;}
.pricing p {font-size: 20px; width: 75%; margin: 0 auto 50px;}

h1 {font-family: 'Bebas Neue';}
p {font-family: 'Poppins';}




#loading-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#loading-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999;
  width: 100px;
  height: 30px;
  margin: -7px 0 0 -45px;
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
}

#loading-content {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  margin: -85px 0 0 -85px;
  border: 3px solid #F00;
}

#loading-content:after {
  content: "";
  position: absolute;
  border: 3px solid #0F0;
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
}

#loading-content:before {
  content: "";
  position: absolute;
  border: 3px solid #00F;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}

#loading-content {
  border: 3px solid transparent;
  border-top-color: #ffcd00;
  border-bottom-color: #ffcd00;
  border-radius: 50%;
  -webkit-animation: loader 2s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 2s linear infinite;
}

#loading-content:before {
  border: 3px solid transparent;
  border-top-color: #ff4e00;
  border-bottom-color: #ff4e00;
  border-radius: 50%;
  -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 3s linear infinite;
}

#loading-content:after {
  border: 3px solid transparent;
  border-top-color: #ff8700;
  border-bottom-color: #ff8700;
  border-radius: 50%;
  -webkit-animation: loader 1.5s linear infinite;
  animation: loader 1.5s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
}

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

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

#loading-wrapper {background-color: rgba(0,0,0,0.7); z-index: 999999; backdrop-filter: blur(8px);}
#loading-text { opacity:0;}