:root {
	--body-bg: rgb(0,0,0);
	--body-color: #fff;
	--body-color-link: #be2f33;
	--body-text-align: left;
	--body-font-size: 16px;
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--label-font-size: 20px;
	--content-link: #252525;
	--content-link-hover: #000;
}
*:not(input):not(textarea):not(button){
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}
html {
	scroll-behavior: smooth;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	background-color: var(--body-bg);
	color: var(--body-color);
	text-align: var(--body-text-align);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
}

a{
	color: var(--body-color);
	text-decoration:none;
}
a:hover{
	color: var(--body-color-link);
}

h1{
	font-size:36px;
}
h2{
	font-size:32px;
}
h3{
	font-size:28px;
}
h4{
	font-size:24px;
}
h5{
	font-size:20px;
}
h6{
	font-size:18px;
}

.modal{
	color: var(--content-link);
}
.modal .modal-body{
	color: var(--content-link);
	font-size:20px;
}

section.content{
	width: 90%;
	color:#fff;
	margin: 0 auto;
}

@media (max-width: 600px) {
	section.content{
		width: 100%;
	}
}

section.content a{
	color:#fff
}
section.content a:hover{
	color: grey;
}

.logo{
	max-height:180px;
}

.list-group, .list-group-item{
	background-color: transparent;
	color: #fff;
}

.form-check-label{
	font-size: var(--label-font-size);
}

.text-right{
	text-align:right;
}

[type="radio"] {
	z-index: -1;
	position: absolute;
	opacity: 0;
}
[type="radio"]:checked ~ label {
	background-color: rgba(97, 154, 234, 0.16);
	color: #fff;
}
[type="radio"]:checked ~ label:before {
	will-change: transform, border-width, border-color;
	-webkit-animation: bubble 1s ease-in;
	animation: bubble 1s ease-in;
}
[type="radio"]:checked ~ label:after {
	will-change: opacity, box-shadow;
	-webkit-animation: sparkles 700ms ease-in-out;
	animation: sparkles 700ms ease-in-out;
}
[type="radio"]:checked ~ label > span.bull {
	will-change: transform;
	border: 0;
	background-image: linear-gradient(to top right, #0000ff, #0000ff);
	-webkit-animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
	animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
[type="radio"]:checked ~ label > span.bull:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background-color: #fff;
}

label {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 20px auto 100px;
	grid-gap: 20px;
	width: 100%;
	height: 80px;
	padding: 15px 20px;
	background-color: transparent;
	transition: all 300ms ease-in;
	cursor:pointer;
	border-radius: 10px;
}

label:before, label:after {
	position: absolute;
	left: 29px;
	border-radius: 50%;
	content: '';
}
label:before {
	margin: -2rem;
	border: solid 2rem #545461;
	width: 4rem;
	height: 4rem;
	transform: scale(0);
}
label:after {
	margin: -0.1875rem;
	width: 0.375rem;
	height: 0.375rem;
	box-shadow: 0.32476rem -2.6875rem 0 -0.1875rem #ff8080, -0.32476rem -2.3125rem 0 -0.1875rem #ffed80, 2.30366rem -1.42172rem 0 -0.1875rem #ffed80, 1.6055rem -1.69573rem 0 -0.1875rem #a4ff80, 2.54785rem 0.91464rem 0 -0.1875rem #a4ff80, 2.32679rem 0.19796rem 0 -0.1875rem #80ffc8, 0.87346rem 2.56226rem 0 -0.1875rem #80ffc8, 1.29595rem 1.94258rem 0 -0.1875rem #80c8ff, -1.45866rem 2.28045rem 0 -0.1875rem #80c8ff, -0.71076rem 2.2244rem 0 -0.1875rem #a480ff, -2.69238rem 0.28141rem 0 -0.1875rem #a480ff, -2.18226rem 0.8312rem 0 -0.1875rem #ff80ed, -1.89869rem -1.92954rem 0 -0.1875rem #ff80ed, -2.01047rem -1.18791rem 0 -0.1875rem #ff8080;
}
label > span.bull {
	position: relative;
	display: inline-flex;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #454861;
	background-image: linear-gradient(to bottom, #fff, #fff);
}

.option:not(:last-child) {
	margin-bottom: 4px;
}

@-webkit-keyframes radio {
	0%, 17.5% {
		transform: scale(0);
	}
}

@keyframes radio {
	0%, 17.5% {
		transform: scale(0);
	}
}

@-webkit-keyframes shine {
	from {
		transform: translateX(-70px) rotate(10deg);
	}
	to {
		transform: translateX(300px) rotate(10deg);
	}
}
@keyframes shine {
	from {
		transform: translateX(-70px) rotate(10deg);
	}
	to {
		transform: translateX(300px) rotate(10deg);
	}
}
@-webkit-keyframes bubble {
	15% {
		transform: scale(1);
		border-color: #545461;
		border-width: 2rem;
	}
	30%, 100% {
		transform: scale(1);
		border-color: #545461;
		border-width: 0;
	}
}
@keyframes bubble {
	15% {
		transform: scale(1);
		border-color: #545461;
		border-width: 2rem;
	}
	30%, 100% {
		transform: scale(1);
		border-color: #545461;
		border-width: 0;
	}
}
@-webkit-keyframes sparkles {
	0%, 10% {
		opacity: 0;
		transform: scale(0);
	}
	15% {
		opacity: 1;
		transform: scale(1.2) rotate(-20deg);
		box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
	}
}
@keyframes sparkles {
	0%, 10% {
		opacity: 0;
		transform: scale(0);
	}
	15% {
		opacity: 1;
		transform: scale(1.2) rotate(-20deg);
		box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
	}
}

.loading-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.loading-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #606060;
	border-color: #606060 transparent #606060 transparent;
	animation: loading-ring 1.2s linear infinite;
}
@keyframes loading-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes flickerAnimation {
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
.animate-flicker {
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	animation: flickerAnimation 1s infinite;
}
.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.standby_preloader{
	visibility:hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index:999998;

}
.logo-preloader{
	max-height:300px;
}
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index:999999;
}

.btn-sm{
	font-size:11px;
}
a.btn-outline-light{
	color: var(--body-color) !important;
}
a.btn-outline-light:hover{
	color: var(--content-link) !important;
}