/* CSS */

.scrollup{
	z-index:100;
	width:40px;
	height:40px;			
	text-indent:-9999px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	position:fixed;
	bottom:50px;
	right:10px;
	display:none;
			
	background: url('../graphics/icon_top.png') no-repeat;
}
.scrollup:hover {
	background: url('../graphics/icon_top.png') no-repeat;
}
.chmurka { 
	position:absolute;
	z-index:21;
	padding:6px 12px;
	color:#F00;
	background:#000;
	color:#FFF;
	font-size:11px;
	text-shadow:none;
	
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#staa_cookies { 
	position:absolute;
	z-index:200;
	line-height:1.0em;
	font-family:Metropolis Light, Tahoma, Geneva, sans-serif;
	letter-spacing:0.5px;
	
}
#staa_cookies a {
	color:#6C6C6C; color:#666;
	-webkit-transition:.20s linear .1s;
	-moz-transition:.20s linear .1s;
	-o-transition:.20s linear .1s;
	transition:.20s linear .1s;
}

#staa_cookies a:hover { 
	color:#069;
}
#staa_cookies_in {	
	position:fixed; bottom:0px;width:100%;
}
#staa_cookies_in #in_in { 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:11px 20px;
	color:#878787;
	color:#666;
	background:#fff;
	background:rgba(255,255,255,0.9);
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	/* filter:alpha(opacity=90);
	-moz-opacity:.90;opacity:.90; */
	border-top:1px solid #CCC;
}
#staa_cookies_in #in_in #cclose {
	border:2px solid #A6A6A6; border:2px solid #64C3D1;
	color:#878787; color:#204196;
	
	padding:4px 10px;
	text-decoration:none;	
}
#staa_cookies_in #in_in #cclose:hover { 
	border:2px solid #333;
	color: #333;
}
.cookies_close {
	padding:5px 0 0 0;
	background:#333;
	color:#FFF;
	text-align:center;
}

.info, .error { 
	width:100%;
	margin:1vw 0%;
	padding:10px 0;
	text-align:center;
	background:#BBFF9D;
	color:#333;
	
}
.error {
	background:#DE0000;
	color:#FFF;
}



/* preload */
/*
#logo_center {
	position:fixed;
	top:0;
	z-index:200;
	width:100%;
	height:100%;
	background:#000;
	
	 -webkit-transition:all 0.9s ease-in-out;
	 -moz-transition:all 0.9s ease-in-out;
	 -o-transition:all 0.9s ease-in-out;
	 transition:all 0.9s ease-in-out;
	 
	 visibility:visible;
	 filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
}
#logo_center #in_logo_center {
	position:relative; width:100%; text-align:center; top:42%;
}
*/




/* CONTENT */

a, a img, img { outline-style:none; border:none; }
img {
	max-width:100%;
	height:auto;
}
.clear { clear:both; }

