/* reset */
	html, body { width:100%; height:100% }
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	a:focus,
	input:focus,
	textarea:focus { outline:none; }
/* /reset */
body {
	background:url(../i/loader.gif) no-repeat 50% 50% #323933;
	font-family:'BigNoodleTitling';
	color:#f2e6af;
	font-size:16px; }
html[lang=hu] body {
	font-family:'BenchNine';
	text-transform:uppercase; }
.page-container {
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:100%; }
header {
	display:block;
	position:absolute;
	background:url(../i/blank-black.png) 0 0 repeat;
	width:50%; height:70px;
	left:50%; top:0;
	z-index:3;
	transition: top .4s cubic-bezier(1, 0, 0, 1);
	-moz-transition: top .4s cubic-bezier(1, 0, 0, 1);
	-webkit-transition: top .4s cubic-bezier(1, 0, 0, 1);
	-o-transition: top .4s cubic-bezier(1, 0, 0, 1); }
header h1 {
    position:absolute;
    left:-415px; top:20px; }
header h1 a {
    display:block;
    overflow:hidden;
    text-indent:-100%;
    background: url(../i/spire.png) no-repeat -4px -219px;
	width: 149px; height: 31px; }
body.hide-assets header { top:-70px; }
header ul {
	display:block;
	position:absolute;
	left: -180px;
	top: 25px;
	font-size: 30px;
	width: 615px;}
header ul {
	top: 27px;
	font-size: 26px; }
header ul > li {
	display:block;
	float:left;
	margin: 0 30px 0 0;}	
header ul > li a {
	text-decoration:none;
	color:#f2e6af;
	transition: color .4s cubic-bezier(1, 0, 0, 1);
	-moz-transition: color .4s cubic-bezier(1, 0, 0, 1);
	-webkit-transition: color .4s cubic-bezier(1, 0, 0, 1);
	-o-transition: color .4s cubic-bezier(1, 0, 0, 1); }	
header ul > li.lang {
	font-size: 17px;
	padding: 4px 0 0 40px;
	position: absolute;
	right: 0;
	border-left: 1px dashed #f2e6af;
	text-align: right; }	
header ul > li a:hover {
	color:#25a5b1; }
header ul > li.active a {
	color:#25a5b1; }	
header:before {
	content:'';
	display:block;
	position:absolute;
	background:url(../i/blank-black.png) 0 0 repeat;
	width:200px; height:70px;
	left:-200px; bottom:0; }	
header:after {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat 0 -125px;
	width:70px; height:70px;
	left:-270px; bottom:0; }
body.hide-assets footer { bottom:-35px; }
footer {
	display:block;
	position:absolute;
	background:url(../i/blank-black.png) 0 0 repeat;
	width:50%; height:35px;
	right:50%; bottom:0;
	z-index:3;
	transition: bottom .4s cubic-bezier(1, 0, 0, 1);
	-moz-transition: bottom .4s cubic-bezier(1, 0, 0, 1);
	-webkit-transition: bottom .4s cubic-bezier(1, 0, 0, 1);
	-o-transition: bottom .4s cubic-bezier(1, 0, 0, 1); }	
footer > div {
	position:absolute;
	right:-415px;
	top: 14px; 
	font-size: 14px;
	display:block;
	width:830px; 
	letter-spacing: 2px; }	
footer:before {
	content:'';
	display:block;
	position:absolute;
	background:url(../i/blank-black.png) 0 0 repeat;
	width:380px; height:35px;
	right:-380px; bottom:0; }	
footer:after {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -81px -27px;
	width:35px; height:35px;
	right:-415px; bottom:0; }	
footer a.partner-1 {
	display: inline-block;
	background: url(../i/lux-photo.png) 0 0 no-repeat;
	height: 20px;
	width: 80px;
	position: absolute;
	margin: -4px 10px; }	
#contents {
	position:absolute;
	overflow:hidden;
	left:0;	top:0; right:0;	bottom:0;
	background:url(../i/cross-pattern.png) repeat 50% 50%;
	z-index:1; }
#contents > a {
	display:block;
	position:fixed;
	width:70px; height:140px;
	background:url(../i/blank-black.png) 0 0 repeat;
	top:50%;
	margin-top:-70px;
	cursor:pointer;
	z-index:1; }
