@-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:#111111; }
/* 
@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: 'MyfontLight';
  src: url('fonts/RobotoCondensed-Light.ttf'); 
}

@font-face {
  font-family: 'Myfont';
  src: url('fonts/RobotoCondensed-Regular.ttf'); 
}

@font-face {
  font-family: 'MyfontBold';
  src: url('fonts/RobotoCondensed-Bold.ttf'); 
}


/* @font-face {
  font-family: 'Dubai';
  src: url('fonts/raleway-v17-latin-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: '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;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-left: -32px;
}
.lds-ellipsis div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f1f1f1;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
