@charset "utf-8";
.gform_legacy_markup_wrapper .field_description_below .gfield_consent_description,
.gform_legacy_markup_wrapper .gfield_consent_description {
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.jestesmy {
  color: #b3bbbe;
  font-weight: 500;
  font-size: 19px;
  line-height: 46px;
}
.kompatybilne {
  font-weight: 600;
  text-align: center;
  padding-top: 80px;
  text-transform: uppercase;
  font-size: 30px;
}
#contactFloat {
  z-index: 9999;
  transition: ease-in-out all 0.35s;
  position: fixed;
  right: 0;
  top: 100px;
  width: 80px;
  height: 50px;
  border-radius: 30px 0 0 30px;
  background-color: #607a92;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background-image: url("images/emailw.svg");
  background-position: 20px center;
  background-size: 40%;
  background-repeat: no-repeat;
}
#contactFloat:hover {
  width: 100px;
}
.pprodukty h1 strong {
  display: block;
  font-weight: 600;
  color: #fff;
  font-size: 24px;
  line-height: 45px;
}
.pprodukty h1 em {
  display: block;
  font-style: normal;
  color: #37465c;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}
.pprodukty .ptitle h1,
.pprodukty .ptitle p {
  padding: 0;
  margin: 0;
}
.pprodukty .ptitle strong {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-weight: 600;
  color: #fff;
  font-size: 24px;
  line-height: 45px;
}
.pprodukty .ptitle em {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-style: normal;
  color: #37465c;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}
.slickicon .slick-slide {
  height: 50px;
  background-image: url("images/iml.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.slickicon .sety {
  background-image: url("images/label.svg");
}
.slickicon .ssito {
  background-image: url("images/sito.svg");
}
.spictures {
  text-align: center;
}
.spictures img {
  height: 500px;
  width: auto;
  display: inline-block !important;
}
.resbig {
  box-sizing: border-box;
  padding-left: 3vw;
  padding-right: 3vw;
  width: 100%;
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}
.hkontakt .wiecej {
  text-transform: none;
  background-image: url("images/emaild.svg");
  background-size: 33px;
  background-position: 30px center;
  background-repeat: no-repeat;
  font-size: 30px;
  line-height: 38px;
  padding-left: 80px;
  padding-right: 40px;
  color: #37465c;
  background-color: #93acbb;
}
.hkontakt .wiecej:before,
.hkontakt .wiecej:after {
  display: none;
}
.hkontakt .wphone {
  background-image: url("images/phonew.svg");
  color: #fff;
  background-color: #cedae5;
}
.administracja .textwrap {
  height: 39px;
}
.acf-map {
  clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
}
.linetop .text-row {
  padding-top: 100px;
  border-top: 1.5px solid #cedae5;
}
.bzakupy .textwrap {
  border: 1.5px solid #cedae5;
}
.bzakupy .textwrap p {
  text-align: center;
}
.bzakupy .textwrap p:first-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.bzakupy .textwrap img {
  margin-right: 10px;
  vertical-align: middle;
}
.bzakupy .textwrap a {
  margin-left: 25px;
}
.mapover .text-in {
  position: absolute;
  z-index: 1;
  background-color: #cedae5;
  height: 100%;
  left: 40px;
  box-sizing: border-box;
  padding: 40px;
}
#bydgoszcz.mapover .text-in {
  background-color: #dce6e5;
}
#ksawerow.mapover .text-in {
  background-color: #e0eff4;
}
.ikopads .pad_in_l {
  padding-left: 6px;
}
.ikopads .pad_in_r {
  padding-right: 6px;
}
#rocznik {
  margin-bottom: 20px;
  text-align: center;
}
#rocznik select {
  padding: 6px 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.ziko {
  position: relative;
}
.ziko:before {
  width: 40px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  left: -50px;
  top: -7px;
  background-image: url("images/iml.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.zisito:before {
  background-image: url("images/sito.svg");
}
.ziety:before {
  background-image: url("images/label.svg");
}
.slider-text {
  height: 100%;
}
#slidermain .swiper-wrapper .swiper-slide .slide-text-in .slide-img img {
  width: 100%;
  height: auto;
}
#slidermain .slideimgin {
  transform: translateX(-50px);
  opacity: 0;
  transition: ease all 1s;
}
#slidermain .slideimg {
  transform: scale(1.1);
  opacity: 0;
  transition: ease transform 3s, ease opacity 0.5s;
}
#slidermain .slidetxt {
  transform: translateX(50px);
  opacity: 0;
  animation-delay: 0.2s;
  transition: ease all 1s;
}
#slidermain .swiper-slide-active .slidetxt,
#slidermain .swiper-slide-active .slideimg,
#slidermain .swiper-slide-active .slideimgin {
  opacity: 1;
  transform: translateX(0) scale(1);
  animation-delay: 1s;
}
#slidermain .slideflex {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
#slidermain .slideflex img {
  width: 100%;
  height: auto;
}
#slidermain .slideflex .sbackrot {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: sliderott 10s infinite linear;
}
#slidermain .slider-text {
  height: 640px;
  box-sizing: border-box;
  padding-left: 10%;
  padding-right: 10%;
}
.obrys {
  position: absolute;
  top: 0%;
  left: 10%;
  width: 80%;
}
.forma {
  width: 80%;
  margin-left: 10%;
  position: relative;
  z-index: 2;
}
.smietana span {
  display: block;
  position: absolute;
  right: 520px;
  top: 0;
  width: 100px;
  height: 100px;
  text-align: center;
}
.smietana span img {
  margin-top: 20px;
  width: 70px;
  height: auto;
}
.smietana span:before {
  position: absolute;
  content: '';
  left: -3%;
  display: block;
  width: 106%;
  height: 106%;
  border-radius: 100%;
  border: 1.5px solid #cedae5;
}
.smietana span:after {
  height: 1.5px;
  background-color: #cedae5;
  display: block;
  position: absolute;
  content: '';
  left: 118%;
  top: 58%;
  width: 60px;
}
.smietana .iko1:after {
  transform: rotate(45deg);
  left: 82%;
  top: 112%;
  width: 73px;
}
.smietana .iko2 {
  top: auto;
  bottom: 0;
}
.smietana .iko2:after {
  transform: rotate(-45deg);
  left: 78%;
  top: -15%;
  width: 94px;
}
.sclipr .swiper-wrapper,
.sclipr video {
  clip-path: polygon(0 0, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
.sclipl {
  clip-path: polygon(18px 0%, 100% 0, 100% 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
}
.sclipl .swiper-wrapper,
.sclipl video {
  clip-path: polygon(18px 0%, 100% 0, 100% 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
}
.sliderover {
  position: relative;
}
.sliderover p {
  text-shadow: 0 0 12px #ffffff, 0 0 6px #ffffff, 0 0 3px #ffffff;
  position: absolute;
  left: 30px;
  bottom: -10px;
  z-index: 2;
  color: #37465c;
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
}
.ikony .textwrap p {
  position: relative;
  text-align: center;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.ikony .textwrap p img {
  transition: ease all 1s;
  transform: rotateY(0deg) translateZ(50px);
  width: 100px;
  height: auto;
}
.ikony .textwrap p img:last-of-type {
  opacity: 0;
  transition: ease all 1.1s;
  position: absolute;
  top: 0;
  left: calc(50% - 50px);
}
.ikony .textwrap p:hover img {
  transform: rotateY(360deg) translateZ(50px);
}
.ikony .textwrap p:hover img:last-of-type {
  opacity: 1;
  filter: hue-rotate(0deg) brightness(1) blur(3px);
}
#pagewrap {
  position: relative;
}
#pagewrap:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1000px;
  top: 0;
  left: 0;
  z-index: -2;
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #b0bdc9 100%);
}
#pagewrap:after {
  content: '';
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("images/sback.png");
  background-position: right top;
  background-repeat: no-repeat;
}
.text-row {
  position: relative;
  z-index: 2;
}
.postYears {
  display: block;
}
.postYears .post-wrap .czytaj {
  position: relative;
}
.postYears .post-wrap .date {
  padding: 0;
}
.praca {
  position: relative;
  z-index: 2;
}
.praca .ui-accordion-header:after {
  display: none;
}
.praca .pracatitle {
  margin-top: 2px;
  background-color: #cedae5;
  padding: 0;
  clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
  background-size: 700px auto;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
  display: flex;
}
.praca .pracatitle .ptitle {
  padding: 40px 20px 40px 85px;
  flex: 1;
}
.praca .pracatitle .pimg {
  background-size: cover !important;
  background-position: center !important;
  flex: 0 0 700px;
  clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
}
.praca .pracatitle .pti {
  text-transform: uppercase;
  width: 250px;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
}
.praca .even .ptitle {
  order: 2;
}
.praca .even .pimg {
  order: 1;
}
.praca .pracaopis {
  flex-wrap: wrap;
  padding-top: 40px;
  display: flex;
}
.praca .pracaopis .pwrap {
  padding-right: 100px;
  box-sizing: border-box;
  padding-bottom: 20px;
  flex: 1;
}
.praca .pracaopis .pwrap:last-of-type {
  flex: 0 0 100%;
  padding-right: 75%;
  box-sizing: border-box;
}
.praca .pracaopis .popis ul {
  list-style: none;
  padding-left: 18px;
}
.praca .pracaopis .popis ul li {
  position: relative;
}
.praca .pracaopis .popis ul li:before {
  position: absolute;
  width: 6px;
  height: 6px;
  left: -18px;
  top: 8px;
  content: '';
  border: 1px solid #a8b1c3;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.praca .pracaopis .ptytul {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 2px solid #000;
  color: #a8b1c3;
  font-size: 19px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
}
.praca .pracaopis .pikona {
  height: 50px;
  background-image: url("images/zadania.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.praca .pracaopis .widziane {
  background-image: url("images/mile.svg");
}
.praca .pracaopis .korzysci {
  background-image: url("images/oferuje.svg");
}
.praca .pracaopis .profil {
  background-image: url("images/oczekuje.svg");
}
.praca .pzgoda {
  font-size: 12px;
  line-height: 18px;
}
.pform {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
}
.pform h4 {
  text-align: center;
  color: #37465c;
  font-weight: 300;
  font-size: 29px;
  line-height: 39px;
}
.pform h4 strong {
  font-weight: 600;
  font-size: 29px;
  line-height: 39px;
  display: inline-block;
}
.pform li {
  display: flex;
  flex-direction: column;
}
.pform li label,
.pform li label .gfield_required {
  order: 2;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
}
.pform li div {
  border-bottom: 1px solid #cedae5;
  order: 1;
}
.pform .gfield--type-consent label {
  font-size: 12px !important;
  line-height: 18px !important;
}
.pform .gfield--type-consent label a {
  text-decoration: underline;
}
.pform #field_2_37 div {
  border: none;
}
.pform .gform_footer {
  width: auto !important;
  position: relative;
  display: inline-block !important;
}
.pform .gform_footer input {
  border-radius: 18px;
  text-transform: uppercase;
  color: #37465c;
  display: inline-block;
  padding: 12px 64px 12px 24px !important;
  text-decoration: none;
  transition: ease-in-out all 0.25s;
  border: 2px solid #37465c;
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  margin: 0 !important;
}
.pform .gform_footer:before {
  position: absolute;
  right: 24px;
  top: 50%;
  display: block;
  width: 25px;
  height: 2px;
  background-color: #37465c;
  content: '';
  transition: ease-in-out all 0.25s;
}
.pform .gform_footer:after {
  position: absolute;
  right: 24px;
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  top: calc(50% - 3px);
  transform: rotate(-45deg);
  border-right: 2px solid #37465c;
  border-bottom: 2px solid #37465c;
  transition: ease-in-out all 0.25s;
}
.logoflex img {
  height: 26px;
  width: auto;
}
.logoflex p {
  display: flex;
  justify-content: space-between;
}
footer {
  z-index: 1;
  position: relative;
}
footer .ustoria {
  color: #fff;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 20px;
}
footer .ustoria a {
  color: #fff;
  display: inline-block;
}
footer .ustoria a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .ustoria img {
  height: 38px;
  margin-right: 10px;
}
footer ul li {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 26px;
  padding: 8px 0;
}
footer ul li img {
  padding-right: 10px;
  vertical-align: middle;
}
footer a {
  transition: ease all 0.2s;
}
footer a:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
footer h6 {
  text-transform: none;
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #a6bac7;
  font-weight: bold;
}
footer h6 strong {
  color: #a6bac7;
  font-weight: bold;
}
.hrt {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 3px solid #fff;
}
#filters #prodFilterForm .filtersWrap {
  padding-bottom: 30px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#filters #prodFilterForm .filtersWrap .rangeWrap .filterCell {
  font-weight: 600;
  text-transform: uppercase;
  width: 150px;
  display: inline-block;
  padding-right: 40px;
}
#filters #prodFilterForm .filtersWrap .rangeWrap .filterCell .fvalues {
  padding-bottom: 10px;
}
#filters #prodFilterForm .filtersWrap .rangeWrap .filterCell input {
  background-color: transparent;
  text-transform: none;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
