body.coverpage {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	background: rgb(51, 51, 51);
}

h1.coverpage {
	font-size: 2.5vw;
	color: #fff;
	/*color: #8503c3;//TELIA*/
}

p.coverpage {
	color: #fff;
	font-size: 2vw;
	/*color: 0;//TELIA*/
}

h1.coverpage, p.coverpage {
	margin: 5px 0 10px 0;
	margin-left: 15vw;
}

a.coverpage {
	color: #7172d8;
	/*color: #8503c3;//TELIA*/
}

a.coverpage:hover {
	color: #fff;
	/*color: #0000CC;//TELIA*/
}

img.coverpage {
	float: left;
	/* position: fixed; */
	width: 15vw;
	/*filter: grayscale(100%);//TELIA*/
}

.coverpagecenterh {
	height: 100%;
	display: table;
	width: 100%;
}

.coverpagecenterv {
	vertical-align: middle;
	display: table-cell;
}

#coverpagevideo {
	position: absolute;
	border: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	opacity: 0.8;
}

.coverpageoverlaytext {
	position: absolute;
	z-index: 1;
	width: 60%;
	background: #505050;
	opacity: 0.9;
	border: 1px solid white;
	padding: 3%;
	padding: 3%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.coverpagecontent {
	background: rgba(51, 51, 51, 0.5);
}

input.coverpage {
	padding: 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	width: 250px;
}

input.coverpage[type="submit"], input.coverpage[type="button"] {
	cursor: pointer;
	padding: 5px;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px #f29400 outset;
	/*background: #8503c3;//TELIA*/
}

div.centered {
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 25%;
	right: 25%;
}

body.centered {
	background-color: #111;
	font-family: Montserrat;
	color: #FFF;
}

h1.centered {
	color: #FFF
}

a.centered {
	color: #FFF;
	text-decoration: none;
}

iframe.rent-movie {
	margin-left: 15vw;
	height: 60vh;
	width: 45vw;
}

/* coverpageclean */

.coverpageoverlaytextclean {
	top: 60px;
	position: absolute;
	z-index: 1;
	right: 17%;
	width: 60%;
	background: #505050;
	opacity: 0.9;
	border: 1px solid white;
	padding: 3%;
}