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

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

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

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

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

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

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

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

	@font-face {
		font-family: 'hb-italic';
		src: url('../fonts/hb-900-italic.woff2') format('woff2'),
			 url('../fonts/hb-900-italic.woff') format('woff');
		font-weight: 900;
		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: #1D0D5C;
		z-index: 9999999;
	}

	.preloader-wrapper {
		position: relative;
		margin: 0 auto;
		margin-top: 150px;
		width: 100px;
		height: 100px;
	}

	#preloader-logo-svg {
		width: 100px;
		height: auto;
	}

	.ball {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 100px;
		transform: translateX(83.75px) translateY(43.75px);
	}

	.ball div {
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #BEAF96;
		left: 0;
		top: 0;
		animation: bounce 1s linear infinite;
	}

	@keyframes bounce {
		0%,
		100% {
			animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.55);
		}
		0% {
			transform: translate(0, -10px);
		}
		50% {
			transform: translate(0, 0);
			animation-timing-function: cubic-bezier(0, 0.45, 0.55, 0.9);
		}
		100% {
			transform: translate(0, -10px);
		}
	}


	@keyframes flicker {
		0% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
/*END PRELOADER STYLES*/

/*START GENERAL STYLES*/

	html,
	body {
		width: 100vw;
		overflow-x: hidden !important;
		font-family: 'cir', sans-serif;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		scroll-behavior: smooth;
		background: #16122c;
	}

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

	a {
		text-decoration: none !important;
	}

	a img {
		border: 0 !important;
	}

	.clear-fix {
		clear: both;
	}

	input {
		outline: none !important;
	}

	#recaptcha {
	  position: absolute;
	  opacity: 0;
	  visibility: hidden;
	}

	.rc-anchor {
		display: none !important;
	}

	.character-test {
		display: none !important;
	}

	::-moz-selection { background-color: #584059; }
	::selection { background-color: #584059; }
/*END GENERAL STYLES*/