
html,body{
  padding:0px;
  margin:0px; 
  width: 100% !important;
  height: 100% !important;
  background: black;
  user-select: none;
  -webkit-overflow-scrolling: touch !important;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-track {
  background: none; 
}
::-webkit-scrollbar-thumb {
  background:  none; 
}
::-webkit-scrollbar-thumb:hover {
  background:  none; 
} 

 
@font-face {
     font-family: myFont;
     src: url(../JS/MILanPro_Regular.ttf);
  }

 {
   font-family: myFont;
}
 

/*realibox ................................*/
#canvasx { 
    width: 100% !important;
    height: calc(100% - 90px) !important; 
    background: red;
}

/*Loading..............................*/
 
/*-------------------------------------------------*/

 
#loadframeint{
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white;
  display: none;
}

#loadinint{  
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 100px;
}


#loadnumberbg{
  position: fixed;
  width: 100%;
  height: 2px; 
  background: black;
  border-radius: 5px;
}
#loadnumber{
  width: 100%;
  text-align: center;
  position: fixed;
  color: black;
  font-weight: bold;
  transform: translate(0px,-25px);
}

#loadnumberbar{
  width: 100%;
  position: fixed; 
  height: 2px;
  display: block; 
  background: #3ce2ff;
  border-radius: 10px;
}

#loadimg{ 
  position: fixed;
  width: 100%;  
  left: 50%;
  transform: translate(-50%,-150%); 
}

#loadimgbar{
  width: 100%;
  position: fixed;  
  transform: translate(0px,-80px); 
}
 
#loadimg2int{
  transform: translate(-35%,10%);
  margin: auto;
  width: 150px; 
  height: auto; 
  opacity: 1;
  animation-name: imgint;
  animation-duration: 1s;  
  animation-fill-mode:  forwards;
}
@keyframes imgint{
  from{opacity: 0;}
  to{opacity: 1;}
}