@-ms-viewport { width:device-width; }
		@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
		html { height:100%; }
		body { height:100%; overflow:hidden; margin:0; padding:0; font-size:16px; color:#f1f1f1; background-color:#000000; }
/* 
@font-face {
  font-family: 'Raleway';
  src: url('fonts/raleway-v17-latin-regular.eot'); 
  src: local(''),
       url('fonts/raleway-v17-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/raleway-v17-latin-regular.woff2') format('woff2'), 
       url('fonts/raleway-v17-latin-regular.woff') format('woff'), 
       url('fonts/raleway-v17-latin-regular.ttf') format('truetype'), 
       url('fonts/raleway-v17-latin-regular.svg#Raleway') format('svg'); 
} */

@font-face {font-family: 'Myfont'; src: url('fonts/TheSansPlain.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/* @font-face {
  font-family: 'Myfont';
  src: url('fonts/OpenSans-Regular.ttf'); 
}
 
@font-face {
  font-family: 'MyfontLight';
  src: url('fonts/OpenSans-Light.ttf'); 
}


@font-face {
  font-family: 'MyfontBold';
  src: url('fonts/OpenSans-Semibold.ttf'); 
} */


/* @font-face {
  font-family: 'Myfont';
  src: url('fonts/DubaiW23-Regular.eot'); 
  src: local(''),
       url('fonts/DubaiW23-Regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/DubaiW23-Regular.woff2') format('woff2'), 
       url('fonts/DubaiW23-Regular.woff') format('woff'), 
       url('fonts/DubaiW23-Regular.ttf') format('truetype') 
}

@font-face {
  font-family: 'MyfontLight';
  src: url('fonts/DubaiW23-Light.eot'); 
  src: local(''),
       url('fonts/DubaiW23-Light.eot?#iefix') format('embedded-opentype'), 
       url('fonts/DubaiW23-Light.woff2') format('woff2'), 
       url('fonts/DubaiW23-Light.woff') format('woff'), 
       url('fonts/DubaiW23-Light.ttf') format('truetype') 
}

@font-face {
  font-family: 'MyfontBold';
  src: url('fonts/DubaiW23-Bold.eot'); 
  src: local(''),
       url('fonts/DubaiW23-Bold.eot?#iefix') format('embedded-opentype'), 
       url('fonts/DubaiW23-Bold.woff2') format('woff2'), 
       url('fonts/DubaiW23-Bold.woff') format('woff'), 
       url('fonts/DubaiW23-Bold.ttf') format('truetype') 
} */
/* 
@font-face {
  font-family: 'Myfont';
  src: url('fonts/RockebyCd_12_0.eot'); 
  src: local(''),
       url('fonts/RockebyCd_12_0.eot?#iefix') format('embedded-opentype'), 
       url('fonts/RockebyCd_12_0.woff2') format('woff2'), 
       url('RockebyCd_12_0.woff') format('woff')
}

@font-face {
  font-family: 'MyfontBold';
  src: url('fonts/RockebyCd_0_0.eot'); 
  src: local(''),
       url('fonts/RockebyCd_0_0.eot?#iefix') format('embedded-opentype'), 
       url('fonts/RockebyCd_0_0.woff2') format('woff2'), 
       url('RockebyCd_0_0.woff') format('woff')
}
@font-face {
  font-family: 'MyfontSemiBold';
  src: url('fonts/RockebyCd_3_0.eot'); 
  src: local(''),
       url('fonts/RockebyCd_3_0.eot?#iefix') format('embedded-opentype'), 
       url('fonts/RockebyCd_3_0.woff2') format('woff2'), 
       url('RockebyCd_3_0.woff') format('woff')
} */

/* @font-face {
  font-family: 'Proxima';
  src: url('fonts/proxima-nova-regular-webfont.eot'); 
  src: local(''),
       url('fonts/proxima-nova-regular-webfont.woff') format('woff'), 
       url('fonts/proxima-nova-regular-webfont.ttf') format('truetype') 
} */

/* @font-face {
  font-family: 'GTsuper';
  src: url('fonts/GT-Super-Display-Light.eot'); 
  src: local(''),
       url('fonts/GT-Super-Display-Light.woff') format('woff'), 
       url('fonts/GT-Super-Display-Light.ttf') format('truetype') 
} */

div {
  font-family: Myfont;
}


/* HTML: <div class="loader"></div> */
.loadere {
  width: 200px;
  height: 5px;
  -webkit-mask:linear-gradient(90deg,#000 100%,#0000 0) 0/20%;
  background:
   linear-gradient(#6CE420 0 0) 0/0% no-repeat
   #696969;
  animation: l4 2s infinite steps(12);
}

@keyframes l4 {
    100% {background-size:120%}
}