*{
	padding:				0;
	margin:					0;
}

body{
	font-family:			'courier',arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				12px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	background:				#FFF;
	color:					#FFF;
}

a{
	color:					#FFF;
}


/* VIDEO BACKGROUND */
#index #video{
	position:				relative;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	float:					left;
	overflow:				hidden;
	background:				rgba(0,40,40,0.95);
	opacity:				1;
	transition:				2s;
	-moz-transition:		2s;
	-webkit-transition:		2s;
	-ms-transition:			2s;
	-o-transition:			2s;
}

video{
    object-fit: cover;
}

img{
	object-fit: cover;
	width:100%;
}

#index #video video{
	position: 				relative;
    top:					0;
    left:					0;
    min-width:				103% !important;
    width:					103% !important;
    max-height:				100% !important;
    min-height:				100% !important;
    z-index:				-100;
    background-size:		cover;
}

#show_video{
	width:					50px;
	height:					50px;
	position:				absolute;
	bottom:					50px;
	right:					50px;
	background:				rgba(255,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;

	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#show_video:hover{
	background:				rgba(150,200,150,0.6);
}

#show_video i{
	width:					100%;
	height:					100%;
	font-size:				40px;
	text-align:				center;
	color:					rgba(255,255,255,0.5);
	position:				absolute;
	top:					0;
	left:					0;
	line-height:			50px;
}

#show_video:hover > i{
	font-size:				45px;
	color:					rgba(255,255,255,0.6);
}

#hide_video{
	width:					50px;
	height:					50px;
	position:				absolute;
	bottom:					50px;
	right:					50px;
	border-radius:			100%;
	background:				rgba(0,0,0,0.3);
	cursor:					pointer;
	display:				none;
	z-index:				1;
	transition:				0.2s;
	-moz-transition:		0.2s;
	-webkit-transition:		0.2s;
	-ms-transition:			0.2s;
	-o-transition:			0.2s;
}

#hide_video:hover{
	background:				rgba(0,0,0,0.5);
}

#hide_video i{
	width:					100%;
	height:					100%;
	font-size:				45px;
	text-align:				center;
	color:					rgba(255,255,255,0.6);
	position:				absolute;
	top:					0;
	left:					0;
	line-height:			50px;
	transition:				0.2s;
	-moz-transition:		0.2s;
	-webkit-transition:		0.2s;
	-ms-transition:			0.2s;
	-o-transition:			0.2s;
}

#hide_video:hover > i{
	color:					#FFF;
}




/* PAGE TITLE */
#title{
	width:					100%;
	height:					auto;
	float:					left;
	text-align:				center;
	position:				fixed;
	top:					40%;
	left:					0;
	opacity: 				1;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
	animation-name: 		loadingTitle;
	-moz-animation-name:	loadingTitle;
	-webkit-animation-name: loadingTitle;
	-ms-animation-name:		loadingTitle;
	-o-animation-name:		loadingTitle;
	animation-duration:		1s;
    -moz-animation-duration:1s;
    -webkit-animation-duration:1s;
    -ms-animation-duration:	1s;
    -o-animation-duration:	1s;
    animation-delay:		1s;
    -moz-animation-delay:	1s;
    -webkit-animation-delay:1s;
    -ms-animation-delay:	1s;
    -o-animation-delay:		1s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
    opacity:				0;
}

#title h1{
	font-family:			'balboa',arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				50px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#FFF;
	letter-spacing: 		3;
	padding-bottom:			10px;
}

#title2{
	width:					100%;
	height:					auto;
	float:					left;
	text-align:				center;
	position:				fixed;
	top:					40%;
	left:					0;
	opacity: 				1;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
	animation-name: 		loadingTitleTwo;
	-moz-animation-name:	loadingTitleTwo;
	-webkit-animation-name: loadingTitleTwo;
	-ms-animation-name:		loadingTitleTwo;
	-o-animation-name:		loadingTitleTwo;
	animation-duration:		6s;
    -moz-animation-duration:6s;
    -webkit-animation-duration:6s;
    -ms-animation-duration:	6s;
    -o-animation-duration:	6s;
    animation-delay:		1s;
    -moz-animation-delay:	1s;
    -webkit-animation-delay:1s;
    -ms-animation-delay:	1s;
    -o-animation-delay:		1s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
    opacity:				0;
}

#title2 h1{
	font-family:			'balboa',arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				50px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	letter-spacing: 		3;
	padding-bottom:			10px;
}






/* NAVIGATION */
.outter{
	width:					100%;
	float:					left;
}

.inner{
	height:					auto;
	margin:					0 auto;
	position:				relative;
	width:					1070px;
}

#nav{
	width:					200px;
	height:					100%;
	position:				fixed;
	left:					-300px;
	top:					0;
	background:				rgba(0,0,0,0.8);
	padding:				50px;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	z-index:				9999;
}

#nav ul{
	width:					100%;
	height:					auto;
	float:					left;
}

#nav ul li{
	width:					100% !important;
	height:					auto !important;
	float:					left !important;
	list-style-type:		none !important;
	padding-left:			0 !important;
}

#nav ul li a{
	display:				block;
	width:					100% !important;
	height:					auto !important;
	float:					left !important;
	font-family:			'din',arial,tahoma,sans-serif;
	font-weight:			bold !important;
	font-style:				none !important;
	font-size:				50px !important;
	text-decoration:		none !important;
	text-shadow:			none !important;
	text-transform:			none !important;
	text-align:				left !important;
	color:					rgba(255,255,255,0.5);
	margin:					5px 0 !important;
	letter-spacing:			2 !important;
	border-bottom:			none !important;
	transition:				0.3s !important;
	-moz-transition:		0.3s !important;
	-webkit-transition:		0.3s !important;
	-ms-transition:			0.3s !important;
	-o-transition:			0.3s !important;
}

