@charset "utf-8";
/* LESS Document */
/*
 
Theme Name: MOAI v3
Theme URI: http://www.moai.pl/
Description: Strona firmowa
Version: 3.2
Author: Daniel Różynek
Author URI: http://www.moai.pl/
 

*/
/* ----------------BASICS---------------- */
body,
td,
th,
input,
textarea,
select {
  font-family: "open-sans", sans-serif;
  color: #566d85;
  font-size: 15px;
  line-height: 22px;
}
select option {
  color: #4a6686;
}
body {
  padding: 0;
  background-color: #fff;
  margin: 0;
  overflow-x: hidden;
}
.page-id-54027,
.page-id-54202,
.page-id-54187 {
  margin: 0;
}
.page-id-54027 .padding_bottom,
.page-id-54202 .padding_bottom,
.page-id-54187 .padding_bottom,
.page-id-54027 .paddingin_bottom,
.page-id-54202 .paddingin_bottom,
.page-id-54187 .paddingin_bottom {
  padding-bottom: 60px;
}
.page-id-54027 .padding_top,
.page-id-54202 .padding_top,
.page-id-54187 .padding_top,
.page-id-54027 .paddingin_top,
.page-id-54202 .paddingin_top,
.page-id-54187 .paddingin_top {
  padding-top: 60px;
}
.page-template-custom-clean-box {
  margin: 0;
}
strong {
  font-weight: 700;
}
img {
  border: none;
}
input,
textarea {
  background-color: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  width: 100%;
  border: none;
  padding-left: 8px;
  padding-right: 8px;
  outline: none;
  margin-bottom: 6px;
}
input::placeholder,
textarea::placeholder {
  color: #fff !important;
}
ol {
  padding-top: 0 !important;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0 !important;
}
.pp {
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
textarea {
  height: 200px;
}
.wpcf7-submit {
  color: #fff;
  background-color: #748f9b;
  transition: ease-in-out all 0.3s;
}
.wpcf7-submit:hover {
  background-color: #4a6686;
}
a {
  color: #4a6686;
  text-decoration: underline;
}
a:hover {
  color: #748f9b;
  text-decoration: none;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.small {
  font-size: 12px;
  line-height: 22px;
}
.picfull {
  width: 100%;
  height: auto;
}
.pic80 {
  width: 80%;
  height: auto;
}
.picfullin img {
  width: 100%;
  height: auto;
  display: block;
}
.res {
  max-width: 1166px;
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
}
.resbig {
  box-sizing: border-box;
  padding-left: 3vw;
  padding-right: 3vw;
  width: 100%;
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}
.res1300 .res {
  max-width: 1320px;
}
.half_left {
  padding-left: calc(50vw - 583px);
}
.half_right {
  padding-right: calc(50vw - 583px);
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.fleft {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding-right: 40px;
}
.fright {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding-left: 40px;
}
.vcenter {
  display: flex;
  align-items: center;
}
.vcenter .vcontent {
  width: 100%;
}
.padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding_bottom,
.paddingin_bottom {
  padding-bottom: 100px;
}
.padding_top,
.paddingin_top {
  padding-top: 100px;
}
.padding_left {
  padding-left: 60px;
}
.padding_right {
  padding-right: 60px;
}
.paddingtb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.paddingin_left {
  padding-left: 60px;
}
.paddingin_right {
  padding-right: 60px;
}
.padding60left {
  padding-left: 60%;
}
.padding50left {
  padding-left: 50%;
}
.padding50right {
  padding-right: 50%;
}
.margin_left {
  margin-left: 20px;
}
.margin_right {
  margin-right: 20px;
}
.margin_top {
  margin-top: 20px;
}
.margin_bottom {
  margin-bottom: 20px;
}
.body-top {
  padding-top: 130px;
}
.wp-block-image img {
  height: auto;
}
.h169 {
  min-height: 45vw;
  box-sizing: border-box;
}
figure {
  margin-left: 0;
  margin-top: 0;
}
#totop {
  transition: ease-in-out all 0.35s;
  position: fixed;
  right: -60px;
  bottom: 100px;
  width: 55px;
  height: 50px;
  border-radius: 0;
  background-color: #4a6686;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#totop:before {
  transition: ease-in-out all 0.7s;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 4px solid #fff;
  border-top: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 18px;
  top: 20px;
}
ol {
  padding-top: 50px;
  margin-top: 0;
}
ol li strong {
  color: #839eb3;
  display: block;
  padding-bottom: 10px;
}
.textcol {
  color: #004f9c;
}
.textcol strong,
.textcol a {
  color: #566d85;
}
i {
  padding-top: 10px;
  display: inline-block;
  background-image: url("images/email.svg");
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.mphone {
  background-image: url("images/phone.svg");
}
.mfax {
  background-image: url("images/fax.svg");
}
.mwhite {
  filter: grayscale(1) brightness(4);
}
#karieraform .text-row {
  justify-content: center;
}
/* ----------------MENU---------------- */
.rmp-menu-wrap a {
  text-decoration: none;
}
.rmp-menu-wrap .mnaglowek {
  font-size: 26px;
  line-height: 33px;
  color: #fff;
}
.rmp-menu-wrap .mnaglowek a {
  color: #fff;
  transition: ease-in-out all 0.25s;
}
.rmp-menu-wrap .mnaglowek a:hover {
  text-decoration: none;
  color: #4a6686;
}
.rmp-menu-wrap .mnaglowek:before {
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: text-bottom;
  margin-right: 10px;
  content: "";
  display: inline-block;
  width: 41px;
  height: 41px;
  background-image: url("images/box.svg");
  background-size: contain;
}
.rmp-menu-wrap .neko:before {
  width: 23px;
  height: 24px;
  background-image: url("images/leaf.svg");
}
.rmp-menu-wrap .ninv:before {
  background-image: url("images/invest.svg");
}
.rmp-menu-wrap .subtitle {
  color: #2f5879;
  font-size: 15px;
  line-height: 21px;
  text-transform: uppercase;
  transition: ease-in-out all 0.25s;
}
.rmp-menu-wrap a.subtitle:hover {
  color: #fff;
  text-decoration: none;
}
.rmp-mega-menu-container,
.rmp-mega-menu-panel {
  box-sizing: border-box;
}
.rmp-mega-menu-container .rmp-menu-item-link,
.rmp-mega-menu-panel .rmp-menu-item-link {
  padding: 0 !important;
  width: auto !important;
}
.primary-navigation {
  padding-top: 17px;
}
.primary-navigation ul li {
  position: relative;
}
.primary-navigation .current_page_item > a,
.primary-navigation .current_page_ancestor > a,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a,
.primary-navigation .mPS2id-highlight {
  color: #4a6686;
}
.primary-navigation ul li:hover > ul,
.primary-navigation ul li.focus > ul {
  left: 0;
  opacity: 1;
}
.primary-navigation ul ul li:hover > ul,
.primary-navigation ul ul li.focus > ul {
  left: 100%;
}
.secondary-navigation {
  text-align: right;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.secondary-navigation li {
  padding-left: 12px;
  padding-right: 12px;
}
.secondary-navigation li:last-of-type {
  padding-right: 0;
}
.secondary-navigation a {
  font-weight: 400;
  position: relative;
  transition: all ease-in-out 0.5s;
  height: 66px;
  line-height: 66px;
  font-size: 14px;
  color: #6b7686;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}
.secondary-navigation a:hover {
  color: #4a6686;
  transition: all ease-in-out 0.25s;
}
.secondary-navigation ul {
  padding: 10px 0;
  list-style: none;
  margin: 0;
}
.secondary-navigation ul li {
  border: 0;
  display: inline-block;
  position: relative;
}
.secondary-navigation ul ul {
  padding: 20px;
  background-color: rgba(146, 173, 193, 0.9);
  box-shadow: 0 1px 3px #000000;
  float: left;
  margin: 0;
  position: absolute;
  top: 66px;
  left: -999em;
  z-index: 99999;
  text-align: left;
}
.secondary-navigation ul ul li {
  border: 0;
  display: block;
  height: auto;
  line-height: 1.09090909;
  padding-left: 0;
  padding-right: 0;
}
.secondary-navigation ul ul li a {
  padding: 4px 18px;
  white-space: nowrap;
  color: #fff;
  line-height: 20px;
  height: auto;
}
.secondary-navigation ul ul .mico a {
  font-size: 26px;
  line-height: 33px;
  padding-bottom: 20px;
}
.secondary-navigation ul ul .mico a:before {
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: text-bottom;
  margin-right: 10px;
  content: "";
  display: inline-block;
  width: 41px;
  height: 41px;
  background-image: url("images/box.svg");
  background-size: contain;
}
.secondary-navigation ul ul .micoeko a:before {
  width: 23px;
  height: 24px;
  background-image: url("images/leaf.svg");
}
.secondary-navigation ul ul .micoakc a:before {
  background-image: url("images/invest.svg");
}
.secondary-navigation ul ul .mbig > a {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 21px;
  color: #4a6686;
}
.secondary-navigation ul ul .mbig > a:hover {
  color: #fff;
}
.secondary-navigation ul ul .mnolink a:hover {
  color: #4a6686;
}
.secondary-navigation ul .mflex:hover .sub-menu {
  display: flex;
  flex-wrap: wrap;
  width: 40vw;
  max-width: 600px;
}
.secondary-navigation ul .mflex:hover .sub-menu li {
  flex: 0 0 50%;
  padding-left: 0;
  padding-right: 0;
}
.secondary-navigation ul .mflex:hover .sub-menu li a {
  display: block;
  white-space: normal;
}
.secondary-navigation ul .mflex:hover .sub-menu .mflex100 {
  flex: 0 0 100%;
}
.secondary-navigation ul .mflex:hover .sub-menu ul {
  position: initial;
  box-shadow: none;
  background-color: transparent;
}
.secondary-navigation ul .mflex:hover .sub-menu .sub-menu {
  padding: 0 0 10px 0;
  display: block;
  width: auto;
}
.secondary-navigation .current_page_item > a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current-menu-ancestor > a,
.secondary-navigation .mPS2id-highlight {
  color: #4a6686;
  font-weight: 700;
}
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
  left: -20px;
}
.secondary-navigation ul ul li:hover > ul,
.secondary-navigation ul ul li.focus > ul {
  left: 100%;
}
.menutitle {
  font-size: 35px;
  line-height: 40px;
  padding: 30px 0 10px 77px;
  text-transform: uppercase;
}
.menutitle .menuback {
  position: absolute;
  transition: ease-in-out all 0.3s;
  opacity: 0;
  transform: rotate(180deg);
  top: 50px;
  left: 42px;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  background-image: url("images/submenu.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #748f9b;
}
.menutitle .menuback:before,
.menutitle .menuback:after {
  filter: brightness(10);
  transition: ease-in-out all 0.3s;
  width: 20px;
  height: 20px;
  background-image: url("images/submenu.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.menutitle .menuback:hover {
  cursor: pointer;
  width: 28px;
}
.menutitle .menuback:hover:before {
  left: -4px;
}
.menutitle .menuback:hover:after {
  left: 12px;
}
#thecompany .text-row {
  height: 540px;
  justify-content: end;
  align-items: center;
  color: #fff;
  display: flex;
  padding-right: 80px;
  box-sizing: border-box;
}
#thecompany .text-row h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 55px;
}
#thecompany .text-row div {
  position: relative;
  z-index: 2;
}
#thecompany .text-row:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 519px;
  height: 100%;
  background-image: url(images/sjader-right.png);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
#thecompany .text-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(60, 129, 174, 0.5);
  width: 500px;
  clip-path: polygon(0 0%, 100% 0%, 190px 100%, 0% 100%);
}
.menumobile,
.menumobiler,
.menumobilepl {
  font-weight: 300;
  padding-bottom: 140px;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  background-color: rgba(161, 182, 199, 0.97);
  left: calc(50% - 380px);
  align-items: flex-start;
  transition: ease-in-out all 0.3s;
  top: -600px;
  box-sizing: border-box;
  position: fixed;
  width: 760px;
  border-radius: 16px;
}
.menumobile ul,
.menumobiler ul,
.menumobilepl ul {
  position: relative;
  display: block;
  width: 50%;
  padding: 0 0 0 40px;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
.menumobile ul .menu-item-has-children:hover > a:after,
.menumobiler ul .menu-item-has-children:hover > a:after,
.menumobilepl ul .menu-item-has-children:hover > a:after {
  content: "";
  width: 20%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
}
.menumobile ul li,
.menumobiler ul li,
.menumobilepl ul li {
  position: relative;
  box-sizing: border-box;
  text-align: left;
  padding: 6px 20px 6px 40px;
}
.menumobile ul li a,
.menumobiler ul li a,
.menumobilepl ul li a {
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  color: #566d85;
  padding-left: 20px;
  text-align: left;
  display: inline-block;
  transition: ease-in-out all 0.3s;
}
.menumobile ul li:hover,
.menumobiler ul li:hover,
.menumobilepl ul li:hover {
  cursor: pointer;
}
.menumobile ul li:hover > a,
.menumobiler ul li:hover > a,
.menumobilepl ul li:hover > a {
  color: #fff;
  text-decoration: none;
  transform: translateX(-5px);
}
.menumobile ul li ul,
.menumobiler ul li ul,
.menumobilepl ul li ul {
  top: -10%;
  left: 90%;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0;
  transition: ease-in-out all 0.25s;
  display: none;
  opacity: 0;
}
.menumobile ul li ul li,
.menumobiler ul li ul li,
.menumobilepl ul li ul li {
  transform: translateX(0);
  display: flex;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.menumobile ul li ul li a,
.menumobiler ul li ul li a,
.menumobilepl ul li ul li a {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  flex: 0 0 100%;
  padding-left: 10px;
}
.menumobile ul li ul li a:after,
.menumobiler ul li ul li a:after,
.menumobilepl ul li ul li a:after {
  display: none;
}
.menumobile ul li ul li ul,
.menumobiler ul li ul li ul,
.menumobilepl ul li ul li ul {
  position: initial;
  height: auto;
  width: auto;
}
.menumobile ul li ul li ul li,
.menumobiler ul li ul li ul li,
.menumobilepl ul li ul li ul li {
  padding-bottom: 0px;
  padding-top: 0px;
  display: block;
}
.menumobile ul li ul li ul li a,
.menumobiler ul li ul li ul li a,
.menumobilepl ul li ul li ul li a {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: 400;
}
.menumobile ul li ul li ul li a:hover,
.menumobiler ul li ul li ul li a:hover,
.menumobilepl ul li ul li ul li a:hover {
  padding-left: 10px;
}
.menumobile ul li ul li ul li a:before,
.menumobiler ul li ul li ul li a:before,
.menumobilepl ul li ul li ul li a:before {
  top: 5px;
  width: 23px;
  height: 23px;
}
.menumobile ul li ul li ul li:before,
.menumobiler ul li ul li ul li:before,
.menumobilepl ul li ul li ul li:before {
  position: absolute;
  left: 11px;
  top: 6px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: #fff;
  transform: rotate(45deg);
}
.menumobile ul li ul .menu-item-has-children ul .menu-item-has-children:after,
.menumobiler ul li ul .menu-item-has-children ul .menu-item-has-children:after,
.menumobilepl ul li ul .menu-item-has-children ul .menu-item-has-children:after,
.menumobile ul li ul .menu-item-has-children ul .menu-item-has-children:before,
.menumobiler ul li ul .menu-item-has-children ul .menu-item-has-children:before,
.menumobilepl ul li ul .menu-item-has-children ul .menu-item-has-children:before {
  display: none;
}
.menumobile ul li ul .menu-item-has-children ul li,
.menumobiler ul li ul .menu-item-has-children ul li,
.menumobilepl ul li ul .menu-item-has-children ul li {
  padding-bottom: 0px;
  padding-top: 0px;
}
.menumobile ul li ul .menu-item-has-children ul li a,
.menumobiler ul li ul .menu-item-has-children ul li a,
.menumobilepl ul li ul .menu-item-has-children ul li a {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: 400;
}
.menumobile ul li ul .menu-item-has-children ul li a:hover,
.menumobiler ul li ul .menu-item-has-children ul li a:hover,
.menumobilepl ul li ul .menu-item-has-children ul li a:hover {
  padding-left: 10px;
}
.menumobile ul li ul .menu-item-has-children ul li a:before,
.menumobiler ul li ul .menu-item-has-children ul li a:before,
.menumobilepl ul li ul .menu-item-has-children ul li a:before {
  top: 5px;
  width: 23px;
  height: 23px;
}
.menumobile ul li ul .menu-item-has-children ul li ul,
.menumobiler ul li ul .menu-item-has-children ul li ul,
.menumobilepl ul li ul .menu-item-has-children ul li ul {
  padding-top: 4px;
  margin-left: 0;
  padding-left: 0;
  font-weight: 300;
  position: relative;
  left: 0;
  font-size: 12px;
  line-height: 18px;
  text-transform: none;
}
.menumobile ul li ul .menu-item-has-children ul li ul li,
.menumobiler ul li ul .menu-item-has-children ul li ul li,
.menumobilepl ul li ul .menu-item-has-children ul li ul li {
  padding-top: 0px;
  padding-bottom: 0px;
}
.menumobile .mtitle a,
.menumobiler .mtitle a,
.menumobilepl .mtitle a {
  padding-bottom: 4px;
  display: block;
  font-weight: 600;
  padding-top: 10px;
  border-bottom: 1px solid #566d85;
}
.menumobile .mline > a:after,
.menumobiler .mline > a:after,
.menumobilepl .mline > a:after {
  transition: ease-in-out all 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 22%;
  height: 2px;
  background-color: #fff;
  right: -27%;
  bottom: 7px;
}
.menumobile .mi > a:before,
.menumobiler .mi > a:before,
.menumobilepl .mi > a:before {
  transition: ease all 0.25s;
  top: 0px;
  position: absolute;
  left: -20px;
  display: inline-block;
  content: "";
  width: 26px;
  height: 26px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("images/mekoopakowania.svg");
}
.menumobile .monas > a:before,
.menumobiler .monas > a:before,
.menumobilepl .monas > a:before {
  background-image: url("images/monas.svg");
}
.menumobile .mdl > a:before,
.menumobiler .mdl > a:before,
.menumobilepl .mdl > a:before {
  background-image: url("images/mdl.svg");
}
.menumobile .mpge > a:before,
.menumobiler .mpge > a:before,
.menumobilepl .mpge > a:before {
  filter: none !important;
  background-image: url("images/pge.svg");
}
.menumobile .mtechnologie > a:before,
.menumobiler .mtechnologie > a:before,
.menumobilepl .mtechnologie > a:before {
  background-image: url("images/mtechnologie.svg");
}
.menumobile .mowalne > a:before,
.menumobiler .mowalne > a:before,
.menumobilepl .mowalne > a:before {
  background-image: url("images/mowalne.svg");
}
.menumobile .mopakowania > a:before,
.menumobiler .mopakowania > a:before,
.menumobilepl .mopakowania > a:before,
.menumobile .mokragle > a:before,
.menumobiler .mokragle > a:before,
.menumobilepl .mokragle > a:before {
  background-image: url("images/mopakowanie.svg");
}
.menumobile .mplastikowe > a:before,
.menumobiler .mplastikowe > a:before,
.menumobilepl .mplastikowe > a:before,
.menumobile .mprostokatne > a:before,
.menumobiler .mprostokatne > a:before,
.menumobilepl .mprostokatne > a:before {
  background-image: url("images/mplastikowe.svg");
}
.menumobile .mspozywcze > a:before,
.menumobiler .mspozywcze > a:before,
.menumobilepl .mspozywcze > a:before {
  background-image: url("images/mspozywcze.svg");
}
.menumobile .msmall > a:before,
.menumobiler .msmall > a:before,
.menumobilepl .msmall > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/twtrysk.svg");
}
.menumobile .mtermo > a:before,
.menumobiler .mtermo > a:before,
.menumobilepl .mtermo > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/ttermo.svg");
}
.menumobile .mbutelki > a:before,
.menumobiler .mbutelki > a:before,
.menumobilepl .mbutelki > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/butelki.svg");
}
.menumobile .mkanistry > a:before,
.menumobiler .mkanistry > a:before,
.menumobilepl .mkanistry > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/kanistry.svg");
}
.menumobile .mkartusze > a:before,
.menumobiler .mkartusze > a:before,
.menumobilepl .mkartusze > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/kartusze.svg");
}
.menumobile .mcompany > a:before,
.menumobiler .mcompany > a:before,
.menumobilepl .mcompany > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/sygnet.svg");
}
.menumobile .mpozostale > a,
.menumobiler .mpozostale > a,
.menumobilepl .mpozostale > a {
  font-weight: 300 !important;
}
.menumobile .mpozostale > a:hover,
.menumobiler .mpozostale > a:hover,
.menumobilepl .mpozostale > a:hover {
  color: #fff !important;
}
.menumobile .mpozostale > a:before,
.menumobiler .mpozostale > a:before,
.menumobilepl .mpozostale > a:before {
  filter: brightness(0) invert(1);
  background-image: url("images/pozostale.svg");
}
.menumobile .mchemia > a:before,
.menumobiler .mchemia > a:before,
.menumobilepl .mchemia > a:before {
  background-image: url("images/mchemia.svg");
}
.menumobile .mspozywczeiml > a:before,
.menumobiler .mspozywczeiml > a:before,
.menumobilepl .mspozywczeiml > a:before {
  background-image: url("images/mspozywczeiml.svg");
}
.menumobile .mchemiaiml > a:before,
.menumobiler .mchemiaiml > a:before,
.menumobilepl .mchemiaiml > a:before {
  background-image: url("images/mchemiaiml.svg");
}
.menumobile .mkolor > a:before,
.menumobiler .mkolor > a:before,
.menumobilepl .mkolor > a:before {
  background-image: url("images/mkolory.svg");
}
.menumobile .mkatalog,
.menumobiler .mkatalog,
.menumobilepl .mkatalog {
  margin-top: 16px;
}
.menumobile .mkatalog > a:before,
.menumobiler .mkatalog > a:before,
.menumobilepl .mkatalog > a:before {
  background-image: url("images/mkatalog.svg");
}
.menumobile .meko > a:before,
.menumobiler .meko > a:before,
.menumobilepl .meko > a:before {
  background-image: url("images/meko.svg");
}
.menumobile .mzrownowazowy > a:before,
.menumobiler .mzrownowazowy > a:before,
.menumobilepl .mzrownowazowy > a:before {
  background-image: url("images/mzrownowazony.svg");
}
.menumobile .mpir > a:before,
.menumobiler .mpir > a:before,
.menumobilepl .mpir > a:before {
  background-image: url("images/mekoopakowaniab.svg");
}
.menumobile .minspiracje > a:before,
.menumobiler .minspiracje > a:before,
.menumobilepl .minspiracje > a:before {
  background-image: url("images/minformacje.svg");
}
.menumobile .mfaq > a:before,
.menumobiler .mfaq > a:before,
.menumobilepl .mfaq > a:before {
  background-image: url("images/faq.svg");
}
.menumobile .mfaqgreen > a,
.menumobiler .mfaqgreen > a,
.menumobilepl .mfaqgreen > a {
  color: #e9f2bb;
}
.menumobile .mcert > a:before,
.menumobiler .mcert > a:before,
.menumobilepl .mcert > a:before {
  background-image: url("images/cert.svg");
}
.menumobile .moekopakowania > a:before,
.menumobiler .moekopakowania > a:before,
.menumobilepl .moekopakowania > a:before {
  background-image: url("images/mekoopakowania.svg");
}
.menumobile .miso > a:before,
.menumobiler .miso > a:before,
.menumobilepl .miso > a:before {
  background-image: url("images/miso.svg");
}
.menumobile .mnews > a:before,
.menumobiler .mnews > a:before,
.menumobilepl .mnews > a:before {
  background-image: url("images/mnews.svg");
}
.menumobile .mkariera > a:before,
.menumobiler .mkariera > a:before,
.menumobilepl .mkariera > a:before {
  background-image: url("images/mkariera.svg");
}
.menumobile .mkontakt > a:before,
.menumobiler .mkontakt > a:before,
.menumobilepl .mkontakt > a:before {
  background-image: url("images/mkontakt.svg");
}
.menumobile .mspolka > a:before,
.menumobiler .mspolka > a:before,
.menumobilepl .mspolka > a:before {
  background-image: url("images/mspolka.svg");
}
.menumobile .mraporty > a:before,
.menumobiler .mraporty > a:before,
.menumobilepl .mraporty > a:before {
  background-image: url("images/mraport.svg");
}
.menumobile .mwladze > a:before,
.menumobiler .mwladze > a:before,
.menumobilepl .mwladze > a:before {
  background-image: url("images/mwladze.svg");
}
.menumobile .mkalendarium > a:before,
.menumobiler .mkalendarium > a:before,
.menumobilepl .mkalendarium > a:before {
  background-image: url("images/mkomunikaty.svg");
}
.menumobile .mfinansowe > a:before,
.menumobiler .mfinansowe > a:before,
.menumobilepl .mfinansowe > a:before {
  background-image: url("images/minformacje.svg");
}
.menumobile .mlad > a:before,
.menumobiler .mlad > a:before,
.menumobilepl .mlad > a:before {
  background-image: url("images/mlad.svg");
}
.menumobile .mrozwiazania > a:before,
.menumobiler .mrozwiazania > a:before,
.menumobilepl .mrozwiazania > a:before {
  background-image: url("images/mrozwiazania.svg");
}
.menumobile .muchwyt > a:before,
.menumobiler .muchwyt > a:before,
.menumobilepl .muchwyt > a:before {
  background-image: url("images/muchwyt.svg");
}
.menumobile .miml > a:before,
.menumobiler .miml > a:before,
.menumobilepl .miml > a:before {
  background-image: url("images/miml.svg");
}
.menumobile .msiedziba > a:before,
.menumobiler .msiedziba > a:before,
.menumobilepl .msiedziba > a:before {
  background-image: url("images/msiedziba.svg");
}
.menumobile .mgrupa > a:before,
.menumobiler .mgrupa > a:before,
.menumobilepl .mgrupa > a:before {
  background-image: url("images/mplast.svg");
}
.menumobile .mlocal > a:before,
.menumobiler .mlocal > a:before,
.menumobilepl .mlocal > a:before {
  background-image: url("images/msprzedaz.svg");
}
.menumobile .mexport > a:before,
.menumobiler .mexport > a:before,
.menumobilepl .mexport > a:before {
  background-image: url("images/msprzedaz.svg");
}
.menumobile .mmedia > a:before,
.menumobiler .mmedia > a:before,
.menumobilepl .mmedia > a:before {
  background-image: url("images/mmedia.svg");
}
.menumobile .current-menu-ancestor > a,
.menumobiler .current-menu-ancestor > a,
.menumobilepl .current-menu-ancestor > a,
.menumobile .current-menu-item > a,
.menumobiler .current-menu-item > a,
.menumobilepl .current-menu-item > a {
  font-weight: bold;
}
.menumobile .current-menu-item > a,
.menumobiler .current-menu-item > a,
.menumobilepl .current-menu-item > a {
  color: #566d85 !important;
}
.menumobile .current-menu-item > a:before,
.menumobiler .current-menu-item > a:before,
.menumobilepl .current-menu-item > a:before {
  filter: brightness(9);
}
.menumobile .b0 ul,
.menumobiler .b0 ul,
.menumobilepl .b0 ul {
  top: auto !important;
  bottom: -70px !important;
}
.menumobilepl {
  display: none;
}
.menu-glowne-container {
  transition: ease all 0.35s;
}
.ssee ul {
  opacity: 1 !important;
  display: block !important;
}
.ssee ul li ul {
  opacity: 1;
  display: flex;
  left: 100%;
}
.ssee ul .menutitle .menuback {
  opacity: 1;
}
.ssee ul .mline a:after {
  right: 0;
  width: 0;
}
#mmobile,
#mmobiler {
  transition: ease-in-out all 0.25s;
  font-size: 20px;
  line-height: 30px;
  z-index: 1;
  position: relative;
  padding: 0px 20px 0px 40px;
  height: 36px;
  border-radius: 30px;
  background-color: #fff;
}
#mmobile:hover,
#mmobiler:hover {
  background-color: #4a6686;
  color: #fff;
  cursor: pointer;
}
#mmobile:hover .mmobile,
#mmobiler:hover .mmobile {
  background-color: #fff;
}
#mmobile:hover .mmobile:before,
#mmobiler:hover .mmobile:before,
#mmobile:hover .mmobile:after,
#mmobiler:hover .mmobile:after {
  background-color: #fff;
}
#mmobile .menutext,
#mmobiler .menutext {
  white-space: nowrap;
  padding-top: 3px;
}
#mmobile .mmobile,
#mmobiler .mmobile {
  top: 16px;
  left: 11px;
  height: 1px;
  position: absolute;
  width: 20px;
  background-color: #566d85;
  transition: ease-in-out all 0.25s;
}
#mmobile .mmobile:before,
#mmobiler .mmobile:before,
#mmobile .mmobile:after,
#mmobiler .mmobile:after {
  z-index: 1;
  width: 20px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #566d85;
  content: "";
  transition: ease-in-out all 0.25s;
}
#mmobile .mmobile:after,
#mmobiler .mmobile:after {
  top: 12px;
  transition: ease-in-out all 0.25s;
}
.menuout #mmobil .mmobile {
  transform: rotate(45deg);
  top: 16px;
}
.menuout #mmobil .mmobile:before {
  left: 1px;
  top: 0px;
  transform: rotate(90deg);
}
.menuout #mmobil .mmobile:after {
  opacity: 0;
}
.menuout .menumobile {
  top: 70px;
}
.menuoutr #mmobiler .mmobile {
  transform: rotate(45deg);
  top: 18px;
}
.menuoutr #mmobiler .mmobile:before {
  left: 1px;
  top: 0px;
  transform: rotate(90deg);
}
.menuoutr #mmobiler .mmobile:after {
  opacity: 0;
}
.menuoutr .menumobiler,
.menuoutr .menumobilepl {
  top: 70px;
}
.menumobiler {
  width: 660px;
  left: calc(50% - 330px);
}
.menumobiler ul {
  width: 60%;
}
.menumobiler ul li ul li a {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: 400;
}
.menumobiler ul li ul li a:before {
  position: absolute;
  left: -7px;
  top: 6px;
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: #fff;
  transform: rotate(45deg);
}
.menuout #mmobile .mmobile {
  transform: rotate(45deg);
  top: 16px;
}
.menuout #mmobile .mmobile:before {
  left: 1px;
  top: 0px;
  transform: rotate(90deg);
}
.menuout #mmobile .mmobile:after {
  opacity: 0;
}
.menuout .menumobile {
  top: 70px;
}
/* ----------------GENERAL---------------- */
.ppic p {
  padding: 0;
  margin: 0;
}
.ppic p img {
  display: block;
}
.ulotkadl:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("images/papers.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-right: 5px;
  margin-bottom: -5px;
}
.specopis {
  padding-top: 10px;
  font-size: 14px;
  padding-bottom: 20px;
}
.imgbottom img {
  position: absolute;
  bottom: 0;
}
.back1000 {
  background-size: 1000px !important;
}
.acf-map {
  width: 100%;
  height: 400px;
  border: none;
  margin: 0;
}
.acf-map img {
  max-width: inherit !important;
}
#distributionmap {
  height: 70vh;
}
#distributionmap .acf-map {
  height: 100%;
}
.fullheight {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "area-normal", sans-serif;
}
h1 {
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
h1 strong {
  font-weight: 700;
}
h2 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: 0.2px;
  margin-top: 0;
  padding-top: 0;
  color: #35527c;
}
h2 em {
  font-weight: 300;
  color: #566d85;
  font-size: 27px;
  line-height: 35px;
  font-style: normal;
}
h2 strong {
  font-weight: 300;
  color: #566d85;
}
h3 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
}
h3 a {
  text-decoration: none;
}
h4,
.h1 h1 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #8098ad;
}
h4 img,
.h1 h1 img {
  vertical-align: text-bottom;
  padding-left: 10px;
}
.h4dark h4 {
  color: #607a92;
}
h5 {
  font-size: 38px;
  line-height: 49px;
  font-weight: 400;
}
h5 strong {
  font-weight: 400;
  color: #748f9b;
}
h6 {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 30px;
  padding-top: 0;
  margin-top: 0;
  font-weight: 400;
}
.h1 h1 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #607a92;
}
.h1 h1 em {
  font-weight: 300;
  color: #566d85;
  font-size: 27px;
  line-height: 35px;
  font-style: normal;
}
.h1 h1 strong {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: 0.2px;
  margin-top: 0;
  padding-top: 0;
  color: #35527c;
}
#frontslid .wiecej {
  color: transparent !important;
}
.dwiekolumny {
  column-count: 2;
  column-gap: 100px;
}
.dwiekolumny p:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
.trzykolumny {
  column-count: 3;
  column-gap: 100px;
}
.wiecej {
  color: #4a6686;
  display: inline-block;
  padding: 12px 18px;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  transition: ease-in-out all 0.25s;
  border: 1px solid #4a6686;
  font-weight: bold;
}
.wiecej:hover {
  cursor: pointer;
  transform: scale(1.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  transition: cubic-bezier(0.25, 3, 0.25, 0) all 0.5s;
}
.wiecejwhite {
  background-color: #fff;
  color: #748f9b;
  border-color: #748f9b;
}
.wiecejwhite:hover {
  color: #fff;
  background-color: #748f9b;
}
.wiecejwhite:hover a {
  color: #fff;
}
.wieceja {
  padding: 0;
}
.wieceja a {
  transition: ease-in-out all 0.25s;
  display: block;
  padding: 12px 18px;
  text-decoration: none;
  color: #748f9b;
}
.wiecejwhiteline {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.wiecejwhiteline:hover {
  background-color: #fff;
  color: #4a6686;
}
.wiecejblue {
  background-color: #748f9b;
  color: #fff;
  border-color: #fff;
}
.wiecejblue:hover {
  color: #748f9b;
  background-color: #fff;
}
.wiecejnblue {
  background-color: #4a6686;
  color: #fff;
  border-color: #fff;
}
.wiecejnblue:hover {
  color: #4a6686;
  background-color: #fff;
}
.filmwrap p {
  margin: 0;
  padding: 0;
}
.filmwrap video {
  width: 100%;
  height: auto;
}
video {
  width: 100%;
}
#myVideo {
  height: 320px;
}
.videowrap {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videowrap .myVideo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  height: 100%;
  object-fit: cover;
}
.videowrapin {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videowrapin .myVideo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
}
.videoitem {
  position: absolute;
  padding-bottom: 56.25%;
  padding-top: 25px;
  width: 100%;
  height: 0;
  z-index: 0 !important;
}
.videoitem iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 62%;
  height: 62%;
}
.videoitem .video-text {
  width: 30%;
  position: absolute;
  right: 3%;
}
.navitem {
  position: absolute;
  bottom: 0;
  text-align: center;
  display: block;
  z-index: 3;
}
.navitem ul li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 6px;
  padding: 0;
  border-radius: 50px;
  background-color: transparent;
  border: 1px solid #dbdbdb;
  outline: none;
  transition: ease-in-out all 0.25s;
}
.navitem ul li:hover {
  background-color: transparent;
  outline: none;
  border: 3px solid #dbdbdb;
  padding: 2px;
}
.navitem ul .active {
  background-color: transparent;
  outline: none;
  border: 3px solid #748f9b;
}
#searchpagewrap #searchtitle {
  background-color: #748f9b;
  text-align: center;
}
#searchpagewrap #searchtitle h1 {
  padding: 0;
  margin: 0;
}
#searchpagewrap #searchresults h3 {
  font-size: 24px;
  line-height: 34px;
  padding: 0;
  margin: 0;
}
#searchpagewrap #searchresults .searchentry {
  text-decoration: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  border-bottom: 1px solid #4a6686;
}
#searchpagewrap #searchresults .searchentry .searchthumb {
  padding-left: 30px;
}
#textheader {
  padding-bottom: 10px;
  background-image: url("images/back.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
#textheader:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #bfd3dd;
  background: linear-gradient(178deg, #bfd3dd 0%, #ffffff 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#pageheader {
  background-size: cover !important;
  background-position: center !important;
  background: #165e82;
  background: linear-gradient(45deg, #4a6686 0%, #a4b7cb 100%);
  color: #fff;
}
#pageheader h2 {
  color: #fff;
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
#pageheader ul {
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 20px;
}
#pageheader ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
#pageheader ul li a:hover {
  text-decoration: underline;
}
#pageheader ul .current a {
  opacity: 0.6;
}
#pageheader ul .current a:hover {
  opacity: 1;
}
#pageheader .current-menu-item a {
  opacity: 0.6;
}
#pageheader .current-menu-item a:hover {
  opacity: 1;
}
#pageheader #menu-firma-de .current-menu-item a,
#pageheader #menu-firma-pl .current-menu-item a,
#pageheader #menu-firma-ru .current-menu-item a,
#pageheader #menu-firma-en .current-menu-item a,
#pageheader #menu-firma-fr .current-menu-item a {
  opacity: 1;
}
#pageheader #menu-firma-de .current-menu-item a:hover,
#pageheader #menu-firma-pl .current-menu-item a:hover,
#pageheader #menu-firma-ru .current-menu-item a:hover,
#pageheader #menu-firma-en .current-menu-item a:hover,
#pageheader #menu-firma-fr .current-menu-item a:hover {
  opacity: 1;
}
#menu-produkty .current-menu-item {
  opacity: 0.6;
}
#menu-produkty .current-menu-item:hover {
  opacity: 1;
}
.ekonowosc {
  position: relative;
}
.ekonowosc:before {
  content: "nowość";
  display: block;
  position: absolute;
  width: 126px;
  height: 126px;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  background-color: #8fad6c;
  border-radius: 300px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 58px;
  box-sizing: border-box;
  right: 0;
}
#en .ekonowosc:before {
  content: "novelty";
}
#de .ekonowosc:before {
  content: "Neuheit";
}
#fr .ekonowosc:before {
  content: "nouveauté";
}
#uk .ekonowosc:before {
  content: "Новинка";
}
#ru #header #socials {
  padding: 0px 20px;
}
#ru #header #socials .socwrap {
  justify-content: space-around;
}
#ru #grupa {
  display: block;
}
#ru .ekonowosc:before {
  content: "новизна";
}
#pageheader.ekoheader {
  background-image: url("images/eko.jpg");
}
#catdescription {
  background-image: url("images/paski.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #f6f9fc;
}
#catdescription h1 {
  font-weight: 300;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: 0.2px;
  margin-top: 0;
  padding-top: 0;
}
#catdescription .kategoriaflex {
  display: flex;
}
#catdescription .kategoriaflex .katkolumn {
  flex: 0 0 50%;
}
.navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.navigation ul li {
  display: inline-block;
  padding-right: 20px;
}
.navigation ul .active a {
  color: #4a6686;
}
.galeria-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.galeria-wrap ul li {
  flex: 0 0 33.33%;
}
.galeria-wrap ul li a {
  overflow: hidden;
  display: block;
}
.galeria-wrap ul li a img {
  transition: ease-in-out all 0.25s;
  display: block;
  width: 100%;
  height: auto;
}
.galeria-wrap ul li a:hover img {
  transform: scale(1.3);
}
.galcenter .galeria-wrap ul {
  justify-content: center;
}
.galeria4 .galeria-wrap ul li {
  flex: 0 0 25%;
}
.slider-back-wrap {
  left: 0;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
}
.slider-back-wrap .bxwrap #bx-nav {
  bottom: 60px;
}
.slider-back-wrap .bx-wrapper {
  height: 100%;
}
.slider-back-wrap .bx-wrapper .bx-viewport {
  height: 100%;
}
.slider-back-wrap .bx-wrapper .bx-viewport .slider-back {
  height: 100%;
}
.slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback {
  height: 100%;
  width: 100vw;
  background-size: cover !important;
  background-position: center !important;
}
.slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext {
  position: absolute;
  right: 0;
  bottom: 110px;
  padding: 20px 100px 20px 50px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: right;
  clip-path: polygon(36px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext strong {
  font-size: 20px;
  line-height: 28px;
}
.slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext em {
  font-style: normal;
}
#fabrykiurl .bxwrap #bx-nav {
  display: none;
}
#historia .slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback {
  background-attachment: fixed;
}
#historia .skoslewy20:before {
  opacity: 1;
  background-color: rgba(0, 79, 156, 0.8);
}
.wp-block-pullquote {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
blockquote {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
/* ----------------HEADER---------------- */
#header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  z-index: 100;
  transition: all ease-in-out 0.5s;
  width: 100%;
  position: fixed;
  top: 0;
  padding: 17px 0;
}
#header #hwrap {
  transition: all ease-in-out 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #hwrap .hblock {
  align-items: center;
  gap: 50px;
  display: flex;
  justify-content: flex-start;
}
#header #hwrap .hblock:last-of-type {
  justify-content: flex-end;
}
#header #logo {
  margin-left: 40px;
  display: block;
  flex: 0 0 220px;
  box-sizing: border-box;
  text-align: center;
  transition: ease-in-out all 0.5s;
  position: relative;
}
#header #logo:after {
  display: block;
  position: absolute;
  right: -29px;
  bottom: 17px;
  width: 24px;
  height: 34px;
  content: "";
  background-image: url("images/serce.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#header #logo img {
  width: 100%;
  height: auto;
}
#header #headright {
  display: flex;
}
#header #socials {
  color: #fff;
  background-color: #839eb3;
  padding: 8px 20px;
}
#header #socials .soctitle {
  max-width: 110px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
