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

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

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

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

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

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

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

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

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

/*START PRELOADER STYLES*/
	.loader-container {
	  position: fixed;
	  display: block;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  margin-top: 250px;
	  box-sizing: border-box;
	  width: 60px;
	  height: 60px;
	  z-index: 9999;
	  opacity: 1;
	  transform: rotate(45deg) translateX(-3px);
	  transition: all 0.2s ease-out;
	}

	.loader-container.loaded {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.loader-container.disappear {
		display: none;
		transition: all 0.2s ease-out;
	}


	.loader {
	  --path: #2e3e51;
	  --dot: #ffffff;
	  --duration: 3s;
	  width: 44px;
	  height: 44px;
	  position: relative;
	  margin: 0 auto;
	}

	.loader:before {
	  content: "";
	  box-sizing: border-box;
	  width: 6px;
	  height: 6px;
	  border-radius: 50%;
	  position: absolute;
	  display: block;
	  background: var(--dot);
	  top: 37px;
	  left: 19px;
	  transform: translate(-18px, -18px);
	  -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
	          animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
	}

	.loader svg {
	  display: block;
	  width: 100%;
	  height: 100%;
	}

	.loader svg rect {
	  fill: none;
	  stroke: var(--path);
	  stroke-width: 10px;
	  stroke-linejoin: round;
	  stroke-linecap: round;
	}

	.loader svg rect {
	  stroke-dasharray: 192 64 192 64;
	  stroke-dashoffset: 0;
	  -webkit-animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
	          animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
	}

	@keyframes pathRect {
	  25% {
	    stroke-dashoffset: 64;
	  }
	  50% {
	    stroke-dashoffset: 128;
	  }
	  75% {
	    stroke-dashoffset: 192;
	  }
	  100% {
	    stroke-dashoffset: 256;
	  }
	}

	@keyframes dotRect {
	  25% {
	    transform: translate(0, 0);
	  }
	  50% {
	    transform: translate(18px, -18px);
	  }
	  75% {
	    transform: translate(0, -36px);
	  }
	  100% {
	    transform: translate(-18px, -18px);
	  }
	}

	.loader {
	  display: inline-block;
	  margin: 0 16px;
	}

	.ad-loader-text {
	  position: fixed;
	  display: block;
	  width: 100px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  margin-top: 250px;
	  font-family: 'gil', sans-serif;
	  font-weight: 600;
	  font-size: 0.75em;
	  color: #DDE1E4;
	  text-transform: uppercase;
	  letter-spacing: 0.4em;
	  text-align: center;
	  opacity: 1;
	  z-index: 9999;
	  transform: translateX(14px) translateY(70px);
	  animation: flicker 1.2s ease-out infinite;
	  transition: all 0.2s ease-out;
	}

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

	.ad-loader-text.loaded {
		opacity: 0;
		animation: none;
		transition: all 0.3s ease-out;
	}

	.ad-loader-text.disappear {
		display: none;
		transition: all 0.3s ease-out;
	}


	/*START LOADER BG STYLES*/
	  .loader-bg {
	    position: fixed;
	    z-index: 9998;
	    top: 0;
	    left: 0;
	    width: 0;
	    height: 100vh;
	    overflow: hidden;
	    transition: width 0s 1.4s ease;
	  }

	  .loader-bg-active {
	  	width: 100vw;
	  	transition-delay: 0s;
	  	transition: width 0s 1.4s ease;
	  }

	  .loader-tile {
	    position: absolute;
	    left: 0;
	    width: 0;
	    height: 20%;
	    background-color: #007efb;
	    transition: width 0.7s ease;
	  }

	  .loader-tile:nth-child(0) {
	    top: calc(-1 * 20%);
	    transition-delay: -0.2s;
	  }

	  .loader-tile:nth-child(1) {
	    top: calc(0 * 20%);
	    transition-delay: 0s;
	  }

	  .loader-tile:nth-child(2) {
	    top: calc(1 * 20%);
	    transition-delay: 0.2s;
	  }

	  .loader-tile:nth-child(3) {
	    top: calc(2 * 20%);
	    transition-delay: 0.4s;
	  }

	  .loader-tile:nth-child(4) {
	    top: calc(3 * 20%);
	    transition-delay: 0.6s;
	  }

	  .loader-tile:nth-child(5) {
	    top: calc(4 * 20%);
	    transition-delay: 0.8s;
	  }

	  .loader-bg .active {
	    width: 100vw;
	    transition-delay: 0s;
	  }

	  .loader-tile-active {
	    width: 100%;
	  }

	  .loader-tile-active:nth-child(0) {
	    transition-delay: -0.2s;
	  }

	  .loader-tile-active:nth-child(1) {
	    transition-delay: 0s;
	  }

	  .loader-tile-active:nth-child(2) {
	    transition-delay: 0.2s;
	  }

	  .loader-tile-active:nth-child(3) {
	    transition-delay: 0.4s;
	  }

	  .loader-tile-active:nth-child(4) {
	    transition-delay: 0.6s;
	  }

	  .loader-tile-active:nth-child(5) {
	    transition-delay: 0.8s;
	  }
	/*END LOADER BG STYLES*/
/*END PRELOADER STYLES*/

/*START GENERAL STYLES*/

	html,
	body {
		width: 100vw;
		overflow-x: hidden !important;
		font-family: 'aa', 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;
	}

	.main-container {
		width: 100vw;
		background: #DDE1E4;
		overflow-x: hidden !important;
	}

	.main-wrapper {
		width: 100vw;
	}

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

	.hidden-svg-container {
		position: absolute;
		display: none;
		opacity: 0;
	}

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