* { margin:0; padding:0; }
html {
	font-family: Open Sans, Arial;
	box-sizing:border-box;
	width:100%;	
	font-size:16px;
	
}
body {
	/*background-image: url("../images/overlay.png"), url("../images/banner.jpg");*/
	/*background:#fff;*/
	background-position: center top;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-attachment: fixed;
	background-repeat:no-repeat;
	/*background-color: #019BC1;*/
	background:#cfcfcf;
	width:100%;	
}
a {
	cursor:pointer;
	text-decoration:none;
	/*color:#F05F40;*/
	color:#ED6F77;
}
main {
	background:white;
	
}
#container {
margin:0;
padding:0;
width:100%;

}
#menu-stale {
	position: fixed;
	z-index:300;
	/*background:#313131;*/
	top:0;
	width:100%;
}
#header {
	/*width:500px;*/
	width:1220px;
	margin:0px auto 0 auto;
	box-sizing:border-box;
	height:100vh;
	position:relative;	
}
a.guzik{
	color:#ffffff;
	background:#F05F40;
	width: 80px;
	height:40px;
	margin-top: -10px;	
	line-height:37px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
	float:right;
	/* -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;*/
	
}
a.guzik:hover {
	background:#cccccc;
	color:#ffffff;
}
#sekcja1 {
	position: relative;
    z-index: 0;          /* tworzy stacking context, więc dzieci z -1 zostają w sekcji */
    width: 100%;
    overflow: hidden;
	}
#sekcja1a {
	width:100%;
	height:200px;
	/*height:100vh;*/
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
	}
/*

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .foo {
    height: 1024px;
  }
}

/** 
 * iPad with landscape orientation.
 */
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .foo {
    height: 768px;
  }
}*/

/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */
/*@media screen and (device-aspect-ratio: 40/71) {
  .foo {
    height: 500px;
  }
}

*/

#sekcja1p {
	width:100%;
	height:40vh;
}
#sekcja2aaaa {
	display:block; position:relative; background:#FFF;padding-top:120px;
}
.podstrona-table {
	display:table; width:1160px; margin:120px auto 0px auto;
	/*box-shadow: 0 0 28px rgba(0,0,0,.13);*/
}
.podstrona-table.nowa {
	box-sizing:border-box;
padding-bottom:100px;
}
.podstrona-row {
	display:table-row;
}
.podstrona-cell1 {
	display:table-cell; width: 200px; margin:0;padding-top:0px;text-align:center;
}
.podstrona-cell2 {
	display:table-cell; margin:0; vertical-align:top; 
}
.podstrona-cell2 h3 {
	font-family: 'Rhodium Libre', serif; text-align:left;
}
.podstrona-cell2 ul {
	margin-bottom:100px;
	list-style:none;
}
.podstrona-cell2 li {
	font-family: 'Rhodium Libre', serif; text-align:left; margin: 3px auto 3px 0px; font-size:14px;padding-left:0px;width:auto;
}
.podstrona-cell2 li a span {
	width:16px;height:16px; border-radius:10px; display:inline-block; margin-right: 15px;background:#019BC1;
}
.podstrona-cell2 li a:hover {
	color: #F8AF9F;
}
.podstrona-cell2 li a:hover span {
	background: #666;
}
.podstrona-cell2 li:before {
  /*color: #019BC1;
   content: "\002022";
   margin-right:10px;*/
   
}

.podp1 {
	font-family: "Exo", sans-serif; text-align:left;display:block;font-size:14px
}
.podp2 {
	text-align:left;margin-top:100px; margin-bottom:20px;
}
.parallax-window {
    /*min-height: 400px;*/
    background: transparent;
}

#bg-menu{
	height:90px;
	/*dla wersji z parallax skasować height    <--------  */
	width:100%;
	background-color: white;/*#F05F40;*/
	background-attachment:fixed;
	position: fixed;
	top:0;
	z-index: -1;	
	opacity: 1;
    filter: alpha(opacity=70);
}
#bg-menu-a {
	height:120px;
	width:100%;
	background-color: #ffffff;/*#F05F40;*/
	background-attachment:fixed;
	position: fixed;
	top:0;
	z-index: -1;		
}
#bg-menu1 ,#bg-menu1-a{
	height:120px;
	width:100%;
	background-color: #ffffff;/*#F05F40;*/
	background-attachment:fixed;
	position: fixed;
	top:0;
	z-index: -3;
	display:none;	
	
}
#menu-content {
	width:1160px;
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
	box-sizing:border-box;
	position:relative;
}

#logo-m {

	cursor:pointer;
	height:68px;
	width:auto;
}
#logo-d {

	cursor:pointer;
	height:140px;
	width:auto;
	margin-left:30px;
	margin-top:30px;
}
#logo-container {
width:290px; 
height:160px; 
background-color:#fff;
display:inline-block;
}

#menu-content img {
	margin-top:0px;	
}

h1 {
	width:500px;
	display:inline-block;
	/*font-size:18px;*/
	margin-top:130px;
	margin-bottom:30px;
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
}
h2 {
	font-size:24px;
	
}
h3 {
	color:#bbbbbb;
	margin-bottom:16px;
	margin-top:0;
}
#nav {	
	float:right;
	}
#nav ul{
	/*font-family: Exo, sans-serif;*/
	font-family: '0pen sans', 'Arial';
	text-transform: uppercase;
	list-style: none;
	margin-top:40px;
	
}

#nav ul li { 
	display: inline; 
	margin-left:30px;
	color: #002E7A;
	font-size:18px
}
#nav ul li a { 
	color: #002E7A;
}
#nav ul li a.active { 
	color: #ED6F77;
}
#nav ul li a:hover { 
	color: #646463;
}
#flagi {
	width:100%;
	text-align:right;
	height:30px;
	padding-top:1px;
} 
#flagi ul {
	padding:0;
	margin-top:20px;
}
#flagi ul li {
	display: inline; 
	margin-left:20px;
	padding-top:1px;
}
#flagi ul li a {
	padding-top:0;
	margin-top:0;
	color:black;
	line-height:16px;
}

#flagi ul li a div{
	display:inline-block;
}

.flagi-wspolny {
	height:30px;
	padding-top:0;
}
.flagi-tekst {
	height:20px; 
	padding-top:0;
	margin-top:7px; 
	margin-bottom:10px; 
	float:left;
}
.flagi-img {
	height:30px
}