#header #socials .socwrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#header #socials .socwrap a img {
  width: auto;
  height: 24px;
}
#header #search-wrap {
  padding-right: 10px;
  position: relative;
}
#header #search-wrap label {
  display: none;
}
#header #search-wrap #searchicon {
  height: 100%;
  background-image: url("images/search.svg");
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
}
#header #search-wrap #searchform {
  transition: ease all 0.3s;
  width: 120px;
}
#header #search-wrap #searchform ::placeholder {
  color: #4a6686 !important;
}
#header #search-wrap #searchform.see {
  width: 240px;
}
#header #search-wrap form {
  position: relative;
}
#header #search-wrap form #search {
  line-height: 36px;
  border: none;
  border-radius: 100px;
  padding: 3px 40px 3px 12px !important;
  background-color: #fff;
  margin: 0;
}
#header #search-wrap form #search-button {
  border-radius: 0;
  position: absolute;
  right: 10px;
  top: 7px;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  width: 20px;
  height: auto;
}
.scrolled #header {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
}
.scrolled #totop {
  right: 0;
  border-radius: 50px 0 0 50px;
}
.scrolled #totop:before {
  width: 13px;
  height: 13px;
}
.scrolled #katalogbut {
  right: -264px;
}
#grupa {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 0 20px 24px 20px;
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  background-color: #748f9b;
  padding-bottom: 40px;
  background-image: url("images/sygnet-w.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center 44px;
  white-space: nowrap;
}
#lang {
  color: #fff;
  display: flex;
  align-items: center;
}
#lang .wpml-ls-statics-shortcode_actions,
#lang .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu,
#lang .wpml-ls-statics-shortcode_actions a {
  border: none;
}
#lang .wpml-ls-legacy-dropdown-click {
  width: auto;
}
#lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
  color: #4a6686;
}
#lang .wpml-ls-legacy-dropdown-click a {
  border-color: transparent;
}
#lang .wpml-ls-legacy-dropdown-click a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#lang .wpml-ls-legacy-dropdown-click ul li a {
  background-color: transparent;
  color: #fff;
  border: none;
}
#lang .wpml-ls-legacy-dropdown-click ul li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.awrap {
  width: 100%;
  display: flex;
  position: relative;
  text-decoration: none;
}
.videocut {
  clip-path: polygon(255px 0%, 100% 0%, 845px 100%, 0% 100%);
  width: 1100px;
  height: 460px;
  left: 45%;
  position: absolute;
}
.text-row {
  width: 100%;
  display: flex;
  position: relative;
}
.text-row .text {
  min-width: 0;
  flex: 1;
}
.text-row .rowimg {
  clip-path: polygon(255px 0%, 100% 0%, 845px 100%, 0% 100%);
  width: 1100px;
  height: 460px;
  left: 45%;
  position: absolute;
}
.text-row .picunder {
  position: initial;
  clip-path: none;
  background-size: auto !important;
}
.text-row .nofloat {
  z-index: 1;
  clip-path: none;
  width: auto;
  height: auto;
  top: auto;
  left: auto;
  position: relative;
}
.text-row .imgfloatleft {
  left: auto;
  right: 50%;
}
.text-row .noclip {
  clip-path: none;
}
.text-row .flex50 {
  flex: 0 0 50%;
}
.text-row .flex60 {
  flex: 0 0 60%;
}
.text-row .flex40 {
  flex: 0 0 40%;
}
.text-row .flex30 {
  flex: 0 0 30%;
}
.text-row .flex33 {
  flex: 0 0 33.33%;
}
.text-row .flex25 {
  flex: 0 0 25%;
}
.text-row .flex20 {
  flex: 0 0 20%;
}
.text-row .flex70 {
  flex: 0 0 70%;
}
.text-row .flexico {
  flex: 0 0 180px;
}
.text-row .blogico {
  flex: 0 0 200px;
}
.res50 .text-row {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
#blokkatalog .text p {
  transition: all 0.3s ease;
  float: right;
  color: #fff;
  padding: 10px 50px 10px 20px;
  background-color: #35527c;
  font-size: 1.5em;
}
#blokkatalog .text-row {
  padding-bottom: 40px;
}
#blokkatalog .text-row .rowimg,
#blokkatalog a {
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  position: initial;
  height: 200px;
  display: block;
  width: auto;
}
#blokkatalog a:hover p {
  padding: 10px 80px 10px 20px;
  font-size: 2em;
}
#thermoforminghome:before {
  z-index: 1;
  position: absolute;
  content: '';
  display: block;
  width: 30vw;
  height: 20vw;
  left: 40vw;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(12, 143, 69, 0) 0%, rgba(12, 143, 69, 0.85) 100%);
  clip-path: polygon(0 0, 64% 0, 100% 100%, 10vw 100%);
}
#thermoforminghome:after {
  z-index: -1;
  position: absolute;
  content: '';
  display: block;
  width: 20vw;
  height: 20vw;
  left: 0vw;
  top: 0;
  background-image: linear-gradient(180deg, rgba(0, 78, 157, 0.85) 0%, rgba(0, 78, 157, 0) 100%);
  clip-path: polygon(0 0, 52% 0, 100% 100%, 0 100%);
}
#thermoforminghome .text-row .rowimg {
  flex: 0 0 60%;
  position: initial;
  height: auto;
  width: auto;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 37% 100%);
}
.flex-center {
  align-items: center;
}
.flex-end {
  align-items: flex-end;
}
.no1,
.no2,
.no3,
.no4,
.no5 {
  position: relative;
}
.no1:before,
.no2:before,
.no3:before,
.no4:before,
.no5:before {
  content: "1";
  display: block;
  z-index: -1;
  font-size: 180px;
  line-height: 130px;
  left: 45%;
  top: 0;
  position: absolute;
  font-weight: bold;
  color: rgba(24, 64, 126, 0.1);
}
.no2:before {
  content: "2";
}
.no3:before {
  content: "3";
}
.no4:before {
  content: "4";
}
.no5:before {
  content: "5";
}
/* ----------------FRONT---------------- */
.slider-wrap {
  height: 100%;
}
.slider-wrap .slick-list {
  overflow: visible;
  clip-path: polygon(192px -32px, 100% -32px, 100% calc(100% + 32px), -17px calc(100% + 32px));
  height: 100%;
}
.slider-wrap .slick-list .slick-track {
  height: 100%;
}
.slider-wrap .slick-list .slick-track .slide {
  position: relative;
  height: 315px;
  width: 435px !important;
}
.slider-wrap .slick-list .slick-track .slide .slideimg {
  position: absolute;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  display: flex !important;
  height: 315px;
  width: 615px;
  clip-path: polygon(180px 0%, 100% 0%, 435px 100%, 0% 100%);
}
.slider-wrap .slick-list .slick-track .slide .slideimg img {
  width: 100%;
  height: auto;
}
.slider-wrap .slick-list .slick-track .slide .slideimg:hover {
  cursor: pointer;
}
.bxwrap {
  width: 100%;
}
.bxwrap .slide {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 640px;
  position: relative;
  font-family: "area-normal", sans-serif;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fff;
}
.bxwrap .slide .slide-text-in {
  display: flex;
  align-items: center;
  height: 100%;
  width: 50%;
  text-align: center;
}
.bxwrap .slide .slide-text-in div {
  width: 100%;
}
.bxwrap .slide .slide-text-in h1 {
  text-transform: none;
  padding: 0;
  margin: 0;
  border: none;
}
.bxwrap .slide .slide-text-in .wiecej {
  text-transform: none;
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bxwrap .slideplast .slide-text-in {
  text-align: right;
  width: 97%;
  box-sizing: border-box;
  justify-content: end;
}
.bxwrap .slideplast .slide-text-in div {
  width: 400px;
}
.bxwrap .slideplast .slide-text-in p {
  text-transform: none;
}
.bxwrap .slideplast .slide-text-in p strong {
  font-size: 0.8em;
}
.bxwrap .slprobki strong {
  font-weight: 400;
  color: #e9f2bb;
  font-size: 60px;
  line-height: 75px;
}
.bxwrap .slprobki a {
  text-transform: lowercase;
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px 6px 20px;
}
.bxwrap .slb2b {
  font-size: 28px;
  line-height: 36px;
}
.bxwrap .slb2b strong,
.bxwrap .slb2b em {
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 55px;
  line-height: 70px;
  font-weight: 600;
  font-style: normal;
}
.bxwrap .slb2b strong {
  color: #4a6686;
}
.bxwrap .slb2b a {
  display: inline-block;
  font-weight: bold;
  padding-top: 10px;
  text-transform: lowercase;
  color: #c5d4e7;
  text-decoration: none;
}
.bxwrap .slb2b a:first-of-type {
  padding-top: 30px;
}
.bxwrap .nowosciml .slide-text-in {
  padding-top: 50px;
  padding-left: 10%;
  text-transform: none;
}
.bxwrap .nowosciml .slide-text-in strong {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.8em;
  line-height: 1em;
}
.bxwrap .nowosciml .slide-text-in em {
  font-style: normal;
}
.bxwrap .nowosciml .slide-text-in em {
  color: #b1bc8a;
  font-weight: 900 !important;
}
.bxwrap .nowosciml .slide-text-in em strong {
  color: #fff;
  font-weight: 900 !important;
}
.bxwrap .slpir em {
  font-style: normal;
  font-size: 60px;
  line-height: 70px;
  display: inline-block;
  padding-top: 20px;
}
.bxwrap .slpir .pcrgreen {
  color: #66762d;
  display: inline-block;
  padding-top: 30px;
}
.bxwrap .slpir strong {
  color: #66762d;
  font-size: 60px;
  line-height: 70px;
}
.bxwrap .bx-pager {
  display: none;
}
.bxwrap .bx-nav {
  position: absolute;
  bottom: 60px;
  left: 46%;
}
.bxwrap .bx-nav .slider-next,
.bxwrap .bx-nav .slider-nextb,
.bxwrap .bx-nav .slider-prevb,
.bxwrap .bx-nav .slider-prev {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  left: -31px;
  position: absolute;
  font-size: 20px;
  line-height: 35px;
  display: block;
  width: 84px;
  text-align: center;
  background-color: #4a6686;
  text-decoration: none;
}
.bxwrap .bx-nav .slider-next a,
.bxwrap .bx-nav .slider-nextb a,
.bxwrap .bx-nav .slider-prevb a,
.bxwrap .bx-nav .slider-prev a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.bxwrap .bx-nav .slider-next a:nth-of-type(2),
.bxwrap .bx-nav .slider-nextb a:nth-of-type(2),
.bxwrap .bx-nav .slider-prevb a:nth-of-type(2),
.bxwrap .bx-nav .slider-prev a:nth-of-type(2) {
  display: none;
}
.bxwrap .bx-nav .slider-next,
.bxwrap .bx-nav .slider-nextb {
  left: 31px;
  background-color: #748f9b;
}
.mejs-container {
  background-color: transparent !important;
}
.writeform {
  color: #566d85;
}
.writeform .gform_body input,
.writeform .gform-footer input,
.writeform .gform_body textarea,
.writeform .gform-footer textarea {
  border-bottom: 1px solid #566d85 !important;
  color: #566d85 !important;
  border-color: #566d85;
}
.writeform .gform_body input::placeholder,
.writeform .gform-footer input::placeholder,
.writeform .gform_body textarea::placeholder,
.writeform .gform-footer textarea::placeholder {
  color: #566d85 !important;
}
.writeform .gform_body .gform_button,
.writeform .gform-footer .gform_button {
  background-color: #4a6686 !important;
}
.writeform .gform_body input[type="checkbox"],
.writeform .gform-footer input[type="checkbox"] {
  width: auto !important;
}
#smallvolume .paddingin_left,
.videoplast .paddingin_left {
  padding-left: 200px;
}
#smallvolume .myVideo,
.videoplast .myVideo,
#smallvolume .mejs-mediaelement,
.videoplast .mejs-mediaelement {
  clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0 100%);
}
#smallvolume .videowrapin:before,
.videoplast .videowrapin:before,
#smallvolume .mejs-mediaelement:before,
.videoplast .mejs-mediaelement:before {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 30vw;
  clip-path: polygon(45% 0, 100% 0%, 55% 100%, 0 100%);
  background: linear-gradient(4deg, rgba(39, 80, 152, 0.5) 0%, rgba(39, 80, 152, 0) 100%);
}
#smallvolume .videowrapin::after,
.videoplast .videowrapin::after,
#smallvolume .mejs-mediaelement::after,
.videoplast .mejs-mediaelement::after {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 50vw;
  left: 11vw;
  top: 0;
  clip-path: polygon(27% 0, 100% 0%, 73% 100%, 0 100%);
  background: linear-gradient(4deg, rgba(39, 80, 152, 0) 0%, rgba(39, 80, 152, 0.5) 100%);
}
.videos3 div div,
.videos2 div div {
  display: flex;
  justify-content: space-around;
}
.videos3 div div p,
.videos2 div div p {
  padding: 0;
  margin: 0;
}
.videos3 div div .videowrap3,
.videos2 div div .videowrap3 {
  flex: 0 0 33.33%;
}
.butlog {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mejs-controls {
  display: none !important;
  visibility: hidden !important;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slider-img {
  margin-left: calc((100vw - 1166px) / 2);
}
.slider-img .slick-slide {
  transition: ease-in-out all 0.25s;
}
.slider-img .slick-current {
  z-index: 1;
  transform: scale(1.2);
}
.slider-img .slick-current .slideimg {
  clip-path: polygon(176px 0%, 100% 0%, 439px 100%, 0% 100%);
}
.slick-arrow {
  z-index: 1;
  position: absolute;
  font-size: 0;
  border: none;
  background-color: #bdd4e7;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  width: 84px;
  height: 35px;
  top: 200px;
  left: 30px;
  transition: ease-in-out all 0.25s;
}
.slick-arrow:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  left: 35px;
  top: 11px;
  transform: rotate(135deg);
}
.slick-arrow:hover {
  cursor: pointer;
  background-color: #4a6686;
}
.slick-next {
  background-color: #748f9b;
  left: -30px;
}
.slick-next:before {
  transform: rotate(-45deg);
}
.bxwrap .slidepelne .slider-in-img {
  position: initial;
  width: 100%;
  background-position: center;
  background-size: contain;
}
/* ----------------CONTENT---------------- */
#mapafront {
  position: relative;
}
#mapafront .fabr {
  position: absolute;
  left: 68%;
  top: 40%;
}
#mapafront .fabr:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  border-radius: 100px;
  width: 12px;
  height: 12px;
}
#mapafront .fabr:after {
  transform: scale(0);
  content: "";
  display: block;
  position: absolute;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  top: -6px;
  left: -6px;
  animation-name: fabresize;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#mapafront .fabr .fabopis {
  opacity: 0;
  transform-origin: bottom center;
  transition: ease-in-out all 0.4s;
  transform: scale(0);
  position: absolute;
  width: 190px;
  top: 0;
  left: 0;
}
#mapafront .fabr .fabopis:before {
  transition: ease-in-out all 0.4s;
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #fff;
  left: 0;
  bottom: 0;
  opacity: 0;
}
#mapafront .fabr .fabopis:after {
  transition: ease-in-out all 0.4s;
  position: absolute;
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  background-color: #fff;
  transform: rotate(49deg);
  left: 0;
  bottom: 0;
  opacity: 0;
}
#mapafront .fabr:hover .fabopis {
  opacity: 1;
  transform: scale(1);
  top: -150px;
  left: -140px;
}
#mapafront .fabr:hover .fabopis:before {
  opacity: 1;
  width: 75px;
  bottom: -4px;
}
#mapafront .fabr:hover .fabopis:after {
  opacity: 1;
  width: 107px;
  left: 56px;
  bottom: -44px;
}
#mapafront .urszulin {
  left: 71.5%;
  top: 46%;
}
#mapafront .urszulin:after {
  animation-delay: 0.25s;
}
#mapafront .ukraina {
  left: 81.5%;
  top: 44%;
}
#mapafront .ukraina:after {
  animation-delay: 0.5s;
}
#mapafront .bialorus {
  left: 78.5%;
  top: 33%;
}
#mapafront .bialorus:after {
  animation-delay: 0.75s;
}
#mapafront .text > div > p {
  padding: 0;
  margin: 0;
}
#mapafront .dysdot {
  position: absolute;
  left: 45%;
  top: 40%;
}
#mapafront .dysdot .dotanim {
  opacity: 0.3;
  transform: scale(0.8);
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 20px;
  animation-name: dotfade;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 4s;
}
#mapafront .dysdot .dystmapopis {
  transition: ease-in-out all 0.25s;
  transform: scale(0);
  opacity: 0;
  white-space: nowrap;
  position: absolute;
  top: -70px;
  left: -100px;
  padding: 10px 20px;
  background-color: rgba(94, 133, 169, 0.9);
  z-index: 1;
}
#mapafront .dysdot:hover .dystmapopis {
  opacity: 1;
  transform: scale(1);
}
#mapafront .mapamain {
  display: block;
  width: 100%;
  height: auto;
}
#mapafront .mapatekst {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
@keyframes dotfade {
  0% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes fabresize {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.cytat {
  display: inline-block;
  padding: 20px 40px;
  font-size: 38px;
  line-height: 50px;
  font-weight: 300;
  border-left: 2px solid #bdd4e7;
  border-right: 2px solid #bdd4e7;
}
#fabrykiurl {
  color: #fff;
}
#fabrykiurl a {
  display: block;
  width: 33%;
  padding: 27px 24px;
  box-sizing: border-box;
  background-color: #fff;
  color: #748f9b;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: ease-in-out all 0.25s;
}
#fabrykiurl a em {
  font-style: normal;
  color: #7b838a;
}
#fabrykiurl a:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
#odliczanie .text {
  height: 270px;
  background-color: #f6f9fc;
  color: #7ec7e5;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
  box-shadow: 0 0 14px rgba(0, 79, 159, 0.2);
}
#odliczanie .text img {
  opacity: 0;
  transform: translateX(-150px) rotate(-180deg) scale(0);
  height: 40px;
  float: right;
  animation-name: odikon;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