#nav ul li:first-child a{
	margin-top:				-8px !important;
}

#nav ul li a:hover{
	color:					rgba(255,255,255,1);
}

#nav ul li a[class="chosen"]{
	color:					#FFF;
}

#copyright{
	display:				block;
	width:					80%;
	height:					30px;
	bottom:					150px;
	left:					0;
	position:				absolute;
	margin-left:			20%;
	text-align:				center;
	line-height:			30px;
	cursor:					default;
}

#copyright p{
	font-family:			tahoma,arial,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				10px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	color:					rgba(255,255,255,0.5);
}

#language{
	display:				block;
	width:					80%;
	height:					30px;
	bottom:					180px;
	left:					0;
	position:				absolute;
	margin-left:			20%;
	text-align:				left;
	line-height:			30px;
	cursor:					default;
}

#language p{
	font-family:			tahoma,arial,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				10px;
	text-decoration:		none !important;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	color:					rgba(255,255,255,0.5);
}

#language a{
	border-bottom:			0 !important;
}








#topline{
	width:					100%;
	height:					3px;
	float:					left;
	position:				fixed;
	top:					0;
	left:					0;
	z-index:				-99999;
	animation-name: 		topline;
	-moz-animation-name:	topline;
	-webkit-animation-name: topline;
	-ms-animation-name:		topline;
	-o-animation-name:		topline;
	animation-duration:		10s;
    -moz-animation-duration:10s;
    -webkit-animation-duration:10s;
    -ms-animation-duration:	10s;
    -o-animation-duration:	10s;
    animation-delay:		1s;
    -moz-animation-delay:	1s;
    -webkit-animation-delay:1s;
    -ms-animation-delay:	1s;
    -o-animation-delay:		1s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
    opacity:				0;
}

#overlay{
	width:					100%;
	height:					100%;
	float:					left;
	position:				relative;
	z-index:				-9999;
	animation-name: 		overlay;
	-moz-animation-name:	overlay;
	-webkit-animation-name: overlay;
	-ms-animation-name:		overlay;
	-o-animation-name:		overlay;
	animation-duration:		6s;
    -moz-animation-duration:6s;
    -webkit-animation-duration:6s;
    -ms-animation-duration:	6s;
    -o-animation-duration:	6s;
    animation-delay:		1s;
    -moz-animation-delay:	1s;
    -webkit-animation-delay:1s;
    -ms-animation-delay:	1s;
    -o-animation-delay:		1s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
    opacity:				0;
    display:				block;
}















#menu #mp_logo{
	width:					100%;
	height:					80px;
	position:				absolute;
	top:					30px;
	left:					0;
	display:				block;
	z-index:				99999;
	background:				url("../img/mp_logo.png");
	background-repeat:		no-repeat;
	background-position:	center;
	background-size:		60px 80px;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	opacity:				0.5;
}

#menu #mp_logo:hover{
	opacity:				1;
	cursor:					pointer;
}

#menu{
	width:					80px;
	height:					100%;
	position:				fixed;
	left:					0;
	top:					0;
	background:				rgba(0,0,0,0.5);
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	z-index:				9999;
}

#menu:hover{
	background:				rgba(0,0,0,0.7);
	width:					120px;
}

#menu #btn_not_active{
	width:					100%;
	height:					50px;
	position:				absolute;
	top:					40%;
	left:					0;
	display:				block;
	z-index:				99999;
}

#menu #btn_not_active i{
	display:				block;
	width:					100%;
	height:					100%;
	float:					left;
	font-style:				none;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	line-height:			50px;
	color:					rgba(255,255,255,0.5);
	cursor:					pointer;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#menu #btn_not_active:hover > i{
	color:					rgba(255,255,255,1);
}

#menu #btn_active{
	width:					100%;
	height:					50px;
	position:				absolute;
	top:					40%;
	left:					0;
	display:				none;
	z-index:				99999;
}

#menu #btn_active i{
	display:				block;
	width:					100%;
	height:					100%;
	float:					left;
	font-style:				none;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	line-height:			50px;
	color:					rgba(255,255,255,1);
	cursor:					pointer;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#menu #btn_active:hover > i{
	color:					rgba(255,255,255,1);
}

#menu #social{
	width:					100%;
	height:					250px;
	position:				absolute;
	bottom:					30px;
	left:					0;
}

#menu #social .social_link{
	width:					100%;
	height:					62.4px;
	float:					left;
	border-bottom:			0 !important;
}

#menu #social .social_link i{
	display:				block;
	width:					100%;
	height:					100%;
	float:					left;
	font-style:				normal;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	color:					rgba(255,255,255,0.5);
	line-height:			62.4px;
	border-bottom:			0 !important;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#menu #social .social_link:hover > i{
	color:					rgba(255,255,255,1);
}






/* Projects */
#projects{
	width:					100%;
	height:					100%;
	position:				relative;
	transition:				2s;
	-moz-transition:		2s;
	-webkit-transition:		2s;
	-ms-transition:			2s;
	-o-transition:			2s;
	margin-left:			40px;
	animation-name: 		loadingProjects;
	-moz-animation-name:	loadingProjects;
	-webkit-animation-name: loadingProjects;
	-ms-animation-name:		loadingProjects;
	-o-animation-name:		loadingProjects;
	animation-duration:		2s;
    -moz-animation-duration:2s;
    -webkit-animation-duration:2s;
    -ms-animation-duration:	2s;
    -o-animation-duration:	2s;
    animation-delay:		0s;
    -moz-animation-delay:	0s;
    -webkit-animation-delay:0s;
    -ms-animation-delay:	0s;
    -o-animation-delay:		0s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
    opacity:				0;
}

