@font-face {
font-display: swap;
font-family: 'Gotham Pro';
src: url('../fonts/GothamPro.eot');
src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamPro.woff') format('woff'),
url('../fonts/GothamPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Gotham Pro Medium';
src: url('../fonts/GothamPro-Medium.eot');
src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamPro-Medium.woff') format('woff'),
url('../fonts/GothamPro-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Gotham Pro Bold';
src: url('../fonts/GothamPro-Bold.eot');
src: url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamPro-Bold.woff') format('woff'),
url('../fonts/GothamPro-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Halvar Breitschrift';
src: local('Halvar Breitschrift Rg'), local('Halvar-Breitschrift-Rg'),
url('../fonts/HalvarBreit-Rg.woff2') format('woff2'),
url('../fonts/HalvarBreit-Rg.woff') format('woff'),
url('../fonts/HalvarBreit-Rg.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Halvar Breitschrift Md';
src: local('Halvar Breitschrift Md'), local('Halvar-Breitschrift-Md'),
url('../fonts/HalvarBreit-Md.woff2') format('woff2'),
url('../fonts/HalvarBreit-Md.woff') format('woff'),
url('../fonts/HalvarBreit-Md.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-display: swap;
font-family: 'Halvar Breitschrift Bd';
src: local('Halvar Breitschrift Bd'), local('Halvar-Breitschrift-Bd'),
url('../fonts/HalvarBreit-Bd.woff2') format('woff2'),
url('../fonts/HalvarBreit-Bd.woff') format('woff'),
url('../fonts/HalvarBreit-Bd.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

:root {
	--black: #1c1a1a;
	--white: #fff;
	--l-gray: #a3a3a3;
	--gray: #8c8c8c;
	--green: #00fe5d;
	--wgreen: #73ffa7;
	--pink: #ff00ff;
	--wpink: #ff73ff;
	--blue: #293cf4;
	--purple: #b1a7fc;
	--bg-gb: linear-gradient(90deg, rgba(0,254,93,1) 0%, rgba(41,60,244,1) 100%);
	--bg-pp: linear-gradient(90deg, rgba(255, 0, 255,1) 0%, rgba(177, 167, 252,1) 100%);
	--font-size: 1.25rem;
	--line-height: 1.5;
	--border: 3px solid #fff;
	--border-b: 3px solid #1c1a1a;
	--border-sm: 2px solid #fff;
	--border-pink: 3px solid #ff00ff;
	--b-radius-sm: 10px;
	--b-radius: 15px;
	--b-radius-lg: 35px;
	--transition: all .5s cubic-bezier(0, 0.25, 0.5, 1);
	--transform: all .3s linear 0s, transform 0s
}

*,
*::before,
*::after {
	box-sizing: border-box
}

*:focus {
	outline: none
}

@media (prefers-reduced-motion: no-preference) {
:root {
	scroll-behavior: smooth
}
}

.nowrap {
    white-space: nowrap
}

.frame ul,
.frame ol {
    margin-left: 0;
    padding-left: 0
}

.frame li {
    list-style-type: none
}

body {
	margin: 0;
	font-family: 'Gotham Pro', sans-serif;
	font-size: var(--font-size);
	line-height: var(--line-height);
	color: var(--white);
	text-align: var(--text-align);
	background-color: var(--black);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body.light {
	color: var(--black);
	background-color: transparent
}

blockquote {
	width: 620px;
	max-width: 100%;
	margin: 40px 0;
	padding: 0 20px;
	border-left: 6px solid var(--green);
	color: var(--gray)
}

blockquote.white {
	border-left: 6px solid var(--white)
}

blockquote.gray {
	border-left: 6px solid var(--gray)
}

blockquote.pink {
	border-left: 6px solid var(--pink)
}

blockquote.blue {
	border-left: 6px solid var(--blue)
}

blockquote.purple {
	border-left: 6px solid var(--purple)
}

img {
	max-width: 100%
}

h6, h5, h4, h3, h2, h1 {
	margin: 0 0 1rem;
	font-family: 'Halvar Breitschrift Md', sans-serif;
	font-weight: 500;
	line-height: 1.2
}

h1 {
	font-size: calc(1.375rem + 1.5vw)
}

h2 {
	font-size: calc(1.325rem + 0.9vw)
}

h3 {
	font-size: calc(1.3rem + 0.6vw)
}

h4 {
	font-size: calc(1.275rem + 0.3vw)
}

h5 {
	font-size: 1.25rem
}

h6 {
	font-size: 1rem
}

.inline-block {
	display: inline-block
}

.w-25 {
		width: 25px !important
}

.w-30 {
		width: 30px !important
}

.w-50 {
		width: 50px !important
}

.w-75 {
		width: 75px !important
}

.w-100 {
		width: 100px !important
}

.w-150 {
		width: 150px !important
}

.mb-0 {
	margin-bottom: 0
}

.mt-0 {
	margin-top: 0
}

.mt-50 {
	margin-top: 50px
}

@media (min-width: 1200px) {
h1 {
		font-size: 2.5rem
}

h2 {
		font-size: 2rem
}

h3 {
		font-size: 1.75rem
}

h4 {
		font-size: 1.5rem
}
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0
}

strong {
	font-weight: bolder
}

small {
	font-size: 0.875em
}

small.little {
	font-size: 0.5em
}

a {
	cursor: pointer;
	color: var(--white);
	text-decoration: none;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

body.light a {
	color: var(--black)
}

a:hover,
body.light a:hover {
	color: var(--blue)
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

img,
svg {
	vertical-align: middle
}

table {
	caption-side: bottom;
	border-collapse: collapse
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: inherit;
	border-style: solid;
	border-width: 0
}

label {
	display: inline-block
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

select {
	word-wrap: normal
}

select:disabled {
	opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
	display: none !important
}

::-moz-focus-inner {
	padding: 0;
	border-style: none
}

textarea {
	resize: vertical
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
	padding: 0
}

::-webkit-inner-spin-button {
	height: auto
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

::file-selector-button {
	font: inherit;
	-webkit-appearance: button
}

[hidden],
.hidden {
	display: none !important
}

iframe {
	border: 0
}