/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/


body {
/*font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;*/
  font-family: "TheinhardtRegular", "Helvetica Neue", Helvetica, Arial;
  background:#fff;
  font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "TheinhardtLight";
    text-transform: uppercase;
	}

a {
color:white;
text-decoration: none;
}
a:hover {
color:#888;
text-decoration: none; 
}

p {
/*font-family: "Theinhardt-Regular", "Helvetica Neue", Helvetica, Arial;*/
}

.lead {
/*font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;*/
font-size: 1.2em;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	top:35%;
	z-index:2;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
width: 100%;
z-index: 4;
}
/*.page {
	background-position-x: 50% ;
	background-position-y: 0 ;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;

	min-height: 100vh;
	!*height: 1600px;*!
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	color: white;

}*/

.page {
	background-position-x: 50% ;
	background-position-y: 0 ;
	background-repeat: no-repeat;
	background-attachment: fixed ;
	/*background-size:cover;*/
	background-size: cover ;
	min-height: 100vh;
	/*height: 1600px;*/
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	color: white;

    /*

	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
    */


    /*
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;

	-webkit-background-size: 400px 400px;
    */


	/*center center fixed;*/
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
/*	background-size: 100% 100%*/
	/*width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;

	-webkit-background-size: auto auto;
	-moz-background-size: auto auto;
	-o-background-size: auto auto;
	background-size: auto auto;*/
}

/*

@media (max-width: @iphone-screen) {
	.page {
		background-size: 400px 400px;
		background-attachment: scroll;
	}
}
*/

#intro{
	background-image: url(../images/hansen.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
	color: white;
	min-height: 400px;	
	height: 100vh;
	margin:0;
	padding:0;
	min-width: 100%;
	width:auto;
}

/*#second{
	background: url(../images/szumin-noc.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
	min-height: 100vh;
	height: 1600px;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
	color: white;
}

#third{
	background: url(../images/szumin-wnetrze.jpg) 0 0 no-repeat fixed;
	background-size:cover;
	color: white;
	min-height: 100vh;
	height: 1500px;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#fourth{
	background: url(../images/wystawa-barcelona.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
	color: white;
	min-height: 100vh;
	height: 700px;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#filmoteka{
	background: url(../images/Pawilon_polski_w_Izmirze_1955.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
	color: white;
	min-height: 100vh;
	height: 700px;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
} 

#fifth{
background: #fff;
height: 200px;
color: #000;
border-top:1px solid black;
margin: 0 auto;
padding: 20px 0;
}*/



.story {
	padding: 100px 0 0 0;
	position: relative;
	
}

.margin-top-50px {margin-top:50px}
.padding-top-50px {padding-top:50px}
.padding-top-100px {padding-top:100px}
.no-padding {padding:0;}


.minisite_header{
    background:#000;
    z-index: 13;
    width:100%;
    padding:2px 0 0 0;
    position: fixed;
    top: 0;
    height:24px;
    font-size:0.7em;
    letter-spacing: 0.05em;
    color:#888;
    text-transform: uppercase;
    font-family: 'warsaw', "Helvetica Neue", Helvetica, Arial;
    margin:0;
  }

  .minisite_header_content
  {
      width: 1040px;
      margin: 0 auto;
  }

  .minisite_header_content_arr
  {
    width:24px;
    height:14px;
    background-image: url("../images/minisite_back_off.png");
    display:inline-block;
    overflow: hidden;
    text-indent: -999px;
  }

  .minisite_header_crumbs a:hover  > span 
  {
    background-image: url("../images/minisite_back_on.png");
  }
  

  .minisite_header_crumbs_title
  {
    color:#fff;
  }

  .minisite_header_crumbs a
  {
    color:#888;
  }

  .minisite_header_crumbs a:hover
  {
    color:#fff;
  }

.primary > li:first-child {
  margin-left: -75px;
}

header {
width: 1082px;
height: 57px;
margin: 0 auto;
text-align: center;
position:fixed;
}

header nav {
position: relative;
}

.secondary {
position: absolute;
right: 28px;
top: 24px;
text-align: right;
}

.secondary li {
display: inline-block;
zoom: 1;
vertical-align: top;
background: #000;
position: relative;
}

.secondary .fbk, .secondary .language {
width: 34px;
height: 34px;
}

.secondary .fbk a {
text-indent: -999px;
background-image: url("../images/sprite.svg");
background-repeat: no-repeat;
overflow: hidden;
display: block;
text-align: left;
}

.secondary .language a {
text-transform: uppercase;
line-height: 34px;
text-align: center;
font-size: 11px;
text-indent: -3px;
position: relative;
left: -10px;
}

.secondary .fbk a {
background-position: -122px 11px;
height: 30px;
}


@media screen and (max-width: 1170px)
{
    .minisite_header
    {
      width: 100%;
      margin: 0 auto;
    }
    .minisite_header_content
    {
      width: 100%;
    }

}       
.glyphicon-play {
font-size: 50px;
margin-left: -7px;
}

#fifth a {
color:black;
}
#fifth a:hover {
color:#888;
}
.img-responsive img {margin:auto;}



@media only screen and (max-width: 930px){
	#intro{	
	background-image: url(../images/hansen930.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
		color: white;
	min-height: 400px;	
		height: 100vh;
		margin:0;
		padding:0;
	min-width: 100%;
	width:auto;
	}
}

@media only screen and (max-width: 750px){
	#intro{	
	background-image: url(../images/hansen750.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
		color: white;
	min-height: 400px;	
		height: 100vh;
		margin:0;
		padding:0;
	min-width: 100%;
	width:auto;
	}
}


@media only screen and (max-width: 380px){
#intro{	
	background-image: url(../images/hansen380.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
		color: white;
	min-height: 400px;	
		height: 100vh;
		margin:0;
		padding:0;
	min-width: 100%;
	width:auto;
	}
}

.hidden-content {display: none}


.goto-main {
	cursor: pointer;

}

.single-page{
	background-position: 50% 0 !IMPORTANT;
}

li.menu {
	width: 34px;
	height: 34px;
	width: 34px;
	height: 34px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}
li.menu a {
	height: 30px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-align: left;
	/*text-indent: -999px;*/
}



ul#nav {
	background: #000;
	position: fixed;
	padding: 0;
}
#nav li {
	margin: 0 ;
}
ul#nav h3 {
	color: #000; 
/*	padding: 20px;
	color: #afdefa;
	font-size: 1.9em;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;*/
}

ul#nav a {
	display: block;
	color: #fff;
	font-size: 1em;
	font-weight: 300;
}

ul#nav a:hover {
/*	background: #258ecd;*/
}

ul#nav a:active {
/*	background: #afdefa;
	color: #47a3da;*/
}


ul#nav {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 3; /* 1000 */
}

ul#nav a {
/*	border-bottom: 1px solid #258ecd;
	padding: 1em;*/
	text-transform: uppercase;
}

ul#nav {
	right: -240px;
}
ul#nav.cbp-spmenu-open {
	
	right: 0px;
}



/* Orientation-dependent styles for the content of the menu */




.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/*!* Vertical menu that slides from the left or right *!*/

.cbp-spmenu-left {
	left: -240px;
}


.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}


/*!* Horizontal menu that slides from the top or bottom *!*/

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/*!* Push classes applied to the body *!*/

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/*!* Transitions *!*/

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*!* Example media queries *!*/

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}


.single-page .content-single-hidden {
	display: none;
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.page { background-attachment: initial ; }
}

@media only screen and (max-device-width: 480px) {
	.page { background-attachment: initial ; }
	.minisite_header {height: 36px;}

	.secondary { right: 5px; top: 30px; }


}