/* OGÓLNE */

body {
    background-position: center top;
    background-color: #e7e5e5;
  
    background-repeat: no-repeat;
    border-top-style: solid;
  
    background-attachment: fixed;
    text-decoration: none;
    margin:0;
  height:100%;
  display:flex;
  flex-direction: column;
  }
  * {
    margin: 0;
    padding: 0;
    outline: 0;
    color: #484848;
    font-family: 'Garamond', serif;
  }
  html {
    scroll-behavior: smooth;
    box-sizing: border-box;
    height:100%;
  }
  .main{
    display: flex;
    justify-content: center;
    background-color: #fff;
    flex-direction: column;
   align-content: center;
    align-items: center;
    padding-top:10px;
    padding-bottom:10px;
    flex-grow:1;
}
  /* PANEL NAWIGACYJNY */

  html, body {
    font-family: Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f9f9f9;
  }
  .menu {
    box-sizing: border-box;
    top:0;
      width: 100%;
      z-index: 9999;
      position: fixed;
      background-color: #394555;
      display:flex;
      justify-content: center;
  }
  .menu h1 {
    box-sizing: border-box;
      margin: 0;
    font-size:20px;
      display: inline-block;
      float:left;
    line-height: 65px;
    
      padding: 0 80px 0 80px;
      color: #edf0f3;
  }
  .menu > ul {
    list-style-type: none;
      padding: 0;
      margin: 0;
      float: left;
  }
  .menu > ul ul {
    list-style-type: none;
    display: none;
      padding: 0;
      margin: 0;
      position: absolute;
      top: 100%;
  }
  .menu > ul > li {
      float: left;
      display: inline-block;
  }
  .menu > ul li li {
    position: relative;
  }
  .menu > ul > li:hover > ul {
    display: block;
  }
  .menu > ul > li > ul li:hover > ul {
    display: block;
      top: 0;
      left: 100%;
  }
  .menu a {
    display: block;
      padding: 25px 45px 25px 45px;
      background-color: #394555;
      box-sizing: border-box;
      text-decoration: none;
      color: #dadcdf;
      font-weight: bold;
      font-size: 14px;
      min-width: 150px;
      text-align: center;
  }
  .menu > ul > li > a {
    border-right: 1px solid #2b3543;
  }
  .menu > ul > li:first-child > a {
    border-left: 1px solid #2b3543;
  }
  .menu > ul > li > a:hover {
    background-color: #303a47;
  }
  .menu > ul ul li a {
    display: block;
      padding: 25px 45px 25px 45px;
      background-color: #29323d;
      box-sizing: border-box;
  }
  .menu > ul ul li a:hover {
    background-color: #1b2129;
  }
  .menu > ul ul ul ~ a::after {
    content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 6px;
      border-color: transparent transparent transparent rgba(255,255,255,0.3);
  }
  .menu label,
  .menu input {
    display: none;
  }
  @media screen and (max-width: 600px) {
    .menu ul {
        display: none;
      }
      .menu label {
        display: block;
          float: right;
          text-align: center;
          width: 40px;
          border-left: 1px solid #2b3543;
          padding: 15px 25px 15px 25px;
          opacity: 0.8;
      }
      .menu input:checked ~ ul {
        display: block;
          top: 100%;
          position: absolute;
          width: 100%;
          height: calc(100vh - 100%);
          overflow-y: scroll;
          overflow-x: hidden;
      }
    .menu input:checked ~ ul li,
      .menu input:checked ~ ul ul,
      .menu input:checked ~ ul a {
        position: static;
          display: block;
          width: 100%;
          top: 0;
          left: 0;
      }
      .menu input:checked ~ ul ul ul ~ a::after {
        border: 0;
      }
      .menu a {
        background-color: #29323d;
      }
  }
 

/* STOPKA */
.footer {

   width:100%;

   background: rgb(4,3,15);
   background: linear-gradient(90deg, rgba(4,3,15,1) 0%, rgba(168,168,184,1) 0%, rgba(202,202,205,1) 10%, rgba(181,181,185,1) 30%, rgba(153,153,172,1) 47%);
  }

  .daneadresowe span
  {
    display:block;
  }

   .daneadresowe {

    text-align: center;

}
.infomap {
  padding-top:50px;
  padding-bottom:30px;
  display:flex;
  flex-direction: row;
  overflow: hidden;
  justify-content: center;

}
  .google-maps
  {
    
    height:300px;
    width:100%;

   

    
  }
  .mapa {
   padding-left:50px;
  }

  .footer_title {
    font-weight:bold;

    padding-bottom:12px;
  }
.block-separator {
 
    border:1px solid;
    color:rgba(0,0,0,0.34);
    margin-bottom:1em;
    margin-top:1em;
}
/* GALERIA */
.katalog_zdjec {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left:auto;
    padding-top: 30px;
    max-width: 1400px;
    padding-bottom: 150px;
  
    flex-grow:1;
    
}

.katalog_zdjec .itembox {
  display:flex;
  flex-direction: column;
  margin-left:20px;
  margin-top:30px;
  cursor: pointer;

  }
.katalog_zdjec .itembox .item_desc{
text-align:center;
margin-left:-30px;
}

.katalog_zdjec .item {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    /* box-shadow: 0px 10px 20px 0px rgb(31, 30, 30, 0.3); */
    margin-right: 35px;

    margin-bottom: 25px;

}