#projects #search{
	width:					100%;
	height:					60px;
	float:					left;
	margin-top:				30px;
}

#projects form{
	width:					100%;
	height:					100%;
	float:					left;
	border-bottom:			5px solid rgba(0,0,0,0.2);
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#projects form:hover{
	border-bottom:			5px solid rgba(0,0,0,0.3);
}

#projects form input[type=text]{
	width:					90%;
	height:					100%;
	float:					left;
	border:					none;
	font-family:			'din',arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				50px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	color:					#999;
	outline:				none;
	background:				none;
	opacity:				0.5;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#projects form input[type=text]:hover{
	opacity:				1;
}

#projects form button{
	width:					10%;
	height:					100%;
	float:					left;
	border:					none;
	font-style:				normal;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				right;
	color:					rgba(0,0,0,0.2);
	outline:				none;
	background:				none;
	cursor:					pointer;
	margin-top:				-5px;
}

#projects form button i{
	font-size:				50px;
	color:					rgba(0,0,0,0.2);
	line-height:			inherit;
}

#projects .items{
	width:					100%;
	height:					auto;
	float:					left;
	margin-bottom:			50px;
}

#projects .items .item{
	width:					100%;
	height:					300px;
	float:					left;
	position:				relative;
	background:				#FFF;
	margin-top:				45px;
	border-radius:			0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#projects .items .item .image{
	width:					100%;
	height:					100%;
	position:				relative;
	background:				#FFF;
	border-radius:			0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#projects .items .item .image img{
	width:					100%;
	height:					100%;
	float:					left;
	position:				relative;
	background-size:		cover;
	background-repeat:		no-repeat;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#projects .items .item .info{
	width:					45.5%;
	height:					100%;
	position:				absolute;
	top:					0;
	right:					1.5%;
}

#projects .items .item .info .title{
	width:					100%;
	height:					65px;
	float:					left;
	margin-top:				18px;
}

#projects .items .item .info .title p{
	font-weight:			normal;
	font-style:				normal;
	font-size:				50px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	color:					#555;
	line-height:			65px;
}

#projects .items .item .info .description{
	width:					100%;
	height:					auto;
	float:					left;
	margin-top:				10px;
	background:				rgba(0,0,0,0.0);
}

#projects .items .item .info .description span{
	font-family:			'cour',arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				13px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	padding-bottom:			20px;
}

#projects .items .item .info .viewmore{
	width:					auto;
	min-width:				auto;
	height:					auto;
	position:				absolute;
	right:					0;
	bottom:					20px;
	cursor:					pointer;
}

#projects .items .item .info .viewmore a{
	display:				block;
	width:					auto;
	height:					100%;
	font-family:			arial,tahoma,sans-serif;
	font-weight:			bold;
	font-style:				normal;
	font-size:				15px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			uppercase;
	text-align:				center;
	padding:				5px 10px;
	letter-spacing:			0.25;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	cursor:					pointer;
}

#projects .items .item .info .viewmore a[class="beatit"]{
	border:					5px solid #E00026;
	color:					#E00026;
}

#projects .items .item .info .viewmore a[class="beatit"]:hover{
	background:				#E00026;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="prime"]{
	border:					5px solid #87A846;
	color:					#87A846;
}

#projects .items .item .info .viewmore a[class="prime"]:hover{
	background:				#87A846;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="dba"]{
	border:					5px solid #FFF;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="dba"]:hover{
	background:				#FFF;
	color:					#000A8C;
}

#projects .items .item .info .viewmore a[class="alert"]{
	border:					5px solid #F00;
	color:					#F00;
}

#projects .items .item .info .viewmore a[class="alert"]:hover{
	background:				#F00;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="fredericia_furniture"]{
	border:					5px solid #F4F6F6;
	color:					#F4F6F6;
}

#projects .items .item .info .viewmore a[class="fredericia_furniture"]:hover{
	background:				#F4F6F6;
	color:					#000;
}

#projects .items .item .info .viewmore a[class="lecourage"]{
	border:					5px solid #FFF;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="lecourage"]:hover{
	background:				#FFF;
	color:					#143438;
}

#projects .items .item .info .viewmore a[class="rynkeby"]{
	border:					5px solid #FFF;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="rynkeby"]:hover{
	background:				#FFF;
	color:					#4D7B94;
}

#projects .items .item .info .viewmore a[class="blast"]{
	border:					5px solid #C82F77;
	color:					#C82F77;
}

#projects .items .item .info .viewmore a[class="blast"]:hover{
	background:				#C82F77;
	border:					5px solid #C82F77;
	color:					#FFF;
}

#projects .items .item .info .viewmore a[class="magnii"]{
	border:					5px solid #FFFFFF;
	color:					#FFFFFF;
}

#projects .items .item .info .viewmore a[class="magnii"]:hover{
	background:				#FFFFFF;
	border:					5px solid #FFFFFF;
	color:					#BED135;
}

#projects .items .item .info .viewmore a[class="evolve"]{
	border:					5px solid #FFFFFF;
	color:					#FFFFFF;
}

#projects .items .item .info .viewmore a[class="evolve"]:hover{
	background:				#EF3A61;
	border:					5px solid #EF3A61;
	color:					#FFFFFF;
}