hr { color: #CCC;background-color:#CCC; height: 1px;border:none; font-size:0; }

header,nav,section,footer { margin:0px; padding:0px; display:block; }

*::selection { background:#333; color:#FFF; }
*::-moz-selection { background:#333; color:#FFF; }

a { color:#000; }
a:hover { color:#000; }	

h1,h2,h3,h4,h5 {
	
	/* font-family:'Oswald Light', Tahoma, Geneva, sans-serif; */
	font-family:'Saira',Tahoma, Geneva, sans-serif;
	
	font-weight:normal;
	font-size:2.0em;
	line-height:normal;
	color:#0F0F0F;
	color:#172e4a;
	margin:15px 0;
	padding:0;
}



/* preload */
#logo_center {
	position:fixed;
	top:0;
	z-index:200;
	width:100%;
	height:100%;
	background:#fff;
	/* background-image:url(../graphics/bg_video_x1.png); */
	color:#666;
	
	 -webkit-transition:all 0.9s ease-in-out;
	 -moz-transition:all 0.9s ease-in-out;
	 -o-transition:all 0.9s ease-in-out;
	 transition:all 0.9s ease-in-out;
	 
	 visibility:visible;
	 filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
}
#logo_center #in_logo_center {
	position:relative; width:100%; text-align:center; top:42%;
}


.animuj {	
	animation: anim_przynik1 600ms ease-in-out; 
	-webkit-animation: anim_przynik1 600ms ease-in-out;
    -moz-animation: anim_przynik1 600ms ease-in-out;
    -ms-animation: anim_przynik1 600ms ease-in-out;
	-o-animation:anim_przynik1 600ms ease-in-out;
}


body {
	margin:0;
	padding:0;
	
	overflow-y:scroll;
	
	font-size:17px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-family:'Metropolis ExtraLight', Tahoma, Geneva, sans-serif;
	color:#464646;
	
	background-position:top center;
	background-repeat:repeat-x;
	/* line-height:1.3em; */
}

header {	
	width:100%;
	margin:0 auto;
	
	border-top:3px solid #f0b406;
	
	/* font-family:'Oswald Light', Tahoma, Geneva, sans-serif; */
	font-family:'Saira',Tahoma, Geneva, sans-serif;
	
	letter-spacing:1px;
	
	position:fixed;
	z-index:101;
}
header h1,header h2 {  }
header p { }

#header #tel {
	display:none;
	
	background:#f0b406;
	padding:4px 5% 4px 0;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	
	
}

#header #head_top {
	
	
	/* border-top:3px solid #1e3e67; */
	
	
	width:100%;
	
	font-size:1.0em;
	background:#FFF;
	
	-webkit-box-shadow:0px 0px 10px 0px rgba(39,39,39,0.3);
	-moz-box-shadow:0px 0px 10px 0px rgba(39,39,39,0.3);
	box-shadow:0px 0px 10px 0px rgba(39,39,39,0.3);
}

#header #head_top .head_top_50 {
	text-align:center;
	padding:10px 0;
	color:#FFF;
	
	/* float:left; */
	width:100%;
	background:#FFF;
	
}

#header #head_top #div_logo {
	display:none;
	/* padding:15px 0 12px 5%;
	float:left;
	
	width:320px;
	text-align:left;
	*/
	
	/* nowe center */
	text-align:center;
	width:100%;
}

#header #head_top #logo { 
	/* float:left;
	padding:4px 3% 4px 5%;
	width:22%; */	
}

#header #head_top #logo a:hover img {
	animation: anim_sm 300ms ease-in-out; 
	-webkit-animation: anim_sm 300ms ease-in-out;
    -moz-animation: anim_sm 300ms ease-in-out;
    -ms-animation: anim_sm 300ms ease-in-out;
}

#header #head_top #div_menu {
	float:left;
	/* width: calc(95% - 320px); */
	
	width:100%;
		
	font-size:1em;
	
	
	
	/*
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*/
}


/* menu roz */
ul > li > ul {	
   display:none;
  /* visibility:hidden; */
  
  filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
  -webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
}

