:root {
	--page-min-width:600px;
	--page-max-width:1200px;
	--page-padding:25px;
	--menu-height:80px;
	--hover-color:#EF3340;
	--color-bar-height:15px;
	--mobile-width:750px;
}
@media screen and (max-width: 750px) {
	:root {
		--page-padding:50px;
	}
}

* {
	box-sizing:border-box;
}

html, body {
	margin:0;
	height:100%;
	background-color:#000000;
	font-family:Raleway, sans-serif;
	font-weight:400;
	font-size:14px;
}

.colorbar { /*preserveAspectRatio="none"*/
	height:var(--color-bar-height);
	background-image:url(images/colorgradient.svg);
	background-size:100% 100%;
	background-position:50vw 0;

	animation-name:colorbar;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
@keyframes colorbar {
	0% {
		background-position:0vw 0;
	}
	100% {
		background-position:100vw 0;
	}
}

.mail {
	unicode-bidi:bidi-override;
	direction:rtl;
}
.mail:before {
	content:'ed.';
}


h1.white, h2.white, h1.black {
	position:relative;
	z-index:10;
	font-family:Raleway, sans-serif;
	margin:0;
	display:inline-block;
	text-transform:uppercase;
	background: rgb(177,23,117);
	background: -moz-linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b11775",endColorstr="#ff8600",GradientType=1); 
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	margin:-1px;
	padding:1px;
	hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
}
h2.black {
	font-family:Raleway, sans-serif;
	display:inline-block;
	text-transform:uppercase;
	margin:-1px;
	padding:1px;
}
h1.black {
	background: rgb(232,39,44);
	background: -moz-linear-gradient(90deg, rgba(232,39,44,1) 0%, rgba(248,146,24,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(232,39,44,1) 0%, rgba(248,146,24,1) 100%);
	background: linear-gradient(90deg, rgba(232,39,44,1) 0%, rgba(248,146,24,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8272c",endColorstr="#f89218",GradientType=1); 
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
h1.white, h1.black {
	font-weight:900;
	font-size:50px;
}
h2.white, h2.black {
	font-weight:200;
	font-size:25px;
}
h3 {
	text-transform:uppercase;
	color:var(--hover-color);
	margin-bottom:0;
	font-size:1.3em;
}

a {
	text-decoration:none;
}

ul {
	margin:0;
	padding-left:20px;
}

.text_container {
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:space-between;
}
.text_main {
	font-family:Raleway, sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:1.5em;
	width:62%;
	padding-top:10px;
}
.text_side, .text_side_black {
	position:relative;
	font-family:Raleway, sans-serif;
	font-weight:100;
	font-size:25px;
	line-height:1.4em;
	width:32%;
	margin-top:20px;
	padding-top:10px;
	padding-left:25px;
}
.text_side:before, .text_side_black:before {
	display:block;
	content:'';
	position:absolute;
	left:0px;
	width:5px;
	top:10px;
	bottom:0px;
	background: rgb(177,23,117);
	background: -moz-linear-gradient(180deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: linear-gradient(180deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b11775",endColorstr="#ff8600",GradientType=1); 
}
.text_side_black:before {
	background: rgb(255,89,0);
	background: -moz-linear-gradient(180deg, rgba(255,89,0,1) 0%, rgba(255,150,0,1) 25%, rgba(254,182,24,1) 50%, rgba(251,229,139,1) 75%, rgba(207,244,47,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,89,0,1) 0%, rgba(255,150,0,1) 25%, rgba(254,182,24,1) 50%, rgba(251,229,139,1) 75%, rgba(207,244,47,1) 100%);
	background: linear-gradient(180deg, rgba(255,89,0,1) 0%, rgba(255,150,0,1) 25%, rgba(254,182,24,1) 50%, rgba(251,229,139,1) 75%, rgba(207,244,47,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5900",endColorstr="#cff42f",GradientType=1); 
}
.text_side span, .text_side_black span {
	font-style:italic;
	color:var(--hover-color);
}
.text_side a:hover {
	background: rgb(177,23,117);
	background: -moz-linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	background: linear-gradient(90deg, rgba(177,23,117,1) 0%, rgba(150,0,95,1) 25%, rgba(239,51,64,1) 50%, rgba(255,0,0,1) 75%, rgba(255,134,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b11775",endColorstr="#ff8600",GradientType=1); 
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.bigger {
	font-size:1.3em;
	line-height:1.2em;
}
strong {
	font-weight:700;
	color:rgba(255,0,0,1);
}
@media screen and (max-width: 750px) {
	h1.white, h1.black {
		font-size:70px;
	}
	h2.white {
		font-size:32px;
	}
	.text_container {
		display:block;
	}
	.text_main {
		font-size:25px;
		width:100%;
		margin-bottom:20px;
	}
	.text_side, .text_side_black {
		font-size:38px;
		width:100%;
		padding-right:25%;
		margin-bottom:20px;
	}
}


/**********/
/* Footer */
/**********/
.footer {
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
}
.footer .text_main {
	margin:0px auto;
	font-size:12px;
	letter-spacing:0.25em;
}
.footer .text_main a {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	letter-spacing:0.1em;
}


/****************/
/* Desktop Menu */
/****************/

.menu {
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:var(--menu-height);
	background-color:#000000;
}
.menu .content {
	left:50%;
	padding:15px var(--page-padding);
	min-width:var(--page-min-width);
	max-width:var(--page-max-width);
	text-align:right;
	height:100%;
	line-height:25px;
	white-space:nowrap;
}
.menu .content svg, .menu .content .home_logo {
	float:left;
	height:45px;
	cursor:pointer;
}
.menu .content .cm_logo {
	height:25px;
	float:left;
	margin-left:20px;
	margin-top:7px;
}
.menu .content svg .st0 {
	fill:#FFFFFF;
}
.menu .content svg:hover .st0 {
	fill:var(--hover-color);
}
.menu .content a.item {
	position:relative;
	top:9px;
	height:20px;
	color:#FFFFFF;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	padding:0px 20px;
	cursor:pointer;
	text-decoration:none;
}
.menu .content a.item:hover {
	color:var(--hover-color);
}
.menu .content a.item:before {
	position:absolute;
	display:block;
	content:'';
	width:1px;
	right:0;
	top:-5px;
	bottom:-5px;
	background-color:#FFFFFF;
}
.menu .content a.item:last-child:before {
	display:none;
}
@media screen and (max-width: 1200px) {
	.menu .content .items {
		display:none;
	}
	.burgermenu {
		display:inline-block !important;
	}
}
 
/***************/
/* Mobile Menu */
/***************/
.burgermenu {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	cursor:pointer;
	backface-visibility:hidden;
}
.burgermenu>div {
	position:absolute;
	width:100%;
	height:4px;
	border-radius:5px;
	background:#FFFFFF;
	top:50%;
	transform:translate(0, -50%);
	transition:0.4s ease;
	transition-property:transform, opacity, top;
}
.burgermenu>div:before, .burgermenu>div:after {
	content:'';
	position:absolute;
	z-index:1;
	top:-12px;
	left:0;
	width:100%;
	height:4px;
	border-radius:5px;
	background:inherit;
	transition:0.4s ease;
	transition-property:transform, opacity, top;
}
.burgermenu>div:after {
	top:12px;
}

.burgermenu.open>div {
	transform:rotate(135deg);
}
.burgermenu.open>div:before, .burgermenu.open>div:after {
	top:0;
	transform:rotate(90deg);
}
.burgermenu.open>div:after {
	opacity:0;
}

.popup_menu {
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	visibility:hidden;
	overflow:hidden;
	backface-visibility:hidden;
	outline:1px solid transparent;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup_menu>div {
	width:220vw;
	height:220vw;
	color:#FFFFFF;
	background:rgba(0, 0, 0, 0.9);
	border-radius:50%;
	transition:all 0.4s ease;
	transform:scale(0);
	backface-visibility:hidden;
	overflow:hidden;
	flex:none;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup_menu>div>div {
	text-align:center;
	max-width:90vw;
	max-height:100vh;
	opacity:0;
	transition:opacity 0.4s ease;
	/*overflow-y:auto;*/
}

.popup_menu.open {
	pointer-events:auto;
	visibility:visible;
}
.popup_menu.open>div {
	transform:scale(1);
	transition-duration:0.75s;
}
.popup_menu.open>div>div {
	opacity:1;
	transition:opacity 0.4s ease 0.2s;
}
.popup_menu a {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	line-height:1.5em;
	font-weight:400;
	font-size:40px;
	text-transform:uppercase;
}

/*******************/
/* General Content */
/*******************/
.container {
	position:relative;
	overflow:hidden;
}
.content {
	position:relative;
	left:50%;
	min-width:var(--page-min-width);
	max-width:var(--page-max-width);
	padding:80px var(--page-padding);
	transform:translate(-50%, 0);
}
.slider>div {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	overflow:hidden;
}
.slider>div img {
	width:100%;
	height:100%;
	object-fit:contain;
	/*pointer-events:none;*/
}
.slider_menu {
	position:relative;
	padding:15px 0px;
	margin-bottom:25px;
}

/********/
/* Home */
/********/

.home_container {
	position:relative;
	top:var(--menu-height);
	margin-bottom:var(--menu-height);
	height:calc(100vh - var(--menu-height) - var(--color-bar-height));
}
.home_container .video_container {
	position:relative;
	left:50%;
	width:100%;
	transform:translate(-50%, 0);
	max-width:235vh;
	height:100%;
	overflow:hidden;
}
.home_container .video_container video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.home_container .video_container img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.home_container .arrow {
	position:absolute;
	width:40px;
	height:40px;
	left:50%;
	transform:translate(-50%);
	bottom:10px;
	background-image:url(images/arrow_down.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	cursor:pointer;
}

.home_container .logo_container {
	position:absolute;
	z-index:20;
	width:600px;
	height:400px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.home_container .logo_container .corner_tl, .home_container .logo_container .corner_tr, .home_container .logo_container .corner_bl, .home_container .logo_container .corner_br {
	position:absolute;
	border-width:2px;
	border-color:#FFFFFF;
	height:100px;
	max-height:100%;
	width:100px;
	max-width:100%;
}
.home_container .logo_container .corner_tl {
	left:0;
	top:0;
	border-left-style:solid;
	border-top-style:solid;
}
.home_container .logo_container .corner_tr {
	right:0;
	top:0;
	border-right-style:solid;
	border-top-style:solid;
}
.home_container .logo_container .corner_bl {
	left:0;
	bottom:0;
	border-left-style:solid;
	border-bottom-style:solid;
}
.home_container .logo_container .corner_br {
	right:0;
	bottom:0;
	border-right-style:solid;
	border-bottom-style:solid;
}
.home_container .logo_container .vp_logo, .home_container .logo_container .crossmedia_logo, .home_container .logo_container .etc_logo {
	position:absolute;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.home_container .logo_container .vp_logo {
	height:25%;
	top:37.5%;
	background-image:url(images/vp_logo.svg);
}
.home_container .logo_container .crossmedia_logo {
	height:8%;
	top:60%;
	background-image:url(images/logo_crossmedia.svg);
}
.home_container .logo_container .etc_logo {
	height:6%;
	top:85%;
	background-image:url(images/logo_etc.png);
}

/*********/
/* About */
/*********/

.about_container {
	background-color:#FFFFFF;
}

.about_container .video {
	position:relative;
	z-index:20;
	margin-top:20px;
	width:100%;
	padding-bottom:56%;
}
.about_container .video .playbtn {
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:5;
	opacity:0.8;
	background-image:url(images/playbutton_white.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12%;
}
.about_container .video .thumb {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	object-fit:cover;
}
/*.about_container .video .play_btn {
	position:absolute;
	left:-60px;
	top:-60px;
	width:150px;
	height:150px;
	z-index:2;
	background-image:url(images/playbutton_sprite.svg);
	background-size:auto 100%;
	background-position:top left;
}
.about_container .video .play_btn:hover {
	background-position:top right;
}*/

.about_container .about_slider {
	position:relative;
	margin-top:30px;
	width:100vw;
	margin-left:50%;
	transform:translate(-50%);
	font-size:0;
	height:300px;
	white-space:nowrap;
	overflow:hidden;
}
.about_container .about_slider div {
	position:absolute;
	height:100%;
}
.about_container .about_slider img {
	height:100%;
	object-fit:contain;
}

@media screen and (max-width: 750px) {
	.about_container .video {
		padding-bottom:50%;
		width:100vw;
		margin-left:50%;
		transform:translate(-50%);
	}
	/*.about_container .video .play_btn {
		top:50%;
		left:50%;
		width:250px;
		height:250px;
		transform:translate(-50%, -50%);
	}*/
}

/**********/
/* Studio */
/**********/
.studio_container {
	background-color:#000000;
}
.studio_content {
	color:#FFFFFF;
}
.studio_container .slider {
	position:relative;
	padding-bottom:40%;
	margin-top:50px;
}
.studio_container .slider>div img {
	object-fit:cover;
}
@media screen and (max-width: 750px) {
	.studio_container .slider {
		position:relative;
		margin-top:50px;
		left:calc(-1 * var(--page-padding));
		right:calc(-1 * var(--page-padding));
		top:auto;
		width:100vw;
		padding-top:60%;
		padding-bottom:30%;
	}
	.studio_container .slider img {
		object-fit:cover;
	}
}

/***************/
/* Film & Foto */
/***************/
.film_foto_container {
	background-color:#FFFFFF;
}
.film_foto_content {
	color:#000000;
}

.film_foto_container .film_slider {
	position:relative;
	margin-top:30px;
	width:100vw;
	margin-left:50%;
	transform:translate(-50%);
	font-size:0;
	height:300px;
	white-space:nowrap;
	overflow:hidden;
}
.film_foto_container .film_slider div {
	position:absolute;
	height:100%;
}
.film_foto_container .film_slider img {
	height:100%;
	object-fit:contain;
}

.film_foto_container .video {
	position:relative;
	z-index:20;
	margin-top:20px;
	width:100%;
	padding-bottom:30%;
}
.film_foto_container .video .playbtn {
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:5;
	opacity:0.8;
	background-image:url(images/playbutton_white.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12%;
}
.film_foto_container .video .thumb {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

@media screen and (max-width: 750px) {
	.film_foto_container .video {
		padding-bottom:50%;
		width:100vw;
		margin-left:50%;
		transform:translate(-50%);
	}
}

/**************/
/* Referenzen */
/**************/
.reference_container {
	background-color:#000000;
}
.reference_content {
	color:#FFFFFF;
}
.ref_single_container {
	background-color:#FFFFFF;
}
.ref_single_content {
	color:#000000;
}

.ref_gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.ref_gallery .item {
	position:relative;
}
.ref_gallery .tile3 {
	width:calc(100%/3);
	height:calc(100vw/5);
}
.ref_gallery .tile2 {
	width:calc(100%/2);
	height:calc(100vw/4);
}
.ref_gallery .item img {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	object-fit:cover;
}
.ref_gallery .item .info {
	position:absolute;
	z-index:2;
	left:0;
	right:0;
	bottom:0;
	top:0;
	color:#FFFFFF;
	text-align:center;
	font-size:1.8em;
	background: rgba(232,39,44, 0.8);
	background: -moz-linear-gradient(90deg, rgba(232,39,44,0.8) 0%, rgba(248,146,24,0.8) 100%);
	background: -webkit-linear-gradient(90deg, rgba(232,39,44,0.8) 0%, rgba(248,146,24,0.8) 100%);
	background: linear-gradient(90deg, rgba(232,39,44,0.8) 0%, rgba(248,146,24,0.8) 100%);
	display:none;
	align-items:center;
	justify-content:center;
}
.ref_gallery .item:hover .info {
	display:flex;
}
.ref_gallery .item .info span {
	font-weight:bold;
}
.reference_container .more a {
	font-weight:bold;
	font-size:1.5em;
	float:right;
	color:var(--hover-color);
	cursor:pointer;
	text-transform:uppercase;
}
@media screen and (max-width: 750px) {
	.ref_gallery {
		display:block;
	}
	.ref_gallery .item {
		width:100% !important;
		height:50vw !important;
	}
	.ref_gallery .item .info {
		font-size:2.5em;
	}
}

.ref_single_content video {
	width:100%;
	margin-top:50px;
}

.ref_thumbs {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:50px;
}
.ref_thumbs .item {
	position:relative;
	width:48%;
	margin-bottom:20px;
	order:3;
	line-height:1.6em;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	font-size:18px;
}
.ref_thumbs .item img {
	width:100%;
	object-fit:contain;
}
.ref_thumbs .item h3 {
	margin:0;
}

@media screen and (max-width: 750px) {
	.ref_thumbs .item {
		width:100%;
		order:1 !important;
	}
}


.ref_slider {
	position:relative;
	font-size:0;
	height:300px;
	white-space:nowrap;
	overflow:hidden;
}
.ref_slider div {
	position:absolute;
	height:100%;
}
.ref_slider img {
	height:100%;
	object-fit:contain;
}

.ref_title {
	/*ext-transform:uppercase;*/
}
.ref_type {
	font-size:26px;
	text-transform:uppercase;
}
.ref_type a {
	color:#000000;
}
.ref_type a.active {
	color:var(--hover-color);
	font-weight:bold;
}

/***********/
/* Kontakt */
/***********/

.contact_container {
	text-align:center;
	background-color:#FFFFFF;
}
.contact_container .text_main {
	margin:20px auto;
}

.contact_container .contact_form {
	position:relative;
	display:inline-block;
	margin-top:20px;
	border:1px solid rgba(0, 0, 0, 0.5);
	padding:10px;
	cursor:pointer;
}
.contact_container .contact_form .status {
	text-align:center;
	padding-top:50px;
	position:absolute;
	z-index:2;
	background-color:rgba(255, 255, 255, 0.85);
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
}


.form {
	margin:0px auto;
	width:480px;
	overflow:hidden;
	max-width:0;
	max-height:0;
	transition:max-width 1s, max-height 1s;
}
.form input, .form textarea, .contact_container .contact_form .status input {
	-moz-appearance:none;
	-webkit-appearance:none;
	margin-bottom:10px;
	width:100%;
	font-family:Raleway;
	font-size:18px;
	line-height:1.3em;
	border:1px solid rgba(0, 0, 0, 0.5);
	background-color:#FFFFFF;
	padding:10px;
	color:#000000;
}
.contact_container .contact_form .status input {
	margin-top:10px;
	width:auto;
}
@media screen and (max-width: 750px) {
	.form input, .form textarea {
		font-size:25px;
	}
}

/*********************/
/* Behind the Scenes */
/*********************/

.bts_gallery {
	overflow-x:hidden;
}
.bts_gallery>div {
	margin:0;
	font-size:0;
	width:100vw;
}
.bts_gallery img {
	object-fit:contain;
}
@media screen and (max-width: 750px) {
	.bts_gallery {
	}
}


/**********/
/* SLIDER */
/**********/
.jq_slider_menu {
	display:flex;
	justify-content:center;
}
.jq_slider_menu_item {
	width:15px;
	height:15px;
	margin:5px;
	cursor:pointer;
}
.jq_slider_menu_item_active {
}
.jq_slider_menu_item_hover {
}
@media screen and (max-width: 750px) {
	.jq_slider_menu_item {
		width:20px;
		height:20px;
		margin:8px;
	}
}

/****************/
/* Media Viewer */
/****************/
.mViewer_overlay {
	background-color:rgba(0, 0, 0, 0.9);
	opacity:0;
	position:fixed;
	z-index:9998;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.mViewer_content {
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
}
.mViewer_content img, .mViewer_content video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:contain;
}
.mViewer_closeBtn {
	position:absolute;
	right:20px;
	top:20px;
	width:20px;
	height:20px;
	background-image:url(images/mViewer_close.svg);
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}
.mViewer_next, .mViewer_prev {
	position:absolute;
	top:0;
	bottom:0;
	width:30%;
	background-size:10%;
	background-repeat:no-repeat;
	cursor:pointer;
}
.mViewer_next {
	right:0;
}
.mViewer_prev {
	left:0;
}
.mViewer_next:hover {
	background-position:70% center;
	background-image:url(images/mViewer_next.svg);
}
.mViewer_prev:hover {
	background-position:30% center;
	background-image:url(images/mViewer_prev.svg);
}