#projects .items .item .info .viewmore a[class="jke"]{
	border:					5px solid #FFFFFF;
	color:					#FFFFFF;
}

#projects .items .item .info .viewmore a[class="jke"]:hover{
	background:				#FFF;
	border:					5px solid #FFF;
	color:					#C1CECD;
}





/* Dynamic Covers on Project Items on Projects List */

/* JKE Nordic Kitchen Design */
#jke_cover_lg{
	display:block;
}

#jke_cover_md{
	display:none;
}

#jke_cover_sm{
	display:none;
}

#jke_cover_ipad{
	display:none;
}

#jke_cover_mobile_landscape{
	display:none;
}

#jke_cover_mobile_portrait{
	display:none;
}




/* GroupVH Design */
#projects .items .item .info .viewmore a[class="groupvh"]{
	border:					5px solid #F00;
	color:					#F00;
}

#projects .items .item .info .viewmore a[class="groupvh"]:hover{
	background:				#F00;
	border:					5px solid #F00;
	color:					#FFF;
}




/* INTERSPORT Design */
#projects .items .item .info .viewmore a[class="intersport"]{
	border:					5px solid #FFF;
	color:					#FFFFFF;
}

#projects .items .item .info .viewmore a[class="intersport"]:hover{
	background:				#000;
	border:					5px solid #000;
	color:					#F9D451;
}







/* Project */
#menu #btn_back{
	width:					100%;
	height:					50px;
	position:				absolute;
	top:					110px;
	left:					0;
	display:				block;
	z-index:				99999;
	cursor:					pointer;
}

#menu #btn_back i{
	display:				block;
	width:					100%;
	height:					100%;
	float:					left;
	font-style:				none;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	line-height:			50px;
	color:					rgba(255,255,255,0.5);
	cursor:					pointer;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#menu #btn_back:hover > i{
	color:					rgba(255,255,255,1);
}

#company_logo{
	height:					auto;
	float:					left;
}

#company_logo img{
	width:					100%;
	height:					auto;
	float:					left;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#project_title{
	width:					100%;
	height:					auto;
	float:					left;
}

#project_title h1{
	font-weight:			normal;
	font-style:				normal;
	font-size:				80px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
}

#project_title h2{
	font-weight:			normal;
	font-style:				normal;
	font-size:				80px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
}

#beatit_cover_m{
	display:none !important;
}

#beatit #project_description{
	width:					100%;
	height:					auto;
	float:					left;
	margin-top:				20px;
	text-align:				center;
	margin-bottom:			20px;
}

#beatit #project_description span{
	font-weight:			normal;
	font-style:				normal;
	font-size:				14px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	line-height:			20px;
}

.go_to_section{
	display:				block;
	font-style:				normal;
	float:					left;
	font-size:				30px;
	width:					40px;
	height:					40px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	cursor:					pointer;
	text-shadow:			0 2px 0 rgba(0,0,0,0);
	margin-bottom:			20px;
	transition:				0.1s;
	-moz-transition:		0.1s;
	-webkit-transition:		0.1s;
	-ms-transition:			0.1s;
	-o-transition:			0.1s;
}

.go_to_section:hover{
	text-shadow:			0 5px 0 rgba(0,0,0,0.1);
}

#beatit #project_colors{
	width:					100%;
	height:					50px;
	float:					left;
	margin-top:				20px;
	margin-bottom:			40px;
}

#beatit .color{
	width:					50px;
	height:					100%;
	float:					left;
	margin-left:			32.3px;
	border-radius:			100%;
}

#beatit .color:first-child{
	margin-left:			0;
}

#project_logo{
	width:					100%;
	height:					100%;
	float:					left;
}

#project_logo img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#beatit #project_characters{
	width:					100%;
	height:					auto;
	float:					left;
}

#beatit #project_characters img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#beatit #project_gameflow{
	width:					100%;
	height:					auto;
	float:					left;
}

#beatit #project_gameflow img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}





/* Prime */
#prime #project_description{
	width:					100%;
	height:					auto;
	float:					left;
	margin-top:				20px;
	text-align:				left;
	margin-bottom:			20px;
}

#prime #project_description span{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	line-height:			30px;
}

#prime #project_description ul li{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#525252;
	line-height:			30px;
}

#prime #project_image{
	width:					100%;
	height:					auto;
	float:					left;
}

#prime #project_image img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#prime table{
	border:					0;
	font-family:			arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				left;
	color:					#575757;
	border-collapse:		collapse;
	width:					100%;
}

#prime table, th, td{
	border:					1px solid #A7A7A7;
}

#prime table[class="result"], #prime table[class="result"] th, #prime table[class="result"] td{
	border:					1px solid #87A847;
}

#prime table tr td:nth-child(even){
	width:					48%;
	padding:				1%;
}

#prime table tr td:nth-child(odd){
	width:					48%;
	padding:				1%;
}

#prime #video{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	opacity:				1;
	transition:				2s;
	-moz-transition:		2s;
	-webkit-transition:		2s;
	-ms-transition:			2s;
	-o-transition:			2s;
}

#prime #video video{
    min-width:				100% !important;
    width:					100% !important;
    max-height:				100% !important;
    min-height:				100% !important;
    background-size:		cover;
}

#prime #overlay_reklamefilm{
	width:					100%;
	height:					auto;
	min-height:				100%;
	position:				relative;
	top:					0;
	left:					0;
	z-index:				999;
	opacity:				1;
	transition:				0.5s;
	-moz-transition:		0.5s;
	-webkit-transition:		0.5s;
	-ms-transition:			0.5s;
	-o-transition:			0.5s;
}

