div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
span,
label,
a,
input,
textarea,
select {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

input[type='submit'],
input[type='button'] {
	cursor: pointer;
	-webkit-appearance: none;
}

input[type='text'],
input[type='checkbox'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='file'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='search'],
select {
	outline: none;
}

.op25p,
.opacity-25 {
	opacity: 0.25;
}

.op50p,
.opacity-50 {
	opacity: 0.5;
}

.op75p,
.opacity-75 {
	opacity: 0.75;
}

.blur {
	filter: blur(3px);
}

.blur-more {
	filter: blur(5px);
}

.rc,
.rounded {
	border-radius: 10px;
}

.rounded-circle {
	border-radius: 50%;
}

.ds,
.drop-shadow {
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.text-shadow {
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

.contain {
	object-fit: contain;
}

.cover {
	object-fit: cover;
}

.fill {
	object-fit: fill;
}

.scale-down {
	object-fit: scale-down;
}

.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden !important;
}

.fl,
.float-left {
	float: left;
}

.fr,
.float-right {
	float: right;
}

.al,
.align-left {
	text-align: left !important;
}

.ar,
.align-right {
	text-align: right !important;
}

.ac,
.align-center {
	text-align: center !important;
}

.aj,
.align-justify {
	text-align: justify !important;
}

.h1ac h1 {
	text-align: center !important;
}

.h2ac h2 {
	text-align: center !important;
}

.h3ac h3 {
	text-align: center !important;
}

.white,
.white a {
	color: white !important;
}

.lighter {
	font-weight: lighter !important;
}

.bold {
	font-weight: 500 !important;
}

.bolder {
	font-weight: 700 !important;
}

.upper {
	text-transform: uppercase !important;
}

.lower {
	text-transform: lowercase !important;
}

.caps {
	text-transform: capitalize !important;
}

.pointer {
	cursor: pointer;
}

.credit-card {
	display: inline-block;
	font: 18px/18px FontAwesome;
}

	.credit-card.visa {
		content: "\f1f0";
	}

	.credit-card.mastercard {
		content: "\f1f1";
	}

	.credit-card.discover {
		content: "\f1f2";
	}

	.credit-card.amex {
		content: "\f1f3";
	}

	.credit-card.paypal {
		content: "\f1f4";
	}

.padded {
	padding: 20px !important;
}

.padded-less {
	padding: 10px !important;
}

.padded-more {
	padding: 50px !important;
}

.padded-sides {
	padding: 0 20px !important;
}

.no-margins {
	margin: 0 !important;
}

.mx-auto,
.auto-margins {
	margin-left: auto;
	margin-right: auto;
}

.margined {
	margin: 20px !important;
}

.margined-more {
	margin: 50px !important;
}

.margined-less {
	margin: 10px !important;
}

.top-padded {
	padding-top: 20px !important;
}

.top-padded-more {
	padding-top: 50px !important;
}

.top-padded-less {
	padding-top: 10px !important;
}

.right-padded {
	padding-right: 20px !important;
}

.right-padded-more {
	padding-right: 50px !important;
}

.right-padded-less {
	padding-right: 10px !important;
}

.bottom-padded {
	padding-bottom: 20px !important;
}

.bottom-padded-more {
	padding-bottom: 50px !important;
}

.bottom-padded-less {
	padding-bottom: 10px !important;
}

.left-padded {
	padding-left: 20px !important;
}

.left-padded-more {
	padding-left: 50px !important;
}

.left-padded-less {
	padding-left: 10px !important;
}

.top-margined {
	margin-top: 20px !important;
}

.top-margined-more {
	margin-top: 50px !important;
}

.top-margined-less {
	margin-top: 10px !important;
}

.top-margined-none {
	margin-bottom: 0 !important;
}

.right-margined {
	margin-right: 20px !important;
}

.right-margined-more {
	margin-right: 50px !important;
}

.right-margined-less {
	margin-right: 10px !important;
}

.right-margined-none {
	margin-bottom: 0 !important;
}

.bottom-margined {
	margin-bottom: 20px !important;
}

.bottom-margined-more {
	margin-bottom: 50px !important;
}

.bottom-margined-less {
	margin-bottom: 10px !important;
}

.bottom-margined-none {
	margin-bottom: 0 !important;
}

.left-margined {
	margin-left: 20px !important;
}

.left-margined-more {
	margin-left: 50px !important;
}

.left-margined-less {
	margin-left: 10px !important;
}

.left-margined-none {
	margin-bottom: 0 !important;
}

.oh,
.overflow-hidden {
	overflow: hidden;
}

.osx,
.overflow-x-scroll {
	overflow-x: scroll;
	overflow-y: hidden;
}

.osy,
.overflow-y-scroll {
	overflow-x: hidden;
	overflow-y: scroll;
}

.pr,
.position-relative {
	position: relative;
}

.pa,
.position-absolute {
	position: absolute;
}

.bottom {
	bottom: 0;
}

.dn,
.display-none {
	display: none !important;
}

.db,
.display-block {
	display: block !important;
}

.dib,
.display-inline-block {
	display: inline-block !important;
}

.vam,
.vertical-align-middle {
	vertical-align: middle !important;
}

.true-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.phone-only {
	display: none !important;
}

.bottom-snap {
	position: fixed !important;
	bottom: 0 !important;
	z-index: 99;
}

.hd-aspect,
.four-three-aspect {
	width: 100%;
	height: auto;
	position: relative;
	aspect-ratio: 16/9;
}

.four-three-aspect {
	aspect-ratio: 4/3;
}

	.hd-aspect iframe,
	.four-three-aspect iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		box-sizing: border-box;
	}

.max-w-full {
	max-width: 100% !important;
}

.max-w-xs {
	max-width: 320px !important;
}

.max-w-sm {
	max-width: 640px !important;
}

.max-w-md {
	max-width: 768px !important;
}

.max-w-lg {
	max-width: 1024px !important;
}


@media (max-device-width: 568px) {
	.padded-more {
		padding: 30px !important;
	}

	.margined-more {
		margin: 30px !important;
	}

	.top-padded-more {
		padding-top: 30px !important;
	}

	.right-padded-more {
		padding-right: 30px !important;
	}

	.bottom-padded-more {
		padding-bottom: 30px !important;
	}

	.left-padded-more {
		padding-left: 30px !important;
	}

	.top-margined-more {
		margin-top: 30px !important;
	}

	.right-margined-more {
		margin-right: 30px !important;
	}

	.bottom-margined-more {
		margin-bottom: 30px !important;
	}

	.left-margined-more {
		margin-left: 30px !important;
	}

	.phone-only {
		display: inline-block !important;
	}

	.no-phone,
	.no-tablet-portrait-display {
		display: none !important;
	}
}

.switch {
	position: relative;
	display: inline-block !important;
	align-items: center;
	min-width: 45px;
	height: 25px;
	padding: 0 !important;
}

	.switch.small {
		width: 35px;
		height: 16px;
	}

	.switch.big {
		width: 50px;
		height: 29px;
	}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.switch .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--border-color);
		transition: .2s;
		border-radius: 20px;
	}

	.switch.small .slider {
		border-radius: 0;
	}

	.switch .slider:before {
		position: absolute;
		content: "";
		height: 19px;
		width: 19px;
		left: 3px;
		bottom: 3px;
		background-color: var(--color-lightest);
		transition: .4s;
		border-radius: 50%;
	}

	.switch.small .slider:before {
		height: 10px;
		width: 16px;
		left: 3px;
		bottom: 3px;
		border-radius: 0;
	}

	.switch.big .slider:before {
		height: 23px;
		width: 23px;
	}

	.switch input:checked + .slider {
		background-color: var(--color-2);
	}

	.switch .label-text {
		position: absolute;
		left: 45px;
		top: 0;
		padding-left: 10px;
		white-space: nowrap;
		height: 25px;
		align-items: center;
		display: flex;
	}

	.switch input:checked + .slider:before {
		transform: translateX(20px);
	}

	.switch.small input:checked + .slider:before {
		transform: translateX(13px);
	}

	.switch.big input:checked + .slider:before {
		transform: translateX(21px);
	}

