@-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:#0d0a21; }


@font-face {
    font-family: 'MyfontBold';
    src: url('fonts/Dubai-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Bold.woff') format('woff'), url('fonts/Dubai-Bold.ttf') format('truetype'), url('fonts/Dubai-Bold.svg#Dubai-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyfontMedium';
    src: url('fonts/Dubai-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Medium.woff') format('woff'), url('fonts/Dubai-Medium.ttf') format('truetype'), url('fonts/Dubai-Medium.svg#Dubai-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myfont';
    src: url('fonts/Dubai-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Regular.woff') format('woff'), url('fonts/Dubai-Regular.ttf') format('truetype'), url('fonts/Dubai-Regular.svg#Dubai-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyfontLight';
    src: url('fonts/Dubai-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Light.woff') format('woff'), url('fonts/Dubai-Light.ttf') format('truetype'), url('fonts/Dubai-Light.svg#Dubai-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}    
    
/* 
@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: 'Menufont';
  src: url('fonts/RobotoCondensed-Light.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: 140px;
  height: 5px;
  -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%;
  background:
   linear-gradient(#00c1ee 0 0) 0/0% no-repeat
   #d1d1d1;
  animation: l4 1.5s infinite steps(6);
}

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