html
{
	image-rendering: optimizeQuality; 
	-moz-image-rendering: optimizeQuality; 
	-ms-interpolation-mode: bicubic;
	
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
}

body
{
	cursor: auto;
	
	overflow: hidden; 
	
	width: 100%;
	height: 100%;
	
	margin: 0px;
	
	background-color: black;
}

table, tr, td
{
	margin: 0px;
	padding: 0px;
	
	border: none;
}

p
{
	
	margin: 0px;
	padding: 0px;
	
	font-family: 'Open Sans', sans-serif;
	
	color: white;
		
	font-size: 16px;
	
	text-align: justify;
	
	-webkit-font-smoothing: antialiased;
	
	font-weight: 400;
}

textarea, input
{	
	margin: 0px;
	padding: 10px;

	font-family: 'Open Sans', sans-serif;
	
	color: white;
	
	background-color: rgb(10,10,10);
		
	font-size: 14px;
	
	text-align: justify;
	
	-webkit-font-smoothing: antialiased;
	
	font-weight: 400;
}

small
{
	line-height: 130%;	
}


p.mainTitle
{
	font-weight: 300;		
}

p.title
{
	font-weight: 300;		
}

a
{
	text-decoration: none;

	opacity: 0.5;
	
	color: white;

}

a:hover
{

	text-decoration: none;
	
	cursor: pointer;
	
	opacity: 0.25;

}

.autoLayout
{
	float: left;
	
	width: 100%;
}


#loading
{
	background-color: rgb(20, 20, 20); 
	
	width: 100%; 
	height: 100%; 
	
	position:fixed; 
	
	z-index: 1000;	
}

#loadingGif
{
	position: fixed;
	
	left: calc(50% - 29px);
	top: calc(50% - 29px); 
	
	width: 58px;
	height: 58px;
	
	background-image: url(loading.gif);
	background-size: 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	
	opacity: 0.75;	
}

#loadingProgress
{
	position: fixed;
	
	left: calc(50% - 100px);
	top: calc(50% + 40px);
	
	width: 200px;
	
	text-align:center;
	
	opacity: 0;	
}

