body {
	color: #010101;
	background-color: #000;
	font-family: 'Roboto', sans-serif;
}

a {
	transition: all 220ms ease-in-out;
}

a:hover {
	text-decoration: none;
	color: #dc3545;
}

.hide {
	display: none !important;
}

#loader {
	left: 0;
	line-height: 200px;
	margin-top: -100px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

.spinner-border {
	border-width: 0.5em;
}

.orange {
	color: rgb(254, 133, 62);
}

.red {
	color: #ce180b;
}

#content-wrapper {
	animation: fadein 500ms;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

footer {
	padding-bottom: 100px !important;
}

.dropdown-toggle::after {
	content: none;
}

.dropdown-menu {
	min-width: 30px;
	background-color: rgba(0, 0, 0, 0.55);
}

#lang-flags {
	background-color: rgba(0, 0, 0, 0.45);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 16;
	border: 0;
	border-bottom-left-radius: 8px;
	padding: 1px;
}

#lang-dropdown {
	padding: 0 15px;
}

#lang-flags .dropdown-item {
	color: #ffffff;
}

#lang-flags .dropdown-item:hover {
	color: #242424;
}

#lang-flags .btn.focus,
#lang-flags .btn:focus {
	outline: 0;
	box-shadow: none;
}

#lang-flags a img {
	line-height: 30px;
	width: 30px;
	height: 15px;
	border-radius: 3px;
	transition: all 400ms;
}

#cookies-desc {
	margin: 0 15px 0 0;
	position: fixed;
	bottom: 15px;
	left: 15px;
	border-radius: 6px;
	font-size: 0.735rem;
	color: #ccc;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 12;
	transition: all 500ms ease-in;
}

#cookies-desc p {
	margin: 0;
}

#cookies-desc p a {
	font-weight: 400;
	text-decoration: none;
	color: #0095ff;
	transition: none;
}

#cookies-desc button {
	background-color: rgba(150, 150, 150, 0);
	border: 0;
	border-radius: 15px;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #fff;
	margin: 0;
	padding: 0 3px;
	transition: all 225ms;
	outline: none;
}

#cookies-desc button:hover {
	background-color: rgba(255, 255, 255, 0.9);
	color: #000;
}

#cookies-desc p a:hover {
	color: #fff;
	text-decoration: underline;
}

.container {
	max-width: 1280px;
}

.modal-header,
.modal-footer {
	border: 0px;
}

.modal {
	background-color: rgba(0, 0, 0, 0.4);
}

.info-modal {
	min-height: 85vh;
}

.info-modal .modal-content button {
	position: relative;
	right: -0.75rem;
	top: -0.75rem;
	background-color: #000;
	opacity: 1;
	border-radius: 0.85rem;
	border: 2px solid #fff;
	color: #fff;
	width: 1.7rem;
	height: 1.7rem;
	text-shadow: none;
	transition: all 220ms;
	vertical-align: middle;
	outline: 0;
}

.info-modal .modal-content button:hover {
	background-color: #fff;
	border-color: #000;
	color: #000;
	opacity: 1 !important;
}

.info-modal iframe {
	width: 100%;
	min-height: 80vh;
	border: 0px;
}

/*
 * Extra utilities
 */

.flex-equal>* {
	-ms-flex: 1;
	flex: 1;
}

@media (min-width: 768px) {
	.flex-md-equal>* {
		-ms-flex: 1;
		flex: 1;
	}
}

.overflow-hidden {
	overflow: hidden;
}

/* FONTS AND FONT SIZES */

.featuresRow h2,
.featuresRow h4,
#registerModalLabel,
.cta-container h3,
#community-container h3,
#news-cards h3,
#press-link,
#dlc-container h3 {
	font-family: 'Noto Sans', sans-serif;
}

.featuresRow p {
	font-family: 'Noto Sans', sans-serif;
}

.featuresRow h2,
#registerModalLabel {
	font-size: 1.8rem;
}

#date-wrapper h1,
#discord-cta-container h3,
.cta-container h3,
.btn-pattern-orange,
#steam-cta-btn,
.featuresRow h2,
#fixed-cta-btn,
#demo-subheader {
	font-family: 'Germania One', cursive;
}

#registerModalLabel {
	color: black;
}

.featuresRow h2 {
	text-transform: capitalize;
}

.cta-container h3,
#community-container h3,
#news-cards h3,
#dlc-container h3 {
	font-size: 2.2rem;
}

.featuresRow h4 {
	display: inline;
	font-size: 1.1rem;
}

.featuresRow p {
	line-height: 1.6;
	font-size: 1rem;
}

@media (min-width: 512px) {
	.featuresRow p {
		font-size: 1.2rem;
	}

	.featuresRow h4 {
		font-size: 1.2rem;
	}

	.featuresRow h2 {
		font-size: 1.6rem;
	}
}

@media (min-width: 992px) {
	.featuresRow p {
		font-size: 1.6rem;
	}

	.featuresRow h4 {
		font-size: 1.8rem;
	}

	.featuresRow h2,
	.cta-container h3,
	#community-container h3 {
		font-size: 2rem;
	}
}

@media (min-width: 1200px) {
	.featuresRow p {
		font-size: 1.8rem;
	}

	.featuresRow h4 {
		font-size: 2rem;
	}

	.featuresRow h2,
	.cta-container h3 {
		font-size: 2.6rem;
	}
}

#page-footer p {
	font-size: 0.7rem;
}

/* BUTTONS */
.btn-horizontal-blue {
	color: #fff;
	background: linear-gradient(#0062cc,
			#0062cc 50%,
			#004C9E 50%,
			#004C9E 100%);
	border: 0px solid #0062cc;
	border-radius: 7px;
	box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, .3);
	text-transform: capitalize;
	transition: all 220ms linear;
}

.btn-horizontal-blue:hover {
	color: #fff;
	background: linear-gradient(#0095EB,
			#0095EB 50%,
			#0078BD 50%,
			#0078BD 100%);
	border-color: #0062cc;
	box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, .5);
}

