body, button, input, select, textarea {
	font-family:'Segoe UI Regular', 'Open Sans', sans-serif !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px;
}
body {
	 overflow-x: hidden !important; /* Hide horizontal scrollbar */
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.art1 {
	position: absolute; 
	left: 0px; 
	top: 100px; 
	opacity: 0.3;
        -webkit-animation: art1pulse 30s infinite;
        -moz-animation: art1pulse 30s infinite;
        -o-animation: art1pulse 30s infinite;
        animation: art1pulse 30s infinite;

}

.art2 {
	position: absolute; 
	right: 0px; 
	top: -100px; 
	opacity: 0.3; 
	transform: rotate(180deg);
	-webkit-animation: art2pulse 30s infinite;
	-moz-animation: art2pulse 30s infinite;
	-o-animation: art2pulse 30s infinite;
	animation: art2pulse 30s infinite;
}

@keyframes art1pulse {
	from {
		position: absolute;
		left: 0px;
		top: 100px;
		opacity: 0.3;
		transform: rotate(0deg);
	}
	50% {
		position: absolute;
		left: -200px;
		top: 50px;
		opacity: 0.3;
		transform: rotate(20deg);
	}
	to {
		position: absolute;
		left: 0px;
		top: 100px;
		opacity: 0.3;
		transform: rotate(0deg);
	}
}

@keyframes art2pulse {
    from {
	/*
	transform : scale(1);
	opacity   : 1;
	*/
	position: absolute;
	right: 0px;
	top: -100px;
	opacity: 0.3;
	scale(1);
	transform: rotate(180deg);

    }
    50% {
	/*
	transform : scale(0.75);
	opacity   : 0.25;
	*/
	position: absolute;
	right: -100px;
	top: -100px;
	opacity: 0.3;
	scale(0.75);
	transform: rotate(170deg);
    }
    to {
	/*
	transform : scale(1);
	opacity   : 1;
	*/
	position: absolute;
	right: 0px;
	top: -100px;
	opacity: 0.3;
	scale(1);
	transform: rotate(180deg);

    }
}

.pagefooter {
	position: relative;
	z-index: 999;
	background-color: #222222;
	color: #8f9194;
	padding-top: 40px;
	padding-bottom: 10px;
}

.pagefooter h3 {
	font-size: 20px; color: #FFFFFF; font-weight: 400;
}

.footermenu {
	display: block;
	position: relative;
	margin: 9px 0 0;
	padding: 10px 0 0;

}

.footermenu li {
	border-style: solid;
	border-width: 1px;
	border-color: rgba(143,145,148,0.15);
	border-left: none;
	border-right: none;
	border-bottom: none;
	list-style-type: none;
	font-size: 16px;
}

.footerlink {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #8f9194;
}

.footerlink a:link {
	color: #8f9194;
}
.footerlink a:hover {
	color: #FFFFFF;
}
.footerlink a:visited {
	color: #8f9194;
}

.bg-dark {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(7,150,198,1) 0%, rgba(81,230,143,1) 100%) !important;
}