body:before,
#root-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
body:before {
  content: "";
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,1);
  z-index: 9998;
}
#root-loader {
  width: 32px;
  height: 32px;
  z-index: 9999;
}

body:not([data-load="true"]) {
  overflow: hidden !important;
}
body:not([data-load="true"]):before,
body:not([data-load="true"]) #root-loader {
  opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
  visibility: visible;
}

/* body:before,
body:before #root-loader {
  content: "";
  background-color: #000;
  z-index: 8000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}

body:not([data-load="true"]) {
  overflow: hidden !important;
}

body:not([data-load="true"]):before,
body:not([data-load="true"]) #root-loader {
  opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
  visibility: visible;
} */

/*
body:before {
  width: 100vw;
  height: 100vw;
  background: #000;
}
#root-loader {
  width: 32px;
  height: 32px;
}

body[data-load="true"]:before,
body[data-load="true"] #root-loader {
  display: none;
} */



/* body:before,
#root-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden !important;
  z-index: 9999;
}
#root-loader {
  z-index: 9999;
  width: 32px;
  height: 32px;
}

body[data-load="true"] #root-loader {
  display: none;
} */