#nav-mini {	
	/*float:right;*/
	width:100%;
}
#nav-mini-ico {
	display:inline-block;
	width:30px;
	text-align:right;
	cursor:pointer;
	color:#002E7A;
	font-size:60px; 
	font-family:serif;
	height:60px;
	margin-top:-39px;
	position:fixed;
	right:24px;	
	top:90px;
}
#nav-mini-tekst {
	/*margin-top:90px;*/
	display:block;
	float:right;
	/*width:150px;*/
	width:100%;
	position:fixed;
	top:90px;
	left:0;
	height:0;
	margin:0;
	padding:0;
	/*right:30px;*/
	background-color: #41424B;
	opacity:1;
	filter: alpha(opacity=1); /* For IE8 and earlier */
	
}
#nav-mini-tekst ul {
	list-style: none;
	margin:19px 22px auto auto;
	float:right;
	display:none;
	text-align:right;
}
#nav-mini-tekst li {
	height:50px;
	/*font-family:Exo, sans-serif;*/
	font-family:'Open sans', 'Arial';
}
#nav-mini-tekst li a{
	color:#fff;
}
#nav-mini-tekst li a:hover{
	color:#ccc;
}
#tresci1 {	
	height:auto;	
	width:100%;	
	background-image: url("../images/glowna-background.jpg");
	background-attachment: fixed;
	background-position: center top;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0 auto 10px auto;
	overflow:hidden;
		
}
#tresci1-tlo{
	height:auto;	
	background: url("../images/overlay.png") repeat;
	width:100%;
	box-sizing:border-box;
	/*padding: 50px 10px;*/
	color:#ffffff;
	padding: 40px 0;
	
}
#tresci1-tekst h2 {
	margin-top:60px;
}
#tresci1-tekst {
	
	margin-bottom:60px;
}
#oferta-2, #oferta-3, #oferta-4 {
	display:none;
}
.hr1 {
	border: 0; 
	border-bottom: 3px solid #F05F40;
	max-width: 50px;
	margin: -10px auto 30px auto;
}
#tresci2{
	background:#F05F40;/*#f6f6f6;*/
	width:100%;
	box-sizing:border-box;
	/*padding: 100px 0 110px 0;*/
	padding:0;
	color:#F4F7F8;
}

#sekcja2 {
	background:#ffffff;/*#F05F40;*/
	background-size:100%;
	width:100%;
	box-sizing:border-box;
	padding: 120px 0;
	height:718px;
	/*
	padding:0;*/
}

 #sekcja7 {
	/*height:1050px; */
	background:#ffffff;/*#F05F40;*/
	background-size:100%;
	width:100%;
	box-sizing:border-box;
	padding: 120px 0;
 }

#sekcja2 {
	height:0px;
	padding:0;
		
}
#sekcja2 img {
	margin:10px auto;
	margin-bottom:20px;
	/*height:140px; 
	width:auto;*/
}

.art-div1 img, .slide img {
	/*height:140px; 
	width:auto;*/
}
#sekcja2 h3, #sekcja7 h3 {
	text-align:center;
	margin-bottom:0;
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
	margin-top:20px;
	
	
}
#sekcja2 p {
	margin-top:10px;
	font-size:14px;	
	/*margin-right:20px;*/
	display:inline-block;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	/*font-family: "Exo", sans-serif;*/
	font-family:'Open sans', 'Arial';
}
#sekcja7 p {
	margin-top:10px;
	font-size:14px;	
	/*margin-right:20px;*/
	display:inline-block;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	padding-right:0px;
	padding-left:0px;
	box-sizing:border-box;
	/*font-family: "Exo", sans-serif;*/
	font-family:'Open sans', 'Arial'
}
#tresci7-tekst p {
	margin-top:10px;
	font-size:16px;		
	margin-bottom:40px;
	width:100%;
	text-align:left;
	padding-right:0px;
	padding-left:0px;
	box-sizing:border-box;
	/*font-family: "Exo", sans-serif;*/
	font-family:'Open sans', 'Arial'
}
.art_krotki_zew {
	background-color: #F4F9FF;
	/*padding:0px 20px 30px 20px;*/
	padding:0px 20px 10px 20px;
	width:100%;
	min-height:0px;
	box-sizing:border-box;
	margin:0 0 0px 0;
}
.art_krotki {
	height: 80px;
	vertical-align:middle;
	margin-bottom:0px;
}
.art_krotki h3 {
	/*height:86px;*/
	color: #002E7A;
	margin-top: 30px !important;
}
.arty  {
	display:none;
	margin:0 auto;	
}
#sekcja2 .art-div1 {
	 display:table;
}
#sekcja2 .art-div1 img{
	vertical-align:top; 
	margin-top:18px;
}
#sekcja2 .art-div2{
	/*display:inline-block; 
	float:right;*/
	
}
#sekcja2 div.art-div2 h3{
	text-align:left;
	margin-left:30px;
}
#sekcja2 div.art-div2 p{
	text-align:left;
	margin-left:30px;
	margin-right:10px;
	/*width:820px;*/
}
span.wds {
	vertical-align:middle; 
	display:inline;
	height:100%; 
	display: table-cell
}
#ofirmie-kontener, #oferta-kontener, #sekcja7-inner {
	width: 1160px;
	margin:0 auto;
	/*padding:10px 30px;*/
	padding:0px;
}

#galeria-kontener {
	width: 1160px;
	margin:0 auto;
	padding:75px 0px;
	box-sizing:border-box;
}

#tresci2-picture {	
	width:170px;
	height:170px;
	background:url("../images/ofirmie1.jpg"),#dddddd;
	border: 7px solid #dddddd;
    -moz-border-radius: 92px;
    -webkit-border-radius: 92px;
    -khtml-border-radius: 92px;
    border-radius: 92px;
	display:inline-block;
	vertical-align:top;
}
#tresci1-tekst, #tresci7-tekst {
	/*font-family: "Exo", sans-serif;*/
	
}
#tresci2-tekst {
	/*font-family: "Exo", sans-serif;*/
	
	display:inline-block;
	margin-top:0;
	padding:0;	
}
#tresci1-tekst h2, #tresci2-tekst h2, #tresci7-tekst h2 {
	/*font-family: 'Rhodium Libre', serif;*/
}
#tresci1-tekst h2  span, #tresci2-tekst h2  span, #tresci7-tekst h2 span, #tresci8-tekst h2 span{
font-size:30px
}
#tresci2-tekst ul {
margin-left:20px;
}
#tresci3 {
	background-attachment: fixed;
	background-image: url("../images/overlay.png"), url("../images/banner.jpg");
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	box-sizing:border-box;
	padding: 50px 10px;
	color:#ffffff;
}
#tresci3  p{
	width: 1220px;
	margin:0 auto;
}
#tresci1-kontener { 
	width:1220px;
	margin:0 auto;
}

