@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"); html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, 
em, font, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
border: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html, body, p, ul {
font-size: 16px;
}
.dropdown-menu {
display: none;
}
.sub-menu {
display: none;
} .navbar-nav {
position: relative;
margin: 0px -15px !important;
text-align: center !important;
z-index: 1000;
}
.navbar {
border-radius: 0 !important;
}
.navbar .nav > li > a {
padding: 12px 17px;
color: #333;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.navbar .nav > li.chemia-budowlana {
background: #0077cd;
}
.navbar .nav > li.chemia-budowlana > a {
color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar .nav > li > a {
padding: 20px 10px;
color: #333;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
}
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
text-decoration: none;
background: #ed1c24;
color: #FFF !important;
}
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-parent > a {
color: #fff;
}
.navbar .nav > li.current-menu-parent > a .fa,
.navbar .nav > li.current-menu-item > a .fa {
color: #fff;
}
.navbar ul li {
background-size: 0;
padding: 0px 0px 0px 0px;
}
.navbar {
width: 100%;
height: 40px;
background: #ececec;
font-size: 16px;
border: 0 !important;
margin-bottom: 0 !important;
}
.navbar .navbar-toggle {
margin-top: 8px;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.navbar .navbar-collapse,
.navbar .navbar-form {
border-color: #c6c6c6;
background: #ECECEC;
padding: 0px;
margin: 0px -30px !important;
}
.navbar .nav > li > a {
padding: 10px 20px;
color: #333;
font-weight: normal;
text-transform: uppercase;
}
}
.navbar-toggle {
border-color: #ddd;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #ddd;
}
.navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 0 !important;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid #888 !important;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.no-navbar-container {
height: 44px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
@media (max-width: 767px) {
.no-navbar-container {
height: 50px;
}
}
.sticky {
position: fixed !important;
top: 0;
width: 100%;
z-index: 50;
}
.sticky + .content {
padding-top: 60px;
}
.current_page_item > a,
.current-menu-ancestor > a,
.insideLink:hover + a,
.current-product-parent > a,
.current-menu-item > a,
li.menu-item-has-children.open > a {
text-decoration: none;
background: #ed1c24;
color: #FFF;
}
.chemia-budowlana.current_page_item > a,
.chemia-budowlana.current-menu-ancestor > a,
.chemia-budowlana.insideLink:hover + a,
.chemia-budowlana.current-product-parent > a,
.chemia-budowlana.current-menu-item > a,
li.menu-item-has-children.chemia-budowlana.open > a,
.chemia-budowlana .current_page_item > a,
.chemia-budowlana .current-menu-ancestor > a,
.chemia-budowlana .insideLink:hover + a,
.chemia-budowlana .current-product-parent > a,
.chemia-budowlana .current-menu-item > a,
li.menu-item-has-children.chemia-budowlana.open > a {
background: #0077cd;
}
.sub-menu { position: absolute;
margin: 0;
background: rgba(236,236,236,0.9);
text-align: left;
padding: 4px 8px !important;
width: 100%; z-index: 10000000;
}
@media (max-width: 768px) {
.wpcf7-list-item input[type=checkbox] {
width: 20px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
li:hover > ul.dropdown-menu,
li > ul.dropdown-menu:hover {
display: inline-block !important;
opacity: 1;
padding: 0 !important;
margin: 0;
min-width: 100%;
width: auto;
}
li > .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
opacity: 0;
float: left;
min-width: 160px;
padding: 0;
margin: 0;
font-size: 16px;
text-align: left;
list-style: none;
background-color: #ECECEC;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: none;
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
li > .dropdown-menu > li > a {
display: block;
padding: 10px;
clear: both;
line-height: normal;
color: #333;
white-space: nowrap;
min-width: 100%;
width: auto;
font-weight: 400;
font-size: 12px;
}
li > .dropdown-menu > li.current-menu-item > a {
color: #fff;
}
li > .dropdown-menu > li > a:hover,
li > .dropdown-menu > li > a:focus {
color: #fff !important;
text-decoration: none;
background-color: #ed1c24;
}
li.chemia-budowlana > .dropdown-menu > li > a:hover,
li.chemia-budowlana > .dropdown-menu > li > a:focus {
background-color: #0077cd;
}
li > .dropdown-menu > li {
position: relative;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu {
position: absolute;
left: 100%;
top: 0;
opacity: 1;
display: block !important;
z-index: 1005;
min-width: 100%;
width: auto;
}
a.add-arrow:after {
content: '››';
position: absolute;
right: 10px;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu > li {
display: inline-block;
min-width: 100%;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu > li > a {
display: inline-block;
min-width: 100%;
}
}
@media (min-width: 991px) {
li:hover > ul.dropdown-menu,
li > ul.dropdown-menu:hover {
display: inline-block !important;
opacity: 1;
padding: 0 !important;
margin: 0;
min-width: 100%;
width: auto;
}
li > .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
opacity: 0;
float: left;
min-width: 160px;
padding: 0;
margin: 0;
font-size: 16px;
text-align: left;
list-style: none;
background-color: #ECECEC;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: none;
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
li > .dropdown-menu > li > a {
display: block;
padding: 10px;
clear: both;
line-height: normal;
color: #333;
white-space: nowrap;
min-width: 100%;
width: auto;
font-weight: 600;
font-size: 14px;
}
li > .dropdown-menu > li.current-menu-item > a {
color: #fff;
}
li > .dropdown-menu > li > a:hover,
li > .dropdown-menu > li > a:focus {
color: #fff !important;
text-decoration: none;
background-color: #ed1c24;
}
li.chemia-budowlana > .dropdown-menu > li > a:hover,
li.chemia-budowlana > .dropdown-menu > li > a:focus {
background-color: #0077cd;
}
li > .dropdown-menu > li {
position: relative;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu {
position: absolute;
left: 100%;
top: 0;
opacity: 1;
display: block !important;
z-index: 1005;
min-width: 100%;
width: auto;
}
a.add-arrow:after {
content: '››';
position: absolute;
right: 10px;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu > li {
display: inline-block;
min-width: 100%;
}
li > .dropdown-menu > li:hover > ul.dropdown-menu > li > a {
display: inline-block;
min-width: 100%;
}
}
@media (min-width: 767px) and (max-width: 991px) {
li > .dropdown-menu {
font-size: 14px;
}
}
@media (max-width: 767px) {
li > ul.dropdown-menu,
li:hover > ul.dropdown-menu,
li > ul.dropdown-menu:hover {
margin: 0;
padding: 0 !important;
font-size: 16px;
border-radius: 0;
}
li > .dropdown-menu {
margin: 0;
padding: 0 !important;
}
li > .dropdown-menu > li > a {
color: #333 !important;
padding: 10px !important;
font-size: 14px;
}
li > .dropdown-menu > li > a:hover,
li > .dropdown-menu > li > a:focus {
text-decoration: none;
background-color: #ed1c24;
}
li.chemia-budowlana > .dropdown-menu > li > a:hover,
li.chemia-budowlana > .dropdown-menu > li > a:focus {
background-color: #0077cd;
}
.navbar-nav li.open > ul.dropdown-menu > li > ul.dropdown-menu {
display: block;
}
.navbar-nav li.open > ul.dropdown-menu > li > i {
display: none;
}
.navbar-nav li.open > ul.dropdown-menu > li > ul.dropdown-menu > li > a {
padding-left: 25px !important; 
}
.navbar-nav li.open > ul.dropdown-menu > li > ul.dropdown-menu > li > a:before {
content: '››';
position: absolute;
left: 10px;
}
}
.insideLink {
position: absolute;
right: 0px;
width: 40px;
height: 40px;
color: #333;
z-index: 1000000;
padding: 13px;
} .alignleft {
display: inline;
float: left;
margin-right: 10px;
}
.alignright {
display: inline;
float: right;
margin-left: 10px;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
} h1 {
color: #96b722;
font-size: 22px;
margin-top: 10px;
}
h1.page-title {
margin-top: 0;
}
h2 {
color: #96b722;
font-size: 20px;
margin-top: 5px;
}
h3 {
color: #96b722;
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
}
h4 {
color: #96b722;
font-size: 16px;
margin-bottom: 15px;
}
h5 {
color: #96b722;
font-size: 14px;
margin-bottom: 10px;
}
h6 {
color: #96b722;
font-size: 12px;
margin-bottom: 10px;
}
h3.header-strong {
margin: 0px 0;
color: #ed1c24;
}
small {
font-size: 12px;
}
strong, b, th,
.bold {
font-weight: 700;
}
a,
a:link,
a:visited {
font-weight: 400;
text-decoration: none;
color: #ed1c24;
outline: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
a:hover,
a:active,
a:focus {
outline: 0 !important;
color: #a50d13 !important;
text-decoration: underline;
}
p {
line-height: 1.6em;
font-size: 16px;
margin: 0 0 15px !important;
}
em {
font-style: italic;
}
hr {
}
ul.tick,
ul#tick {
}
ul.tick li,
ul#tick li {
}
ul,
ul.arrow,
ul#arrow {
margin-bottom: 20px;
margin-left: 20px;
line-height: 1.6em;
list-style: none;
}
ul li,
ul.arrow li,
ul#arrow li {
background-size: 15px;
}
ul li:before, .wc-tab ul li:before,
.wc-tab ul.arrow li:before,
.wc-tab ul#arrow li:before {
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-left: -17px;
color: #ed1c24;
}
aside ul {
margin-left: 0px;
}
aside ul li,
aside ol li {
font-size: 14px;
}
aside ul li:before {
content: "";
font-size: inherit;
float: left;
margin-left: 0;
}
.navbar ul li:before,
ul.tabs li:before,
ul#shipping_method li:before,
ul.woocommerce-error li:before,
.pp_content_container ul li:before,
ul.breadcrumbs li:before,
#footer-light ul li:before {
content: '';
}
ol {
margin-bottom: 20px;
margin-left: 30px;
line-height: 1.6em;
}
ol li {
margin: 8px 0;
padding: 0;
}
.aligncenter {
margin: auto !important;
display: block;
}
.nomargin { margin: 0 !important; }
.top-buffer-0  { margin-top: 0px !important; }
.top-buffer-5  { margin-top: 5px !important; }
.top-buffer-10 { margin-top: 10px !important; }
.top-buffer-15 { margin-top: 15px !important; }
.top-buffer-20 { margin-top: 20px !important; }
.top-buffer-25 { margin-top: 25px !important; }
.top-buffer-30 { margin-top: 30px !important; }
.top-buffer-40 { margin-top: 40px !important; }
.right-buffer-0  { margin-right: 0px !important; }
.right-buffer-5  { margin-right: 5px !important; }
.right-buffer-10 { margin-right: 10px !important; }
.right-buffer-15 { margin-right: 15px !important; }
.right-buffer-20 { margin-right: 20px !important; }
.right-buffer-30 { margin-right: 30px !important; }
.right-buffer-40 { margin-right: 40px !important; }
.bottom-buffer-0  { margin-bottom: 0px !important; }
.bottom-buffer-5  { margin-bottom: 5px !important; }
.bottom-buffer-10 { margin-bottom: 10px !important; }
.bottom-buffer-15 { margin-bottom: 15px !important; }
.bottom-buffer-20 { margin-bottom: 20px !important; }
.bottom-buffer-30 { margin-bottom: 30px !important; }
.bottom-buffer-40 { margin-bottom: 40px !important; }
.left-buffer-0  { margin-left: 0px !important; }
.left-buffer-5  { margin-left: 5px !important; }
.left-buffer-10 { margin-left: 10px !important; }
.left-buffer-15 { margin-left: 15px !important; }
.left-buffer-20 { margin-left: 20px !important; }
.left-buffer-30 { margin-left: 30px !important; }
.left-buffer-40 { margin-left: 40px !important; }
.nopadding        { padding: 0 !important; }
.nopadding-top    { padding-top: 0 !important; }
.nopadding-right  { padding-right: 0 !important; }
.nopadding-bottom { padding-bottom: 0 !important; }
.nopadding-left   { padding-left: 0 !important; }
.top-padding-5  { padding-top: 5px !important; }
.top-padding-10 { padding-top: 10px !important; }
.top-padding-20 { padding-top: 20px !important; }
.top-padding-40 { padding-top: 40px !important; }
.center {
float: none;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.text-center-xs {
text-align: center !important;
}
}
a.btn-red {
font-size: 14px;
font-weight: 700;
padding: 10px;
background: #ed1c24;
border: 1px solid #a50d13;
color: #FFF;
display: inline-block;
}
a.btn-red:active,
a.btn-red:focus,
a.btn-red:hover {
background: #a50d13;
color: #FFF !important;
text-decoration: none;
}
.btn-big {
font-size: 24px !important;
padding: 10px 20px !important;
} #header-yellow {
width: 100%;
height: 40px;
background: #f1b845;
}
#header-yellow .header-yellow-insider {
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
#header-yellow .header-yellow-insider .gradient-before {
width: 30px;
position: absolute;
height: 100%;
z-index: 50;
left: 0;
top: 0;
background: rgb(241,184,69);
background: linear-gradient(90deg, rgba(241,184,69,1) 0%, rgba(255,255,255,0) 100%);
}
#header-yellow .header-yellow-insider .gradient-after {
width: 30px;
position: absolute;
height: 100%;
z-index: 50;
right: 0;
top: 0;
background: rgb(241,184,69);
background: linear-gradient(270deg, rgba(241,184,69,1) 0%, rgba(255,255,255,0) 100%);
}
#header-yellow .header-yellow-insider p {
display: inline-block;
color: #ed1c24;
padding-left: 100%;
animation: move 25s linear infinite;
margin: 0 !important;
}
@keyframes move {
0%   { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
#header-yellow .header-yellow-insider span {
line-height: 40px !important;
font-weight: 700;
}
#header-yellow .header-yellow-insider span.divider {
padding: 0 25px;
} #header-dark {
position: relative;
width: 100%;
height: 40px;
color: #FFF;
font-size: 14px;
background: #333;
padding-top: 5px;
padding-bottom: 5px;
line-height: 30px;
}
#header-dark .fa {
font-size: 16px;
margin-right: 10px;
color: #ed1c24;
}
#header-dark a {
color: #FFF;
font-weight: normal;
text-decoration: none;
}
#header-dark a:hover,
#header-dark a:focus,
#header-dark a:active {
color: #ed1c24;
font-weight: normal;
}
#header-white {
position: relative;
width: 100%;
height: auto;
background: #FFF;
padding-top: 10px;
padding-bottom: 10px;
}
.header-infoline .textwidget {
float: left;
display: inline-block;
margin: 5px 15px;
}
.header-infoline .fa {
color: #f1b846;
font-size: 40px;
display: inline-block;
float: left;
}
.header-infoline .fa.fa-envelope-o {
margin-top: 7px
}
.header-infoline p {
color: #333333;
font-size: 14px;
}
.header-infoline a {
color: #333;
font-size: 15px;
font-weight: 700;
}
.header-infoline a.header-phone-number {
display: inline-block;
font-size: 15px;
font-weight: 700;
margin: 0;
color: #333;
line-height: 18px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.header-infoline a:hover,
.header-infoline a.header-phone-number:hover {
color: #ed1c24;
}
.header-infoline a span,
.header-infoline a.header-phone-number span {
font-size: 18px;
font-weight: 700;
}
.red-buttons {
position: fixed;
bottom: 25%;
right: 0;
z-index: 50;
}
.red-button-email {
display: block;
width: 54px;
height: 54px;
background: #ed1c24;
margin-bottom: 2px;
}
.red-button-email a {
display: inline-block;
color: #fff;
width: 100%;
text-align: center;
padding-top: 3px;
font-size: 32px;
}
.red-button-cart {
display: block;
width: 54px;
height: 54px;
background: #ed1c24;
}
.red-button-cart a {
display: inline-block;
color: #fff;
width: 100%;
text-align: center;
padding-top: 2px;
font-size: 32px;
}
.red-buttons a:active,
.red-buttons a:focus {
color: #333 !important;
}
@media (max-width: 767px) {
.header-infoline {
margin-top: 15px;
padding: 0 30px !important;
}
.header-infoline a.header-phone-number {
float: inherit;
}
.header-infoline > .row {
width: fit-content;
margin: auto;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.cart-content {
margin-top: 20px;
}
.header-infoline {
margin-top: 10px;
}
.header-infoline > .row {
width: fit-content;
margin: auto;
}
}
.header-contact a {
display: inline-block;
font-size: 14px;
margin: 5px 0 5px 0 !important;
color: #333;
font-weight: normal;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.header-contact a:hover {
color: #ed1c24;
text-decoration: underline;
}
.header-contact a .fa {
font-size: 18px;
margin-right: 4px;
color: #ed1c24;
}
p.your-cart {
margin-top: 29px !important;
font-size: 16px;
}
p.your-cart {
margin-top: 0px !important;
font-size: 16px;
}
@media (min-width: 768px) {
p.your-cart {
margin-top: 14px !important;
font-size: 16px;
}
}
@media (min-width: 992px) {
p.your-cart {
margin-top: 29px !important;
font-size: 16px;
}
}
.year-of-establishment {
font-size: 14px;
font-weight: 700;
display: inline-block;
} #footer-light {
position: relative;
width: 100%;
min-height: 130px;
color: #fff;
font-size: 14px;
background: #333333;
padding-top: 5px;
padding-bottom: 5px;
}
#footer-light ul {
font-size: 14px;
}
#footer-dark {
position: relative;
width: 100%;
min-height: 40px;
color: #FFF;
font-size: 14px;
background: #262626;
padding-top: 5px;
padding-bottom: 5px;
line-height: 30px;
}
#footer-dark strong a {
color: #FFF;
}
#footer-light img {
display: block;
max-width: 100%;
height: auto;
}
#footer-light h4 {
color: #ed1c24;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
} .cart-content {
position: relative;
max-width: 100px;
width: 100%;
height: 40px;
border-radius: 0;
background: #333;
}
.cart-content .cart-icon a {
position: relative;
float: left;
max-width: 50px;
width: 100%;
height: 40px;
border-radius: 0;
background: #ed1c24;
color: #FFF;
padding: 5px;
font-size: 20px;
}
.cart-content .cart-icon a:hover {
background: #a50d13;
color: #FFF;
}
.cart-content .cart-icon a .fa {
color: #FFFFFF;
}
.cart-content .cart-quantity {
position: relative;
float: left;
height: 40px;
color: #FFF;
padding: 2px;
text-align: center;
display: inline-block;
width: 50px;
line-height: 36px;
}
.cart-content .cart-quantity span {
font-size: 20px;
font-weight: 700;
} #header-white .product-search.floating .product-search-results {
position: absolute;
z-index: 1010;
background: #fff;
border: 1px solid #ccc;
margin: -1px 0 0 0;
border-radius: 6px;
}
input.product-search-field {
max-width: 100%;
width: 100% !important;
height: 38px;
border-radius: 6px;
border: 1px solid #a0a0a0;
outline: none;
margin-top: 5px;
padding: 10px;
}
@media (min-width: 768px) {
.div-search-field {
padding-right: 0px !important;
padding-left: 0px !important;
}
}
@media (min-width: 992px) {
.div-search-field {
padding-right: 0px !important;
padding-left: 0px !important;
}
input.product-search-field {
width: 100% !important;
height: 30px;
border-radius: 6px;
border: 1px solid #a0a0a0;
outline: none;
margin-top: 0px;
padding: 10px;
}
} aside {
margin-bottom: 20px;
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 0;
color: #333;
padding: 15px;
}
aside .fa {
font-size: 16px;
color: #ed1c24;
margin-right: 5px;
}
aside p {
margin-bottom: 15px;
font-size: 14px;
}
aside h1 {
font-size: 22px;
font-weight: 700;
margin: 0 0 15px 0;
color: #ed1c24;
text-align: center;
}
aside h5 {
font-size: 18px;
font-weight: 700;
margin: 0 0 15px 0;
color: #ed1c24;
}
aside img {
display: block;
max-width: 100%;
height: auto;
opacity: .8;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
aside img:hover {
opacity: 1;
} #footer-light ul {
margin-bottom: 0;
margin-left: 0;
line-height: 30px;
list-style: none;
}
#footer-light ul.menu a {
color: #fff;
font-weight: normal;
background: none; 
}
#footer-light a,
#footer-light ul.menu li.current-menu-item a {
font-weight: bold;
color: #ffffff;
}
#footer-light a:hover,
#footer-light a:active,
#footer-light a:focus {
text-decoration: none !important;
outline: 0 !important;
color: #ed1c24 !important;
}
#footer-light p {
font-size: 14px;
}
#footer-light ul .fa {
padding: 6px;
} h2.header-red, h1.header-red {
font-size: 30px;
margin: 0 0 20px 0;
padding-top: 14px;
text-transform: none;
border-top: 1px solid #e0e0e0;
}
h2.header-red span, h1.header-red span {
padding-top: 8px;
margin-top: -14px;
border-top: 2px solid #ed1c24;
font-weight: 700;
display: block;
}
@media (min-width: 992px) {
h2.header-red span, h1.header-red span {
padding-top: 8px;
margin-top: -14px;
border-top: 2px solid #ed1c24;
font-weight: 700;
display: inline;
}
}
h2.header-red .fa, h1.header-red .fa {
color: #ed1c24;
margin-right: 6px;
}
h2.header-cover, h1.header-cover {
font-size: 40px;
margin: 0 0 20px 0;
padding-top: 14px;
text-transform: none;
font-weight: 700;
} .product-col {
padding-right: 0px !important;
padding-left: 0px !important;
}
@media (min-width: 768px) {
.product-col {
padding-right: 5px !important;
padding-left: 5px !important;
}
}
.product-cell-all {
position: relative;
width: 100%;
padding-bottom: 5px;
height: auto;
min-height: 100%;
display: inline-block;
float: left;
}
.product-cell-all h2 {
min-height: 48px;
margin: 10px 5px;
line-height: 22px;
text-align: center;
color: #333;
font-size: 18px;
font-weight: 700;
}
.product-cell-all + form {
position: relative;
display: block;
float: left;
width: 100%;
bottom: 0;
}
.product-cell-all .product-cell-more {
opacity: 0;
position: absolute;
z-index: 10;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
padding: 10px;
text-align: center;
color: #FFF;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.product-cell-all:hover .product-cell-more {
opacity: 1;
}
.product-cell-all.related-product .product-cell-more {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.product-cell-all .product-cell-more .product-exerpt {
padding: 10px;
text-align: center;
color: #FFF;
}
.product-cell {
position: relative;
background: #f9f9f9;
padding: 0;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
height: 100%;
max-width: 300px;
display: inline-block;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
@media (max-width: 767px) {
.product-cell {
max-width: inherit;
width: 100%;
}
}
.product-cell:hover {
background: #f9f9f9;
}
.product-cell img,
.product-cell-all img {
z-index: 5;
max-height: 767px;
height: auto;
width: 100%;
max-width: 767px;
}
@media (min-width: 768px) {
.product-cell img,
.product-cell-all img {
max-height: 300px;
height: auto;
width: auto;
max-width: 100%;
}
}
@media (min-width: 992px) {
.product-cell img,
.product-cell-all img {
max-height: 300px;
height: auto;
width: auto;
max-width: 100%;
}
}
.product-cell h6 {
min-height: 48px;
margin: 6px 4px;
line-height: 20px;
}
.product-cell h6 a {
margin-top: 5px;
display: inline-block;
color: #333;
font-size: 15px;
font-weight: 700;
}
.product-cell p {
margin: 6px;
font-size: 12px;
color: #757575;
margin-bottom: 0;
}
p.product-cell-excerpt {
text-align: center;
}
p.product-cell-price ins {
text-decoration: none;
}
p.product-cell-price ins span,
p.product-cell-price span.price-normal,
p.product-cell-price span.price-normal span.amount,
p.product-cell-price span.amount {
font-size: 22px;
font-weight: 700;
color: #ed1c24;
}       .product-buy-now,
.product-buy-now:active {
text-align: center;
display: block;
border: 0;
width: 100%;
position: relative;
bottom: 0;
min-height: 30px;
background: #ed1c24;
color: #FFF !important;
margin: 0;
font-weight: 700 !important;
font-size: 14px;
padding: 10px 6px;
text-transform: uppercase;
outline: none !important;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.product-buy-now:hover,
.product-buy-now:focus {
background: #a50d13;
color: #FFF !important;
outline: none;
}
.product-buy-now.loading {
background: #d7d7d7 !important;
}
.woocommerce a.button.product-buy-now.loading {
opacity: 0.5;
padding-right: 0;
}
.product-buy-now.loading:after {
display: none;
}
.added_to_cart {
display: none !important;
}
a.product-read-more {
padding: 10px;
font-size: 14px;
display: block;
margin: 10px;
color: #FFF !important;
background: #f1b846;
font-weight: 700;
}
a.product-read-more:hover,
a.product-read-more:active,
a.product-read-more:focus {
color: #FFF !important;
background: #b99141;
text-decoration: none;
}
.product-cell-more h6 {
color: #f1b846;
font-size: 16px;
margin-bottom: 10px;
font-weight: 700;
}
.banner-support img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.woocommerce-price-suffix {
display: block;
font-size: 12px;
color: #757575;
} #breadcrumbs {
list-style: none;
margin: 0 0 10px 0;
overflow: hidden;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
color: #333;
padding-bottom: 7px; vertical-align: top;
}
#breadcrumbs li {
display: inline-block;
vertical-align: middle;
margin-right: 7px;
padding: 0;
}
#breadcrumbs li a {
font-size: 16px;
font-weight: normal;
color: #333;
}
#breadcrumbs li i.fa {
font-size: 22px;
color: #ed1c24;   
}
#breadcrumbs .separator {
font-size: 20px;
font-weight: 100;
color: #ed1c24;
vertical-align: baseline;
} .ribbon-wrapper {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: 12px;
text-transform: uppercase;
}
.ribbon-red {
font-size: 10px;
font-weight: 700;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 8px 0;
left: -5px;
top: 16px;
width: 120px;
background: #ed7e1c;
color: #fff;
}
.ribbon-green {
font-size: 10px;
font-weight: 700;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 8px 0;
left: -5px;
top: 16px;
width: 120px;
background: #f1b846;
color: #fff;
}
.ribbon-red:before,
.ribbon-red:after {
content: "";
border-top: 3px solid #e43;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-green:before,
.ribbon-green:after {
content: "";
border-top: 3px solid #f1b846;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-red:before,
.ribbon-green:before {
left: 0;
}
.ribbon-red:after,
.ribbon-green:after {
right: 0;
}
.ribbon-wrapper-small-main {
width: 87px;
height: 94px;
overflow: hidden;
position: absolute;
top: -4px;
right: -5px;
text-transform: uppercase;
z-index: 15;
}
.ribbon-wrapper-small {
width: 94px;
height: 94px;
overflow: hidden;
position: absolute;
top: -4px;
right: -5px;
text-transform: uppercase;
}
.woocommerce div.products .related-product .onsale-small {
top: 22px;
right: -2px;
left: auto;
margin: -.5em -.5em 0 0;
} p.form-row label input[type=checkbox] {
position: relative;
height: 14px;
width: 14px;
margin: 0 5px;
min-height: 10px;
}
.woocommerce-image-product {
text-align: center;
margin-top: 10px;
}
.woocommerce-image-product div.woocommerce-product-gallery__image {
display: inline-block;
margin-top: 10px;
width: 33%;
}
.woocommerce-image-product div.woocommerce-product-gallery__image a {
display: inline-block;
}
.woocommerce-image-product .woocommerce-main-image img {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.woocommerce-image-product div.woocommerce-product-gallery__image a img {
max-width: 120px;
width: 90%;
margin: 6px 2px;
min-width: 80px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.woocommerce-image-product .woocommerce-main-image img:hover,
.woocommerce-image-product div.woocommerce-product-gallery__image a img:hover {
opacity: 0.85;
border: 1px solid #f1b846;
} .wysija-input {
width: 100%;
}
.widget_wysija_cont .wysija-submit {
display: block;
margin-top: 0px;
margin-bottom: 10px;
}    .gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
width: 100%;
height: auto;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
box-shadow: 0 1px 2px rgba(0,0,0,.075);
line-height: 1.42857143;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #a0a0a0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a img.alignleft,
a img.alignright,
a img.aligncenter {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #ed1c24 !important;
}
#main hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #e0e0e0 !important;
height: 1px;
display: inline-block;
width: 100%;
}
#main .widget hr {
margin-top: 0px;
} .language-blank {
background-color: transparent;
margin: 0px;
position: fixed;
height: 60px;
right: -165px;
top: 201px;
width: 220px;
z-index: 1002;
color: #fff;
font-size: 30px;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
@media (min-width: 992px) {
.language-blank {
top: 179px;
}
}
@media (min-width: 1200px) {
.language-blank {
top: 169px;
}
}
.language-blank:hover {
right: 0px;
}
.change-language-google {
background-color: #333333;
margin: 0px;
height: 60px;
top: 211px;
width: 220px;
z-index: 1005;
color: #fff;
font-size: 30px;
padding: 10px 15px;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.change-language-google:hover {
background-color: #ed1c24;
}
.change-language-google i {
cursor: pointer;
}
.change-language-google #google_translate_element {
position: absolute;
top: 5px;
left: 60px;
}
.change-language-google #google_translate_element .goog-te-gadget-simple {
white-space: nowrap;
border-radius: 6px;
border: 1px solid #a0a0a0;
outline: none;
} .mibew-blank {
background-color: transparent;
margin: 0px;
position: fixed;
height: 60px;
right: 0;
top: 261px;
width: 58px;
z-index: 1002;
color: #fff;
font-size: 30px;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
@media (min-width: 992px) {
.mibew-blank {
top: 239px;
}
}
@media (min-width: 1200px) {
.mibew-blank {
top: 245px;
}
}
#mibew-agent-button {
background-color: #333333;
border-top: 1px solid #ed1c24;
margin: 0px;
height: 60px;
top: 211px;
width: 208px;
z-index: 1005;
color: #fff;
font-size: 30px;
padding: 10px 15px;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#mibew-agent-button:hover {
background-color: #ed1c24;
}
#mibew-agent-button i {
cursor: pointer;
color: #FFF;
}
a#mibew-agent-button {
top: 281px;
width: 58px;
margin-top: 0px;
display: block
} .cookiesDiv {
position: fixed;
width: 100%;
bottom: 0;
background: #333;
color: #FFF;
z-index: 15;
}
.cookiesDiv button {
color: #333;
}
.cookiesDiv a {
font-weight: bold;
}
table.variations {
background-color: transparent;
color: #333333;
}
table.variations td.label {
display: inline;
font-weight: bold;
line-height: 1;
color: #333;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
font-size: 14px;
padding: 6px;
padding-left: 0;
}
table.variations td.value {
padding: 10px;
}
table.variations a.reset_variations {
visibility: visible;
display: inline;
color: #ed1c24;
margin-left: 10px;
}
img.logo-ecobud2 {
height: auto;
}
@media (min-width: 992px) {
img.logo-ecobud2 {
height: 90px;
}
}
@media (min-width: 768px) {
.navbar {
min-height: 60px !important;
}
}
@media (min-width: 992px) {
.navbar {
min-height: 44px !important;
}
}
.bootbox h4.modal-title {
font-weight: 600;
font-size: 20px;
}
.bootbox .modal-body {
background: url(//nawiewnikokienny.pl/wp-content/themes/ecobud2/images/ecobud2-sklep.jpg);
background-size: cover;
}
#banner-home-page a:hover {
color: #FFF !important;
}
.bootbox .close {
font-size: 30px;
}
#mailpoet_form_1 .mailpoet_text,
#mailpoet_form_1 .mailpoet_textarea {
width: 100% !important;
padding: 6px 10px;
} .bootbox .modal-header {
padding: 15px;
background: #ed1c24;
border-bottom: 1px solid #e5e5e5;
text-align: center;
}
.bootbox .modal-body p {
font-size: 22px;
text-align: center;
padding-top: 70px;
}
.bootbox .modal-body {
min-height: 200px;
background: url(//nawiewnikokienny.pl/wp-content/themes/ecobud2/images/ecobud2-free-delivery.jpg);
}
.bootbox .modal-footer {
background: #FFF;
} .dgwt-wcas-pd-addtc .add_to_cart_button.added {
display: block;
}
.dgwt-wcas-search-wrapp {
max-width: 700px !important;
}
.dgwt-wcas-pd-addtc .add_to_cart_button,
.dgwt-wcas-pd-addtc .add_to_cart_inline {
margin: 0 !important;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-radius: 0;
-webkit-border-radius: 0;
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
display: none;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
padding-bottom: 15px;
}
.price_slider_amount {
display: flex;
align-items: center;
justify-content: space-between;
} .page .form-control {
border-radius: 0;
}
.page .btn {
border-radius: 0;
outline: none !important;
}
input[type="submit"]:hover,
input[type="submit"]:active {
color: #FFF !important;
}
.container-counter {
background: #333;
padding: 50px 0;
color: #FFF;
font-size: 20px;
}
.container-counter .counter-description {
font-size: 18px;
color: #f1b846;
text-align: center;
}
.container-counter span.timer {
font-size: 44px;
line-height: 48px;
font-weight: 700;
color: #fff;
}
.container-counter .counter-timer {
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.container-counter {
background: #333;
padding: 50px 0;
color: #FFF;
font-size: 20px;
}
.container-counter .counter-description {
font-size: 18px;
color: #f1b846;
text-align: left;
}
.container-counter span.timer {
font-size: 44px;
line-height: 48px;
font-weight: 700;
color: #fff;
}
.container-counter .counter-timer {
text-align: right;
margin-bottom: inherit;
}
}
div.pp_overlay {
opacity: 0.45 !important;
}
.container-show-all-products {
position: relative;
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
background: url(//nawiewnikokienny.pl/wp-content/themes/ecobud2/images/background-no-1.jpg) center no-repeat fixed;
background-size: cover;
}
.container-show-all-products h2.header-cover {
font-size: 40px;
margin: 0 0 20px 0;
padding-top: 14px;
text-transform: none;
font-weight: 700;
word-break: break-all;
}
@media (min-width: 992px) {
.container-show-all-products h2.header-cover {
font-size: 40px;
margin: 0 0 20px 0;
padding-top: 14px;
text-transform: none;
font-weight: 700;
word-break: normal;
}
}
.container-show-all-products p {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px !important;
}
.container-show-all-products img {
max-height: 80px;
}
#additional-boxes .single-box {
margin-bottom: 20px;
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 0;
color: #333;
padding: 15px;
min-height: 142px;
text-align: center;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#additional-boxes .single-box:hover,
#additional-boxes .single-box:focus {
margin-bottom: 20px;
background: #fff7e6;
border: 1px solid #f1b846;
}
#additional-boxes .single-box p {
font-size: 20px;
font-weight: 700;
color: #333333;
margin-bottom: 0 !important;
line-height: 1.4em;
cursor: default;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#additional-boxes .single-box:hover p,
#additional-boxes .single-box:focus p {
color: #ed1c24;
}
#additional-boxes .single-box h5 {
font-size: 40px;
margin-top: 0;
}   img.gateway-icon {
max-height: 34px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0px 0 !important;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
float: left;
margin: 0 !important;
margin-right: 5px !important;
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0 !important;
}   .equal {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.row.equal {
display: flex;
flex-wrap: wrap;
}
}   .new-product-cell-col .woocommerce-price-suffix {
display: none;
}
.new-product-cell-col {
padding-right: 5px !important;
padding-left: 5px !important;
margin-bottom: 10px;
}
.new-product-cell {
position: relative;
background: #f9f9f9;
padding: 0;
border: 1px solid #e0e0e0;
width: 100%;
max-width: 250px;
height: 100%;
display: inline-block;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.new-product-cell:hover {
background: #f3f3f3;
}
.new-product-cell img {
width: 100%;
border-bottom: 1px solid #e0e0e0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.new-product-cell:hover img {
opacity: 0.8;
}
.new-product-cell a {
border: 0;
padding: 0 0 42px 0;
}
.new-product-cell a:hover,
.new-product-cell a:focus,
.new-product-cell a:active {
text-decoration: none;
}
.new-product-cell-col h6 {
min-height: 50px;
font-size: 14px;
line-height: 20px;
margin-top: 15px;
color: #333;
font-weight: 700;
text-align: center;
padding: 0 10px;
}
.new-product-cell-col form.add-to-cart {
width: 100%;
padding: 10px;
position: absolute;
bottom: 0;
}
.new-product-cell-col form.add-to-cart button {
width: 100%;
bottom: 0;
}
.new-product-cell-col p.product-cell-price del span.amount {
font-size: 14px;
text-decoration: line-through;
font-weight: 600;
margin-left: 0;
color: #979797;
}
.woocommerce .panel.entry-content h2 {
background: #ed1c24;
line-height: 30px;
padding: 5px 15px;
color: #FFF;
font-weight: bold;
font-size: 24px;
margin-top: 0px;
}
.woocommerce-tabs p {
padding: 0 15px;
}
.grecaptcha-badge {
display: none !important;
} p.iworks-omnibus {
font-size: 12px;
color: #a3a3a3;
margin-top: -8px !important;
}
.woocommerce-cart-form p.iworks-omnibus {
max-width: 100%;
margin-top: 0px !important;
line-height: 14px;
}
p.iworks-omnibus span.woocommerce-Price-amount.amount {
text-decoration: underline;
}