/* 20230425 */
@font-face {
	font-family: "Quicksand";
	src: url(../fonts/Quicksand-Light.ttf) format("truetype");
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: "Quicksand";
	src: url(../fonts/Quicksand-Regular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: "Quicksand";
	src: url(../fonts/Quicksand-Medium.ttf) format("truetype");
	font-style: normal;
	font-weight: 500;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: "Quicksand";
	src: url(../fonts/Quicksand-SemiBold.ttf) format("truetype");
	font-style: normal;
	font-weight: 600;
	font-stretch: normal;
	font-display: swap;
}
@font-face {
	font-family: "Quicksand";
	src: url(../fonts/Quicksand-Bold.ttf) format("truetype");
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
	font-display: swap;
}
body
, h2	{
	color: #fff;
	font-family: "Quicksand", Helvetica;
	font-weight: 300;
	font-size: 1rem;
}
a {
	color: inherit;
}
img	{
	height: auto;
	display: block;
	width: 100%;
	max-width: 100%;
}
ul	{
	padding-left: 1em;
}
.fs-small	{
	font-size: 1rem;
}
.fw-700	
, h3	{
	font-weight: 700;
}
h1
, h3	{
	font-size: 110%;
	line-height: 1rem;
	margin-bottom: 0;
}
h2	{
	margin-bottom: 0;
}
.circle	{
	border: 1px solid #000;
	border-radius: 50%;
	height: 40%;
	width: 40%;
}
.text-black	{
	color: #000;
}
.nobreak {
	white-space: nowrap;
}
.ratio>div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
a:hover img	{
	opacity: .6;
}
a .ratio:before	{
	
}
.ratio>div p {
	line-height: 1.2rem;
	margin-bottom: 0;
}
.bg-blue		{
	background-color: rgb(0, 87, 158);
}
.bg-red		{
	background-color: rgb(212, 31, 26);
}
.bg-gray		{
	background-color: rgb(97, 96, 101);
}
.bg-white		{
	color: #000;
}
.bg-black		{
	background-color: rgb(37,37,37)!important;
}
footer a.btn	{
	text-decoration: none;
}
footer a.btn:hover	{
	text-decoration: underline!important;
}
a
, a img	{
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	-o-transition: all 0.2s ease-in-out;
}
.headingreverse {
	display: flex;
	flex-direction: column-reverse;
}


/* @group animation */

	@-webkit-keyframes animatebackground {
	 	0% {
	        background-color: rgb(37,37,37);
	    }
	    19.85% {
	        background-color: rgb(37,37,37);
	    }
	    20% {
	        background-color: rgb(212, 31, 26);
	    }
	    20.15% {
	        background-color: rgb(37,37,37);
	    }
	    20.3% {
	        background-color: rgb(212, 31, 26);
	    }
	    50% {
	        background-color: rgb(212, 31, 26);
	    }
	    50.15% {
	        background-color: rgb(37,37,37);
	    }
	    50.3% {
	        background-color: rgb(212, 31, 26);
	    }
	    50.45% {
	        background-color: rgb(37,37,37);
	    }
	    50.6% {
	        background-color: rgb(0, 87, 158);
	    }
	    50.8% {
	        background-color: rgb(37,37,37);
	    }
	    51% {
	        background-color: rgb(0, 87, 158);
	    }
	    75% {
	        background-color: rgb(0, 87, 158);
	    }
	    75.2% {
	        background-color: rgb(37,37,37);
	    }
	    75.4% {
	        background-color: rgb(37,37,37);
	    }
	    75.55% {
	        background-color: rgb(0, 87, 158);
	    }
	    75.7% {
	        background-color: rgb(37,37,37);
	    }
	    75.85% {
	        background-color: rgb(212, 31, 26);
	    }
	    99.6% {
	        background-color: rgb(212, 31, 26);
	    }
	    99.75% {
	        background-color: rgb(37,37,37);
	    }
	    99.9% {
	        background-color: rgb(212, 31, 26);
	    }
	    100% {
	        background-color: rgb(37,37,37);
	    }
	}
	/* @group animation */

	@-webkit-keyframes animateflickerblack {
	 	0% {
	        background-color: rgb(37,37,37);
	    }
	    50% {
	        background-color: rgb(37,37,37);
	    }
	    50.15% {
	        background-color: rgb(212, 31, 26);
	    }
	    50.3% {
	        background-color: rgb(37,37,37);
	    }
	    50.45% {
	        background-color: rgb(212, 31, 26);
	    }
	    51.6% {
	        background-color: rgb(212, 31, 26);
	    }
	    51.65% {
	        background-color: rgb(37,37,37);
	    }
	    51.7% {
	        background-color: rgb(212, 31, 26);
	    }
	    52% {
	        background-color: rgb(212, 31, 26);
	    }
	    52.15% {
	        background-color: rgb(255,255,255);
	    }
	    52.3% {
	        background-color: rgb(255,255,255);
	    }
	    52.45% {
	        background-color: rgb(37,37,37);
	    }
	    69% {
	        background-color: rgb(37,37,37);
	    }
	    69.15% {
	        background-color: rgb(212, 31, 26);
	    }
	    69.3% {
	        background-color: rgb(37,37,37);
	    }
	    69.45% {
	        background-color: rgb(212, 31, 26);
	    }
	    69.6% {
	        background-color: rgb(212, 31, 26);
	    }
	    69.65% {
	        background-color: rgb(37,37,37);
	    }
	    69.7% {
	        background-color: rgb(212, 31, 26);
	    }
	    70% {
	        background-color: rgb(37,37,37);
	    }
	    100% {
	        background-color: rgb(37,37,37);
	    }
	}
	.bga-black	{
		background-color: rgb(37,37,37);
	    -webkit-animation: animatebackground 20s linear infinite;
	    -moz-animation: animatebackground 20s linear infinite;
	    animation: animatebackground 20s linear infinite;
		animation-delay: 3s;
	}
	.bga-flicker-black	{
		background-color: rgb(37,37,37);
	    -webkit-animation: animateflickerblack 20s linear infinite;
	    -moz-animation: animateflickerblack 20s linear infinite;
	    animation: animateflickerblack 20s linear infinite;
		animation-delay: 3s;
	}


/* @end */

@media (max-device-width:768px) {
	body
	, h2
	, h3	{
		font-size: 1.1rem;
	}	
	h2
	, h3	{
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
	.ratio>div p	{
		line-height: 1.2rem;
	}
	.ratio>div {
/*	    padding: 10px 10px;*/
	}
}