ul > li:hover > ul {
  display:block;
  /* visibility:visible; */
  filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
  -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.menu > ul > li:hover > a
{
	
	
	/* 
	 background-image:url(../graphics/menu_znacznik.png);
	background-position:10px;
	background-repeat:no-repeat;
	*/
}



/* menu */
.menu {
	/* float:right;
	width:98%;
	padding-left:2%; */
	width:100%;
	text-align:center;
}
.menu_fly { /* position:fixed; margin-top:0; */ }
.menu ul, .menu ul li { margin:0; padding:0; list-style:none; }
.menu ul {
	clear:left;
	float: left;
	position: relative;
	left:50%;
	text-align: center;
}
.menu ul li {
	display: block;
	float: left;
	position: relative;
   	right: 50%;
}

.menu ul .logo {
	margin:0px;
	position:relative;
}
.menu ul .logo a {
	padding:7px;
	margin:0;
}
.menu ul .logo a img {
	width:80px;
}




.menu ul li, .menu ul li a { display:block; float:left; float:left; }
.menu ul li a {
	text-align:center;	
	/* font-family: 'Roboto', sans-serif; */	
	
	font-size:1.0em;
	line-height:100%;
	padding:0; 
	margin:0;
	
	
	padding:35px 14px;
	
	margin-right:1px;
	
	
	
	text-decoration:none;
	font-weight:normal;
	color:#666;
	/* border-bottom:1px dashed #CCC; 
	
	background-image:url(../graphics/menu_znacznik.png);
	background-position:left;
	background-repeat:no-repeat; */
	
	
}

.menu ul li a:hover, .menu ul li .on, .menu ul li .on1 {
	
	/* color:#000;
	
	border-bottom:2px solid #64C3D1; */
	
	/* border-bottom:2px solid #FFF; */
	
	color:#1e3e67;
	
	animation: anim_sm1 300ms ease-in-out; 
	-webkit-animation: anim_sm1 300ms ease-in-out;
    -moz-animation: anim_sm1 300ms ease-in-out;
    -ms-animation: anim_sm1 300ms ease-in-out;
	
	/*
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	
	
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	*/
	
	/* background: -webkit-linear-gradient(#E5E5E5,#CCC); 
	background: -o-linear-gradient(#E5E5E5,#CCC);
	background: -moz-linear-gradient(#E5E5E5,#CCC);
	background: linear-gradient(#E5E5E5,#CCC); */
	
	/*
	background-image:url(../graphics/menu_znacznik.png);
	background-position:10px;
	background-repeat:no-repeat;
	*/
}

.menu ul .domek a, .menu ul .domek a:hover {
	/* background:#333; */
	padding-right:50px;
	background-image:url(../graphics/sklep.png);
	background-position:center;
	background-repeat:no-repeat;
	
}


.szczegoly {
	font-family:'Oswald Light', Tahoma, Geneva, sans-serif;
	font-size:1.2em;
	color:#282850;
}












.odstep_top {
	font-size:1px;
	height:20px;
}


.section_1 {
	
	
	clear:both;
	text-align:center;
	
	
	background-image:url(../graphics/home1.jpg);
	background-size:100%;
	background-position:center;
	
	color:#FFF;
	
	
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
    padding: 0px;
	position: relative;
    background-size: cover; background-size: 100%;
	
	
	
}
.section_1_in {
	/* background-image:url(../graphics/bg_video_x1.png); */
	padding:17vw 0 16vw 0;
	
}

.section_1 h1, .section_1 h2 {
	color:#FFF;
	/* text-shadow:1px 1px 0px #000; */
}

.section_1 h1 {
	font-size:4.4em;
	color:#e57b1a;
	color:#FFF;
	margin:0;
	line-height:1em;
	
	/* display:inline;
	background:#1e3e67; */
	/* text-shadow:2px 2px 0px #000; */
}
.section_1 h2 {
	font-size:2.8em;
	/* line-height:100%;
	display:inline;
	 padding:5px 2vw;
	 background:#64c3d1;
	 
	 -webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	 -moz-border-radius:5px;
	 border-radius:5px; */
}
.section_1 span {
	font-size:1.2em;
	/* text-shadow:2px 2px 0px #000; */
}



h1,h2,h3,h4 {
	color:#282850;
}

.flex {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}



.section_2 {
	clear:both;
	
	/* border-top:4px solid #FFF; */
	
	background:#fff;
	text-align:left;
	
	padding:5vw 5%;
	
	color:#333;
	
	
	background-repeat:repeat;
	  background-attachment:fixed;
}
.section_2 a {
	color:#f0b406;
}
.section_2_in {}

.relative {
	position:relative;
}
.s50 {
	float:left;
	padding:1vw 1%;
	width:48%;
	text-align:center;
}
.s50_in {
	width:96%;	
	height:100%;	
	position:absolute;	
}
.s50_in_in {
	position:absolute;	
	top: 50%; 
	transform:translateY(-60%);
}

.s50 a {
	padding:7px 10px;
	background:#204196;
	color:#FFF;
	text-decoration:none;
	font-size:0.9em;
	
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.s50 a:hover {
	background:#282850;
}

@media only screen and (max-width: 1000px) {
	.section_1 {
	 	background-size: cover;
		padding:0 5%;
	}
	
	.section_1 h1 {
		font-size:2em;
	}
	.section_1 h2 {
		font-size:1.4em;
	}
	
	
	.flex {
		display:block;
		width:100%;
	}
	.s50 {
		clear:both;
		width:98%;
	}
	
	.s50_in {
		width:100%;
		position:inherit;
	}
	.s50_in_in {
		position:inherit;
		top:auto;
		transform:translateY(0%);
	}
}

/*
.section_2:before, .section_2:after, .section_4:before, .section_4:after {
  content: '';
  position: absolute;
  left: 0;
  margin:-8vw 0 0 0;
  
  overflow: visible;
  width: 100%;
  height:6vw;
  
  background:#F00;
  background:#0C0C0C;
 
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  transform: skewY(-1deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.section_2:after, .section_4:after {
	background:#0C0C0C;
	margin:2vw 0 0 0;
	
	-webkit-transform: skewY(-1deg);
	-moz-transform: skewY(-1deg);
	-ms-transform: skewY(-1deg);
	-o-transform: skewY(-1deg);
	transform: skewY(-1deg);
}

.section_4:before {
	margin:-4vw 0 0 0;
	background:#333;
}
.section_4:after {
	margin:0vw 0 0 0;
	background:#333;
}
*/


.section_3 {
	clear:both;
	text-align:left;
	/* padding:5vw 5%; */
	
	color:#fff;
	background:#1e3e67;
	/* background-image:url(../graphics/o_nas_bg.gif); */
}
.section_3 .box_50 {
	float:left; width:50%
}
.section_3 .lewa {
	width:33%;
	
	background-image:url(../graphics/o_firmie.jpg);
	background-position:center;
	background-size:auto 100%;
	
}
.section_3 .prawa {
	padding:5vw 5%;
	width:57%;
}


.section_3 h1, .section_3 h2, .section_3 h3, .section_3 a {
	color:#FFF;
}

.section_3 .s33 {
	display:block;
	float:left;
	text-align:center;
	width:31.3%;
	padding:1vw 1%;
}




.section_3 td {
	border-bottom:1px solid #E2E2E2;

	padding:5px 2px;
}

.img50 img {
	width:100%;
}


.cennik_50procent td:first-child {
	width:100px;
	
	background:#E8E8E8;
}

.cennik_50procent tr td:nth-child(2) {
	text-align:left;
	padding-left:8px;
	background:#F7F7F7;
}


.cennik_50procent tr td:nth-last-child(1){
    color:#000;
	background:#D4AA09;
	border-bottom:1px solid #D4AA09;
}
.cennik_50procent .top td {
	color:#FFF;
	background:#333;
}

.cennik_50procent img {
	width:80px;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.cennik_50procent { 
	float:left;
	padding:0 1%;
	width:47%;
}
.ramka_prawa {
	border-right:1px solid #CCC;
}

@media only screen and (max-width: 1200px) {
	.cennik_50procent {
		padding:0;
		width:100%;
	}
	.ramka_prawa {
		border:none;
	}
}











.section_4 {
	clear:both;
	text-align:center;
	padding:2vw 5%;
	
	
	/*
	background:#333;
	background:#204196;
	background:#E30F2F;
	background-image:url(../graphics/bg_galeria.png);
	background-repeat:repeat;
	*/
	
	/*  background-attachment:fixed; */
	
	background-image:url(../graphics/home1.jpg);
	background-size:100%;
	background-position:center;
	
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
   	position: relative;
    background-size: cover;
}
.section_4 h1, .section_4 h2, .section_4 h3 {
	color:#FFF;
}

.section_5 {
	
	clear:both;
	text-align:center;
	padding:5px 0%;
	margin:0;
	line-height:100%;
	
	background:#FFF;
}
.section_5 p {
	margin:0;
	padding:0;
}
.section_5 img {
	line-height:0;
	padding:0;
	margin:0;
	/* -webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%; */
}
.section_5 h3 {
	color:#333;
}





.contact_left, .contact_right {
	width:50%;
	
	float:left;
}

.contact_left {
	background:#F5F5F5;
	/* background-image:url(../graphics/bg_video_x1.png); */
	background-repeat:repeat;

}
.contact_padding {
	padding:5vw 10%;
}


.maps {
	padding:2vw 2%;
}
.maps2 {
	
}

/* formularz */
.form {
	clear:both;
	padding:2vw 2%;
	font-size:0.8em;
	
}
.padding_30 {
	font-size:0;
	height:30px;
	clear:both;
}

.form .form_33 {
	float:left;
	width:31.3%;
	padding:5px 1%;
}
.form .form_100 {
	width:98%;
	padding:5px 1%;
}

::placeholder { 
	color:#bfbfbf;
    opacity: 1;
}

:-ms-input-placeholder {
    color:#bfbfbf;
}

::-ms-input-placeholder {
    color:#bfbfbf;
}

.form .input, .form .textarea {
	font-family:Metropolis Light, Tahoma, Geneva, sans-serif;
	font-size:1.1em;
	color:#A5A5A5;
	
	
	outline-style:none;
	border:none;
	width:100%;
	padding:4px 0;
	
	border-bottom:2px solid #E6E6E6;
}

.form .textarea {
	height:160px;
}

.form .padding_button {
	padding:2vw 1%;
}
.form .staa_send {
	font-family:Metropolis Regular, Tahoma, Geneva, sans-serif;
	
	color:#999;
	font-size:1.0em;
	letter-spacing:2px;
	text-decoration:none;
	padding:10px 4%;
	border:2px solid #E6E6E6;
	
}

.form .staa_send:hover {
	color:#0FC3D2;
	border:2px solid #0FC3D2;
	
}

@media only screen and (max-width:1000px) {
	.form .form_33 {
		width:98%;
	}
	.padding_30 {
		height:0;
	}
	.form .input, .form .textarea {
		margin:8px 0;
		font-size:1em;
	}
	.form .textarea {
		height:110px;
	}
	.form .staa_send {
		font-size:0.8em;
	}
	
}


















.sz33 {
	
	float:left;
	width:29%;
	padding:1vw 2%;
}

.sz50 {
	float:left;
	width:40%;
	padding:1vw 5%;
	
}




.sz_50_img {
	float:left;
	width:40%;
	padding:5vw 5%;
	line-height:0;
}
.sz_50_img img {
	line-height:0;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.txt_plus {
	font-size:1.2em;
}


.section_6 {
	clear:both;
	text-align:center;
	padding:5vw 5%;
	
	background:#e57b1a;
	
	
	
	color:#FFF;
}
.address {
	clear:both;
	text-align:center;
	padding:5vw 5%;
	
	background:#FFF;
}

footer {
	clear:both;
	text-align:center;
	/* padding:5vw 5%; */
	
	background:#212121;
	color:#FFF;
	
	background-image:url(../graphics/footer.jpg);
	background-repeat:no-repeat;
	background-size:70%;
	background-position:right;
	
	/*
	background-image:url(../graphics/home1.jpg);
	background-size:100%;
	background-position:left;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:top right;
   	position: relative;
    background-size: cover;
	*/
	
}
footer p, footer h1, footer h2, footer h3 {
	color:#fff;	
}
footer p, footer a {
	color:#fff;
}
footer a:hover {
	color:#FFF;
}

.f1 {
	width:25.5%;
	padding:5vw 2.5% 5vw 5%;
	background:#151515;
	background:#1e3e67;
}
.f2 {
	width:28%;
	padding:5vw 2.5% 5vw 2.5%;
	/* background:#333; */
	
	
	
	/* background-image:url(../graphics/home1.jpg); */
	background-size:100%;
	background-position:left;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:top right;
   	position: relative;
    background-size: cover; 
	
		
}
.f3 {
	width:25.5%;
	padding:5vw 5% 5vw 2.5%;
}

.f2 img {
	border:1px solid #CCC;
}

.f_33 {
	
	padding:0%;
	float:left;
	
	font-size:1.1em;
}

footer #copy {
	text-align:left;
	background:#fff;
	color:#333;
}
footer #copy .left {
	padding:2vw 5%;
	width:23%;
	float:left;
	background:#e4e4e4;
}
footer #copy .right {
	text-align:right;
	padding:2vw 5%;
	width:40%;
	float:right;
}

footer #copy a {
	color:#fff;
	text-decoration-color:#666;
}
footer #copy .navi {
	display:none;
	text-align:right;
	
	padding-bottom:10px;
	color:#999;
	
}
footer #copy .navi a {
	font-weight:bold;
	color:#151515;
	text-decoration-color:#666;
}
footer #copy .navi a:hover {
	color:#fff;
}