#prime #play_reklamefilm{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#prime #play_reklamefilm:hover{
	background:				rgba(150,200,150,0.6);
}

#prime #play_reklamefilm i{
	width:					100%;
	height:					100%;
	font-size:				50px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#prime #play_reklamefilm:hover > i{
	font-size:				68px;
	color:					rgba(255,255,255,1);
}

#prime #go_to_section30{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#prime #go_to_section30 i{
	width:					100%;
	height:					100%;
	font-size:				30px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	left:					0.5px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#prime #go_to_section30:hover > i{
	color:					rgba(255,255,255,1);
}









/* Den Blå Avis */
#dba #project_description{
	width:					100%;
	height:					auto;
	float:					left;
	margin-top:				20px;
	text-align:				left;
	margin-bottom:			20px;
}

#dba #project_description span{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	line-height:			30px;
}

#dba #project_description ul li{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#525252;
	line-height:			30px;
}

#dba #project_image{
	width:					100%;
	height:					auto;
	float:					left;
}

#dba #project_image img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#dba #video{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	opacity:				1;
	transition:				2s;
	-moz-transition:		2s;
	-webkit-transition:		2s;
	-ms-transition:			2s;
	-o-transition:			2s;
}

#dba #video video{
    min-width:				100% !important;
    width:					100% !important;
    max-height:				100% !important;
    min-height:				100% !important;
    background-size:		cover;
}

#dba #overlay_reklamefilm{
	width:					100%;
	height:					auto;
	min-height:				100%;
	position:				relative;
	top:					0;
	left:					0;
	z-index:				999;
	opacity:				1;
	transition:				0.5s;
	-moz-transition:		0.5s;
	-webkit-transition:		0.5s;
	-ms-transition:			0.5s;
	-o-transition:			0.5s;
}

#dba #play_reklamefilm{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #play_reklamefilm:hover{
	background:				rgba(20,120,255,0.85);
}

#dba #play_reklamefilm i{
	width:					100%;
	height:					100%;
	font-size:				50px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #play_reklamefilm:hover > i{
	font-size:				68px;
	color:					rgba(255,255,255,1);
}

#dba #go_to_section4{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #go_to_section4 i{
	width:					100%;
	height:					100%;
	font-size:				30px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	left:					0.5px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #go_to_section4:hover > i{
	color:					rgba(255,255,255,1);
}

#dba #go_to_section5{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #go_to_section5 i{
	width:					100%;
	height:					100%;
	font-size:				30px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	left:					0.5px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#dba #go_to_section5:hover > i{
	color:					rgba(255,255,255,1);
}

#dba #view_behindthescenes{
	width:					100%;
	position:				absolute;
	top:					550px;
	z-index:				9998;
	text-align:				center;
	display:				block;
	position:				center;
	opacity:				0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#dba #view_behindthescenes p{
	font-family:			arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				14px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#FFF;
}








/* Blast Pro Series */
#blast_match #play_reklamefilm{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#blast_match #play_reklamefilm:hover{
	background:				#C73374;
}

#blast_match #play_reklamefilm i{
	width:					100%;
	height:					100%;
	font-size:				50px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#blast_match #play_reklamefilm:hover > i{
	font-size:				68px;
	color:					rgba(255,255,255,1);
}










/* Le Courage */
#lecourage #project_description{
	width:					100%;
	height:					auto;
	float:					left;
	margin-top:				20px;
	text-align:				left;
	margin-bottom:			20px;
}

#lecourage #project_description span{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	line-height:			30px;
}

#lecourage #project_description ul li{
	font-weight:			normal;
	font-style:				normal;
	font-size:				18px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#525252;
	line-height:			30px;
}

#lecourage #project_image{
	width:					100%;
	height:					auto;
	float:					left;
}

#lecourage #project_image img{
	width:					100%;
	height:					auto;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#lecourage #video{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	opacity:				1;
	transition:				2s;
	-moz-transition:		2s;
	-webkit-transition:		2s;
	-ms-transition:			2s;
	-o-transition:			2s;
}

#lecourage #video video{
    min-width:				100% !important;
    width:					100% !important;
    max-height:				100% !important;
    min-height:				100% !important;
    background-size:		cover;
}

#lecourage #overlay_reklamefilm{
	width:					100%;
	height:					auto;
	min-height:				100%;
	position:				relative;
	top:					0;
	left:					0;
	z-index:				999;
	opacity:				1;
	transition:				0.5s;
	-moz-transition:		0.5s;
	-webkit-transition:		0.5s;
	-ms-transition:			0.5s;
	-o-transition:			0.5s;
}


#lecourage #play_reklamefilm{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					330px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #play_reklamefilm:hover{
	background:				rgba(25,60,65,1);
}

#lecourage #play_reklamefilm i{
	width:					100%;
	height:					100%;
	font-size:				50px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #play_reklamefilm:hover > i{
	font-size:				63px;
	color:					rgba(255,255,255,1);
}

#lecourage #go_to_section4{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #go_to_section4 i{
	width:					100%;
	height:					100%;
	font-size:				30px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					0px;
	left:					0.5px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #go_to_section4:hover > i{
	color:					rgba(255,255,255,1);
}