.btn-pattern-orange {
	background-color: #010333;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230950dd'/%3E%3Cstop offset='1' stop-color='%23010333'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%232486ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232486ff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	background-position: center bottom;
	border-radius: 10px;
	border: 0px;
	transition: all 220ms linear;
}

.btn-pattern-orange:hover {
	background-color: #570303;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e05200'/%3E%3Cstop offset='1' stop-color='%23570303'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23ffbf00' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffbf00' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.26'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
	box-shadow: 0 0 10px 0.6rem rgba(200, 0, 0, .8);
}

.btn-discord {
	font-family: 'Pirata One', cursive !important;
	background-color: #7289DA;
	border-radius: 10px;
	border: 4px solid #7289DA;
	transition: all 220ms linear;
}

.btn-discord:hover {
	background-color: #2C2F33;
	border-color: #7289DA;
}

.btn-discord svg {
	fill: #fff;
	width: 300px;
	transition: all 220ms linear;
}

@media(max-width: 575.98px) {
	.btn-discord svg {
		width: 220px;
	}
}

.btn-discord:hover svg {
	fill: #7289DA;
}

footer .btn-outline-light {
	color: #b2b2b2;
	border-color: #b2b2b2;
}

#request-btn img {
	width: 25px;
	filter: brightness(80%);
	transition: filter .15s ease-in-out;
}

#request-btn:hover img {
	filter: invert(100%);
}

/* SITE HEADER */

.jumbotron {
	position: relative;
	height: 95vw;
	max-height: 110vh;
	overflow: hidden;
	background-color: none;
	/* -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 10%);
	mask-image: linear-gradient(0deg, transparent 0, #000 10%); */
}

.jumbotron:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	width: 100%;
	height: 8em;
}

.vimeo-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	background-image: url("../images/bgs/video-bg.jpg");
	background-size: cover;
	background-position: bottom left;
}

.vimeo-wrapper video {
	width: 100vw;
	height: 56.25vw;
	min-height: 100%;
	min-width: 177.77%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

@media (max-width: 767.95px) {
	.vimeo-wrapper video {
		display: none !important;
	}
}

@media (max-width: 150vh) {
	.vimeo-wrapper video {
		left: 66%;
	}
}

@media (max-width: 120vh) {
	.vimeo-wrapper video {
		left: 82%;
	}
}

#main-logo {
	display: inline-block;
}

#main-logo img {
	max-width: 50vw;
}

@media (max-width: 1599.98px) {
	#main-logo {
		top: 10px;
		left: 40px;
	}
}

@media (max-width: 991.98px) {
	#main-logo {
		top: 10px;
		left: 25px;
	}

	#main-logo img {
		max-width: 45vw;
	}
}

@media (max-width: 767.98px) {
	#main-logo {
		top: 10px;
		left: 10px;
	}

	#main-logo img {
		max-width: 50vw;
	}
}

@media (max-width: 575.98px) {
	#main-logo {
		top: 5px;
		left: 5px;
	}
}

@media (min-width: 175vh) {
	#main-logo img {
		max-width: 50vw;
	}
}

#date-cta-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20%;
	z-index: 10;
}

#date-wrapper h1 {
	color: #fff;
	font-size: 4.2rem;
	white-space: nowrap;
	text-shadow: 0 5px rgba(0, 0, 0, 0.95);
}

@media (max-width: 911.98px) {
	#date-cta-wrapper {
		bottom: 35%;
	}

	#date-wrapper h1 {
		text-shadow:
			3px 3px 0 #000,
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	}
}

@media (max-width: 767.98px) {

	/* #date-cta-wrapper {
		bottom: 70px;
	} */
	#date-wrapper h1 {
		font-size: 3rem;
	}
}

@media (max-width: 575.98px) {
	#date-cta-wrapper {
		bottom: 50px;
	}

	#date-wrapper h1 {
		font-size: 2.4rem;
	}
}

#cta-wrapper {
	/* position: absolute;
	left: 0;
	right: 0;
	bottom: 15%; */
	z-index: 11;
}

.cta-btn {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	position: relative;
	display: inline-block;
	color: white;
	border-radius: 8px;
	transition: all 150ms linear;
}

#steam-cta-btn,
#steam-dlc-btn,
#fixed-cta-btn {
	background: linear-gradient(0deg, rgba(248, 68, 48, 0.9), rgba(206, 24, 11, 0.9));
}

#steam-cta-btn {
	padding: 15px 35px;
}

#demo-subheader {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px 25px;
	display: inline-block;
	font-size: 1.4rem;
	position: relative;
	color: white;
	border-radius: 0 0 8px 8px;
	border: 2px solid white;
	border-top: 0;
	transition: all 150ms linear;
	z-index: 1;
}

.carousel-caption {
	bottom: 5px;
	padding-bottom: 5px;
}

.carousel-caption img {
	transform: scale(0.9, 0.9);
}

#steam-dlc-btn,
#gog-dlc-btn {
	padding: 15px 15px;
}

@media (max-width: 992.98px) {

	#steam-dlc-btn,
	#gog-dlc-btn {
		padding: 7px 7px;
	}

	.carousel-caption img {
		transform: scale(0.7, 0.7);
	}
}

@media (max-width: 767.98px) {

	#steam-dlc-btn,
	#gog-dlc-btn {
		padding: 1px;
	}

	.carousel-caption {
		right: auto;
		left: 25px;
		bottom: 4px;
		padding-bottom: 0;
	}

	.carousel-caption img {
		transform: scale(0.5, 0.5);
	}
}

@media (max-width: 511.98px) {

	#steam-dlc-btn,
	#gog-dlc-btn {
		padding: 0;
	}

	.carousel-caption {
		right: auto;
		left: 10px;
		bottom: 2px;
		padding-bottom: 0;
	}
}

#gog-cta-btn,
#gog-dlc-btn {
	background: linear-gradient(220deg, rgba(137, 14, 185, 0.9), rgba(124, 8, 219, 0.9));
}