.multi-switch {
	display: inline-flex;
	align-items: center;
	align-content: center;
	border: 1px solid var(--border-color);
	border-radius: 15px;
	position: relative;
}

	.multi-switch .multi-switch-label {
		border-right: 1px solid var(--border-color);
		padding: 0 !important;
		margin: 0 !important;
	}

		.multi-switch .multi-switch-label span {
			display: block;
			padding: 5px 10px;
			text-align: center;
			transition: .2s;
		}

		.multi-switch .multi-switch-label:first-child,
		.multi-switch .multi-switch-label:first-child span {
			border-top-left-radius: 15px;
			border-bottom-left-radius: 15px;
		}

		.multi-switch .multi-switch-label:last-child,
		.multi-switch .multi-switch-label:last-child span {
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
			border-right: none;
		}

		.multi-switch .multi-switch-label input:checked + span {
			background-color: var(--color-2);
			color: var(--color-2-reverse);
		}

		.multi-switch .multi-switch-label input {
			opacity: 0;
			width: 0;
			height: 0;
			position: absolute;
			left: 0;
		}

.toggle {
	display: inline-block;
	padding: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	opacity: 0.5;
	border: 1px solid var(--border-color);
	background: rgba(0,0,0,0.1);
	cursor: pointer;
	margin-left: -4px;
	transition: all 0.35s;
}

	.toggle:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-right: none;
		margin-left: 0;
	}

	.toggle:active,
	.toggle.active {
		opacity: 1;
		background: var(--color-2);
		color: var(--color-2-reverse);
	}