#lecourage #go_to_section5{
	width:					100%;
	height:					68px;
	position:				absolute;
	top:					380px;
	background:				rgba(0,0,0,0);
	cursor:					pointer;
	display:				block;
	z-index:				1;
	border-radius:			100%;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #go_to_section5 i{
	width:					100%;
	height:					100%;
	font-size:				30px;
	text-align:				center;
	color:					rgba(255,255,255,0.85);
	position:				absolute;
	top:					19px;
	left:					0.5px;
	line-height:			30px;
	cursor:					pointer;
	transition:				0.4s;
	-moz-transition:		0.4s;
	-webkit-transition:		0.4s;
	-ms-transition:			0.4s;
	-o-transition:			0.4s;
}

#lecourage #go_to_section5:hover > i{
	color:					rgba(255,255,255,1);
}

#lecourage #view_behindthescenes{
	width:					100%;
	position:				absolute;
	top:					550px;
	z-index:				9998;
	text-align:				center;
	display:				none;
	position:				center;
	opacity:				0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#lecourage #view_behindthescenes p{
	font-family:			arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				14px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#FFF;
}










/* PLAYGROUND */
#playground{
	width:					100%;
	height:					100%;
	float:					left;
}

#playground .item{
	width:					33.3%;
	height:					33.3%;
	float:					left;
	position:				relative;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	background-repeat:		no-repeat !important;
	background-size:		cover !important;
	background-position:	center top !important;
	overflow:				hidden !important;
}

#playground .item_bg{
	width:					100%;
	height:					100%;
	float:					left;
	background:				rgba(0,0,0,0);
	position:				absolute;
	top:					0;
	left:					0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	z-index:				1;
}

#playground .item:hover > .item_bg{
	background:				rgba(0,0,0,0.75);
}
#playground .item img{
	width:					100%;
	height:					100%;
	float:					left;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
	background-repeat:		no-repeat !important;
	background-size:		cover !important;
	background-position:	center center !important;
}

#playground .item:hover > img{
	width:					110%;
	height: 				110%;
	margin-left:			-5%;
	margin-top:				-5%;
}

#playground .item .item_info{
	width:					90%;
	height:					auto;
	position: 				absolute;
	top:					35%;
	left:					5%;
	text-align:				center;
	z-index:				9999;
	opacity:				0;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground .item:hover > .item_info{
	opacity:				1;
}

#playground .item .item_info span{
	display:				block;
	margin-bottom:			50px;
	width:					100%;
	height:					auto;
	font-family:			roboto,arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				14px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					#FFF;
}

#playground .item .item_info a{
	display:				block;
	width:					40%;
	height:					30px;
	position:				absolute;
	bottom:					0px;
	left:					30%;
	line-height:			30px;
	letter-spacing:			1.5;
	font-family:			arial,tahoma,sans-serif;
	font-weight:			bold;
	font-style:				normal;
	font-size:				14px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	color:					#000;
	background:				rgba(255,255,255,0.75);
	border-radius:			50px;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground .item .item_info a:hover{
	background:				rgba(255,255,255,1);
}

#playground_item_display_overlay{
	width:					100%;
	position:				absolute;
	top:					0;
	left:					0;
	background:				rgba(0,0,0,0.9);
	z-index:				99999999;
}

#playground_item_white_box_outter{
	width:					100%;
	height:					100%;
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				9999999999;
}

#playground_item_white_box_inner{
	max-width:				50%;
	height:					auto;
	margin:					0 auto;
}

#playground_item_white_box{
	width:					100%;
	height:					auto;
	float:					left;
	background:				#FFF;
	margin-top:				50px;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground_item_white_content{
	width:					95%;
	height:					auto;
	float:					left;
	margin-top:				2.5%;
	margin-bottom:			2.5%;
	margin-left:			2.5%;
	margin-right:			2.5%;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground_item_white_content img{
	width:					100%;
	height:					auto;
	float:					left;
	background-repeat:		no-repeat;
	background-position:	top left;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground_item_white_content iframe{
	width:					100%;
	height:					auto;
	min-height:				540px;
	float:					left;
	background-repeat:		no-repeat;
	background-position:	top left;
	transition:				0.3s;
	-moz-transition:		0.3s;
	-webkit-transition:		0.3s;
	-ms-transition:			0.3s;
	-o-transition:			0.3s;
}

#playground_item_white_box_close_outter{
	width:					100%;
	height:					50px;
	float:					left;
	margin-top:				25px;
}

#playground_item_white_box_close{
	width:					auto;
	height:					50px;
	margin:					0 auto;
	cursor:					pointer;
	font-family:			arial,tahoma,sans-serif;
	font-weight:			bold;
	font-style:				normal;
	font-size:				20px;
	text-decoration:		none !important;
	text-shadow:			none;
	text-transform:			none;
	text-align:				center;
	color:					#FFF;
}

#playground_item_white_box_close a{
	text-decoration:		none !important;
}

#playground_item_white_box_close i{
	display:				block;
	width:					100%;
	height:					100%;
	float:					left;
	font-size:				50px;
	text-align:				center;
	color:					#FFF;
	text-shadow:			0 0 1px rgba(0,0,0,0.4);
	line-height:			50px;
	cursor:					pointer;
}

#playground_item_white_content img[class="medinabass"]{
	animation-name: 		medinabass;
	-moz-animation-name:	medinabass;
	-webkit-animation-name: medinabass;
	-ms-animation-name:		medinabass;
	-o-animation-name:		medinabass;
	animation-duration:		3s;
    -moz-animation-duration:3s;
    -webkit-animation-duration:3s;
    -ms-animation-duration:	3s;
    -o-animation-duration:	3s;
    animation-delay:		1s;
    -moz-animation-delay:	1s;
    -webkit-animation-delay:1s;
    -ms-animation-delay:	1s;
    -o-animation-delay:		1s;
    animation-fill-mode:	forwards;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -o-animation-fill-mode:	forwards;
}