.sec3 {
	width: 630px;
	display:inline-block;
	height:auto;
	margin-right:60px; /*1220    1050  2x85*/
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;
	text-align:left;
}
.sec3.first {
	width: 610px;
	position:relative;	
}
.sec3.last {
	width: 530px;
	margin-right:0px;
	padding-top:12px;
	box-sizing:border-box;
}
.sec3  h3{
	margin-top:30px;
	text-align:left;
	color:#ffffff;
	
}
.sec3.last h3{
	/*margin-top:30px;*/
	text-align:left;
	font-size:13px;
	width:405px;
	margin-bottom: 10px;
	display:inline-block;
	margin-right:10px;
	/*color:*/
}
.sec3.last h3.inactive{
	margin-top:50px;
	text-align:left;
}
.sec3  p{
	margin-top:30px;
	color:#dddddd;
}

.sec3.last p {
	margin-top:0px;
	font-size:14px;	
	margin-right:20px;
	display:inline-block;
	width:405px;
	margin-bottom:20px;
}
.sec3  a{
	background:#ffffff;
	width: 80px;
	height:40px;
	margin-top: -10px;
	color:#F05F40;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
	float:right;
	/* -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;*/
	
}
.sec3 a:hover {
	background:#cccccc;
	color:#ffffff;
}

#tresci4 {
	width:100%;
	overflow:hidden;
}
#tresci5 {
	display:none;
}
#mapa-index {
	height: 400px; 
  	width: 100%;
	position: relative; 
	z-index:1;
	margin:0;
	
}
#kontakt-kontener { 
  	position: relative; 
	/*left:50*/
	height:0;
	font-style:normal;	
}
#kontakt-kontener2 {
	font-style: normal;
	width:460px;
	margin: 0 auto;
}
#kontakt-index {
	background:#ffffff;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	position:absolute;
	
	top:-330px;
	width:460px;
	height:260px;
	z-index:2;
	padding:30px;
	box-sizing:border-box;
	box-shadow: 0px 0px 5px #999999;
	color:#444444;
	
}
#kontakt1 {
	display:inline-block;
	width:230px;
}

#kontakt1 a{
	color:#002E7A;
}

#kontakt1 a:hover {
	color:#EC646F;
}

#kontakt2 {
	display:inline-block;
	float:right;
	margin-top:0;
	vertical-align:top;
}
#kontakt2 a {
	color:black;
}
#kontakt2 a:hover {
	color:#EC646F;
}
#kontakt1a {
	display:inline-block;
	width:250px;
	float:left;
}

#kontakt1a a {
	color:#002E7A;
}

#kontakt1a a:hover {
	color:#EC646F;
}

#kontakt2a {
	display:inline-block;
	margin-top:0;
	vertical-align:top;
	float:right;
	
}

#kontakt2a a {
	color:black;
}
#kontakt2a a:hover {
	color:#EC646F;
}
#kontakt-index  p{
	
}
#logo-index{				
	width: 600px;
	height: 111px;
	background: url("../images/logo_600px.png") 0 0 no-repeat;
	background-size:100% 100%;
	margin:170px auto 30px auto;
	display:block;
}
#podpis-logo-index {					
	font-size: 30px;
	width:100%;
	position:relative;
	/*top:35%;*/
	margin:0 auto;
	color:#ffffff;
	text-align:center;
	height:30px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    z-index: 10;
	
}
#video-background {
	 position: absolute;
    top: 0;
    left:0;
    overflow: hidden;
    z-index: -5;
}

#podpis-logo-index h1 {					
	font-size: 30px;
	width:100%;
	font-family: 'Audiowide', cursive;
	word-spacing: 7px;
	opacity:0;
	}
#podpis-logo-index a, .slider4 a, a.powrot {
	color:#ffffff;
	background:#002E7A;
	font-size:14px;
	/*font-weight:bold;*/
	margin:0 auto;
	width: 160px;
	height:46px;
	margin-top: -10px;	
	line-height:46px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	/*-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;*/
	text-shadow: none;
	display:block;
	-o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  /* ...and now for the proper property */
  transition:.2s;	
}

#podpis-logo-index a {
	opacity:0;
position:relative;
	z-index:20;
	/*top:220px;*/
	margin-top:30px;
	
}

#podpis2 {
font-size:20px;
line-height:24px;
margin-bottom:50px;
opacity:0;
/*transform: translate(-100px);*/
width:100%;
text-align:center;
}


/*@keyframes fromleft, @-webkit-keyframes fromleft, @-moz-keyframes fromleft, @-ms-keyframes fromleft, @-o-keyframes fromleft  {
    0% {
        transform: translate(0px)
    }
    100% {
        transform: translate(200px);
    }
}
*/
@keyframes fromleft {
    from { opacity: 0; transform: translate(-100px)}
    to   { opacity: 1; transform: translate(0px);}
}

/* Firefox < 16 */
@-moz-keyframes fromleft {
    from { opacity: 0; -moz-transform:translate(-100px);}
    to   {opacity: 1; -moz-transform:translate(0px);}
}

/* Safari, Chrome and Opera > 12.1 */ 

@-webkit-keyframes fromleft {
    from { opacity: 0; -webkit-transform:translate(-100px);}
    to   {opacity: 1; -webkit-transform:translate(0px);}
}

/* Internet Explorer */
@-ms-keyframes fromleft {
    from { opacity: 0; -ms-transform: translate(-100px); }
    to   { opacity: 1; -ms-transform: translate(0px);}
}

/* Opera < 12.1 */
@-o-keyframes fromleft {
    from {opacity: 0; -o-transform: translate(-100px);}
    to   { opacity: 1; -o-transform: translate(0px);}
}

.slider4x {
	width:1120px;
	margin:0 auto;
	display:block;
	height:auto;
	}

.slider4x .slide.arts  {
	width:360px;
	margin:0 20px 20px 0;
	display:inline-block;
	box-sizing:border-box;
	background-color:#F4F9FF;
	padding:0;
	float:left;
}
.slider4x .slide.arts.t3,.slider4x .slide.arts.t6 {
	margin:0 0px 20px 0;
	float:left;
	
}
.slider4x .slide.arts  img{
	width:100%;
	height:auto;
	padding:0;
	margin-bottom:0;
}

.slider4x .slide.arts a {
	/*width:33%;
	padding:0 ;
	float:left;
	margin-bottom:30px;*/
}

.slider4 a, a.powrot {
	height:40px;
	line-height:40px;
	color:#ffffff;
	background:#002E7A;
	margin-bottom:30px;
}
.slider4 a {
	position:relative;
	z-index:1000;
}
.slider4x a {
	position:relative;
	height:40px;
	width:200px;
	line-height:40px;
	color:#ffffff;
	background:#002E7A;
	margin-bottom:30px;
	text-align:center;
	left:50%;
	margin-left:-75px;
	font-size:14px;
	padding:10px 20px;
}
.slider4x a:hover {
	background:#ccc;
}
a.powrot {
	display:block;
	float:right;
}
.slider4 a:hover, .powrot:hover {
	background:#cccccc;
	color:#ffffff;	
}