body.hide-assets #contents > .back {
	left:-140px; }
#contents > .back {
	left:-75px;
	transition: left .4s cubic-bezier(1, 0, 0, 1);
	-moz-transition: left .4s cubic-bezier(1, 0, 0, 1);
	-webkit-transition: left .4s cubic-bezier(1, 0, 0, 1);
	-o-transition: left .4s cubic-bezier(1, 0, 0, 1); }
#contents > .back:hover {
	left:0px; }
#contents > .back span {
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -135px -125px;
	width: 37px; height: 74px;
	left:35px; top:33px;
	z-index:1; }
#contents > .back:after {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -81px -27px;
	width: 70px; height: 70px; left: 70px; }
#contents > .back:before {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/blank-black.png) 0 0 repeat;
	width: 70px; height: 70px; left: 70px; top:70px; }	
body.hide-assets #contents > .next {
	right:-140px; }
#contents > .next {
	right:-75px;
	transition: right .4s cubic-bezier(1, 0, 0, 1);
	-moz-transition: right .4s cubic-bezier(1, 0, 0, 1);
	-webkit-transition: right .4s cubic-bezier(1, 0, 0, 1);
	-o-transition: right .4s cubic-bezier(1, 0, 0, 1); }
#contents > .next:hover {
	right:0px; }
#contents > .next span {
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -98px -125px;
	width: 37px; height: 74px;
	right:35px; top:33px;
	z-index:1; }
#contents > .next:after {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat 0 -125px;
	width: 70px; height: 70px; left: -70px;  top:70px; }
#contents > .next:before {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/blank-black.png) 0 0 repeat;
	width: 70px; height: 70px; left: -70px; }
#contents > section {
	position:absolute;
	overflow:hidden;
	width:100%; height:100%;
	left:100%; }
#contents > section .container {
	position:absolute;
	left:50%;
	margin: 200px 0 0 -415px;
	background:url(../i/blank-black.png) 0 0 repeat;
	width:831px; 
}
#contents > section .container:before {
	content:'';
	display:block;
	position:absolute;	
	background: url(../i/spire.png) no-repeat -81px -27px;
	width: 90px; height: 90px; left: 741px; top:-90px; }
#contents > section .container:after {
	content:'';
	display:block;
	position:absolute;	
	background: url(../i/blank-black.png) 0 0 repeat;
	width: 741px; height: 90px; left:0; top:-90px; }
#contents > section .container .contents {
    margin: -60px 30px 0 30px; 
    position: relative;
    z-index: 1; 
    min-height: 60px;
    padding-bottom: 9px;
}
#contents > section .container .contents.simple:after {
	content:'';
	display:block;
	position:absolute;	
	background: url(../i/blank-black.png) 0 0 repeat;
	width: 741px; height: 90px; right:-30px; bottom:-90px; }
#contents > section .container .contents.simple:before {
	content:'';
	display:block;
	position:absolute;	
	background: url(../i/spire.png) no-repeat 0 -125px;
	width: 90px; height: 90px; left: -30px;  bottom:-90px; }
#backgrounds  {
	position:absolute;
	overflow:hidden;
	left:0; top:0; right:0; bottom:0; }
#backgrounds > .top-dark {
	position:absolute;
	display:block;
	left:0; top:0;
	width:100%; height:130px;
	background:url(../i/top-dark.png) repeat-x 0 0;
	z-index:1; }
#backgrounds > div {
	position:absolute;
	left:100%;
	width:100%; height:100%;
	background-repeat: no-repeat; 
	background-position:50% 50%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:0; }