/* CONTACT */
#contact_text{
	width:					600px;
	height:					auto;
	float:					left;
}

#contact_info{
	width:					400px;
	height:					460px;
	float:					left;
}

#contact_info img{
	width:					100%;
	height:					100%;
	float:					left;
	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		cover;
}

#contact_info #text{
	width:					100%;
	height:					auto;
	min-height:				130px;
	float:					left;
	margin-top:				55px;
	border-top:				1px dashed rgba(255,255,255,1);
	padding-top:			10px;
}

#contact_info #text span{
	font-family:			roboto,arial,tahoma,sans-serif;
	font-size:				15px;
	line-height:			28px;
	color:					#FFF;
	text-transform:			none;
	text-shadow:			none;
	text-decoration:		none;
}

#contact_info #text span strong{
	-webkit-text-stroke:	0.5px;
	color:					#FFF;
}








#blog .setup1_title_outter{
	width:					100%;
	height:					auto;
	float:					left;
}

#blog .setup1_title{
	width:					60%;
	height:					auto;
	float:					left;
	margin-top:				44px;
}

#blog .setup1_title h1{
	font-family:			gotham_ultra,arial black,arial,tahoma,sans-serif;
	font-weight:			bold;
	font-size:				50px;
	text-decoration:		none;
	text-shadow:			none;
	text-align:				left;
	text-transform:			none;
	color:					rgba(0,0,0,0.85);
	background:				rgba(255,255,255,0.85);
	letter-spacing:			0.3;
	display:				inline;
	line-height:			67px;
	border-left:			6px solid #F00;
	padding:				10px;
}

#blog .setup1_description1{
	width:					40%;
	height:					auto;
	min-height:				150px;
	float:					left;
	margin-top:				44px;
	background:				rgba(255,255,255,0.85);
	border:					1px solid rgba(0,0,0,0.05);
	padding:				8px 10px;
}

#blog .setup1_description1 span{
	font-family:			opensans,arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				12px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform: 		none;
	text-align:				left;
	color:					#000;
	line-height:			21px;
}

#blog .setup1_description1 span strong{
	-webkit-text-stroke:	0.3px;
}







#blog .setup2_frame{
	width:					320px;
	height:					auto;
	position:				absolute;
	bottom:					0;
	right:					0;
	background:				rgba(255,255,255,0.85);
	padding:				25px 25px 200px 25px;
	border-left:			1px solid #F5F5F5;
	border-right:			1px solid #F5F5F5;
	border-top:				1px solid #F5F5F5;
	border-bottom:			1px solid #F5F5F5;
}

#blog .setup2_title_outter{
	width:					100%;
	height:					auto;
	float:					left;
}

#blog .setup2_title{
	width:					100%;
	height:					auto;
	float:					left;
	
}

#blog .setup2_title h1{
	font-family:			gotham_ultra,arial black,arial,tahoma,sans-serif;
	font-weight:			bold;
	font-size:				40px;
	text-decoration:		none;
	text-shadow:			none;
	text-align:				left;
	text-transform:			none;
	color:					#000;
	letter-spacing:			0.3;
	line-height:			40px;
}

#blog .setup2_description1{
	width:					100%;
	height:					auto;
	min-height:				150px;
	float:					left;
	margin-top:				20px;
}

#blog .setup2_description1 span{
	font-family:			opensans,arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				12px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform: 		none;
	text-align:				left;
	color:					#000;
	line-height:			21px;
}

#blog .setup2_description1 span strong{
	-webkit-text-stroke:	0.3px;
}

#blog .blog_date{
	width:					465px;
	margin:					0 auto;
	height:					40px;
	position:				relative;
	bottom:					170px;
	text-align:				center;
}

#blog .blog_date p{
	font-family:			gotham_ultra,arial,tahoma,sans-serif;
	font-weight:			normal;
	font-style:				normal;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					rgba(0,0,0,0.85);
	text-align:				center;
	line-height:			40px;
	display:				inline-block;
	padding:				0 15px;
	background:				rgba(255,255,255,0.85);
	border:					1px solid #F5F5F5;
	margin-top:				5px;
}

#blog .blog_date p:nth-child(1){
	margin-top:				0;
}

#blog .blog_date p:nth-child(2){
	margin-top:				0;
}





#blog .blog_nav{
	width:					465px;
	margin:					0 auto;
	height:					40px;
	position:				relative;
	bottom:					120px;
	text-align:				center;
}

#blog .blog_nav a{
	text-align:				center;
	text-transform:			none;
	text-shadow:			none;
	text-decoration:		none;
	color:					rgba(0,0,0,0.85);
}

#blog .blog_nav a i{
	font-weight:			normal;
	font-style:				normal;
	font-size:				30px;
	text-decoration:		none;
	text-shadow:			none;
	text-transform:			none;
	color:					rgba(0,0,0,0.85);
	text-align:				center;
	line-height:			40px;
	display:				inline-block;
	padding:				0 15px;
	background:				rgba(255,255,255,0.85);
	border:					1px solid #F5F5F5;
	margin-top:				5px;
}






/* ANIMATION */
@keyframes loadingMenu{
    from{
    	opacity:0;
    	bottom:130px;
    }

    to{
    	opacity:100;
    	bottom:170px;
    }
}

@keyframes menulinks{
    0%{
    	color:#FFF;
    }

    90%{
    	color:#FFF;
    }

    100%{
    	color:#000;
    }
}