#podpis-logo-index a:hover {
	background:#EC4F5F;
	color:#ffffff;
}

#podpis-logo-index a:hover {
	transform:scale(0,0) translateY(50px);
}

#podpis-logo-index a.start{
	animation: fadein 0.75s forwards;	
	-webkit-animation: fadein 0.75s forwards; /* Safari, Chrome and Opera > 12.1 */
      -moz-animation: fadein 0.75s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.75s forwards; /* Internet Explorer */
         -o-animation: fadein 0.75s forwards; /* Opera < 12.1 */
            animation: fadein 0.75s forwards; 
}

@keyframes fadein {
    from { opacity: 0; transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; transform:scale(1,1) translateY(0px);}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; -moz-transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; -moz-transform:scale(1,1) translateY(0px);}
}

/* Safari, Chrome and Opera > 12.1 */ 

@-webkit-keyframes fadein {
    from { opacity: 0; -webkit-transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; -webkit-transform:scale(1,1) translateY(0px);}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; -ms-transform: scale(0,0) translateY(50px);}
    to   { opacity: 1; -ms-transform: scale(1,1) translateY(0px);}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; -o-transform: scale(0,0) translateY(50px);}
    to   { opacity: 1; -o-transform: scale(1,1) translateY(0px);}
}

#footer {
	background:#F05F40; /*#999999; /*#f6f6f6*/
	width:100%;
	height:120px;
	box-sizing:border-box;
	padding-top:51px;
}
#footer p {
    margin-top: 25px;
	text-align:center;
	line-height:10px;
	font-size:10px;
	color: #7CCBDF;
	letter-spacing:1px;
}

#footer p a {
	color: #7CCBDF;
}

#footer p a:hover { 
	color: #ffffff;
}

#footer ul{
	/*font-family: Exo, sans-serif;*/
	font-family:'Open sans', 'Arial';
	text-transform: uppercase;
	list-style: none;
	text-align:center;
	
}
#footer ul li { 
	display: inline; 
	/*margin-left:30px;*/
	color: #ffffff;
	line-height:18px;
	font-size:18px;
}
#footer ul li a { 
	color: #ffffff;
	line-height:18px;
	font-size:16px;
}
#footer ul li a:hover { 
	color: #ED6F77;
}
#back-to-top {
	position:fixed;
	z-index:10;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	background-color:#dddddd;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
     -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
	box-sizing:border-box;
	padding-top:12px;
	line-height:18px;
	cursor:pointer;
	display:none;
}
#back-to-top:hover {
	background-color:#002E7A;
	color: #ffffff;
}


#tresci5 {
	background-color:#fff;
	padding-top:80px;
	padding-bottom:80px;
}
#tresci7, #tresci8 {
padding: 100px 10px 90px 10px;	
	
}
#tresci7 h2, #tresci8 h2{
margin-bottom:30px;
color:#777;	
}

#tresci7-tekst div a{
	/*width:250px;
	height:200px;
	background-color: #fff;
	margin:0px;
	box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);
	display:inline-block;*/
}
#tresci8 {
			height:450px;
			background:#EDEEF0;
		}
		.produkty-zew {
			height:auto;
			padding:20px;
			box-sizing:border-box;
			display:inline-block;
	}
		.produkty-zew {
	width:290px;
	display:inline-block;
	}
		.produkty-zew.last {
		width:270px;
	}
		.produkty-zew a {
			display:inline-block;
			width:100%;
			/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
			background:white;
			margin:0;
			padding:0 0 0px 0;
		}

.produkty-zew a:hover, .produkty-st-gl:hover {
		background-color: #F4F9FF !important;
		/*background-color:#eaf6fc !important;*/
	}

.produkty-st-gl {
	width:250px;
	height:200px;
	background-color: #fff;
	margin:0px;
	display:inline-block;
	/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/

	/*margin:0px !important;
	box-shadow:none !important;*/


}

/*.produkty-st-gl:hover {
	background-color: #F4F9FF;
	}
*/
.produkty-zew a:hover {
			background-color: #F4F9FF;
			
		}
.produkty-st-gl.first {
	margin-left:0 !important;
}

.produkty-st-gl.last {
	margin-right:0 !important;
}

.produkty-st-gl p{
	text-align: center;
	/*color:#999;*/
	/*color:#002E7A;*/
	color:#777777;
	font-weight:bold;
}
.produkty-st-gl img{
	position:relative;
	left:50%;
	margin-left:-72px;
	margin-top: 0px;
	} 
	.produkty-podstrona {
		text-align:center; width:100%; margin-bottom:50px;margin:auto;
	}
	.produkty-rodzaj {
		width:30%; aspect-ratio: 1/1;padding:10px; box-sizing:border-box; display:inline-block;  
	}
		.produkty-rodzaj div {
		background-color:#eeeeee;  
	}
	.produkty-rodzaj a {
		color:black;
		background-color:#eeeeee; 
	}
	.produkty-rodzaj a div {
	background-color: #f5f4f3;
	background-color: #f7f7f7;
	/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
	text-align:center;
	}
	.produkty-rodzaj a div:hover {
	background-color: #F4F9FF; 

	}
	.produkty-rodzaj a div img {
		width:150px;
	}	
	
.obrazek-z-tekstem {
	display: inline-block;
	width: 320px;
	height: 320px;
	padding:0;
	margin: 55px 95px 55px 0px;
	position: relative;	
	cursor:pointer;
	overflow:hidden;
}

.obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6 {
	display: inline-block;
	width: 320px;
	height: 320px;
	padding:0;
	margin: 55px 0px 55px 0px;
	position: relative;	
	cursor:pointer;
	overflow:hidden;
}

.galeria-o {
	position: relative;		
}
.galeria-t {
	z-index: 10;
	width: 320px;
	height: 320px;	
	top: 0px;
	overflow:hidden;
}

.galeria-o  img{
	display: inline-block;
	margin: 0;
	width: 320px;
	height: 320px;
	
}

.galeria-t  p {
	color:white;
	box-sizing:border-box;
	font-weight: bold;
	width: 320px;
	height: 320px;
	padding:25px;
	box-sizing:border-box;
	padding-bottom:40px;
	top: 0px;
	/*left: 0px;*/
	
	
	/*background-color: rgba(0,0,0,0.5);*/
	/*opacity: 1;
    filter: alpha(opacity=100); */	
}
	
	.galeria-t.mouseon{
		/*background-color: rgba(0,0,0,0.5);*/
			animation: color_up 1s ease-out forwards;	
			
	}
	.galeria-t.mouseout{
		/*background-color: rgba(0,0,0,0.5);*/
			animation: color_down 1s ease-out forwards;	
			
	}
	
	@keyframes color_up {
    from {
        background-color: rgba(0,0,0,0);
    }
    to {
        background-color: rgba(0,0,0,0.5);
    }
}