#odliczanie .text .counter {
  padding-bottom: 10px;
  clear: both;
  font-weight: 300;
  font-size: 100px;
  line-height: 120px;
}
#odliczanie .adelay1 img {
  animation-delay: 0.3s;
}
#odliczanie .adelay2 img {
  animation-delay: 0.6s;
}
#odliczanie .adelay3 img {
  animation-delay: 0.9s;
}
#odliczanie .adelay4 img {
  animation-delay: 1.2s;
}
@keyframes odikon {
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg) scale(1);
  }
}
#wiadrakolory {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#wiadrakolory a:first-of-type .kolorglowny {
  border: 1px solid #d4d4d4;
}
.wiadrokolor {
  text-decoration: none;
  margin-bottom: 100px;
  color: #fff;
  text-align: center;
  flex: 0 0 233px;
  position: relative;
}
.wiadrokolor:hover {
  color: #f2f2c0;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.wiadrokolor img {
  padding: 0 46px 18px 46px;
}
.czarny {
  color: #000;
}
.czarny .kolorpantone {
  border-top: 1px solid #000;
}
.kolorzdjecie {
  background-image: url("images/cien.png");
  background-position: 52px bottom;
  background-repeat: no-repeat;
  background-size: 140px;
}
.kolorpantone {
  border-top: 1px solid #fff;
  display: inline-block;
  font-size: 12px;
}
.kolornumer {
  font-size: 38px;
  font-weight: 600;
  line-height: 46px;
}
.kolorgora {
  top: 100px;
  position: absolute;
  height: 66px;
  width: 100%;
  z-index: -1;
  -webkit-clip-path: polygon(39px 0%, 100% 0%, 83% 100%, 0% 100%);
  clip-path: polygon(39px 0%, 100% 0%, 83% 100%, 0% 100%);
}
.kolorglowny {
  margin-right: 40px;
  height: 150px;
  box-sizing: border-box;
  padding: 26px 0;
}
.kolor-in {
  text-align: center;
}
.kolor-in .kolorglowny {
  margin-right: 0;
  height: 500px;
  margin-top: 170px;
  padding: 0;
}
.kolor-in .kolorzdjecie {
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  left: calc(50% - 330px);
  background-position: 50px bottom;
  background-size: 617px;
  top: 370px;
  padding-bottom: 78px;
}
.kolor-in .kolornumer {
  font-size: 68px;
  line-height: 76px;
}
.kolor-in .kolorpantone {
  border-top: 1px solid #515971;
  font-size: 25px;
  line-height: 30px;
}
.kolor-in .kolornazwa {
  font-size: 30px;
  line-height: 38px;
}
#trend {
  padding-top: 70px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #4a6686;
}
#trend em {
  display: inline-block;
  padding-bottom: 20px;
  color: #fff;
  font-style: normal;
}
#trend h5 {
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}
#trend p {
  padding: 0;
  margin: 0;
}
.raczkaboxy {
  padding-bottom: 20px;
  padding-top: 20px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.raczkaboxy .raczkabox {
  box-sizing: border-box;
  padding-left: 80px;
  padding-right: 200px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  flex: 0 0 48%;
  height: 210px;
  margin-bottom: 50px;
  border: 2px solid #004f9b;
  background-image: url(images/uchwyt1.jpg);
  background-size: cover;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 25px;
}
.raczkaboxy .box2 {
  background-image: url(images/uchwyt2.jpg);
}
.raczkaboxy .box3 {
  background-image: url(images/uchwyt3.jpg);
}
.raczkaboxy .box4 {
  background-image: url(images/uchwyt4.jpg);
}
.raczkaboxy .box5 {
  background-image: url(images/uchwyt5.jpg);
}
.raczkaboxy .box6 {
  background-image: url(images/uchwyt6.jpg);
}
.raczkaboxy .box2,
.raczkaboxy .box4,
.raczkaboxy .box6 {
  padding-left: 200px;
  padding-right: 80px;
}
#en .raczkaboxy .box1 {
  background-image: url(images/uchwyt1en.jpg);
}
#en .raczkaboxy .box2 {
  background-image: url(images/uchwyt2en.jpg);
}
#en .raczkaboxy .box3 {
  background-image: url(images/uchwyt3en.jpg);
}
#en .raczkaboxy .box4 {
  background-image: url(images/uchwyt4en.jpg);
}
#uk .raczkaboxy .box1 {
  background-image: url(images/uchwyt1uk.jpg);
}
#uk .raczkaboxy .box2 {
  background-image: url(images/uchwyt2uk.jpg);
}
#uk .raczkaboxy .box3 {
  background-image: url(images/uchwyt3uk.jpg);
}
#uk .raczkaboxy .box4 {
  background-image: url(images/uchwyt4uk.jpg);
}
#de .raczkaboxy .box1 {
  background-image: url(images/uchwyt1de.jpg);
}
#de .raczkaboxy .box2 {
  background-image: url(images/uchwyt2de.jpg);
}
#de .raczkaboxy .box3 {
  background-image: url(images/uchwyt3de.jpg);
}
#de .raczkaboxy .box4 {
  background-image: url(images/uchwyt4de.jpg);
}
#ru .raczkaboxy .box1 {
  background-image: url(images/uchwyt1ru.jpg);
}
#ru .raczkaboxy .box2 {
  background-image: url(images/uchwyt2ru.jpg);
}
#ru .raczkaboxy .box3 {
  background-image: url(images/uchwyt3ru.jpg);
}
#ru .raczkaboxy .box4 {
  background-image: url(images/uchwyt4ru.jpg);
}
#fr .raczkaboxy .box1 {
  background-image: url(images/uchwyt1fr.jpg);
}
#fr .raczkaboxy .box2 {
  background-image: url(images/uchwyt2fr.jpg);
}
#fr .raczkaboxy .box3 {
  background-image: url(images/uchwyt3fr.jpg);
}
#fr .raczkaboxy .box4 {
  background-image: url(images/uchwyt4fr.jpg);
}
#imllisc {
  background-image: url("/wp-content/uploads/50-lisc.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.imagecircle img {
  border-radius: 300px;
  border: 3px solid #fff;
}
#recyklingskrot .text-row {
  flex-wrap: wrap;
}
#recyklingskrot .text-row .rowimg {
  position: relative;
  clip-path: none;
  height: 314px;
  flex: 0 0 33.33%;
  top: auto;
  left: auto;
  box-sizing: border-box;
  padding: 210px 70px 0px 70px;
  text-align: center;
}
#ekoikony .text div {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #bdd4e7;
}
#ekoikony .text div img {
  padding-bottom: 20px;
}
#ekoikony .text:last-of-type div {
  border: none;
}
.ekolight,
.ekoleaves {
  position: relative;
}
.ekolight:before,
.ekoleaves:before {
  content: "";
  width: 40px;
  height: 30px;
  background-color: #57c73c;
  display: block;
  position: absolute;
  top: -1px;
  left: 5px;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.ekolight > div,
.ekoleaves > div {
  position: relative;
  padding-left: 50px;
}
.ekolight > div:before,
.ekoleaves > div:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("images/lightbulb.svg");
  background-size: contain;
  width: 40px;
  height: 40px;
  left: 0;
  top: 90px;
  background-position: left top;
  background-repeat: no-repeat;
}
.ekoleaves > div:before {
  background-image: url("images/leaves.svg");
}
.ekoleaves:before {
  background-color: #009c3e;
}
.green1,
.green2 {
  height: 30px;
}
.green1 {
  background-color: #57c73c;
}
.green2 {
  background-color: #009c3e;
}
#ekoinspiracje .eko-wrap {
  padding-top: 63px;
  margin-bottom: 100px;
}
#ekoinspiracje .eko-wrap .post-thumb {
  top: 0;
  position: absolute;
  right: 0;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}