@keyframes loadingTitle{
    from{
    	opacity:0;
    }

    to{
    	opacity:100;
    }
}

@keyframes loadingProjects{
    0%{
    	opacity:0;
    	bottom:-800px;
    }

    100%{
    	opacity:100;
    	bottom:0;
    }
}

@keyframes loadingTitleTwo{
    0%{
    	opacity:0;
    }

    10%{
    	opacity:100;
    }

    90%{
    	opacity:100;
    }

    100%{
    	opacity:0;
    }
}

@keyframes overlay{
	0%{
		opacity:0;
	}

	10%{
		opacity:100;
	}

	90%{
		opacity:100;
		transform:rotateY(0deg);
	}

	99%{
		opacity:0;
		transform:rotateY(90deg);
	}

	100%{
		display:none;
	}
}

@keyframes topline{
	0%{
		opacity:0;
		width:0;
	}

	10%{
		opacity:100;
		width:0;
	}

	90%{
		opacity:100;
		width:50%;
	}

	100%{
		opacity:100;
		width:100%;
	}
}

@keyframes medinabass{
	0%{
		width:					100% !important;
		height:					auto !important;
	}

	50%{
		width:					150% !important;
		height:					auto !important;
	}

	100%{
		width:					100% !important;
		height:					auto !important;
	}
}








/* Devices */
@media (min-width: 2000px){
	.go_to_section{
		display:none !important;
	}
}

@media (min-width: 1200px){
	#playground .item{
		height:					50% !important;
	}
}

@media (min-width:900px){
	#playground .item
	{
		width:					25%;
		height:					25%;
		float:					left;
		position:				relative;
	}
}

@media (min-height:950px){
	.go_to_section{
		display:none !important;
	}
}

@media (max-height:500px){
	.go_to_section{
		display:none !important;
	}
}

@media (max-width:700px){
	#playground .item
	{
		width:					50%;
		height:					50%;
	}
}






@media (max-width: 1300px){
	#projects_list[class="inner"]{
		width:1000px !important;			
	}

	#projects .items .item{
		height:400px !important;
	}

	#beatit_cover_l{
		display:none !important;
	}

	#beatit_cover_m{
		display:block !important;
	}

	#jke_cover_lg{
		display:none;
	}

	#jke_cover_md{
		display:block;
	}
}

@media (max-width: 1215px){
	#beatit .inner{
		max-width:800px !important;
	}

	#prime .inner{
		max-width:800px !important;
	}

	#dba .inner{
		max-width:800px !important;
	}

	#prime #project_description, #dba #project_description{
		text-align:center !important;
	}

	#prime .outter:first-child{
		margin-left:30px;
	}

	#prime .outter .outter, #dba .outter .outter{
		margin-left:0 !important;
	}

	#prime #section29[class="outter"]{
		margin-left:0 !important;
	}

	#prime ul li{
		list-style-type: none !important;
	}
}

@media (max-width:1100px){
	#projects_list[class="inner"]{
		width:800px !important;			
	}

	#projects .items .item .info .title, #projects .items .item .info .description{
		display:none !important;
	}

	#jke_cover_md{
		display:none;
	}

	#jke_cover_sm{
		display:block;
	}
}

@media (max-width: 970px){
	#projects_list[class="inner"]{
		width:650px !important;			
	}

	#beatit .inner, #prime .inner, #dba .inner{
		max-width:550px !important;
	}

	#prime #section29 #project_title, #dba #section3 #project_title{
		width:90% !important;
		left:8% !important;
		top:40% !important;
	}

	#project_title h1{
		font-size:63px;
		line-height:60px !important;
	}

	#project_title h2{
		font-size:63px;
		line-height:60px !important;
	}

	#prime ul li{
		font-size:14px !important;
		line-height:18px;
	}

	#play_reklamefilm:nth-child(1){
		top:320px !important;
		left:30px !important;
	}

	#dba #go_to_section4{
		left:30px !important;
	}

	#dba #view_behindthescenes{
		width:94%;
		padding-left:6%;
	}

	#jke_cover_sm{
		display:none;
	}

	#jke_cover_ipad{
		display:block;
	}

	.inner{
		max-width:550px !important;
	}

	#contact_text{
		max-width:500px !important;
		padding-right:50px;
	}
}

@media (max-width: 736px){
	#projects_list[class="inner"]{
		width:450px !important;			
	}

	#beatit .inner, #prime .inner, #dba .inner{
		max-width:500px !important;
	}

	.go_to_section{
		display:none !important;
	}

	#project_title h1{
		font-size:53px;
		line-height:50px !important;
	}

	#project_title h2{
		font-size:53px;
		line-height:50px !important;
	}

	#prime #project_description span, #dba #project_description span{
		font-size:12px !important;
	}

	#prime #project_description ul li{
		font-size:14px !important;
		line-height:25px;
	}

	#prime .inner #section20 .inner{
		padding-left:0 !important;
	}

	#jke_cover_ipad{
		display:none;
	}

	#jke_cover_mobile_landscape{
		display:block;
	}
}

@media (max-width: 500px){
	#projects_list[class="inner"]{
		width:250px !important;			
	}

	#jke_cover_mobile_landscape{
		display:none;
	}

	#jke_cover_mobile_portrait{
		display:block;
	}

	#projects .items .item .info .viewmore{
		bottom:6px;
	}

	#projects .items .item .info .viewmore a{
		width:212px;
	}

	#projects .items .item .info .viewmore a[class="jke"]{
		background:#FFF;
		border:5px solid #FFFFFF;
		color:#C1CECD;
	}
}