@font-face {
	font-family: 'Inter Regular';
	src: url('fonts/inter_regular.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/inter_regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/inter_regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/inter_regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/inter_regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/inter_regular.svg#inter_regular') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Inter Bold';
	src: url('fonts/inter_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/inter_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/inter_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/inter_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/inter_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/inter_bold.svg#inter_bold') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'DIN Pro';
	src: url('fonts/din_pro_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/din_pro_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/din_pro_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/din_pro_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/din_pro_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/din_pro_bold.svg#din_pro_condensed_bold') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'DIN Pro Bold';
	src: url('fonts/din_pro_condensed_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/din_pro_condensed_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/din_pro_condensed_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/din_pro_condensed_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/din_pro_condensed_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/din_pro_condensed_bold.svg#din_pro_condensed_bold') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'DIN Pro Black';
	src: url('fonts/din_pro_condensed_black.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/din_pro_condensed_black.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/din_pro_condensed_black.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/din_pro_condensed_black.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/din_pro_condensed_black.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/din_pro_condensed_black.svg#din_pro_condensed_black') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 700;
	font-style: normal;
}


/* UiKit Patcing */
.uk-animation-slow {
	animation-duration: 1.5s !important;
}
.uk-light {
	color: #ffffff !important;
}
.uk-grid-divider>:not(.uk-first-column)::before {
	border-left: 1px solid #1D1D1F !important;
}
.uk-background-primary {
	background-color: #323232 !important;
}
.uk-background-muted {
	background-color: #ECEDEF !important;
}
.uk-input:focus, .uk-select:focus, .uk-checkbox:focus, .uk-radio:focus {
	border: 1px solid #7E868E;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
	background-color: #7E868E;
}
.uk-input.error, .uk-select.error {
	border: 1px solid #DD1A21;
}
.uk-button {
	text-transform: none;
}
.uk-button-large {
	font-size: 1.25rem
}
.uk-button-primary {
	background-color: #DD1A21 !important;
	border: none !important;
	position: relative;
	transition: all ease 0.3s;
	box-sizing: border-box;
}
.uk-button-primary:hover {
	transform: scale(1.025);
}
.uk-button-primary:before {
	content: '';
    position: absolute;
    top: 0;
    left: calc(100% - 22px);
    height: 100%;
    width: auto;
    background-image: url(./images/button_bg.svg);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto 100%;
	aspect-ratio: 140 / 55;
	transition: all ease 0.3s;
}
.uk-button-primary:hover:before {
    left: calc(100% - 12px);
}
a {
	color: #7E868E;
}
a:hover {
	color: #53595f;
}
.uk-card-secondary {
	background-color: #323232;
}
.uk-table tbody tr {
    background: #ffffff;
}
.uk-table tbody tr:first-of-type {
    border-top: 15px solid #ffffff !important;
}
.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
    background: #d2d2d2;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-table-striped>tr:nth-of-type(2n):last-child {
    border-bottom: 1px solid #ffffff;
}

/* Fixes */
:root {
	font-family: 'Inter Regular';
}
*,::after,::before{box-sizing:border-box}
html, body {
    max-width: 100% !important;
    overflow-x: clip;
	color: #1D1D1F;
	font-family: 'Inter Regular';
	background-color: #f3f3f3;
}
*::selection {
	background: #DD1A21; /* Safari */
}

*::-moz-selection {
	background: #DD1A21; /* Firefox */
}
b, strong {
	font-weight: 700;
	font-family: 'Inter Bold';
}
h1, h2, h3, h4 {
    letter-spacing: 0 !important;
	text-transform: uppercase;
}
h1, h2 {
	font-family: 'DIN Pro Black';
	font-size: 2.75rem;
}
h3, .uk-h3 {
	font-family: 'DIN Pro Bold';
	font-size: 2rem;
}
h4, .uk-h4 {
	font-family: 'DIN Pro Bold';
	font-size: 1.875rem;
}
p {
	color: #1D1D1F;
	font-family: 'Inter Regular';
}
#layer {
	position: relative;
}
.uk-navbar-item, .uk-navbar-item > a {
	font-family: 'Inter Regular' !important;
	text-transform: none !important;
	/* color: #ffffff !important; */
}
.uk-navbar-item > a:hover {
	opacity: 0.8 !important;
}
.color-red {
	color: #DD1A21;
}
.uk-position-top {
	z-index: 9;
}