#ekoinspiracje .eko-wrap .post-thumb img {
  width: 600px;
  height: auto;
  display: block;
}
#ekoinspiracje .eko-wrap .post-text {
  background-color: #f6f9fc;
  min-height: 436px;
  width: 1003px;
  padding: 40px 40% 100px 40px;
  box-sizing: border-box;
}
#ekoinspiracje .eko-wrap .zrodlo {
  left: 40px;
  width: 923px;
  position: absolute;
  bottom: 40px;
}
#ekoinspiracje .eko-wrap .zrodlo a {
  word-break: break-all;
}
.category-blog .posts .post-wrap .post-thumb {
  background-image: url("images/blog.jpg");
  height: 121px;
  background-size: cover;
  background-position: center;
}
.blogheader {
  font-size: 26px;
  line-height: 34px;
}
.klucz {
  text-align: center;
}
.klucz strong {
  color: #748f9b;
}
.klucz em {
  font-style: normal;
  font-weight: bold;
}
.klucz span {
  font-size: 38px;
  line-height: 48px;
  display: inline-block;
  padding: 10px 40px;
  border-left: 2px solid #bdd4e7;
  border-right: 2px solid #bdd4e7;
  margin-bottom: 40px;
}
.gradientgray {
  background: #495968;
  background: linear-gradient(137deg, #495968 0%, #85949f 100%);
}
.gradientgrayblue {
  background: #9cafba;
  background: linear-gradient(137deg, #9cafba 0%, #609dca 50%, #165e82 100%);
}
.gradientgrayblue2 {
  background: #224a6e;
  background: linear-gradient(137deg, #4a6686 0%, #768ea9 100%);
}
.raportline {
  width: 100%;
}
.ui-accordion-header,
.raport {
  box-sizing: border-box;
  color: #41555c;
  background-color: #d7e3ea;
  padding: 33px 39px;
  position: relative;
}
.ui-accordion-header p,
.raport p {
  padding: 0;
  margin: 0;
}
.ui-accordion-header .walnetytul,
.raport .walnetytul,
.ui-accordion-header h5,
.raport h5 {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
  padding-top: 10px;
}
.ui-accordion-header:after,
.raport:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-right: 2px solid #748f9b;
  border-top: 2px solid #748f9b;
  position: absolute;
  top: 70px;
  right: 50px;
  transform: rotate(45deg);
  transition: ease-in-out all 0.25s;
}
.ui-accordion-header:hover,
.raport:hover {
  cursor: pointer;
}
.ui-accordion-header:hover:after,
.raport:hover:after {
  transform: rotate(135deg);
}
.raport {
  background-color: #e4e6ea;
  color: #41555c;
}
.raport:hover {
  cursor: default;
}
.raport:before,
.raport:after {
  display: none;
}
.raportpliki,
.plik {
  padding-bottom: 20px;
  padding-top: 10px;
}
.raportpliki a,
.plik a {
  display: block;
  color: #41555c;
  text-decoration: none;
  padding: 6px 0;
}
.raportpliki a:hover,
.plik a:hover {
  color: #748f9b;
}
.plik {
  display: flex;
}
.plik a {
  padding: 0 10px 0 0;
}
.plik .plikinfo {
  color: #748f9b;
}
.plikiflex .pliki {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.plikiflex .pliki .plik {
  flex: 0 0 calc(33% - 50px);
  display: block;
}
.plikiflex .pliki .plik a:before {
  margin-bottom: 10px;
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-image: url("images/file.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
.p0 {
  padding: 0;
  margin: 0;
}
.p0 p {
  padding: 6px 0 0 0;
  margin: 0;
}
.p0 img {
  display: block;
}
.fp0 {
  padding: 0;
  margin: 0;
}
.pokragle .picfull {
  width: 80%;
  height: auto;
}
.powalne .fullwidth {
  width: 70%;
  height: auto;
}
.walnetytulwrap.even {
  background-color: #eef8fe;
}
.accordionin .res {
  max-width: 100%;
  padding: 0;
}
.accordionin .res .text {
  max-width: 1166px;
  padding-left: 3vw;
  padding-right: 3vw;
  margin-left: auto;
  margin-right: auto;
}
.accordionin .ui-accordion > div:nth-of-type(4n + 1) {
  background-color: #eef8fe;
}
.walnewrap {
  border-bottom: 1px solid #eef8fe;
}
.walnewrap a {
  text-decoration: none;
  color: #566d85;
  display: flex;
  justify-content: space-between;
  padding: 6px 39px;
}
.walnewrap .res {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ui-accordion-content .text {
  padding: 6px 39px;
}
.ui-accordion-header-active:after {
  top: 80px;
  transform: rotate(-45deg);
}
.accordionclean .ui-accordion-header {
  padding: 0 0 20px 0;
  background-color: transparent;
}
.accordionclean .ui-accordion-header:before {
  right: auto;
  bottom: 10px;
  top: auto;
}
.accordionclean .ui-accordion-header:after {
  top: 106px;
  bottom: -53px;
  left: 70px;
  right: auto;
}
.infofinasowe {
  width: 100%;
}
.infofinasowe td,
.infofinasowe th {
  font-size: 12px;
  line-height: 16px;
  white-space: normal;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ddd;
}
.infofinasowe th {
  font-weight: 600;
}
.infofinasowe td,
.infofinasowe th {
  text-align: right;
}
.infofinasowe td:first-of-type,
.infofinasowe th:first-of-type {
  text-align: left;
}
.linie {
  position: relative;
}
.linie:before,
.linie:after {
  display: block;
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  top: 34px;
  right: calc(50% + 34px);
  background-color: #fff;
}
.linie:after {
  left: calc(50% + 34px);
  right: auto;
}
section {
  overflow: hidden;
  position: relative;
}
section .zdjecie-back {
  position: absolute;
  z-index: -2;
  width: 100%;
  height: calc(100% + 200px);
  bottom: 0;
  left: 0;
}
#opako {
  overflow: visible;
}
.tabele {
  display: flex;
}
.tabele .tabela {
  box-sizing: border-box;
  padding: 4% 5%;
  flex: 1;
}
.tabele .tabela table {
  padding-top: 60px;
  left: 0;
  width: 100%;
  position: relative;
}
.tabele .tabela table:before,
.tabele .tabela table:after {
  top: 20px;
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 3px;
  background-color: #4a6686;
}
.tabele .tabela table:after {
  left: 8px;
  width: 60px;
}
.tabele .tabela table td,
.tabele .tabela table th {
  vertical-align: baseline;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  padding: 4px 6px;
}
.tabele .tabela em {
  display: inline-block;
  background-color: #748f9b;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 14px;
  line-height: 14px;
}
.tabele .tabela h3 {
  text-transform: uppercase;
}
.grid a {
  margin-bottom: 1px;
  margin-right: 1px;
  display: block;
}
.grid img {
  width: 100%;
  height: auto;
  display: block;
}
.grid-item,
.grid-sizer {
  display: block;
  width: 33%;
  margin-bottom: 1px;
}
.skoslewy:before {
  content: "";
  display: block;
  height: 100%;
  width: calc(((100vw - 1166px) / 2) + 706px);
  position: absolute;
  left: calc(582px - 50vw);
  top: 0;
  opacity: 0.8;
  background-color: #f6f9fc;
  mix-blend-mode: lighten;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 240px) 100%, 0% 100%);
}
.skoslewy:after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 120px;
  background-color: #748f9b;
  left: 432px;
  bottom: -20px;
  clip-path: polygon(50px 0%, 100% 0%, 50px 100%, 0% 100%);
}
.skoslewyn:before {
  content: "";
  display: block;
  height: 100%;
  width: calc(((100vw - 1166px) / 2) + 836px);
  position: absolute;
  left: calc(582px - 50vw);
  top: 0;
  opacity: 0.8;
  background-color: #f6f9fc;
  mix-blend-mode: lighten;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 240px) 100%, 0% 100%);
}
.skoslewyn:after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 120px;
  background-color: #748f9b;
  left: 562px;
  bottom: -20px;
  clip-path: polygon(50px 0%, 100% 0%, 50px 100%, 0% 100%);
}
.skosprawy:before {
  content: "";
  display: block;
  height: 100%;
  width: 70vw;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f6f9fc;
  z-index: -1;
  clip-path: polygon(240px 0, 100% 0%, 100% 100%, 0% 100%);
}
.skoslewy20:before {
  opacity: 0.2;
}
.skoslewy20:after {
  display: none;
}
.skoscert {
  padding-top: 61px;
}
.skoscert a {
  margin-right: 50px;
}
.skoscert:after {
  width: calc(((100vw - 1166px) / 2) + 686px);
  left: calc(582px - 50vw);
  top: 0;
  background-color: transparent;
  mix-blend-mode: normal;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 240px) 100%, 0% 100%);
  background-image: url("images/certback.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 430px;
  background-position: right center;
}
.skoscert:before {
  width: calc(((100vw - 1166px) / 2) + 686px);
  background-image: url("images/certback.svg");
  height: 430px;
  background: #8b98a5;
  background: linear-gradient(27deg, #8b98a5 0%, #c3d8e4 50%, #b8e6ff 100%);
  mix-blend-mode: multiply;
}
.posts {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.posts .post-wrap {
  position: relative;
  padding: 17px 17px 56px 17px;
  box-sizing: border-box;
  flex: 0 0 373px;
  background-color: #fff;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  display: block;
  color: #566d85;
}
.posts .post-wrap .date {
  padding-bottom: 10px;
  color: #6b7686;
}
.posts .post-wrap .post-thumb {
  background: #8bcaed;
  background: linear-gradient(90deg, #8bcaed 0%, #e9f4f6 50%, #d2f3fd 100%);
  margin-bottom: 20px;
}
.posts .post-wrap .post-thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.posts .post-wrap .post-thumb .news-thumb {
  margin: 0 auto;
  padding: 0;
}
.posts .post-wrap .czytaj {
  color: #6b7686;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  bottom: 17px;
  display: inline-block;
}
.posts .post-wrap .czytaj:after {
  transition: ease-in-out all 0.25s;
  content: "";
  height: 1px;
  width: 16px;
  background-color: #6b7686;
  display: block;
  position: absolute;
  right: -24px;
  bottom: 8px;
}
.posts .post-wrap .czytaj:before {
  transition: ease-in-out all 0.25s;
  content: "";
  height: 8px;
  width: 8px;
  border-right: 1px solid #6b7686;
  border-bottom: 1px solid #6b7686;
  display: block;
  position: absolute;
  right: -24px;
  bottom: 4px;
  transform: rotate(-45deg);
}
.posts .post-wrap:hover .czytaj:after {
  right: -34px;
  width: 26px;
}
.posts .post-wrap:hover .czytaj:before {
  right: -34px;
}
.newscont {
  text-align: justify;
}
.logoprod {
  padding-bottom: 30px;
}
#container .produkt-element {
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}
#container .produkt-element a {
  flex: 0 0 calc(33% - 40px);
  margin: 20px;
  background: #b0c2d4;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
  text-decoration: none;
  color: #41555c;
  transition: ease-in-out all 0.25s;
}
#container .produkt-element a:hover {
  color: #566d85;
}
#container .produkt-element a:hover img {
  transform: scale(1.1);
}
#container .produkt-element a .title-wrap {
  background-color: #ebebeb;
  padding: 20px;
  text-align: center;
}
#container .produkt-element a .title-wrap h5 {
  padding-bottom: 0;
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
}
#container .produkt-element a .title-wrap .litraz {
  font-weight: 400;
  padding-top: 20px;
}
#container .produkt-element .thumb-wrap {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
#container .produkt-element .thumb-wrap .prodIcons {
  bottom: 0;
  right: 0;
  padding: 10px;
  display: flex;
  position: absolute;
}
#container .produkt-element .thumb-wrap .prodIcons .pIcon {
  filter: grayscale(1) brightness(1.5);
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url("images/tpcr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#container .produkt-element .thumb-wrap .prodIcons .pIpir {
  background-image: url("images/tpir.png");
}
#container .produkt-element .thumb-wrap .prodIcons .pImrozenie {
  background-image: url("images/tmrozenie.png");
}
#container .produkt-element .thumb-wrap .prodIcons .pIgorace {
  background-image: url("images/tgorace.png");
}
#container .produkt-element .thumb-wrap .thumb-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
#container .produkt-element .thumb-wrap .thumb-img img {
  width: 100%;
  height: auto;
}
#container .produkt-element .thumb-wrap .thumb-img .size-prodthumb {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#container .produkt-element .thumb-wrap .thumb-img:before {
  content: '';
  display: none;
  width: 51px;
  height: 44px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(images/wiadro.png);
  background-position: center bottom;
}
#container .produkt-element .thumb-wrap .objekt3d {
  width: 51px;
  height: 44px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(images/wiadro.png);
  background-position: center bottom;
}
#container .produkt-element .thumb-wrap .nowoscthumb {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  background-color: #8fad6c;
  padding: 10px 20px;
}
#container .produkt-element img {
  transition: ease-in-out all 0.25s;
}
#container .pcat167 a .title-wrap h5,
#container .pcat165 a .title-wrap h5,
#container .pcat166 a .title-wrap h5 {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}
.pir #container .produkt-element .thumb-wrap .thumb-img:before,
.pcr #container .produkt-element .thumb-wrap .thumb-img:before {
  background-position: center top;
}
.pir #container .produkt-element .thumb-wrap .objekt3d,
.pcr #container .produkt-element .thumb-wrap .objekt3d {
  filter: brightness(0.3);
}
.pir #container .produkt-element a,
.pcr #container .produkt-element a {
  background-color: rgba(255, 255, 255, 0.5);
}
#ru #container .produkt-element a .title-wrap {
  min-height: 194px;
}
.pcr #proddeasc h3 {
  background-color: #23802c;
}
.pcr #proddeasc .row_header {
  background-color: #16531c;
}
.pir #proddeasc h3 {
  background-color: #608e72;
}
.pir #proddeasc .row_header {
  background-color: #3f5e4b;
}
.mrozenie #proddeasc h3 {
  background-color: #6fc0ee;
}
.mrozenie #proddeasc .row_header {
  background-color: #1b9be4;
}
.gorace #proddeasc h3 {
  background-color: #f85e08;
}
.gorace #proddeasc .row_header {
  background-color: #a63e04;
}
.nofood {
  padding-top: 10px;
}
#pagewrap {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#pagewrap.pcr,
#pagewrap.pir {
  background-image: url("images/pcr-back.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
#prodhead {
  display: flex;
}
#prodhead #prodheadr {
  flex: 0 0 300px;
  text-align: center;
}
.pseudobutton {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #748f9b;
  padding: 10px 20px;
  border: 1px solid #748f9b;
}
.back90 {
  background-size: 90% !important;
}
.imgfloat {
  position: absolute;
  left: 20%;
  top: -2%;
}
.tabela td {
  padding: 8px 16px;
}
#srodowisko:before {
  background: linear-gradient(0deg, rgba(0, 79, 156, 0.7) 0%, rgba(27, 134, 193, 0.7) 100%);
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#srodowisko h2 {
  color: #fff;
}
#srodowiskon:before {
  background: linear-gradient(0deg, rgba(150, 193, 216, 0.7) 0%, rgba(111, 175, 235, 0.7) 100%);
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#srodowiskon .text > div {
  padding-left: 10px;
  padding-right: 10px;
}
#srodowiskon h3 {
  padding-top: 40px;
}
#srodowiskon h2 {
  color: #fff;
}
#srodowiskon h2 em {
  display: inline-block;
  color: #fff;
  padding-top: 10px;
}
#produkty-stark #container,
#startlist #container {
  padding-top: 80px;
}
#produkty-stark #container .produkt-element a,
#startlist #container .produkt-element a {
  background: #3a4756;
  background: linear-gradient(137deg, #667c96 0%, #e6edf1 100%);
}
#produkty-stark #container .produkt-element a .title-wrap h5,
#startlist #container .produkt-element a .title-wrap h5 {
  font-size: 16px;
  line-height: 24px;
}
#produkty-stark #container .produkt-element .thumb-wrap,
#startlist #container .produkt-element .thumb-wrap {
  display: flex;
  align-items: center;
  min-height: 353px;
  padding: 20px;
  box-sizing: border-box;
}
.certiso9 {
  transition: ease-in-out all 0.25s;
  right: 542px;
  top: 140px;
  position: absolute;
}
.certbrc {
  transition: ease-in-out all 0.25s;
  right: 415px;
  position: absolute;
}
.certiso2 {
  transition: ease-in-out all 0.25s;
  top: 140px;
  position: absolute;
  right: 300px;
}
.certbrcstark {
  transition: ease-in-out all 0.25s;
  position: absolute;
  right: 160px;
}
.certiso9,
.certbrc,
.certiso2,
.certbrcstark {
  animation: certrotate;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-timing-function: cubic-bezier(1, 0.42, 0.8, 1.3);
}
.certiso9 img,
.certbrc img,
.certiso2 img,
.certbrcstark img {
  width: 150px;
  height: 177px;
}
.certiso9:before,
.certbrc:before,
.certiso2:before,
.certbrcstark:before,
.certiso9:after,
.certbrc:after,
.certiso2:after,
.certbrcstark:after {
  transform: scale(0) rotate(0deg);
  opacity: 0;
  top: -19px;
  left: 64px;
  content: "";
  display: block;
  position: absolute;
  background-image: url("images/star.svg");
  width: 45px;
  height: 47px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: star;
  animation-iteration-count: infinite;
  animation-duration: 4s;
  animation-timing-function: linear;
}
.certiso9:hover,
.certbrc:hover,
.certiso2:hover,
.certbrcstark:hover {
  transform: scale(1.1);
  animation: none;
}
.certiso9:after,
.certbrc:after,
.certiso2:after {
  animation: stars;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-timing-function: linear;
  top: auto;
  left: auto;
  right: 74px;
  bottom: 5px;
}
.certiso9:after {
  animation-delay: 0.5s;
}
.certiso9:before {
  animation-delay: 1s;
}
.certbrc {
  animation-delay: 1s;
}
.certbrc:after {
  animation-delay: 1.5s;
}
.certbrc:before {
  animation-delay: 2s;
}
.certiso2 {
  animation-delay: 2s;
}
.certiso2:after {
  animation-delay: 2.5s;
}
.accmore {
  padding: 0;
  background-color: transparent;
  padding: 10px 0;
}
.accmore .accbut {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #566d85;
}
.accmore:after {
  display: none;
}
@keyframes certrotate {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes star {
  0% {
    top: -19px;
    left: 64px;
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    transform: scale(2) rotate(180deg);
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 13px;
    left: 15px;
    opacity: 0;
    transform: scale(0) rotate(360deg);
  }
}
@keyframes stars {
  0% {
    right: 74px;
    bottom: 5px;
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    transform: scale(2) rotate(180deg);
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 1px;
    bottom: 41px;
    opacity: 0;
    transform: scale(0) rotate(360deg);
  }
}
#singlepostcontainer {
  color: #7b838a;
}
#singlepostcontainer .nowoscsingle {
  color: #748f9b;
  padding-bottom: 10px;
}
#singlepostcontainer .prodtitle {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
#singlepostcontainer h1 {
  color: #7b838a;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
}
#singlepostcontainer h1 strong {
  display: block;
  text-transform: none;
  font-size: 38px;
  line-height: 49px;
  font-weight: 300;
  padding: 20px 0;
  margin: 0;
}
#singlepostcontainer h1 span {
  display: block;
}
#singlepostcontainer #branzeplik {
  margin-top: 40px;
  display: flex;
}
#singlepostcontainer #branzeplik .brazeflex {
  font-weight: bold;
  padding: 12px 16px;
  margin-right: 20px;
  border: 1px solid #7b838a;
}
#singlepostcontainer #branzeplik a {
  background-color: #7b838a;
  color: #fff;
  text-decoration: none;
  transition: ease-in-out all 0.25s;
}
#singlepostcontainer #branzeplik a:hover {
  color: #fff;
  background-color: #4a6686;
}
.produkcja {
  font-size: 13px;
  padding-top: 20px;
}
#stark-prod {
  background-image: linear-gradient(180deg, #fff 10%, #d8d9db 15%, #c8c9cb 17%, #c8c9cb 10%, #d8d9db 22%, #fff 25%);
}
#stark-prod #singlepostcontainer:before {
  content: "";
  display: block;
  width: 218px;
  height: 592px;
  background-image: url("images/produkt.png");
  background-position: right top;
  position: absolute;
  left: 0;
  top: 0;
}
#stark-prod #singlepostcontainer h1 {
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
#stark-prod #singlepostcontainer #proddeasc h3 {
  background-color: #296b37;
}
#stark-prod #singlepostcontainer #proddeasc .info_row .info_wartosc {
  text-align: left;
  flex: 1;
}
#stark-prod #singlepostcontainer #proddeasc .info_row .info_info {
  padding-right: 10px;
  flex: 0 0 260px;
}
#filters #prodFilterForm .filtersWrap {
  flex-wrap: wrap;
  padding-bottom: 30px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#filters #prodFilterForm .filtersWrap .branzefilter {
  flex: 0 0 100%;
}
#filters #prodFilterForm .filtersWrap .filterCell {
  font-weight: 600;
  text-transform: uppercase;
  width: 150px;
  display: inline-block;
  padding-right: 40px;
}
#filters #prodFilterForm .filtersWrap .filterCell .fvalues {
  padding-bottom: 10px;
}
#filters #prodFilterForm .filtersWrap .filterCell input {
  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: #4a6686;
  border: 1.5px solid #566d85;
}
#filters .ui-widget-header {
  background-color: #fff;
}
#filters .ui-widget-content {
  border-radius: 20px;
  background-color: #bdd4e7;
}
#filters #prodFilter,
#filters #clearFilter {
  margin-right: 20px;
  transition: ease all 0.3s;
  display: inline-block;
  font-weight: 600;
  border-radius: 16px;
  border: 2px solid #566d85;
  padding: 6px 20px;
  width: auto;
  text-transform: uppercase;
}
.dblock {
  display: block !important;
}
.blink #prodFilter {
  background-color: #4a6686;
  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);
  }
}
#branzedet {
  width: 70%;
  padding-top: 40px;
}
#branzedet span {
  text-transform: uppercase;
}
#prodontainer .res {
  max-width: 1204px;
}
#prodimg {
  position: relative;
  align-content: center;
  display: flex;
}
#prodimg .prodimgcont {
  flex: 0 0 50%;
  box-sizing: border-box;
}
#prodimg .prodimgcont img {
  width: 100%;
  height: auto;
}
#prodimg .prodimg img {
  position: absolute;
  height: 100%;
  object-fit: contain;
}
#prodimg .prodetykieta {
  padding: 40px;
}
.prodimg {
  position: relative;
}
#prodimg canvas {
  left: 50% !important;
  width: 50% !important;
  height: 100% !important;
}
#proddeasc h3 {
  text-transform: uppercase;
  padding: 16px;
  background-color: #839eb3;
  color: #fff;
  text-align: center;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}
#proddeasc .dataflex {
  padding-bottom: 80px;
  display: flex;
  gap: 40px;
}
#proddeasc .dataflex .datacolumn {
  flex: 1 0 0;
}
#proddeasc .dataflex .datacolumn ul li {
  padding-bottom: 20px;
}
#proddeasc .kolregrawrap {
  text-align: center;
}
#proddeasc .kolregrawrap .kolreg {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#proddeasc .kolregrawrap .kolreg .kolex {
  padding-top: 20px;
  padding-bottom: 10px;
  flex: 0 0 30%;
}
#proddeasc .kolregrawrap .kolreg .kolex img {
  width: 100%;
  height: auto;
}
#proddeasc .info_row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #7b838a;
}
#proddeasc .info_row .info_info {
  text-transform: uppercase;
}
#proddeasc .info_flex1 {
  flex: 1;
}
#proddeasc .info_ob .info_info {
  flex: 1;
}
#proddeasc .info_obiazenie {
  text-align: right;
  flex: 0 0 140px;
}
#proddeasc .row_header {
  text-transform: uppercase;
  background-color: #4a6686;
  color: #fff;
  text-align: center;
}
#proddeasc .row_header .info_obiazenie {
  text-align: center;
}
#proddeasc .row_title {
  flex: 1;
}
#proddeasc .zdtable {
  text-align: center;
  display: flex;
}
#proddeasc .zdtable .zdrow {
  flex: 1;
}
#proddeasc .zdtable .zdrow .zdcell {
  padding: 10px 0;
  border-bottom: 1px solid #7b838a;
}
#proddeasc .zdobienieimg {
  margin-top: 20px;
}
#proddeasc .uchwytyrow {
  padding-top: 40px;
  display: flex;
}
#proddeasc .uchwytyrow .uchwyt {
  flex: 0 0 130px;
  position: relative;
  margin-right: 12px;
}
#proddeasc .uchwytyrow .uchwyt img {
  width: 100%;
  height: auto;
  border-radius: 300px;
}
#proddeasc .uchwytyrow .uchwyt .letter {
  font-weight: bold;
  position: absolute;
}
#proddeasc .pokrywaimg {
  text-align: center;
}
#proddeasc .pokrywaimg img {
  width: 240px;
  height: auto;
}
#proddeasc .pokrywywrap {
  padding-bottom: 80px;
  display: flex;
  gap: 40px;
}
#proddeasc .pokrywywrap .pokrywa {
  flex: 1 0 0;
}
#proddeasc .pokrywywrap .pokrywaimg {
  padding-top: 30px;
}
#proddeasc .pokrywawrap {
  padding-bottom: 80px;
}
#proddeasc .pokrywawrap .pokrywa {
  display: flex;
}
#proddeasc .pokrywawrap .pokrywa .dane,
#proddeasc .pokrywawrap .pokrywa .pokrywaimg {
  flex: 1 0 0;
}
#proddeasc .zgory,
#proddeasc .zboku {
  padding-bottom: 20px;
}
#proddeasc .zgory img,
#proddeasc .zboku img {
  width: 100%;
  height: auto;
}
#proddeasc .zgory .pokrywy,
#proddeasc .zboku .pokrywy {
  display: flex;
  gap: 10px;
}
#proddeasc .zgory .tytul,
#proddeasc .zboku .tytul {
  flex: 1;
  padding: 20px 0 10px 0;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
#proddeasc .zgory.widokwrap,
#proddeasc .zboku.widokwrap {
  display: flex;
}
#proddeasc .zgory.widokwrap .tytul,
#proddeasc .zboku.widokwrap .tytul {
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
  border: none;
  order: 2;
  margin-bottom: 0;
  margin-left: 30px;
}
#proddeasc .zgory.widokwrap .tytul div,
#proddeasc .zboku.widokwrap .tytul div {
  width: 100%;
}
#proddeasc .zgory.widokwrap .pokrywy,
#proddeasc .zboku.widokwrap .pokrywy {
  order: 1;
  flex: 0 0 60%;
}
#proddeasc .kolorflex {
  padding-top: 60px;
  display: flex;
  gap: 40px;
}
#proddeasc .kolorflex .kopis .ktext {
  padding-bottom: 20px;
}
#proddeasc .kolorflex .kopis,
#proddeasc .kolorflex .kkolory {
  flex: 1 0 0;
}
#proddeasc .kolorflex .kkolory {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}
#proddeasc .kolorflex .kkolory .kolorcont {
  margin-bottom: 10px;
  width: 120%;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  background-color: #c3261c;
  height: 100px;
}
#proddeasc .kolorflex .kkolory .pkolor {
  padding-bottom: 60px;
  flex: 0 0 50%;
}
#proddeasc .kolorflex .kkolory .p349 .kolorcont {
  background-color: #166837;
}
#proddeasc .kolorflex .kkolory .p2748 .kolorcont {
  background-color: #0a1a72;
}
#proddeasc .kolorflex .kkolory .p113 .kolorcont {
  background-color: #f9e14d;
}
.ikony .text .paddingin_left {
  padding-left: 8px;
}
.ikony .text .paddingin_right {
  padding-right: 8px;
}
.ikony .text p {
  position: relative;
  text-align: center;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.ikony .text p img {
  transition: ease all 1s;
  transform: rotateY(0deg) translateZ(50px);
  width: 100px;
  height: auto;
}
.ikony .text p img:last-of-type {
  opacity: 0;
  transition: ease all 1.1s;
  position: absolute;
  top: 0;
  left: calc(50% - 50px);
}
.ikony .text p:hover img {
  transform: rotateY(360deg) translateZ(50px);
}
.ikony .text p:hover img:last-of-type {
  opacity: 1;
  filter: hue-rotate(0deg) brightness(1) blur(3px);
}
.sekret .text-row {
  justify-content: center;
}
.sekret .text-row .text {
  flex: inherit;
}
.sekret .text-row .text .sflex {
  line-height: 30px;
  padding: 20px 40px;
  border-radius: 16px;
  border: 1.5px solid #566d85;
  display: flex;
  align-items: center;
}
.sekret .text-row .text .sflex .simg {
  padding-right: 20px;
}
.sekret .text-row .text .sflex .simg img {
  width: 80px;
}
.sekret .text-row .text .sflex a {
  text-decoration: none;
}
#certyfikatyjakosc .res .text-row {
  justify-content: center;
}
#certyfikatyjakosc .res .text-row .text {
  flex: inherit;
  padding: 40px;
}
#certyfikatyjakosc .res .text-row .text a {
  display: block;
  transition: ease all 0.3s;
}
#certyfikatyjakosc .res .text-row .text a:hover {
  transform: scale(1.1);
}
#certyfikatyjakosc .res:before {
  content: "";
  width: 100vw;
  left: 0;
  background-color: #cedce3;
  position: absolute;
  height: calc(100% - 200px);
  display: block;
  z-index: -1;
}
#obiegcircles {
  position: relative;
}
#obiegcircles p {
  padding: 0;
  margin: 0;
}
#obiegcircles img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
#obiegcircles .circle1,
#obiegcircles .circle2,
#obiegcircles .circle3,
#obiegcircles .circle4 {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("images/kolo.svg");
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  animation: rotation;
  animation-iteration-count: infinite;
  animation-duration: 7s;
  animation-timing-function: linear;
}
#obiegcircles .circle2 {
  background-size: 73%;
  animation-direction: reverse;
  animation-duration: 6s;
}
#obiegcircles .circle3 {
  background-size: 55%;
  animation-duration: 5s;
}
#obiegcircles .circle4 {
  background-image: url("images/kolo-stralki.svg");
  background-size: 36%;
  animation-direction: reverse;
  animation-duration: 8s;
}
.pkontakt {
  background: #b3cbc7;
  background: linear-gradient(0deg, rgba(210, 217, 224, 0) 0%, #d2d9e0 100%);
}
.pkontakt .wiecej {
  border-radius: 10px;
  background-image: url("images/phone.svg");
  background-size: 33px;
  background-position: 30px center;
  background-repeat: no-repeat;
  font-size: 27px;
  line-height: 36px;
  padding-left: 80px;
  padding-right: 40px;
  border: 1.5px solid #5e85a9;
  color: #5e85a9;
  font-weight: 600;
}
.pkontakt .wiecej:before,
.pkontakt .wiecej:after {
  display: none;
}
.pkontakt .mail-link {
  background-image: url("images/email.svg");
}
.pkontakt .new-row {
  justify-content: center;
}
.pkontakt .new-row .text {
  flex: initial;
}
.pkontakt h1 {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #566d85;
  font-size: 64px;
  line-height: 108px;
  font-weight: 100;
}
.pkontakt h1 strong {
  color: #566d85;
  font-size: 64px;
  line-height: 108px;
  font-weight: 400;
}
.pkontakt h2 {
  letter-spacing: 0.05em;
  font-weight: 300;
  font-size: 29px;
  line-height: 39px;
}
.blink #prodFilter {
  background-color: #4a6686;
  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);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.category-85 #pagewrap.padding_bottom {
  padding-bottom: 0;
}
.grouptitle {
  padding-top: 10px;
  flex: 0 0 100%;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 20px;
}
.flexwrap {
  display: flex;
  flex-wrap: wrap;
}
.option-set ul {
  margin-bottom: 20px;
}
.option-set .inpgroup {
  padding-right: 20px;
}
.option-set input {
  width: auto;
}
#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 #4a6686;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
#praca .pracaopis .ptytul {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 2px solid #000;
  color: #4a6686;
  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 .oczekiwania {
  background-image: url("images/oczekuje.svg");
}
#praca .pracaopis .oferta {
  background-image: url("images/oferuje.svg");
}
#praca .pzgoda {
  font-size: 12px;
  line-height: 18px;
}
.piko {
  height: 60px;
  width: 60px;
  background-image: url("images/korzysci.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.zadania {
  background-image: url("images/zadania.svg");
}
.widziane {
  background-image: url("images/mile.svg");
}
.profil {
  background-image: url("images/profil.svg");
}
#rodzaj ul,
.buttons ul {
  padding: 10px 0 10px 0;
  margin: 0;
  list-style: none;
}
#rodzaj ul li,
.buttons ul li {
  display: inline-block;
  padding-right: 4px;
}
#rodzaj ul li a,
.buttons ul li a,
#rodzaj ul li span,
.buttons ul li span {
  font-weight: bold;
  height: 22px;
  padding: 10px 20px;
  background-color: #fff;
  text-decoration: none;
  display: block;
  border-radius: 40px;
  border: 2px solid #7b7b7b;
}
#rodzaj ul li a:hover,
.buttons ul li a:hover,
#rodzaj ul li span:hover,
.buttons ul li span:hover {
  cursor: pointer;
}
#rodzaj ul li .dropd,
.buttons ul li .dropd {
  padding-right: 30px;
  position: relative;
}
#rodzaj ul li .dropd:before,
.buttons ul li .dropd:before {
  display: block;
  position: absolute;
  background-image: url(images/collapse.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  top: 11px;
  right: 2px;
}
#rodzaj ul .current .dropd:before,
.buttons ul .current .dropd:before {
  background-image: url("images/expand.svg");
}
#catfiltr #filters {
  display: flex;
}
#catfiltr #filters #pojemnosc .option-set ul {
  flex: 0 0 100%;
  margin-bottom: 10px;
}
#catfiltr #filters #pojemnosc .option-set input {
  flex: 1;
}
#catfiltr #filters #pojemnosc .option-set label {
  padding-right: 10px;
}
#catfiltr #filters > div {
  margin-right: 20px;
}
#catfiltr #filters > div select {
  padding: 6px 10px;
}
.filtry {
  padding-bottom: 40px;
}
.grid-item,
.grid-sizer {
  display: block;
  width: 33%;
  margin-bottom: 1px;
}
#post .size-full {
  width: 100%;
  height: auto;
}
.date {
  font-size: 15px;
  line-height: 18px;
}
.fotamarginleft {
  width: 150%;
  height: auto;
}
.fotamarginright {
  width: 150%;
  height: auto;
  margin-left: -60%;
}
.zindex-1 {
  z-index: -1;
}
#zapytanie .text-row {
  display: block;
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
  width: 100% !important;
}
.gform_wrapper .top_label .fw50 {
  margin-bottom: 0 !important;
  margin-left: 25% !important;
  margin-right: 25% !important;
  width: 50% !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
}
.gform_wrapper .top_label .fw50 input,
.gform_wrapper .top_label .fw50 textarea {
  border: none !important;
  border-bottom: 1px solid #eee !important;
}
.gform_wrapper .top_label .fw50 input::placeholder,
.gform_wrapper .top_label .fw50 textarea::placeholder {
  color: #fff !important;
}
.gap .text-row {
  gap: 30px;
}
.gform_legacy_markup_wrapper textarea {
  padding: 5px 4px !important;
}
#field_1_42 {
  text-align: center;
}
#field_1_42 input {
  width: auto !important;
}
#gform_fields_1,
#gform_fields_2,
#gform_fields_3,
#gform_fields_4,
#gform_fields_11 {
  overflow-wrap: anywhere;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#gform_fields_1 #field_1_7,