#filters .ui-slider .ui-slider-handle {
  width: 20px;
  height: 10px;
  border-radius: 20px;
}
#filters .ui-slider-horizontal {
  height: 11px;
  border-color: #000;
}
#filters .ui-slider-horizontal .ui-slider-handle {
  margin-left: -10px;
  top: -1px;
}
#filters .ui-state-default,
#filters .ui-widget-content .ui-state-default,
#filters .ui-widget-header .ui-state-default,
#filters .ui-button,
#filters html .ui-button.ui-state-disabled:hover,
#filters html .ui-button.ui-state-disabled:active {
  background-color: #cedae5;
  border: 1.5px solid #37465c;
}
#filters .ui-widget-header {
  background-color: #fff;
}
#filters .ui-widget-content {
  border-radius: 20px;
  background-color: #e0ede3;
}
#filters #prodFilter,
#filters #clearFilter {
  margin-right: 20px;
  transition: ease all 0.3s;
  display: inline-block;
  font-weight: 600;
  border-radius: 16px;
  border: 2px solid #37465c;
  padding: 6px 20px;
  width: auto;
  text-transform: uppercase;
}
.blink #prodFilter {
  background-color: #cedae5;
  color: #fff;
}
.blinkanim #prodFilter {
  animation: 3s blink;
}
@keyframes blink {
  0% {
    transform: scale(1);
  }
  12% {
    transform: scale(1.3);
  }
  25% {
    transform: scale(1);
  }
  37% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1);
  }
  62% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(1);
  }
  87% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.prodCatTitle {
  padding-top: 100px;
  text-align: center;
}
.prodCatTitle h2 {
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.prodCatTitle h2:before {
  vertical-align: text-bottom;
  content: '';
  display: inline-block;
  width: 46px;
  height: 41px;
  background-image: url("images/butelki.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.prodCatTitle.lkanistry h2:before {
  background-image: url("images/kanistry.svg");
}
.prodCatTitle.llejek h2:before {
  background-image: url("images/lejek.svg");
}
.prodCatTitle.lnakretki h2:before {
  background-image: url("images/zakretki.svg");
}
.prodCatTitle.lkonewki h2:before {
  background-image: url("images/konewki.svg");
}
.prodCatTitle.lmotoryzacja h2:before {
  background-image: url("images/moto.svg");
}
.lkanistry.prodlist .prodl-wrap {
  background-color: #b1bccc;
}
.llejek.prodlist .prodl-wrap {
  background-color: #aaccd7;
}
.lnakretki.prodlist .prodl-wrap {
  background-color: #a7c9d5;
}
.lkonewki.prodlist .prodl-wrap {
  background-color: #c1cad7;
}
.lmotoryzacja.prodlist .prodl-wrap {
  background-color: #d9dde1;
}
#pagewrap .swiper-button-next,
#pagewrap .swiper-button-prev {
  top: auto;
  bottom: -10px;
  margin: 0;
}
#pagewrap .swiper-button-next:after,
#pagewrap .swiper-button-prev:after {
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  width: 20px;
  border: 2px solid #000;
  text-align: center;
}
#pagewrap .swiper-button-prev {
  left: 30px;
}
#pagewrap .swiper-button-next {
  left: 51px;
  right: auto;
}
.parent1534 {
  padding-top: 100px;
}
.parent1534 iframe {
  height: 400px !important;
}
.parent1534 hr {
  border: none;
  border-bottom: 2px dashed #607a92;
  margin-bottom: 40px;
  margin-top: 40px;
}
.parent1534 h1 {
  font-size: 70px;
  line-height: 80px;
  color: #37465c;
  font-weight: 300;
}
.parent1534 h1 strong {
  font-weight: 400;
}
.parent1534 h1 em {
  display: block;
  color: #fff;
  font-style: normal;
  font-size: 25px;
  font-weight: 600;
}
.parent1534 h2 {
  font-size: 23px;
  line-height: 33px;
  font-weight: 400;
}
.parent1534 h4 {
  text-transform: none;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}
