@font-face {
	font-family:'D-DIN Exp';
	font-style:normal;
	font-weight:400;
	src:local('D-DIN Exp Expanded'),url(/fonts/d-din-exp/400.woff) format('woff')
}

@font-face {
	font-family:'D-DIN Exp';
	font-style:normal;
	font-weight:600;
	src:local('D-DIN Exp Bold Expanded'),url(/fonts/d-din-exp/600.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:normal;
	font-weight:400;
	src:local('Noto Serif Regular'),url(/fonts/notoserif/400.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:normal;
	font-weight:700;
	src:local('Noto Serif Bold'),url(/fonts/notoserif/700.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:italic;
	font-weight:400;
	src:local('Noto Serif Italic'),url(/fonts/notoserif/400i.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:italic;
	font-weight:700;
	src:local('Noto Serif Bold Italic'),url(/fonts/notoserif/700i.woff) format('woff')
}

@font-face{font-family:'Lato';
	font-style:normal;
	font-weight:400;
	src:local('Lato Regular'),url(/fonts/lato/400.woff) format('woff')
}

@font-face {
	font-family:'Lato';
	font-style:italic;
	font-weight:400;
	src:local('Lato Italic'),url(/fonts/lato/400i.woff) format('woff')
}

@font-face{
	font-family:'Lato';
	font-style:normal;
	font-weight:600;
	src:local('Lato Semibold'),url(/fonts/lato/600.woff) format('woff')
}

@font-face{
	font-family:'Lato';
	font-style:normal;
	font-weight:900;
	src:local('Lato Black'),url(/fonts/lato/900.woff) format('woff')
}

body {
	background-color: #1E0707;
	background: -moz-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E0707), color-stop(100%, #3D1F1F)); /* safari4+,chrome */
	background: -webkit-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* ie10+ */
	background: url('/img/tile.png') fixed, linear-gradient(168deg, #1E0707 0%, #3D1F1F 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E0707', endColorstr='#3D1F1F',GradientType=0 ); /* ie6-9 */
}

:root {
	--font-headline: "D-DIN Exp", sans;
	--font-body: "Noto Serif", "Geneva";
	--font-standard: "Lato";

	--color-main-2: #EDE6E6;
	--color-main-3: #726464;
	--color-main-4: #3F3434;
	--color-main-5: #1E0707;

	--color-prime-1: #EDE6E6;
	--color-prime-2: #EDCECE;
}

h1, h2, h3 {
	font-weight: normal;
}

.text-body {
	font-family: var(--font-body);
}

.text-standard {
	font-family: var(--font-standard);
}

.smallcaps {
	font-variant: small-caps;
}

.text-hero_s {
	line-height: 1;
	font-size: calc(var(--text-xxxl) + var(--text-hero-m,   1.5vw));
}

.color-bg-1 {
	color: var(--color-bg-1,var(--color-main-1));
}

.color-bg-2 {
	color: var(--color-bg-3,var(--color-main-3));
}

header h1 {
	line-height: 1em;
	font-weight: normal;
}

header h1 .text-bold {
	color: inherit;
}

p a {
	--color-prime-4: #822424;
	--color-prime-5: #922424;
}

a:hover, a.box, a.button {
	text-decoration: none;
}

.media {
	background-color: transparent;
	overflow: hidden;
}

.media.cadm-screenshot img {
	display: inline !important;
	max-width: 1119px;
	max-height: 676px;

	border: 10px #1E0707 solid;

	box-shadow: 0 0 var(--space-l) #3F3434;
}

.media video {
	background: #1E0707;
	border: 2px #1E0707 solid;

	width: 100%;
	height: auto;

	box-shadow: 0 0 var(--space-s) #1E0707;
}

.border-bg-1 {
	border-color: var(--color-bg-1,var(--color-main-1));
}

.community img {
	width: 45px;
	height 45px;
}

.min-height_ll {
	min-height: calc(var(--space-l) * 2);
}

.inverted {
	background: transparent;
}

.read_xxl {
	max-width: 57rem;
}

.glow {
	box-shadow: 0 0 var(--space-m) rgba(199, 175, 175, 0.8);
}

.more-glow {
	box-shadow: 0 0 var(--space-m) #C7AFAF;
}

.smol img {
	border: var(--space-xs) transparent solid;
}

.smoller img {
	border: var(--space-s) transparent solid;
}

.container {
	max-width: 1319px;
	margin: auto;
}

.span-rest {
	flex-grow: 1;
}

/* margin-bottom collapse-t */
.mbct {
	margin-bottom: var(--space-m);
}

@media (max-width: 800px) {
	.mbctm-only-collapse {
		margin-bottom: var(--space-m);
	}

	.mbct, .mbctl-only-collapse {
		margin-bottom: var(--space-l);
	}
}

ul.features li:not(:last-child) {
	padding-bottom: var(--space-l);
	margin-bottom: var(--space-l);

	border-bottom: var(--space-px) #C7AFAF solid;
}

ul.features figure {
	background: #190404;

	box-shadow: 0 0 var(--space-s) #1E0707;

	border: #190404 solid;
	border-width: 20px;
}

ul.features figure img {
	margin: 0 auto !important;
}

@media (max-width: 800px) {
	ul.features li {
		margin-bottom: 0 !important;
		border-width: 0 !important;
	}

	ul.features figure {
		display: inline-block;
		object-fit: cover;

		max-height: 220px;

		overflow: hidden;
	}

	ul.features figure img {
		align-self: center;
	}
}

.anch-l {
	padding-top: var(--space-l);
	margin-top: calc(-1 * var(--space-l));

	color: var(--color-main-5);
}

.anch-xl {
	padding-top: var(--space-xl);
	margin-top: calc(-1 * var(--space-xl));

	color: var(--color-main-5);
}

.anch-l:target, .anch-xl:target {
	background: transparent;
	box-shadow: none;
}

*::selection {
	background: #722424;
	color: #F4F1F1;
}

*::-moz-selection {
	background: #722424;
	color: #F4F1F1;
}

.ps { color: #AD9999; }
.ps a { color: #AD9999; }
.ps a:hover { color: #BAA4A4; }

@media (min-width: 1051px) {
	.buy-my-software-please-container {
		max-width: calc(1319px + (var(--space-l) * 2.0));
		margin: auto;
	}

	.buy-my-software-please {
		position: absolute;
		top: calc((var(--space-l) * 3.0) + 320px);
	}

	.buy-my-software-please aside {
		background: #4D1F1F;
		box-shadow: 0 0 var(--space-m) #000;

		margin-left: calc(var(--space-s) * -1.0);

		padding-left: var(--space-l);
		padding-right: var(--space-l);
		padding-top: calc(var(--space-m) * 1.5);
		padding-bottom: calc(var(--space-m) * 1.25);
	}
}

@media (max-width: 1050px) {
	.buy-my-software-please {
		margin-top: var(--space-m);
		margin-bottom: var(--space-l);

		padding-left: var(--space-l);
		padding-right: var(--space-l);
	}
}

@media (max-width: 400px) {
	.buy-my-software-please {
		padding-left: var(--space-m) !important;
		padding-right: var(--space-m) !important;
	}
}

mark {
	--color-bg-2: var(--color-main-2);
	padding-left: calc(var(--space-xs) * 0.5);
	padding-right: calc(var(--space-xs) * 0.5);

	margin-left: calc(var(--space-xs) * 0.3);
	margin-right: calc(var(--space-xs) * 0.3);
}

.text-900 {
	font-weight: 900;
}

.ma-l_makeup {
	margin-left: calc(var(--space-l) - var(--space-m));
}

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

.hp {
	padding-left: var(--space-l);
	padding-right: var(--space-l);
}

@media (max-width: 400px) {
	.hp {
		padding-left: var(--space-m) !important;
		padding-right: var(--space-m) !important;
	}
}

footer {
	font-family: var(--font-headline);
}

footer a {
	padding-left: var(--space-s);
	padding-right: var(--space-s);

	border-right: 1px solid var(--color-main-3);
}