:root {
	--leg1: rgb(255, 80, 80);
	--leg2: rgb(255, 160, 64);
	--leg3: rgb(255, 250, 40);
	--leg4: rgb(160, 255, 0);
	--leg5: rgb(0, 183, 255);
	--leg6: rgb(161, 110, 255);
	--leg7: rgb(251, 0, 255);

	--evodal-border-radius: 0.5rem;

	--bar:rgb(125 170 230 / 95%);
	--owner: rgb(0 0 0 / 95%);
	--owner-operator: rgb(255 255 255 / 95%);
}

.animate__animated {
	outline:0;
}

.pointer {
	cursor:pointer;
}

.uppercase {
	text-transform:uppercase;
	letter-spacing:0.1rem;
}

.oxs {	overflow-x:scroll;}
.oys {	overflow-y:scroll;}
.oxv {	overflow-x:visible;}
.oyv {	overflow-y:visible;}
.oxh {	overflow-x:hidden;}
.oyh {	overflow-y:hidden;}
.os {	overflow:scroll;}
.ov {	overflow:visible;}
.oh {	overflow:hidden;}

.frem02 {	font-size:0.2rem;}
.frem03 {	font-size:0.3rem;}
.frem04 {	font-size:0.4rem;}
.frem05 {	font-size:0.5rem;}
.frem06 {	font-size:0.6rem;}
.frem07 {	font-size:0.7rem;}
.frem08 {	font-size:0.8rem;}
.frem09 {	font-size:0.9rem;}
.frem10 {	font-size:1.0rem;}
.frem11 {	font-size:1.1rem;}
.frem12 {	font-size:1.2rem;}
.frem13 {	font-size:1.3rem;}
.frem14 {	font-size:1.4rem;}
.frem15 {	font-size:1.5rem;}
.frem16 {	font-size:1.6rem;}
.frem17 {	font-size:1.7rem;}
.frem18 {	font-size:1.8rem;}
.frem19 {	font-size:1.9rem;}
.frem20 {	font-size:2.0rem;}

.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }

.dimmable {
	transition:opacity 0.3s;
}

.dimmable.dim {
	pointer-events: none;
	opacity:0.2!important;
}

.pad.rem025 {
	padding:0.25rem;
}

.pad.rem05 {
	padding:0.5rem;
}

.pad.rem1 {
	padding:1rem;
}

.pad.rem2 {
	padding:2rem;
}

.marg025 {
	margin:0.25rem;
}

.marg05 {
	margin:0.5rem;
}

.marg1 {
	margin:1rem;
}

.margv025 {
	margin:0.25rem 0;
}

.margv05 {
	margin:0.5rem 0;
}

.margv1 {
	margin:1rem 0;
}

.margh025 {
	margin:0 0.25rem;
}

.margh05 {
	margin:0 0.5rem;
}

.margh1 {
	margin:0 1rem;
}

.flex {
	display:flex;
	position:relative;
}

.flex.row {
	flex-direction:row;
}

.flex.column {
	flex-direction: column;
}

.flex.just-center {
	justify-content:center;
}

.flex.just-start {
	justify-content: flex-start;
}

.flex.just-end {
	justify-content: flex-end;
}

.flex.just-between {
	justify-content:space-between;
}

.flex.just-around {
	justify-content:space-around;
}

.flex.just-even {
	justify-content:space-evenly;
}

.flex.align-center {
	align-items:center;
}

.flex.align-start {
	align-items:flex-start
}

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

.f0 {
	flex:0;
	overflow:hidden;
}
.f1 {
	flex:1;
}
.f2 {
	flex:2;
}
.f3 {
	flex:3;
}
.f4 {
	flex:4;
}
.f5 {
	flex:5;
}
.f6 {
	flex:6;
}
.f7 {
	flex:7;
}
.f8 {
	flex:8;
}
.f9 {
	flex:9;
}
.f10 {
	flex:10;
}


.fpw10 {
	width:10%;
}

.fpw15 {
	width:15%;
}

.fpw20 {
	width:20%;
}

.fpw25 {
	width:25%;
}

.fpw30 {
	width:30%;
}

.fpw40 {
	width:40%;
}

.fpw50 {
	width:50%;
}

.fpw60 {
	width:60%;
}

.fpw70 {
	width:70%;
}

.fpw75 {
	width:75%;
}

.fpw80 {
	width:80%;
}

.fpw90 {
	width:90%;
}

.fpw100 {
	width:100%;
}

.flex.gap.rem025 {
	gap:0.25rem;
}

.flex.gap.rem05 {
	gap:0.5rem;
}

.flex.gap.rem075 {
	gap:0.75rem;
}

.flex.gap.rem1 {
	gap:1rem;
}

.flex.gap.rem125 {
	gap:1.25rem;
}

.flex.gap.rem15 {
	gap:1.5rem;
}

.flex.gap.rem175 {
	gap:1.75rem;
}

.flex.gap.rem2 {
	gap:2rem;
}

.flex.grow1 {
	flex-grow:1;
}

.bg {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

	.bg:before, .bg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.bg:before {
		-moz-transition: background-color 2.5s ease-in-out;
		-webkit-transition: background-color 2.5s ease-in-out;
		-ms-transition: background-color 2.5s ease-in-out;
		transition: background-color 2.5s ease-in-out;
		-moz-transition-delay: 0.75s;
		-webkit-transition-delay: 0.75s;
		-ms-transition-delay: 0.75s;
		transition-delay: 0.75s;
		background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../images/overlay.png");
		background-size: auto, 256px 256px;
		background-position: center, center;
		background-repeat: no-repeat, repeat;
		z-index: 2;
	}

	.bg:after {
		-moz-transform: scale(1.125);
		-webkit-transform: scale(1.125);
		-ms-transform: scale(1.125);
		transform: scale(1.125);
		-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
		-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
		-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
		transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
		background-image: url("../images/among.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 1;
	}

	body.is-preload .bg:before {
		background-color: #000000;
	}