@font-face {
	font-family: 'PTSansNarrowBold';
	src: url('ptn77f-webfont.eot');
	src: local('☺'), url('ptn77f-webfont.woff') format('woff'), url('ptn77f-webfont.ttf') format('truetype'), url('ptn77f-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansNarrowRegular';
	src: url('ptn57f-webfont.eot');
	src: local('☺'), url('ptn57f-webfont.woff') format('woff'), url('ptn57f-webfont.ttf') format('truetype'), url('ptn57f-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body { padding: 0; margin: 0; background: #eeede3; }

#triggers { height: 8000px; display: none; }
.clear{clear:both;}
#pomin_intro{cursor:pointer;position:fixed;z-index:999999999999999999;top:20px;right:20px;width:195px;height:50px;text-indent:-99999px;background:url('../img/pomin_intro_btn.png') no-repeat;opacity:0.5;}
#pomin_intro:hover{opacity:1;}

#scrollorama { width: 100%; height: 100%; position: absolute; font-family: 'PTSansNarrowBold';}
.sprite{background:url(../img/sprite.png) 0 0 no-repeat;display:block;}
.step { background: #eeede3;width: 100%; height: 100%; position: fixed; top: 100%; overflow: hidden; }
	.step .content { width: 960px; height: 730px; position: absolute; top: 50%; left: 50%; margin: -365px 0 0 -480px; }
		.step h1 { font-family: 'PTSansNarrowBold'; color: white; line-height: 1.6em; position: absolute; top: 50%; left: 50%; }
		.step h1 small { font-size: 58px; display: block; position: relative; color:#d3396f; }
		.step h1 big { font-size: 130px;  display: block; position: relative; color:#736357; }
		.step .dalej{bottom:8%;width:33px;height:33px;left:50%;margin-left:-16px;background-position: -236px -233px;position:absolute;cursor:pointer;}
		.step .dalej:hover{background-position: -236px -266px;}

#step1 { top: 0%;z-index:1; }
	#step1 .dalej{z-index:3;display:none;}
	
	#step1 .outdated { background: url(../img/ie8.png) no-repeat right center; }
	#step1 .outdated h1 { margin: -280px 0 0 -480px; }
	#step1 .outdated h1 small { text-indent: 150px; }
	#step1 .outdated h1 big { }
	#step1 .outdated h2 { font-size: 30px; color: #d3396f; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -480px; }
	#step1 .outdated p { font-size: 18px; color: #736357; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -480px; width: 600px; }
	#step1 .outdated .blog_link {margin-top:20px; width:300px; height:50px; line-height: 50px; background:#d3396f; text-align:center; font-size:24px; color:#fff; position:absolute; top: 50%; left: 50%; margin: 100px 0 0 -480px; }
			#step1 .outdated .blog_link:hover {background:#e25587;text-decoration:none;}
	
#step2 { top: 0%; left: 100%; z-index:2;}
	#step2 h1 { word-spacing: -5px;letter-spacing: px;margin: -289px 0 0 -329px; }
	#step2 h1 small {font-size:48px; float:left; }
	#step2 h1 big {font-size:96px;line-height:40px;text-indent: 15px; float:left;}
	#step2 #ekstremisci{width:594px;height:100px;bottom:15px;right:-230px;position:absolute;z-index:7;}
		#step2 #ekstremisci-dol{background: url(../img/ekstremisci-dol.png) no-repeat center;width:503px;height:83px;position:relative;z-index:7;}
		#step2 #ekstremisci-gora{background: url(../img/ekstremisci-gora.png) no-repeat center;width:214px;height:290px;position:absolute;left:156px;top:-290px;z-index:7;}
	#step2 #video_slider{width:657px;height:444px;position:absolute;top:50%;left:50%;margin:-222px 0 0 -328px}
	#step2 #video_slider_content{width:639px;height:426px;border:9px solid #fff;overflow:hidden;}
	#step2 #video_slider_content a {display:block;}
	#step2 #video_slider_content a span.sprite{background-position:0px -13px;width:219px;height:220px;position:absolute;left:210px;top:103px;}
	#step2 #video_slider_content a:hover span.sprite{background-position:-219px -13px;}
	#step2 #video_slider_nav{margin:-40px 0 0 175px;float:left;position:relative;z-index:5;font-size:30px;font-family:'PTSansNarrowBold';line-height:66px;color:#fff;}
		#step2 #video_slider_nav a{color:#fff;text-align:center;float:left;width:66px;height:67px;background:url('../img/sprite.png') 0 -233px no-repeat;margin:0 0 0 15px;}
		#step2 #video_slider_nav a:first-child{margin:0;}
		#step2 #video_slider_nav a:hover{color:#d3396f;background-position: -67px -233px;text-decoration:none;}
			#step2 #video_slider_nav a span{color:#e25587;}
	
	
#step3 { top: -100%;z-index:3; }
	#step3 h1 { margin: -330px 0 0 -480px; width: 730px;}
	#step3 h1 small { font-size: 56px; text-indent: 96px; line-height: 37px;}
	#step3 h1 big { font-size: 92px; }
	#step3 #text-slider{width:1100px;height:550px;position:absolute;left:-395px;top:150px;font-size:16px;color:#736357;font-family: 'PTSansNarrowRegular';line-height:24px;}
		#step3 #text-slider h4,#step3 #text-slider .h4{font-size:36px;color:#d3396f;font-family: 'PTSansNarrowBold';line-height:normal;}
		#step3 #text-slider img.absolute{position:absolute;left:100px;top:0px;}
			#step3 #text-slider #bomba img.absolute{left:130px;}
			#step3 #text-slider #choroby img.absolute{left:80px;}
			#step3 #text-slider #nadwaga img.absolute{left:130px;top:50px;}
			#step3 #text-slider #mlody img.absolute{left:70px;}
			#step3 #text-slider #wzrok img.absolute{left:0px;}
			#step3 #text-slider #wulkan img.absolute{left:130px;top:40px;}
			#step3 #text-slider #humor img.absolute{left:140px;}
			#step3 #text-slider #orzezwienie img.absolute{left:180px;}
		#step3 #text-slider article{width:1100px;}
		#step3 #text-slider p,#step3 #text-slider h4,#step3 #text-slider .h4,#step3 #text-slider div.wrap{width:630px;float:right !important;}
			#step3 #next_text,#step3 #prev_text{z-index: 99;cursor: pointer;width: 33px;height: 33px;background-position: -133px -234px;position: absolute;top: 171px;left:565px;}
			#step3 #next_text{background-position: -167px -234px;left:610px;}
			#step3 #prev_text:hover{background-position:-133px -267px;}
			#step3 #next_text:hover{background-position:-167px -267px;}
		#step3 #text-slider ul{float:left;margin:0 0px 10px 30px;width:190px;}
		#step3 #text-slider ul:first-child{margin:0 0px 10px 0;}
			#step3 #text-slider ul li{list-style:none;line-height:22px;padding-left:18px;background:url('../img/bullet.png') 0 7px no-repeat;}

#step4 { top: 0%; left: -100%;z-index:4; }
	#step4 h1 { margin: -315px 0 0 -440px; }
	#step4 h1 small { font-size: 47px; text-indent: 159px; }
	#step4 h1 big { font-size: 92px; }
	#step4 #ekspert{z-index: -1;width:609px;height:831px;position:absolute;top:70px;left:55%;margin-left:80px;background:url(../img/ekspert.png) center no-repeat;}
	#step4 #ekspert_tekst{width:540px;position:absolute;bottom:150px;left:230px;color:#736357;font-size:18px;}
		#step4 #ekspert_tekst h3{color:#d3396f;font-size:32px;margin:0;line-height: 30px;}
		#step4 #ekspert_tekst h4{color:#736357;font-size:18px;margin:5px 0 20px 0;line-height: normal;}
		#step4 #ekspert_tekst p{line-height: normal;width:355px;font-family:'PTSansNarrowRegular';}
		#step4 .napisz_link, #step4 #ekspert_tekst form button {font-family:'PTSansNarrowBold';margin-top:20px;width:190px;height:50px;line-height: 50px;background:#d3396f;text-align:center;font-size:24px;color:#fff;position:absolute;-webkit-border-radius: 25px 24px 24px 25px/25px;	-moz-border-radius: 25px 24px 24px 25px/25px;	border-radius: 25px 24px 24px 25px/25px;}
		#step4 #ekspert_tekst form button {position: relative;border: 0;}
			#step4 .napisz_link:hover, #ekspert_tekst form button:hover{background:#e25587;text-decoration:none;}
			#step4 #ekspert_tekst #ekspert_form{display:none;float:left;width:400px;}
			#step4 #ekspert_tekst form label{color:#197b30;font-size:18px;}
			#step4 #ekspert_tekst form textarea{font-size: 18px;padding: 15px;border:1px solid #d5d2b8;border-radius:0;width:320px;height:92px;resize: none;font-family:'PTSansNarrowBold';-webkit-border-radius: 18px;	-moz-border-radius: 18px;	border-radius: 18px;margin:0 0 10px;}
				#step4 #ekspert_tekst form .error textarea{border:1px solid #d93030;}
			#step4 #ekspert_tekst form div{float:left;margin: 0 35px 0 0;}
			#step4 #ekspert_tekst form div.last{margin: 0 0px 0 0;}
			#step4 #ekspert_tekst form input{padding:0 15px;border:1px solid #d5d2b8;border-radius:0;width:320px;height:34px;font-size:18px;font-family:'PTSansNarrowBold';-webkit-border-radius: 18px;	-moz-border-radius: 18px;	border-radius: 18px;margin:0 0 10px;}
				#step4 #ekspert_tekst form .error input{border:1px solid #d93030;}
/*			#step4 #ekspert_tekst form button{padding:0 5px;border:0;background:#d93030;color:#fff;float:right;margin: 20px 0 0 0;border-radius:0;width:180px;height:34px;font-size:18px;font-family:'PTSansNarrowBold';}
			#step4 #ekspert_tekst form button:hover{background:#e75050;}*/
			#step4 #ekspert_tekst form .submit{float:left;margin:0 2px 0 0;}
			#step4 #ekspert_tekst .form-sent{margin-top: 20px;height:282px;}
			#step4 #ekspert_tekst .form h1{display:none;}
			#step4 #ekspert_tekst .form #close_form{cursor:pointer;width:59px;height:59px;position:absolute;top:0px; right:85px;background-position:-379px -301px;text-indent:-99999px;}
			#step4 #ekspert_tekst .form #close_form:hover{background-position-y:-359px;}
			#step4 #ekspert_tekst .form-replacement{display:none;float:left;}
			#step4 #ekspert_tekst .form-sent h3{font-size:32px;}
			#step4 #ekspert_tekst .loader{display:none;height: 50px;padding-top: 20px;margin-right: 67px;}
			#step4 #ekspert_tekst .no-margin{margin:0;}

#step5 { z-index:5; }
	#step5 h1 { font-size: 68px; margin: -300px 0 0 -80px; line-height: 1em; width: 660px; }
	#step5 h1 small { font-size: 33px; text-indent: 85px; }
	#step5 h1 big { font-size: 68px;}
	#step5 #miska {z-index: -3;width:778px;height:783px;top:0px;left:-320px;position:absolute;}
	#step5 #dania {width:415px;height:305px;top:300px;right:0;position:absolute;}
		#step5 #dania article h3 a{color:#d3396f;font-size:36px;width:340px;margin:0;padding-bottom:10px;display:block;}
		#step5 #dania article a{color:#736357;font-size:18px;margin:0;text-decoration:none;}
		#step5 #dania article p{font-family:'PTSansNarrowRegular';}
		#step5 #dania article:hover h3 a{color:#e25587;}
		#step5 #dania article:hover p a{color:#837367;}
	#step5 #prev_course{z-index: 99;cursor:pointer;width:33px;height:33px;background-position:-133px -234px;position:absolute;top:316px;right:40px;}
		#step5 #prev_course:hover{background-position:-133px -267px;}
	#step5 #next_course{z-index: 99;cursor:pointer;width:33px;height:33px;background-position:-167px -234px;position:absolute;top:316px;right:0px;}
		#step5 #next_course:hover{background-position:-167px -267px;}
	#step5 .blog_link {width:222px;height:52px;bottom:50px;right:0;background:#d3396f;text-align:center;line-height:52px;font-size:30px;color:#fff;position:absolute;-webkit-border-radius: 25px 24px 24px 25px/25px;	-moz-border-radius: 25px 24px 24px 25px/25px;	border-radius: 25px 24px 24px 25px/25px;}
	#step5 .blog_link span.sprite{width:28px;height:26px;background-position:-202px -234px;float: left;margin: 13px -5px 0 15px;}
	#step5 .blog_link:hover {background:#e25587;text-decoration:none;}
	
#step6 { top: -100%;z-index:6;background:#eeede3 url('../img/miasto.jpg') center no-repeat; }
	#step6 h1 { margin: -260px 0 0 -420px; z-index:10;}
	#step6 h1 small { font-size: 63px; color: #736357;  }
	#step6 h1 big { font-size: 105px;text-indent: 55px;color:#d3396f;line-height:75px; }
	#step6 #rower {width:715px;height:279px;right:420px;position:absolute;top:350px;background:url(../img/rower.png) center no-repeat;}
	#step6 #miasta_wrap{position:absolute;width:500px;right:0;top:0;}	
		#step6 .miasto{width:120px;top:250px;height:160px;text-align:center;}
		#step6 #poznan{right:320px;position:absolute;}
		#step6 #warszawa{right:170px;position:absolute;}
		#step6 #trojmiasto{right:20px;position:absolute;}
			#step6 .miasto p{margin:0;font-size:30px;color:#d3396f;font-family: 'PTSansNarrowBold';line-height: 24px;}
			#step6 .miasto p span{font-size:16px;color:#736357;}
			#step6 .miasto div.sprite{cursor:pointer;width:112px;height:111px;margin:0 auto 10px auto;}
			#step6 .miasto div.sprite:hover{opacity: 0.7;}
				#step6 #poznan div.sprite{background-position:1px -307px;}
				#step6 #warszawa div.sprite{background-position:-110px -307px;}
				#step6 #trojmiasto div.sprite{background-position:-222px -306px;height:112px;margin-bottom:9px;}
			#step6 .miasto_content{color:#736357;font-size:18px;width:440px;position:absolute;top:240px;right:0;font-family:'PTSansNarrowRegular';display:none;}
				#step6 .miasto_content h3{color:#d3396f;font-size:32px;font-family: 'PTSansNarrowBold';}
				#step6 .miasto_content ul{font-size:16px;}
				#step6 .miasto_content ul li{list-style:none;line-height:22px;padding-left:18px;background:url('../img/bullet.png') 0 7px no-repeat;}
				#step6 .miasto_content .ml80{margin-left:80px;}
				#step6 .miasto_content p.ml80{font-family: 'PTSansNarrowBold';margin: 30px 0 10px 62px;}
				#step6 .miasto_content .close_city{width:59px;height:58px;position:absolute;top:0px;right:-50px;background-position:-379px -302px;text-indent: -99999px;}
				#step6 .miasto_content .close_city:hover{background-position:-379px -360px;}
				#step6 .miasto_content .city_slider{border:5px solid #fff;right: -50px;position: absolute;top: 85px;width:390px;height:235px;overflow:hidden;}
				#step6 .miasto_content .prev_city{top:303px;right:145px;background-position:0px -503px;z-index:99;width:50px;height:50px;text-indent: -99999px;position:absolute;cursor:pointer;}
					#step6 .miasto_content .prev_city:hover{background-position:-102px -503px;}
				#step6 .miasto_content .next_city{top:302px;right:85px;background-position:-51px -503px;z-index:99;width:50px;height:50px;text-indent: -99999px;position:absolute;cursor:pointer;}
					#step6 .miasto_content .next_city:hover{background-position:-153px -503px;}
	
#step7 { z-index:7; }
	#step7 h1 { margin: -330px 0 0 -465px; z-index:10;}
	#step7 h1 small { font-size: 151px; }
	#step7 h1 big { font-size: 90px;text-indent: 35px; }
	#step7 #wkrotce {top:245px;right:168px;font-size:48px;color:#d3396f;position:absolute;}
	/*#step7 .aukcje_link {cursor:default;width:155px;height:35px;bottom:420px;right:198px;background:url('../img/kupteraz-button.png') 0 0 no-repeat;text-indent:-99999px;position:absolute;}*/
	/*#step7 .aukcje_link:hover {text-decoration:none;}*/
	#step7 .aukcje_link{font-size:18px;font-weight:normal;position:absolute;bottom:444px;right:198px;width:153px; border-radius:5px;height:35px; float:right;line-height: 35px;text-align:center;text-decoration:none; margin: 5px 0 0 0;border: 1px solid #ff7b1e;color: #FFF;text-shadow: 1px 1px 0px #ff3b10;-moz-box-shadow: inset 0px 1px 0px 0px #ff9502;-webkit-box-shadow: inset 0px 1px 0px 0px #ff9502;box-shadow: inset 0px 1px 0px 0px #ff9502;background: none;background-color: #ff7300;background-image: -moz-linear-gradient(top, #ff9502 5%, #ff6600 100%);background-image: -webkit-linear-gradient(top, #ff9502 5%, #ff6600 100%);background-image: -o-linear-gradient(top, #ff9502 5%, #ff6600 100%);background-image: -ms-linear-gradient(top, #ff9502 5%, #ff6600 100%);background-image: linear-gradient(top, #ff9502 5%, #ff6600 100%);background-repeat: repeat-x}
	#step7 .aukcje_link:hover{background-color: #ff6600;background-position: 0 -10px;}
	#step7 #polka {width:538px;height:159px;position:absolute;top:50px;right:0px;background:url('../img/polka_buraki.png') center no-repeat;}
	#step7 #kartony {width:1125px;height:486px;position:absolute;top:250px;left:100px;background:url('../img/kartony.png') center no-repeat;}
	
#nav-container { position: fixed; top: 50%; left: 50%; display: none;z-index:100; }
#nav { position: absolute; top: -255px; left: -110px; height: 390px; }
	#burak { position: absolute; top: 0; left: 0; width: 250px; height: 370px;z-index:9;}
	#burak .eyes { position: absolute; left: 80px; top: 119px; }
	#nav #messages { }
	#nav .message { opacity: 0; position: absolute; pointer-events: none; }
	#nav .message h2 { margin: 0; padding: 0; font-family: 'PTSansNarrowBold'; background: white; padding: 20px; font-size: 24px; text-align: center; line-height: 1.4em; color: #5e0021;}
		
	#nav #message1 { top: 240px; left: 170px; background: url(../img/nav/balloon_001.png) no-repeat; }
	#nav #message1 h2 { margin: 96px 30px 0 0; width: 275px; }
	
	#nav #message2 { top: 230px; left: -238px; background: url(../img/nav/balloon_002.png) no-repeat 200px 0; }
	#nav #message2 h2 { margin: 140px 0 0 0; width: 400px; }
	
	#nav #message5 { top: 70px; left: -520px; background: url(../img/nav/balloon_005.png) no-repeat right bottom; }
	#nav #message5 h2 { margin: 0 0px 33px 0; color:#afa380; font-size: 18px; width: 510px; }
	
	#nav #message6 { top: 35px; left: 170px; background: url(../img/nav/balloon_006.png) no-repeat left bottom; }
	#nav #message6 h2 { margin: 0 95px 88px 0; font-size: 18px; width: 300px; color: #afa380; }
		
	#nav #message7 { top: 35px; left: 170px; background: url(../img/nav/balloon_006.png) no-repeat left bottom; }
	#nav #message7 h2 { margin: 0 95px 88px 0; font-size: 18px; width: 300px; color: #afa380; }
		
	#nav .nav-item { display: block; position: absolute; opacity: 1; cursor: pointer;font-size:20px;color:#d3396f;text-align:center;}
	#nav .nav-item:hover {text-decoration:none;}
	
	#nav-item2 { top: 45px; left: -85px; width: 79px; height: 84px;background: url(../img/nav/icon_002.png) center top no-repeat; }
	#nav-item2 { top: 45px; left: -85px; width: 79px; height: 84px;background: url(../img/nav/icon_002.png) center top no-repeat; }
	#nav-item3 { top: 157px; left: -176px; width: 150px; height: 84px;background: url(../img/nav/icon_003.png) center top no-repeat; }
	#nav-item4 { top: 273px; left: -97px; width: 100px; height: 80px;background: url(../img/nav/icon_004.png) center top no-repeat; }
	#nav-item5 { top: 45px; left: 208px; width: 110px; height: 81px;background: url(../img/nav/icon_005.png) center top no-repeat; }
	#nav-item6 { top: 157px; left: 249px; width: 127px; height: 80px;background: url(../img/nav/icon_006.png) center top no-repeat; }
	#nav-item7 { top: 273px; left: 223px; width: 83px; height: 84px;background: url(../img/nav/icon_007.png) center top no-repeat; }
	
	nav {z-index:9; top: 20px; right: -500px; text-indent: -99999px; position:fixed; width: 280px; }
	nav .nav-menu { cursor:pointer; width:23px; height:23px; text-indent:-99999px; float:right; margin:0 0 0 4px; opacity:0.3; }
	nav:hover .nav-menu { width: 35px; height: 35px; margin:0 0 0 4px; opacity:1; }
	.csstransitions nav .nav-menu { -moz-transition: width .5s, height .5s; -webkit-transition: width .5s, height: .5s; transition: width .5s, height .5s; }
	nav .nav-menu img{ width:100%; height:100%; display:block; }
		nav #nav-menu2{ background-position:0px -301px; }
		nav #nav-menu3{ background-position:-36px -301px; }
		nav #nav-menu4{ background-position:-71px -301px; }
		nav #nav-menu5{ background-position:-106px -301px; }
		nav #nav-menu6{ background-position:-140px -301px; }
		nav #nav-menu7{ background-position:-175px -301px; }