#gog-cta-btn {
	padding: 15px 35px;
}

.cta-btn a,
.cta-btn a:hover {
	color: white;
}

.cta-btn:hover {
	cursor: pointer;
}

#steam-cta-btn:hover,
#steam-dlc-btn:hover,
#fixed-cta-btn:hover {
	background: linear-gradient(0deg, rgb(248 67 48), rgb(206 24 11));
	/* box-shadow: 0 0 5px 5px rgba(251, 123, 50, .6); */
	transform: scale(1.03);
}

#gog-cta-btn:hover,
#gog-dlc-btn:hover {
	box-shadow: 0 0 5px 5px rgba(173, 25, 231, 0.87);
}

@media (max-width: 767.98px) {
	#steam-cta-btn {
		padding: 15px 36.5px;
	}
}

@media (max-width: 511.98px) {
	.cta-btn img {
		width: 40px;
	}

	#steam-cta-btn,
	#gog-cta-btn {
		padding: 2px 30px;
		height: 55px;
	}
}

#awards-wrapper {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 12%;
	z-index: 11;
}

#screenshot-sticker {
	position: absolute;
	bottom: 15%;
	left: 73%;
	right: 3%;
	/* width: 18%; */
	z-index: 12;
	max-width: 528px;
}

#screenshot-sticker video {
	max-width: 520px;
	width: 100%;
	height: 100%;
	display: flex;
}

#screenshot-sticker span {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	transform: translate(-50%, -50%) scale(.8);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

#screenshot-sticker span img {
	height: 100px;
	margin-left: 10%;
	width: auto;
	transition: all .3s ease;
	opacity: 0.8;
}

@media (max-width: 1023.98px) {
	#awards-wrapper {
		width: 20%;
		bottom: 57%;
	}
}

@media (max-width: 911.98px) {
	#screenshot-sticker {
		left: 33%;
		right: 33%;
		bottom: 13%;
	}
}



@media (max-width: 911.98px) and (max-height: 729.98px) {
	#screenshot-sticker {
		display: none !important;
	}

	#date-cta-wrapper {
		bottom: 20%;
	}
}

/* SCREENSHOTS AND TRAILER */

#trailerModal .modal-dialog {
	max-width: 70vw;
	max-height: 70vh;
}

@media (max-width: 575.98px) {
	#trailerModal .modal-dialog {
		max-width: 100vw;
		margin: .5rem 0;
	}
}

.img-thumbnail {
	border: 0;
	background-color: rgba(206, 24, 11, 0.502);
	transition: all 320ms linear;
}

.img-thumbnail:hover {
	background-color: rgba(206, 24, 11, .85);
}

.screenshot-thumbnail {
	border-radius: 4px;
	overflow: hidden;
}

.screenshot-thumbnail:hover {
	cursor: pointer;
}

#screenshot-sticker video {
	transition: all 320ms linear;
}

#screenshot-sticker a:hover video,
#screenshot-sticker a:hover img {
	transform: scale(1.1);
}

#screenshot-sticker a:hover img {
	opacity: 1;
}

.carousel-img-thumb {
	overflow: hidden;
}

.carousel-indicators li {
	width: 8px;
	height: 8px;
	background-color: #f00;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 50%;
}

.feature-text-right img,
.feature-text-left img {
	margin: 0 auto;
}

.carousel-img-wrapper>img {
	max-width: 720px;
	max-height: 405px;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-next,
.carousel-control-prev {
	opacity: .7;
}

.carousel-control-prev {
	justify-content: start;
}

.carousel-control-next {
	justify-content: end;
}

.feature-text-left,
.feature-text-right {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 15px;
}

.feature-text-left {
	padding-left: 25px;
	padding-right: 45px;
	right: -35px;
}

.feature-text-right {
	padding-left: 45px;
	padding-right: 25px;
	left: -35px;
}

@media (max-width: 767.98px) {

	.feature-text-left,
	.feature-text-right {
		position: relative;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		padding: 15px 10px 20px 10px;
		border-radius: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		right: 0;
		left: 0;
		bottom: -10px;
	}
}

#dlc-container {
	padding: 0;
}

#dlc-carousel {
	border-radius: 20px;
	overflow: hidden;
}

@media (max-width: 911.98px) {
	#dlc-carousel {
		border-radius: 10px;
		overflow: hidden;
	}
}

#dlc-carousel .carousel-indicators {
	left: auto;
	margin-right: 10%;
	margin-bottom: 0.5rem;
}

/* NEWS AND SUBSCRIBE CTA STYLES */

#signup-cta-container {
	margin: -18px 0;
}

.mask-top {
	padding-top: 80px;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 7%);
	mask-image: linear-gradient(180deg, transparent 0, #000 7%);
}

#news-container {
	position: relative;
	border-bottom: none;
}

#news-cards .card-body {
	min-height: 382px;
}

#news-cards .card,
#news-cards .card-img-wrapper {
	overflow: hidden;
	background: linear-gradient(180deg, #ffffff, rgba(204, 204, 204, 0.7));
	border: 0;
	z-index: 1;
}

#news-cards .card:hover {
	box-shadow: 0px 0px 3px 5px rgb(206, 24, 11);
}

#news-cards .card::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: none;
	background-color: #fff;
	opacity: 0.7;
}

#news-cards .card:hover::before {
	opacity: 1;
}

#news-cards a {
	color: black;
	font-weight: bold;
}

#news-cards .modal a:hover {
	color: red;
}

#news-cards .btn-outline-dark:hover {
	color: white;
}

#news-cards .btn {
	font-weight: initial;
}

#news-cards .card,
#news-cards .card::before,
#news-cards .card img {
	transition: all 225ms ease-in;
}

.subscribe-btn {
	font-size: 2rem;
}

.btn-orange {
	color: #fff;
	background-color: #ce180b;
	border-color: #ce180b;
}

