:root {
	--maincolor: #40111A;
	--secondarycolor: #e4e4e4;
}

body {
	background: var(--secondarycolor);
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Arial';
}

a, a:visited, a:link {
	color: var(--maincolor);
	text-decoration: none;
}
a:hover,a.btn:hover {
	color: var(--maincolor);
	text-decoration: underline;
}
.carousel-item {
	padding:0 20px;
}

.carousel-indicators {
	bottom: auto;
	top: 2px;
	position: static;
	}
.carousel-indicators [data-bs-target] {
	opacity:0.2;
	box-sizing: border-box;
	width: 30px;
	height: 32px;
	line-height: 32px;
	color: white;
	border:0;
	text-indent:0;
	border-radius: 50%;
}
.carousel-indicators .active {opacity: 1;}

.carousel-dark .carousel-indicators [data-bs-target] {background-color: var(--maincolor);}

.required {position: relative;}

.required::after {
	content: '*';
	position: absolute;
	top: 14px;
	left: -7px;
	color: var(--maincolor);
	font-size: 25px;
	font-family: Comic Sans MS;
	transform: rotate(-12deg);
}

.mb-n2 {margin-bottom:-.5rem;}
.mb-n3 {margin-bottom:-1rem;}
.mb-n4 {margin-bottom:-2rem;}
.mb-n5 {margin-bottom:-3rem;}

.h1, .h2,.h3,.h4,h4 {
	color: var(--maincolor);
	text-transform:uppercase;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: var(--maincolor);
	border-color: var(--maincolor);
	opacity:0.3;
}

.form-check-input:checked {
	background-color: var(--maincolor);
	border-color: var(--maincolor);
}

.form-control {
	border-radius: 0;
	border: 0;
	box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.4) inset;
    margin: 0.3rem 0;
}

.btn-primary,a.btn-primary:visited, a.btn-primary:link {
	background: var(--maincolor);
	border-color: var(--maincolor);
	border-radius: 25px;
	color:white;
}
.btn-primary:hover {
	background: white;
	color: var(--maincolor);
	border-color: var(--maincolor);
}


.form-check-inline {
    vertical-align: top;
}