.sec_25 {
	float:left;
	width:23%;
	padding:0 1%;
}

.sec_50_left {
	float:left;
	width:40%;
	padding:0 5%;
	
	font-size:1.1em;
	color:#666;
	line-height:1.5em;
	text-align:left;
}
.sec_50_right {
	float:left;
	width:40%;
	padding:0 5%;
	
	font-size:1.1em;
	color:#666;
	line-height:1.5em;
	text-align:left;
}




/* wspolne */
.separator {
	clear:both;
	width:5%;
	margin:1vw auto;
	height:2px;
	font-size:0;
	background:#fff;
}
.separator_black {
	background:#151515;
}
.txt_white {
	color:#FFF;
}

.txt_center {
	text-align:center;
}
.txt_left {
	text-align:left;
}
.sz_33 {
	width:31%;
	padding:0 1%;
	float:left;
}

.a4 {
	float:left;
	width:23%;
	padding:1vw 1%;
	text-align:center;
}

/* dla max szerokich monitorów */
@media only screen and (min-width:4000px) {
	body, header {
		margin:0 auto;
		width:4000px;
	}
}


@media only screen and (max-width:1000px) {
	.a4 {
		width:48%;
	}
	.section_3 .lewa {
		display:none;
	}
	.section_3 .prawa {
		padding:5vw 5%;
		width:90%;
	}
		
	
	
	
	body {
		font-size:16px;
	}
	
	
	.mobile {
		display:block;
		width:100%;
		height:auto;
	}
	.mobile_off {
		display:none;
	}
	#header #tel {
		display:none;
	}
	
	#header #head_top #div_logo {		
		padding:5px 0;
		text-align:center;
		width:100%;
	}
	#header #head_top #div_logo img {
		width:200px;
	}
	
	.section_3 .s33 {
		width:98%;
	}
	
	.sz33, .sz50, footer #copy .left, footer #copy .right {		
		width:96%;
		padding:1vw 2%;
		text-align:center;
	}
	.sz_33 {
		width:96%;
		padding:1vw 2%;
	}
	
	
	.contact_left, .contact_right {
		width:100%;
	}
	
	
	
}

