@-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:#000; background-color:#fff; }
/* 
@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/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: 'WHotels';
  src: url('fonts/Whotels/WSansNew-Bold.eot');
  src: local(''),
    url('fonts/Whotels/WSansNew-Bold.woff') format("woff"),
    url('fonts/Whotels/WSansNew-Bold.ttf') format("truetype"),
    url('fonts/Whotels/WSansNew-Bold.svg') format("svg");
    font-weight: 100;
} */

@font-face {
  font-family: 'Myfont';
  src: url('fonts/Roboto-Regular.ttf'); 
}

@font-face {
  font-family: 'MyfontBold';
  src: url('fonts/Roboto-Bold.ttf'); 
}

@font-face {
  font-family: 'MyfontLight';
  src: url('fonts/Roboto-Light.ttf'); 
}

@font-face {
  font-family: 'MyfontCond';
  src: url('fonts/RobotoCondensed-Regular.ttf'); 
}

@font-face {
  font-family: 'MyfontCondB';
  src: url('fonts/RobotoCondensed-Bold.ttf'); 
}

@font-face {
  font-family: 'MyfontCondL';
  src: url('fonts/RobotoCondensed-Light.ttf'); 
}

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

/* encode-sans-semi-condensed-regular - latin */
/*
@font-face {
  font-family: 'Muli';
  src:url('fonts/muli/Muli.ttf.woff') format('woff'),
      url('fonts/muli/Muli.ttf.svg#Muli') format('svg'),
      url('fonts/muli/Muli.ttf.eot'),
      url('fonts/muli/Muli.ttf.eot?#iefix') format('embedded-opentype'); 
      font-weight: normal;
      font-style: normal;
}
*/


/* @font-face {
  font-family: 'Myfont';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/encode-sans-semi-condensed-v5-latin-regular.eot'); 
  src: local('Encode Sans Semi Condensed Regular'), local('EncodeSansSemiCondensed-Regular'),
       url('fonts/encode-sans-semi-condensed-v5-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/encode-sans-semi-condensed-v5-latin-regular.woff2') format('woff2'), 
       url('fonts/encode-sans-semi-condensed-v5-latin-regular.woff') format('woff'), 
       url('fonts/encode-sans-semi-condensed-v5-latin-regular.ttf') format('truetype'),
       url('fonts/encode-sans-semi-condensed-v5-latin-regular.svg#EncodeSansSemiCondensed') format('svg');
} */


/* 
@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: 'PTSansNarrow';
  src: local(''),
       url('fonts/PTSansNarrow-Regular.ttf') format('truetype') 
}

@font-face {
  font-family: 'Encode';
  src: local(''),
       url('fonts/EncodeSansSemiCondensed-Regular.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: 20px;
  -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%;
  background:
   linear-gradient(#0fa80f 0 0) 0/0% no-repeat
   #e71818;
  animation: l4 2s infinite steps(6);
}

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