.toggle-panel {
	display: none;
	transition: all 0.35s;
}

	.toggle-panel.active {
		display: block;
	}

.counter {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	width: 90px;
	position: relative;
}

	.counter span {
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 50%;
		cursor: pointer;
	}

		.counter span.minus::before {
			content: "-";
		}

		.counter span.plus::before {
			content: "+";
		}

	.counter input[type='text'],
	.counter input[type='text']:disabled {
		background: none !important;
		border: none !important;
		text-align: center !important;
		width: 30px !important;
		min-width: 30px !important;
		height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative;
	}

.range-slider {
	width: 100%;
	position: relative;
}

	.range-slider input {
		-webkit-appearance: none;
		width: 100%;
		height: 10px;
		background: #d9d9d9;
		outline: none;
		opacity: 0.8;
		transition: opacity .2s;
	}

		.range-slider input:hover {
			opacity: 1;
		}

		.range-slider input::-webkit-slider-thumb {
			-webkit-appearance: none;
			width: 15px;
			height: 25px;
			background: #444444;
			border-radius: 3px;
			cursor: pointer;
		}

	.range-slider .slider-graph {
		width: 100%;
		height: 150px;
		position: relative;
	}

		.range-slider .slider-graph .bar {
			width: 5%;
			height: 0;
			position: absolute;
			left: 0;
			bottom: 0;
			background: rgba(0,0,0,.2);
		}

label.checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	padding: 0 0 0 35px;
	height: 25px;
}

	label.checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		width: 0;
		height: 0;
	}

	label.checkbox .check-mark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background: none;
		border: 1px solid var(--border-color);
		border-radius: 5px;
	}

	label.checkbox:hover input ~ .check-mark {
		background-color: rgba(0,0,0,.1);
	}

	label.checkbox input:checked ~ .check-mark {
		background-color: rgba(0,0,0,.6);
		border: none;
	}

	label.checkbox .check-mark:after {
		content: "";
		position: absolute;
		display: none;
	}

	label.checkbox input:checked ~ .check-mark:after {
		display: block;
	}

	label.checkbox .check-mark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	label.checkbox.loading {
		cursor: wait;
		opacity: .6;
	}

		label.checkbox.loading .check-mark:after {
			display: none;
		}

		label.checkbox.loading .check-mark:before {
			display: block;
			font-family: "Font Awesome 5 Pro";
			font-weight: 700;
			content: "\f3f4";
			animation: spin 1s infinite linear;
			text-align: center;
			vertical-align: middle;
		}

.table-padded th,
.table-padded td {
	padding: 10px;
}

.table-border {
	border: 1px solid rgba(0,0,0,0.1);
	border-collapse: collapse;
}

	.table-border th,
	.table-border td {
		border: 1px solid rgba(0,0,0,0.1);
	}

.container-1080p {
	position: relative;
	aspect-ratio: 16/9;
}

	.container-1080p iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.white-out,
.black-out {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.85);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
}

	.white-out.active,
	.black-out.active {
		visibility: visible;
		opacity: 1;
	}

	.white-out.full,
	.black-out.full {
		position: fixed;
		background: rgba(255,255,255,0.9);
	}

.black-out {
	background: rgba(0,0,0,0.75);
}

.flex {
	display: flex;
	justify-content: center;
	align-content: stretch;
	flex-wrap: wrap;
	align-items: stretch;
}

	.flex.flex-between {
		justify-content: space-between !important;
		align-content: space-between !important;
	}

	.flex.flex-around {
		justify-content: space-around !important;
		align-content: space-around !important;
	}

	.flex.flex-start {
		justify-content: flex-start !important;
		align-content: flex-start !important;
		align-items: center !important;
	}

	.flex.flex-centered {
		justify-content: center !important;
		align-content: center !important;
		justify-items: center !important;
		align-items: center !important;
	}

	.flex.flex-no-wrap {
		flex-wrap: nowrap !important;
	}

	.flex.flex-inline {
		display: inline-flex !important;
		width: auto;
	}