#arrowLeftRight
{
	position: fixed;
	
	top: calc(50% - 40px);
	
	width: 80px;
	height: 80px;
	
	opacity: 0.75;
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60px 60px;
	
	-moz-transition-property: background-size;
	-webkit-transition-property: background-size;
	-o-transition-property: background-size;
	-ms-transition-property: background-size;
	transition-property: background-size;
	
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

#arrowLeftRight:hover
{	
	background-position: 50% 50%;
	background-size: 65px 65px;
	
	cursor: pointer;
}

#arrowLeftRight:active
{
	background-position: 50% 50%;
	background-size: 55px 55px;
}

#slideDisplay
{
	background-color: rgb(0, 0, 0);
	
	position: fixed;
	
	width: 100%;
	height: 100%;
	
	display: table;
	visibility: hidden;	
}

#backgroundThumb
{
	background-color: rgb(24, 24, 24);
	
	position: absolute; 
	top:calc(100% - 115px);
	
	width: 100%;
	height: 115px;	
}

#slide:hover
{
	cursor: pointer;

	opacity: 0.5;
}

#caseSlide
{
	background-color: rgb(24, 24, 24);
	background-image: url(zoom.png);
	background-size: 65px 65px; 
	background-repeat: no-repeat; 
	background-position: center;	
}

.thumb
{
	max-width:200px;
	max-height:100px;
	opacity: 0.5;	
}

.block
{
	overflow: hidden;
	
	position: fixed;
	
	width: 100%; 
	height: 100%; 
	
	visibility: hidden;
}

.content
{
	overflow-x: hidden;
	
	-webkit-overflow-scrolling: touch;
	
	padding-right: 17px;
	
	width: calc(100% + 34px);
	height: 100%;
	
	background-color: black;
	
	display: none;
}

#innerContent
{
	position: relative; 
	left: -8px; 
	
	width: 100%;
}

#content_text
{
	width: calc(100% - 260px);
	max-width: 900px;
	
	margin: auto;
}

.backgroundFixed
{
	overflow: hidden;
	
	width:100%;
	height:100%;
	
	position: relative;
	
	left: -10px;
	
	background-size: cover;
	background-position: center;
}

#backgroundFixed
{
	overflow: hidden;
	
	width:100%;
	height:100%;
	
	position: relative;
	
	left: -10px;
	
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

#play
{
	background-position: 50% 5px;
	background-size: 100px 100px;
	
	-moz-transition-property: background-size, background-position;
	-webkit-transition-property: background-size, background-position;
	-o-transition-property: background-size, background-position;
	-ms-transition-property: background-size, background-position;
	transition-property: background-size, background-position;
	
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

#play:hover
{	
	background-position: 50% 0;
	background-size: 110px 110px;
	
	cursor: pointer;
}

#play:active
{
	background-position: 50% 10px;
	background-size: 90px 90px;
}

#arrowBottom
{
	top: calc(100% - 80px);
	opacity: 0.75;
	
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-duration: 2s;
	
	-moz-animation-name: slideArrowBottom;
	-webkit-animation-name: slideArrowBottom;
	-o-animation-name: slideArrowBottom;
	-ms-animation-name: slideArrowBottom;
	animation-name: slideArrowBottom;
	
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
 }
 
@-moz-keyframes slideArrowBottom
{
	from
	{
		top: calc(100% - 80px);
		opacity: 0.0;
	}
	
	10%
	{
		opacity: 0.75;
	}
	
	95%
	{
		opacity: 0.0;
	}
	
	to
	{
		top: calc(100% - 60px);
		opacity: 0.0;
	}
}
 
@-webkit-keyframes slideArrowBottom
{
	from
	{
		top: calc(100% - 80px);
		opacity: 0.0;
	}
	
	10%
	{
		opacity: 0.75;
	}
	
	95%
	{
		opacity: 0.0;
	}
	
	to
	{
		top: calc(100% - 60px);
		opacity: 0.0;
	}
}

@-o-keyframes slideArrowBottom
{
	from
	{
		top: calc(100% - 80px);
		opacity: 0.0;
	}
	
	10%
	{
		opacity: 0.75;
	}
	
	95%
	{
		opacity: 0.0;
	}
	
	to
	{
		top: calc(100% - 60px);
		opacity: 0.0;
	}
}
 
@-ms-keyframes slideArrowBottom
{
	from
	{
		top: calc(100% - 80px);
		opacity: 0.0;
	}
	
	10%
	{
		opacity: 0.75;
	}
	
	95%
	{
		opacity: 0.0;
	}
	
	to
	{
		top: calc(100% - 60px);
		opacity: 0.0;
	}
}

@keyframes slideArrowBottom
{
	from
	{
		top: calc(100% - 80px);
		opacity: 0.0;
	}
	
	10%
	{
		opacity: 0.75;
	}
	
	95%
	{
		opacity: 0.0;
	}
	
	to
	{
		top: calc(100% - 60px);
		opacity: 0.0;
	}
}


.PlanetRotationLow
{
    -moz-animation: RotationLow 180s linear infinite;	
    -webkit-animation: RotationLow 180s linear infinite;
    -o-animation: RotationLow 180s linear infinite;	
    -ms-animation: RotationLow 180s linear infinite;
    animation: RotationLow 180s linear infinite;
}

.ProjoRotation
{
    -moz-animation: RotationLow 50s linear infinite;	
    -webkit-animation: RotationLow 50s linear infinite;
    -o-animation: RotationLow 50s linear infinite;	
    -ms-animation: RotationLow 50s linear infinite;
    animation: RotationLow 50s linear infinite;
}

.ProjoRotation2
{
    -moz-animation: RotationInvers 40s linear infinite;	
    -webkit-animation: RotationInvers 40s linear infinite;
    -o-animation: RotationInvers 40s linear infinite;	
    -ms-animation: RotationInvers 40s linear infinite;
    animation: RotationInvers 40s linear infinite;
}

@-moz-keyframes RotationLow
{ 
	100% 
	{ 
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes RotationLow
{
	100%
	{
		-webkit-transform: rotate(360deg);
	}
}

@-o-keyframes RotationLow
{ 
	100% 
	{ 
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes RotationLow
{
	100%
	{
		-ms-transform: rotate(360deg);
	}
}

@keyframes RotationLow
{
	100%
	{
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg);
	}
}

@-moz-keyframes RotationInvers
{ 
	100% 
	{ 
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes RotationInvers
{
	100%
	{
		-webkit-transform: rotate(-360deg);
	}
}

@-o-keyframes RotationInvers
{ 
	100% 
	{ 
		-o-transform: rotate(-360deg);
	}
}

@-ms-keyframes RotationInvers
{
	100%
	{
		-ms-transform: rotate(-360deg);
	}
}

@keyframes RotationInvers
{
	100%
	{
		-webkit-transform: rotate(-360deg);
		transform:rotate(-360deg);
	}
}

.backgroundFruightClub
{
	
	background-repeat: repeat-x;
		
	-moz-animation: animatedBackgroundFruightClub 30s linear infinite;
	-webkit-animation: animatedBackgroundFruightClub 30s linear infinite;
	-o-animation: animatedBackgroundFruightClub 30s linear infinite;
	-ms-animation: animatedBackgroundFruightClub 30s linear infinite;
	animation: animatedBackgroundFruightClub 30s linear infinite;

}

@-moz-keyframes animatedBackgroundFruightClub 
{
	from 
	{ 
		background-position: 0% 50%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) 50%; 
	}
}

@-webkit-keyframes animatedBackgroundFruightClub 
{
	from 
	{ 
		background-position: 0% 50%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) 50%; 
	}
}

@-o-keyframes animatedBackgroundFruightClub 
{
	from 
	{ 
		background-position: 0% 50%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) 50%; 
	}
}

@-ms-keyframes animatedBackgroundFruightClub 
{
	from 
	{ 
		background-position: 0% 50%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) 50%; 
	}
}

@keyframes animatedBackgroundFruightClub 
{
	from 
	{ 
		background-position: 0% 50%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) 50%; 
	}
}

.backgroundMood
{
	
	background-repeat: repeat;
		
	-moz-animation: animatedBackgroundMood 100s linear infinite;
	-webkit-animation: animatedBackgroundMood 100s linear infinite;
	-o-animation: animatedBackgroundMood 100s linear infinite;
	-ms-animation: animatedBackgroundMood 100s linear infinite;
	animation: animatedBackgroundMood 100s linear infinite;

}

@-moz-keyframes animatedBackgroundMood 
{
	from 
	{ 
		background-position: 0% 0%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) calc(-100% + 100vh); 
	}
}

@-webkit-keyframes animatedBackgroundMood 
{
	from 
	{ 
		background-position: 0% 0%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) calc(-100% + 100vh); 
	}
}

@-o-keyframes animatedBackgroundMood 
{
	from 
	{ 
		background-position: 0% 0%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) calc(-100% + 100vh); 
	}
}

@-ms-keyframes animatedBackgroundMood 
{
	from 
	{ 
		background-position: 0% 0%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) calc(-100% + 100vh); 
	}
}

@keyframes animatedBackgroundMood 
{
	from 
	{ 
		background-position: 0% 0%; 
	}
	
	to 
	{ 
		background-position: calc(-100% + 100vw) calc(-100% + 100vh); 
	}
}