@font-face {
    font-family: odin;
    src: url(odin-regular.otf);
    
}

html
{
	position: absolute;
	width: 100%;
	min-width: 1250px;
	margin: 0px;
	padding: 0px;
	background-color: #001020;

	background-image: url(images/backgroundTop.png);
	background-repeat: no-repeat;

	background: 
   		url(images/backgroundTop.png) no-repeat,  
   		#001020;

   	background-size: 100%;

}

body 
{ 
	position: absolute;
	min-width: 1250px;
	width: 100%;
	font-family: 'Dosis', 'odin', Arial, serif; 
	font-size: 24px;
    color: #fce28e;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: 500;
    letter-spacing: 1px;
	//-webkit-font-smoothing: antialiased !important;
	//text-shadow: -1px -1px 1px rgba(252,226,142,0.4);


}

a
{
	color:#fce28e;
	text-decoration: none;
}

a:hover
{
	color:#63ffbb;
	text-decoration: none;
}

#wrapper
{
	width:100%;
	margin:0 auto;

}

.content
{
	width:1120px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#logo
{
	display:block;
	width:903px;
	height:241px;
	margin: 50px auto;
	margin-top: 75px;
}

table 
{
    border-collapse: collapse;
    width: 100%;
}

td
{
    text-align: left;
    padding: 8px;
}

.tableCellL
{
	width: 530px;
	height: 54px;
}

.tableCellR
{
	width: 420px;
	height: 54px;
}

.button
{
	border: 3px solid #fce28e;
	background-color: #ff4181;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fce28e;
	font-family: 'Dosis', 'odin', Arial, serif; 
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}

.imageLink
{
	//display:block;
	width:290px;
	height:180px;
	margin:26px;
}


.imageLinkStore
{
	width:200px;
	height:59px;
	margin-left: 10px;
	margin-right: 10px;
}

.image
{
	border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	//border: 5px solid #402468;
	cursor: pointer;
}

.imageSecret
{
	border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	//border: 5px solid #402468;
}

#buttonStore
{
	display:block;
	width: 672px;  
	height: 80px;
	margin: 0px auto;
	margin-top: 70px;
	margin-bottom: 65px;
}

#buttonsTopCont
{
	display:block;
	width:1080px;
	height:150px;
	margin: 0px auto;
	margin-top: 70px;
	margin-bottom: 60px;
}

#buttonsTopContSecret
{
	display:block;
	width:285px;
	height:150px;
	margin: 0px auto;
	margin-top: 100px;
	margin-bottom: 80px;
}

#buttonTrailer
{
	display: block;
	width:200px;
	height:59px;
	margin: 16px auto;
}

#buttonSecret
{
	display: block;
	width:290px;
	height:80px;
	margin: 16px auto;
}

#buttonAppStore
{
	display:inline-block;
	
	background-image: url(images/appstore.png);
	width:200px;
	height:59px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-size: 100%;
	margin: 0px auto;
}

#buttonAppStore:hover
{
	
	background-image: url(images/appstore.png);
	width:200px;
	height:59px;
}

#buttonPlayStore
{
	display:inline-block;
	
	background-image: url(images/playStore.png);
	width:200px;
	height:59px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-size: 100%;
	margin: 0px auto;
}

#buttonPlayStore:hover
{
	
	background-image: url(images/playStore.png);
	width:200px;
	height:59px;
}

#buttonSteam
{
	display:inline-block;
	
	background-image: url(images/steam.png);
	width:200px;
	height:59px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-size: 100%;
	margin: 0px auto;
}

#buttonSteam:hover
{
	
	background-image: url(images/steam.png);
	width:200px;
	height:59px;
}

#buttonItch
{
	display:inline-block;
	
	background-image: url(images/itch.png);
	width:200px;
	height:59px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-size: 100%;
	margin: 0px auto;
}

#buttonItch:hover
{
	
	background-image: url(images/itch.png);
	width:200px;
	height:59px;
}


#text1
{
	display:block;
	width:1080px;
	margin: 110px auto;
	margin-bottom: 60px;
	text-align: center;
}

#textSecret
{
	color: #005f8f;
	display:block;
	width:1080px;
	margin: 10px auto;
	text-align: center;
}

#text2
{
	display:block;
	width:960px;
	margin: 80px auto;
	margin-bottom: 20px;
	text-align: center;
}

#text3
{
	display:block;
	width:960px;
	margin: 56px auto;
	text-align: center;
}

#screenshotsCont
{
	display:block;
	width: 690px;  
	height: 670px;
	margin: 0px auto;
	margin-top: 60px;
	margin-bottom: 70px;
}

#screenshotsContSecret
{
	display:block;
	width: 690px;  
	height: 190px;
	margin: 0px auto;
	margin-top: 60px;
	margin-bottom: 80px;
}


#screenshotsLine
{
	display:block;
	height: 180px;
	margin: 0px auto;
	margin-top: 46px;
	margin-bottom: 46px;
}

#tableList
{
	display:block;
	width: 880px;
	margin: 0px auto;
	padding-left: 30px;
}

.imageList
{
	width:30px;
	height:30px;
	margin-right: 10px;
}


#panelAwards
{
	width:100%;
	height: 405px;
	margin: 0 auto;
	padding: 1px 0 0 0;
    background: transparent;
}

#awardsCont
{
	display:block;
	width: 1250px;  
	height: 350px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 60px;
}

#awardsLine
{
	display:block;
	height: 145px;
	margin: 0px auto;
	margin-bottom: 33px;
}

.imageAwards
{
	margin:18px;
}


#panelSoundChest
{
	display:block;
	width: 1080px;  
	height: 300px;
	margin: 0px auto;
	margin-top: 85px;
	margin-bottom: 75px;
}

#soundCont
{
	display:block;
	float: left;
	width:510px;
	height:300px;
	margin:26px;
}

.chestCont
{
	display:block;
	float: right;
	width:360px;
	height:300px;
	margin:26px;
}

#textSound
{
	width:490px;
	margin:10px;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
}

#buttonSound
{
	margin: 34px auto;
	width: 390px;
	height: 64px;
}

.popup 
{
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.jab-container
{
	width: 40px;
	height: 34px;
  	background-color: #ff4181;
  	color: #fce28e;
  	padding: 10px 170px 12px 180px;
  	margin: 40px auto;
}


.jab-container:hover
{
    color: #fce28e;
}

.jab-bar
{
  background-color: #ff8e80;
}

.jab-loader
{
   border-color: #ff4181; /* background */
   border-left-color: #fce28e; /* foreground */
}

.jab-svg-icon
{
	width:36px;
	height:36px;
}

.jab-icon path
{
	fill: #fce28e;
}

#panelSecrets
{
	width:100%;
	height: 344px;
	margin: 0 auto;
	padding: 1px 0 0 0;
    background: transparent;
}

#secretsCont
{
	display:block;
	width: 1250px;  
	height: 300px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 60px;
}

.imageSecrets
{
	margin:24px 28px;
}

#panelBottom
{
	display:block;
	width: 1120px;  
	height: 600px;
	margin: 0px auto;
	margin-top: 100px;
	margin-bottom: 80px;
}

.carreLeft
{
	display:block;
	float: left;
	width:480px;
	height:240px;
	margin:26px;
	//background-color: #402468;
}

.carreRight
{
	display:block;
	float: right;
	width:480px;
	height:240px;
	margin:26px;
	//background-color: #ff4181;
}

#os
{
	width: 632px;
	margin: auto;
}

#textMail
{
	width:460px;
	margin:10px;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
	margin-bottom: 24px;
}

#mailField 
{
	background-color: #fce28e;
	width: 260px;
	height: 50px;
	border: 3px solid #fce28e;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 24px;
	font-family: 'Dosis', Arial, serif; 
    color: #402468;
    padding-left: 8px;
    padding-top: 2px;

}

input.mailField:focus 
{
    border: 3px solid #ff517a;
}

#buttonMail
{
	-webkit-appearance: none;
	border: 3px solid #fce28e;
	background-color: #ff4181;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fce28e;
	font-family: 'Dosis', Arial, serif; 
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;

	margin:19px 0px 16px 24px;
	width:120px;
	height:59px;

	cursor: pointer;

}


input.mailButton:hover
{
	background-color: #ff658a;
}

#textPresskit
{
	width:460px;
	margin:10px;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
}

#buttonPresskit
{
	margin:33px 16px 16px 36px;
	width:408px;
	height:59px;
}

.lineCredits
{
	display: inline-block;
	width: 260px;
	height: 40px;
	margin: 10px 10px 8px 120px;
}

.textTeam
{
	display: block;
	width:200px;
	margin: 4px 10px 10px 90px;
	cursor: pointer;
}

#textCredits
{
	width:460px;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
	margin: 10px 10px 42px 10px;
}

.iconCredits
{
	float: left;
}

#socialCont
{
	width: 400px;
	margin: 26px 49px;
}

.buttonSocial
{
	width:150px;
	height:59px;
	margin:18px;
}

#panelHerb
{
	width: 100%;
	height: 220px;
	margin-top: -2px;
	background: 
   		url(images/herb1.png) repeat,
   		url(images/herb2.png) repeat-x,
   		url(images/herb3.png) repeat-x,
   		#001020;
                  
}

#sticker1
{
	width:200px;
	height:200px;
	position: absolute;
	left:8%;
	top:42%;
}

#sticker2
{
	width:200px;
	height:200px;
	position: absolute;
	left:82%;
	top:50%;
}

#sticker3
{
	width:200px;
	height:200px;
	position: absolute;
	left:77%;
	top:62%;
}

.moss1left
{
	width:201px;
	height:900px;
	position: absolute;
	left: 0px;
	top:16%;
}

.moss2left
{
	width:201px;
	height:900px;
	position: absolute;
	left: 0px;
	top:10%;
}

.moss3left
{
	width:201px;
	height:900px;
	position: absolute;
	left: 0px;
	top:18%;
}

.moss1right
{
	width:201px;
	height:900px;
	position: absolute;
	right: 0px;
	top:21%;
}

.moss2right
{
	width:201px;
	height:900px;
	position: absolute;
	right: 0px;
	top:18%;
}

.moss3right
{
	width:201px;
	height:900px;
	position: absolute;
	right: 0px;
	top:22%;
}