@font-face {
	font-family: "Open Sans";
	font-weight: 300;
	font-style: normal;
	src: url("../g-font/Light/OpenSans-Light.eot") format("embedded-opentype"), url("../g-font/Light/OpenSans-Light.woff2") format("woff2"), url("../g-font/Light/OpenSans-Light.woff") format("woff"), url("../g-font/Light/OpenSans-Light.ttf") format("truetype"), url("../g-font/Light/OpenSans-Light.svg") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	src: url("../g-font/Regular/OpenSans-Regular.eot") format("embedded-opentype"), url("../g-font/Regular/OpenSans-Regular.woff2") format("woff2"), url("../g-font/Regular/OpenSans-Regular.woff") format("woff"), url(../g-font/Regular/OpenSans-Regular.ttf) format("truetype"), url("../g-font/Regular/OpenSans-Regular.svg") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 600;
	font-style: normal;
	src: url("../g-font/Semibold/OpenSans-Semibold.eot") format("embedded-opentype"), url("../g-font/Semibold/OpenSans-Semibold.woff2") format("woff2"), url("../g-font/Semibold/OpenSans-Semibold.woff") format("woff"), url("../g-font/Semibold/OpenSans-Semibold.ttf") format("truetype"), url("../g-font/Semibold/OpenSans-Semibold.svg") format("svg");
	font-display: swap; }
@font-face {
	font-family: "Open Sans";
	font-weight: 700;
	font-style: normal;
	src: url("../g-font/Bold/OpenSans-Bold.eot") format("embedded-opentype"), url("../g-font/Bold/OpenSans-Bold.woff2") format("woff2"), url("../g-font/Bold/OpenSans-Bold.woff") format("woff"), url("../g-font/Bold/OpenSans-Bold.ttf") format("truetype"), url("../g-font/Bold/OpenSans-Bold.svg") format("svg");
	font-display: swap; }

html {
	overflow-y: scroll; }

body {
	/* background-color: rgb(240,240,240); */
	margin: 0px;
	font-size: 14px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: var(--wh-color);
	/*-webkit-font-smoothing: antialiased;  Fix for webkit rendering */
	width: 100%;
	min-width: auto;
	scroll-behavior: smooth;
	-webkit-tap-highlight-color: transparent;
	background-color: #232830;
	-webkit-transition: background-color 500ms 0s;
	-moz-transition: background-color 500ms 0s;
	-ms-transition: background-color 500ms 0s;
	-o-transition: background-color 500ms 0s;
	transition: background-color 500ms 0s; }


::-webkit-selection {
	color: rgb(235, 235, 235);
	background: #3b2c87; }

::-moz-selection {
	color: rgb(235, 235, 235);
	background: #3b2c87; }

::selection {
	color: rgb(235, 235, 235);
	background: #3b2c87; }

:root {
	--wh-color: rgb(235, 235, 235);
	/* --blue-color: #3b2c87; */
	--blue-color: rgb(59,44,135);
	--grey-color: #232830;
	--fs-1: 13em;
	--fs-2: 1.45em;
	--fs-3: 2.1em;
	--fs-4: 1.3em;
	--fs-5: 2.5em;
	--fs-6: 1.45em;
	--fs-7: 5em;
	--padding: 50px; }

.typography_1 {
	font-size: var(--fs-1);
	font-weight: 600;
	line-height:1;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased; }

.typography_2 {
	font-size: var(--fs-2);
	color: var(--wh-color);
	font-weight: 400;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	letter-spacing: 0.02em; }

.typography_3 {
	font-size: var(--fs-3);
	color: var(--wh-color);
	font-weight: 600;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased; }
.typography_4 { /* Menu */
	font-size: var(--fs-4);
	color: var(--wh-color);
	font-weight: 400;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;  }
.typography_5 {
	font-size: var(--fs-5);
	color: var(--wh-color);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.typography_6 {
	font-size: var(--fs-6);
	color: var(--wh-color);
	font-weight: 400;
	letter-spacing: 0.02em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.typography_7 {
	font-size: var(--fs-7);
	color: var(--blue-color);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

/* Page Loader */
#loading {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #232830;
	z-index: 99999999999; }

.noScrollSimple {
	overflow: hidden;
	touch-action: none;
 }