.toast-in {

}

.pulseme-on{
display:block;
}

.pulseme-off{
display:none;
}

.adjust-hexa {
    position:relative;
bottom: -60px;
}
.adjust-hexa-result {
    position:relative;
bottom: -9px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: auto;
  box-sizing: border-box;
  border: 32px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

#myhexacast {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
     position: relative; 

    /* margin-top: 0px; */
    /* display: -webkit-inline-box; */
}  

.wheelO-transform { transform:translate(0px,0px) scale(0,0);transform-origin: center;}
.wheelO-transform.wheelO-animated {
    animation: wheelO-transform-animate 6s ease-out ;
    animation-iteration-count: infinite;
}
@-webkit-keyframes wheelO-transform-animate {
  0% {
    -webkit-transform: rotate(0deg) ;
  }
  100% {
      -webkit-transform: rotate(360deg)  ; 
  }
}

.wheelI-transform {transform-origin: center;}
.wheelI-transform.wheelI-animated {
    animation: wheelI-transform-animate 6s ease-out ;
    animation-iteration-count: infinite;
}
@-webkit-keyframes wheelI-transform-animate {
  0% {
    -webkit-transform: rotate(360deg)  ;
  }
  100% {
      -webkit-transform:   rotate(0deg) ; 
  }
}

.wheel-kill { transform-origin: center;}

.wheel-transform { translate(0px,0px) scale(0,0);transform-origin: center;}

.wheel-transform.wheel-animated {
    animation: wheel-transform-animate 3s ease-out ;
    animation-iteration-count: infinite;
    transform-origin: center;
}


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

  }
 
}	


#triinf {
position: relative;
height: auto;
z-index: 55;
text-align: center;
visibility: visible;
font-size: 19px;
border-radius: 13px;
margin: auto;
text-decoration: none;
background-color: #f8bbd0;
padding: 0px;
display: block;
}
#trisup {
    z-index: 55;
position: relative;
margin-bottom:3px;
text-align: center;
font-size: 19px;
border-radius: 13px;
background-color: #f8bbd0;
padding: 0px;
display: block;
}
#tothe {
position: relative;
height: auto;
z-index: 55;
text-align: center;
visibility: visible;
font-size: 19px;
border-radius: 13px;
margin: auto;
text-decoration: none;
padding: 0px;
display: block;
color:#000;
}


@media only screen and (max-width:600px) {
    
    .adjustme  {
     width:100%; height:133px;
    
}
    
 .adjustmecall{
    width:100%; 
    height:133px;
    
}   
    .adjust-hexa {
    position:relative;
bottom: 0px;
}

.adjust-hexa-result {
    position:relative;
bottom: -78px;
}
   
    .screen-b {
    
    background-image:url('https://virtualiching.com/v3/img/bckg888888-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:0px;transform-origin: 50% 50% 0px;
    
    
}

 .screen-bb {
    
    background-image:url('https://virtualiching.com/v3/img/bckg418-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:-37px;transform-origin: 50% 50% 0px;
    
    
}
.wheel-transform { transform: scaleXY(1,1);}
.wheel-transform.wheel-animated {
    animation: wheel-transform-animate 1s ease-out infinite alternate;
}

@-webkit-keyframes wheel-transform-animate {
 
  0% {
    -webkit-transform:  rotate(0deg);
  }
  100% {
    -webkit-transform:  rotate(360deg);
  }
 
}	
  
  #mutbcktxt {
z-index: 99;
position: absolute;
left: 5%;
}
    
.hexatitle{position:relative;background-color:#0F0;border-radius:10px;padding:5px;text-decoration:none;width:auto;text-align=center;border:2px;border-color:#000;border-style: dotted }    

.coin1{ position:relative;top:-123px;right:17px;transform-origin: 50% 50% 0px;margin-right:00px;opacity:1;width:120px; z-index:333;}
.coin2{ position:relative;top:-123px;left:34px;transform-origin: 50% 50% 0px;margin-top:00px;opacity:1;width:120px;z-index:333;}
.coin3{ position:relative;top:-135px;transform-origin: 50% 50% 0px;margin-top:00px;opacity:1;width:120px;z-index:333;}


.coin-transform { transform: scaleXY(0.5,0.5);}

.coin-transform.coin-animated {
    animation: coin-transform-animate 1.93333s ease-out infinite alternate;
}

@keyframes coin-transform-animate {
    0% {
        transform: scale(.6,.6);
       opacity:1;
    }

   100% {
        transform: scale(1.33,1.33);
      opacity:1;
       
    }
     0% {
        transform: scale(.6,.6);
       opacity:1;
    }
}


 

    
    
  #myhexa {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
     position: relative; 
 top:33px;
    /* margin-top: 0px; */
    /* display: -webkit-inline-box; */
}  



#divRW {
    position: fixed;
left: 0;
bottom: 0;
height: auto;
width: 98%;
color:#000000; 
background: #ffe91f;
text-align: center;
padding:1%;
FONT-SIZE:17px;
font-weight:bolder;
line-height:18px;
border-radius:24px;
	z-index:13
}
   
   #toptitle, #toptitle a {
    text-align: center;
    width: 100%;
    font-size: 1em;
    line-height:25px;
    font-weight:bolder;
    z-index: 1181;
    text-decoration: none;
     position: fixed;
left: 0;
top: 0;
height: auto;
color:#000000; 
background: #ffe91f;
text-align: center;
border-radius:1%;
 box-shadow: 4px 3px 8px 1px #969696;
  	-webkit-box-shadow: 4px 3px 8px 1px #969696;
	
}

