/* Invoice */

.invoice_header
{
	padding:20px;
}

.invoice_header .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background:#cfc8b8;
}

.invoice_header .logo
{
	width:auto;
	font-size:30px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-weight:200;
}

.invoice_header .logo span
{
	width:auto;
	height:inherit;
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:800;
	display:inline;
	float:none;
} 

.invoice_line
{
	min-height:20px;
	line-height:20px;
	font-size:14px;
	color:#393939;
	text-align:left;
	font-weight:400;
}

.invoice_line.hero
{
	min-height:40px;
	line-height:40px;
}

.invoice_line .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background:rgba(57,57,57,0.05);
}

.invoice_line.position
{
	margin-top:5px;
	margin-bottom:5px;
}

.invoice_line.headline
{
	margin-top:10px;
	margin-bottom:10px;
}

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

.invoice_line.center
{
	text-align:center;
}

.invoice_line.bold
{
	font-weight:700;
}

.invoice_line.padding_left
{
	padding-left:25%;
}

.invoice_line.padding_right
{
	padding-right:25%;
}

.invoice_line.inline
{
	position:absolute;
	left:0;
	top:0;
}

.invoice_separator
{
	height:2px;
	background:#393939;
	margin:18px 0 18px 0;
	opacity:0.05;
}

.invoice_footer
{
	margin-top:120px;
	color:#393939 !important;
}

.invoice_footer .background
{
	
}

.invoice_footer .invoice_line
{
	color:#393939;
	min-height:20px;
	line-height:20px;
	font-size:14px;
}










/* Media holder */

.media_holder
{
	width:calc(100% + 40px);
}

.media_holder .media_item
{
	width:calc(25% - 40px);
	margin:20px;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 8%), 0 1px 4px 0 rgb(0 0 0 / 12%);
    border-radius:5px;
}

.media_holder .media_item:before
{
	content:"";
	display:block;
	padding-top:150%;
}

.media_holder .media_item .media_label
{
	position:absolute;
	width:100%;
	height:auto;
}

.media_holder .media_item .media_pretitle
{
	line-height:20px;
	font-size:14px;
	color:#393939;
	text-align:center;
	font-weight:500;
	margin:0 0 5px 0;
	color:rgba(52,52,52,0.4);
}

.media_holder .media_item .media_title
{
	line-height:25px;
	font-size:17px;
	color:#393939;
	text-align:center;
	font-weight:800;
	margin:0 0 20px 0;
}

.media_holder .media_item .media_button
{
	width:auto;
	padding:0 15px 0 15px;
	height:34px;
	line-height:34px;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:800;
    border-radius:5px;
    background:rgba(52,52,52,0.05);
}



/* Flyer */

.flyer_header
{
	padding:20px;
}

.flyer_header .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background:#cfc8b8;
}

.flyer_header .logo
{
	width:auto;
	font-size:25px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-weight:700;
}

.flyer_header .logo span
{
	width:auto;
	height:inherit;
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:800;
	display:inline;
	float:none;
} 

.flyer_module
{
	margin:0 0 20px 0;
	padding:20px 20px 20px 80px;
	border:2px solid rgba(57,57,57,0.1);
} 

.flyer_module .icon
{
	position:absolute;
	left:20px;
	top:50%;
	width:40px;
	height:40px;
	background:#cfc8b8;
	border-radius:30%;
	margin-top:-20px;
	background-size:30% auto !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
}

.flyer_info
{
	margin:0 0 20px 0;
	padding:20px;
	background:rgba(57,57,57,0.1);
}  

.flyer_preheadline
{
	min-height:40px;
	line-height:40px;
	font-size:30px;
	color:#393939;
	text-align:center;
	font-weight:700;
	margin:60px 0 10px 0;
}

.flyer_headline
{
	min-height:70px;
	line-height:70px;
	font-size:60px;
	color:#393939;
	text-align:center;
	font-weight:800;
	margin:0 0 60px 0;
}

.flyer_subheadline
{
	min-height:30px;
	line-height:30px;
	font-size:22px;
	color:#393939;
	text-align:center;
	font-weight:600;
	margin:0 0 20px 0;
}

.flyer_text
{
	width:60%;
	min-height:28px;
	line-height:28px;
	font-size:19px;
	color:#393939;
	text-align:center;
	font-weight:400;
	margin:0 0 20px 20%;
}

.flyer_separator
{
	height:2px;
	background:#393939;
	margin:18px 0 18px 0;
	opacity:0.05;
}

.flyer_footer
{
	position:absolute;
	bottom:0;
	padding:20px;
	color:#fff !important;
}

.flyer_footer .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background:#393939;
}

.flyer_footer .flyer_line
{
	color:#fff;
	min-height:16px;
	line-height:16px;
	font-size:10px;
} 

.flyer_321med 
{
	margin:20px 0 0 0;
	line-height:16px;
	font-size:12px;
	color:rgba(57,57,57,0.4);
	text-align:center;
	font-weight:400;
}

.flyer_background
{
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
}

.flyer_left_blob
{
	position:absolute;
	width:70vh;
	height:70vh;
	top:0;
	left:0;
	transform:translate(-70%,-20%) rotate(45deg);
	opacity:0.1;
}

.flyer_left_blob_2
{
	position:absolute;
	width:70vh;
	height:70vh;
	top:50px;
	left:0;
	transform:translate(-70%,-20%) rotate(50deg);
	opacity:0.1;
}

.flyer_right_blob
{
	position:absolute;
	width:70vh;
	height:70vh;
	top:0;
	right:0;
	transform:translate(65%,50%);
	opacity:0.1;
}

.flyer_right_blob_2
{
	position:absolute;
	width:70vh;
	height:70vh;
	top:50px;
	right:0;
	transform:translate(65%,50%) rotate(5deg);
	opacity:0.1;
}