@charset "utf-8";
   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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/phone.svg);
}
.mfax {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/fax.svg);
}
.mwhite {
filter: grayscale(1) brightness(4);
}
#karieraform .text-row {
justify-content: center;
} .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(//www.plast-box.com/wp-content/themes/moai-v3/images/box.svg);
background-size: contain;
}
.rmp-menu-wrap .neko:before {
width: 23px;
height: 24px;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/leaf.svg);
}
.rmp-menu-wrap .ninv:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/box.svg);
background-size: contain;
}
.secondary-navigation ul ul .micoeko a:before {
width: 23px;
height: 24px;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/leaf.svg);
}
.secondary-navigation ul ul .micoakc a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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;
}
.menumobile,
.menumobiler,
.menumobilepl {
font-weight: 300;
padding-bottom: 90px;
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;
}
.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(//www.plast-box.com/wp-content/themes/moai-v3/images/mekoopakowania.svg);
}
.menumobile .monas > a:before,
.menumobiler .monas > a:before,
.menumobilepl .monas > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/monas.svg);
}
.menumobile .mdl > a:before,
.menumobiler .mdl > a:before,
.menumobilepl .mdl > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mdl.svg);
}
.menumobile .mpge > a:before,
.menumobiler .mpge > a:before,
.menumobilepl .mpge > a:before {
filter: none !important;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/pge.svg);
}
.menumobile .mtechnologie > a:before,
.menumobiler .mtechnologie > a:before,
.menumobilepl .mtechnologie > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mtechnologie.svg);
}
.menumobile .mowalne > a:before,
.menumobiler .mowalne > a:before,
.menumobilepl .mowalne > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/mplastikowe.svg);
}
.menumobile .mspozywcze > a:before,
.menumobiler .mspozywcze > a:before,
.menumobilepl .mspozywcze > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mspozywcze.svg);
}
.menumobile .mchemia > a:before,
.menumobiler .mchemia > a:before,
.menumobilepl .mchemia > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mchemia.svg);
}
.menumobile .mspozywczeiml > a:before,
.menumobiler .mspozywczeiml > a:before,
.menumobilepl .mspozywczeiml > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mspozywczeiml.svg);
}
.menumobile .mchemiaiml > a:before,
.menumobiler .mchemiaiml > a:before,
.menumobilepl .mchemiaiml > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mchemiaiml.svg);
}
.menumobile .mkolor > a:before,
.menumobiler .mkolor > a:before,
.menumobilepl .mkolor > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/mkatalog.svg);
}
.menumobile .meko > a:before,
.menumobiler .meko > a:before,
.menumobilepl .meko > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/meko.svg);
}
.menumobile .mzrownowazowy > a:before,
.menumobiler .mzrownowazowy > a:before,
.menumobilepl .mzrownowazowy > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mzrownowazony.svg);
}
.menumobile .mpir > a:before,
.menumobiler .mpir > a:before,
.menumobilepl .mpir > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mekoopakowaniab.svg);
}
.menumobile .minspiracje > a:before,
.menumobiler .minspiracje > a:before,
.menumobilepl .minspiracje > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/minformacje.svg);
}
.menumobile .mfaq > a:before,
.menumobiler .mfaq > a:before,
.menumobilepl .mfaq > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/cert.svg);
}
.menumobile .moekopakowania > a:before,
.menumobiler .moekopakowania > a:before,
.menumobilepl .moekopakowania > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mekoopakowania.svg);
}
.menumobile .miso > a:before,
.menumobiler .miso > a:before,
.menumobilepl .miso > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/miso.svg);
}
.menumobile .mnews > a:before,
.menumobiler .mnews > a:before,
.menumobilepl .mnews > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mnews.svg);
}
.menumobile .mkariera > a:before,
.menumobiler .mkariera > a:before,
.menumobilepl .mkariera > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mkariera.svg);
}
.menumobile .mkontakt > a:before,
.menumobiler .mkontakt > a:before,
.menumobilepl .mkontakt > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mkontakt.svg);
}
.menumobile .mspolka > a:before,
.menumobiler .mspolka > a:before,
.menumobilepl .mspolka > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mspolka.svg);
}
.menumobile .mraporty > a:before,
.menumobiler .mraporty > a:before,
.menumobilepl .mraporty > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mraport.svg);
}
.menumobile .mwladze > a:before,
.menumobiler .mwladze > a:before,
.menumobilepl .mwladze > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mwladze.svg);
}
.menumobile .mkalendarium > a:before,
.menumobiler .mkalendarium > a:before,
.menumobilepl .mkalendarium > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mkomunikaty.svg);
}
.menumobile .mfinansowe > a:before,
.menumobiler .mfinansowe > a:before,
.menumobilepl .mfinansowe > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/minformacje.svg);
}
.menumobile .mlad > a:before,
.menumobiler .mlad > a:before,
.menumobilepl .mlad > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mlad.svg);
}
.menumobile .mrozwiazania > a:before,
.menumobiler .mrozwiazania > a:before,
.menumobilepl .mrozwiazania > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mrozwiazania.svg);
}
.menumobile .muchwyt > a:before,
.menumobiler .muchwyt > a:before,
.menumobilepl .muchwyt > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/muchwyt.svg);
}
.menumobile .miml > a:before,
.menumobiler .miml > a:before,
.menumobilepl .miml > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/miml.svg);
}
.menumobile .msiedziba > a:before,
.menumobiler .msiedziba > a:before,
.menumobilepl .msiedziba > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/msiedziba.svg);
}
.menumobile .mgrupa > a:before,
.menumobiler .mgrupa > a:before,
.menumobilepl .mgrupa > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mplast.svg);
}
.menumobile .mlocal > a:before,
.menumobiler .mlocal > a:before,
.menumobilepl .mlocal > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/msprzedaz.svg);
}
.menumobile .mexport > a:before,
.menumobiler .mexport > a:before,
.menumobilepl .mexport > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/msprzedaz.svg);
}
.menumobile .mmedia > a:before,
.menumobiler .mmedia > a:before,
.menumobilepl .mmedia > a:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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: #35527c !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;
} .ppic p {
padding: 0;
margin: 0;
}
.ppic p img {
display: block;
}
.ulotkadl:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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 {
font-weight: 700;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.6px;
color: #8098ad;
}
h4 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: 26px;
line-height: 38px;
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;
}
.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%;
}
.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 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/eko.jpg);
}
#catdescription {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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 {
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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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 {
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;
}
.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";
} .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;
color: #fff;
background-color: #748f9b;
}
.bxwrap .slide .slide-text-in .wiecej:hover {
background-color: #4a6686;
}
.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 .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;
}
.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;
} #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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2.jpg);
}
.raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3.jpg);
}
.raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4.jpg);
}
.raczkaboxy .box5 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt5.jpg);
}
.raczkaboxy .box6 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt6.jpg);
}
.raczkaboxy .box2,
.raczkaboxy .box4,
.raczkaboxy .box6 {
padding-left: 200px;
padding-right: 80px;
}
#en .raczkaboxy .box1 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt1en.jpg);
}
#en .raczkaboxy .box2 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2en.jpg);
}
#en .raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3en.jpg);
}
#en .raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4en.jpg);
}
#uk .raczkaboxy .box1 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt1uk.jpg);
}
#uk .raczkaboxy .box2 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2uk.jpg);
}
#uk .raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3uk.jpg);
}
#uk .raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4uk.jpg);
}
#de .raczkaboxy .box1 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt1de.jpg);
}
#de .raczkaboxy .box2 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2de.jpg);
}
#de .raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3de.jpg);
}
#de .raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4de.jpg);
}
#ru .raczkaboxy .box1 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt1ru.jpg);
}
#ru .raczkaboxy .box2 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2ru.jpg);
}
#ru .raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3ru.jpg);
}
#ru .raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4ru.jpg);
}
#fr .raczkaboxy .box1 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt1fr.jpg);
}
#fr .raczkaboxy .box2 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt2fr.jpg);
}
#fr .raczkaboxy .box3 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt3fr.jpg);
}
#fr .raczkaboxy .box4 {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/uchwyt4fr.jpg);
}
#imllisc {
background-image: url(//www.plast-box.com/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/tpcr.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#container .produkt-element .thumb-wrap .prodIcons .pIpir {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tpir.png);
}
#container .produkt-element .thumb-wrap .prodIcons .pImrozenie {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tmrozenie.png);
}
#container .produkt-element .thumb-wrap .prodIcons .pIgorace {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/wiadro.png);
background-position: center bottom;
}
#container .produkt-element .thumb-wrap .objekt3d {
display: none;
}
#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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/zadania.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
#praca .pracaopis .oczekiwania {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/oczekuje.svg);
}
#praca .pracaopis .oferta {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/oferuje.svg);
}
#praca .pzgoda {
font-size: 12px;
line-height: 18px;
}
.piko {
height: 60px;
width: 60px;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/korzysci.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 10px;
}
.zadania {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/zadania.svg);
}
.widziane {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/mile.svg);
}
.profil {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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; 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; }
.tray__swatch {
transition: 0.1s ease-in;
height: 50px;
width: 50px;
border: solid 2px #ffffff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
background-size: cover; }
.tray__swatch:nth-child(5n + 5) { }
.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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/stak2.svg);
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/stak2e.svg);
}
.survey .gform_wrapper.gravity-theme .snt2 table tbody tr td:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/ssociatts.svg);
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:before {
border-color: #fa9e9f;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/ssocialn.svg);
}
.survey .gform_wrapper.gravity-theme .ssocial .gfield_radio .gchoice:nth-of-type(2) input:checked:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/s1s.svg);
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr td:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/s3.svg);
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr td:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/s1.svg);
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/s3s.svg);
}
.survey .gform_wrapper.gravity-theme .semo3 table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/s1s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td {
overflow: visible;
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star4.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star4.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star3.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(4) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star2.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr td:nth-of-type(5) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star1.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star4s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star4s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star3s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(4) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star2s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar table tbody tr .gsurvey-likert-selected:nth-of-type(5) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star1s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr td:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star3.svg);
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr td:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star1.svg);
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr .gsurvey-likert-selected:nth-of-type(2) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/star3s.svg);
}
.survey .gform_wrapper.gravity-theme .sstar3 table tbody tr .gsurvey-likert-selected:nth-of-type(3) {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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;
} .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 {
color: #4a6686;
}
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 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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/pnominalna.svg);
}
#produktykat .naglowek .gorna .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/gorna.svg);
}
#produktykat .naglowek .dolna .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/dolna.svg);
}
#produktykat .naglowek .wysokoscbez .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/wbezpokrywki.svg);
}
#produktykat .naglowek .wysokoscz .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/wpokrywka.svg);
}
#produktykat .naglowek .wysokosczfoil .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/wpokrywkafoil.svg);
}
#produktykat .naglowek .raczka .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/raczka.svg);
}
#produktykat .naglowek .offset .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/offset.svg);
}
#produktykat .naglowek .iml .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/iml.svg);
}
#produktykat .naglowek .imlp .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/imlp.svg);
}
#produktykat .naglowek .foliowanie .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/foliowanie.svg);
}
#produktykat .naglowek .paletyzacja .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/paletyzacja.svg);
}
#produktykat .naglowek .branza .tytul:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/serce.png);
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
}
.page-id-304 #pageheader {
display: none;
} .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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/tstandard.png);
}
.select-options .tpcr:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tpcr.png);
}
.select-options .tpir:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tpir.png);
}
.select-options .tmrozenie:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tmrozenie.png);
}
.select-options .tgorace:before {
background-image: url(//www.plast-box.com/wp-content/themes/moai-v3/images/tgorace.png);
}
.select-options li[rel="hide"] {
display: none;
}
.rev-select-box {
display: none;
} .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(//www.plast-box.com/wp-content/themes/moai-v3/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(//www.plast-box.com/wp-content/themes/moai-v3/images/pge.svg);
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;
}
@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;
}
}
@media screen and (max-width: 1920px) {
#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;
}
}
@media screen and (max-width: 1366px) {
.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(//www.plast-box.com/wp-content/themes/moai-v3/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) {
#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;
}
}
@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;
}
}