@keyframes color_down {
    from {
        background-color: rgba(0,0,0,0.5);
    }
    to {
        background-color: rgba(0,0,0,0);
    }
}
	
.galeria-t  p.gal-t1 {
	padding-top:230px;
	font-size:20px;
	position: absolute;
	z-index: 10;
}
.galeria-t  p.gal-t2 {
	padding-top:250px;
	font-size:35px;
	position: absolute;
	z-index: 11;
}
.slide {
	padding:0px;
	background-color:#F4F9FF;
	box-sizing:border-box;
	margin-bottom:20px;
}

#wineta-podstrona {
	width:100%;
}
.podstrona-container {
	width:100%;
	/*margin-top:80px;*/
}
.podstrona-jedna-kolumna {
	box-sizing:border-box;
	width:100%;
	padding:0px 0px 0 0px;
	margin-bottom:0px;
}
.podstrona-jedna-kolumna h1 {
	width:auto;
}


.podstrona-jedna-kolumna h1 {
	margin-top:0;
	color:#002E7A;
	font-family: 'Open sans', 'Arial';
	font-size: 30px;
	font-weight:bold;
}
.podstrona-jedna-kolumna a, .podstrona-dwie-kolumny.left a {
color: #002E7A !important;

}

.podstrona-jedna-kolumna p a, .podstrona-dwie-kolumny.left p a {
color: #002E7A !important;

}
.podstrona-jedna-kolumna p a:hover, .podstrona-dwie-kolumny.left p a:hover {
color: #EC646F !important;
}
.podstrona-jedna-kolumna p span, .podstrona-dwie-kolumny.left p span {
	font-weight:bold;
	color:navy;
}
.podstrona-dwie-kolumny {
	width:50%;
	display:inline-block;
	box-sizing:border-box;
	/*padding:50px;*/
	margin: 50px 0 0 0;
	float:left;
}

.podstrona-dwie-kolumny.left {
padding-right:30px
}

.podstrona-dwie-kolumny.right {
padding-left:30px;
}

.podstrona-dwie-kolumny-60 {
	width:60%;
	display:inline-block;
	box-sizing:border-box;
	padding:50px;
	margin:0;
	
}
.podstrona-dwie-kolumny-40 {
	width:40%;
	display:inline-block;
	box-sizing:border-box;
	padding:50px;
	margin:0;
	
}



 /*   .specs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 85px;
        row-gap: 30px;
        margin-bottom: 70px;
    }*/

    .spec h3 {
        margin: 0px 0 0px;
        font-size: 24px;
        font-weight: 700;
		color:#000000;
    }

    .spec ul {
        margin: 0 0 30px 0;
        padding-left: 34px;
        font-size: 17px;
        line-height: 1.5;
    }
/* .lower {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(360px, 1fr);
        gap: 38px;
        align-items: start;
    }

    /*.categories h2,*/
    .gallery h2 {
        margin-bottom: 30px;
		margin-top:0px;
    }
	.lower h2 {
		margin-bottom:30px;
		margin-top:0px;
	}
    .material {
        margin-bottom: 50px;
    }

    .material-title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .example {
        font-size: 17px;
        margin-bottom: 13px;
    }

    /*.steel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px 38px;
        margin-bottom: 0;
    }*/

    .steel-grid div {
        min-height: 45px;
        padding: 9px 15px;
        font-size: 17px;
        display: flex;
        align-items: center;
		margin-bottom:3px;
    }

    .steel-grid div:nth-child(odd) {
        background: #eaf6fc;
    }

    .steel-grid div:nth-child(even) {
        background: #f5f4f3;
    }

.gallery-item {
        /*border: 1px solid #d4d4d4;
        border-radius: 4px;
        padding: 5px;*/
        margin-bottom: 25px;
        /*background: #fff;*/
       /* box-shadow: 0 0 2px rgba(0,0,0,.08);*/

    }

.gallery-item img {
	width: 100%;
	height:auto;
	display: block;
	/*aspect-ratio: 409 / 184;*/
	/*aspect-ratio: 409 / 272;*/
	object-fit: cover;
}

