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

body{
	margin: 0;
	min-width: 785px;
	padding: 0;
}
@media (max-width: 785px){
	body{
		min-width: 0;

	}
}
p{
	margin: 0 0 20px 0;	
}

p, ul{
	
	font-size-adjust:0.488;
	
	font-style:normal;
}

img{
	border: 0;
}

.nextsection{
	position: absolute;
	bottom: 20px;
	cursor: pointer;
	left: 50%;
	font-size: 74px;
	margin-left: -24px;
	color: #fff;
	opacity: 0.3;
	z-index: 800;
}

@media (max-width: 785px){
	#intro .nextsection{
		margin-bottom: 30px;
	}
}

.nextsection:hover{
	opacity: 1;
}

h2{
	font-size-adjust:0.531;
	color: #fff;
	text-transform: uppercase;
	font-style:normal;
/*	text-shadow: -1px 3px 0px #000000; */
	font-weight:300;
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 38px;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}



header{
	list-style: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 43px;
	padding-top: 13px;
	background: #16363d;
	margin-top: 0;
	z-index: 999;

}
@media (max-width: 785px){
	header{
		padding-top: 0;
		height: 50px;
		-webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;


	}
}

#nav{
	width: 768px;
	padding-left: 0;
	margin: 0 auto;
	text-align: center;
}
@media (max-width: 785px){
	#nav{
		position: absolute;
		right: 0;
		left:0;
		width: auto;
		top: -270px;
		height: 0;
		-webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;

	}
	.expanded{
		background: transparent;
		-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s
	}
	.expanded #nav{
		top: 0;

	}
	#nav li{
		width:100%;
		height: 50px;
		line-height: 50px;
		display: block;
		background: #16363D;

	}
}

#nav li{
	display: inline-block;
	margin-right: 40px;
}
#nav li a{
	color: #f7f5f2;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Dosis';
	font-size: 23px;
	-webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;

}

#nav li.active a, #nav li:hover a{
	color: #e7a808;
}
#header, #intro, #second{
	width: 100%;
}


section{
	background-position: center;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}


@media (max-width: 785px){
	section{
		background-attachment: scroll;
		height: auto;
		padding-top: 100px;
	  	padding-bottom: 100px;
	}
}
@media (max-width: 500px){
		section{
	padding-top: 70px;
}
}

/* Sekcje */
#intro{
	/*background-image: url(../images/bg1.jpg);*/
	background: #093c47;
	color: white;
	background: #3a7782; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3a7782 1%, #1d5762 54%, #093c4b 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#3a7782), color-stop(54%,#1d5762), color-stop(100%,#093c4b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #3a7782 1%,#1d5762 54%,#093c4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #3a7782 1%,#1d5762 54%,#093c4b 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #3a7782 1%,#1d5762 54%,#093c4b 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #3a7782 1%,#1d5762 54%,#093c4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7782', endColorstr='#093c4b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@media (min-width: 786px){
	#intro{
		height: 800px;
		padding-top: 0;
	  	padding-bottom: 0;	
	}
}
#about{
 /*	background-image: url(../images/5.jpg); */
 background: #556f26; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #556f26 0%, #3e5a06 49%, #365000 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#556f26), color-stop(49%,#3e5a06), color-stop(100%,#365000)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #556f26 0%,#3e5a06 49%,#365000 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #556f26 0%,#3e5a06 49%,#365000 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #556f26 0%,#3e5a06 49%,#365000 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #556f26 0%,#3e5a06 49%,#365000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556f26', endColorstr='#365000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #f3e3b2;		
	text-align: center;
	font-family: 'Dosis', sans-serif;
}

#aboutSlider{
	height:570px !important;
	z-index: 297;

}
@media (max-width: 785px){
	#aboutSlider{
		overflow: visible !important;
		width: 85%;
		margin: 0 auto;
	}
}
#aboutSlider .cycle-pager{
	bottom: 0 !important;
	top: auto !important;
	visibility: visible !important;
	z-index: 297 !important;

	float: none;
}
#aboutSlider .cycle-pager a{
	text-decoration: none;
	color: #fff;
	margin-right: 10px;
}

#aboutSlider .cycle-pager a.cycle-pager-active{
	color: #c8d115;
}
#aboutSlider .slide{
	height: 501px;
	padding-left: 15px;
	display: block;
	width: 325px;
	margin-bottom: 20px;
}

@media (max-width: 785px){
	#aboutSlider .slide{
		width: 100%;
		padding:0;
		height: auto;
	}
}
.about_controls{
	display: inline-block;
	float: left !important;
	z-index: 297 !important;
	cursor: pointer;
	font-size: 40px;
	color: #ffffff;
	font-family: 'Dosis';
	vertical-align: middle;
	text-decoration: none !important;

}
.about_controls.hidden{
	opacity: 0;
}
#about-next, #about-prev{
	margin-top: 10px;
	height: 34px;
	width: 18px;
	background-size: 18px 34px;
}
#about-next{
	background-image: url("../images/ico_next.png");
}
#about-prev{
	background-image: url("../images/ico_prev.png");
	margin-right: 10px;
	
}
#about .left, #about .right{
	float: left;
	overflow: hidden;
	height: 660px;
}