.parent1534 h5 {
  color: #a6bac7;
  font-size: 130px;
  line-height: 140px;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.parent1534 h5 em {
  color: #37465c;
  font-size: 23px;
  line-height: 53px;
  display: block;
  font-style: normal;
}
.parent1534 h5 em strong {
  font-weight: 600;
}
.parent1534 h6 {
  font-size: 23px;
  line-height: 33px;
  font-weight: 300;
}
.people {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
}
.people .text-row {
  gap: 40px;
  margin-bottom: 40px;
}
.people .text {
  border: 2px solid #bed4e6;
}
.people .text .textwrap p {
  text-align: center;
}
.people .text .textwrap p strong {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
}
.twiecej,
.ewiecej {
  background-color: #f2f6fb;
  clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);
  font-size: 20px;
  line-height: 22px;
  padding: 10px;
  width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  display: block;
  margin-bottom: 40px;
  transition: ease all 0.25s;
}
.twiecej:before,
.ewiecej:before {
  content: '';
  display: inline-block;
  width: 31px;
  height: 26px;
  background-image: url("images/emaild.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  vertical-align: sub;
}
.twiecej:hover,
.ewiecej:hover {
  color: #fff;
  text-decoration: none;
  background-color: #7796aa;
}
.ewiecej {
  background-color: #cedae5;
}
.ewiecej:before {
  background-image: url("images/tel.svg");
}
.table td,
.table th {
  padding: 16px 10px;
  border-right: 1px solid #37465c;
}
.table td:last-of-type,
.table th:last-of-type {
  border-right: none;
}
.table th {
  background-color: #a8b1c3;
}
.table tr th {
  font-weight: 600;
}
.table tr td {
  border-bottom: 1px solid #37465c;
}
.table tr:last-of-type td {
  border-bottom: 2px solid #37465c;
}
.table tr:first-of-type {
  clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);
}
.tableinfo {
  border: 2px solid #a6bac7;
  width: 100%;
}
.tableinfo img {
  width: 40px;
  height: 40px;
  max-width: 40px;
}
.tableinfo td,
.tableinfo th {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 10px;
  border-right: 1px solid #a6bac7;
  border-bottom: 1px solid #a6bac7;
}
.tableinfo td:nth-of-type(odd),
.tableinfo th:nth-of-type(odd) {
  background-color: #cde6e0;
}
.tableinfo td:nth-of-type(even),
.tableinfo th:nth-of-type(even) {
  background-color: #e6f2ef;
}
.tableinfo td:nth-of-type(1),
.tableinfo th:nth-of-type(1) {
  background-color: transparent;
  text-align: left;
  font-weight: 600;
}
.tableinfo th {
  font-weight: 600;
}
.tableinfoiko td:nth-of-type(2),
.tableinfoiko th:nth-of-type(2) {
  background-color: transparent;
  text-align: left;
  font-weight: 600;
}
.tablekalendarium {
  border: 2px solid #37465c;
}
.tablekalendarium td,
.tablekalendarium th {
  text-align: center;
  padding: 10px;
  border-right: 1px solid #a6bac7;
  border-bottom: 1px solid #a6bac7;
}
.tablekalendarium td:nth-of-type(2),
.tablekalendarium th:nth-of-type(2) {
  background-color: #d6e3e6;
}
.tablekalendarium td:nth-of-type(3),
.tablekalendarium th:nth-of-type(3) {
  background-color: #e3ecee;
}
.tablekalendarium td:nth-of-type(1) {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.tablekalendarium th {
  font-weight: 600;
}
.ulb ol {
  font-size: 25px;
  line-height: 35px;
  color: #607a92;
  font-weight: 600;
}
.plinki ul,
.plinki ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.plinki ul li,
.plinki ol li {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.plinki ul li a,
.plinki ol li a {
  transition: ease all 0.25s;
  display: block;
  text-align: center;
  padding: 14px;
  clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);
  background-color: #dce6e5;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}
.plinki ol li a {
  background-color: #f2f6fb;
}
.plinki ol li a:hover {
  text-decoration: none;
  color: #37465c;
  background-color: #bed4e6;
}
.plinki ul li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #87aba7;
}
.postYears .post-wrap {
  transition: ease all 0.25s;
  margin-bottom: 50px;
  background-color: #e2ecf3;
  clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
  text-align: center;
  padding: 30px 60px 40px 60px;
}
.postYears .post-wrap h3 {
  transition: ease all 0.25s;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.postYears .post-wrap .postcat {
  transition: ease all 0.25s;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.postYears .post-wrap .date {
  transition: ease all 0.25s;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.postYears .post-wrap .date:before {
  transition: ease all 0.25s;
  width: 43px;
  height: 43px;
  content: '';
  display: inline-block;
  background-image: url("images/date.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.postYears .post-wrap .czytaj {
  transition: ease all 0.25s;
  bottom: auto;
  position: relative;
  background-image: url("images/more.svg");
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 23px 27px;
  padding: 10px 60px 10px 20px;
  color: #fff;
  background-color: #596b7f;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0% calc(100% - 11px), 0% 11px);
}
.postYears .post-wrap .czytaj:before,
.postYears .post-wrap .czytaj:after {
  display: none;
}
.postYears .post-wrap:hover {
  background-color: #37465c;
  color: #fff;
}
.postYears .post-wrap:hover h3 {
  color: #fff;
}
.postYears .post-wrap:hover .date {
  color: #fff;
}
.postYears .post-wrap:hover .date:before {
  filter: brightness(10);
}
.raportWrap .raportTitle {
  background-color: #87aba7;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
  padding: 6px 12px;
  text-align: center;
}
.raportWrap .raportTable {
  width: 100%;
  display: table;
}
.raportWrap .raportTable .hrow {
  background-color: #e8efee;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  padding: 4px;
  text-align: center;
}
.raportWrap .raportTable .hrow,
.raportWrap .raportTable .row {
  display: table-row;
}
.raportWrap .raportTable .hrow .rcell,
.raportWrap .raportTable .row .rcell {
  padding: 10px 14px;
  display: table-cell;
  border-right: 1px solid #87aba7;
  border-bottom: 1px solid #87aba7;
}
.raportWrap .raportTable .hrow .rcell:first-of-type,
.raportWrap .raportTable .row .rcell:first-of-type {
  border-left: 1px solid #87aba7;
}
.raportWrap .raportTable .row {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.raportWrap .raportTable .row a {
  font-size: 21px;
  line-height: 29px;
  font-weight: 700;
}
.raportWrap .raportTable .row a:before {
  vertical-align: bottom;
  content: '';
  background-image: url("images/dlo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.raportWrap .raportTable .row .plikinfo {
  padding-left: 34px;
}
.prodlist {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.prodlist .prodl-wrap {
  clip-path: polygon(11px 0%, calc(100% - 11px) 0%, 100% 11px, 100% 100%, 0 100%, 0% 11px);
  transition: ease all 0.25s;
  background-color: #afbcc8;
  flex: 0 0 calc(33% - 30px);
}
.prodlist .prodl-wrap .prodLThumb {
  padding: 10px;
  display: flex;
  align-items: center;
  height: 170px;
  text-align: center;
  justify-content: center;
  position: relative;
}
.prodlist .prodl-wrap .prodLThumb .nowosc {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #37465c;
  color: #fff;
  padding: 4px 20px;
}
.prodlist .prodl-wrap .prodLThumb img {
  transition: ease all 0.25s;
  display: block;
}
.prodlist .prodl-wrap .prodTitle {
  height: 70px;
  padding: 10px;
  text-align: center;
  margin: 4px;
  background-color: #fff;
  text-transform: uppercase;
  position: relative;
}
.prodlist .prodl-wrap .prodTitle:before,
.prodlist .prodl-wrap .prodTitle:after {
  display: block;
  position: absolute;
  content: '';
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #fff;
  left: 0;
  top: -7px;
  width: 7px;
  height: 7px;
}
.prodlist .prodl-wrap .prodTitle:after {
  left: auto;
  right: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.prodlist .prodl-wrap .prodIcons {
  padding: 10px 12px;
}
.prodlist .prodl-wrap .prodIcons .pIcon {
  display: inline-block;
  width: 29px;
  height: 26px;
  padding-right: 6px;
  background-image: url("images/tlody.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.prodlist .prodl-wrap .prodIcons .diary {
  background-image: url("images/tdiary.svg");
}
.prodlist .prodl-wrap .prodIcons .gastro {
  background-image: url("images/tgastro.svg");
}
.prodlist .prodl-wrap .prodIcons .ttermo {
  width: 41px;
  height: 26px;
  background-image: url("images/ttermo.svg");
}
.prodlist .prodl-wrap:hover {
  text-decoration: none;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.prodlist .prodl-wrap:hover img {
  transform: scale(1.1);
}
.select-hidden {
  display: none;
  visibility: hidden;
}
.rev-select {
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 220px;
  height: 40px;
}
.select-styled {
  height: 37px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #7B7B7B;
  outline: none;
  background-color: #fff;
  color: #7B7B7B;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 40px;
}
.select-styled:after {
  display: block;
  position: absolute;
  background-image: url(images/expand.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  top: 17px;
  right: 2px;
}
.select-styled:active,
.select-styled.active {
  border-radius: 20px 20px 0 0;
  border-bottom: none;
}
.select-styled.active::after {
  background-image: url(images/collapse.svg);
}
.select-options {
  color: #37465c;
  display: none;
  position: absolute;
  top: calc(100% + 19px);
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  background-color: #fff;
  border: 2px solid #7B7B7B;
  border-top: none;
  border-radius: 0 0 20px 20px;
}
.select-options li {
  margin: 0;
  padding: 6px 12px 6px 24px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.select-options li:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  left: 2px;
  top: 4px;
  background-image: url("images/tlody.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.select-options li:first-of-type {
  padding: 6px 12px 6px 24px;
  font-size: 14px;
  line-height: 18px;
}
.select-options li:first-of-type:before {
  display: none;
}
.select-options li:nth-of-type(2):before {
  background-image: url("images/butelki.svg");
}
.select-options li:nth-of-type(3):before {
  background-image: url("images/kanistry.svg");
}
.select-options li:nth-of-type(4):before {
  background-image: url("images/lejek.svg");
}
.select-options li:nth-of-type(5):before {
  background-image: url("images/zakretki.svg");
}
.select-options li:nth-of-type(6):before {
  background-image: url("images/konewki.svg");
}
.select-options li:nth-of-type(7):before {
  background-image: url("images/moto.svg");
}
.select-options li:hover {
  color: #607a92;
}
.select-options li[rel="hide"] {
  display: none;
}
.newswyd h1 {
  padding-bottom: 140px;
  padding-top: 140px;
  font-size: 70px;
  line-height: 80px;
  color: #cedae5;
}
.newswyd h1 strong {
  color: #fff;
  font-size: 160px;
  line-height: 180px;
}
.acenter {
  text-align: center;
}
.date {
  text-align: center;
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: 600;
}
.date:before {
  margin-right: 6px;
  background-image: url("images/data.svg");
  width: 27px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
  content: '';
  display: inline-block;
}
.newsnoscroll {
  display: flex;
  justify-content: center;
}
.newsnoscroll .news-wrap {
  flex: 0 0 25%;
}
.news .slick-track {
  display: flex;
}
.news .news-wrap {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  padding: 26px 26px 40px 26px;
  box-sizing: border-box;
  display: block;
  flex: 0 0 450px;
  background-color: #bccbd5;
  background-image: url("images/news.svg");
  background-size: 200px auto;
  background-position: center;
  background-repeat: no-repeat;
  color: #41545c;
  transition: ease all 0.25s;
  height: 430px;
  clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
}
.news .news-wrap .date:before {
  width: 100%;
  background-image: url("images/date.svg");
  filter: brightness(9);
  display: block;
  background-position: center;
  margin: 0;
}
.news .news-wrap h3 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #41545c;
}
.news .news-wrap .acenter {
  position: absolute;
  bottom: 30px;
  width: calc(100% - 52px);
}
.news .news-wrap .wiecej {
  margin-top: 10px;
  display: inline-block;
  clip-path: none;
  color: #fff;
  border: 1.5px solid #fff;
  background-color: transparent;
  background-image: url("images/more.svg");
  background-position: calc(100% - 25px);
  background-repeat: no-repeat;
  background-size: 24px;
}
.news .news-wrap .wiecej:before,
.news .news-wrap .wiecej:after {
  display: none;
}
.news .news-wrap:hover {
  box-shadow: 0 0 20px #D6E7D8;
  text-decoration: none;
  filter: hue-rotate(0deg) grayscale(0);
}
.newshead {
  padding-bottom: 80px;
  padding-top: 10px;
}
.newshead img {
  display: block;
  width: 100%;
  height: auto;
}
.single .dwiekolumny {
  text-align: justify;
  column-gap: 40px;
}
.single h1 {
  font-weight: 400;
  color: #37465c;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 50px;
}
.single .date {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
}
.single .date:before {
  vertical-align: middle;
  width: 45px;
  height: 45px;
}
.powrot {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: right;
}
.postsnav {
  display: flex;
  justify-content: space-between;
}
.postsnav a {
  flex: 0 0 230px;
  text-align: center;
}
.postsnav a img {
  margin-top: 10px;
}
.navstart {
  justify-content: flex-end;
}
.produkt-header {
  padding: 100px 0 50px 0;
}
.produkt-header .prod-img {
  justify-content: center;
  display: flex;
  gap: 40px;
}
.produkt-header .prod-img .prodpic,
.produkt-header .prod-img .prodtech {
  text-align: center;
  max-height: 400px;
}
.produkt-header .prod-img .prodpic img,
.produkt-header .prod-img .prodtech img {
  height: 100%;
  width: auto;
}
.single .res {
  position: relative;
  z-index: 2;
}
.produkt-dane .dkpdf-button-container {
  float: none;
}
.produkt-dane .prod-detale {
  padding-bottom: 40px;
}
.produkt-dane .prod-detale h4 {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  background-color: #37465c;
  color: #fff;
  text-align: center;
  padding: 20px;
}
.produkt-dane .prod-detale .prod-table .row {
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #37465c;
}
.produkt-dane .prod-detale .prod-table .row:last-of-type {
  border-bottom: none;
}
.produkt-dane .prod-detale .prod-table .row .row-tytul {
  flex: 0 0 300px;
  padding-right: 20px;
  padding-left: 10px;
  font-weight: 700;
}
.produkt-dane .prod-detale .prod-table .row .row-dane {
  flex: 1;
}
.produkt-dane .prod-detale .prod-table .row .row-dane span {
  display: inline-block;
}
.produkt-dane .prod-detale .prod-table .row .row-dane span::first-letter {
  text-transform: uppercase;
}
.produkt-dane .prod-detale .prod-table .row .row-dane span:after {
  content: ',';
  display: inline-block;
  padding-right: 0.25em;
}
.produkt-dane .prod-detale .prod-table .row .row-dane span:last-of-type::first-letter {
  text-transform: none;
}
.produkt-dane .prod-detale .prod-table .row .row-dane span:last-of-type:after {
  content: '.';
}
.produkt-dane .prod-detale .prod-table .row .row-dane span:first-of-type::first-letter {
  text-transform: uppercase;
}
.produkt-dane .produkt-flex {
  display: flex;
  justify-content: space-between;
}
.produkt-dane .produkt-flex .prod-detale {
  flex: 0 0 48%;
}
.produkt-dane .produkt-flex .prod-detale .prod-table .row .row-tytul {
  flex: 0 0 170px;
}
.specyfikacja-dl {
  text-align: center;
}
.specyfikacja-dl .wiecej {
  background-image: url("images/dl.svg");
  background-position: calc(100% - 24px) 13px;
  background-repeat: no-repeat;
  background-size: 30px;
}
.specyfikacja-dl .wiecej:after,
.specyfikacja-dl .wiecej:before {
  display: none;
}
.infoadd {
  text-align: center;
}
.infoadd h3 {
  font-size: 34px;
  line-height: 44px;
  text-transform: uppercase;
  color: #37465c;
  font-weight: 400;
  letter-spacing: 0.05em;
}
#slidermain .slider-text {
  padding-top: 100px;
  padding-left: 50%;
  text-align: center;
  font-size: 38px;
  line-height: 44px;
  color: #37465c;
  text-transform: uppercase;
}
#slidermain .slider-text strong {
  font-weight: 300;
  color: #607a92;
  font-size: 107px;
  line-height: 140px;
}
#slidermain .slide2 .slider-text {
  padding-top: 270px;
  color: #607a92;
}
#slidermain .slide2 .slider-text strong {
  font-size: 82px;
  line-height: 100px;
  color: #37465c;
  font-weight: 400;
}
#slidermain .slide3 .slider-text {
  padding-top: 150px;
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
#slidermain .slide3 .slider-text strong {
  color: #fff;
  font-weight: 400;
}
.grupaplast h3 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 300;
  color: #41555c;
}
.grupaplast .new-row .mar_in_l {
  margin-left: 20px;
}
.grupaplast .new-row .mar_in_r {
  margin-right: 20px;
}
.grupaplast .new-row .mar_in_b {
  margin-bottom: 20px;
}
.grupaplast .new-row .mar_in_t {
  margin-top: 20px;
}
.grupaplast .new-row .mar_heigh1 {
  height: calc(100% - 20px);
}
.grupaplast .new-row .textwrap {
  border-radius: 16px;
  padding: 20px 30px;
  border: 2px dotted #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grupaplast .new-row .textwrap .wiecej {
  font-weight: 300;
  text-transform: none;
  background-color: transparent;
  border: 2px solid #37465c;
  clip-path: none;
}
.grupalogo {
  position: relative;
}
.grupalogo:before {
  content: '';
  display: block;
  width: 85px;
  height: 67px;
  background-image: url("images/plastl.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(100% - 43px);
  top: calc(100% - 33px);
}
.g1 .textwrap {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
}
.g2 .textwrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px));
}
.g3 .textwrap {
  clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}
.g4 .textwrap {
  clip-path: polygon(0 50px, 50px 0, 100% 0, 100% 100%, 0 100%);
}
.g1,
.g2 {
  font-size: 28px;
  line-height: 35px;
}
.g1 p,
.g2 p,
.g3 p,
.g4 p {
  padding: 0;
  margin-bottom: 12px;
  margin-top: 12px;
}
.g2 span {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
.g2 span:after {
  margin-left: 10px;
  content: '';
  background-image: url("images/serce.png");
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.parent2824,
.kontpage {
  padding-top: 10vw;
}
.nip {
  color: rgba(255, 255, 255, 0.8);
  padding-right: 102px;
}
.thule {
  vertical-align: bottom;
  width: auto;
  height: 20px;
}
.sygnalista .gfield {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.sygnalista .gform_body input,
.sygnalista .gform_body textarea,
.sygnalista .gform_body select {
  border-bottom: 1px solid #555 !important;
}
.sygnalista .gform_button {
  font-weight: 700;
  padding: 10px;
  background-color: #18407e;
  color: #fff;
}
.sygnalista .gfield_radio {
  display: flex;
  justify-content: space-between;
}
.sygnalista .gfield_radio .gchoice {
  flex: 1;
}
.sygnalista .gfield_radio .gchoice label {
  color: #000 !important;
}
.sygnalista h2 {
  text-transform: none;
  font-weight: 700;
}
.sygnalista h5 {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.sygnalista ::placeholder {
  color: #000 !important;
}
.sygnalista input {
  color: #000;
}
.sygnalista .gfield--type-html {
  font-size: 12px;
  line-height: 16px;
}
.sygnalista .gform_confirmation_message {
  color: #37465c;
}
.sygnalista .gfield-choice-input {
  width: 16px;
}
.aktualnosci-template-default .newswrap a {
  color: #165eca;
}
.wiadra-plastikowe-opis {
  display: none;
}
.wiadra-plastikowe-opis p {
  padding-top: 0;
  margin-top: 0;
}
.wiadra-plastikowe-opis h3 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  text-transform: none;
}
@media screen and (max-width: 640px) {
  .sygnalista .margin_right {
    margin-right: 0;
  }
  .sygnalista .paddingin_right,
  .sygnalista .pad_in_r {
    padding-right: 0;
  }
  .sygnalista .margin_left {
    margin-left: 0;
  }
  .sygnalista .paddingin_left,
  .sygnalista .pad_in_l {
    padding-left: 0;
  }
  .sygnalista .gfield_radio {
    display: block;
  }
}
@media all and (max-width: 1920px) {
  #slidermain .slider-text {
    height: 32.3vw;
  }
  #slidermain .slide1 .slider-text {
    padding-top: 5vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  #slidermain .slide1 .slider-text strong {
    font-size: 5.5vw;
    line-height: 7.5vw;
  }
  #slidermain .slide1 img {
    width: 11vw;
  }
  #slidermain .slide2 .slider-text {
    padding-top: 12vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  #slidermain .slide2 .slider-text strong {
    font-size: 4.2vw;
    line-height: 5.4vw;
  }
  #slidermain .slide3 .slider-text {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  #slidermain .slide3 .slider-text strong {
    font-size: 5.5vw;
    line-height: 6vw;
  }
}
@media all and (max-width: 1030px) {
  .smietana span {
    right: 42vw;
  }
  .sliderover p {
    font-size: 3vw;
    line-height: 6vw;
  }
  #pagewrap {
    padding-top: 10vw;
  }
  .logoflex img {
    height: 20px;
  }
  .home h1 {
    padding: 0;
    margin: 0;
    font-size: 5vw;
    line-height: 6vw;
  }
  .home h1 em {
    font-size: 1.5vw;
    line-height: 2vw;
  }
  .home h1 strong {
    font-size: 2vw;
    line-height: 3vw;
  }
  .home .htitle {
    font-family: "area-normal", sans-serif;
  }
  .home .htitle p {
    padding: 0;
    margin: 0;
  }
  .home .htitle em {
    font-size: 1.5vw;
    line-height: 2vw;
  }
  .home .htitle strong {
    font-size: 2vw;
    line-height: 3vw;
  }
  h2 {
    font-size: 4vw;
    line-height: 5vw;
  }
  h2 strong {
    font-size: 3vw;
    line-height: 4vw;
  }
  h3 {
    font-size: 4vw;
    line-height: 5vw;
  }
  h3 strong {
    font-size: 2vw;
    line-height: 3vw;
  }
  h3 em {
    font-size: 1.5vw;
    line-height: 2vw;
  }
  h4 {
    font-size: 4vw;
    line-height: 5vw;
  }
  h4 strong {
    font-size: 2vw;
    line-height: 3vw;
  }
  h5 {
    font-size: 4vw;
    line-height: 5vw;
  }
  .praca .pracatitle {
    background-size: 57vw auto;
  }
  .praca .pracatitle .ptitle {
    padding: 20px 10px 20px 35px;
  }
  .praca .pracatitle .pimg {
    flex: 1;
  }
  .prodlist {
    gap: 4.5vw;
  }
  .prodlist .prodl-wrap .prodLThumb img {
    width: 100%;
    object-fit: contain;
    height: 100%;
  }
  #pagewrap.pnews {
    padding-top: 10vw;
  }
  #pagewrap.pnews h1 strong {
    line-height: 10vw;
    font-size: 10vw;
  }
  #slidermain .slide1 .slider-text {
    padding-top: 5vw;
  }
  #slidermain .slide2 .slider-text {
    padding-top: 10vw;
  }
  #slidermain .slide3 .slider-text {
    padding-top: 10vw;
  }
  .produkt-header .prod-img {
    flex-wrap: wrap;
  }
  .produkt-header .prod-img .prodpic {
    max-height: 330px;
  }
}
@media all and (max-width: 800px) {
  .smietana .iko1:after {
    left: 72%;
    top: 92%;
    width: 23px;
  }
  .smietana .iko2:after {
    left: 78%;
    top: 5%;
    width: 54px;
  }
  .smietana span {
    right: 38vw;
  }
  .smietana span img {
    margin-top: 20px;
    width: 60px;
  }
  .smietana span:before {
    left: 5%;
    top: 5%;
    width: 86%;
    height: 86%;
  }
  h3 em {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .prod-data {
    flex-wrap: wrap;
  }
  .praca .pracatitle {
    background-size: 52vw auto;
  }
  .praca .pracatitle .pti {
    width: 170px;
    font-size: 20px;
    line-height: 28px;
  }
  .ui-accordion-header {
    padding: 40px;
  }
  .wiecej {
    padding: 10px 60px 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }
  .praca .pracaopis .pwrap {
    flex: 0 0 50% !important;
    padding-right: 5vw !important;
  }
  h1 {
    font-size: 5vw;
    line-height: 7vw;
  }
  .hkontakt .wiecej {
    font-size: 3vw;
    line-height: 3.5vw;
  }
  .grupaplast h3 {
    font-size: 3vw;
    line-height: 4vw;
  }
  #ikony .text-row {
    flex-wrap: wrap;
  }
  #ikony .text-row .text {
    flex: 0 0 33%;
  }
  .sliderover p {
    font-size: 3vw;
    line-height: 14vw;
  }
  .zdobienie blockquote p strong {
    flex: 0 0 116px;
  }
  .zdobienie blockquote p strong:before {
    width: 116px;
    height: 116px;
  }
  .zdobienie blockquote p strong img {
    margin: 20px auto 36px auto;
    width: 76px;
  }
  #pagewrap:after {
    width: 100vw;
    background-position: 320% top;
  }
  .parent1534 h1 {
    font-size: 9vw;
    line-height: 9vw;
  }
  .parent1534 h1 em {
    font-size: 4vw;
  }
  .parent1534 h2 {
    font-size: 4vw;
    line-height: 5vw;
  }
  .parent1534 h4 {
    font-size: 5vw;
    line-height: 6vw;
  }
  .parent1534 h5 {
    color: #a6bac7;
    font-size: 12vw;
    line-height: 16vw;
  }
  .parent1534 h5 em {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .parent1534 h6 {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .raportWrap .raportTitle {
    font-size: 4vw;
    line-height: 5vw;
  }
  .raportWrap .raportTable .row {
    font-size: 2vw;
    line-height: 3vw;
  }
  .raportWrap .raportTable .row a {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .raportWrap .raportTable .row a:before {
    width: 10px;
    height: 10px;
  }
  .raportWrap .raportTable .row .plikinfo {
    padding-left: 14px;
  }
  .raportWrap .raportTable .hrow {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .ulb ol {
    font-size: 5vw;
    line-height: 8vw;
  }
  .tablekalendarium td:nth-of-type(1) {
    font-size: 4vw;
    line-height: 5vw;
  }
  .produkt-header .prod-img {
    flex-direction: column;
  }
  .produkt-header .prod-img .prodtech,
  .produkt-header .prod-img .prodpic {
    height: 300px;
    width: 100%;
    box-sizing: border-box;
  }
  .produkt-header .prod-img .prodtech img,
  .produkt-header .prod-img .prodpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .dtable .drow .dcell {
    font-size: 4vw;
    line-height: 5vw;
    padding: 9px 14px;
  }
  .infoadd h3 {
    font-size: 5vw;
    line-height: 6vw;
  }
}
@media all and (max-width: 640px) {
  .logoflex .ustoria {
    font-size: 10px;
    line-height: 13px;
  }
  .logoflex .ustoria img {
    height: 26px;
  }
  .hrt2 {
    padding-top: 0;
    margin-top: 0;
    border: none;
  }
  .prod-data .prod-dane-wrap .produkt-dane .drow .dcell {
    padding: 7px 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .news .news-wrap {
    flex: 0 0 100vw;
  }
  .news .news-wrap .wiecej {
    background-position: calc(100% - 16px);
    background-size: 14px;
  }
  .zdobienie blockquote {
    width: 100%;
  }
  .zdobienie blockquote p strong {
    flex: 0 0 30%;
    font-size: 12px;
    line-height: 16px;
  }
  .zdobienie blockquote p strong:before {
    width: 27vw;
    height: 27vw;
  }
  .zdobienie blockquote p strong img {
    margin: 5vw auto 10vw auto;
    width: 17vw;
  }
  h3 {
    font-size: 7vw;
    line-height: 10vw;
  }
  h3 strong {
    font-size: 4vw;
    line-height: 6vw;
  }
  h3 em {
    font-size: 2.5vw;
    line-height: 4vw;
  }
  h4 {
    font-size: 7vw;
    line-height: 8vw;
  }
  h4 strong {
    font-size: 4vw;
    line-height: 6vw;
  }
  .sliderover .mar_in_b {
    margin-bottom: 0px;
  }
  .sliderover .pad_in_b {
    padding-bottom: 0px;
  }
  .branzeurls a p {
    margin-top: 15px;
  }
  .branzeurls a p img {
    height: 150px;
  }
  #ikony .text-row {
    flex-direction: row;
  }
  h2 {
    font-size: 8vw;
    line-height: 10vw;
  }
  h2 strong {
    font-size: 5vw;
    line-height: 6vw;
  }
  .sliderover p {
    line-height: 14vw;
  }
  .home .htitle strong {
    font-size: 4vw;
    line-height: 5vw;
  }
  .home h1 {
    font-size: 7vw;
    line-height: 9vw;
  }
  .home h1 em {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }
  .home h1 strong {
    font-size: 6vw;
    line-height: 9vw;
  }
  #slidermain .swiper-wrapper {
    margin-top: 13vw;
    height: 40vw;
  }
  #slidermain .slider-text {
    font-size: 4.8vw;
    line-height: 4.5vw;
    padding-top: 11vw;
    padding-left: 40%;
  }
  #slidermain .slider-text strong {
    font-size: 3.9vw;
    line-height: 7vw;
  }
  #slidermain .slider-text em {
    font-size: 2.9vw;
    line-height: 2.9vw;
  }
  #slidermain .slide1 .slider-text {
    line-height: 3.5vw;
    font-size: 4.5vw;
  }
  #slidermain .slide1 .slider-text strong {
    font-size: 2.9vw;
    line-height: 2vw;
  }
  .imgsize12 {
    transform: scale(1);
  }
  #contactFloat {
    display: none;
  }
  .logof {
    width: 160px;
    margin-left: 0;
  }
  .alignl p {
    text-align: left;
  }
  .grupalogo:before {
    display: none;
  }
  .grupaplast .g1 .textwrap,
  .grupaplast .g2 .textwrap,
  .grupaplast .g3 .textwrap,
  .grupaplast .g4 .textwrap {
    -webkit-clip-path: none;
    clip-path: none;
  }
  .grupaplast .mar_in_l {
    margin-left: 0 !important;
  }
  .grupaplast .mar_in_r {
    margin-right: 0 !important;
  }
  .grupaplast .g2 .mar_in_b {
    margin-bottom: 0 !important;
  }
  .alignc .textwrap p {
    text-align: center;
  }
  .praca .pracaopis {
    flex-direction: column;
  }
  .praca .pracatitle {
    background-size: 43vw auto;
  }
  .praca .pracatitle .pti {
    width: 180px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .logoflex p {
    flex-wrap: wrap;
  }
  .logoflex img {
    height: 16px;
  }
  .apad {
    margin-top: 0px;
  }
  .pform {
    width: 100%;
  }
  .ui-accordion-header {
    padding: 12px;
  }
  .wiecej {
    padding: 4px 40px 5px 10px;
    font-size: 10px;
    line-height: 12px;
    border-width: 1px;
  }
  .wiecej:before {
    right: 14px;
    width: 15px;
    height: 1px;
  }
  .wiecej:after {
    right: 14px;
    border-width: 1px;
  }
  .praca .pracaopis .pwrap {
    flex: 0 0 50% !important;
    padding-right: 5vw !important;
  }
  h1 {
    font-size: 8vw;
    line-height: 11vw;
  }
  .pzamowienie h3 {
    font-size: 11vw;
    line-height: 14vw;
  }
  .pzamowienie h3 strong {
    font-size: 7vw;
    line-height: 10vw;
  }
  .pzamowienie h4 {
    font-size: 6vw;
    line-height: 8vw;
  }
  #filters #prodFilterForm .filtersWrap {
    flex-wrap: wrap;
  }
  #filters #prodFilterForm .filtersWrap .rangeWrap {
    padding-left: 10%;
    flex: 0 0 100%;
    box-sizing: border-box;
  }
  #filters #prodFilterForm .filtersWrap .rangeWrap .filterCell {
    width: 35%;
    margin-bottom: 30px;
  }
  .rev-select {
    margin-bottom: 20px;
    width: 100%;
  }
  .select-styled {
    height: 17px;
  }
  .select-styled:after {
    top: 9px;
  }
  .select-options {
    top: calc(100% - 1px);
  }
  .prodCatTitle {
    padding-top: 60px;
  }
  .prodCatTitle h2 {
    font-size: 5vw;
    line-height: 7vw;
  }
  .prodlist {
    flex-direction: column;
  }
  .prodlist .prodl-wrap .prodTitle {
    height: auto;
  }
  .produkt-header {
    padding: 90px 0 40px 0;
  }
  .produkt-dane .produkt-flex {
    flex-direction: column;
  }
  .produkt-dane .prod-detale .prod-table .row {
    flex-direction: column;
  }
  .produkt-dane .prod-detale .prod-table .row .row-tytul {
    flex: auto !important;
  }
  .produkt-dane .prod-detale .prod-table .row .row-dane {
    padding-right: 20px;
    padding-left: 10px;
  }
  .specyfikacja-dl .wiecej {
    background-position: calc(100% - 16px) 6px;
    background-size: 12px;
  }
  .praca .pracaopis {
    flex-direction: column;
  }
  .praca .pracatitle {
    background-size: 43vw auto;
  }
  .praca .pracatitle .pti {
    width: 180px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .wiecej {
    padding: 4px 40px 5px 10px;
    font-size: 10px;
    line-height: 12px;
  }
  .wiecej:before {
    right: 14px;
    width: 15px;
    height: 1px;
  }
  .wiecej:after {
    right: 14px;
    border-width: 1px;
  }
  .ui-accordion-header {
    padding: 12px;
  }
  .pform {
    width: 100%;
  }
  .pform h4 {
    font-size: 19px;
    line-height: 29px;
  }
  .pform h4 strong {
    font-size: 19px;
    line-height: 29px;
  }
  .hkontakt .wiecej {
    font-size: 5vw;
    line-height: 7.5vw;
  }
  .mapover .text-in {
    position: inherit;
  }
  .single .date {
    padding-top: 10vw;
  }
  .single h1 {
    font-size: 5vw;
    line-height: 8vw;
  }
  .single .res {
    position: relative;
    z-index: 2;
  }
  .swiper .swiper-wrapper .swiper-slide {
    height: 60vw;
  }
  .forma {
    margin-left: 20%;
  }
  .smietana span {
    right: 70vw;
  }
  .logof {
    width: 160px;
    margin-left: 0;
  }
  .spictures img {
    height: 300px;
  }
  .ikony .text-row {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .ikony .text-row .text {
    flex: 0 0 50%;
  }
  .postYears .post-wrap {
    padding: 30px 30px 40px 30px;
  }
  .postYears .post-wrap h3 {
    font-size: 4vw;
    line-height: 7vw;
  }
  .postYears .post-wrap .czytaj {
    background-size: 18px 27px;
    font-size: 4vw;
    line-height: 5vw;
  }
  .postYears .post-wrap .date {
    margin-bottom: 0px;
  }
  .twiecej,
  .ewiecej {
    width: 100%;
    box-sizing: border-box;
  }
  .plinki ul li,
  .plinki ol li {
    width: 100%;
  }
  .dtable {
    display: flex;
  }
  .dtable .drow,
  .dtable .drowh {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .dtable .drow .dcell,
  .dtable .drowh .dcell {
    border-bottom: 1px solid #37465c;
    border-right: 1px solid #37465c !important;
    font-size: 3vw;
    padding: 9px 6px;
  }
  .dtable .drowh {
    flex: 0 0 90px;
  }
}