.flex-end {
	align-self: flex-end;
}

.flex-col {
	align-self: stretch;
}

	.flex-col.flex-1 {
		flex: 1;
	}

	.flex-col img {
		width: 100%;
	}

.flex.halves .flex-col {
	flex-basis: 50%;
}

.flex.thirds .flex-col {
	flex-basis: 33.33%;
}

.flex.quarters .flex-col {
	flex-basis: 25%;
}

.flex.fifths .flex-col {
	flex-basis: 20%;
}

.flex.sixths .flex-col {
	flex-basis: 16.66%;
}

@media (max-device-width: 768px) {

	.flex.halves .flex-col {
		flex-basis: 100%;
	}

	.flex.thirds .flex-col {
		flex-basis: 50%;
	}

	.flex.quarters .flex-col {
		flex-basis: 50%;
	}

	.flex.fifths .flex-col {
		flex-basis: 50%;
	}

	.flex.sixths .flex-col {
		flex-basis: 50%;
	}
}

@media (max-device-width: 568px) {
	.flex.flex-no-wrap {
		flex-wrap: wrap !important;
	}

	.flex-col {
		flex-basis: 100% !important;
	}
}

.grid {
	display: grid;
	grid-auto-rows: auto;
	min-height: 0;
	min-width: 0;
}

	.grid.grid-padded {
		grid-gap: 20px;
	}

	.grid.grid-padded-more {
		grid-gap: 40px;
	}

	.grid.grid-padded-less {
		grid-gap: 10px;
	}

	.grid.grid-center {
		justify-content: space-around !important;
		align-content: space-around !important;
	}

	.grid.items-center {
		align-items: center !important;
	}

	.grid.grid-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid.grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid.grid-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid.grid-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid.grid-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid.grid-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid.grid-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid.grid-row-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid.grid-row-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid.grid-row-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