#about .left img{
	margin-top: 116px;
}
#gallery{
	background: #2b8b8a; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #2b8b8a 0%, #0d6162 65%, #004f50 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2b8b8a), color-stop(65%,#0d6162), color-stop(100%,#004f50)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #2b8b8a 0%,#0d6162 65%,#004f50 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #2b8b8a 0%,#0d6162 65%,#004f50 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #2b8b8a 0%,#0d6162 65%,#004f50 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #2b8b8a 0%,#0d6162 65%,#004f50 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8b8a', endColorstr='#004f50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}
@media (max-width: 785px){
	#gallery{
		padding-bottom: 50px;
	}
}
#video{
	background-image: url(../images/video.jpg);
}
#contact{
	background: #385d85; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #385d85 1%, #103056 57%, #06264a 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#385d85), color-stop(57%,#103056), color-stop(100%,#06264a)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #385d85 1%,#103056 57%,#06264a 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #385d85 1%,#103056 57%,#06264a 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #385d85 1%,#103056 57%,#06264a 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #385d85 1%,#103056 57%,#06264a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385d85', endColorstr='#06264a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@media (max-width: 785px){
	#contact{
		
	}
}

/* Sekcje */



.vcenter{
	position: absolute;
	left: 50%;
}
@media (max-width: 785px){
	.vcenter{
		position: relative;
		left: auto;
	}
}

.plx{
	background-attachment: fixed;
	background-position: 50% 0;
	height: 1300px;
	padding: 0;
	position: absolute;
	width: 1900px;
	z-index: 200;
	background-repeat: no-repeat;
}
.plmain{
	background-size: cover;
	-webkit-transition-property: background-size; -moz-transition-property: background-size; -o-transition-property: background-size; transition-property: background-size; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;


}
@media (min-height: 1000px) and (max-width: 800px){
.plmain{
	background-size: auto 70%;
}	
}

.parallax-1{
	background-image: url(../images/k_title.png);
}

.parallax-2{
	background-image:  url(../images/k_fairy.png);
	z-index: 207;
}
.parallax-3, .parallax-12{
	background-image: url(../images/k_stars1.png);
}
.parallax-4{
	background-image: url(../images/k_stars2.png);

}
 .parallax-5{
	background-image: url(../images/k_stars3.png);
}

 .parallax-6{
	background-image: url(../images/k_prstars1.png);

} 
.parallax-7{
	background-image: url(../images/k_prstars2.png);

}
.parallax-8{
	background-image: url(../images/k_prstars3.png);

}

.parallax-9{
	background-image: url(../images/k_gstars1.png);

}
.parallax-10{
	background-image: url(../images/k_gstars2.png);

}
.parallax-11{
	background-image: url(../images/k_gstars3.png);

}
.parallax-13{
	background-image: url(../images/k_cstars1.png);

}

.parallax-14{
	background-image: url(../images/k_cstars2.png);

}
#intro  #projectName{
	display: none;
}

@media (max-width: 785px){
	 .parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-5, .parallax-6, .parallax-7, .parallax-8,  .parallax-9, .parallax-10, .parallax-11{
		display: none;
	} 
	#intro  #projectName{
		display: block;
		margin: 0 auto;
		background: url("../images/k_title_mobile.png");
		max-width: 90%;
		z-index: 1;
		height: 0;
		padding: 0;
		background-size: contain ;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;

		height: 500px;


	
		
	}
	#intro  #projectName img{
		width: 100%
	}
	.video-js{
	margin-top: 45px;
	}


}


.story{
	text-align: center;
}
.title{
	position: absolute;
	top: -107px;
	left: 10px;

}
@media (max-width: 785px){
	.title{
		width: 100%;
		text-align: center;
		font-size: 12px;
		top: -90px;
	}
	.gallery-holder h2{
		font-size: 30px;
	}
}
@media (max-width: 420px){
	.title{
		top: -78px;
	}
	.gallery-holder h2{
		font-size: 20px;
	}
}
#video .content{
	overflow: visible;
}
.gallery-holder{
	width: 778px;
	height: 505px;
	font-family: 'Dosis', sans-serif;
	margin-left: -395px;
	z-index: 270;
}
@media (max-width: 785px){
	.gallery-holder{
		width: 84%;
		margin: 0 auto;
		height: auto;
		margin-bottom: 130px;
		top: 60px;
	
}
}