@media only screen and (max-width:1000px) {
	.separator {
		width:10%;
	}
	.slider .separator {
		width:6%;
	}
	.separator_mini {
		width:5%;
	}
	
	h1,h2,h3,h4,h5 {
		font-size:1.6em;
	}
	.scrollup{ 		
		right:10px;		
	}
	

	
	.header #div_menu #social, .menu_tlo #div_menu #social {
		position:absolute;
		padding:10px;
		margin:0;
		top:0;
		right:0;
	}
	
	/* cclose */
	#staa_cookies_in #in_in #cclose {
		display:block;
		clear:both;
		width:100px;
		margin:0 auto;
		margin-top:6px;
	}
	
	
	
	/* MENU responsywne */
	header #h_menu {
		
	}
	
	header #nav_mobile {
		background:#FFF;
		
		display:block;
		z-index:100;
		
		width:26px;
		height:26px;
		
		border:none;
		border:1px solid #f0b406;
		
		
		
		
		padding:10px;
		top:0px;
		left:0px;
		
		position:fixed;		
		/* background:#fff; */
		background-image:url(../graphics/nav_mobile_on.png); /* preload */
		background-image:url(../graphics/nav_mobile.png);
		background-position:center;
		background-repeat:no-repeat;
		
		cursor:pointer;
		
		 -webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;	
	}
	header #nav_mobile:hover {
		background-image:url(../graphics/nav_mobile_on.png);
		width:26px;
		height:26px;	
		padding:10px;
		
		/*
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg); */
	}
	ul > li:hover > ul {
		display:none;
	}
	.menu ul .logo {
		display:none;
	}
	
	.menu ul li .sub_menu {
		margin:0;
		padding:0;
		width:90%;
		margin:30px 5% 0 5%;
	}
	.menu ul li .sub_menu li a {
		width:100%;
		padding:10px 0;
	}
	
	.menu {
		-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.20);
		box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.20);
		
		z-index:100;
		margin:0 0 0 0;
		padding:0;
		margin-top:49px;
		
		top:0;
		
		/* top:-340px; */
		/* left:-102%; */
		
		/* right:-102%; */
		left:-102%;
		
		
		position:fixed;
		
		width:50%;
		
		
		 /*
		 filter:alpha(opacity=95);
		 -moz-opacity:0.95;
		 opacity:0.95;
		 */
		 
		 -webkit-transition:all 0.7s ease-in-out;
		-moz-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
		transition:all 0.7s ease-in-out;
	}
	.menu ul {
		
		
	}
	
	.menu ul, .menu ul li, .menu ul li a, .menu ul .domek a,.menu ul .domek a:hover {
		width:100%;
		padding:0;
		margin:0;		
	}
	.menu ul .domek a,.menu ul .domek a:hover, .menu ul .domek .on {
		height:30px;
		background:#204196;
		background-image:url(../graphics/sklep1.png);
		background-position:center;
		background-repeat:no-repeat;
	}
	
	
	.menu ul li a {
		letter-spacing:1px;
		padding:16px 5% 16px 10%;
		width:85%;
		
		background:#262626;
		color:#fff;
		text-shadow:none;
		text-align:left;
		border:none;
		border-bottom:1px solid #333;
	}
	.menu_tlo .menu ul li a {
		padding:16px 5% 16px 10%;
	}
	
	
	.menu ul li a:hover, .menu ul li .on, .menu ul li .on1 {
		color:#fff;		
		background:#1e3e67;
		border:none;
		border-bottom:1px solid #333;
				
		animation:none;
		-webkit-animation:none;
		-moz-animation:none;
		-ms-animation:none;
	}
	/* END MENU RESPONSIV staa */
}
@media only screen and (max-width:500px) {
	.menu {
		width:80%;
	}
}


