body::-webkit-scrollbar {
display: none;
}

html{
  -ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
 -ms-overflow-style: none;
}

      body{
          margin: 0;
          padding: 0;
          overflow:hidden;
          height:calc(100vh + 30px);
          -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
         -ms-overflow-style: none;
         background-color:#080828;

      }
      iframe{
        /*background-color: red;*/
        position: fixed;
          width: 100vw;
          /*height: calc(100vh + 60px);*/
          margin-top:-30px;
          -ms-overflow-style: none;  /* IE and Edge */
          scrollbar-width: none;  /* Firefox */
          -ms-overflow-style: none;
          z-index: 1;

      }

      #Loader{
        position: fixed;
        width: 100vw;

     top: 50%;
     transform: translate(0, -50%);

     z-index: 0;
      }
  .lds-ripple {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);

display: inline-block;
position: relative;
width: 80px;
height: 80px;
}

.lds-ripple div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
4.9% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
5% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 72px;
height: 72px;
opacity: 0;
}
}
.hidden{
  display:none;
}
.visible{
  display:true;
}
.contentimage{
  position:absolute;
  width:100vw;
  height:auto;
   margin-left:0;
   margin-top:0;
}
#ContentContainer{
  min-height:calc(100vh +30px);
    height:auto/*calc(100vh - 50px)*/;
    width:100vw;

    position: fixed;
/*left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;*/
margin-left:0;
margin-top:11vh;
z-index: 2;
overflow:scroll;
  }