.col {
}

	.col img {
		width: 100%;
	}

	.col.centered {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.col.vertical-centered {
		display: flex;
		align-items: center;
	}

	.col.col1 {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.col.col1-2 {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.col.col1-3 {
		grid-column-start: 1;
		grid-column-end: 4;
	}

	.col.col1-4 {
		grid-column-start: 1;
		grid-column-end: 5;
	}

	.col.col1-5 {
		grid-column-start: 1;
		grid-column-end: 6;
	}

	.col.col1-6 {
		grid-column-start: 1;
		grid-column-end: 7;
	}

	.col.col1-7 {
		grid-column-start: 1;
		grid-column-end: 8;
	}

	.col.col1-8 {
		grid-column-start: 1;
		grid-column-end: 9;
	}

	.col.col1-9 {
		grid-column-start: 1;
		grid-column-end: 10;
	}

	.col.col1-10 {
		grid-column-start: 1;
		grid-column-end: 11;
	}

	.col.col2 {
		grid-column-start: 2;
		grid-column-end: 3;
	}

	.col.col2-3 {
		grid-column-start: 2;
		grid-column-end: 4;
	}

	.col.col2-4 {
		grid-column-start: 2;
		grid-column-end: 5;
	}

	.col.col2-5 {
		grid-column-start: 2;
		grid-column-end: 6;
	}

	.col.col2-6 {
		grid-column-start: 2;
		grid-column-end: 7;
	}

	.col.col2-7 {
		grid-column-start: 2;
		grid-column-end: 8;
	}

	.col.col2-8 {
		grid-column-start: 2;
		grid-column-end: 9;
	}

	.col.col2-9 {
		grid-column-start: 2;
		grid-column-end: 10;
	}

	.col.col2-10 {
		grid-column-start: 2;
		grid-column-end: 11;
	}

	.col.col3 {
		grid-column-start: 3;
		grid-column-end: 4;
	}

	.col.col3-4 {
		grid-column-start: 3;
		grid-column-end: 5;
	}

	.col.col3-5 {
		grid-column-start: 3;
		grid-column-end: 6;
	}

	.col.col3-6 {
		grid-column-start: 3;
		grid-column-end: 7;
	}

	.col.col3-7 {
		grid-column-start: 3;
		grid-column-end: 8;
	}

	.col.col3-8 {
		grid-column-start: 3;
		grid-column-end: 9;
	}

	.col.col3-9 {
		grid-column-start: 3;
		grid-column-end: 10;
	}

	.col.col3-10 {
		grid-column-start: 3;
		grid-column-end: 11;
	}

	.col.col4 {
		grid-column-start: 4;
		grid-column-end: 5;
	}

	.col.col4-5 {
		grid-column-start: 4;
		grid-column-end: 6;
	}

	.col.col4-6 {
		grid-column-start: 4;
		grid-column-end: 7;
	}

	.col.col4-7 {
		grid-column-start: 4;
		grid-column-end: 8;
	}

	.col.col4-8 {
		grid-column-start: 4;
		grid-column-end: 9;
	}

	.col.col4-9 {
		grid-column-start: 4;
		grid-column-end: 10;
	}

	.col.col4-10 {
		grid-column-start: 4;
		grid-column-end: 11;
	}

	.col.col5 {
		grid-column-start: 5;
		grid-column-end: 6;
	}

	.col.col5-6 {
		grid-column-start: 5;
		grid-column-end: 7;
	}

	.col.col5-7 {
		grid-column-start: 5;
		grid-column-end: 8;
	}

	.col.col5-8 {
		grid-column-start: 5;
		grid-column-end: 9;
	}

	.col.col5-9 {
		grid-column-start: 5;
		grid-column-end: 10;
	}

	.col.col5-10 {
		grid-column-start: 5;
		grid-column-end: 11;
	}

	.col.col6 {
		grid-column-start: 6;
		grid-column-end: 7;
	}

	.col.col6-7 {
		grid-column-start: 6;
		grid-column-end: 8;
	}

	.col.col6-8 {
		grid-column-start: 6;
		grid-column-end: 9;
	}

	.col.col6-9 {
		grid-column-start: 6;
		grid-column-end: 10;
	}

	.col.col6-10 {
		grid-column-start: 6;
		grid-column-end: 11;
	}

	.col.col7 {
		grid-column-start: 7;
		grid-column-end: 8;
	}

	.col.col7-8 {
		grid-column-start: 7;
		grid-column-end: 9;
	}

	.col.col7-9 {
		grid-column-start: 7;
		grid-column-end: 10;
	}

	.col.col7-10 {
		grid-column-start: 7;
		grid-column-end: 11;
	}

	.col.col8 {
		grid-column-start: 8;
		grid-column-end: 9;
	}

	.col.col8-9 {
		grid-column-start: 8;
		grid-column-end: 10;
	}

	.col.col8-10 {
		grid-column-start: 8;
		grid-column-end: 11;
	}

	.col.col9 {
		grid-column-start: 9;
		grid-column-end: 10;
	}

	.col.col9-10 {
		grid-column-start: 9;
		grid-column-end: 11;
	}

	.col.col10 {
		grid-column-start: 10;
		grid-column-end: 11;
	}

.row1 {
	grid-row-start: 1;
	grid-row-end: 2;
}

.row1-2 {
	grid-row-start: 1;
	grid-row-end: 3;
}

.row1-3 {
	grid-row-start: 1;
	grid-row-end: 4;
}

.row1-4 {
	grid-row-start: 1;
	grid-row-end: 5;
}

.row2 {
	grid-row-start: 2;
	grid-row-end: 3;
}

.row2-3 {
	grid-row-start: 2;
	grid-row-end: 4;
}

.row2-4 {
	grid-row-start: 2;
	grid-row-end: 5;
}

.row3 {
	grid-row-start: 3;
	grid-row-end: 4;
}

.row3-4 {
	grid-row-start: 3;
	grid-row-end: 5;
}

.row4 {
	grid-row-start: 4;
	grid-row-end: 5;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.grid.tablet-portrait-collapse {
		display: block !important;
		clear: both !important;
	}

		.grid.tablet-portrait-collapse.grid-padded .col {
			padding: 20px;
		}

		.grid.tablet-portrait-collapse.grid-padded-more .col {
			padding: 40px;
		}

		.grid.tablet-portrait-collapse.grid-padded-less .col {
			padding: 10px;
		}

	.no-tablet-portrait-display {
		display: none !important;
	}
}

@media (max-device-width: 768px) {

	.grid.grid-padded {
		grid-gap: 20px;
	}
}

@media (max-device-width: 568px) {
	.grid.grid-10 {
		grid-template-columns: repeat(4, 1fr);
	}

		.grid.grid-10 .col {
			grid-column-start: 1;
			grid-column-end: 10;
		}

	.grid.phone-collapse,
	.grid.tablet-portrait-collapse {
		display: block !important;
		clear: both !important;
	}

		.grid.phone-collapse.grid-padded .col,
		.grid.tablet-portrait-collapse.grid-padded .col {
			padding: 20px 0;
		}

		.grid.phone-collapse.grid-padded-more .col,
		.grid.tablet-portrait-collapse.grid-padded-more .col {
			padding: 20px 0;
		}

		.grid.phone-collapse.grid-padded-less .col,
		.grid.tablet-portrait-collapse.grid-padded-less .col {
			padding: 10px 0;
		}
}


@media screen and (min-width: 768px) {

	.md\:grid {
		display: grid;
	}

	.md\:grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.md\:grid-padded {
		grid-gap: 20px;
	}
}


@media screen and (min-width: 1024px) {

	.lg\:grid {
		display: grid;
	}

	.lg\:grid-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}


.text-col {
	column-fill: auto;
}

	.text-col.text-col-2 {
		column-count: 2;
		-webkit-column-count: 2;
	}

	.text-col.text-col-3 {
		column-count: 3;
		-webkit-column-count: 3;
	}

	.text-col.text-col-4 {
		column-count: 4;
		-webkit-column-count: 4;
	}

	.text-col.text-col-padded {
		column-gap: 20px;
		-webkit-column-gap: 20px;
	}

	.text-col.text-col-padded-more {
		column-gap: 50px;
		-webkit-column-gap: 20px;
	}

	.text-col .col-item {
		display: inline-block;
		-webkit-column-break-inside: avoid;
	}

.c,
.clear {
	display: block;
	clear: both;
}

.c20,
.clear-20 {
	display: block;
	height: 20px;
	clear: both;
}

.c40,
.clear-40 {
	display: block;
	height: 40px;
	clear: both;
}

.w1p, .w1 {
	width: 1% !Important;
}

.w2p, .w2 {
	width: 2% !Important;
}

.w3p, .w3 {
	width: 3% !Important;
}

.w4p, .w4 {
	width: 4% !Important;
}

.w5p, .w5 {
	width: 5% !Important;
}

.w6p, .w6 {
	width: 6% !Important;
}

.w7p, .w7 {
	width: 7% !Important;
}

.w8p, .w8 {
	width: 8% !Important;
}

.w9p, .w9 {
	width: 9% !Important;
}

.w10p, .w10 {
	width: 10% !Important;
}

.w11p, .w11 {
	width: 11% !Important;
}

.w12p, .w12 {
	width: 12% !Important;
}

.w13p, .w13 {
	width: 13% !Important;
}

.w14p, .w14 {
	width: 14% !Important;
}

.w15p, .w15 {
	width: 15% !Important;
}

.w16p, .w16 {
	width: 16% !Important;
}

.w17p, .w17 {
	width: 17% !Important;
}

.w18p, .w18 {
	width: 18% !Important;
}

.w19p, .w19 {
	width: 19% !Important;
}

.w20p, .w20 {
	width: 20% !Important;
}

.w21p, .w21 {
	width: 21% !Important;
}

.w22p, .w22 {
	width: 22% !Important;
}

.w23p, .w23 {
	width: 23% !Important;
}

.w24p, .w24 {
	width: 24% !Important;
}

.w25p, .w25 {
	width: 25% !Important;
}

.w26p, .w26 {
	width: 26% !Important;
}

.w27p, .w27 {
	width: 27% !Important;
}

.w28p, .w28 {
	width: 28% !Important;
}

.w29p, .w29 {
	width: 29% !Important;
}

.w30p, .w30 {
	width: 30% !Important;
}

.w31p, .w31 {
	width: 31% !Important;
}

.w32p, .w32 {
	width: 32% !Important;
}

.w33p, .w33 {
	width: 33% !Important;
}

.w34p, .w34 {
	width: 34% !Important;
}

.w35p, .w35 {
	width: 35% !Important;
}

.w36p, .w36 {
	width: 36% !Important;
}

.w37p, .w37 {
	width: 37% !Important;
}

.w38p, .w38 {
	width: 38% !Important;
}

.w39p, .w39 {
	width: 39% !Important;
}

.w40p, .w40 {
	width: 40% !Important;
}

.w41p, .w41 {
	width: 41% !Important;
}

.w42p, .w42 {
	width: 42% !Important;
}

.w43p, .w43 {
	width: 43% !Important;
}

.w44p, .w44 {
	width: 44% !Important;
}

.w45p, .w45 {
	width: 45% !Important;
}

.w46p, .w46 {
	width: 46% !Important;
}

.w47p, .w47 {
	width: 47% !Important;
}

.w48p, .w48 {
	width: 48% !Important;
}

.w49p, .w49 {
	width: 49% !Important;
}

.w50p, .w50 {
	width: 50% !Important;
}

.w51p, .w51 {
	width: 51% !Important;
}

.w52p, .w52 {
	width: 52% !Important;
}

.w53p, .w53 {
	width: 53% !Important;
}

.w54p, .w54 {
	width: 54% !Important;
}

.w55p, .w55 {
	width: 55% !Important;
}

.w56p, .w56 {
	width: 56% !Important;
}

.w57p, .w57 {
	width: 57% !Important;
}

.w58p, .w58 {
	width: 58% !Important;
}

.w59p, .w59 {
	width: 59% !Important;
}

.w60p, .w60 {
	width: 60% !Important;
}

.w61p, .w61 {
	width: 61% !Important;
}

.w62p, .w62 {
	width: 62% !Important;
}

.w63p, .w63 {
	width: 63% !Important;
}

.w64p, .w64 {
	width: 64% !Important;
}

.w65p, .w65 {
	width: 65% !Important;
}

.w66p, .w66 {
	width: 66% !Important;
}

.w67p, .w67 {
	width: 67% !Important;
}

.w68p, .w68 {
	width: 68% !Important;
}

.w69p, .w69 {
	width: 69% !Important;
}

.w70p, .w70 {
	width: 70% !Important;
}

.w71p, .w71 {
	width: 71% !Important;
}

.w72p, .w72 {
	width: 72% !Important;
}

.w73p, .w73 {
	width: 73% !Important;
}

.w74p, .w74 {
	width: 74% !Important;
}

.w75p, .w75 {
	width: 75% !Important;
}

.w76p, .w76 {
	width: 76% !Important;
}

.w77p, .w77 {
	width: 77% !Important;
}

.w78p, .w78 {
	width: 78% !Important;
}

.w79p, .w79 {
	width: 79% !Important;
}

.w80p, .w80 {
	width: 80% !Important;
}

.w81p, .w81 {
	width: 81% !Important;
}

.w82p, .w82 {
	width: 82% !Important;
}

.w83p, .w83 {
	width: 83% !Important;
}

.w84p, .w84 {
	width: 84% !Important;
}

.w85p, .w85 {
	width: 85% !Important;
}

.w86p, .w86 {
	width: 86% !Important;
}

.w87p, .w87 {
	width: 87% !Important;
}

.w88p, .w88 {
	width: 88% !Important;
}

.w89p, .w89 {
	width: 89% !Important;
}

.w90p, .w90 {
	width: 90% !Important;
}

.w91p, .w91 {
	width: 91% !Important;
}

.w92p, .w92 {
	width: 92% !Important;
}

.w93p, .w93 {
	width: 93% !Important;
}

.w94p, .w94 {
	width: 94% !Important;
}

.w95p, .w95 {
	width: 95% !Important;
}

.w96p, .w96 {
	width: 96% !Important;
}

.w97p, .w97 {
	width: 97% !Important;
}

.w98p, .w98 {
	width: 98% !Important;
}

.w99p, .w99 {
	width: 99% !Important;
}

.w100p, .w100 {
	width: 100% !Important;
}

.h1p, .h1 {
	height: 1%;
}

.h2p, .h2 {
	height: 2%;
}

.h3p, .h3 {
	height: 3%;
}

.h4p, .h4 {
	height: 4%;
}

.h5p, .h5 {
	height: 5%;
}

.h6p, .h6 {
	height: 6%;
}

.h7p, .h7 {
	height: 7%;
}

.h8p, .h8 {
	height: 8%;
}

.h9p, .h9 {
	height: 9%;
}

.h10p, .h10 {
	height: 10%;
}

.h11p, .h11 {
	height: 11%;
}

.h12p, .h12 {
	height: 12%;
}

.h13p, .h13 {
	height: 13%;
}

.h14p, .h14 {
	height: 14%;
}

.h15p, .h15 {
	height: 15%;
}

.h16p, .h16 {
	height: 16%;
}

.h17p, .h17 {
	height: 17%;
}

.h18p, .h18 {
	height: 18%;
}

.h19p, .h19 {
	height: 19%;
}

.h20p, .h20 {
	height: 20%;
}

.h21p, .h21 {
	height: 21%;
}

.h22p, .h22 {
	height: 22%;
}

.h23p, .h23 {
	height: 23%;
}

.h24p, .h24 {
	height: 24%;
}

.h25p, .h25 {
	height: 25%;
}

.h26p, .h26 {
	height: 26%;
}

.h27p, .h27 {
	height: 27%;
}

.h28p, .h28 {
	height: 28%;
}

.h29p, .h29 {
	height: 29%;
}

.h30p, .h30 {
	height: 30%;
}

.h31p, .h31 {
	height: 31%;
}

.h32p, .h32 {
	height: 32%;
}

.h33p, .h33 {
	height: 33%;
}

.h34p, .h34 {
	height: 34%;
}

.h35p, .h35 {
	height: 35%;
}

.h36p, .h36 {
	height: 36%;
}

.h37p, .h37 {
	height: 37%;
}

.h38p, .h38 {
	height: 38%;
}

.h39p, .h39 {
	height: 39%;
}

.h40p, .h40 {
	height: 40%;
}

.h41p, .h41 {
	height: 41%;
}

.h42p, .h42 {
	height: 42%;
}

.h43p, .h43 {
	height: 43%;
}

.h44p, .h44 {
	height: 44%;
}

.h45p, .h45 {
	height: 45%;
}

.h46p, .h46 {
	height: 46%;
}

.h47p, .h47 {
	height: 47%;
}

.h48p, .h48 {
	height: 48%;
}

.h49p, .h49 {
	height: 49%;
}

.h50p, .h50 {
	height: 50%;
}

.h51p, .h51 {
	height: 51%;
}

.h52p, .h52 {
	height: 52%;
}

.h53p, .h53 {
	height: 53%;
}

.h54p, .h54 {
	height: 54%;
}

.h55p, .h55 {
	height: 55%;
}

.h56p, .h56 {
	height: 56%;
}

.h57p, .h57 {
	height: 57%;
}

.h58p, .h58 {
	height: 58%;
}

.h59p, .h59 {
	height: 59%;
}

.h60p, .h60 {
	height: 60%;
}

.h61p, .h61 {
	height: 61%;
}

.h62p, .h62 {
	height: 62%;
}

.h63p, .h63 {
	height: 63%;
}

.h64p, .h64 {
	height: 64%;
}

.h65p, .h65 {
	height: 65%;
}

.h66p, .h66 {
	height: 66%;
}

.h67p, .h67 {
	height: 67%;
}

.h68p, .h68 {
	height: 68%;
}

.h69p, .h69 {
	height: 69%;
}

.h70p, .h70 {
	height: 70%;
}

.h71p, .h71 {
	height: 71%;
}

.h72p, .h72 {
	height: 72%;
}

.h73p, .h73 {
	height: 73%;
}

.h74p, .h74 {
	height: 74%;
}

.h75p, .h75 {
	height: 75%;
}

.h76p, .h76 {
	height: 76%;
}

.h77p, .h77 {
	height: 77%;
}

.h78p, .h78 {
	height: 78%;
}

.h79p, .h79 {
	height: 79%;
}

.h80p, .h80 {
	height: 80%;
}

.h81p, .h81 {
	height: 81%;
}

.h82p, .h82 {
	height: 82%;
}

.h83p, .h83 {
	height: 83%;
}

.h84p, .h84 {
	height: 84%;
}

.h85p, .h85 {
	height: 85%;
}

.h86p, .h86 {
	height: 86%;
}

.h87p, .h87 {
	height: 87%;
}

.h88p, .h88 {
	height: 88%;
}

.h89p, .h89 {
	height: 89%;
}

.h90p, .h90 {
	height: 90%;
}

.h91p, .h91 {
	height: 91%;
}

.h92p, .h92 {
	height: 92%;
}

.h93p, .h93 {
	height: 93%;
}

.h94p, .h94 {
	height: 94%;
}

.h95p, .h95 {
	height: 95%;
}

.h96p, .h96 {
	height: 96%;
}

.h97p, .h97 {
	height: 97%;
}

.h98p, .h98 {
	height: 98%;
}

.h99p, .h99 {
	height: 99%;
}

.h100p, .h100 {
	height: 100%;
}

@keyframes spin {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

@keyframes rotate-180 {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(180deg);
	}
}

@keyframes emphasize {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(2, 2);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes throb {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1.2);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}