/* przynik 1 */
@keyframes anim_przynik1 {
	0% { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transform:translateY(-40px) scale(1);	-moz-transform:translateY(-40px) scale(1);-ms-transform:translateY(-40px) scale(1);-o-transform: scale(1);transform:translateY(-40px) scale(1); }    
    100% { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
}
@-moz-keyframes anim_przynik1 {
	0% { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transform:translateY(-40px) scale(1);	-moz-transform:translateY(-40px) scale(1);-ms-transform:translateY(-40px) scale(1);-o-transform: scale(1);transform:translateY(-40px) scale(1); }    
    100% { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
}
@-webkit-keyframes anim_przynik1 {
	0% { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transform:translateY(-40px) scale(1);	-moz-transform:translateY(-40px) scale(1);-ms-transform:translateY(-40px) scale(1);-o-transform: scale(1);transform:translateY(-40px) scale(1); }    
    100% { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
}
@-ms-keyframes anim_przynik1 {
	0% { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transform:translateY(-40px) scale(1);	-moz-transform:translateY(-40px) scale(1);-ms-transform:translateY(-40px) scale(1);-o-transform: scale(1);transform:translateY(-40px) scale(1); }    
    100% { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
}​
@-o-keyframes anim_przynik1 {
	0% { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transform:translateY(-40px) scale(1);	-moz-transform:translateY(-40px) scale(1);-ms-transform:translateY(-40px) scale(1);-o-transform: scale(1);transform:translateY(-40px) scale(1); }    
    100% { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }
}​
/* end przynik 1 */