@charset "utf-8";
/* CSS Document */



@font-face {
	font-family: mpl;
src: url('pt1.ttf'),
     url('pt1.eot'); /* IE9+ */
	 }
@font-face {
	font-family: mpl2;
src: url('pt2.ttf'),
     url('pt2.eot'); /* IE9+ */
}




.swiper-container
{

	 -webkit-transform: translateZ(0); 
	 -webkit-backface-visibility: hidden;
	 transform: translateZ(0);
	 transform: scale(0.33, 0.33);
	 -webkit-transform:  scale(0.33, 0.33);
	 width: 1150px;
	 height: 200%;
	 left: -52.5%;
	 top: -50%;
}



.vector
{
	top: 50%;
left: 50%;
margin-top: -747.5px;
margin-left: -630.5px;
}

.langlink
{
    display: inline-block;
    height: 10px;
    width: 20px;
    float: left;
    margin-left: 8px;
	margin-right: 8px;
	text-decoration:underline;
    margin-top: 1px;
		font-family: mpl2;
	font-size: 16px; 
		color:#323232;
}


.langlink a
{
    display: inline-block;
    height: 10px;
    width: 20px;
    float: left;
    margin-left: 8px;
	margin-right: 8px;
	text-decoration:underline;
    margin-top: 1px;
		font-family: mpl2;
	font-size: 16px; 
		color:#323232;
} 
.langdiv
{
    display: inline-block;
    height: 10px;
    width: 20px;
    float: left;
    margin-left: 18px;
	margin-right: 1px;
    margin-top: 1px;
		font-family: mpl;
	font-size: 16px; 
	text-align: center;
	color:#000;
}


#transDemo4:hover #rotateX, #transDemo4.hover_effect #rotateX {

  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  transform:rotateY(180deg);
}
#transDemo4:hover #rotateY, #transDemo4.hover_effect #rotateY {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  transform:rotateY(180deg);
}
#transDemo4:hover #rotateZ, #transDemo4.hover_effect #rotateZ {
  -webkit-transform:rotateY(-180deg);
  -moz-transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg);
  transform:rotateY(-180deg);
}

#langlable
{
	position: absolute;
	width: 557px; 
	height:55px; 
    top: 0; left: 50%; bottom: 0; margin-left: -247px;
}




#unitymenuwrapper
{
	position: absolute;
	width: 100%; 
	height:100%;
	background-color:#000;	
z-index:99998;	
}

#unitymenu
{
	position: absolute;
	width: 255px; 
	height:255px;
	background-color:#FFF;
	    top: 0; left: 0; bottom: 0; right: 0;
margin: auto;
z-index:99999; 


}
#unitymenu p
{
	margin-top:  50px;;
	font-family: mpl2;
	font-size: 12pt; 
	margin-left: 35px; 
	margin-right: 35px;
	text-align:center;
}

#unitymenu a
{
	color: #000;
	text-decoration:none;
	
}

#mainmenu
{
	position: absolute;
	width: 155px; 
	height:120px; 

    top: 399px; left: 0; bottom: 0; right: 0;
margin: auto; 

}

#mainmenu2
{
	position: absolute;
	width: 155px; 
	height:120px; 
    top:7%; left: 0; bottom: 0; right: 0;
margin: auto; 
margin-top: 500px;

}


#maintext
{
	position: absolute;
	width: 225px; 
	height:150px; 
text-align:center;
    top: 0; left: 0; bottom: 0; right: 0;
	margin: auto; 
	color: #faf5ee;
}


.link
{
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #faf5ee;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
    margin-top: -1px;
	color:#faf5ee;
}


.storelinks
{
	
	height:39px;
	width: 156px;
    margin-top: -1px;


}

.storelink
{
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 76px;
	float:left;
		display:block;
	position:relative;
		border: solid;
	border-color: #faf5ee;
	border-width: 1px;
	text-align:center;
	cursor:pointer;
	margin-top: -2px;
	color:#faf5ee;
}

#backlink
{
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #faf5ee;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
    margin-top: -1px;
	color:#000;
}

.link:hover
{
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #faf5ee;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	background:#000;
	color:#FFF;	
margin-top: -1px;

}

.storelink:hover
{
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 76px;
		border: solid;
	border-color: #faf5ee;
	border-width: 1px;
	text-align:center;
	cursor:pointer;
	background:#000;
	color:#FFF;	
margin-top: -2px;

}


#lable
{
	font-family: mpl;
	font-size: 130px; 
	line-height: 1.3;

	margin-left: -115px;
		margin-top: 10px;
	text-align:center;
}

