/* BASE */
html {
	font-family: Rubik,sans-serif;
	font-weight: 200;
}
html * {
	box-sizing: border-box !important;
}
html .container {
	margin: 0 auto;
	max-width: 1500px;
	padding: 0 10px;
}
html .full-screen-container {
	margin: 0 auto;
	max-width: 100vw;
	padding: 0 10px;
}
html .inner-container {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	padding: 0 10px;
}
html h1, html h2, html h3, html h4, html h5, html h6 {
	font-weight: bold;
}

/* END BASE */

/* HELPERS */
html {
	--small-screen-break: 1100px;
}
html .flex {
	display: flex;
}
html .align-center {
	align-items: center;
}
html .align-end {
	align-items: end;
}
html .align-start {
	align-items: start;
}
html .align-stretch {
	align-items: stretch;
}
html .justify-center {
	justify-content: center;
}
html .space-around {
	justify-content: space-around;
}
html .space-between {
	justify-content: space-between;
}
html .column {
	flex-direction: column;
}
html .wrap {
	flex-wrap: wrap;
}
html .wrap-reverse {
	flex-wrap: wrap-reverse;
}
html .flex-start {
	align-items: flex-start;
}
html .flex-end {
	align-items: flex-end;
}
html .justify-end {
	justify-content: flex-end;
}
html .flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
html .flex-1 {
	flex: 1;
}
html .flex-2 {
	flex: 2;
}
html .stretch-self {
	align-self: stretch;
}
html .align-self-end {
	align-self: flex-end;
}
html .align-self-start {
	align-self: flex-start;
}
html .align-self-center {
	align-self: center;
}
html .row-reverse {
	flex-direction: row-reverse;
}
html .column-reverse {
	flex-direction: column-reverse;
}
html .column-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
}
html .gap1 {
	gap: 0.0625em;
}
html .gap2 {
	gap: 0.125em;
}
html .gap3 {
	gap: 0.1875em;
}
html .gap4 {
	gap: 0.25em;
}
html .gap5 {
	gap: 0.3125em;
}
html .gap6 {
	gap: 0.375em;
}
html .gap7 {
	gap: 0.4375em;
}
html .gap8 {
	gap: 0.5em;
}
html .gap9 {
	gap: 0.5625em;
}
html .gap10 {
	gap: 0.625em;
}
html .gap11 {
	gap: 0.6875em;
}
html .gap12 {
	gap: 0.75em;
}
html .gap13 {
	gap: 0.8125em;
}
html .gap14 {
	gap: 0.875em;
}
html .gap15 {
	gap: 0.9375em;
}
html .gap16 {
	gap: 1em;
}
html .gap17 {
	gap: 1.0625em;
}
html .gap18 {
	gap: 1.125em;
}
html .gap19 {
	gap: 1.1875em;
}
html .gap20 {
	gap: 1.25em;
}
html .gap21 {
	gap: 1.3125em;
}
html .gap22 {
	gap: 1.375em;
}
html .gap23 {
	gap: 1.4375em;
}
html .gap24 {
	gap: 1.5em;
}
html .gap25 {
	gap: 1.5625em;
}
html .gap26 {
	gap: 1.625em;
}
html .gap27 {
	gap: 1.6875em;
}
html .gap28 {
	gap: 1.75em;
}
html .gap29 {
	gap: 1.8125em;
}
html .gap30 {
	gap: 1.875em;
}
html .gap31 {
	gap: 1.9375em;
}
html .gap32 {
	gap: 2em;
}
html .gap33 {
	gap: 2.0625em;
}
html .gap34 {
	gap: 2.125em;
}
html .gap35 {
	gap: 2.1875em;
}
html .gap36 {
	gap: 2.25em;
}
html .gap37 {
	gap: 2.3125em;
}
html .gap38 {
	gap: 2.375em;
}
html .gap39 {
	gap: 2.4375em;
}
html .gap40 {
	gap: 2.5em;
}
html .gap41 {
	gap: 2.5625em;
}
html .gap42 {
	gap: 2.625em;
}
html .gap43 {
	gap: 2.6875em;
}
html .gap44 {
	gap: 2.75em;
}
html .gap45 {
	gap: 2.8125em;
}
html .gap46 {
	gap: 2.875em;
}
html .gap47 {
	gap: 2.9375em;
}
html .gap48 {
	gap: 3em;
}
html .gap49 {
	gap: 3.0625em;
}
html .gap50 {
	gap: 3.125em;
}
html .gap51 {
	gap: 3.1875em;
}
html .gap52 {
	gap: 3.25em;
}
html .gap53 {
	gap: 3.3125em;
}
html .gap54 {
	gap: 3.375em;
}
html .gap55 {
	gap: 3.4375em;
}
html .gap56 {
	gap: 3.5em;
}
html .gap57 {
	gap: 3.5625em;
}
html .gap58 {
	gap: 3.625em;
}
html .gap59 {
	gap: 3.6875em;
}
html .gap60 {
	gap: 3.75em;
}
html .gap61 {
	gap: 3.8125em;
}
html .gap62 {
	gap: 3.875em;
}
html .gap63 {
	gap: 3.9375em;
}
html .gap64 {
	gap: 4em;
}
html .gap65 {
	gap: 4.0625em;
}
html .gap66 {
	gap: 4.125em;
}
html .gap67 {
	gap: 4.1875em;
}
html .gap68 {
	gap: 4.25em;
}
html .gap69 {
	gap: 4.3125em;
}
html .gap70 {
	gap: 4.375em;
}
html .gap71 {
	gap: 4.4375em;
}
html .gap72 {
	gap: 4.5em;
}
html .gap73 {
	gap: 4.5625em;
}
html .gap74 {
	gap: 4.625em;
}
html .gap75 {
	gap: 4.6875em;
}
html .gap76 {
	gap: 4.75em;
}
html .gap77 {
	gap: 4.8125em;
}
html .gap78 {
	gap: 4.875em;
}
html .gap79 {
	gap: 4.9375em;
}
html .gap80 {
	gap: 5em;
}
html .gap81 {
	gap: 5.0625em;
}
html .gap82 {
	gap: 5.125em;
}
html .gap83 {
	gap: 5.1875em;
}
html .gap84 {
	gap: 5.25em;
}
html .gap85 {
	gap: 5.3125em;
}
html .gap86 {
	gap: 5.375em;
}
html .gap87 {
	gap: 5.4375em;
}
html .gap88 {
	gap: 5.5em;
}
html .gap89 {
	gap: 5.5625em;
}
html .gap90 {
	gap: 5.625em;
}
html .gap91 {
	gap: 5.6875em;
}
html .gap92 {
	gap: 5.75em;
}
html .gap93 {
	gap: 5.8125em;
}
html .gap94 {
	gap: 5.875em;
}
html .gap95 {
	gap: 5.9375em;
}
html .gap96 {
	gap: 6em;
}
html .gap97 {
	gap: 6.0625em;
}
html .gap98 {
	gap: 6.125em;
}
html .gap99 {
	gap: 6.1875em;
}
html .gap100 {
	gap: 6.25em;
}
html .text-center {
	text-align: center;
}
html .text-end {
	text-align: end;
}
html .text-start {
	text-align: start;
}
html .clean-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
html .width-all {
	width: 100%;
}
html .width-content {
	width: fit-content !important;
}
html .height-all {
	height: 100%;
}
html .width-half {
	width: 50%;
}
html .height-half {
	height: 50%;
}
html .height-content {
	height: fit-content;
}
html .uppercase {
	text-transform: uppercase;
}
html .no-pad-top {
	padding-top: 0 !important;
}
html .no-pad-bottom {
	padding-bottom: 0 !important;
}
html .danger {
	color: red;
}
html .safe {
	color: green;
}
html .warn {
	color: yellow;
}
html .simple-form {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0.625em;
	position: relative;
}
html .simple-form .form-input {
}
html .simple-form .form-input:not(.form-input-checkbox) {
}
html .simple-form .form-input:not(.form-input-checkbox).width-content {
	width: fit-content;
}
html .simple-form .form-input:not(.form-input-checkbox) .input {
	flex: 1;
}
html .simple-form .form-input:not(.form-input-checkbox) .label {
	width: 6.25em;
}
html .simple-form.gap30 {
	gap: 1.875em;
}
html .simple-form.gap40 {
	gap: 2.5em;
}
html .simple-form >.btn {
	width: fit-content;
}
html .underline {
	text-decoration: underline !important;
}
html .pointer {
	cursor: pointer;
}
html .sticky {
	position: sticky;
	top: 0;
}
html .bold {
	font-weight: bold;
}
html .hover-pop {
	transition: transform 0.1s;
}
html .hover-pop:hover {
	transform: scale(1.05);
}
html .blured-content {
	filter: blur(1px);
}
html .respect-lines {
	white-space: pre;
}
html .rtl {
	direction: rtl;
}
html .ltr {
	direction: ltr;
}
@media (min-width: 1100px) {
	html {
	}
	html .small-screen-item {
		display: none !important;
	}
}
@media (max-width: 1100px) {
	html {
	}
	html .wide-screen-item {
		display: none !important;
	}
	html .small-screen-wrap {
		flex-wrap: wrap;
	}
	html .small-screen-wrap >* {
		width: 100% !important;
		flex: unset;
	}
	html .small-screen-wrap-reverse {
		flex-wrap: wrap-reverse;
	}
	html .small-screen-wrap-reverse >* {
		width: 100% !important;
		flex: unset;
	}
}
html .svg-parrent {
	width: 1em;
	height: 1em;
}
html .svg-parrent svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
html .grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(12.5em, 1fr));
}
@media (max-width: 1100px) {
	html .grid {
		grid-template-columns: 1fr;
	}
}
html .grid.columns-1 {
}
@media (min-width: 1100px) {
	html .grid.columns-1 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr;
	}
}
html .grid.columns-2 {
}
@media (min-width: 1100px) {
	html .grid.columns-2 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr;
	}
}
html .grid.columns-3 {
}
@media (min-width: 1100px) {
	html .grid.columns-3 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr;
	}
}
html .grid.columns-4 {
}
@media (min-width: 1100px) {
	html .grid.columns-4 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-5 {
}
@media (min-width: 1100px) {
	html .grid.columns-5 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-6 {
}
@media (min-width: 1100px) {
	html .grid.columns-6 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-7 {
}
@media (min-width: 1100px) {
	html .grid.columns-7 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-8 {
}
@media (min-width: 1100px) {
	html .grid.columns-8 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-9 {
}
@media (min-width: 1100px) {
	html .grid.columns-9 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
html .grid.columns-10 {
}
@media (min-width: 1100px) {
	html .grid.columns-10 {
		grid-auto-columns: unset;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
html .exact-spacing {
	white-space: pre-wrap;
}
html .pretty-scroll {
}
html .pretty-scroll::-webkit-scrollbar {
	margin-inline-end: 2.5px;
	padding: 1px;
	width: 5px;
	background-color: rgb(83, 83, 83);
	border-radius: 10px;
}
html .pretty-scroll::-webkit-scrollbar-thumb {
	background-color: rgb(60, 60, 60);
	border-radius: 10px;
}
html .pretty-scroll::-webkit-scrollbar-button {
	height: 0px;
	border-radius: 10px;
	background-color: rgb(83, 83, 83);
}
html .no-pad-y {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
html .no-pad-x {
	padding-inline-start: 0 !important;
	padding-inline-end: 0 !important;
}

/* END HELPERS */

/* RESET CSS */
html {
}
html html, html body, html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html b, html u, html i, html center, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, html article, html aside, html canvas, html details, html embed, html figure, html figcaption, html footer, html header, html hgroup, html menu, html nav, html output, html ruby, html section, html summary, html time, html mark, html audio, html video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html menu, html nav, html section {
	display: block;
}
html body {
	line-height: 1;
}
html ol, html ul {
	list-style: none;
}
html blockquote, html q {
	quotes: none;
}
html blockquote:before, html blockquote:after, html q:before, html q:after {
	content: none;
}
html table {
	border-collapse: collapse;
	border-spacing: 0;
}
html a {
	color: unset;
}
html button {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	cursor: pointer;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: normal;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
}
html button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* END RESET CSS */