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

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

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

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

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

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

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

	@font-face {
		font-family: 'mb';
		src: url('../fonts/mb-700.woff2') format('woff2'),
			 url('../fonts/mb-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: #584059;
		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);
		}
	}

	.ra-loader-text {
		position: absolute;
		width: 100px;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-top: 0px;
		font-family: 'br', sans-serif;
		font-weight: 300;
		font-size: 0.75em;
		color: #f1f1f1;
		text-transform: uppercase;
		letter-spacing: 0.4em;
		text-align: center;
		transform: translateY(-15px);
		animation: flicker 1.2s ease-out infinite;
	}

	@keyframes flicker {
		0% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	/*.ra-loader {
		position: absolute;
		top: 250px;
		margin: 0 auto;
		left: 0;
		right: 0;
		height: 32px;
		width: 32px;
		opacity: 1;
		transition: all 0.2s ease-out;
	}

	.ra-loader::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; left: 0;
		bottom: 0; right: 0;
		margin: auto;
		width: 12px;
		height: 12px;
		top: 0; left: 0;
		bottom: 0; right: 0;
		margin: auto;
		background: #bfaf96;
		border-radius: 50%;
		animation: preloaderA 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	}

	@keyframes preloaderA {
		0%   { transform: scale(0); opacity: 0; }
		50%  { transform: scale(1); opacity: 1; }
		100% { transform: scale(0); opacity: 0; }
	}

	.ra-loader span {
		display: block;
		position: absolute;
		top: 0; left: 0;
		bottom: 0; right: 0;
		margin: auto;
		height: 32px;
		width: 32px;
		animation: preloaderB 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	}

	@keyframes preloaderB {
		0%   { transform: rotate(0deg); }
		50%  { transform: rotate(180deg); }
		100% { transform: rotate(360deg); }
	}

	.ra-loader span::before,
	.ra-loader span::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; left: 0;
		bottom: 0; right: 0;
		margin: auto;
		height: 12px;
		width: 12px;
		background: #bfaf96;
		border-radius: 50%;
		animation: preloaderC 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	}

	@keyframes preloaderC {
		0%   { transform: translate3d(0, 0, 0) scale(1); }
		50%  { transform: translate3d(-16px, 0, 0) scale(.5); }
		100% { transform: translate3d(0, 0, 0) scale(1); }
	}

	.ra-loader span::after {
		animation: preloaderD 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	}

	@keyframes preloaderD {
		0%   { transform: translate3d(0, 0, 0) scale(1); }
		50%  { transform: translate3d(16px, 0, 0) scale(.5); }
		100% { transform: translate3d(0, 0, 0) scale(1); }
	}*/
/*END PRELOADER STYLES*/

/*START GENERAL STYLES*/

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

	* {
	      -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;
	}

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