.golo { bottom:5%; position:absolute;margin-bottom:2em;width:100%; text-align:center;z-index:0}

#divContv2 {
    width: 95%;
    height: auto;
    z-index: 0;
    text-align: center;
    font-size: 17pt;
    text-decoration: none;
    margin-top: 20%;
    margin: auto;
    font-size: 17pt;
    line-height: 31pt;
     font-weight:lighter;
}

#hexasmall{
width: 95%;
}

.nav:link,.nav:visited,.nav:active,.nav:hover { 

font-family: Times New Roman, Times, serif;
font-size: 85pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;
position: absolute;
display: block;
}

.nav5:link,.nav5:visited,.nav5:active,.nav5:hover { 
font-size: 85pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;
-webkit-text-stroke: 3px #fde240;
 text-shadow: 2px 2px 4px #000000;

}


}



@media screen and (min-width: 600px) and (max-width: 1290px) {
    
    
    .adjustme{
        width:100%; height:20px;
    
}
.adjustmecall{
    width:100%; 
    height:133px;
    
}

  .screen-b {
    
    background-image:url('https://virtualiching.com/v3/img/bckg6-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:0px;xpos:50%;ypos:50%;transform-origin: 50% 50% 0px;
    
    
} 

 .screen-bb {
    
    background-image:url('https://virtualiching.com/v3/img/bckg46-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:0px;transform-origin: 50% 50% 0px;
    
    
}

.adjust-hexa-result {
    position:relative;
bottom: -41px;
}

   #mutbcktxt {
z-index: 99;
position: absolute;
left: 5%;
}



#myhexa {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    /* position: sticky; */
    /* top: 0px; */
    /* margin-top: 0px; */
    /* display: -webkit-inline-box; */
}
#divRW {
   position: fixed;
left: 0;
bottom: 0;
height: auto;
width: 98%;
color:#000000; 
background: #ffe91f;
text-align: center;
padding:1%;
FONT-SIZE:1EM;
border-radius:24px;
	z-index:13
}

#toptitle,  #toptitle a{
     text-align: center;
    width: 100%;
    font-size: 1.3em;
    line-height:40px;
        font-weight:bolder;
    z-index: 1181;
    text-decoration: none;
     position: fixed;
left: 0;
top: 0;
height: auto;
color:#000000; 
background: #ffe91f;
text-align: center;
padding:1%;
border-radius:5%;
 box-shadow: 4px 3px 8px 1px #969696;
  	-webkit-box-shadow: 4px 3px 8px 1px #969696;
	
}


.golo { bottom:3%; position:absolute;margin-bottom:2em;width:100%; text-align:center; z-index:0}

#divContv2 {
    width: 80%;
    height: 600px;
    z-index: 0;
    font-weight:lighter;
    text-align: center;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    font-size: 17pt;
    line-height: 31pt;

}
#hexasmall{
width: 95%;
}

.nav:link,.nav:visited,.nav:active,.nav:hover { 

font-family: Times New Roman, Times, serif;
font-size: 300pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;

position: absolute;
display: block;

}

.nav5:link,.nav5:visited,.nav5:active,.nav5:hover { 
font-size: 90pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;
-webkit-text-stroke: 6px #fde240;
text-shadow: 8px 8px 12px #000000;
}

.coin1{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-right:00px;opacity:1;}
.coin2{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-top:00px;opacity:1;}
.coin3{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-top:-10px;opacity:1;}

.coin-transform { transform: scaleXY(0.5,0.5);}

.coin-transform.coin-animated {
    animation: coin-transform-animate 1.33333s ease-out infinite alternate;
}

@keyframes coin-transform-animate {
    0% {
        transform: scale(1,1);
       opacity:1;
    }

    100% {
        transform: scale(1.33,1.33);
      opacity:1;
       
    }
     0% {
        transform: scale(1,1);
       opacity:1;
    }
}

}