#gform_fields_2 #field_1_7,
#gform_fields_3 #field_1_7,
#gform_fields_4 #field_1_7,
#gform_fields_11 #field_1_7 {
  margin: 0;
}
#gform_fields_1 #field_1_7 label,
#gform_fields_2 #field_1_7 label,
#gform_fields_3 #field_1_7 label,
#gform_fields_4 #field_1_7 label,
#gform_fields_11 #field_1_7 label {
  background-color: rgba(74, 102, 134, 0.8);
}
#gform_fields_1 ul li input,
#gform_fields_2 ul li input,
#gform_fields_3 ul li input,
#gform_fields_4 ul li input,
#gform_fields_11 ul li input {
  width: auto;
}
#gform_fields_1 .h100 input,
#gform_fields_2 .h100 input,
#gform_fields_3 .h100 input,
#gform_fields_4 .h100 input,
#gform_fields_11 .h100 input {
  height: 100px;
}
#gform_fields_1 .h100 .ginput_container,
#gform_fields_2 .h100 .ginput_container,
#gform_fields_3 .h100 .ginput_container,
#gform_fields_4 .h100 .ginput_container,
#gform_fields_11 .h100 .ginput_container {
  line-height: 0;
}
#gform_fields_1 .h100 textarea,
#gform_fields_2 .h100 textarea,
#gform_fields_3 .h100 textarea,
#gform_fields_4 .h100 textarea,
#gform_fields_11 .h100 textarea {
  border-right: none;
  border-bottom: none;
  border-top: none;
}
#gform_fields_1 .naglowek,
#gform_fields_2 .naglowek,
#gform_fields_3 .naglowek,
#gform_fields_4 .naglowek,
#gform_fields_11 .naglowek {
  flex: 0 0 100%;
  font-size: 24px;
  line-height: 32px;
  margin-top: 40px !important;
  margin-bottom: 6px !important;
}
#gform_fields_1 .nolab label,
#gform_fields_2 .nolab label,
#gform_fields_3 .nolab label,
#gform_fields_4 .nolab label,
#gform_fields_11 .nolab label {
  display: none !important;
}
#gform_fields_1 .f50,
#gform_fields_2 .f50,
#gform_fields_3 .f50,
#gform_fields_4 .f50,
#gform_fields_11 .f50 {
  padding-right: 0 !important;
  flex: 0 0 49%;
}
#gform_fields_1 .f100,
#gform_fields_2 .f100,
#gform_fields_3 .f100,
#gform_fields_4 .f100,
#gform_fields_11 .f100 {
  padding: 0 !important;
  flex: 0 0 100%;
}
#gform_fields_1 .formrow,
#gform_fields_2 .formrow,
#gform_fields_3 .formrow,
#gform_fields_4 .formrow,
#gform_fields_11 .formrow {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: rgba(24, 64, 126, 0.5);
  align-items: center;
}
#gform_fields_1 .formrow a,
#gform_fields_2 .formrow a,
#gform_fields_3 .formrow a,
#gform_fields_4 .formrow a,
#gform_fields_11 .formrow a {
  color: #fff;
}
#gform_fields_1 .formrow ul,
#gform_fields_2 .formrow ul,
#gform_fields_3 .formrow ul,
#gform_fields_4 .formrow ul,
#gform_fields_11 .formrow ul {
  flex: 0 0 100%;
  width: 100% !important;
  padding: 0;
  margin: 0;
  display: flex;
}
#gform_fields_1 .formrow ul li,
#gform_fields_2 .formrow ul li,
#gform_fields_3 .formrow ul li,
#gform_fields_4 .formrow ul li,
#gform_fields_11 .formrow ul li {
  flex: 1 1 0;
  box-sizing: border-box !important;
  padding: 10px !important;
  margin: 0;
}
#gform_fields_1 .formrow label,
#gform_fields_2 .formrow label,
#gform_fields_3 .formrow label,
#gform_fields_4 .formrow label,
#gform_fields_11 .formrow label {
  box-sizing: border-box !important;
  flex: 0 0 50%;
  margin: 0 !important;
  font-weight: 300;
  padding-left: 10px;
}
#gform_fields_1 .formrow input,
#gform_fields_2 .formrow input,
#gform_fields_3 .formrow input,
#gform_fields_4 .formrow input,
#gform_fields_11 .formrow input {
  border-right: none;
  border-bottom: none;
  border-top: none;
}
#gform_fields_1 .formrow .ginput_container,
#gform_fields_2 .formrow .ginput_container,
#gform_fields_3 .formrow .ginput_container,
#gform_fields_4 .formrow .ginput_container,
#gform_fields_11 .formrow .ginput_container {
  box-sizing: border-box !important;
  flex: 1;
  margin: 0 !important;
}
#gform_fields_1 .d4 label,
#gform_fields_2 .d4 label,
#gform_fields_3 .d4 label,
#gform_fields_4 .d4 label,
#gform_fields_11 .d4 label {
  flex: 0 0 25%;
}
#gform_fields_1 .fcol ul,
#gform_fields_2 .fcol ul,
#gform_fields_3 .fcol ul,
#gform_fields_4 .fcol ul,
#gform_fields_11 .fcol ul {
  display: block;
}
#gform_fields_1 .fcol ul li,
#gform_fields_2 .fcol ul li,
#gform_fields_3 .fcol ul li,
#gform_fields_4 .fcol ul li,
#gform_fields_11 .fcol ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
#gform_fields_1 .formtytul,
#gform_fields_2 .formtytul,
#gform_fields_3 .formtytul,
#gform_fields_4 .formtytul,
#gform_fields_11 .formtytul {
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 10px !important;
}
#gform_fields_1 .borderb,
#gform_fields_2 .borderb,
#gform_fields_3 .borderb,
#gform_fields_4 .borderb,
#gform_fields_11 .borderb {
  border-bottom-width: 2px;
}
#gform_fields_1 .check ul,
#gform_fields_2 .check ul,
#gform_fields_3 .check ul,
#gform_fields_4 .check ul,
#gform_fields_11 .check ul {
  text-align: center;
}
#gform_fields_1 .check ul li,
#gform_fields_2 .check ul li,
#gform_fields_3 .check ul li,
#gform_fields_4 .check ul li,
#gform_fields_11 .check ul li {
  display: inline-block;
}
#gform_fields_1 .check ul li input,
#gform_fields_2 .check ul li input,
#gform_fields_3 .check ul li input,
#gform_fields_4 .check ul li input,
#gform_fields_11 .check ul li input {
  display: none;
}
#gform_fields_1 .check ul li label,
#gform_fields_2 .check ul li label,
#gform_fields_3 .check ul li label,
#gform_fields_4 .check ul li label,
#gform_fields_11 .check ul li label {
  color: #fff;
  display: inline-block;
  padding: 10px 40px;
  background-color: #4a6686;
  white-space: nowrap;
  max-width: 100% !important;
}
#gform_fields_1 .fdesc .ginput_container,
#gform_fields_2 .fdesc .ginput_container,
#gform_fields_3 .fdesc .ginput_container,
#gform_fields_4 .fdesc .ginput_container,
#gform_fields_11 .fdesc .ginput_container {
  flex: 0 0 50%;
}
.gform_validation_container {
  display: none;
}
.gform_button {
  margin-left: auto !important;
  width: auto;
  color: #fff;
  display: block;
  margin-right: auto;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 6px 20px !important;
}
.formbdark .gform_button {
  color: #4a6686;
  border-color: #4a6686;
}
button#pallette {
  background: url(https://plast-box.com/3dplb/pallete2.png) no-repeat;
  background-size: contain;
  height: 50px;
  width: 70px;
  border: none;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}