.gallery1 {
	
width:auto;
margin:0;
padding:0;
}
.gallery1 .gallery-item {
		box-sizing:border-box;
		padding:0px;
		width:24.5%;
		display:inline-block;
		text-align:center;
}
.gallery1 .gallery-item a{
		box-sizing:border-box;
		padding:0px;
		display:inline-block;
		margin:10px;
		text-align:center;
}
.gallery1 .gallery-item img{

}
.gallery1 .gallery-item p{
	text-align:center;
	font-weight:bold;
}
		@media screen and (min-height:351px) and (max-width:510px){	
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:50px;
			}
			
		}
		
		
		@media screen and (max-width:500px){	
			#podpis-logo-index h1 {					
				font-size: 26px;
			}
			#kontakt-kontener2{
				width:100%;
			}
			#kontakt1a {
				margin-left:10px;
				display:block;
			}
			#kontakt2a {
				display:block;
				float:left;	
				margin-top:30px;
				margin-left:10px;
			}
			.flagi-tekst {
				display:none !important;
			}
			#flagi {
				width:200px !important;
			}
			#flagi ul {
				margin-right:20px !important;
				width:150px !important;
				margin-top:20px;
				float:right !important;
			}
			#flagi ul li {
				margin-left:10px !important;
			}
			.gallery1 {
				width:100%;
				padding:0px;
			}
		}
		
		@media screen and (max-height:600px) {
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:50px;
			}
		}
		@media screen and (max-height:500px) and (max-width:450px) {
			.hr1 {
				display:none;
			}
			#podpis-logo-index a {
				display:none;
			}
			#podpis2 {
				display:none;
			}
			
		}
		@media screen and (max-height:350px) {	
			.hr1 {
				display:none;
			}
			#podpis-logo-index a {
				display:none;
			}
			#podpis2 {
				display:none;
			}
		}
		/*@media screen and (max-height:560px) {	
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:50px;
			}
		}*/
		
		/*@media screen and (max-width:870px) {
			#nav ul li{
				font-size:14px !important;
			}	
			
		}*/
		
		@media screen and (max-width:799px) {	
					#kreseczka {
					top:59px !important;
				}
					
					#tresci1, #tresci2, #tresci3, #tresci4, #sekcja1, #footer, #menu-stale, #bg-menu, #bg-menu-a, #sekcja2  {
						width:100%;
					}	
					
					#kontakt-kontener {
						margin:0 auto;
						left:0;	
						display:none;						
					}
					
					#kontakt-index {
						right:0;
					}
					
					#ofirmie-kontener, #oferta-kontener, #sekcja7-inner {
						width: auto;
						margin:0;
						padding:10px;
					}	
					#galeria-kontener  {
						width: auto;
						margin:0 30px;
						padding:100px 0px 0 0;	
						box-sizing:border-box;
						
					}
					#tresci1 {					
						height:auto;
						margin-top:0;
						margin-bottom:0;
						
						
					}
					#tresci1-tlo {					
						height:auto;
						padding:0;
					}
					#tresci1-tekst {
						margin-top:60px;
						margin-bottom:60px;
					}
					#tresci2 {
						margin-top:0px;
						margin-bottom:0px;
						padding-top:0px;
						padding-bottom:0;
					}
					#footer ul{
						width: auto;
						margin:0 10px;
					}
					#podpis-logo-index {
						width: auto;
						margin:0 10px;
					}
					#menu-stale-wew {
						width:100%;
					}	
					#bg-menu {
						height:60px;
					}
					#bg-menu1, #bg-menu1-a {
						width:100%;
					}
					#menu-content {
						width: auto;
						margin:0 10px;
					}
					
					.arty  {
						width: auto;
						margin:0 10px;
					}
					#sekcja2  {
						height:0;
						background:#ffffff;
						height:0;
						overflow:auto;
						
					}
					#sekcja2 .art-div1 {
						display:block;
						width: auto;
						margin:0;
						padding:0;
						background:#ffffff;
						background-size:100%;
					}
					#sekcja2 .art-div1 img{
						margin:0 auto;
						width:auto;
						display:block;
					}
					#sekcja2 .art-div2{
						width: auto;
						margin:0 0px;
					}					
					#sekcja2 div.art-div2 h3{
						text-align:center;
					}
					#sekcja2 div.art-div2 p{
						margin:0;
						padding:10px 0;
					}
					#mapa-index {
						/*height:500px;*/
					}
					#kontakt-kontener {
						display:none;
					}
					#tresci5 {
						display:block;
					}
					#kontakt-index {
						width: 265px;
						height:360px;
						right:10px;
						top:-430px;						
					}
					#kontakt1 {
						margin-top:-25px;
					}
					#kontakt2 {
						display:block;
					}
					#nav-mini {	
						/*float:right;*/
					}
					#nav-mini-ico {
						position:fixed;
						right:24px;	
						top:90px;						
					}
					#nav {
					
					}
					
					#F-m {
						
					}
					#logo-d {
						
					}
					#menu-content img {
						margin-top:10px;	
					}
					/*#flagi {
						margin-right: 40px;
					}*/
					#flagi ul {
						width:280px;
						margin-right:70px;
						
					}
					.flagi-wspolny {
						margin-top:-10px;
					}
					.flagi-tekst {
						margin-top:16px;
					}
					.flagi-img img{
						margin-top:-10px;
					}
					
					#tresci8 {
						height:1350px;
					}
					.produkty-zew, .produkty-zew.last {
							width:100%;
							height:auto;
							/*padding:20px;*/
							box-sizing:border-box;
							display:inline-block;
							float:left;
	}
					.produkty-st-gl {
					width:100%;
					height:auto;
					background-color: #fff;
					/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
					display:inline-block;
				}
				.produkty-st-gl.first, .produkty-st-gl.last, .produkty-st-gl.third, .produkty-st-gl.second {
					/*margin:20px 0;*/
					padding-bottom:20px;
				}

					
					.obrazek-z-tekstem, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6{
						width:100%;
						height:320px;
						margin:0 0 100px 0;
						padding:0;
						overflow:hidden;				
					}
						.produkty-podstrona {
					text-align:center; width:80%; margin-bottom:50px;
					}
					.produkty-rodzaj {
						width:80%; aspect-ratio: auto;padding:10px; box-sizing:border-box; display:inline-block;
					}
					.produkty-rodzaj a {
						color:black;
					}
					.produkty-rodzaj a div {
					background-color: #f5f4f3; 
					/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
					}
					.produkty-rodzaj a div img {
						width:150px;
					}
					.obrazek-z-tekstem .galeria-o  {
						margin:0 auto;
						overflow:hidden;
						width:320px;
						height:320px;
					}
					.obrazek-z-tekstem .galeria-t {
						margin:0 auto;
						overflow:hidden;
						width:320px;
						height:320px;
						position:relative;
						top:-320px;
					}
					.galeria-t.mouseon{
						/*background-color: rgba(0,0,0,0.5);*/
							animation: color_up 1s ease-out forwards;	
							
					}
					.galeria-t.mouseout{
						/*background-color: rgba(0,0,0,0.5);*/
							animation: color_down 1s ease-out forwards;	
							
					}
						@keyframes color_up {
				from {
					background-color: rgba(0,0,0,0);
				}
				to {
					background-color: rgba(0,0,0,0.5);
				}
				
				
			}

			@keyframes color_down {
				from {
					background-color: rgba(0,0,0,0.5);
				}
				to {
					background-color: rgba(0,0,0,0);
				}
			}
			.podstrona-table {
				width:auto; margin:10px auto 0px auto;
			}
			.podstrona-table.nowa {
				width:auto; margin:10px auto 0px auto;
				padding: 0 10px 100px 10px;
			}
			.podstrona-dwie-kolumny, .podstrona-dwie-kolumny.left, .podstrona-dwie-kolumny.right {
				width:100%;
				padding: 0px;
			}
			.podstrona-cell1 {
				display:block; 
				width: auto;
				padding:10px;
			}
			.podstrona-cell2{
				display:block; 
			}

			.podstrona-cell2 h3 {
				 text-align:center;
				 margin-left:10px;
				 margin-right:10px;
			}
			.podp1 {
				padding:10px;
			}
			.podp2 {
				padding:10px;
				margin-top:40px; margin-bottom:20px;
			}
			.podstrona-cell2 ul {
				margin-left:10px;
				margin-right:10px;
			}		
			.podstrona-cell2 ul {
				margin-bottom:50px;
			}
			.slider4x {
				width:100%;	
				background-color:white;
			}
			
			.slider4x .slide.arts, .slider4x .slide.arts.t3, .slider4x .slide.arts.t6  {
			width:100% !important;
			margin:0 0px 0px 0 !important;
						float:left;
			box-sizing:border-box;
			background-color:#F4F9FF;
			padding: 0 0 0px 0 !important;
			}
			

		.art_krotki_zew, .slide.arts img {
			margin:0 !important;
		}

		.gallery1 .gallery-item {
			width:100%;

		}
					
	}
		
		
		@media screen and (max-width:400px){
			#galeria-kontener  {
				width: auto;
				margin:0 10px;
				padding:50px 0px 0 0;						
			}
			.obrazek-z-tekstem, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6{
				width:100%;
				height:260px;
				margin:0 0 50px 0;
				padding:0;
				overflow:hidden;				
			}
			
			.obrazek-z-tekstem .galeria-o  {
				margin:0 auto;
				overflow:hidden;
				width:260px;
				height:260px;
			}
			.galeria-o  img{
				display: inline-block;
				margin: 0;
				width: 260px;
				height: 260px;
				
			}
			.obrazek-z-tekstem .galeria-t {
				margin:0 auto;
				overflow:hidden;
				width:260px;
				height:260px;
				position:relative;
				top:-260px;
			}
			
			.galeria-t  p {
				color:white;
				box-sizing:border-box;
				font-weight: bold;
				width: 260px;
				height: 260px;
				padding:15px;
				padding-bottom:40px;
				top: 0px;
				
			}	
			.galeria-t  p.gal-t1 {
				padding-top:180px;
				font-size:18px;
				position: absolute;
				z-index: 10;
			}
			.galeria-t  p.gal-t2 {
				padding-top:200px;
				font-size:35px;
				position: absolute;
				z-index: 11;
			}			
			
		}
		@media screen and (min-width:800px) and (max-width:999px) {
			#tresci1, #tresci2, #tresci3, #tresci4  {
						/*width: 750px;*/
					}
			#kontakt-index {
				right:30px;
			}
			#ofirmie-kontener, #oferta-kontener, #sekcja7-inner {
				width: auto;
				margin:0 20px;
				padding:10px;
			}
			#galeria-kontener  {
				width: auto;
				margin:0 30px;
				padding:100px 0px 0 0;
				
			}
			#tresci1, #tresci1-tlo {					
				height:auto;
			}
			#tresci1-tekst {
					margin-bottom:60px;
					}
			#menu-content {
				width: auto;
				margin:0 30px;
			}
			
			.arty  {
				width:100%;
			}
			#sekcja2 .art-div1{
				width: auto;
				margin:0 30px;
			}
			#sekcja2 .art-div1 img{
				/*display:table-cell;*/
				margin-top:-5px;
			}
			#sekcja2 .art-div2{
				width: auto;
				margin:0 30px;
				/*display:table-cell;*/
				padding-right:20px;
				box-sizing:border-box;
			}
			.galeria-t {
				position: absolute;
			}
			.galeria-t p {
				left: 0px;
			}
			.obrazek-z-tekstem.obr1, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr5{
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;				
			}
			.obrazek-z-tekstem.obr2, .obrazek-z-tekstem.obr4, .obrazek-z-tekstem.obr6 {
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;
			}
			.obrazek-z-tekstem.obr1 .galeria-o, .obrazek-z-tekstem.obr3 .galeria-o, .obrazek-z-tekstem.obr5 .galeria-o  {
				float:right;
				margin-right:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr1 .galeria-t, .obrazek-z-tekstem.obr3 .galeria-t, .obrazek-z-tekstem.obr5 .galeria-t {
				right:50px;
			}
			.obrazek-z-tekstem.obr2 .galeria-o, .obrazek-z-tekstem.obr4 .galeria-o, .obrazek-z-tekstem.obr6 .galeria-o  {
				float:left;
				margin-left:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr2 .galeria-t, .obrazek-z-tekstem.obr4 .galeria-t, .obrazek-z-tekstem.obr6 .galeria-t {
				left:50px;
			}
			.obrazek-serwer {
			display:inline-block;
		}
		.podstrona-table, .podstrona-table.nowa {
			width:auto;
			padding: 0 20px 100px 20px;
			}
			
		.podstrona-dwie-kolumny.left {
			padding-right:20px
			}

			.podstrona-dwie-kolumny.right {
			padding-left:20px;
			}	
			
		.podstrona-cell2 {
			padding-right:30px
		}
		
		}		
		@media screen and (min-width:1000px) and (max-width:1240px) {
		
			/*#tresci1, #tresci2, #tresci3,*/ #tresci4{position:relative;}
			#footer  {
						
					}
			#kontakt-kontener {
				
				
				
					}
			#kontakt-index {
				position:absolute;
				right:30px;
			}
			#ofirmie-kontener, #oferta-kontener, #sekcja7-inner  {
				width: auto;
				margin:0 20px;
				padding:10px;
			}
			#galeria-kontener  {
				width: auto;
				margin:0 30px;
				padding:100px 0px 0 0;
				box-sizing:border-box;
				
			}
			#tresci1, #tresci1-tlo {					
			height:auto;
			}
			#tresci1-tekst {
				margin-bottom:60px;
					}
			#menu-content {
				width: auto;
				margin:0 30px;
				
			}
			.arty  {
				width:100%;
			}
			#sekcja2 .art-div1{
				width: auto;
				margin:0 30px;
			}
			#sekcja2 .art-div1 img{
				display:table-cell;
				margin-top:-5px;
			}
			#sekcja2 .art-div2{
				width: auto;
				margin:0 30px;
				display:table-cell;
				padding-right:20px;
				box-sizing:border-box;
			}
			.galeria-t {
				position: absolute;
			}
			.galeria-t p {
				left: 0px;
			}
			.obrazek-z-tekstem.obr1, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr5{
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;				
			}
			.obrazek-z-tekstem.obr2, .obrazek-z-tekstem.obr4, .obrazek-z-tekstem.obr6 {
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;
			}
			.obrazek-z-tekstem.obr1 .galeria-o, .obrazek-z-tekstem.obr3 .galeria-o, .obrazek-z-tekstem.obr5 .galeria-o  {
				float:right;
				margin-right:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr1 .galeria-t, .obrazek-z-tekstem.obr3 .galeria-t, .obrazek-z-tekstem.obr5 .galeria-t {
				right:50px;
			}
			.obrazek-z-tekstem.obr2 .galeria-o, .obrazek-z-tekstem.obr4 .galeria-o, .obrazek-z-tekstem.obr6 .galeria-o  {
				float:left;
				margin-left:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr2 .galeria-t, .obrazek-z-tekstem.obr4 .galeria-t, .obrazek-z-tekstem.obr6 .galeria-t {
				left:50px;
			}
			.obrazek-serwer {
			display:inline-block;
		}
		.podstrona-table {
			width:100% !important;
			padding:0 30px !important; 
		}
		.podstrona-table.nowa{
			width:auto !important;
			padding:0 30px 100px 30px !important; 
		}
		
		.podstrona-cell2 {
			padding-right:30px
		}
		}
			
	@media screen and (min-width:1241px) {	
			#kontakt-kontener {
				left:50%;
			}
			#kontakt-index {
				left:120px;
			}
			#sekcja2 .art-div2{
				width:990px;
				display:inline-block; 
				float:right;
			}
	
			.arty  {
				width:1160px;
			}
			#podpis-logo-index h1 {					
				font-size: 35px;
				word-spacing: 20px;
			}
		.galeria-t {
			position: absolute;
			left: 0px;			
		}
		.galeria-t p {
			left: 0px;
		}
		.obrazek-serwer {
			display:inline-block;
		}

	/*.produkty-zew.last {
		width:270px;
	}
	.produkty-zew a {
		margin:20px;
	}
	*/	
		#tresci7-tekst a div {
			width:250px;
			display:inline-block;

		}
		#tresci7-tekst a:first-child {
			width:250px;
			display:inline-block;
			/*margin: 20px 20px 20px 0px;*/
		}*/
	.podstrona-table.nowa {
	margin-top:80px;
	/*width:100%;*/
	width:1160px;
	padding:0 0 50px 0px;
}			
	}	