.katalog_zdjec .item img {
    border-style: none;
    transition-duration: 0.6s;
    padding-top: 0px;
    vertical-align: middle;
    /* width:280px; */
    height:280px;
}
.katalog_zdjec .item div {
    color: black;
    font-size: 24px;
    text-decoration: none;
    transition-duration: 0.6s;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  .item{
    overflow: hidden;
  }
 
  .item>div>img{
    transition: transform 0.25s;
  }
  .item:hover img{
    transform: scale(1.05);
  }
  .item:hover::before {
    animation: slick-hover-2 3s 0.4s linear infinite;
    transform: translateY(-20px) translateX(-20px);
  }
  
  .item:hover::after {
    animation: slick-hover 3s 0.4s linear infinite reverse;
    transform: translateY(20px) translateX(20px);
  }  
  .main-page-text {
    text-align:justify;
    padding-left:30px;
    padding-right:30px;
    
  }
  .linkgaleria {
    text-decoration: none;
    color:#8a8181;
  }
  .linkgaleria:hover {
    color:red;
  }
  /* KONTAKT */
.contact-title {
   font-weight: bold;
   font-size:25px;
}
.contact {
  display:flex;
  flex-direction: column;
  padding-top: 90px;
  padding-bottom:70px;
 padding-left:40px;
}
#contact-section {
 padding-top:30px;
}
#bank-section {
  padding-top:30px;
 }
 .contact-block {
  line-height: 1.7;
 }
 .contact p {
font-size: 17px;
 }
 .firma {

  padding-top:100px;
  padding-bottom:100px;

}

 .slider {
  overflow: hidden;
  width: 99.3vw;
  height: 100vh;
  position: relative;
 }
  
 .slider .slide {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  /*animation: slider 15s infinite;*/
 }
  
 .slider .slide:nth-child(1) {
  background-image: url('../img/tlo.jpg');
  animation-delay: 0s;
}

/*.slider .slide:nth-child(2) {
background-image: url('../img/tlo2.jpg');
  animation-delay: -5s;
}

.slider .slide:nth-child(3) {
background-image: url('../img/tlo3.jpg');
  animation-delay: -10s;
}
 
 @keyframes slider {
  0%, 27%, 100% {
    transform: translateX(0);
    animation-timing-function: ease;
  }
  33% {
    transform: translateX(-100%);
    animation-timing-function: step-end;
  }
  94% {
    transform: translateX(100%);
    animation-timing-function: ease;
  }
 }
 */
 h3 {
  line-height: 1.5em;
 }


 /* PRODUKTY */
.product_section {
  padding-top:120px;
  padding-bottom:60px;
  display:flex;
  flex-direction:row;
  font-size:20px;
}

.product_section .product_photo img {
  border-style: none;
  transition-duration: 0.6s;
  padding-top: 0px;
  vertical-align: middle;
  width:360px;
  height:400px;
}
.product_desc {
  margin-left:30px;
  
  line-height:2em;
}
.naglowek {
  font-size:50px;
  font-weight:bold;
  margin-top:20px;
}
.header_desc {
  padding-top:30px;
}
.warning {
 color:red;
 padding-top:20px;


}
.galeria_header{
  font-size:80px;
  text-align: center;
  padding-top:50px;
}
.links_tab {
 position:relative;
 top:60px;
 
}
a {
  text-decoration:none;
}

.links_tab a {
  display: inline-block;
  position: relative;

}
.links_tab a:hover {
  color:red;
  transition: 0.3s ease 0s;
}
.links_tab a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: red;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.links_tab a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

@media screen and (max-width: 600px) {
  .product_section {
    display:flex;
    flex-wrap:wrap;
  }
  .product_desc {
    padding-right:15px;
  }
  .product_section .product_photo img {
    width:100%;
   padding-left:25px; 
  
  }
  .infomap {
    display:flex;
    flex-wrap:wrap;
  }
  .mapa {
    padding-left:0px;
    padding-top:25px;
  }
  }

/* Podglad zdjec z opisem */
  #fullsize{
    width: 450px;
    height: 450px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
  .fullsize{
    max-width: 450px;
    max-height: 450px;
  }
  .panelbox{
    padding-top: 75px;
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 65px;
  }
  .leftpanel{
    width: 450px;
    display: flex;
    flex-direction: column;
  }
  .rightpanel{
    box-shadow: 10px 10px 18px gray;
    padding: 20px 30px 20px 60px;
    border-left: 1px solid gray;
    width: 450px;
  }
  .rightpanel h1{
    font-size: 40px;
    text-align: center;
    color: #394555;
  }
  .btnview{
    height: 35px;
    width: 100px;
    font-size: 22px;
    border: none;
    float: right;
    color: #394555;
    text-decoration: underline;
    cursor: pointer;
  }
  .imgbox{
    width: 450px;
    margin: auto;
    display: flex;    
    justify-content: center;
    height: 122px;
  }
  .imgchange{
    height: 80px;
    max-width: 100px;
    border: 1px #aaa solid;
    border-radius: 1px;
    padding: 5px;
    margin: 15px 15px 15px 0px;
    transition: 0.3s;
  }
  .imgchange:hover{
    filter: brightness(0.7);
    transition: 0.3s;
  }
  .moreinfo{
    padding: 14px 0px;
    margin-bottom: 15px;
    background-color: #394555;
    color: #fff;
    width: 100%;
    text-align: center;
  }
  .moreimg{
    display: flex;
    flex-wrap: wrap;
    margin: 0px 15px 30px 15px;
    font-size: 0;
  }
  .moreimg .itembox{
    padding: 0 7px;
  }
  .moreimg img{
    height: 150px;
  }
  .moreimg .itembox .item div{
    display: flex;
    justify-content: center;
  }
  .moreimg .itembox .item_desc h2{
    text-align: center;
    font-size: 19px;
  }

  @media (max-width: 449px) {
    .rightpanel{
      width: 100%;
      padding: 20px 5px 20px 5px;
    }
    .imgbox, .leftpanel, .fullsize{
      width: 100%;
    }
    .panelbox{
      padding-top: 125px;
    }
  }