button#pallette:active {
  border: none;
}
button#pallette:focus {
  border: none;
  outline: none;
}
.controls {
  position: absolute;
  /*bottom: 0;*/
  width: 100%;
  z-index: 2;
}
.options {
  position: absolute;
  left: 0;
  margin-top: 2%;
  z-index: 20;
}
.option {
  background-size: cover;
  background-position: 50%;
  margin-bottom: 3px;
  padding: 10px;
  height: 50px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.color {
  background-size: cover;
  background-position: 50%;
  margin-bottom: 3px;
  padding: 10px;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.color:hover {
  border-left: 5px solid white;
  width: 70px;
}
.option:hover {
  border-left: 5px solid white;
  width: 70px;
}
.option img {
  height: 100%;
  width: auto;
  pointer-events: none;
}
.color img {
  height: 100%;
  width: auto;
  pointer-events: none;
}
.info {
  padding: 0 1em;
  display: flex;
  justify-content: flex-end;
}
.info p {
  margin-top: 0;
}
.tray {
  margin-top: 10px;
  margin-left: 100px;
  width: 216px;
  height: 270px;
  position: relative;
  overflow-x: hidden;
  display: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  border: solid 2px #003399;
}
.tray__slide {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  /*   transform: translateX(-50%);
  animation: wheelin 1s 2s ease-in-out forwards; */
}
.tray__swatch {
  transition: 0.1s ease-in;
  height: 50px;
  width: 50px;
  border: solid 2px #ffffff;
  /*flex: 1;*/
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  background-size: cover;
  /*background-position: center;*/
}
.tray__swatch:nth-child(5n + 5) {
  /*margin-right: 20px;*/
}
.drag-notice {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em;
  width: 10em;
  height: 10em;
  box-sizing: border-box;
  font-size: 0.9em;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5em;
  background: white;
  position: absolute;
}
.drag-notice.start {
  animation: popout 0.25s 3s forwards;
}
@media screen and (max-width: 800px) {
  .drag-notice,
  .tray__swatch,
  .tray__slide,
  .tray,
  .info,
  .color,
  .options,
  .controls,
  button#pallette {
    display: none;
  }
}
#praca .praca-head {
  margin-top: 40px;
  padding: 0;
}
#praca .praca-head:before,
#praca .praca-head:after {
  display: none;
}
#praca .praca-head .praca-tytul {
  display: flex;
}
#praca .praca-head .praca-tytul .praca-zdjecie {
  margin-right: 40px;
  min-height: 395px;
  flex: 0 0 564px;
  background-size: cover;
  background-position: center top;
}
.kontaktbox > div {
  padding: 20px 30px;
  margin: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  box-sizing: border-box;
}
.kontaktbox h3 {
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin: 0;
  font-weight: bold;
  color: #004f9c;
  text-transform: uppercase;
}
.kolo1,
.kolo2,
.kolo3 {
  margin-left: -20px;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: #5b6b79;
}
.kolo2 {
  background-color: #a5a5a5;
}
.kolo3 {
  background-color: #c6c6c6;
}
.print {
  text-align: right;
  text-transform: uppercase;
  padding-bottom: 30px;
}
.print a {
  text-decoration: none;
  display: inline-block;
  padding-right: 30px;
  background-image: url("images/printer.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.survey {
  min-height: 100vh;
  box-sizing: border-box;
}
.survey .ankietatit {
  padding-bottom: 10px;
  padding-top: 60px;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
}
.survey .ankietatit .ankhead {
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  letter-spacing: 0.4em;
  color: rgba(255, 255, 255, 0.5);
}
.survey .ankietatit .ankmainhead {
  font-size: 42px;
  line-height: 57px;
  font-weight: 700;
}
.survey input:hover {
  cursor: pointer;
}
.survey input[type="checkbox"] {
  display: none !important;
}
.survey input[type="checkbox"]:hover {
  cursor: pointer;
}
.survey input[type="checkbox"] + label {
  padding-left: 30px;
  position: relative;
}
.survey input[type="checkbox"] + label:hover {
  cursor: pointer;
}
.survey input[type="checkbox"] + label:before,
.survey input[type="checkbox"] + label:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
}
.survey input[type="checkbox"] + label:before {
  border: 1px solid #9ffdc8;
}
.survey input[type="checkbox"] + label:after {
  background-image: url("images/scheck.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: ease all 0.5s;
  opacity: 0;
  transform: scale(0) rotate(0deg);
}
.survey input[type="checkbox"]:checked + label:after {
  left: 4px;
  top: -1px;
  opacity: 1;
  transform: scale(1) rotate(360deg);
}
.survey .gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}
.survey .gform_wrapper.gravity-theme .gform_validation_errors,
.survey .gform_wrapper.gravity-theme .validation_message {
  padding: 20px 20px 20px 40px !important;
  color: #fff;
  background-color: rgba(65, 213, 228, 0.5);
}
.survey .gform_wrapper.gravity-theme .gform_validation_errors h2,
.survey .gform_wrapper.gravity-theme .validation_message h2 {
  color: #fff;
}
.survey .gform_wrapper.gravity-theme label {
  color: #fff;
}
.survey .gform_wrapper.gravity-theme textarea {
  height: 80px;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #fa9e9f;
  color: #fff;
}
.survey .gform_wrapper.gravity-theme ::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.survey .gform_wrapper.gravity-theme table {
  border: none;
  position: relative;
}
.survey .gform_wrapper.gravity-theme table thead {
  bottom: 20px;
  position: absolute;
  width: 100%;
}
.survey .gform_wrapper.gravity-theme table thead tr {
  display: flex;
}
.survey .gform_wrapper.gravity-theme table thead tr th {
  background-color: transparent;
  border: none;
  color: #fff;
  flex: 1;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.survey .gform_wrapper.gravity-theme table tbody tr {
  display: flex;
}
.survey .gform_wrapper.gravity-theme table tbody tr td {
  border: 1px solid #fff;
  flex: 1;
  margin: 10px;
  background-repeat: no-repeat;
  background-size: 33%;
  height: 180px;
  transition: ease all 0.5s;
}
.survey .gform_wrapper.gravity-theme table tbody tr td img {
  filter: grayscale(1) brightness(3);
}
.survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-hover {
  background-color: transparent !important;
  border-color: #9ffdc8;
  cursor: pointer;
}
.survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-selected img,
.survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-hover img {
  filter: grayscale(0) brightness(1);
}
.survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-selected {
  border: 1.5px solid #9ffdc8;
  transform: scale(1.15);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-size: 50%;
}
.survey .gform_wrapper.gravity-theme .swiadra table tbody tr td {
  background-image: url("images/swiadro.svg");
  background-position: center 40px;
}
.survey .gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
  text-align: center;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice {
  flex: 0 0 140px;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input {
  position: relative;
  transition: ease all 0.25s;
  border: none;
  width: 140px;
  height: 140px;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:after,
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: ease all 0.5s;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:after {
  font-size: 20px;
  font-weight: 500;
  left: 0;
  top: 0;
  padding-top: 45%;
  content: "TAK";
  color: #9ffdc8;
  border-radius: 200px;
  border: 1px solid #9ffdc8;
  text-align: center;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:before {
  left: 0;
  top: 0;
  max-width: inherit;
  color: rgba(255, 255, 255, 0);
  height: 100%;
  background-image: url("images/stakev2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 56%;
  opacity: 0;
  transform: scale(0) rotate(0deg);
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice label {
  display: none;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:checked:before {
  opacity: 1;
  transform: scale(1.15) rotate(360deg);
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice input:checked:after {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-width: 2px;
  transform: scale(1.15);
  padding-top: 75%;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice:nth-of-type(2) input:after {
  content: "NIE";
  color: #fa9e9f;
  border-color: #fa9e9f;
}
.survey .gform_wrapper.gravity-theme .stn .gfield_radio .gchoice:nth-of-type(2) input:before {
  background-image: url("images/snieev2.svg");
}
.survey .gform_wrapper.gravity-theme .stn thead {
  display: none;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr {
  width: 100%;
  display: flex;
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr .gsurvey-likert-selected {
  transform: scale(1.2);
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td {
  box-sizing: border-box;
  position: relative;
  height: 140px;
  border-radius: 200px;
  flex: 0 0 140px;
  background-image: none;
  background-position: center;
  background-size: 56%;
  border-color: #9ffdc8;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:after,
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:before {
  content: "";
  position: absolute;
  width: 100%;
  transition: ease all 0.5s;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:after {
  font-size: 20px;
  font-weight: 500;
  left: 0;
  bottom: 53px;
  content: "TAK";
  color: #9ffdc8;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:before {
  top: 0;
  left: 0;
  height: 100%;
  background-image: url("images/stakev2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 56%;
  opacity: 0;
  transform: scale(0) rotate(0deg);
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:nth-of-type(2) {
  border-color: #fa9e9f;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:nth-of-type(2):after {
  color: #fa9e9f;
  content: "NIE";
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr td:nth-of-type(2):before {
  background-image: url("images/snieev2.svg");
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr .gsurvey-likert-selected:before {
  transform: scale(1) rotate(360deg);
  opacity: 1;
}
.survey .gform_wrapper.gravity-theme .stn table tbody tr .gsurvey-likert-selected:after {
  bottom: 20px;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice {
  flex: 0 0 50px;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice label,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice label,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice label {
  width: 100%;
  text-align: center;
  max-width: inherit;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input {
  position: relative;
  transition: ease all 0.25s;
  border: none;
  width: 50px;
  height: 50px;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:before,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:before,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:before,
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:after,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:after,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:after {
  left: 5px;
  top: 5px;
  transition: ease all 0.5s;
  position: absolute;
  content: "";
  max-width: inherit;
  color: rgba(255, 255, 255, 0);
  height: 40px;
  width: 40px;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:before,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:before,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:before {
  border: 1px solid #9ffdc8;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:after,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:after,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:after {
  transform: scale(0) rotate(0deg);
  opacity: 0;
  height: 50px;
  width: 50px;
  background-image: url("images/scheck.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:checked:after,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:checked:after,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:checked:after {
  top: 0;
  transform: scale(1.15) rotate(360deg);
  opacity: 1;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice input:checked:before,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice input:checked:before,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:checked:before {
  transform: scale(1.15);
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice:nth-of-type(2) input:after,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice:nth-of-type(2) input:after,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:after {
  background-image: url("images/scheckn.svg");
}
.survey .gform_wrapper.gravity-theme .snt .gfield_radio .gchoice:nth-of-type(2) input:before,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_radio .gchoice:nth-of-type(2) input:before,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:before {
  border-color: #fa9e9f;
}
.survey .gform_wrapper.gravity-theme .snt .gfield_label,
.survey .gform_wrapper.gravity-theme .snt2 .gfield_label,
.survey .gform_wrapper.gravity-theme .ssocial .gfield_label {
  margin-bottom: 0;
}
.survey .gform_wrapper.gravity-theme .snt table thead,
.survey .gform_wrapper.gravity-theme .snt2 table thead,
.survey .gform_wrapper.gravity-theme .ssocial table thead {
  bottom: -30px;
}
.survey .gform_wrapper.gravity-theme .snt table thead tr,
.survey .gform_wrapper.gravity-theme .snt2 table thead tr,
.survey .gform_wrapper.gravity-theme .ssocial table thead tr {
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .snt table thead tr th,
.survey .gform_wrapper.gravity-theme .snt2 table thead tr th,
.survey .gform_wrapper.gravity-theme .ssocial table thead tr th {
  margin: 10px;
  flex: 0 0 50px;
}
.survey .gform_wrapper.gravity-theme .snt table tbody tr,
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr,
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr {
  width: 100%;
  display: flex;
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .snt table tbody tr td,
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td,
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr td {
  filter: grayscale(0) brightness(1);
  height: 50px;
  border: none;
  flex: 0 0 50px;
  background-image: url("images/snie2e.svg");
  background-position: center;
  background-size: contain;
}
.survey .gform_wrapper.gravity-theme .snt table tbody tr td:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr td:nth-of-type(2) {
  background-image: url("images/stak2e.svg");
}
.survey .gform_wrapper.gravity-theme .snt table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .snt table tbody tr .gsurvey-likert-hover,
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-hover,
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr .gsurvey-likert-hover {
  box-shadow: none;
  background-image: url("images/snie2.svg");
}
.survey .gform_wrapper.gravity-theme .snt table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .snt table tbody tr .gsurvey-likert-hover:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-hover:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .ssocial table tbody tr .gsurvey-likert-hover:nth-of-type(2) {
  background-image: url("images/stak2.svg");
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td {
  background-image: url("images/stak2e.svg");
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td:nth-of-type(2) {
  background-image: url("images/snie2e.svg");
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-hover {
  background-image: url("images/stak2.svg");
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr .gsurvey-likert-hover:nth-of-type(2) {
  background-image: url("images/snie2.svg");
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input {
  width: 70px;
  height: 70px;
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:before {
  border: none;
  left: 10px;
  top: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/ssociatt.svg");
  transform: scale(1) rotateY(180deg);
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:after {
  display: none;
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice input:checked:before {
  top: 10px;
  transform: scale(1.5) rotateY(0deg);
  background-image: url("images/ssociatts.svg");
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:before {
  border-color: #fa9e9f;
  background-image: url("images/ssocialn.svg");
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:checked:before {
  background-image: url("images/ssocialns.svg");
}
.survey .gform_wrapper.gravity-theme .semo table thead,
.survey .gform_wrapper.gravity-theme .sstar table thead {
  bottom: 0px;
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr,
.survey .gform_wrapper.gravity-theme .sstar table tbody tr {
  width: 100%;
  display: flex;
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr td,
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td {
  border: none;
  background-image: url("images/s5.svg");
  background-position: center;
  background-size: 110px;
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr td:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(2) {
  background-image: url("images/s4.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr td:nth-of-type(3),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(3) {
  background-image: url("images/s3.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr td:nth-of-type(4),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(4) {
  background-image: url("images/s2.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr td:nth-of-type(5),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(5) {
  background-image: url("images/s1.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected {
  box-shadow: none;
  transform: scale(1.3) translateY(-10px) rotateY(180deg);
  background-image: url("images/s5s.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
  background-image: url("images/s4s.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr .gsurvey-likert-selected:nth-of-type(3),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
  background-image: url("images/s3s.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr .gsurvey-likert-selected:nth-of-type(4),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(4) {
  background-image: url("images/s2s.svg");
}
.survey .gform_wrapper.gravity-theme .semo table tbody tr .gsurvey-likert-selected:nth-of-type(5),
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(5) {
  background-image: url("images/s1s.svg");
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr td:nth-of-type(2) {
  background-image: url("images/s3.svg");
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr td:nth-of-type(3) {
  background-image: url("images/s1.svg");
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
  background-image: url("images/s3s.svg");
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
  background-image: url("images/s1s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td {
  overflow: visible;
  background-image: url("images/star4.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(2) {
  background-image: url("images/star4.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(3) {
  background-image: url("images/star3.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(4) {
  background-image: url("images/star2.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(5) {
  background-image: url("images/star1.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected {
  background-image: url("images/star4s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
  background-image: url("images/star4s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
  background-image: url("images/star3s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(4) {
  background-image: url("images/star2s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(5) {
  background-image: url("images/star1s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr td:nth-of-type(2) {
  background-image: url("images/star3.svg");
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr td:nth-of-type(3) {
  background-image: url("images/star1.svg");
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
  background-image: url("images/star3s.svg");
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
  background-image: url("images/star1s.svg");
}
.survey .gform_wrapper.gravity-theme .sscale table thead {
  bottom: 10px;
}
.survey .gform_wrapper.gravity-theme .sscale table thead tr th {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr td {
  overflow: visible;
  opacity: 0.5;
  border: 4px solid #9ffdc8;
  margin: 0;
  height: 70px;
  background-image: none;
  filter: grayscale(0) brightness(1);
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr td:nth-of-type(1) {
  position: relative;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr td:nth-of-type(1):after {
  font-weight: 700;
  bottom: -30px;
  left: 0;
  content: "SUPER!";
  position: absolute;
  color: #9ffdc8;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr td:nth-of-type(5) {
  position: relative;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr td:nth-of-type(5):after {
  font-weight: 700;
  bottom: -30px;
  right: 0;
  content: "BARDZO SŁABO :(";
  position: absolute;
  color: #ff9f9f;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-selected,
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-hover {
  opacity: 1;
  transform: scale(1);
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-selected:nth-of-type(2),
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-hover:nth-of-type(2) {
  border-color: #ccf1c4;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-selected:nth-of-type(3),
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-hover:nth-of-type(3) {
  border-color: #fce0bf;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-selected:nth-of-type(4),
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-hover:nth-of-type(4) {
  border-color: #ffb69f;
}
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-selected:nth-of-type(5),
.survey .gform_wrapper.gravity-theme .sscale table tbody tr .gsurvey-likert-hover:nth-of-type(5) {
  border-color: #ff9f9f;
}
.survey .gform_wrapper.gravity-theme .shmargin .gfield_label {
  margin-bottom: 70px;
}
.survey .gform_wrapper.gravity-theme .checkleft .ginput_container {
  display: flex;
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .checkleft .ginput_container .gchoice {
  text-align: left;
  padding-bottom: 20px;
}
.survey .gform_wrapper.gravity-theme .checkleft .ginput_container .gchoice label {
  white-space: nowrap;
}
.survey .gform_wrapper.gravity-theme .checkleftl .gchoice {
  text-align: left;
}
.survey .gform_wrapper.gravity-theme .snomargin .gfield_label {
  margin-bottom: 0;
}
.survey .gform_wrapper.gravity-theme .gform_button {
  margin-right: 0 !important;
}
.survey .gform_wrapper.gravity-theme .gform_button:hover {
  cursor: pointer;
}
.survey .gform_wrapper.gravity-theme textarea.large {
  height: 100px !important;
}
.survey .gform_wrapper.gravity-theme .gform_page_footer {
  display: flex;
  justify-content: center;
}
.survey .gform_wrapper.gravity-theme .gform_page_footer input {
  padding-left: 40px;
  padding-right: 40px;
  flex: 0;
  border: 2px solid #9ffdc8;
  background-color: transparent;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  transition: ease all 0.25s;
}
.survey .gform_wrapper.gravity-theme .gform_page_footer input:hover {
  background-color: rgba(159, 253, 200, 0.5);
}
.survey .gform_wrapper.gravity-theme .gf_progressbar_wrapper {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.survey .gform_wrapper.gravity-theme .gf_progressbar_wrapper .gf_progressbar_percentage:not(.percentbar_100) {
  border-radius: 10.5px;
  background-color: #9ffdc8;
  color: #000;
}
.survey .gform_wrapper.gravity-theme .gf_progressbar_wrapper .gf_progressbar_percentage:not(.percentbar_100) span {
  display: none;
}
.survey .gform_wrapper.gravity-theme .gf_progressbar_wrapper .gf_progressbar_blue {
  background-color: transparent;
  border: 1px solid #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.survey .gform_wrapper.gravity-theme form {
  display: flex;
  flex-direction: column;
}
.survey .gform_wrapper.gravity-theme form .gfield_label {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 70px;
}
.survey .gform_wrapper.gravity-theme form input {
  color: #fff;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #fa9e9f;
}
.survey .gform_wrapper.gravity-theme form .smallh2 {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.survey .gform_wrapper.gravity-theme form .smallh .gfield_label {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}
.survey .gform_wrapper.gravity-theme form .gf_progressbar_title {
  display: none;
}
.survey .gform_wrapper.gravity-theme form .formno {
  position: absolute;
  right: -230px;
  top: 0;
  z-index: -1;
  color: rgba(65, 213, 228, 0.2);
  font-weight: 700;
  font-size: 550px;
  line-height: 420px;
}
.survey .gform_wrapper.gravity-theme form .gf_progressbar_wrapper {
  order: 2;
}
.survey .gform_wrapper.gravity-theme form .gform_body {
  order: 1;
}
.survey input[type="submit"] {
  background-color: #9ffdc8 !important;
  color: #000 !important;
}
.picsurvey {
  text-align: center;
}
.picsurvey img {
  width: 50%;
  height: auto;
}
.gform_confirmation_message {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 70px;
}
/* ----------------FOOTER---------------- */
.divh100 div {
  height: 100%;
}
.divh100 .flexcolumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.divh100 .flexcolumn div {
  height: auto;
}
footer {
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #5e85a9;
  color: #fff;
}
footer ::placeholder {
  color: #424242;
}
footer input,
footer textarea {
  color: #fff;
}
footer .text-row {
  justify-content: space-between;
}
footer .text-row .text {
  flex: none;
}
footer .text-row .text h4 {
  padding: 0;
  margin: 0;
}
footer .text-row .text h4 {
  color: #fff;
}
footer .text-row .text h5 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
footer .text-row .text h5 strong {
  color: #57b8ee;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  opacity: 0.6;
  color: #fff;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 26px;
  line-height: 34px;
}
footer ul li {
  padding-top: 13px;
  padding-bottom: 13px;
}
footer ul li ul {
  padding-left: 0px;
  font-size: 15px;
  line-height: 21px;
}
footer ul li ul li {
  padding-bottom: 6px;
  padding-top: 6px;
  text-transform: uppercase;
}
footer ul li ul li a {
  color: #ccd3d7;
}
footer #kapital {
  padding-top: 20px;
  font-size: 12px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
}
footer #kapital .text-row {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 4px solid #bdd4e7;
}
footer .gform_body label,
footer .gform_body a {
  font-size: 16px;
  line-height: 22px;
}
.logoflex img {
  height: 26px;
  width: auto;
}
.logoflex p {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.logoflex .ustoria {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 20px;
}
.logoflex .ustoria a {
  display: inline-block;
}
.logoflex .ustoria a:hover {
  color: #fff;
  text-decoration: underline;
}
.logoflex .ustoria img {
  height: 38px;
  margin-right: 10px;
}
.logof {
  filter: grayscale(1) brightness(5);
}
.hrt {
  flex: 1 !important;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 3px solid #fff;
}
#footern img {
  filter: brightness(0) invert(1);
}
#footern h6 {
  text-transform: none;
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #87b5dd;
  font-weight: bold;
}
#footern h6 strong {
  font-weight: bold;
}
#footern ul li {
  padding-bottom: 5px;
  padding-top: 5px;
}
#footern ul li a {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 19px;
  line-height: 25px;
}
#footern ul li a img {
  vertical-align: bottom;
  margin-right: 10px;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
  height: 188px;
}
.gform_body .gfield {
  margin-bottom: 10px;
}
.gform_body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.gform_body .formrow {
  display: flex;
  gap: 60px;
}
.gform_body .formrow .formkolumn {
  flex: 1;
}
.gform_body input,
.gform_body textarea,
.gform_body select {
  color: #fff;
  margin-bottom: 10px;
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #eee !important;
  padding: 6px;
  background-color: transparent;
}
.gform_body .gfield_required {
  display: none !important;
}
.gform_body fieldset {
  padding: 0 0 40px 0;
  border: none;
  position: relative;
}
.gform_body fieldset legend {
  padding-bottom: 8px;
  font-weight: 700;
}
.gform_body fieldset input {
  width: 20px;
  height: 20px;
}
.gform_body .gfield_description {
  border: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  margin-bottom: 20px;
}
.gform_body .gform_button {
  width: calc(50% - 30px);
  background-color: #8fad6c;
  color: #fff;
  margin-left: 0;
}
#gform_submit_button_1 {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}
.gform_footer {
  text-align: center;
}
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
  height: auto !important;
}
.bialy {
  color: #fff;
}
.bialy h4,
.bialy h2 strong,
.bialy h2,
.bialy a {
  color: #fff;
}
.bialy .wiecej {
  color: #fff;
  border-color: #fff;
}
.gray a {
  color: #4d5667;
}
.green a {
  color: #8fad6c;
}
.green h2 strong,
.green h1 strong {
  color: #8fad6c;
}
.dystrybutorzy-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.dystrybutorzy-wrap .dyst {
  color: #7b838a;
  display: none;
  padding: 20px 20px 60px 20px;
  flex: 0 0 31%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #f5f7f9;
  transition: ease-in-out all 0.25s;
  position: relative;
  box-sizing: border-box;
}
.dystrybutorzy-wrap .dyst i {
  filter: grayscale(1);
}
.dystrybutorzy-wrap .dyst a {
  color: #7b838a;
  text-decoration: none;
}
.dystrybutorzy-wrap .dyst a:hover {
  color: #4a6686;
}
.dystrybutorzy-wrap .dyst h5 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 28px;
  line-height: 34px;
}
.dystrybutorzy-wrap .dyst .country {
  padding: 6px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}
.dystrybutorzy-wrap .dyst .address {
  padding-bottom: 10px;
  font-size: 18px;
}
.dystrybutorzy-wrap .dyst .nawiguj {
  display: block;
  text-decoration: none;
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 20px);
  left: 0;
  color: #7b838a;
}
.dystrybutorzy-wrap .show {
  display: block;
}
.dystryul {
  padding: 0;
  margin: 0;
  list-style: none;
  column-count: 4;
  column-gap: 30px;
}
.dystryul li {
  break-inside: avoid;
  margin-bottom: 30px;
}
.dystryul h6 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
#panstwalist {
  width: 250px;
  padding-bottom: 20px;
  display: inline-block;
  position: relative;
}
#panstwalist #panstwabutton {
  position: relative;
  border: 1px solid #4a6686;
  padding: 6px 40px 6px 20px;
}
#panstwalist #panstwabutton:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 13px;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4a6686;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
#panstwalist #panstwabutton:hover {
  cursor: pointer;
}
#panstwalist #panstwa {
  border: 1px solid #4a6686;
  width: 100%;
  display: none;
  z-index: 1;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  background-color: #fff;
}
#panstwalist #panstwa li {
  white-space: nowrap;
  transition: ease-in-out all 0.25s;
  padding: 4px 10px;
}
#panstwalist #panstwa li:hover {
  cursor: pointer;
  background-color: #4a6686;
  color: #fff;
}
#panstwalist #panstwa.show {
  display: block;
}
.ekowiadral img {
  position: absolute;
  left: 0;
  bottom: -90px;
}
#header .rmp-container {
  background-color: transparent !important;
  padding: 15px 0 0 0 !important;
}
#header .rmp-container a {
  display: block;
}
#header .rmp-container .rmp-widget a {
  display: inline-block;
}
.wiadra-plastikowe-opis h2,
.wiadra-plastikowe-opisb h2 {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
.wiadra-plastikowe-opis p,
.wiadra-plastikowe-opisb p {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.wiadra-plastikowe-opis {
  display: none;
}
.kstripe .text-row {
  display: block;
}
.kstripe #kproducent {
  text-align: right;
  background-color: #fff;
  width: 45%;
  margin-left: auto;
  padding: 20px 7vw 20px 0px;
  box-sizing: border-box;
  clip-path: polygon(110px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.kstripe #kkatalog {
  margin-left: 40%;
  color: #fff;
  background: #165f82;
  background: linear-gradient(137deg, #165f82 0%, #bce3f4 100%);
  padding: 60px 0 60px 20vw;
  clip-path: polygon(180px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.kstripe #kkatalog ul {
  padding: 30px 0 0 0;
  margin: 0;
  list-style: none;
}
.kstripe #kkatalog ul a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  line-height: 40px;
}
#produktykat {
  position: relative;
  background: linear-gradient(180deg, #a8b0be 0%, #ffffff 100%);
}
#produktykat .katnowoscthumb {
  background-color: #8fad6c;
  padding: 4px;
}
#produktykat #listing {
  position: relative;
}
#produktykat #legenda {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
#produktykat .row {
  text-decoration: none;
  box-sizing: border-box;
  border-right: 1px solid #4a6686;
  font-weight: 400;
  display: flex;
}
#produktykat .row .cell {
  transition: ease-in-out all 0.25s;
  font-size: 13px;
  line-height: 18px;
  box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid #4a6686;
  border-bottom: 1px solid #4a6686;
  text-align: center;
  position: relative;
  flex: 1;
  color: #000;
}
#produktykat .row .cell .katraczka {
  padding-top: 4px;
  padding-bottom: 4px;
}
#produktykat .row .cell .tytul {
  height: 100%;
  display: flex;
  align-items: center;
}
#produktykat .row .cell .tytul span {
  display: block;
  width: 100%;
}
#produktykat .row .cell .tytul span .no:before {
  content: "—";
  display: inline-block;
}
#produktykat .row .cell .tytul span .yes:before {
  clip-path: polygon(21% 50%, 0 50%, 23% 100%, 52% 100%, 100% 0, 80% 0%, 38% 82%);
  display: inline-block;
  content: "";
  background-color: #000;
  width: 14px;
  height: 14px;
}
#produktykat .row .cell .tytul span .nadruk:before {
  border-radius: 100%;
  display: inline-block;
  content: "";
  background-color: #000;
  width: 14px;
  height: 14px;
}
#produktykat .row .cell .tytul span .bs,
#produktykat .row .cell .tytul span .bc {
  display: inline-block;
}
#produktykat .row .cell .tytul span .bs:before,
#produktykat .row .cell .tytul span .bc:before {
  display: inline-block;
  content: "";
  background-color: #8fad6c;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
#produktykat .row .cell .tytul span .bc:before {
  background-color: #7b838a;
}
#produktykat .row .cell .tytul span .krotki {
  display: inline-block;
}
#produktykat .row .cell .tytul span .krotki:before {
  background-color: #515971;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
#produktykat .row .nominalna {
  background-color: #d1dae4;
  font-weight: 800;
  color: #4a6686;
  font-size: 18px;
}
#produktykat .row .zdjecie {
  flex: 0 0 230px;
  border-left: none;
  border-bottom: none;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
}
#produktykat .row .zdjecie .nowosc {
  color: #4a6686;
  padding-bottom: 4px;
  padding-top: 10px;
  display: inline-block;
  text-transform: uppercase;
}
#produktykat .row .zdjecie img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#produktykat .row .zdjecie .kattit {
  background-color: #3d4359;
  padding: 4px;
}
#produktykat .row:hover .cell {
  background-color: #f2f5f8;
}
#produktykat .row .gorna,
#produktykat .row .wysokoscbez,
#produktykat .row .raczka,
#produktykat .row .iml,
#produktykat .row .paletyzacja {
  background-color: #f2f5f8;
}
#produktykat #naglowek {
  height: 200px;
}
#produktykat .naglowek {
  position: sticky;
  z-index: 1;
  top: 71px;
  height: 200px;
}
#produktykat .naglowek .cell {
  background-color: #fff;
  border-top: 1px solid #4a6686;
}
#produktykat .naglowek .cell .tytul {
  font-weight: 600;
  padding-left: 60px;
  width: 110px;
  text-align: left;
  left: 53%;
  height: 30px;
  position: absolute;
  bottom: 0;
  transform-origin: left center;
  transform: rotate(-90deg);
}
#produktykat .naglowek .cell .tytul:before {
  left: 0;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  content: "";
  background-image: url("images/pcalkowita.svg");
  width: 45px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#produktykat .naglowek .calkowita .tytul:before {
  background-image: url("images/pnominalna.svg");
}
#produktykat .naglowek .gorna .tytul:before {
  background-image: url("images/gorna.svg");
}
#produktykat .naglowek .dolna .tytul:before {
  background-image: url("images/dolna.svg");
}
#produktykat .naglowek .wysokoscbez .tytul:before {
  background-image: url("images/wbezpokrywki.svg");
}
#produktykat .naglowek .wysokoscz .tytul:before {
  background-image: url("images/wpokrywka.svg");
}
#produktykat .naglowek .wysokosczfoil .tytul:before {
  background-image: url("images/wpokrywkafoil.svg");
}
#produktykat .naglowek .raczka .tytul:before {
  background-image: url("images/raczka.svg");
}
#produktykat .naglowek .offset .tytul:before {
  background-image: url("images/offset.svg");
}
#produktykat .naglowek .iml .tytul:before {
  background-image: url("images/iml.svg");
}
#produktykat .naglowek .imlp .tytul:before {
  background-image: url("images/imlp.svg");
}
#produktykat .naglowek .foliowanie .tytul:before {
  background-image: url("images/foliowanie.svg");
}
#produktykat .naglowek .paletyzacja .tytul:before {
  background-image: url("images/paletyzacja.svg");
}
#produktykat .naglowek .branza .tytul:before {
  background-image: url("images/branza.svg");
}
#produktykat .naglowek .nominalna {
  font-weight: 400;
  color: #000;
  font-size: 13px;
}
#produktykat .naglowek .zdjecie {
  background-color: transparent !important;
  border-top: none;
}
#produktykat .naglowek .zdjecie:before {
  display: none;
}
#produktykat .naglowek:hover .cell {
  background-color: #fff;
}
#produktykat .naglowek:hover .zdjecie {
  background-color: transparent;
}
.nooverflow {
  overflow: inherit;
}
#kauto .firstrow {
  display: block;
}
#kauto #kfirma {
  height: 40vw;
  width: 70vw;
  clip-path: polygon(0 0, 100% 0%, 68% 100%, 0% 100%);
}
#kauto #kfirmastripes {
  position: absolute;
  width: 70vw;
  height: 40vw;
  top: -20vw;
  left: 0;
  z-index: -1;
}
#kplastbox .knotowania {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 20px;
  margin-right: 20px;
  border-left: 2px solid #4a6686;
  border-right: 2px solid #4a6686;
}
#kfood {
  background: #296436;
  background: linear-gradient(137deg, #296436 0%, #98ce70 70%);
}
.kbranza {
  font-size: 20px;
  line-height: 30px;
}
.kbranza h3 {
  font-size: 42px;
  line-height: 52px;
}
.kbranza .prodfloat {
  position: absolute;
  bottom: -100px;
  right: -300px;
  z-index: 1;
}
#kfood .prodfloat {
  position: absolute;
  bottom: -100px;
  right: auto;
  left: -300px;
}
#kprodhead .wiecej {
  display: none;
}
#keko h2,
#kprodhead h2,
#keko h1,
#kprodhead h1 {
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  top: -130px;
  background: #165f82;
  background: linear-gradient(137deg, #165f82 0%, #bce3f4 100%);
  color: #fff;
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
}
#keko h1,
#kprodhead h1 {
  position: inherit;
  top: auto;
  left: auto;
}
#keko h2,
#kprodhead h2 {
  width: 50vw;
}
#kchemia {
  z-index: -1;
}
.rightfloat p {
  margin: 0;
  padding: 0;
  height: 100%;
}
.rightfloat p img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  clip-path: polygon(200px 0, 100% 0%, 100% 100%, 0% 100%);
}
.leftfloat p {
  margin: 0;
  padding: 0;
  height: 100%;
}
.leftfloat p img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 200px) 100%, 0% 100%);
}
#kmetody .firstrow,
#kmetody strong {
  font-size: 20px;
  line-height: 30px;
}
.kecopic {
  position: absolute;
  right: -500px;
  bottom: 0;
}
#kekotext .adelay0 {
  z-index: 1;
}
#kekotext .rowimg {
  top: -130px;
  width: 70%;
  height: 90%;
  left: 55%;
  clip-path: polygon(155px 0%, 100% 0%, 855px 100%, 0% 100%);
}
#kkonstrukcja img {
  border-radius: 400px;
}
#katalogbut {
  display: none;
}
.home #katalogbut {
  height: 141px;
  display: block;
  width: 356px;
  position: fixed;
  right: -80px;
  top: 200px;
  z-index: 100;
  text-decoration: none;
  transition: ease-in-out all 0.25s;
  background-image: url("images/dzialkibutt.svg");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.home #katalogbut:hover {
  right: -20px;
}
#contactFloat {
  z-index: 9999;
  transition: ease-in-out all 0.35s;
  position: fixed;
  right: 0;
  top: 200px;
  width: 80px;
  height: 50px;
  border-radius: 30px 0 0 30px;
  background-color: #4a6686;
  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;
}
.notype .typselect {
  display: none;
}
@keyframes shining {
  0% {
    transform: rotate(0deg) scale(1);
    background-color: #10427c;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
  }
  25% {
    transform: rotate(20deg) scale(1.1);
    background-color: #2b81e3;
    box-shadow: 0 0 10px #ffffff;
  }
  50% {
    transform: rotate(0deg) scale(1);
    background-color: #10427c;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
  }
}
#backtotop {
  background-color: #4a6686;
  color: #fff;
  position: fixed;
  right: 0;
  bottom: 100px;
  padding: 20px;
  border-radius: 100% 0 0 100%;
  font-size: 30px;
  font-weight: 600;
  z-index: 99999;
  text-decoration: none;
}
#sound {
  filter: brightness(0);
  background-image: url("images/sound.svg");
  background-position: center;
  background-size: 50px auto;
  opacity: 0.7;
  background-repeat: no-repeat;
  z-index: 9999999999;
  position: fixed;
  height: 70vh;
  width: calc(70vh * 1.364);
  left: calc((100vw - (70vh * 1.364))/2);
  top: calc((100vh - 70vh)/2);
}
#sound:hover {
  cursor: pointer;
}
#pop {
  aspect-ratio: auto 750 / 550;
  z-index: 999999999;
  position: fixed;
  height: 80vh;
  width: calc(75vh * 1.364);
  left: calc((100vw - (75vh * 1.364))/2);
  top: calc((100vh - 75vh)/2);
}
#pop video {
  width: 100% !important;
  height: auto !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#pop:hover {
  cursor: pointer;
}
#pop2 {
  z-index: 999999999;
  position: fixed;
  height: 550px;
  width: 1300px;
  left: calc((100vw - 1300px)/2);
  top: calc((100vh - 550px)/2);
}
#pop2:hover {
  cursor: pointer;
}
#popclose {
  position: absolute;
  right: 30px;
  top: 20px;
}
#popclose:before,
#popclose:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #000;
  transform: rotate(45deg);
}
#popclose:before {
  transform: rotate(-45deg);
}
.closed {
  display: none;
}
.hide {
  display: none;
}
.devplastimg {
  padding-top: 1.8vw;
}
.dico {
  text-decoration: none;
  margin-right: 20px;
}
.dico:before {
  margin-left: 20px;
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 33px;
  height: 33px;
  background-image: url("images/dtel.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 4px;
}
.dico:hover {
  text-decoration: underline;
}
.demail:before {
  background-image: url("images/demail.svg");
  width: 40px;
}
.devprez .text-row {
  background-color: #00384d;
  color: #fff;
  min-height: 30vw;
  box-sizing: border-box;
}
.devprez .text-row h3 {
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 1vw;
  padding-top: 3vw;
  color: #49b8ad;
  font-size: 2vw;
  line-height: 3vw;
  font-weight: 900;
}
.res50in {
  padding-left: 25%;
  padding-right: 25%;
}
.sprawdzurl {
  padding: 20px 10px 10px 10px;
  display: block;
  border-radius: 20px;
  background-color: #47b7ad;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: ease-in-out all 0.25s;
}
.sprawdzurl img {
  width: 50%;
}
.sprawdzurl:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
#devstart {
  padding-top: 3vw;
  box-sizing: border-box;
}
.devf {
  font-size: 1.2vw;
  line-height: 2vw;
}
.devf h2 {
  font-size: 2.7vw;
  line-height: 3.5vw;
}
.devf .paddingin_right {
  padding-right: 4vw;
}
.devf .paddingin_left {
  padding-left: 4vw;
}
.grupaplast h3 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 300;
  color: #41555c;
  margin-bottom: 40px;
}
.grupaplast a {
  border-radius: 10px;
  color: #41555c;
}
.grupaplast a:hover {
  background-color: #41555c !important;
  color: #fff !important;
}
.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 .text > div {
  height: calc(100% - 60px);
}
.grupaplast .new-row .text > div > div {
  height: 100%;
  border-radius: 16px;
  padding: 20px 30px;
  border: 2px dotted #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grupaplast .new-row .text .wiecej {
  font-weight: 300;
  text-transform: none;
  background-color: transparent;
  border: 2px solid #566d85;
  clip-path: none;
}
.mapover {
  position: relative;
}
.mapover .text-in {
  position: absolute;
  z-index: 1;
  background-color: #ccd7de;
  height: 100%;
  left: 40px;
  box-sizing: border-box;
  padding: 40px;
}
.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 div div {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
}
.g2 div div {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px));
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px));
}
.g3 div div {
  clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}