/* content styleing: */
h2 {
    font-size:50px;
	color:#f2e6af; }
h3 {
    font-size:30px;
	color:#d9b33e;
	margin:-10px 0 10px 0; }
strong.lead {
    font-size:23px;
	line-height:28px;
    color:#25a5b1; }
.paragraps /*double*/ {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
    font-size:16px;
	line-height:20px;
    color:#e2eedc; }
.paragraps p {
	text-align:justify; 
	padding-bottom: 10px; }
.paragraps p strong {
	font-weight:bold;
	color:#25a5b1; }
.paragraps.double:after {
	display: block;
	clear: both;
	content: ' ';
	height: 0;
	overflow: hidden; }
.paragraps.double p {
	width:370px;
	float:left; }
.paragraps.double p:nth-child(odd) {
	margin-right: 30px; }
.player {
	display:none;
	background: url(../i/blank-black.png) 0 0 repeat;
	position:absolute;
	width: 786px; height:225px;
	margin:20px 0 0 67px; }
.player:after {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat 0 -125px;
	width: 90px; height: 90px; left: -90px;  top:135px; }
.player:before {
	content:'';
	display:block;
	position:absolute;
	background: url(../i/blank-black.png) 0 0 repeat;
	width: 90px; height: 135px; left: -90px; top:0; }
.player .next {
	display:block;
	position:absolute;
	width:200px; height:225px;
	left: 132px;
	cursor:pointer;
	z-index:1; }
.player .back {
	display:block;
	width:200px; height:225px;
	left:-90px;
	position:absolute;
	cursor:pointer;
	z-index:1; }
.player .back span {
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -135px -125px;
	width: 37px; height: 74px;
	top:70px; left:75px;
    overflow:hidden;
    text-indent:-100%; }
.player .next span {
	display:block;
	position:absolute;
	background: url(../i/spire.png) no-repeat -98px -125px;
	width: 37px; height: 74px;
	top:70px; left:83px;
    overflow:hidden;
    text-indent:-100%; }
.player .back:hover,
.player .next:hover {
	background: #000;
    margin:-11px; 
    padding: 11px; }
.player .back:hover span {
	top:81px; left:86px; }
.player .next:hover span {
	top:81px; left:94px; }
.player .thumbs-wrapper {
    overflow:hidden;
    position:absolute;
    right:22px; top:22px;
    background:#000;
    width:400px; height:180px; }
.player .thumbs-wrapper ul {
	position:absolute;
    height:180px; }
.player .thumbs-wrapper ul > li {
    float:left;
    background-position: 50% 50%;    
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    width:400px; height:180px;
	cursor:pointer; }
.player .thumbs-wrapper ul > li:hover {
    filter: none;
    -webkit-filter: none; }
.player .thumbs-wrapper ul > li span {
	display:block;
	background:url(../i/cross-pattern.png) repeat 50% 50%;
    width:400px; height:180px; }
.player .thumbs-wrapper ul > li:hover span {
	background:none; }

#video-player {
	display:none;
	position:absolute;
	z-index:100;
	left:0; right:0;
	top:0; bottom:0; }
#video-player .video {
	position:absolute;
	left:50%; top:50%;
	margin:-238px 0 0 -420px;
	box-shadow:0 0 200px #000;
	padding:10px;
	background: url(../i/blank-black.png) 0 0 repeat; }
#video-player .video iframe {
	width:830px; height:466px;
	overflow:hidden;
	border:none;
	padding:0; }
#video-player .close {
	position:fixed;
	display:block;
	top:0; right:0;
	width:100px; height:100px;
	background: url(../i/blank-black.png) 0 0 repeat;
	cursor:pointer; }
#video-player .close:hover {
    background:#000; }
#video-player .close:after {
	display:block;
	content:' ';
	position:absolute;
	right:13px; top:13px;
	background: url('../i/spire.png') no-repeat -98px -125px;
	width: 74px;
	height: 74px; }