*:active {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-tap-highlight-color: rgba(0,0,0,0);
  -tap-highlight-color: rgba(0,0,0,0);
}

body {


margin: 0;
overflow: hidden;
}

#preloader{
  position: absolute;
  background-color: rgb(255, 255, 255);
  left: 0px;
  top: 0px;
  width: 100%;
  height: 700px;


}

div#prelod_static_path {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  margin-left: -18px;
  margin-top: 100px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 50px;
  color: aliceblue;
  
}
div#prelod_dynamic_path {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-image: url(Logo.png);*/
  background-size: 70%;
  z-index: 4;
}
div#preloader_cont {
  position: absolute;
  width: 100%;
  height: 700px;
  top: 0;
  left: 0;
  background-image: url(Logo.png);
  background-size: 70%;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  visibility: hidden;
}

#main_canvas_container {
position: absolute;
/*background-image: url(bg.png);*/
left: 0px;
top: 0px;
width: 100%;
height: 700px;
z-index: -2;
/*pointer-events: none;*/
}

div#wrapper_container {
position: absolute;
width: 100%;
height: 700px;
z-index: -4;
/* pointer-events: none;*/
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
#main_canvas_cont {
    height: 700px;
    width: 100%;
}
}

@media screen and (max-width: 1000px) {
#main_canvas_cont {
    width: 100vw;
    /*height: 300vw;*/
    bottom: 0;
}
}
#control{
/*position: absolute;*/
width: 200px;
height: 100px;
z-index: 2;
margin: auto;
background-color: rgba(15, 15, 15, 0.5);

}
#buttons{
/* background-color: rgba(15, 15, 15, 0.5);*/
/*opacity: 0.5;*/
position: absolute;

z-index: 2;
/*bottom: 20px;*/

margin: auto;
}
div#run_button.ru,
div#run_button.en {

/*align-self: start;*/
width: 100px;
height: 100px;
/* margin: 0 auto;*/
cursor: pointer;
background-image: url(settings_black_24dp.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-size: 80%;
}


div#run_button2.ru,
div#run_button2.en {

/*align-self: start;*/
width: 100px;
height: 100px;
/* margin: 0 auto;*/
cursor: pointer;
background-image: url(autorenew_black_24dp.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-size: 80%;
}

div#run_button.en {
background-position: -236px 0;
}

div#run_button.ru:hover {
background-size: 100%;
}

div#run_button2.ru:hover {
background-size: 100%;
}

div#run_button.en:hover {
background-position: -236px -60px;
}

#logo{
position: absolute;
width: 100%;
height: 20px;
right: 10px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
text-align: right;
font-size: 5ex;
color: rgba(255, 255, 255,0.5);
margin-top: 600px;

pointer-events: none;
z-index: 5;
}

.start{
  position: absolute;
  background-image: url(1.8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 700px;
}

.bt{
  position: absolute;
  bottom: 10%;
  left: 10%;
  background-color: chocolate;
  width: 15%;
  height: 5%;
  border-radius: 10px;
  border-style: solid;
  border-color: rgb(255, 254, 254);
  text-align: center;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: xx-large; 
   
  
}

a{
  color: aliceblue;
}