#caption
{
	font-family: mpl;
	font-size: 130px; 
	line-height: 1.3;

	margin-left: 0px;
		margin-top: 10px;
	text-align:center;
}
#labletext
{
	font-family: mpl2;
	font-size: 14px; 
	line-height: 1.5;
	text-align:center;
	margin-top: -38px;
	width: 300px;
	margin-left: -150px;
	position:absolute;
}


#m1 #labletext
{
	font-family: mpl2;
	font-size: 14px; 
	line-height: 1.5;
	text-align:center;
	margin-top: 138px;
	width: 300px;
	margin-left: -150px;
	position:absolute;
} 

body
{
	background-color:#FFFFFF;
	position:fixed;
	width: 100%;
	height: 100%;
 	padding: 0;
	padding-top:0;
    margin-top:0;

}

#allofit
{
	background-color:#FFFFFF;
    position: fixed;
	padding: 0;
	padding-top:0;
    top: 0;
	margin-left: -10px;
    margin-top:0;
	    border: none;
	overflow:hidden; 

}

.iframe-wrapper {
    position: relative; 
    overflow: hidden;
    width: 300px; 
    height: 100%;

	margin:auto;

	margin-top: 8%;


}

#level1
{
position: absolute;
background-repeat:no-repeat;
background-size: 100% auto;
opacity: 1;
width: 1363px;
height: 1532px;
}

#block7
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 312px;
height: 567px;
top: -2500px;
background-image:url(block7.png);
}

#block6
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 311px;
height: 567px;
background-image:url(block6.png);
}
#block5
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 425px;
height: 760px;
left: 1903px;
background-image:url(block5.png);
}
#block4
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 805px;
height: 984px;
background-image:url(block4.png);
}
#block3
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
height: 762px;
width: 622px;
left: -1203px;
background-image:url(block3.png);
}
#block2
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 312px;
height: 568px;
left: 1503px;
background-image:url(block2.png);
}
#block1
{
position: absolute;
background-repeat:no-repeat;
background-size: 100%;
width: 311px;
height: 567px;
top: 110%;
background-image:url(block1.png);
}


#cube-wrapper {
	width:557px;
	height:557px;
	position:absolute;
    top: 50%; 
	left: 50%;
	margin-top: -298.5px;
	margin-left: -278.5px;

}



.screenshot
{
	height: 1024px; 
	width:775px; 
    top: 0; left: 0; bottom: 0; right: 0;
	margin: auto; 
}

#prescreen
{
position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
	 	padding: 0;
	padding-top:0;
    margin-top:0;
    background-color:#FFF; /* change if the mask should have another color then white */
    z-index:99995;

}



#acontent p
{
	margin-top: 60px;
	font-family: mpl2;
	font-size: 15px; 
	line-height: 1.7;
	margin-left: 30px; 
	margin-right: 30px;
	text-align:center;
	
 
}

#acontent
{
		width: 100%; 
	height:100%;
	margin-left: 0;
	position: absolute;
	top:130%;
	margin-top: -285px;
	
}
#acontentbg
{
background:#fada00;
	width: 105%; 
	height:150%;
	margin-left: -20px;

	margin-top: -680px;
}








#mcontent
{
	
		width: 557px; 
	height:557px; 
	margin-left: 0;
	position: absolute;
}



#mainmenu3
{
	
	-webkit-transform: translateZ(0); 
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
    transform: scale(0.33, 0.33);
	-webkit-transform:  scale(0.33, 0.33);
	position: absolute;
	width: 194px; 
	height:194px; 
    z-index:9999999;
    bottom:0; left: 0; top: 0; right: 0;
margin: auto; 


}

#mmenu
{
	position:absolute;
		width: 165px; 
	height:120px; 
 
	    bottom:0; left: 15px; top: -20px; right: 0;
margin: auto;

}


#press
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	 bottom:0; left: 0; top: -22%; right: 0;
		color:#FFF;	
		margin: auto; 
		background: #000;
}

#press2
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	 bottom:0; left: 0; top: -160px; right: 0;
		color:#000;	
		margin: auto; 
		background: #fff;
}

#press2:hover
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	 bottom:0; left: 0; top: -160px; right: 0;
		color:#fff;	
		margin: auto; 
		background: #000;
}

#backlink2
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	 bottom:0; left: 0; top: 19%; right: 0;
		color:#FFF;	
		margin: auto; 
		
}

#press:hover
{
	position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	background:#FFF;

	color:#000;	
	 bottom:0; left: 0; top: -22%; right: 0;
		margin: auto; 
}

#backlink2:hover
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
	 bottom:0; left: 0; top: 19%; right: 0;
		color:#000;	
		margin: auto; 
	background:#FFF;
}