.g4 div div {
  clip-path: polygon(0 50px, 50px 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 50px, 50px 0, 100% 0, 100% 100%, 0 100%);
}
.g2 {
  font-size: 28px;
  line-height: 35px;
}
.g1 p,
.g2 p,
.g3 p,
.g4 p {
  color: #41555c;
  white-space: normal;
  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;
}
.page-id-304 #pageheader {
  display: none;
}
/* ----------------ANIMATIONS---------------- */
.anim {
  transition: ease-out all 0.5s;
}
.afade {
  opacity: 0;
}
.aleft {
  transform: translateX(-50px);
  opacity: 0;
}
.aright {
  transform: translateX(50px);
  opacity: 0;
}
.abottom {
  transform: translateY(50px);
  opacity: 0;
}
.visible {
  transition-delay: 0.5s;
  transform: translateX(0);
  opacity: 1;
  transform: translateY(0);
}
.adelay1 {
  transition-delay: 0.6s !important;
}
.adelay2 {
  transition-delay: 0.7s !important;
}
.adelay3 {
  transition-delay: 0.8s !important;
}
.adelay4 {
  transition-delay: 0.9s !important;
}
.adelay5 {
  transition-delay: 1s !important;
}
.rev-select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 240px;
  height: 40px;
}
.select-styled {
  height: 22px;
  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: 11px;
  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: #566d85;
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  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;
  position: relative;
  padding: 6px 12px 6px 24px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.select-options li:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 2px;
  top: 4px;
  background-image: url("images/tstandard.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.select-options li:hover {
  color: #4a6686;
}
.select-options .tstandard:before {
  background-image: url("images/tstandard.png");
}
.select-options .tpcr:before {
  background-image: url("images/tpcr.png");
}
.select-options .tpir:before {
  background-image: url("images/tpir.png");
}
.select-options .tmrozenie:before {
  background-image: url("images/tmrozenie.png");
}
.select-options .tgorace:before {
  background-image: url("images/tgorace.png");
}
.select-options li[rel="hide"] {
  display: none;
}
.rev-select-box {
  display: none;
}
/* ----------------RESPONSIVE---------------- */
.padless .paddingin_top {
  padding-top: 50px;
}
.padless .paddingin_bottom {
  padding-bottom: 30px;
}
.nip {
  padding-right: 60px;
}
.rmp-menu-item-link {
  box-sizing: border-box !important;
}
.imground img {
  border-radius: 100%;
  width: 80%;
  height: 100%;
}
.page-id-65894 section {
  overflow: unset;
}
.page-id-65894 .siatkarz {
  z-index: -2;
  position: absolute;
  left: 30%;
  top: 200px;
}
.page-id-65894 .siatkarz img {
  width: 430px;
  height: auto;
}
.page-id-65894 .pilka1 {
  top: 20px;
  left: 48%;
}
.page-id-65894 .pilka1 img {
  width: 70px;
}
.page-id-65894 .siatkarz2 {
  left: 40%;
  top: 150px;
}
.page-id-65894 .siatkarz2 img {
  width: 485px;
}
.page-id-65894 .pilka2 {
  top: 300px;
  left: 80%;
}
.page-id-65894 .pilka2 img {
  transform: rotate(45deg);
  width: 120px;
}
.page-id-65894 .siatkarz3 {
  top: 80px;
  left: 43%;
}
.page-id-65894 .siatkarz3 img {
  width: 200px;
}
.page-id-65894 .pilka3 {
  z-index: -1;
  top: 63px;
  left: 47%;
}
.page-id-65894 .pilka3 img {
  transform: rotate(154deg);
  width: 90px;
}
.page-id-65894 .gramylogos::after {
  position: absolute;
  content: '';
  display: block;
  width: calc(100% - 350px);
  height: 2px;
  right: 0;
  top: 50%;
  background-color: #18407e;
}
.page-id-65894 .gramylogos a {
  margin-right: 10px;
}
.page-id-65894 #pagewrap {
  background-image: url(images/plgramytlo.svg);
  background-repeat: repeat-y;
  background-position-x: 200px;
  background-size: 53px;
  font-size: 17px;
  line-height: 23px;
}
.page-id-65894 h2 {
  color: #006ab3;
  font-weight: 300;
  font-size: 13px;
  line-height: 17px;
}
.page-id-65894 h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #18407e;
}
.page-id-65894 .margin_left {
  margin-left: 50px;
}
.page-id-65894 .margin_right {
  margin-right: 50px;
}
.page-id-65894 .gramyblue .margin_left div {
  color: #fff;
  background-color: #006ab3;
  padding: 20px 40px;
  border-radius: 10px;
  line-height: 39px;
}
.page-id-65894 .gramyblue .margin_left div strong {
  font-size: 23px;
}
.page-id-65894 .gramytabela {
  width: 330px;
  padding-top: 10px;
}
.page-id-65894 .gramytabela td {
  padding-bottom: 8px;
  padding-top: 8px;
}
.page-id-65894 .gramytab2 td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
#eksportowa {
  padding-bottom: 30px;
}
#eksportowa h2 {
  margin: 0;
  padding: 0;
}
.wiecejbp {
  background-color: #35527c;
  color: #fff;
  text-align: center;
}
.wiecejbp:hover {
  color: #fff;
}
.wiecejbp img {
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
  padding-top: 6px;
  width: 100px;
}
.flexvcenter .text-row {
  align-items: center;
}
.pge {
  background-color: #fff;
  text-decoration: none;
  border-radius: 100px;
  padding: 3px 20px 0px 40px;
  font-size: 20px;
  line-height: 30px;
  height: 33px;
  background-image: url(images/pge.png);
  background-size: auto 80%;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.sygcolor {
  color: #18407e;
}
.sygnalista .gfield {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sygnalista .gform_body input,
.sygnalista .gform_body textarea,
.sygnalista .gform_body select {
  border-color: #555 !important;
}
.sygnalista .gform_button {
  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: #566d85;
}
#faq .text-row {
  background-color: #e0eece;
}
#faq .text-row:nth-of-type(odd) {
  background-color: #f2f6ec;
}
#faq .text-row .text:nth-of-type(1) {
  text-align: center;
}
#faq .text-row .text:nth-of-type(1) p {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  padding-left: calc(50vw - 883px);
  margin: 0;
  box-sizing: border-box;
}
#faq .text-row .text:nth-of-type(1) p img {
  height: 100%;
  width: 100%;
  max-height: 300px;
  max-width: 300px;
  object-position: center;
  object-fit: contain;
  transition: all ease 0.25s;
}
#faq .text-row .text:nth-of-type(1) p img:hover {
  transform: scale(1.4);
}
#faq .text-row .text:nth-of-type(2) {
  flex: 0 0 120px;
  text-align: center;
}
#faq .text-row .text:nth-of-type(2) h6 {
  font-size: 76px;
  line-height: 80px;
}
#faq .text-row .text:nth-of-type(3) {
  padding-right: calc(50vw - 643px);
  padding-left: 30px;
}
#faq .text-row .text:nth-of-type(3) h5 {
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 0;
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  margin-bottom: 0;
  padding-bottom: 0px;
}
#faq .text-row .text:nth-of-type(2),
#faq .text-row .text:nth-of-type(3) {
  padding-top: 40px;
  padding-bottom: 40px;
}
#faq .text-row .faqico p img {
  max-width: 180px !important;
}
.zdjeciel .text {
  padding-left: 50%;
  flex: 0 0 100%;
}
.zdjeciel .text-row .rowimg {
  left: -45%;
  padding: 0;
  flex: 0 0 50%;
}
.karieralisting .wpisy {
  gap: 28px;
  justify-content: center;
}
.karieralisting .wpisy .post-wrap {
  background-color: #f8f7f5;
  border: 1px solid #566d85;
  border-radius: 5px;
  box-shadow: none;
  flex: 0 0 calc(33% - 28px);
  padding-bottom: 86px;
}
.karieralisting .wpisy .post-wrap .wiecej {
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  bottom: 17px;
  width: calc(100% - 34px);
  left: 17px;
  box-sizing: border-box;
}
.karieralisting .wpisy .post-wrap .wiecej:hover {
  background-color: #566d85 !important;
  color: #fff !important;
  transform: none;
}
.karieralisting .wpisy .post-wrap h5 {
  margin: 0;
  padding: 0;
  font-size: 32px;
  line-height: 40px;
}
.karieralisting .wpisy .post-wrap img {
  border-radius: 3px;
}
.filmkariera {
  overflow: hidden;
  position: relative;
  height: 600px;
}
.filmkariera video {
  top: -140px;
  position: absolute;
}
.moai-wrapper.mbp2r {
  padding-right: 360px !important;
}
.moai-wrapper.mbp2l {
  padding-left: 360px !important;
}
.moai-wrapper.mbpr {
  padding-right: 40px !important;
}
.moai-wrapper.mbpl {
  padding-left: 40px !important;
}
.page-id-247 input,
.page-id-247 select,
.page-id-247 textarea {
  border: 1px solid #566d85 !important;
  color: #566d85 !important;
  background-color: #fff;
  border-radius: 3px;
}
.page-id-247 video {
  border-radius: 3px;
}
.page-id-247 h2 {
  text-transform: none;
}
.backdark h2 strong {
  color: #fff;
}
.karieraikony {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.karieraikony .moai-wrapper {
  flex: 0 0 calc(33% - 30px);
  font-size: 13px;
  line-height: 20px;
}
.karieraikony .moai-wrapper strong {
  display: inline-block;
  padding-bottom: 6px;
  line-height: 28px;
  font-size: 18px;
}
.karieraikony .moai-wrapper img {
  width: 90px;
  margin-bottom: 20px;
}
.wp-block-image {
  padding: 0;
  margin: 0;
}
:where(.wp-block-columns) {
  margin-bottom: 0 !important;
}
.pbottom0 {
  padding-bottom: 6px !important;
  margin-bottom: 0 !important;
}
.rekruter {
  position: relative;
}
.rekruter::before {
  background-color: #fff;
  width: 100%;
  height: 80%;
  content: '';
  display: block;
  left: 0;
  bottom: 0;
  border-radius: 3px;
  border: 1px solid #566d85;
  position: absolute;
  z-index: -1;
}
.rekruter .wp-block-column:last-of-type {
  padding-bottom: 20px;
}
.rekruter h2 {
  margin: 0;
  padding: 0;
  font-size: 33px;
}
.rekruter p {
  padding-top: 6px;
  margin-top: 0;
}
.wp-block-button {
  margin-top: 10px !important;
}
.wp-block-button a {
  border: 1px solid #566d85;
  padding: 6px 20px;
  color: #fff;
  border-radius: 3px;
  background-color: #566d85;
  transition: ease-in-out all 0.25s;
}
.wp-block-button a:hover {
  background-color: transparent;
  color: #566d85;
}
.formularzkariera label {
  font-weight: 400 !important;
}
.formularzkariera input,
.formularzkariera select,
.formularzkariera textarea {
  border: 1px solid #566d85 !important;
  color: #566d85 !important;
  background-color: #fff;
  border-radius: 3px;
}
.formularzkariera .gform_button {
  background-color: #566d85;
  color: #fff !important;
  transition: ease-in-out all 0.25s;
}
.formularzkariera .gform_button:hover {
  background-color: #fff;
  color: #566d85 !important;
}
.wp-block-quote {
  font-style: italic;
  font-size: 22px;
  line-height: 30px;
}
.karierafaq .ui-accordion-content {
  border-bottom: 1px solid #566d85;
  margin-bottom: 20px;
  padding-left: 0 !important;
  padding-right: 85px !important;
}
.karierafaq .ui-accordion-header {
  background-color: transparent;
  padding: 10px 85px 10px 0 !important;
}
.karierafaq .ui-accordion-header::after {
  right: 0;
  top: 20px;
}
.pracownicyonas .swiper-wrapper {
  padding-bottom: 40px;
}
.pracownicyonas .swiper-slide {
  padding: 0 2px !important;
  box-sizing: border-box;
}
.pracownicyonas .slidein {
  position: relative;
  display: flex !important;
  gap: 20px;
}
.pracownicyonas .slidein::before {
  width: 100%;
  height: 88%;
  content: '';
  display: block;
  left: 0;
  bottom: 0;
  border-radius: 3px;
  border: 1px solid #566d85;
  position: absolute;
  z-index: -1;
}
.pracownicyonas .slidein h6 {
  font-size: 38px;
  line-height: 54px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.pracownicyonas .slidein p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.pracownicyonas .slidein .slider-text {
  padding-right: 20px;
  padding-top: 50px;
}
.pracownicyonas .slidein .swiper-picture {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.pracownicyonas .slidein .swiper-picture img {
  height: 330px;
  width: auto;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  color: #4a6686 !important;
}
.staz25 .slidein {
  align-items: end;
  gap: 5%;
  display: flex;
}
.staz25 .slidein .slider-text {
  padding-right: 40px;
}
.staz25 .slidein .swiper-picture {
  flex: 0 0 45%;
}
.wp-block-video {
  margin: 0 !important;
  padding: 0 !important;
}
.sliderkariera .slidein {
  height: 100%;
}
.sliderkariera .swiper-slide {
  height: auto !important;
  background-color: transparent !important;
}
.sliderkariera .swiper-slide .slider-text {
  position: relative !important;
  padding: 10px !important;
  margin: 0 !important;
}
.sliderkariera .swiper-slide p {
  height: 100%;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
}
.sliderkariera .swiper-slide p video {
  width: 100%;
  height: auto;
}
.centrum-mapa {
  position: relative;
  z-index: 0;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
@media screen and (max-width: 1920px) {
  .moai-wrapper.mbp2l {
    padding-left: 10vw !important;
  }
  .moai-wrapper.mbp2r {
    padding-right: 10vw !important;
  }
  #faq .text-row .text:nth-of-type(3) {
    padding-right: 15vw;
  }
  .page-id-65894 #pagewrap {
    background-position-x: 7%;
  }
  .bxwrap .slide {
    background-size: cover !important;
    height: 640px;
    font-size: 38px;
    line-height: 46px;
  }
  .bxwrap .slprobki strong {
    font-size: 60px;
    line-height: 75px;
  }
  .bxwrap .slprobki a {
    padding: 10px 20px 6px 20px;
  }
  .bxwrap .slb2b {
    font-size: 28px;
    line-height: 36px;
  }
  .bxwrap .slb2b strong,
  .bxwrap .slb2b em {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 55px;
    line-height: 70px;
  }
  .bxwrap .slb2b a {
    padding-top: 10px;
  }
  .bxwrap .slb2b a:first-of-type {
    padding-top: 30px;
  }
  .bxwrap .slpir em {
    font-size: 60px;
    line-height: 70px;
    padding-top: 20px;
  }
  .bxwrap .slpir .pcrgreen {
    padding-top: 30px;
  }
  .bxwrap .slpir strong {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 1600px) {
  .secondary-navigation {
    justify-content: flex-end;
  }
  .page-id-65894 #pagewrap {
    background-position-x: 3%;
  }
}
@media screen and (max-width: 1460px) {
  .page-id-65894 #pagewrap {
    background-position-x: 2%;
  }
  #rmp-menu-wrap-31976 .rmp-menu-item-link {
    padding: 0 10px !important;
  }
  .secondary-navigation {
    justify-content: flex-end;
  }
  .secondary-navigation li {
    padding-left: 6px;
    padding-right: 6px;
  }
  #header #logo {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    flex: 0 0 180px;
  }
  .kstripe #kproducent {
    clip-path: polygon(80px 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .kstripe #kproducent img {
    width: 300px;
    height: auto;
  }
  .bxwrap .nowosciml .slide-text-in {
    padding-left: 5%;
    font-size: 34px;
  }
  .bxwrap .nowosciml .slide-text-in strong {
    font-size: 1.4em;
    line-height: 1em;
  }
}
@media screen and (max-width: 1366px) {
  .moai-wrapper.mbp2l {
    padding-left: 6vw !important;
  }
  .moai-wrapper.mbp2r {
    padding-right: 6vw !important;
  }
  .backdark h2 {
    font-size: 30px;
    line-height: 44px;
  }
  .karieralisting .wpisy .post-wrap h5 {
    font-size: 22px;
    line-height: 30px;
  }
  .karieraikony {
    gap: 30px;
  }
  .karieraikony .moai-wrapper {
    flex: 0 0 calc(52% - 26px);
  }
  .page-id-65894 #pagewrap {
    background-position-x: 2%;
    background-size: 23px;
  }
  .page-id-65894 #pagewrap section:not(#pageheader) {
    padding-left: 40px;
  }
  .secondary-navigation li {
    padding-left: 6px;
    padding-right: 6px;
  }
  .secondary-navigation li a {
    font-size: 13px;
  }
  #pop {
    width: 100%;
    left: 0;
    top: calc((100vh - 550px)/2);
  }
  #pop img {
    width: 100%;
    height: auto;
  }
  .devprez .res,
  #devstart .res {
    padding-left: 0;
    padding-right: 0;
  }
  .skoslewyn:before {
    left: -3vw;
  }
  .skoslewyn:after {
    left: 96%;
  }
}
@media screen and (max-width: 1030px) {
  .pge {
    display: none;
  }
  .bxwrap .slide {
    height: 33vw;
    box-sizing: border-box;
    font-size: 3vw;
    line-height: 3.2vw;
  }
  .bxwrap .slide .slide-text-in {
    PADDING-RIGHT: 30VW;
  }
  .bxwrap .slprobki strong {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .bxwrap .slb2b {
    font-size: 2.5vw;
    line-height: 2.8vw;
  }
  .bxwrap .slb2b strong,
  .bxwrap .slb2b em {
    padding-bottom: 1VW;
    padding-top: 1vw;
    font-size: 3.5vw;
    line-height: 3.5vw;
  }
  .bxwrap .slb2b a {
    padding-top: 1vw;
  }
  .bxwrap .slb2b a:first-of-type {
    padding-top: 1vw;
  }
  .bxwrap .slpir .pcrgreen {
    padding-top: 3vw;
  }
  .bxwrap .slpir em,
  .bxwrap .slpir strong {
    font-size: 5vw;
    line-height: 5vw;
  }
  .bxwrap .slpir em {
    padding-top: 1.5vw;
  }
  #header #search-wrap {
    top: 13px;
    right: 40px;
    position: absolute;
  }
  #header #search-wrap #searchform {
    width: 52px;
  }
  #searchm {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  #searchm.see {
    display: none;
  }
  #header #search-wrap #searchform.see {
    width: 200px;
    transform: translateY(50px);
  }
  #searchpagewrap #searchtitle {
    padding-top: 80px;
  }
  #searchpagewrap #searchtitle h2 {
    font-size: 4vw;
    line-height: 5vw;
  }
  #searchpagewrap #searchresults .searchentry {
    flex-direction: column;
  }
  #searchform.see #search {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .devprez .res .text-row .flex33,
  #devstart .res .text-row .flex33 {
    flex: 0 0 40%;
  }
  #socials {
    display: none;
  }
  .posts .post-wrap {
    flex: 0 0 31%;
  }
  #onas .text-row .flex40 {
    flex: 0 0 70%;
  }
  .skoslewy:before {
    width: 130%;
    left: -31px;
  }
  #blokkatalog img {
    width: 100%;
    height: auto;
  }
  #historia .text-row .flex40 {
    flex: 0 0 60%;
  }
  .slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext {
    bottom: 80px;
  }
  .certiso9 {
    right: 392px;
  }
  .certbrc {
    right: 275px;
  }
  .certiso2 {
    right: 150px;
  }
  .certbrcstark {
    right: 20px;
  }
  #ekoinspiracje .eko-wrap .post-thumb {
    width: 40%;
  }
  #ekoinspiracje .eko-wrap .post-thumb img {
    width: 100%;
    height: auto;
  }
  #ekoinspiracje .eko-wrap .post-text {
    width: 100%;
    padding: 40px 50% 100px 40px;
    box-sizing: border-box;
  }
  #header .rmp-container {
    background-color: #f6f9fc !important;
  }
  #header .rmp-container a {
    box-sizing: border-box;
  }
  #filtry #rodzaj {
    padding-top: 20px;
  }
  #container .produkt-element {
    width: 100%;
  }
  #praca .praca-head .praca-tytul .praca-zdjecie {
    min-height: 30vw;
    flex: 0 0 50%;
  }
  .kstripe {
    background-size: cover !important;
  }
  .kstripe #kkatalog {
    margin-left: 30%;
  }
  #kzdjecia img {
    width: 100%;
    height: auto;
  }
  #kzdjecia .text div {
    padding-left: 5px;
    padding-right: 5px;
  }
  #kcert .text-row {
    padding-left: 3vw;
  }
  .kbranza img {
    width: 100%;
    height: auto;
  }
  .kbranza h3 {
    font-size: 32px;
    line-height: 42px;
  }
  .rightfloat p img,
  .leftfloat p img {
    height: 60%;
  }
  .half_left {
    padding-left: 3vw;
  }
  #keco img {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #produktykat #listing {
    overflow-x: auto;
  }
  #produktykat #listing .row .cell {
    flex: 0 0 70px;
  }
  #produktykat #listing .row .zdjecie {
    flex: 0 0 170px;
  }
  .menumobilepl ul .menu-item-has-children:hover > a:after,
  .menumobile ul .menu-item-has-children:hover > a:after {
    display: none;
  }
  .menumobilepl ul .menu-item-has-children:after,
  .menumobile ul .menu-item-has-children:after {
    transition: ease all 0.25s;
    display: inline-block;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("images/submenu.svg");
    top: 2px;
    right: 2px;
    transform: rotate(0deg);
  }
  .menumobilepl ul .menu-item-has-children .sub-menu,
  .menumobile ul .menu-item-has-children .sub-menu {
    padding: 0;
    opacity: 1;
    background-color: transparent;
    height: 0;
    overflow: hidden;
    position: inherit;
    left: 0;
    top: 0;
  }
  .menumobilepl ul .menu-item-has-children .sub-menu li,
  .menumobile ul .menu-item-has-children .sub-menu li {
    padding: 3px 4px 3px 20px;
    transition: ease all 0.25s;
    transform: translateX(-200px);
  }
  .menumobilepl ul .ssee:after,
  .menumobile ul .ssee:after {
    transform: rotate(90deg);
  }
  .menumobilepl ul .ssee .sub-menu,
  .menumobile ul .ssee .sub-menu {
    height: auto;
    overflow: hidden;
  }
  .menumobilepl ul .ssee .sub-menu li,
  .menumobile ul .ssee .sub-menu li {
    opacity: 1;
    transform: translateX(0);
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(2),
  .menumobile ul .ssee .sub-menu li:nth-of-type(2) {
    animation-delay: 0.1s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(3),
  .menumobile ul .ssee .sub-menu li:nth-of-type(3) {
    animation-delay: 0.2s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(4),
  .menumobile ul .ssee .sub-menu li:nth-of-type(4) {
    animation-delay: 0.3s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(5),
  .menumobile ul .ssee .sub-menu li:nth-of-type(5) {
    animation-delay: 0.4s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(6),
  .menumobile ul .ssee .sub-menu li:nth-of-type(6) {
    animation-delay: 0.5s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(7),
  .menumobile ul .ssee .sub-menu li:nth-of-type(7) {
    animation-delay: 0.6s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(8),
  .menumobile ul .ssee .sub-menu li:nth-of-type(8) {
    animation-delay: 0.7s;
  }
  .menumobilepl ul .ssee .sub-menu li:nth-of-type(9),
  .menumobile ul .ssee .sub-menu li:nth-of-type(9) {
    animation-delay: 0.8s;
  }
  #pl .menumobiler,
  #pl .menumobile,
  #pl #mmobile {
    display: none;
  }
  #pl .menumobilepl {
    display: block;
  }
  .menumobile,
  .menumobiler,
  .menumobilepl {
    padding-bottom: 20px;
    width: 100%;
    top: -100vh;
    height: auto;
    left: 0;
  }
  .menumobile ul,
  .menumobiler ul,
  .menumobilepl ul {
    padding: 0 0 0 20px;
    width: 100%;
  }
  .menumobile ul li,
  .menumobiler ul li,
  .menumobilepl ul li {
    padding: 3px 20px;
  }
  .menumobile ul li:hover,
  .menumobiler ul li:hover,
  .menumobilepl ul li:hover {
    cursor: pointer;
  }
  .menumobile ul li:hover > a,
  .menumobiler ul li:hover > a,
  .menumobilepl ul li:hover > a {
    transform: none;
  }
  .menumobile ul li ul,
  .menumobiler ul li ul,
  .menumobilepl ul li ul {
    width: 100%;
  }
  .menumobile ul li ul .menu-item-has-children:before,
  .menumobiler ul li ul .menu-item-has-children:before,
  .menumobilepl ul li ul .menu-item-has-children:before,
  .menumobile ul li ul .menu-item-has-children:after,
  .menumobiler ul li ul .menu-item-has-children:after,
  .menumobilepl ul li ul .menu-item-has-children:after {
    display: none;
  }
  .menumobile .mline > a:after,
  .menumobiler .mline > a:after,
  .menumobilepl .mline > a:after {
    display: none;
  }
  .menumobile .mi > a:before,
  .menumobiler .mi > a:before,
  .menumobilepl .mi > a:before {
    width: 20px;
    height: 20px;
    left: -10px;
    top: 2px;
  }
  #mmobile,
  #mmobiler {
    height: 32px;
    font-size: 16px;
    line-height: 26px;
    margin-right: 60px;
    padding: 0px 20px 0px 24px;
  }
  #mmobile .mmobile,
  #mmobiler .mmobile {
    top: 9px;
  }
  #mmobile .menutext,
  #mmobiler .menutext {
    font-size: 0px;
  }
}
@media screen and (max-width: 800px) {
  #faq .text-row .text:nth-of-type(3) {
    padding-right: 5vw;
  }
  .ekowiadral img {
    width: 47%;
    left: 0;
    bottom: 0;
  }
  #container .produkt-element a .title-wrap h5 {
    font-size: 20px;
    line-height: 24px;
  }
  .ikony .new-row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ikony .new-row .text {
    flex: 0 0 33%;
  }
  .devf {
    font-size: 16px;
    line-height: 22px;
  }
  .devf h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .devf .text-row h3 {
    font-size: 25px;
    line-height: 35px;
  }
  #header #logo:after {
    bottom: -22px;
    right: -22px;
  }
  .nopad {
    display: none;
  }
  .padding_top,
  .paddingin_top {
    padding-top: 60px;
  }
  .padding_bottom,
  .paddingin_bottom {
    padding-bottom: 30px;
  }
  h1 {
    font-size: 34px;
    line-height: 49px;
  }
  h2 {
    font-size: 28px;
    line-height: 40px;
  }
  .skoslewy:before {
    width: 140%;
  }
  .paddingin_right {
    padding-right: 20px;
  }
  .paddingin_left {
    padding-left: 20px;
  }
  #certyfikatyse .flex40 {
    flex: 0 0 60%;
  }
  .certiso9 img,
  .certbrc img,
  .certiso2 img,
  .certbrcstark img {
    transform: scale(0.6);
  }
  .certiso9 {
    right: 152px;
  }
  .certbrc {
    right: 115px;
  }
  .certiso2 {
    right: 10px;
  }
  .certbrcstark {
    right: -10px;
  }
  #footerfirst .text-row,
  #kapital .text-row {
    display: block;
  }
  .cytat {
    font-size: 28px;
    line-height: 40px;
  }
  #historia {
    padding-bottom: 70px;
  }
  #historia .skoslewy:before {
    width: 160%;
    height: 94%;
  }
  .slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext {
    bottom: 10px;
  }
  #ekoikony {
    flex-wrap: wrap;
    justify-content: center;
  }
  #ekoikony .text {
    flex: 0 0 50%;
  }
  .imagecircle .firstrow {
    display: block;
  }
  .imagecircle img {
    width: 90%;
    height: auto;
  }
  #recyklingskrot .text-row .rowimg {
    height: 204px;
    padding: 120px 20px 0px 20px;
  }
  .ekonowosc:before {
    width: 76px;
    height: 76px;
    font-size: 11px;
    line-height: 18px;
    padding-top: 33px;
  }
  #proddeasc .dataflex {
    display: block;
    padding-bottom: 50px;
  }
  .raczkaboxy .raczkabox {
    padding-left: 10px;
    padding-right: 80px;
    font-size: 14px;
    line-height: 22px;
    height: 140px;
  }
  .raczkaboxy .box2,
  .raczkaboxy .box4,
  .raczkaboxy .box6 {
    padding-left: 90px;
    padding-right: 10px;
  }
  .praca-stanowisko h2 {
    font-size: 23px;
    line-height: 34px;
  }
  .padblock .text-row {
    display: block;
  }
  .dystrybutorzy-wrap .dyst {
    margin-bottom: 10px;
    flex: 0 0 47%;
  }
  #fabrykiurl a {
    width: 100%;
  }
  .kstripe #kproducent img {
    width: 190px;
  }
  #produktykat #legenda {
    display: block;
  }
  #odliczanie {
    flex-wrap: wrap;
  }
  #odliczanie .text {
    flex: 0 0 47%;
    box-sizing: border-box;
  }
  .pkontakt h1,
  .pkontakt h1 strong {
    padding-bottom: 5vw;
    padding-top: 5vw;
    font-size: 5vw;
    line-height: 6vw;
  }
  .pkontakt .wiecej {
    font-size: 3vw;
    line-height: 3.5vw;
  }
  .grupaplast h3 {
    font-size: 3vw;
    line-height: 4vw;
  }
  #certyfikatyse img {
    width: 130px;
  }
}
@media screen and (max-width: 640px) {
  .sygnalista .margin_right {
    margin-right: 0;
  }
  .sygnalista .paddingin_right {
    padding-right: 0;
  }
  .sygnalista .margin_left {
    margin-left: 0;
  }
  .sygnalista .paddingin_left {
    padding-left: 0;
  }
  .sygnalista .gfield_radio {
    display: block;
  }
  #faq .text-row {
    flex-direction: column;
  }
  #faq .text-row .text:nth-of-type(1) {
    order: 3;
  }
  #faq .text-row .text:nth-of-type(1) p {
    position: relative;
  }
  #faq .text-row .text:nth-of-type(1) img {
    width: 100%;
    max-height: 300px;
  }
  #faq .text-row .text:nth-of-type(2) {
    padding-bottom: 0;
    order: 1;
  }
  #faq .text-row .text:nth-of-type(2) h6 {
    margin: 0;
    padding: 0;
  }
  #faq .text-row .text:nth-of-type(3) {
    order: 2;
    padding: 0 5vw;
  }
  .logoflex .ustoria {
    font-size: 10px;
    line-height: 13px;
  }
  .logoflex .ustoria img {
    height: 26px;
  }
  .hrt2 {
    padding-top: 0;
    margin-top: 0;
    border: none;
  }
  #frontslid {
    padding-top: 75px;
  }
  .bxwrap .bx-nav {
    bottom: 30px;
  }
  .bxwrap .bx-nav .slider-prev,
  .bxwrap .bx-nav .slider-next,
  .bxwrap .bx-nav .slider-prevb,
  .bxwrap .bx-nav .slider-nextb {
    font-size: 10px;
    line-height: 25px;
    width: 54px;
  }
  .bxwrap .bx-nav .slider-prev,
  .bxwrap .bx-nav .slider-prevb {
    left: -9px;
  }
  .bxwrap .bx-nav .slider-next,
  .bxwrap .bx-nav .slider-nextb {
    left: 31px;
  }
  .padding50left {
    padding-left: 0;
    padding-bottom: 100px;
  }
  #footern .text-row {
    flex-direction: column;
  }
  .logoflex p {
    gap: 20px;
    flex-wrap: wrap;
  }
  .logoflex p img {
    height: 16px;
  }
  .menumobilepl,
  .menumobile {
    max-height: 90vh;
    overflow: auto;
  }
  .menumobilepl ul li ul li,
  .menumobile ul li ul li {
    display: block;
  }
  .menumobilepl ul li ul li:before,
  .menumobile ul li ul li:before {
    width: 5px;
    height: 5px;
    left: 15px;
    top: 9px;
  }
  .menumobilepl .mkatalog,
  .menumobile .mkatalog {
    position: initial;
  }
  .menumobilepl .mkolor,
  .menumobile .mkolor {
    width: 100%;
  }
  .menumobilepl .sub-menu a:before,
  .menumobile .sub-menu a:before {
    left: -16px;
  }
  section {
    background-attachment: scroll !important;
  }
  #pop2 {
    width: 100vw;
    left: 0;
    top: 20vh;
  }
  #pop2 img {
    width: 100%;
    height: auto;
  }
  .dwiekolumny {
    column-count: 1;
  }
  .imgbottom img {
    position: initial;
  }
  .pic80 {
    width: 100%;
  }
  #ekoinspiracje .eko-wrap {
    margin-bottom: 0px;
  }
  #ekoinspiracje .eko-wrap .post-thumb {
    width: 100%;
    height: auto;
    position: initial;
  }
  #ekoinspiracje .eko-wrap .post-text {
    min-height: auto;
    padding: 40px 20px 10px 20px;
  }
  #ekoinspiracje .eko-wrap .zrodlo {
    position: initial;
    width: auto;
  }
  h1 {
    font-size: 24px;
    line-height: 32px;
  }
  h2 {
    font-size: 20px;
    line-height: 30px;
  }
  h3 {
    font-size: 20px;
    line-height: 30px;
  }
  h4 {
    font-size: 14px;
    line-height: 26px;
  }
  h5 {
    font-size: 28px;
    line-height: 39px;
  }
  #grupa {
    padding: 0 10px;
    font-size: 8px;
    line-height: 10px;
    background-image: none;
  }
  #lang .wpml-ls-legacy-dropdown-click ul li a {
    font-size: 8px;
    line-height: 10px;
  }
  .rmp_menu_trigger {
    right: 120px !important;
  }
  .mobiblock .text-row,
  #nowoczesneopakowania .text-row,
  #kimjestesmy .text-row,
  #ekostrategia .text-row,
  #ekoopakowania .text-row,
  #zieloneswiatlo .text-row {
    flex-direction: column;
  }
  .mobiblock .text-row .rowimg,
  #nowoczesneopakowania .text-row .rowimg,
  #kimjestesmy .text-row .rowimg,
  #ekostrategia .text-row .rowimg,
  #ekoopakowania .text-row .rowimg,
  #zieloneswiatlo .text-row .rowimg {
    clip-path: none;
    position: initial;
    width: 100%;
    height: 50vw;
  }
  .posts .post-wrap,
  .text-row .flex70,
  .flex40,
  .flex50 {
    flex: 0 0 100% !important;
  }
  .skoslewy:before {
    width: 160%;
  }
  #srodowisko .text-row,
  #srodowiskon .text-row {
    display: block;
  }
  #certyfikatyse .text-row {
    flex-direction: column;
  }
  #certyfikatyse .skoslewy {
    flex: 1;
  }
  #mapafront {
    padding-bottom: 16vw;
    padding-top: 76vw;
  }
  #mapafront .mapatekst {
    transform: scale(0.5);
    top: -37vw;
    left: 16vw;
    background-color: #4a6686;
  }
  #mapafront .text-row {
    transform: scale(2) translateX(-16vw);
  }
  #mapafront .text-row .fabr,
  #mapafront .text-row .dysdot {
    transform: scale(0.5);
  }
  #mapafront .text-row .dystmapopis,
  #mapafront .text-row .fabopis {
    font-size: 10px;
    line-height: 14px;
  }
  .slider-back-wrap .bx-wrapper .bx-viewport .slider-back .slideback .slidetext {
    font-size: 10px;
    line-height: 14px;
  }
  .cytat {
    font-size: 22px;
    line-height: 32px;
  }
  .slider-wrap .slick-list .slick-track .slide .slideimg {
    height: 50vw;
    width: 100vw;
    clip-path: polygon(29% 0%, 90% 0%, 61% 100%, 0% 100%);
  }
  .slick-current {
    transform: scale(1) !important;
  }
  .wp-image-24442 {
    width: 100%;
    height: auto;
  }
  .padding60left {
    padding-left: 0;
  }
  #ekoikony .text div img,
  .wp-image-32088 {
    width: 100%;
    height: auto;
  }
  #recyklingskrot .text-row .rowimg {
    height: 264px;
    flex: 0 0 100%;
    padding: 160px 20px 0px 20px;
  }
  .gform_body .formrow,
  .awrap,
  .plikiflex .pliki,
  .dystrybutorzy-wrap,
  #kprodhead .text-row,
  #catdescription .kategoriaflex {
    display: block;
  }
  .katkolumn img {
    width: 100%;
    height: auto;
  }
  #catfiltr #filters {
    display: block;
  }
  #catfiltr #filters #branza {
    padding-top: 10px;
  }
  #rodzaj ul li {
    padding-bottom: 10px;
  }
  #container .produkt-element {
    width: 100%;
    display: block;
  }
  #container .produkt-element a .title-wrap h5 {
    margin-top: 8px;
  }
  #gform_fields_1 .ibig input,
  #gform_fields_2 .ibig input,
  #gform_fields_3 .ibig input,
  #gform_fields_4 .ibig input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0;
    padding-top: 0;
  }
  .gform_legacy_markup_wrapper ul.gfield_checkbox li label,
  .gform_legacy_markup_wrapper ul.gfield_radio li label {
    width: 100%;
  }
  #singlepostcontainer h2 {
    font-size: 28px;
    line-height: 39px;
  }
  #singlepostcontainer #branzeplik {
    display: block;
  }
  #singlepostcontainer #branzeplik .brazeflex {
    display: block;
    margin-bottom: 6px;
  }
  #branzedet {
    width: 100%;
  }
  #proddeasc .pokrywaimg img {
    width: 90%;
  }
  #proddeasc .uchwytyrow .uchwyt {
    flex: 0 0 22%;
  }
  #proddeasc h3 {
    font-size: 20px;
    line-height: 28px;
  }
  #proddeasc .info_row {
    font-size: 12px;
    line-height: 18px;
  }
  .raczkaboxy .raczkabox {
    flex: 0 0 100%;
  }
  #catdescription .text-row {
    display: block;
  }
  .ui-accordion-header .walnetytul,
  .raport .walnetytul,
  .ui-accordion-header h5,
  .raport h5 {
    font-size: 18px;
    line-height: 26px;
  }
  .overflowx {
    overflow-x: auto;
  }
  .infofinasowe th,
  .infofinasowe td {
    padding-right: 10px;
    white-space: nowrap;
  }
  .infofinasowe th:first-of-type,
  .infofinasowe td:first-of-type {
    white-space: normal;
  }
  #praca .praca-head .praca-tytul {
    display: block;
    padding-bottom: 10px;
  }
  #praca .praca-head .praca-tytul .praca-zdjecie {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .kbranza .prodfloat,
  .kecopic {
    position: initial !important;
  }
  .dystryul {
    column-count: 1;
  }
  .mapatekst {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .mapatekst i {
    padding-top: 0;
    width: 12px;
    height: 12px;
  }
  .kstripe {
    padding-top: 70vw;
  }
  .kstripe #kproducent {
    width: 85%;
  }
  .kstripe #kkatalog {
    padding: 50px 0 50px 10vw;
    margin-left: 0;
    clip-path: none;
  }
  #kauto #kfirma {
    height: 60vw;
    width: 100vw;
  }
  #odliczanie {
    display: block;
  }
  .gform_body .gform_button {
    width: 100% !important;
  }
  .videocut {
    position: relative;
    width: 100vw;
    height: 60vw;
    left: 0;
    clip-path: polygon(80px 0%, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
  }
  .text-row .imgfloatleft {
    right: auto;
  }
  #wtrysk .text-row,
  #nadruk .text-row {
    flex-direction: column;
    display: flex;
  }
  #wtrysk .text-row .adelay0,
  #nadruk .text-row .adelay0 {
    flex: 0 0 60vw;
    order: 2;
  }
  #wtrysk .text-row .adelay1,
  #nadruk .text-row .adelay1 {
    order: 1;
  }
  .kolor-in .kolorglowny {
    height: auto;
    padding-bottom: 70vw;
  }
  .kolor-in .kolorzdjecie {
    background-position: 50px 217px;
    background-size: 83vw;
    left: 0;
  }
  .kolor-in .kolorzdjecie img {
    width: 100%;
    height: auto;
  }
  #termoforming .rowimg,
  #etykietowanie .rowimg {
    clip-path: polygon(80px 0%, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
  }
  .flexcolumn .text-row {
    flex-direction: column;
  }
  .res50 .text-row {
    width: 90%;
  }
  .mp0 {
    padding: 0;
  }
  .devapion {
    width: 50%;
  }
  .dico {
    display: block;
    padding-bottom: 10px;
  }
  .devprez .res .text-row .flex33,
  #devstart .res .text-row .flex33 {
    flex: 0 0 50%;
  }
  .devprez .text-row h3 {
    font-size: 20px;
    line-height: 30px;
  }
  #devsprawdz {
    padding-left: 0;
    padding-right: 0;
  }
  .res50in {
    padding: 0;
  }
  .padding50right {
    padding-right: 40%;
  }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .devprez .text-row {
    flex-direction: column;
  }
  .devprez .text-row .rowimg {
    flex: 0 0 50vw;
  }
  .page-id-54027 .padding_right,
  .page-id-54202 .padding_right,
  .page-id-54187 .padding_right {
    padding-right: 10px;
  }
  .page-id-54027 .padding_left,
  .page-id-54202 .padding_left,
  .page-id-54187 .padding_left {
    padding-left: 10px;
  }
  .page-id-54027 .padding_top,
  .page-id-54202 .padding_top,
  .page-id-54187 .padding_top {
    padding-top: 20px;
  }
  .page-id-54027 .padding_bottom,
  .page-id-54202 .padding_bottom,
  .page-id-54187 .padding_bottom {
    padding-bottom: 20px;
  }
  .survey .gform_wrapper.gravity-theme table thead {
    top: 0;
    left: 0;
  }
  .survey .gform_wrapper.gravity-theme table thead tr,
  .survey .gform_wrapper.gravity-theme table tbody tr {
    flex-wrap: wrap;
  }
  .survey .gform_wrapper.gravity-theme table thead tr td,
  .survey .gform_wrapper.gravity-theme table tbody tr td,
  .survey .gform_wrapper.gravity-theme table thead tr th,
  .survey .gform_wrapper.gravity-theme table tbody tr th {
    height: 170px;
    flex: 1 0 40%;
    margin: 10px;
  }
  .survey .gform_wrapper.gravity-theme table tbody tr td {
    background-position: center 70% !important;
  }
  .survey .gform_wrapper.gravity-theme table tbody tr td:after {
    display: none;
  }
  .survey .gform_wrapper.gravity-theme table tbody tr .gsurvey-likert-selected {
    background-size: 43%;
  }
  .survey .gform_wrapper.gravity-theme .stn table thead tr th {
    padding-top: 164px;
  }
  .survey .gform_wrapper.gravity-theme .stn table tbody tr td {
    background-position: center 70% !important;
  }
  .survey .gform_wrapper.gravity-theme .stn table tbody tr td:after {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .survey .gform_wrapper.gravity-theme .stn table tbody tr .gsurvey-likert-selected:after {
    bottom: 10px;
  }
  #praca .pracaowrap .pracaopis .pwrap {
    padding-right: 0px !important;
    flex: 0 0 100%;
  }
  .videowrap .myVideo {
    object-fit: cover;
  }
  .bxwrap #bx-nav {
    bottom: 80px;
    right: 120px;
    left: auto;
  }
  .pkontakt h1,
  .pkontakt h1 strong {
    font-size: 8vw;
    line-height: 11vw;
  }
  .pkontakt .wiecej {
    font-size: 5vw;
    line-height: 7.5vw;
  }
  .mapover .text-in {
    position: inherit;
  }
  .sekret .text-row .text .sflex {
    padding: 10px 20px;
  }
  .sekret .text-row .text .sflex .simg img {
    width: 50px;
  }
  .grupalogo:before {
    display: none;
  }
  #grupaplast .g1 div div,
  #grupaplast .g2 div div,
  #grupaplast .g3 div div,
  #grupaplast .g4 div div {
    -webkit-clip-path: none;
    clip-path: none;
  }
  #grupaplast .margin_left {
    margin-left: 0 !important;
  }
  #grupaplast .margin_right {
    margin-right: 0 !important;
  }
  #grupaplast .g2 .margin_bottom {
    margin-bottom: 0 !important;
  }
  .alignc p {
    text-align: center;
  }
  #header #search-wrap form #search {
    line-height: 26px;
  }
  #header #search-wrap {
    top: 0;
  }
  #header #logo {
    flex: 0 0 110px;
  }
  #header #logo:after {
    width: 14px;
    height: 14px;
    bottom: -4px;
    right: -12px;
  }
  #pageheader {
    padding-top: 80px;
  }
  .page-id-65894 .siatkarz {
    left: 70%;
    top: 350px;
  }
  .page-id-65894 .siatkarz img {
    width: 110px;
  }
  .page-id-65894 .pilka1 {
    top: 310px;
    left: 79%;
  }
  .page-id-65894 .pilka1 img {
    width: 20px;
  }
  .page-id-65894 .siatkarz2 {
    left: 60%;
    top: 530px;
  }
  .page-id-65894 .pilka2 {
    left: 86%;
    top: 550px;
  }
  .page-id-65894 .pilka2 img {
    width: 21px;
  }
  .page-id-65894 .paddingin_left {
    padding-left: 0;
  }
  .page-id-65894 .paddingin_right {
    padding-right: 0;
  }
  .page-id-65894 .margin_left {
    margin-left: 0;
  }
  .page-id-65894 .margin_right {
    margin-right: 0;
  }
  .page-id-65894 .siatkarz3 {
    left: 80%;
    top: 400px;
  }
  .page-id-65894 .siatkarz3 img {
    width: 60px;
  }
  .page-id-65894 .pilka3 {
    left: 84%;
    top: 397px;
  }
  .page-id-65894 .pilka3 img {
    width: 28px;
  }
  .page-id-65894 .gramytab2 td {
    font-size: 10px !important;
    line-height: 14px;
  }
  .bxwrap .nowosciml .slide-text-in {
    padding-top: 30px;
    font-size: 11px;
  }
  .bxwrap .nowosciml .slide-text-in strong {
    font-size: 1.5em;
  }
  .filmkariera {
    height: 56vw;
  }
  .filmkariera video {
    top: 0;
  }
  .moai-wrapper.pracownicyonas {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .moai-wrapper.pracownicyonas .slidein {
    flex-direction: column;
    gap: 0;
  }
  .moai-wrapper.pracownicyonas .slidein .slider-text {
    padding: 0 10px;
  }
  .staz25 .slidein {
    display: block;
  }
}
@media print {
  #header,
  #kprodhead,
  #prodbranza {
    display: none;
  }
  #header {
    position: relative;
  }
  #produktykat .row .zdjecie {
    flex: 0 0 180px;
  }
  #produktykat .row .zdjecie img {
    margin: 0;
  }
  h1 {
    font-size: 20px;
    line-height: 30px;
    color: #262626;
  }
  #headright,
  .rmp-container,
  #backtotop,
  .print,
  #left-navigation,
  footer {
    display: none !important;
  }
  #produktykat .row {
    transform: translateX(0) translateY(0) !important;
    opacity: 1 !important;
  }
  #produktykat .row .cell {
    font-size: 10px;
  }
  #kprodhead,
  .nooverflow {
    padding-top: 0;
  }
  #produktykat .naglowek {
    height: 130px;
  }
  #produktykat .naglowek .cell .tytul {
    padding-left: 0;
  }
  #produktykat .naglowek .cell .tytul:before {
    display: none;
  }
  #produktykat .row .zdjecie img {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  #prodimg .prodetykieta {
    padding: 20px;
  }
}