@media (min-width: 512px) {
	.subscribe-btn {
		font-size: 2.9rem;
	}
}

#registerModal .modal-content,
#trailerModal .modal-content {
	background-color: rgba(220, 220, 220, 0.95);
	border: 0px solid #ccc;
	border-radius: 10px;
}

/* Subscribe form styles */

#registerModal input[type=email] {
	width: 50%;
}

@media (max-width: 991.98px) {
	#registerModal input[type=email] {
		width: 75%;
	}
}

@media (max-width: 575.98px) {
	#registerModal input[type=email] {
		width: 100%;
	}
}

#registerModal input[type=checkbox]+label {
	display: block;
	margin: 0.2em;
	cursor: pointer;
	padding: 0.1em;
}

#registerModal input[type=checkbox] {
	display: none;
}

#registerModal input[type=checkbox]+label:before {
	content: "\2714";
	border: 0.1em solid #000;
	border-radius: 0.2em;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.2em;
	vertical-align: middle;
	color: transparent;
	transition: .2s;
}

#registerModal input[type=checkbox]+label:active:before {
	transform: scale(0);
}

#registerModal input[type=checkbox]:checked+label:before {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

#registerModal input[type=checkbox]:disabled+label:before {
	transform: scale(1);
	border-color: #aaa;
}

#registerModal input[type=checkbox]:checked:disabled+label:before {
	transform: scale(1);
	background-color: #bfb;
	border-color: #bfb;
}

#community-container {
	/* border-top: 1px solid rgb(192 103 13); */
	border-bottom: 1px solid #ce180b;
	background-color: black;
}

#community-container h3 {
	color: white;
}

@media (max-width: 767.98px) {
	#press-link {
		padding-top: 0;
	}
}

#social-icons svg {
	fill: #879198;
	width: 60px;
	margin-left: 15px;
	transition: all 200ms ease-in-out;
}

@media (max-width: 399.98px) {
	#social-icons svg {
		width: 50px;
	}
}

#social-icons svg:hover {
	fill: #D28A0F;
}

#social-icons .fb-icon:hover {
	fill: #4267B2;
}

#social-icons .twitter-icon:hover {
	fill: #ffffff;
}

#social-icons .youtube-icon:hover {
	fill: #FF0000;
}

#social-icons .steam-icon:hover {
	fill: #377096;
}

#social-icons .instagram-icon:hover {
	fill: #C72D8F;
}

#social-icons .discord-icon:hover {
	fill: #7289DA;
}

#social-icons .bluesky-icon:hover {
	fill: #0886FE;
}

#social-icons .tiktok-icon:hover {
	fill: #000;
	filter:
		drop-shadow(2px 2px 0 #ff0050) drop-shadow(-2px -2px 0 #00f2ea);
}

/* FOOTER STYLES */
footer {
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%);
	mask-image: linear-gradient(180deg, transparent 0, #000 10%);
	background-color: #010101 !important;
}

footer .text-muted {
	color: #879198 !important;
}

footer img {
	max-height: 60px;
}

#press-link {
	line-height: 1;
	vertical-align: top;
	font-size: 3rem;
	padding-top: 30px;
}

#press-link a {
	color: #879198;
	transition: all 200ms ease-in-out;
}

#press-link a:hover {
	color: #D28A0F;
}

.gray-img-link img {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	transition: all 150ms linear;
}

.gray-img-link img:hover {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.bright-img-link img {
	-webkit-filter: brightness(0.7);
	/* Safari 6.0 - 9.0 */
	filter: brightness(0.7);
	transition: all 150ms linear;
}

.bright-img-link img:hover {
	-webkit-filter: brightness(1);
	/* Safari 6.0 - 9.0 */
	filter: brightness(1);
}

#footer-text-links p a {
	color: #ce180b;
	transition: all 150ms linear;
}

#footer-text-links p a:hover {
	color: white;
	text-decoration: underline;
}

/*BACKGROUND PATTERNS*/

.bubble-bg {
	/* background by SVGBackgrounds.com */
	background-color: #550000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23550000' cx='50' cy='0' r='50'/%3E%3Cg fill='%23510000' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%234d0000' cx='50' cy='100' r='50'/%3E%3Cg fill='%23480000' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23440000' cx='50' cy='200' r='50'/%3E%3Cg fill='%23400000' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%233c0000' cx='50' cy='300' r='50'/%3E%3Cg fill='%23370000' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23330000' cx='50' cy='400' r='50'/%3E%3Cg fill='%232f0000' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%232b0000' cx='50' cy='500' r='50'/%3E%3Cg fill='%23260000' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23220000' cx='50' cy='600' r='50'/%3E%3Cg fill='%231e0000' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%231a0000' cx='50' cy='700' r='50'/%3E%3Cg fill='%23150000' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23110000' cx='50' cy='800' r='50'/%3E%3Cg fill='%230d0000' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23090000' cx='50' cy='900' r='50'/%3E%3Cg fill='%23040000' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23000000' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	box-shadow: 0px 0px 35px 10px rgba(33, 33, 33, 0.6) inset;
	border-top: 3px solid #000;
}

.clouds-bg {
	/* background by heropatterns.com*/
	background-color: #420707;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23000000' fill-opacity='0.45' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
}

