@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  background-color: #000000;
  height: 100%;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1em;
}

body,
canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.wrapper-1920 {
  max-width: 1920px;
  margin: 0 auto;
}

.wrapper-1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.wrapper-1380 {
  max-width: 1380px;
  margin: 0 auto;
}

.relative {
  position: relative;
  z-index: 10;
}

.bg-gray {
  background-color: #F8F8F8;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration: none;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.top-margin {
  margin-top: -332px;
  z-index: 5;
  position: relative;
}
@media (max-width: 1350px) {
  .top-margin {
    margin-top: 0;
  }
}

.tns-nav {
  position: absolute;
  z-index: 100;
  left: 75px;
  top: calc(40%);
  display: grid;
}
.tns-nav button {
  margin: 15px 0;
  display: block;
  padding: 0;
  border: none;
  background: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  font-size: 0;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  transition: 0.3s;
}
.tns-nav .tns-nav-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media (max-width: 650px) {
  .tns-nav {
    display: none;
  }
}

.my-slider {
  height: 125vh;
}
.my-slider .slide {
  height: 100%;
  background-size: cover;
  display: grid;
  background-position: center top;
}
.my-slider .slide .slogan {
  align-items: center;
  max-width: 900px;
  padding-top: calc(42vh);
}
.my-slider .slide .slogan h1 {
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-size: 6em;
  font-weight: 300;
  line-height: 0.9em;
  padding-right: 10px;
}
.my-slider .slide .slogan h2 {
  color: #DAC16B;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3em;
  font-weight: 300;
  padding-right: 10px;
}
.my-slider .slide .slogan p {
  padding-top: 25px;
  color: white;
  padding-right: 10px;
  padding-left: 10px;
}
.my-slider .slide .slogan p a:link, .my-slider .slide .slogan p a:visited {
  color: white;
  text-decoration: none;
  border: 2px solid white;
  padding: 15px 60px 15px 30px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.3em;
  font-weight: 500;
  background-image: url("../assets/arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 95px;
}
.my-slider .slide .slogan p a:hover {
  background-color: white;
  color: #000000;
  background-image: url("../assets/arrow-black.png");
}
@media (max-width: 1350px) {
  .my-slider .slide .slogan {
    padding-top: calc(30vh);
  }
}
@media (max-width: 1750px) {
  .my-slider .slide .slogan {
    padding-left: 200px;
  }
}
@media (max-width: 650px) {
  .my-slider .slide .slogan {
    padding-top: calc(50vh);
  }
  .my-slider .slide .slogan h1 {
    font-size: 4em;
  }
  .my-slider .slide .slogan h2 {
    font-size: 2em;
  }
}
@media (max-width: 650px) {
  .my-slider .slide .slogan {
    padding-left: 0;
  }
  .my-slider .slide .slogan h1, .my-slider .slide .slogan h2, .my-slider .slide .slogan p {
    text-align: center;
  }
}
.my-slider #slide1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url("../assets/burger.jpg");
}
.my-slider #slide2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url("../assets/slide2.jpg");
}
.my-slider #slide3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url("../assets/slide3.jpg");
}

.lang {
  position: fixed;
  top: 220px;
  text-align: center;
  z-index: 999999;
  right: 0;
  margin-right: 0;
  font-size: 1em;
}
.lang a:link, .lang a:visited {
  display: block;
  background-color: #0D3174;
  padding: 6px;
  color: white;
  font-weight: 500;
  text-decoration: none;
}
.lang a:hover {
  background-color: #C9070A;
}
.lang .active {
  background-color: #C9070A !important;
}