#kreseczka {
	width:100%;
	height:3px;
	margin:0;
	padding:0;
	/*background:#999999;*/
	position:absolute;
	top:119px;
	z-index:-2;
	background-color: #A0A0A0;
}
 

/* video */

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
#under-video-img {
	display:none;
	visibility:hidden;
}
#under-video-img1 {
	visibility:hidden;
}
#video-viewport {
    position: absolute;
    top: 0px;
    left:0;
    overflow: hidden;
    z-index: -1; /* for accessing the video by click */
}

#slider-w {
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider-w li {
  overflow: hidden;
  position: relative;
}
#slider-w li img{
  width: 100%;
    height: auto;
    object-fit: cover;
  /* Płynne przejście transformacji (wygładzone przejście ease-out) */
  transition: transform 6000ms ease-out;
  transform: scale(1.0);
}
#slider-w li.zoom-active img {
  transform: scale(1.2); /* Powiększenie o 5% */
}
#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	visibility:hidden;
}#sekcja1 .bx-wrapper {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;           /* usuń top:-30px */
    z-index: 0;
}

#sekcja1 .bx-viewport {
width: 100% !important;
    height: 100% !important;
    z-index: 0;
}
#sekcja1 .bx-wrapper  .bx-prev, #sekcja1 .bx-wrapper  .bx-next {