.gallery-holder .img{
	overflow: hidden;
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	cursor: pointer;
	opacity: 0.8;
}
@media (max-width: 785px){
	.gallery-holder{
		text-align: center;
	}
	.gallery-holder .img{
		width: 30%;
		float: none;
		display: inline-block;
		margin-right: 3px;
		margin-left: 3px;
		margin-bottom: 3px;
	}
}
.gallery-control{
	position: absolute;
	color: #fff;
	font-size: 48px;
	top: 50%;
	margin-top: -16px;
	cursor: pointer;

}
div.slide{
	float: left;
}
@media (max-width: 785px){
	div.slide{
	float: none;
}
}
#gallery-prev{
	left: -35px;
}
@media (max-width: 785px){
	#gallery-prev{
	left: -26px;
	z-index: 100;
	margin-top: -26px;
}
}
#gallery-next{
	right: -40px;
}
@media (max-width: 785px){
	#gallery-next{
	right: -26px;
	margin-top: -26px;
	z-index: 100;
}
}
.gallery-holder .img img{
	width: 100%;
	height: auto;
}
.gallery-holder .img img.horisontal{
	height: 100%;
	width: auto;
}
.gallery-holder .img.last{

}
.gallery-holder .img:hover{
	opacity: 0.9999;
}
.gallery-holder div.slide{
	margin-right: 9px;
	margin-left: 9px;
	height: 505px; 
	width: 788px
}
@media (max-width: 785px){
	.gallery-holder div.slide{
		width: 100%;
		height: auto;
		float: left;
		margin: 0 auto;
	}
}
.content{
	margin: 0 auto;
	min-width: 768px;
	overflow: auto;
	width: 786px;
	font-family: 'Dosis', sans-serif;
	margin-left: -383px;

}
@media (max-width: 785px){
	.content{
		min-width: 0;
		max-width: 84%;
		margin: 0 auto;
	}
}

.content .left, .content .right{
	position: relative;
	width: 350px;	


}
.content .left{
	width: 650px;
}

.content .right{
		margin-left: 38px;
}

#about .content{
	z-index: 270;
	width: 1040px;
	margin-left: -520px;
}
@media (min-width: 785px) and (max-width: 1040px){
.content .left{
	width: 438px;
}
.content .left img{
	width: 100%;
}
.content .right{
	width: 308px;
}
#about .content{
	margin-left: -392px;
	width: 785px;
}
#aboutSlider .slide{
	width: 291px;
	font-size: 15px;
}
#aboutSlider .slide p{
	font-size: 15px;
}
}
@media (max-width: 785px){

	#about .content{
		margin-left: 0;
		margin: 0 auto;
		width: 100%;
		max-width: none;

	}
	.content .left, .content .right{
		width: auto;
		max-width: 84%;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	#about .left, #about .right{
		float: none;
		max-width: none;
		height: auto;
	}
	#about .left img{
		margin-top: 0;
		margin: 0 auto;
		width: 90%;
		height: auto;
	}

}
.content p{
	text-align: left;
	font-size: 17px;
	color: #f4ffdc;
	font-family: "PT Sans";

}

.centered, .centered p{
	text-align: center;
}
.divider{
	/* background: url("../images/divider.png"); */
	width: 328px;
	height: 2px;
	margin-bottom: 14px;
	display: inline-block;
	background-repeat: no-repeat;
	background: #fff;
}
#gallery .title .divider{
	width: 100%;
}
@media (max-width: 785px){
	.divider{
		max-width: 84%;
	}
}

#contact .content{
	font-size: 22px;
}
.content a{
	color: #E7A808;
	text-decoration: none;
}
.content a:hover{
	text-decoration: underline;
}
a.readmore{
	color: #E7A808;
	text-decoration: none;
	font-size: 27px;
	display: block;
}
a.readmore:hover{
	text-decoration: none;
	color: #F0D389;

}
a.readmore i{
	margin-right: 10px;
}
#contact .content{
	z-index: 270;
}
#backhome{
	position: fixed;
	bottom: 20px;
	right: 70px;
	font-size: 60px;
	z-index: 800;
	color: #E2E2CA;
	opacity: 0.4;

}

@media (max-width: 785px){
	#backhome{
		right: 8px;
		bottom: 0px;
	}
}


#backhome:hover{
	color: #DAAF41;
	opacity: 0.9999;
	
}
#backhome.hidden{
	opacity: 0;
}



#mobileMenu{
	display: none;
	float: right;
	position: relative;
	z-index: 17;
}
@media (max-width: 785px){
	#mobileMenu{
		display: block;
	}
}




/** Mobile menu - transformicons **/
.lines-button {
  padding: 3px 10px;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  background: transparent;
  border-style: none;
  height: 44px;
  padding-top: 0;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 30px;
  height: 4px;
  background: #ecf0f1;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 30px;
  height: 4px;
  background: #ecf0f1;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 11px;
}
.lines:after {
  top: -11px;
}

.lines-button:hover .lines:before {
  top: 15px;
}
.lines-button:hover .lines:after {
  top: -15px;
}

.lines-button.open {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}
.lines-button.x.open .lines {
  background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 40px;
}
.lines-button.x.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.lb-number{
	font-family: "PT Sans";
}
#container{
	-webkit-overflow-scrolling: touch;
}
#intro #projectName.fitVert img{
	width: auto;
}
#projectName.fitVert{
	text-align: center;
}