#backlink:hover
{
	 position:absolute;
	font-family: mpl;
	font-size: 16px; 
	line-height: 2.5;
	height:39px;
	width: 155px;
		border: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-left-style:hidden;
	border-right-style:hidden;
	text-align:center;
	cursor:pointer;
		color:#FFF;	
	background:#000;
}




#contactlink a
{
	 color:#000; font-size: 13px;
}

#credits
{
	text-align:center; 	font-family: mpl2; font-size: 12px; font-color:#000; margin-top: 15px;
}

#credits a
{
	 color:#000;
}



#whitecontainer
{
	position: absolute;
	width: 557px;
	height:557px; 
}

#whitelable
{
	position: absolute;
	width: 557px; 
	height:557px; 
    top: 0; left: 0; bottom: 0; right: 0;
	margin: auto; 
   
}
#contactlink
{
	text-align:center; 	font-family: mpl2; font-size: 12px; font-color:#000; margin-top: 0px;
}
#contactlink a
{
	 color:#000;
}

#appstorelink
{
position: absolute;	
width: 228px; 

    top: 91%; left: 50%; margin-left: -114px;
   z-index:1;
   cursor:pointer;
}




#about2
{
position: absolute;	
width: 260px; 
height: 133px;
border-bottom-color:#000;
border:1px dotted;
top: 245px;
left: 68%;
}





#foot a
{
 	     color: #000;

	 }
	 
	 
#closebox
	 
	{

width: 112px;
height:112px;
top:0;
left:100%;
margin-left: -135px;
margin-top: -112px;
background-color:#d23344;
position: absolute;	
} 


.fb-like
{
width: 112px;
height:112px;
top:0;
left:100%;
margin-left: -130px;
margin-top: 25px;
position: absolute;	

}

	 .fb-like a
{
	font-family: mpl2;
	font-size: 15px; 
	color:#000;
}

	 
	 
.centered {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}
	 
	 .centerer {
  text-align:center; /* Align center inline elements */
  font: 0/0 a;       /* Hide the characters like spaces */
}

.centerer:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

	 
	 
	 
#mobile
{
	position: absolute;
	width: 100%; 
	height: 100%; 
	background-color:#c654f2;
	text-align:center;
	overflow-y:scroll;
    overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}	 


#mobilemenu
{
	position: absolute;
	top: 90%;
	left: 0; bottom: 0; right: 0;
	margin: auto; 
	z-index:100;
}	

.swipermobile
{

	 width: 100%;
	 height: 100%;
	  overflow:hidden;
}
.swipermobile img
{

	 height: 100%;
}

.screenshotmobile
{
	height: 100%;
 
    top: 0; left: 0; bottom: 0; right: 0;
	margin: auto; 
}

#mobilevideo

{
		 width: 100%;
	 height:  100%;
	 top: 0;
	 padding-bottom: 0;
	 
}

#m2

{
background-color:#000;
	 
}

#m3

{
background-color:#f9f4ee;
	 
}
#m4
{
background-color:#ffa51b;
	 	min-height:125%;
}

#mabout #credits
{
text-align:center; 	font-family: mpl2; font-size: 12px; font-color:#000; margin-top: 2%;
 
}

#mabout contactlink
{
text-align:center; 	font-family: mpl2; font-size: 12px; font-color:#000; margin-bottom: -1%;
 
}
#mabout p
{
	margin-top:  5%;
	font-family: mpl2;
	font-size: 3.9vw; 
	line-height: 1.5;
	margin-left: 35px; 
	margin-right: 35px;
	text-align:center;
 
}



#mabout
{
	position: absolute;
	height: 100%;
	overflow:hidden;

    width: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
	margin: auto; 

 
}
#m1 #lable
{
	margin-top:  1%;
    margin-left: 0px;
	color:#FFF;
}

#html5-video
{

}

.miframe-wrapper .ppVideoWrapper
{
		 width: 100%;
	 height:  100%;
	 top: 0;
	 padding-bottom: 0;
}
	 
 
.miframe-wrapper {
	
    position: relative; 
    overflow: hidden;
		 width: 100%;
	 height: 100%;
	margin:auto;

}
	 
.onescreen {
	overflow-x: hidden;
    position: relative; 
	width: 100%;
	height: 100%;
} 

#momenu
{
	position:absolute;
		width: 155px; 
	height:120px; 
 
	    bottom:0; left: 0; top:35%; right: 0;
margin: auto;

}


#mabout #mainmenu2
{
	position: absolute;
	width: 1px; 
	height:1px; 
    top: 5px;

}
	/* flip the pane when hovered */

		-->