/*START @FONT-FACE RULES*/
	@font-face {
		font-family: 'lasiver';
		src: url('../fonts/las-300.woff2') format('woff2'),
			 url('../fonts/las-300.woff') format('woff');
		font-weight: 300;
		font-style: normal;
	}

	@font-face {
		font-family: 'lasiver';
		src: url('../fonts/las-400.woff2') format('woff2'),
			 url('../fonts/las-400.woff') format('woff');
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'lasiver';
		src: url('../fonts/las-500.woff2') format('woff2'),
			 url('../fonts/las-500.woff') format('woff');
		font-weight: 500;
		font-style: normal;
	}

	@font-face {
		font-family: 'lasiver';
		src: url('../fonts/las-700.woff2') format('woff2'),
			 url('../fonts/las-700.woff') format('woff');
		font-weight: 700;
		font-style: normal;
	}
/*END @FONT-FACE RULES*/

/*START PRELOADER STYLES*/
	.preloader-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		background: #111;
		z-index: 9999999;
	}

	.loader-text {
	  position: absolute;
	  margin: 0 auto;
	  margin-top: 50vh;
	  left: 0;
	  right: 0;
	  font-family: 'lasiver', sans-serif;
	  font-weight: 500;
	  font-size: 1em;
	  text-transform: uppercase;
	  letter-spacing: 0.25em;
	  color: #fff;
	  text-align: center;
	  text-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
	  transform: translateY(-300%);
	  opacity: 1;
	  animation: pulsate 2.8s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
	}

	.loader-bar {
	  background: #fff;
	  height: 0;
	  width: 100%;
	  top: 50%;
	  position: absolute;
	  opacity: 1;
	}

	.loader-bar__delay {
	  position: absolute;
	  top: -1;
	  left: 0;
	  border-radius: 50%;
	  border-top-left-radius: 50% 100%;
	  border-bottom-left-radius: 50% 100%;
	  border-top-right-radius: 50% 100%;
	  border-bottom-right-radius: 50% 100%;
	  width: 10%;
	  height: 0;
	  border: 0.5px solid #fff;
	  display: block;
	  background: rgba(255,255,255,1);
	  box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.8);
	  transform: translateX(-95%) scale(1.5);
	  animation: flatlineDelay 1.4s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
	}

	@keyframes flatlineDelay {
	  0% {
	    transform: translateX(-90%) scale(1, 1);
	    opacity: 0;
	  }
	  50% {
	    transform: translateX(410%) scale(3.5, 1.3);
	    opacity: 1;
	  }
	  100% {
	    transform: translateX(800%) scale(1, 1);
	    opacity: 0;
	  }
	}

	@keyframes pulsate {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
/*END PRELOADER STYLES*/

/*START GENERAL STYLES*/

	html,
	body {
		width: 100vw;
		overflow-x: hidden !important;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		background: #0C0C0E;
		font-family: 'lasiver', sans-serif;
	}

	* {
	      -webkit-tap-highlight-color: rgba(0,0,0,0); /* Stops flash on tap iOS */
	      outline: none !important;
	   }

	a {
		text-decoration: none !important;
	}

	.clear-fix {
		clear: both;
	}

	input {
		outline: none !important;
	}

	#character-test {
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		height: auto;
		width: auto;
		white-space: nowrap;
		font-family: 'lasiver', sans-serif;
		font-weight: 400;
		font-size: 1em;
		z-index: -500;
	}
/*END GENERAL STYLES*/

/*START SCROLLBAR STYLES*/
	::-webkit-scrollbar {
		opacity: 0;
	}
/*END SCROLLBAR STYLES*/