@media only screen and (min-width:1290px) {
    
    .adjustme{
    width:100%; 
    height:20px;
    
}
.adjustmecall{
    width:100%; 
    height:133px;
    
}


    .adjust-hexa-result {
    position:relative;
bottom: -41px;
}
.screen-b {
    
    background-image:url('https://virtualiching.com/v3/img/bckg6-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:0px;xpos:50%;ypos:50%;transform-origin: 50% 50% 0px;
    
    
}  

 .screen-bb {
    
    background-image:url('https://virtualiching.com/v3/img/bckg46-index.png'); background-position:center;background-repeat:no-repeat;position:absolute;left:0px;top:0px;transform-origin: 50% 50% 0px;
    
    
}
#mutbcktxt {
    width: 100%;
    height: 45px;
    z-index: 2000;
    text-align: left;
    position: absolute;
    top: 75px;
    font-size: 50pt;
    text-decoration: none;
}




 


#divRW {
     position: fixed;
left: 0;
bottom: 0;
height: auto;
width: 98%;
color:#000000; 
background: #ffe91f;
text-align: center;
padding:1%;
FONT-SIZE:1.6EM;
border-radius:24px;
	z-index:13
	
}

#toptitle, #toptitle a {
    text-align: center;
    width: 100%;
    font-size: 1.5em;
    font-weight:bolder;
    z-index: 1181;
    text-decoration: none;
     position: fixed;
left: 0;
top: 0;
height: auto;
color:#000000; 
background: #ffe91f;
text-align: center;
border-radius:24px;
 box-shadow: 4px 3px 8px 1px #969696;
  	-webkit-box-shadow: 4px 3px 8px 1px #969696;
}



#myhexa {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    /* position: sticky; */
    /* top: 0px; */
    /* margin-top: 0px; */
    /* display: -webkit-inline-box; */
}

.golo { bottom:5%; position:absolute;margin-bottom:2em;width:100%; text-align:center;z-index:0
    
}

.nav5:link,.nav5:visited,.nav5:active,.nav5:hover { 
font-size: 150pt;
font-weight: normal;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;
-webkit-text-stroke: 12px #fde240;
text-shadow: 8px 8px 12px #000000;
}



.nav:link,.nav:visited,.nav:active,.nav:hover { 

font-family: Times New Roman, Times, serif;
font-size: 300pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
line-height: 0px;

position: absolute;
display: block;
}


#divContv2 {
width: 54%;
height: 600px;
z-index: 0;
text-align: center;
font-size: 17pt;
text-decoration: none;
margin: auto;
font-size: 17pt;
line-height: 31pt;
position: relative;
 font-weight:lighter;
top: 50px;
}

#hexasmall{
width:95%;

}

.coin1{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-right:00px;opacity:1;}
.coin2{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-top:00px;opacity:1;}
.coin3{ position:relative;width:280px;height:200px;left:0px;top:0px;transform-origin: 50% 50% 0px;margin-top:-10px;opacity:1;}

.coin-transform { transform: scaleXY(0.5,0.5);}

.coin-transform.coin-animated {
    animation: coin-transform-animate 0.53333s ease-out infinite alternate;
}

@keyframes coin-transform-animate {
    0% {
        transform: scale(1,1);
       opacity:1;
    }

    100% {
        transform: scale(1.33,1.33);
      opacity:1;
       
    }
     0% {
        transform: scale(1,1);
       opacity:1;
    }
}


}


.filter-green{
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    }
    
    canvas {
  position: absolute;
  top:0;
  left:0;
  z-index:-99;
}

body{
    
     width: 100vw;
  height: 100vh;
  margin: 0;
 padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
    text-align:center;
   font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	font-size:1.3em;
	color:#00ff33;
	 background-color: #0F0;
   /* background-image:url(https://virtualiching.com/img/bckg.gif);
   /* your background image*/  
    /*  background-repeat:no-repeat;/*we want to have one single image not a repeated one*/  
    /* background-size:cover;/*this sets the image to fullscreen covering the whole screen*/  
   /*css hack for ie*/     
    /*  background-position:top center ;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bckg.gif',sizingMethod='scale');
   -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bckg.gif',sizingMethod='scale')";*/
   	  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}



#screenbouton {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:13;
}




.submitv2 {  
    
    background-color:#f8bbd0;border-radius:10px;padding:10px;text-decoration:none;font-size:1.3em;border:2px;border-color:#000;border-style: dotted;color: #000;
}
    


}

@keyframes glowing {
        0% {
          background-color: #f8bbd0;
          box-shadow: 0 0 0px #2ba805;
        }
        50% {
          background-color: #cef824;
          box-shadow: 0 0 0px #49e819;
        }
        100% {
          background-color: #03fe37;
          box-shadow: 0 0 0px #2ba805;
        }
      }
      .submitv2 {
        animation: glowing 1300ms infinite;
      }  ); 
}

#wraper {width: 100%;
text-align: center;
margin-top: 15%;}


#mut {
z-index: 99;
position: absolute;
right: 5%;

}

#mutbck {
z-index: 99;
position: absolute;
left: 5%;
}