.diamond-bg {
	/* background by SVGBackgrounds.com */
	background-color: #0a0a0a;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='606' height='505' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.04'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}

.stone-bg {
	/*Free Faux Stones SVG provided by SVGeez.com - CC 4.0 License - © 2019 Megan Young */
	background-color: rgba(26, 26, 26, 1);
	fill: rgb(13, 0, 0);
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' fill-opacity='1' style='enable-background:new 0 0 500 500'%3E%3Cstyle%3E .st0{fill:rgb(13, 0, 0)} %3C/style%3E%3Cpath class='st0' d='M165.5 156.5c0 2-3 13-6 20s-7 10-4 12 18-3 21 0 43 19 48 22 21 11 21 11 59 11 64 12 10 4 10 4l3-3v-41-15L321 172l-6.5-8.5s-6-4-9-7-7-7-9-7-6.5-3.5-9.5-6.5l-15-15s-21-13-24-13-26.5 6.5-32.5 10.5-23 12-24 14-10 7-13 9-13 8-13 8z'/%3E%3Cpath class='st0' d='M130 207v30s2 26 3 30 4 19 4 21 3 19 4 23-1 12 3 12 17-5 20-6 9-3 17-5 29-8 34-11l10-6s2 4 9 0 13-4 13-9-3-48-3-49-1-10-3-11-31-15-38-19-10-5-14-7-8-3-13-4-31 0-35 0-11 1-11 4v7zM252 228s26 6 33 6 12 0 15 3l7 7h9s12 6 12 9 9 20 9 23 3 21 3 21-9 20-12 23-14 15-14 15l-11 30s-4 2-7 0-9-6-13-6-21-4-25-5-3-17-4-23-.6-68.1-.6-68.1l-4-23S246 229 247 228s5 0 5 0zM245.7 301.3c-1-2.5-3.7-3.9-6.3-3.2-2.8.8-6.3 1.8-8.4 2.9-4 2-13 6-16 7-1.7.6-4.1 1.8-5.8 2.7-1.4.8-2.4 2.1-2.7 3.7l-5.3 28.5c-.1.6-.3 1.2-.6 1.7-.8 1.3-2.1 4.1-.6 6.3 1.4 2.1 4.9 3.8 6.7 4.5.8.3 1.6.4 2.5.4l36.1-3.5c2.4-.2 4.4-2.1 4.8-4.5.3-1.9-1.7-10.5-2.1-13.8-.6-4.9 0-12.2-1-21.6-.5-4.5-.8-8.1-1-9.6 0-.6-.1-1-.3-1.5zM334 163s26-9 30-9 6-3 8-2 18 23 20 30 9 22 12 26 8 8 13 16 12 10 8 13-29 10-35 14-11 8-14 9-1 2-6 1-35-14-38-19-3-2-4-8-1-65-1-65l7-6zM226 358s6-1 11-1h12c3 0 10 2 15 3s19 2 23 5 8 5 8 5-6 24-7 26-3 5-6 6-12-6-16-10-17-12-23-16-19-13-19-13l2-5zM330 324s-11 15-13 20-5 12-6 15-6 11-6 16-4 10-6 14-5 10-7 15-4 6-1 8 15 8 19 13 8 8 13 10 10 0 14-3 30-14 34-16 14-22 17-28 4-7 6-11 3-7 6-11 3-5 5-9 2-5 4-9 3-10 1-11-23-1-30 0-18-6-25-6-18-4-18-4-2-7-4-6-3 3-3 3zM388 260s12-4 22-9 7-3 16-7 5-5 17-10 15-6 17-8 3-4 12-7 5-1 11-4 9-8 11-10 6-5 8-6 8 5 10 9-2 9-5 27-4 30-8 37-2 9-9 17-13 17-13 17-3 10-4 13-1 6-5 8-33 6-36 5-7-2-11-12-6-18-12-25-11-13-13-14-10-8-11-11-9-5-4-8 7-2 7-2zM286 135s18 8 27 16 13 11 16 9 41-13 43-17 28-54 31-60 4-17 8-25 15-37 17-41 3-7 3-13v-17c0-3-46-14-61-15s-30 1-34 8-3 11-7 19-4 23-8 31-28 83-29 89-6 16-6 16z'/%3E%3Cpath class='st0' d='M414 81s-39 62-36 67 33 53 37 61 5 8 7 12 3 10 8 9 10-3 14-7 10-4 17-7 18-6 18-6 5 1 10-4 7-7 15-18 18-8 15-33-9-55-9-55-16-13-20-17-9-10-14-10-62 8-62 8zM192 411c6-4 14-7 18-9s16-7 22-10 11-6 11-6l8-1s35 27 49 38 19 16 19 16-12 11-17 16-20 17-22 20-4 5-6 6-7-6-12-10-8-7-10-6-1-1-7-6-14-12-17-15-26-19-29-23-7-10-7-10zM347 276c10-5 12-8 17-8s10 0 12 2 11 8 16 16 13 8 15 17 11 21 10 25-2 4-6 5-26-1-30-2-4-1-10-3-2-4-11-3l-9 1s-3-1-6-4-9-6-9-6 4 0 6-6 6-13 6-19-1-15-1-15zM337.2 260c-.9-2.8 2.2-5.2 4.7-3.6 1.2.8 3.6.6 5.1 1.6 8 5 8 2 9 4s1.6 4.9-4 7c-8 3-14 5-13 1 .5-1.8-.6-6-1.8-10zM-86 81s-39 62-36 67 33 53 37 61 5 8 7 12 3 10 8 9 10-3 14-7 10-4 17-7 18-6 18-6 5 1 10-4 7-7 15-18 18-8 15-33-9-55-9-55-16-13-20-17-9-10-14-10-62 8-62 8z'/%3E%3Cpath class='st0' d='M-112 260s12-4 22-9 7-3 16-7 5-5 17-10 15-6 17-8 3-4 12-7 5-1 11-4 9-8 11-10 6-5 8-6 8 5 10 9-2 9-5 27-4 30-8 37-2 9-9 17-13 17-13 17-3 10-4 13-1 6-5 8-33 6-36 5-7-2-11-12-6-18-12-25-11-13-13-14-10-8-11-11-9-5-4-8 7-2 7-2zM286 635s18 8 27 16 13 11 16 9 41-13 43-17 28-54 31-60 4-17 8-25 15-37 17-41 3-7 3-13v-17c0-3-46-14-61-15s-30 1-34 8-3 11-7 19-4 23-8 31-28 83-29 89-6 16-6 16zM416 339c-3 2-5 10-5 10s0 6-1 9-7 5-6 9-9 19-16 34-11 15-8 19 20 14 30 18 29 8 38 15 15 16 18 19 4 4 8 9 1-1 13 12 1 18 12 18 33-43 33-43-19-68-21-74-4-12-9-19-11-7-18-20-17-21-19-21-49 5-49 5z'/%3E%3Cpath class='st0' d='M372 423s12 10 22 14 22 4 27 9 16 10 16 10 11 1 9 6-8 7-8 9-5 12-5 12-26-11-36-13-18-3-24-7-10-12-10-12l9-28zM416-161c-3 2-5 10-5 10s0 6-1 9-7 5-6 9-9 19-16 34-11 15-8 19 20 14 30 18 29 8 38 15 15 16 18 19 4 4 8 9 1-1 13 12 1 18 12 18 33-43 33-43-19-68-21-74-4-12-9-19-11-7-18-20-17-21-19-21-49 5-49 5zM-84 339c-3 2-5 10-5 10s0 6-1 9-7 5-6 9-9 19-16 34-11 15-8 19 20 14 30 18 29 8 38 15 15 16 18 19 4 4 8 9 1-1 13 12 1 18 12 18 33-43 33-43-19-68-21-74-4-12-9-19-11-7-18-20-17-21-19-21-49 5-49 5zM214 60l-7 5 2 8s8 12 22 21l14 9 12 5 16 16 10 5 29-102-23-9-47-6-14 27-14 21zM197 71l-32 39s-1 4-5 9-7 7-9 10-8 6-1 8 11-2 19-2h18s5-4 12-7 19-10 24-12 15-3 16-7-4-7-4-7-11-8-13-10-17-9-18-14-7-7-7-7zM315 20c1-2 3-8 3-8s2-9 3-10 6-15 6-15 3-9 2-12-26-7-31-6-22 2-28 4-19 9-21 13-2 16-2 16-3 5 0 6 34 2 34 2 9 4 17 6 17 4 17 4zM315 520c1-2 3-8 3-8s2-9 3-10 6-15 6-15 3-9 2-12-29-7-34-6-12 12-18 14-26-1-28 3-2 16-2 16-3 5 0 6 34 2 34 2 9 4 17 6 17 4 17 4zM4 282s-16 20-18 25-11 16-9 21 15 21 15 21 8 7 9 11 9 14 9 14l9 9 9 3s22 5 22 7 14 2 17-4 20-25 24-29 26-2 27-4 19-27 20-32-22-26-22-26-41-15-44-24-24-3-24-3l-14 11H4zM23.7 406.7c2.4 4.3 12.5 42.2 12 42 0 0 2.3 4.3 2.3 12.3s6 14 6 14l12 10s13 17 18 19 18-4 18-4l17-15 13-16s-18-26-18-33-7-18-7-18-13-7-25-10-30-12-35-13-15 8.7-13.3 11.7zM21-102l12 42s-2 5-1 8 6 5 6 13 6 14 6 14l12 10S69 2 74 4s18-4 18-4l17-15 13-16s-18-26-18-33-7-18-7-18-13-7-25-10-30-12-35-13-16 3-16 3z'/%3E%3Cpath class='st0' d='M18 216s-4 20-4 22-4 12-4 20-5 15-2 16 14 4 19 2 19-14 20-23-20-46-22-48-7 11-7 11zM7 196c3 2 6 7 8 7s13-5 13-7 2-11 0-13-8-4-8-4-12 10-13 12 0 5 0 5zM97 276s-2 6 1 8 21 6 23 8 9 8 11 6-3-24-3-24-2.7-12-6-10-26 12-26 12zM104 148s16 32 18 34 10 8 10 8l13-1s5-7 7-15 7-18 7-18 1-4-5-8-12-4-12-4l-31-2h-11l4 6zM88 370s-16 19-16 23 5 11 5 11l12 3s15 7 19 6 31 1 44-1 24-3 28-3 14-5 15-11-4-10-5-26-11-27-11-27l-8-17s-23-1-27 5-14 23-15 25-7 7-7 7-21-3-23-1-11 6-11 6zM200 365v17s2 9 6 10 21-2 24-8-5-9-9-14-21-5-21-5zM178 326s4 11 6 13 8 3 8 3l8-21s-10-4-12-3-10 8-10 8zM106 420c4 7 8 21 8 21s1 8 5 15 15 27 15 27l9 13 5 9s10 3 20 3 20-5 22-8 31-44 31-44 8-4 3-9-23-15-24-17-16-15-18-15-16 4-18 4-10-3-22-3-20 3-24 1-12 3-12 3zM306 462c2-1 12-18 16-19s22 20 22 20-1 7-7 8-31-9-31-9zM337 441c3 5 6 13 8 15s11 4 11 4 7-28 6-30-17 4-20 5-5 6-5 6zM228 454s-2 8-5 10-9 6-6 10 19 12 24 8 9-7 7-12-14-14-14-14l-6-2zM210 482s-8 9-10 13-6 13-8 15-8 9-8 9l-12 27s23 14 32 14 30-47 32-52 1-15 1-15l-27-11zM437-6s-3 12-3 19-2 9-6 19-11 26-12 30-2 11-2 11 8 5 19-1 17-4 19-4 21 3 24 1 3-21 4-29 8-30 8-30-1-10-4-12-18-8-24-9-23 5-23 5zM437 494s-3 12-3 19-2 9-6 19-11 26-12 30-2 11-2 11 8 5 19-1 17-4 19-4 21 3 24 1 3-21 4-29 8-30 8-30-1-10-4-12-18-8-24-9-23 5-23 5zM448 467s-10 11-7 14 12 3 12 3l13-1s-3-7-6-9-12-7-12-7zM492 17s-5 10-5 16v17c0 4 3 21 3 21l20 22h20s17-14 21-27 7-36 7-36 4-22 2-25-18-15-18-15l-34 28-16-1zM-8 17s-5 10-5 16v17c0 4 3 21 3 21l20 22h20s17-14 21-27 7-36 7-36 4-22 2-25-18-15-18-15L8 18l-16-1zM50 118s26.7 14 31 14c5 0 21 4 21 4l38-1s48-65 50-68 1-3-2-5-18-5-22-10-26-11-28-11-24-2-24-2-46 57-50 61-15 12-15 14 1 4 1 4zM106-80c4 7 8 21 8 21s1 8 5 15 15 27 15 27l9 13 5 9s10 3 20 3 20-5 22-8 31-44 31-44 8-4 3-9-23-15-24-17-16-15-18-15-16 4-18 4-10-3-22-3-20 3-24 1-12 3-12 3zM-8 517s-5 10-5 16v17c0 4 3 21 3 21l20 22h20s17-14 21-27 7-36 7-36 4-22 2-25-18-15-18-15L8 518l-16-1zM121-18L95 7l4 11 13 12 11 2h17s10-11 8-18-19-29-19-29l-8-3zM121 482l-26 25 4 11 13 12 11 2h17s10-11 8-18-19-29-19-29l-8-3zM210-18s-8 9-10 13-6 13-8 15-8 9-8 9l-12 27s23 14 32 14 30-47 32-52 1-15 1-15l-27-11z'/%3E%3Cpath class='st0' d='M-84-161c-3 2-5 10-5 10s0 6-1 9-7 5-6 9-9 19-16 34-11 15-8 19 20 14 30 18 29 8 38 15 15 16 18 19 4 4 8 9 1-1 13 12 1 18 12 18 33-43 33-43-19-68-21-74-4-12-9-19-11-7-18-20-17-21-19-21-49 5-49 5zM97 23s-5-11-5-14-12 0-12 0l-10 2s-3 10-5 13-3 18-4 22l-4 12s-2 14-3 16-2 10 0 13 8 4 8 4 16-12 18-16 4-9 4-9l7-10c3-1 10-12 11-14s-5-19-5-19zM123 200s-25-54-29-57-18-10-29-13c-7.7-2.1-15.8-6.6-21.1-8.8L30 109l-9-2s-1 1-1 4 7 53 7 53l1 8 6 13s2 17 2 19 14 33 14 33-1 6 2 12 22 24 27 25 14-4 14-4 27-8 30-12 3-20 3-27-3-31-3-31zM50 91s6 2 5 6-5 9-5 9l-15-1s-1-12 1-13 14-1 14-1zM154 14s-3 12-4 15-1 5 2 8 11 6 13 5 5-6 7-9 7-13 6-16-12-4-12-4l-12 1zM504 282s-16 20-18 25-11 16-9 21 15 21 15 21 8 7 9 11 9 14 9 14l9 9 9 3s22 5 22 7 14 2 17-4 20-25 24-29 26-2 27-4 19-27 20-32-22-26-22-26-41-15-44-24-24-3-24-3l-14 11h-30z'/%3E%3C/svg%3E");
}

/* Localized font for PL and RU*/

.russo-lg,
.russo-sm,
.russo-xl {
	font-family: 'Russo One', sans-serif !important;
}

.russo-xl {
	font-size: 4rem !important;
}

.russo-lg {
	font-size: 2rem !important;
}

.russo-sm {
	font-size: 0.8em !important;
}

@media (max-width: 1199.98px) {
	.russo-lg {
		font-size: 2.4rem !important;
	}

	.russo-sm {
		font-size: 1.6rem !important;
	}
}

@media (max-width: 1023.98px) {
	.russo-xl {
		font-size: 4rem !important;
	}

	.russo-lg {
		font-size: 2rem !important;
	}

	.russo-sm {
		font-size: 1.2rem !important;
	}
}

@media (max-width: 767.98px) {
	.russo-xl {
		font-size: 3rem !important;
	}
}

@media (max-width: 511.98px) {
	.russo-xl {
		font-size: 2rem !important;
	}
}

/* NEW BGS */
.bg-1 {
	background-color: #0078BD;
	background-image: url("../images/bgs/feature-bg1.jpg");
	background-size: cover;
	background-position: top left;
	border-bottom: 4px solid black;
}

.bg-2 {
	background-color: darkolivegreen;
	background-image: url("../images/bgs/bg-crusaders.jpg");
	background-size: cover;
	background-position: top left;
	border-bottom: 4px solid black;
}

.bg-3 {
	background-color: #0078BD;
	background-image: url("../images/bgs/feature-bg3.jpg");
	background-size: cover;
	background-position: top right;
	border-bottom: 4px solid black;
}

.bg-4 {
	background-color: #0078BD;
	background-image: url("../images/bgs/feature-bg4.jpg");
	background-size: cover;
	background-position: bottom left;
	border-bottom: 4px solid black;
}

.dark-texture-bg {
	background-color: #181818;
	background-image: url("../images/bgs/dark-texture-bg.jpg");
	background-size: 2000px;
	background-repeat: repeat;
}

.dark-article-wrapper {
	position: relative;
	top: -15px;
	bottom: -15px;
	z-index: 2;
}

.dark-article {
	margin: -25px 0;
	padding: 40px 0;
}

.light-bg {
	background-color: #f7d780;
	background-image: url("../images/bgs/BG-cloth-512.jpg");
	background-size: 512px;
	background-repeat: repeat;
}

.torn-parchment-top,
.torn-parchment-bottom {
	position: relative;
	border: 0;
	height: 39px !important;
	background-image: url("../images/bgs/BG-cloth-burnt-top.png");
	background-repeat: repeat-x;
	z-index: 5;
}

.torn-parchment-bottom {
	bottom: 15px;
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-mask-image: linear-gradient(0deg, transparent 0, #000 12%);
	mask-image: linear-gradient(0deg, #00000000 0, #000000 35%);

}

.dirty-bg {
	background-image: url("../images/bgs/dirty-bg.jpg");
	background-size: cover;
	background-position: top right;
}

/* #content-bg {
	position: relative;
	top: -1px;
} */

/* ANIMATIONS */
.hidden {
	opacity: 0;
}

.fadeInTop {
	animation: fadeInTop 1.2s both;
	-webkit-animation: fadeInTop 1.2s both;
	-o-animation: fadeInTop 1.2s both;
	-moz-animation: fadeInTop 1.2s both;
}

@keyframes fadeInTop {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-moz-keyframes fadeInTop {
	0% {
		opacity: 0;
		-moz-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInTop {
	0% {
		opacity: 0;
		-o-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@-webkit-keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

.fadeInBottom {
	animation: fadeInBottom 2s both;
	-webkit-animation: fadeInBottom 2s both;
	-o-animation: fadeInBottom 2s both;
	-moz-animation: fadeInBottom 2s both;
}

@keyframes fadeInBottom {
	0% {
		opacity: 0;
		transform: translateY(75px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-moz-keyframes fadeInBottom {
	0% {
		opacity: 0;
		-moz-transform: translateY(75px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInBottom {
	0% {
		opacity: 0;
		-o-transform: translateY(75px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@-webkit-keyframes fadeInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(75px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

/*--- ScrollFade Specific ---*/

.scrollFade {
	opacity: 0;
	pointer-events: all;
}

/*------*/

/* RANGE SLIDER STUFF */
.swap-img-slider {
	position: relative;
	/* max-width: 640px;
	height: 360px; */
	overflow: hidden;
}

.slider-img-small {
	max-width: 640px;
	height: 360px;
}

.slider-img-large {
	max-width: 960px;
	height: 540px;
}

.slider-img {
	position: absolute;
	width: 100%;
	height: 100%;
	/* max-width: 640px;
	max-height: 360px; */
	background-size: cover;
}

#slider1-bg-img {
	background-image: url('../images/screenshots/thumbs/5b.jpg');
}

#slider1-fg-img {
	background-image: url('../images/screenshots/thumbs/5a.jpg');
	width: 50%;
}

.slider {
	position: absolute;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 100%;
	background: rgba(242, 242, 242, 0);
	outline: none;
	margin: 0;
	transition: all .2s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider::-webkit-slider-thumb:hover {
	background: rgba(#f2f2f2, .1);
}

.slider-small::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 5px;
	height: 360px;
	background: rgba(209, 152, 0, 0.7);
	cursor: pointer;
}

.slider-small::-moz-range-thumb {
	width: 5px;
	height: 360px;
	background: rgba(209, 152, 0, 0.7);
	cursor: pointer;
}

.slider-large::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 8px;
	height: 540px;
	background: rgba(209, 152, 0, 0.7);
	cursor: pointer;
}

.slider-large::-moz-range-thumb {
	width: 8px;
	height: 540px;
	background: rgba(209, 152, 0, 0.7);
	cursor: pointer;
}

.slider-button {
	size: 30px;
	pointer-events: none;
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(209, 152, 0);
	left: calc(50% - 18px);
	top: calc(50% - 18px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-button:after {
	content: '';
	padding: 3px;
	display: inline-block;
	border: solid #5D5D5D;
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
}

.slider-button:before {
	content: '';
	padding: 3px;
	display: inline-block;
	border: solid #5D5D5D;
	border-width: 0 2px 2px 0;
	transform: rotate(135deg);
}

/* bordered image classes */

.troop-vids-wrapper {
	max-width: 640px;
}

.troop-vids-wrapper .carousel-inner {
	background-image: url(../images/bgs/videos-landscape.jpg);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}

.troop-vids-wrapper video {
	max-width: 640px;
}

.slider-img-small-wrapper {
	max-width: 640px;
}

.slider-img-large-wrapper {
	max-width: 1260px;
}

.slider-img-large-wrapper .carousel-item {
	max-width: 1200px;
}

.char-vids-wrapper {
	max-width: 460px;
}

.char-vids-wrapper .carousel-inner {
	max-height: 400px;
}

.carousel-item video {
	width: 100%;
	height: auto;
}

.bordered-img-wrapper {
	position: relative;
}

.gold-border {
	position: absolute;
	background-repeat: repeat;
	z-index: 2;
}

.b-top {
	top: 0;
	left: 2px;
	right: 2px;
	height: 39px;
	background-image: url(../images/Panel_Border_Top.png);
}

.b-right {
	top: 38px;
	right: 0;
	bottom: 38px;
	width: 39px;
	background-image: url(../images/Panel_Border_Right.png);
}

.b-bottom {
	bottom: 0;
	left: 2px;
	right: 2px;
	height: 39px;
	background-image: url(../images/Panel_Border_Bottom.png);
}

.b-left {
	top: 38px;
	left: 0;
	bottom: 38px;
	width: 39px;
	background-image: url(../images/Panel_Border_Left.png);
}

.corner {
	position: absolute;
	width: 39px;
	height: 39px;
	z-index: 2;
}

.c-top.c-left {
	top: 0;
	left: 0;
}

.c-top.c-right {
	top: 0;
	right: 0;
}

.c-bottom.c-left {
	bottom: 0;
	left: 0;
}

.c-bottom.c-right {
	bottom: 0;
	right: 0;
}

.content {
	position: relative;
	z-index: 1;
	padding: 30px;
}

/* RSS video stuff */
.rss-video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.rss-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Fixed Nav styles */

#fixedLayer {
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 10px;
	background-color: rgba(0, 0, 0, 0.45);
	color: white;
	border-bottom-right-radius: 5px;
	visibility: hidden;
	/* Initially hidden */
	opacity: 1;
	/* Start transparent */
	transform: translateY(-60px);
	/* Start slightly above */
	transition: all 0.5s ease;
	z-index: 15;
}

#fixedLayer.visible {
	visibility: visible;
	opacity: 1;
	/* Fade to fully opaque */
	transform: translateY(0);
	/* Move to its original position */
}

#fixed-cta-btn {
	padding: 5px 15px;
	font-size: 1.5rem;
}

#fixed-cta-btn img {
	width: 25px;
}

.smaller-text {
	font-size: 0.8em;
}