.home {
  background-color: white;
  padding: 10vh 6vw;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  z-index: 2;
  position: relative;
}
.home h3 {
  color: #000000;
  font-size: 3.5em;
  text-align: center;
  padding-bottom: 3vh;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
}
@media (max-width: 500px) {
  .home h3 {
    font-size: 2.5em;
  }
}
.home h3:after {
  bottom: -18px;
  border-bottom: 4px solid #C9070A;
  display: block;
  margin: 0 auto;
  content: " ";
  width: 150px;
  position: relative;
  left: 0px;
}
.home .line {
  width: 150px;
  height: 4px;
  background-color: #C9070A;
  display: block;
  margin: 0 auto;
}
.home p {
  padding-top: 3vh;
  display: block;
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  line-height: 1.8em;
}
.home p a:link, .home p a:visited {
  color: #0D3174;
  text-decoration: none;
  background-image: none;
  border: 0;
  background: no-repeat;
  padding: 0;
  text-transform: none;
}
.home p a:hover {
  text-decoration: underline;
}
@media (max-width: 500px) {
  .home p a:link, .home p a:hover {
    display: grid;
    padding: 15px 30px 15px 30px;
    background-image: none;
  }
}
.home .btnhome {
  text-align: center;
  padding-top: 25px;
}
.home .btnhome a:link, .home .btnhome a:visited {
  padding: 15px 60px 15px 30px;
  text-decoration: none;
  border: 2px solid #E0E0E0;
  background-color: white;
  color: #0D3174;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
  background-image: url("../assets/arrow-blue.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 95px;
}
.home .btnhome a:hover {
  border: 2px solid #0D3174;
  background-color: white;
  color: #0D3174;
}
.home .link {
  padding-bottom: 30px;
}
.home .link a:link, .home .link a:visited {
  background-position-x: 290px;
}
.home hr {
  border: 1px solid #F8F8F8;
  margin: 5%;
}
.home .download {
  padding: 3vh 0;
  text-align: center;
}
.home .download a:link, .home .download a:visited {
  color: #C9070A;
  text-decoration: none;
  font-size: 1.2em;
}
.home .download a:hover {
  text-decoration: underline;
}
.home .people ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  margin: 0;
  gap: 10px;
}
.home .people ul li {
  list-style-type: none;
  background-color: #F8F8F8;
  padding: 20px;
}
.home .people ul li h4 {
  text-align: center;
}
.home .people ul li p {
  padding-top: 2vh;
}
@media (max-width: 550px) {
  .home .people ul {
    grid-template-columns: 1fr;
  }
}
.home form p {
  padding-top: 10px;
}
.home form .small-font {
  font-size: 0.8em;
}
.home form input[type=text], .home form input[type=email] {
  width: 80%;
}
.home form textarea {
  width: 80%;
}
.home form input[type=submit] {
  border: 2px solid #C9070A;
  background-color: #C9070A;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px auto;
  display: block;
  font-weight: 500;
  color: white;
  cursor: pointer;
}
.home form ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2vw;
  padding: 0;
  margin: 0;
}
.home form ul li {
  list-style-type: none;
}
@media (max-width: 1150px) {
  .home form ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 750px) {
  .home form ul {
    grid-template-columns: 1fr;
  }
}
.home .product-info {
  display: grid;
}
.home .product-info img {
  margin: 0 auto;
}
.home .product-info .pic {
  text-align: center;
  padding-top: 4vh;
}
.home .product-info .pic a:link, .home .product-info .pic a:visited {
  padding: 15px 30px;
  text-decoration: none;
  border: 2px solid #0D3174;
  background-color: #0D3174;
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
}
.home .product-info .pic a:hover {
  color: #0D3174;
  background-color: white;
  color: #0D3174;
}
.home .product-info .opis {
  margin: 0 auto;
}
.home .product-info .opis p {
  text-align: left;
  margin: 0 10px;
}
.home .categories {
  text-align: center;
  padding-bottom: 4vh;
}
.home .categories ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.home .categories ul li {
  display: inline;
  line-height: 41px;
}
.home .categories ul li .active {
  border: 1px solid #C9070A !important;
  background-color: #C9070A;
  color: white !important;
}
.home .categories ul li a:link, .home .categories ul li a:visited {
  padding: 10px 20px;
  border: 1px solid #EBEBEB;
  text-decoration: none;
  color: #252525;
  margin-left: -5px;
}
.home .categories ul li a:hover {
  border: 1px solid #C9070A !important;
  background-color: #C9070A;
  color: white !important;
}
.home .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2vw;
}
@media (max-width: 700px) {
  .home .row {
    grid-template-columns: 1fr;
  }
}
.home .row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2vw;
}
@media (max-width: 850px) {
  .home .row2 {
    grid-template-columns: 1fr;
  }
}
.home .margin-top5 {
  padding-top: 5vh;
}
.home .contact-info {
  max-width: 600px;
  padding: 20px;
  background-color: #F8F8F8;
  margin: 20px auto;
}
.home .contact-info h2 {
  font-size: 1em;
  text-align: center;
}
.home .contact-info p {
  line-height: 1.1em;
  padding: 10px;
}
.home .contact-info p a:link, .home .contact-info p a:visited {
  text-decoration: none;
  background-image: none;
  border: 0;
  background: no-repeat;
  padding: 0;
  text-transform: none;
}
.home .contact-info p a:hover {
  text-decoration: underline;
}
.home .red-info {
  max-width: 1380px;
  padding: 20px;
  background-color: #0D3174;
  margin: 20px auto;
  color: white;
}
.home .red-info p {
  line-height: 1.5em;
  font-size: 1.5em;
  padding: 10px;
}
.home .certyficate {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.home .certyficate .item .photo {
  height: 250px;
  padding: 5px;
  display: grid;
  justify-content: center;
  align-items: center;
}
.home .certyficate .item .desc {
  padding: 5px;
  text-align: justify;
}
@media (max-width: 1200px) {
  .home .certyficate {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .home .certyficate {
    grid-template-columns: repeat(1, 1fr);
  }
}

.about {
  position: relative;
  z-index: 6;
}

.offer-banner {
  z-index: 9;
  position: relative;
  padding-bottom: 2vh;
}

.offer {
  position: relative;
  margin-top: -40px;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2vw;
  padding-top: 5vh;
}
.offer .item {
  display: grid;
  grid-template-columns: 2fr 5fr;
}
.offer .item .checked {
  padding: 5px;
}
.offer .item .txt {
  padding: 5px;
  padding-left: 25px;
}
.offer .item .txt h4 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 2em;
  font-weight: 300;
}
.offer .item .txt p {
  padding-top: 5px;
  text-align: left;
}
@media (max-width: 650px) {
  .offer {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 2vh;
  }
  .offer .txt {
    display: grid;
    align-items: center;
  }
  .offer .txt p {
    text-align: right;
    margin-left: 0;
  }
}

.offer-more p {
  padding-top: 8vh;
  text-align: center;
}
.offer-more p a:link, .offer-more p a:visited {
  padding: 15px 60px 15px 30px;
  text-decoration: none;
  border: 2px solid #0D3174;
  background-color: #0D3174;
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
  background-image: url("../assets/arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 195px;
}
.offer-more p a:hover {
  color: #0D3174;
  background-color: white;
  color: #0D3174;
  background-image: url("../assets/arrow-blue.png");
}

.akcjonariat {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)), url("../assets/meat.jpg");
  background-position: center bottom;
  background-size: cover;
  min-height: 650px;
  display: grid;
  margin-top: -200px;
}
.akcjonariat .text {
  padding-top: 350px;
  text-align: center;
}
.akcjonariat .text h3 {
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-size: 3.5em;
}
@media (max-width: 500px) {
  .akcjonariat .text h3 {
    font-size: 2.5em;
  }
}
.akcjonariat .text p {
  padding-top: 30px;
}
.akcjonariat .text p a:link, .akcjonariat .text p a:visited {
  color: white;
  text-decoration: none;
  padding: 15px 60px 15px 30px;
  border: 2px solid white;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.3em;
  font-weight: 500;
  background-image: url("../assets/arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 95px;
}
.akcjonariat .text p a:hover {
  background-color: white;
  color: #000000;
  background-image: url("../assets/arrow-black.png");
}

.products {
  padding: 1vh 20px;
}
.products h3 {
  text-align: center;
  padding-bottom: 1em;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.5em;
  font-weight: 500;
}
@media (max-width: 500px) {
  .products h3 {
    font-size: 2.5em;
  }
}
.products .line {
  width: 150px;
  height: 4px;
  background-color: #C9070A;
  display: block;
  margin: 0 auto;
}
.products .items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 10vh;
}
.products .items .item {
  background-color: white;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  padding: 60px 5px;
}
.products .items .item h4 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.5em;
  font-weight: 500;
}
.products .items .item .foto img {
  padding: 40px 0;
  margin: 0 auto;
  border-bottom: 1px solid #F8F8F8;
}
.products .items .item .more p {
  text-align: center;
  padding-top: 60px;
}
.products .items .item .more p a:link, .products .items .item .more p a:visited {
  border: 2px solid #E0E0E0;
  padding: 20px 70px 20px 40px;
  text-decoration: none;
  color: #C9070A;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  background-image: url("../assets/arrow-red.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 110px;
}
.products .items .item .more p a:hover {
  border: 2px solid #C9070A;
}
.products .items .item .more .btn a:link, .products .items .item .more .btn a:visited {
  border: none;
  background-image: none;
  padding: 0;
}
.products .items .item .more .btn a:hover {
  border: none;
  color: #0D3174;
}
.products .items .produkty h4 {
  font-size: 1.5em;
  font-weight: 200;
}
.products .items .produkty .foto {
  height: 300px;
}
.products .items .produkty .foto img {
  padding: 20px 10px;
  border-bottom: none;
}
@media (max-width: 950px) {
  .products .items {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
  }
  .products .items .item .foto img {
    padding: 0;
  }
}
.products .more-button p {
  padding-top: 8vh;
  text-align: center;
}
.products .more-button p a:link, .products .more-button p a:visited {
  padding: 15px 60px 15px 30px;
  text-decoration: none;
  border: 2px solid #0D3174;
  background-color: #0D3174;
  color: white;
  font-weight: 500;
  font-size: 1.3em;
  font-family: "Bebas Neue", sans-serif;
  background-image: url("../assets/arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 190px;
}
.products .more-button p a:hover {
  border: 2px solid #0D3174;
  background-color: white;
  color: #0D3174;
  background-image: url("../assets/arrow-blue.png");
}
.products .pagination {
  text-align: center;
  padding: 6vh;
}
.products .pagination a:link, .products .pagination a:visited {
  padding: 10px 0;
  width: 45px;
  background-color: white;
  color: #C9070A;
  font-weight: 300;
  margin: 5px 10px;
  text-decoration: none;
  display: inline-block;
}
.products .pagination a:hover {
  background-color: #C9070A;
  color: white;
}
.products .pagination .current {
  display: inline-block;
  background-color: #C9070A;
  color: white;
  width: 45px;
  padding: 10px 0;
  margin: 5px 10px;
}
.products h3 {
  padding-top: 4vh;
  color: #000000;
  font-size: 2.5em;
  text-align: center;
  padding-bottom: 3vh;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
}
.products h3:after {
  bottom: -18px;
  border-bottom: 4px solid #C9070A;
  display: block;
  margin: 0 auto;
  content: " ";
  width: 150px;
  position: relative;
  left: 0px;
}
.products .margin-top5 {
  padding-top: 5vh;
}

.pasja {
  background-image: linear-gradient(rgba(13, 49, 116, 0.2), #0d3174), url("../assets/pasja.jpg");
  background-position: center top;
  background-size: cover;
  min-height: 100vh;
  padding-top: 15vh;
}
.pasja .slogan {
  max-width: 850px;
  margin: 0 auto;
}
.pasja .slogan h3 {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  padding: 0 5px;
}
@media (max-width: 650px) {
  .pasja .slogan h3 {
    font-size: 2.5em;
  }
}
.pasja .slogan p {
  padding-top: 3vh;
  color: white;
  text-align: center;
  padding-bottom: 15vh;
}

.dla-dostawcow {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../assets/pasja.jpg");
  background-position: center top;
  background-size: cover;
  padding-top: 15vh;
}
.dla-dostawcow .slogan {
  max-width: 850px;
  margin: 0 auto;
}
.dla-dostawcow .slogan h3 {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.5em;
  font-weight: 500;
  padding: 0 5px;
}
@media (max-width: 650px) {
  .dla-dostawcow .slogan h3 {
    font-size: 2.5em;
  }
}
.dla-dostawcow .slogan p {
  padding-top: 3vh;
  color: white;
  text-align: center;
  padding-bottom: 15vh;
}

.news {
  background-color: white;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  padding: 10vh 6vw;
}
.news h2 {
  text-align: center;
  padding-bottom: 4vh;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.5em;
  font-weight: 500;
}
.news h4 {
  padding-top: 30px;
}
.news .img-responsive {
  margin: 0 auto;
}
.news time {
  text-align: center;
  display: block;
}
.news img {
  padding: 15px;
}
.news .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
  column-gap: 20px;
  padding-top: 5vh;
}
.news .gallery .item {
  display: grid;
  align-items: center;
  min-width: 150px;
}
.news .gallery .item img {
  max-width: 150px;
  padding: 0;
}
.news .aligncenter {
  margin: 0 auto;
}
.news .items {
  padding-top: 6vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 4vw;
}
.news .items .item {
  display: grid;
  grid-template-rows: 220px auto auto;
}
.news .items .item .foto {
  padding: 10px 0;
}
.news .items .item .foto img {
  margin: 0 auto;
}
.news .items .item h4 {
  text-align: center;
  font-size: 1.1em;
  padding-top: 2vh;
}
.news .items .item .txt {
  display: grid;
  grid-template-rows: auto 120px;
}
.news .items .item .txt p {
  text-align: center;
  padding: 2vh 0;
}
.news .items .item .txt p a:link, .news .items .item .txt p a:visited {
  color: #C9070A;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  background-image: url("../assets/arrow-red.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 85px;
  padding-right: 50px;
  background-position-y: 20px;
  padding: 15px 60px 15px 30px;
  border: 2px solid #E0E0E0;
  background-color: white;
}
.news .items .item .txt p a:hover {
  color: #0D3174;
  background-image: url("../assets/arrow-blue.png");
}
@media (max-width: 950px) {
  .news .items {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
  }
  .news .items .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 2vw;
  }
  .news .items .item h4 {
    text-align: left;
  }
  .news .items .item p {
    text-align: left;
  }
}
@media (max-width: 650px) {
  .news .items .item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .news .items .item .foto img {
    margin: 0 auto;
  }
  .news .items .item h4, .news .items .item p {
    text-align: center;
  }
}
.news .more-button p {
  padding-top: 8vh;
  text-align: center;
}
.news .more-button p a:link, .news .more-button p a:visited {
  padding: 15px 60px 15px 30px;
  text-decoration: none;
  border: 2px solid #0D3174;
  background-color: #0D3174;
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
  background-image: url("../assets/arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 205px;
}
.news .more-button p a:hover {
  border: 2px solid #0D3174;
  background-color: white;
  color: #0D3174;
  background-image: url("../assets/arrow-blue.png");
}
.news .pagination {
  text-align: center;
  padding: 6vh;
}
.news .pagination a:link, .news .pagination a:visited {
  padding: 10px 0;
  width: 45px;
  background-color: white;
  color: #C9070A;
  font-weight: 300;
  margin: 5px 10px;
  text-decoration: none;
  display: inline-block;
}
.news .pagination a:hover {
  background-color: #C9070A;
  color: white;
}
.news .pagination .current {
  display: inline-block;
  background-color: #C9070A;
  color: white;
  width: 45px;
  padding: 10px 0;
  margin: 5px 10px;
}
.news .wp-block-image {
  margin: 0 auto;
}
.news .eksport-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}
@media (max-width: 600px) {
  .news .eksport-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.contact {
  padding-bottom: 2vh;
}

.maps {
  z-index: 99999;
  position: relative;
  min-height: 650px;
}

.news-single p a:link, .news-single p a:visited {
  color: #C9070A;
  text-decoration: none;
  background-image: none;
  border: none;
  text-transform: none;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
}
.news-single p a:hover {
  text-decoration: underline;
}

.menu ul {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 0;
  margin: 0;
}
.menu ul li {
  display: inline-block;
}
.menu ul li a:link, .menu ul li a:visited {
  font-family: "Bebas Neue", sans-serif;
  display: block;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 150px 10px 60px 10px;
  min-width: 145px;
  text-align: center;
  font-size: 1.4em;
}
.menu ul li a:hover {
  background-image: url("../assets/skos.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.menu ul .current_page_item a {
  background-image: url("../assets/skos.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.menu ul #logo_item a:link, .menu ul #logo_item a:visited {
  padding: 0;
}
.menu ul #logo_item a:hover {
  background-image: none;
}
@media (max-width: 1350px) {
  .menu {
    display: none;
  }
}

.showClass {
  display: block !important;
}

.mobile-menu {
  background-color: white;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 880;
  display: none;
  overflow: scroll;
  grid-template-rows: 1fr 3fr 1fr;
}
.mobile-menu .logo-mob {
  padding-top: 0;
}
.mobile-menu .logo-mob img {
  margin: 0 auto;
  padding: 0 5px;
}
.mobile-menu .menu-mob ul {
  text-align: center;
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  text-transform: uppercase;
}
.mobile-menu .menu-mob ul li {
  line-height: 3em;
}
.mobile-menu .menu-mob ul li a:link, .mobile-menu .menu-mob ul li a:visited {
  color: black;
  font-weight: 700;
  text-decoration: none;
}
.mobile-menu .menu-mob ul li a:hover {
  color: #C9070A;
  border-bottom: 2px solid #C9070A;
}
.mobile-menu .button-project:link, .mobile-menu .button-project:visited {
  margin: 0 auto;
  display: block;
  background: #C9070A;
  width: 300px;
  text-align: center;
  padding: 15px;
  color: white;
  text-decoration: none;
  font-weight: 700;
}
.mobile-menu .button-project:hover {
  background: black;
}
@media (min-width: 1350px) {
  .mobile-menu {
    display: none;
  }
}

.open {
  display: grid;
}

.menu-btn {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 150px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  /* border: 3px solid #fff; */
  z-index: 888;
  right: 0;
  padding-right: 20px;
  top: 10px;
}
@media (min-width: 1351px) {
  .menu-btn {
    display: none;
  }
}

.logo-zm {
  position: fixed;
  z-index: 7;
}
.logo-zm img {
  height: 200px;
}
@media (min-width: 1351px) {
  .logo-zm {
    display: none;
  }
}

.menu-btn__burger {
  width: 40px;
  height: 4px;
  background: #ccc;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  margin-left: auto;
}

.menu-btn__burger::before,
.menu-btn__burger::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #ccc;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}

.menu-btn__burger::before {
  transform: translateY(-16px);
}

.menu-btn__burger::after {
  transform: translateY(16px);
}

/* ANIMATION */
.menu-btn.open .menu-btn__burger {
  transform: translateX(-50px);
  background: transparent;
  box-shadow: none;
}

.menu-btn.open .menu-btn__burger::before {
  transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.open .menu-btn__burger::after {
  transform: rotate(-45deg) translate(35px, 35px);
}

.timeline {
  max-width: 1500px;
  padding: 7vh 0;
  margin: 0 auto;
}
.timeline .text {
  display: grid;
  align-items: center;
  padding: 20px;
}
.timeline .text p {
  font-size: 1em;
}
.timeline .text h2 {
  font-size: 1.8em;
  padding-bottom: 20px;
  color: #0D3174;
}
.timeline .text h3 {
  font-size: 2em;
  padding-bottom: 1em;
}
.timeline .row1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 5vh;
}
.timeline .row1 .img {
  display: grid;
  align-items: center;
  justify-content: center;
}
.timeline .row1 .text {
  border-left: 2px solid #0D3174;
}
.timeline .row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 5vh;
  text-align: right;
}
.timeline .row2 .img {
  display: grid;
  align-items: center;
  justify-content: center;
}
.timeline .row2 .text {
  border-right: 2px solid #0D3174;
}
.timeline .row2 .text ul {
  direction: rtl;
}
.timeline .row2 .text ul li a {
  direction: ltr;
  unicode-bidi: embed;
}
@media (max-width: 700px) {
  .timeline .row1, .timeline .row2 {
    grid-template-columns: 1fr;
  }
}

.accordion-faq {
  max-width: 990px;
  margin: 0 auto;
  padding-top: 3vh;
}
.accordion-faq .accordion {
  color: #0D3174;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-weight: 700;
  font-size: 1.1em;
  padding-left: 30px;
  background-color: #F8F8F8;
}
.accordion-faq .accordion img {
  margin: 0 auto;
  padding: 0;
  float: left;
  padding-top: 2px;
  padding-right: 20px;
}
.accordion-faq .accordion span {
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: 500;
  text-align: right;
  display: block;
  margin-top: -35px;
}
@media (max-width: 700px) {
  .accordion-faq .accordion span {
    display: none;
  }
}
.accordion-faq .panel {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-bottom: 3px;
  margin-bottom: 2vh;
}
.accordion-faq .panel p {
  padding: 10px;
}
.accordion-faq .panel p a:link, .accordion-faq .panel p a:visited {
  color: #C9070A;
  text-decoration: none;
}
.accordion-faq .panel p a:hover {
  text-decoration: underline;
}
@media (max-width: 800px) {
  .accordion-faq .panel {
    grid-template-columns: 1fr;
  }
}
.accordion-faq .panel2 {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-bottom: 3px;
  margin-bottom: 2vh;
}
@media (min-width: 701px) {
  .accordion-faq .panel2 ul {
    padding-left: 100px;
    padding-right: 90px;
  }
}
.accordion-faq .panel2 p {
  padding: 10px;
  text-align: justify;
}
.accordion-faq .panel2 p a:link, .accordion-faq .panel2 p a:visited {
  color: #C9070A;
  text-decoration: none;
}
.accordion-faq .panel2 p a:hover {
  text-decoration: underline;
}
.accordion-faq .grass-left-2 {
  margin-top: 25vh;
}
@media (max-width: 1000px) {
  .accordion-faq {
    grid-template-columns: auto;
  }
  .accordion-faq .grass-left-2 {
    display: none;
  }
  .accordion-faq .grass-right-2 {
    display: none;
  }
}

.accordion-horeca .panel {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
}
.accordion-horeca .panel .icon {
  margin: 0 auto;
  padding: 30px 0 10px;
}
.accordion-horeca .panel .icon .fa-beef {
  background: url("../images/wolowina-icon-horeca.png") top;
  background-position-y: -64px;
  width: 104px;
  height: 64px;
  display: inline-block;
}
.accordion-horeca .panel .icon .fa-pork {
  background: url("../images/wieprzowina-icon-horeca.png") top;
  background-position-y: -45px;
  width: 88px;
  height: 45px;
  display: inline-block;
}
.accordion-horeca .panel .icon .fa-cuts {
  background: url("../images/wedliny-icon.png") top;
  background-position-y: -75px;
  width: 79px;
  height: 75px;
  display: inline-block;
}

.footer {
  background-color: #0D3174;
  padding: 0 5px;
}
.footer .footer-wrapper {
  display: grid;
  grid-template-rows: auto auto;
  font-size: 0.9em;
}
.footer .footer-wrapper .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: white;
  padding: 4vh 0;
}
.footer .footer-wrapper .row p a:link, .footer .footer-wrapper .row p a:visited {
  color: white;
  text-decoration: none;
}
.footer .footer-wrapper .row p a:hover {
  text-decoration: underline;
}
.footer .footer-wrapper .row .right {
  text-align: right;
}
@media (max-width: 550px) {
  .footer .footer-wrapper .row {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-row-gap: 2vh;
  }
  .footer .footer-wrapper .row .left p, .footer .footer-wrapper .row .right p {
    text-align: center;
  }
}
.footer .footer-wrapper .menu ul {
  margin-top: 0;
}
.footer .footer-wrapper .menu ul li {
  padding-top: 107px;
}
.footer .footer-wrapper .menu ul li a:link, .footer .footer-wrapper .menu ul li a:visited {
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer .footer-wrapper .menu ul li a:hover {
  background-image: none;
  background-color: #C9070A;
}
.footer .footer-wrapper .menu ul #logo_item {
  padding: 0;
}
.footer .footer-wrapper .menu ul #logo_item a:link, .footer .footer-wrapper .menu ul #logo_item a:visited {
  padding: 0;
}
.footer .footer-wrapper .menu ul #logo_item a:hover {
  background-image: none;
  background-color: transparent;
}

.footer_bottom {
  background-color: #092B6B;
  min-height: 150px;
  color: #58719d;
  font-size: 0.8em;
  padding: 0 5px;
}
.footer_bottom .footer_bottom_wrapper .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 60px;
}
.footer_bottom .footer_bottom_wrapper .row .right {
  text-align: right;
}
@media (max-width: 550px) {
  .footer_bottom .footer_bottom_wrapper .row {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-row-gap: 2vh;
  }
  .footer_bottom .footer_bottom_wrapper .row .left p, .footer_bottom .footer_bottom_wrapper .row .right p {
    text-align: center;
  }
}
.footer_bottom p a:link, .footer_bottom p a:visited {
  color: #58719d;
  text-decoration: none;
}
.footer_bottom p a:hover {
  text-decoration: underline;
}

.subpage {
  min-height: 350px;
  background-position: top center;
}

/*# sourceMappingURL=main.css.map */

.wrapper-1920 figure img {
	margin: 0 auto;
}