z-index:10;
}

@media screen and (max-width:600px) {	
	#sekcja1 .bx-wrapper  .bx-controls-direction a {
		top:80%;
	}
}
	@media screen and (max-width:1240px) {
		#tresci2 {
			padding-bottom:0px !important;
			height:0;
		}
		#oferta-kontener{
			width:100% !important;
			padding-top:0;
			padding-bottom:0
			
		}
		#tresci7-tekst, #tresci8-tekst {
			width:100%;
		}
		#tresci7, #tresci8 {
			padding: 30px 0;
		}
		#sekcja7 {
			height:auto;
			padding:30px 0;
			background-color:white;
			background-color:#F4F9FF;
		}
		#sekcja7-inner {
			background-color:#F4F9FF;
		}
		.slider4x {
			width:100%;	
			background-color:white;
		}
		
		.slider4x .slide.arts, .slider4x .slide.arts.t3, .slider4x .slide.arts.t6    {
		width:33%;
		margin:0;
		padding:0 10px 0px 10px;
		float:left;
		box-sizing:border-box;
		background-color:#F4F9FF;
		}
		.art_krotki_zew, .slide.arts img {
			margin:0 10px;
		}
		.art_krotki {
			height:auto;
			margin-bottom:20px;
		}
		
		#oferta-kontener{
			width:100% !important;
			box-sizing:border-box;
		}
		#wineta-postrona {
			/*margin*/
		}
	}
	@media screen and (min-width:800px) and (max-width:1240px) {
		#tresci8 {
			height:700px;
			background:#EDEEF0;
		}
		#tresci7, #tresci8{
			width:100%;
			
		}
		#oferta-kontener {
			width:100%;
			margin:0;
			
		}
		.produkty-zew, .produkty-zew.last {
			width:50%;
			height:auto;
			padding:20px;
			box-sizing:border-box;
			display:inline-block;
			float:left;
	}
		
		.produkty-zew a {
			display:inline-block;
			width:100%;
			/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
			background:white;
			margin:0;
			padding:0 0 0px 0;
		}
		.produkty-zew a:hover {
			background-color: #F4F9FF;
		}
		.produkty-st-gl {
					width:100%;
					/*text-align:center;*/
					box-shadow:none !important;
					background-color: #fff;
					/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
					display:inline-block;
					float:left;
					
				}
				.produkty-st-gl.first,  .produkty-st-gl.third {
					box-shadow:none !important;
				    margin:0px 10px 0px 0;			
					height:auto;
					background-color: #fff;
					display:inline-block;
					float:left;
					/*padding-bottom:20px;*/
					padding-bottom:0px;
				}
				.produkty-st-gl.second, .produkty-st-gl.last {
					margin:0px 10px 0px 0px;
					height:auto;
					background-color: #fff;
					display:inline-block;
					float:left;
					/*padding-bottom:20px;*/
					padding-bottom:0px;
				}
				.produkty-st-gl p {
					padding-bottom:20px;
					
					text-align:center;
				}
		}
@media screen and (max-width:1100px) {
		#kontakt-index {
			display:none !important;
		}
		#tresci5 {
			display:block !important;
		}
	}
	
@media screen and (max-width:1100px) {
	#logo-container {
		width:100px; 
		height:52px;
		margin-top:-20px;
	}
	#logo-m {
		margin-top:10px !important;
	}
	#flagi {
		width:300px;
		float:right;
		margin-top:22px;
		margin-right:50px;
	}
	#flagi ul{
		
		margin-top:39px;
	}
	.wineta-podstrona.nowa {
		padding: 0 20px;
	}
}

@media screen and (min-width:800px) and (max-width:1240px) {
	.produkty-podstrona {
	text-align:center; width:100%; margin-bottom:50px;
	}
	.produkty-rodzaj {
		width:100%; aspect-ratio: auto;padding:10px; box-sizing:border-box; display:inline-block;
	}
	.produkty-rodzaj a {
		color:black;
	}
	.produkty-rodzaj a div {
	background-color: #f5f4f3; 
	/*box-shadow: 5px 5px 0px 0px rgb(180 180 180 / 0.2);*/
	}
	.produkty-rodzaj a div img {
		width:150px;
	}	
}