/*
Theme Name: Globe zbiorniki
Theme URI: 
Description: Projekt strony internetowe Globe zbiorniki
Author: NORTEN
Author URI: https://www.norten.pl
Version: 1.0
*/
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400;overflow-x: hidden}
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;line-height: 26px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-size:15px;font-family: 'Roboto', sans-serif;padding:0;margin:0; background-color: #fff;}
a{text-decoration:none;outline: 0;}
p {font-size:14px; line-height:28px;margin-bottom: 12px;font-family: 'Open Sans', sans-serif;}
p strong, td strong, li strong {font-weight:700;font-family: 'Open Sans', sans-serif;}
p > a {color:#87b73d;font-family: 'Open Sans', sans-serif;}
*, :before, :after {box-sizing: border-box;margin: 0;padding: 0;font: inherit}

h1,.h1{font-size:24px;font-weight:bold;margin-bottom:20px;line-height:38px; letter-spacing:0.2px;}
h2,.h2{font-size:20px;font-weight:bold;margin-bottom:18px;line-height:34px;letter-spacing:0.2px;}
h3,.h3{font-size:18px;font-weight:bold;margin-bottom:15px;line-height:32px;letter-spacing:0.2px;}
h4,.h4{font-size:18px;font-weight:bold;margin-bottom:15px;line-height:30px;letter-spacing:0.2px;}
h5,.h5{font-size:16px;font-weight:bold;margin-bottom:12px;letter-spacing:0.2px;}
h6,.h6{font-size:14px;font-weight:bold;margin-bottom:10px;letter-spacing:0.2px;}

a:focus {outline: none !important;}
a:active,
a:hover {outline: 0;}

.center {text-align:center;}
.toLeft {text-align:left;}
.toRight {text-align:right;}
.floLeft {float:left;}
.floRight {float:right !important;}
.pad_right {padding-right: 20px;}
.pad_left {padding-left: 20px;}

.flexbox
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content{float:left;width:100%}
.container{padding-right:15px;padding-left:15px;margin:0 auto}

hr {border-top:solid 1px #e2e2e2; border-bottom:none; border-left:none; border-right:none;}



.col25 {width:25%; float:left;}
.col3 {width:30%; float:left;}
.col33 {width:33.3%; float:left;}
.col5 {width:50%; float:left;}
.col6 {width:60%; float:left;}
.col7 {width:70%; float:left;}

.woocommerce-store-notice, p.demo_store {background: rgb(28, 48, 85);background: linear-gradient(48deg, rgb(28, 48, 85) 0%, rgb(87, 140, 223) 100%);padding: 10px 0;}
header {margin-top: 0px;}
.woocommerce-store-notice__dismiss-link {
  float: right;
  right: 5%;
  position: relative;
  text-decoration: none !important;
  background-color: #222f4b;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 600;
  font-size: 14px;
}

/* --- Header --- */
header {background-color:#fff;-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,0.09);box-shadow: 0 5px 8px 0 rgba(0,0,0,0.09);width: 100%;float: left;}
#top-head {
    background-color: #222f4b;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    letter-spacing: 0.4px;
}
.tophone {margin-right:20px;}
.tophone::before {font-family: "Line Awesome Free"; font-weight:900; content:"\f879";font-size: 18px;vertical-align: bottom;margin-right: 4px;}
.tomail::before {font-family: "Line Awesome Free"; font-weight:900; content:"\f0e0";font-size: 18px;vertical-align: bottom;margin-right: 4px;}
.tomail a, .tophone a {color:#fff;}
.tomail a:hover, .tophone a:hover {opacity:0.7;}
.top-logo {padding-top: 8px;}
.shop-topIcons {}
.shop-topIcons li {display:inline-block; font-size:13px; letter-spacing:0.5px;}
.shop-topIcons li:first-child:before {content:"";}
.shop-topIcons li::before {content:"|"; display:inline-block; color:#e3e3e3;margin-right: 15px;margin-left: 15px;font-size: 22px;vertical-align: bottom;font-weight: 300;}
.shop-topIcons li a {color:#fff;}
.shop-topIcons li a::before {font-family: "Line Awesome Free"; font-weight:900;font-size: 18px;vertical-align: bottom;margin-right: 8px;}
.top-cart a::before {content:"\f291"}
.top-account a::before {content:"\f007"}
.top-login a::before {content:"\f2bd"}
.shop-topIcons li a:hover, .shop-topIcons li a:hover:before {color:#fa8d01;}

/* Woo Cart koszyk */
.head-cart {position:relative;display: inline-block; margin-top:18px;}
.head-cart::before {content:"\f291";font-family: "Line Awesome Free"; font-weight:900; color:#000;font-size: 26px;}
.head-count {background-color: #87b73d;color: #fff;border: solid 2px #fff;border-radius: 90px;text-align: center;position: absolute;top: -3px;width: 20px;height: 20px;left: 18px;line-height: 15px;font-size: 11px;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.cart-count {display: inline-block;margin-left: 14px;color: #000;font-size: 15px;font-weight: 600;font-family: 'Open Sans', sans-serif;}
.head-cart:hover .cart-count {color:#fa8d01;}

#top {padding-top:20px; padding-bottom:16px;}
img.alignright {float:right; margin-left:20px;}
img.alignleft {float:left; margin-right:20px;}
img.aligncenter {margin-left: auto;margin-right: auto;display: block;margin-top: 15px;margin-bottom: 15px;}


/* --- Menu --- */
#menu {}
.top-menu {width: 100%; float:left;}
.top-menu ul{margin:0 auto;padding:0;width:100%;list-style:none;position:relative;z-index:999}
.top-menu>ul>li>ul{position:absolute;left:0;padding:0;margin:0;list-style:none;z-index:999;width:auto;transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;background:#fff;}
.top-menu>ul>li:hover>ul{transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear; border-radius: 5px;-webkit-box-shadow: 0 0 22px 1px rgba(217, 217, 217, 0.5);box-shadow:0 0 22px 1px rgba(217, 217, 217, 0.5);padding-top: 7px;padding-bottom: 7px;}
.top-menu>ul>li:hover>ul li a{opacity:1;height:35px;transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;padding:3px 15px 3px 15px}

.top-menu > ul > li > ul a{display:block;color:#222;width:260px;line-height:30px!important;text-align:left;height:0;overflow:hidden;opacity:0;transition:all .3s linear .2s;-o-transition:all .3s linear .2s;-moz-transition:all .3s linear .2s;-webkit-transition:all .3s linear .2s;cursor:pointer;padding: 0px 5px 0px 15px;font-size:13px;font-weight:500;letter-spacing:.1px}
.top-menu>ul>li>ul a:hover{transition:.6s;color:#fa8d01}
.top-menu>ul>li{position:relative;display:inline-block;}
.top-menu>ul>li:hover>ul li {height: 35px;}
.top-menu > ul > li > a {
  color: #000;
  display: block;
  line-height: 60px !important;
  text-decoration: none;
  transition: .6s;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  height: 60px;
	font-family: 'Roboto', sans-serif
}
.top-menu>ul>li>a:hover{color:#87b73d;transition:.6s}
.top-menu>ul>li:last-child a{padding-right:0}
.top-menu>ul .current-menu-item a,.top-menu>div .current_page_item a {border-bottom:solid 2px #87b73d; color: #87b73d;}
.top-menu>ul .current-menu-item ul li a {border-bottom:none;}
.top-menu>ul li ul .current-menu-item a {border-bottom:none; color:#fa8d01;}
.top-menu>ul .current_page_item .sub-menu li a{color:#000}
.top-menu>ul>li>ul .add-menu a{background-color:#F5053D;color:#fff!important}
.top-menu a#pull{display:none}

.top-menu ul > .menu-item-has-children > a::after {
    content: "\f107";
    font-family: "Line Awesome Free";
    font-weight: 900;
    padding-left: 5px;
    font-size: 10px;
    color: #000;
    vertical-align: bottom;
	transition:.6s
}
.top-menu ul > .menu-item-has-children > a:hover:after {color:#fa8d01;transition:.6s}

.top-face {width:5%; float:right; text-align:right;}
.top-face::before {font-family: 'Line Awesome Brands';font-size: 28px;content:"\f082";margin-top: 15px;display: block; color:#222f4b;}
.top-face:hover:before {color:#1553d9;}

/* --- Slider --- */
#slider, #slider .slick-list, #slider .slick-track, .slajd {height: 600px;}
.slajd {position:relative;display: flex !important;justify-content: center;align-items: center;}
.slajd-in {position: absolute;top: 25%;left: 20%;width: 40%;}
.slajd-title {font-size:44px; font-weight:700; color:#000; line-height:40px;margin-bottom: 18px;}
.slajd-underTitle {font-size:30px; letter-spacing:0.2px;margin-bottom: 25px; position: relative}
.slajd-underTitle::after {content: "\f12a";font-family: "Line Awesome Free";font-weight: 900; color: #87b73d;}
.slajd-in p {font-size:16px; line-height:26px;margin-bottom: 35px;}
.slide-button {background-color:#87b73d; color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:0.4px; padding-left:18px; padding-right:18px; padding-top:12px; padding-bottom:12px; border-radius:5px; transition:0.6s;}
.slide-button:hover {transition:0.6s;background-color:#222f4b;}



/* --- Top Blocks --- */
#top-blocks {margin-top:30px; position:relative; z-index:99; margin-bottom:50px;}
#top-blocks .container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.blocks {height:200px; padding:30px; position:relative; overflow:hidden;width: 32%;}

.block-gray {background: rgb(28, 48, 85);background: linear-gradient(48deg, rgb(28, 48, 85) 0%, rgb(87, 140, 223) 100%);-webkit-border-radius:10px;border-radius:10px;color:#fff;}
.block-gray::before {content:url(images/top-zbiorniki.png);position: absolute;top: -15px;right: -10px;}
.block-gray h1, .block-gray .h1 {}
.block-navy {background: rgb(174, 74, 0);background: linear-gradient(48deg, rgb(68, 147, 66) 0%, rgb(161, 201, 57) 100%);-webkit-border-radius:10px;border-radius:10px;color: #fff;}
.block-navy::before {content:url(images/top-paliwo.png); position:absolute;right: 0; top: -15px;}
.block-yellow {background: rgb(68, 113, 4);background: linear-gradient(48deg, rgb(221, 145, 0) 0%, rgb(255, 228, 10) 100%);
-webkit-border-radius: 10px;border-radius:10px; color:#fff;}
.block-yellow::before {content:url(images/top-promocje.png);position:absolute;right: 0;top: -30px;}

.block-tit {font-size:16px; letter-spacing:0.4px; font-weight:300;margin-bottom: -8px;display: block;position:relative; z-index:99;}
.blocks a {font-weight:600; letter-spacing:0.2px; color:#222f4b; background-color:#fff; padding-left:14px; padding-right:14px; padding-top:4px; padding-bottom:4px; border-radius:5px;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);display: inline-block; margin-top:12px;position:relative; z-index:99; transition:0.6s;}
.blocks a:hover {transition:0.6s;-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0);box-shadow: 0 0 12px 0 rgba(0,0,0,0);}
.block-gray a:hover, .block-yellow a:hover {background-color:#222f4b; color: #fff}
.block-navy a:hover {background-color:#fa8d01; color:#fff;}
.blocks h1::after, .blocks .h1::after {content:"\f138"; display:inline-block;font-family: "Line Awesome Free"; font-weight:900; margin-left:12px;position:relative; z-index:99;}
.blocks::before {transition:0.6s;}
.blocks:hover:before {transition:0.6s; right:-5%;}
.wp-block-image img {height:auto;}


/* --- HOME ---*/
#home {}
.left-site {float:left; width:25%; margin-right:5%;}
.right-site {float:left; width:70%;}
.home-shop, .home-content {float:left; width:100%; margin-bottom:30px;}

.page-title, .related.products h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: solid 1px #e2e2e2;
  position: relative;
  padding-top: 8px;
}
.related.products h2 {text-transform: inherit !important;}

.right-site ul {margin-bottom:22px;}
.homeShop-block {float:left; width:100%; margin-bottom:30px;}
.home-proSlider {float:left; width:100%; margin-top:20px;}
.home-proSlider ul .slick-dots {display:none !important;}
.homeShop-block .woocommerce ul li {width: 25%;}

.right-site ol {counter-reset: item;list-style-type: none;margin-bottom: 14px;}
.right-site ol li {margin-bottom: 10px;}
.right-site ol li ol {margin-left: 20px;}
.right-site ol li::before {content: counters(item, ".") ". ";counter-increment: item;}
.right-site ol li ol li::before {content: counters(item, ".") ". ";counter-increment: item;}

/* --- Widget --- */
.widget {float:left; width:100%; margin-bottom:30px; overflow:hidden;}
.widget-title {background-color:#87b73d; color:#fff; font-size:20px; letter-spacing:0.2px; font-weight:500; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:15px;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.widget ul, .widget .textwidget {background-color:#f9f9f9; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2; padding:20px;-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;}
.widget ul li {list-style:none; font-size:14px; border-bottom:solid 1px #e2e2e2; padding-bottom:8px; margin-bottom:8px; position:relative;font-family: 'Open Sans', sans-serif;}
.widget ul li ul.children {border: none;padding-bottom: 0;padding-top: 10px;}
.widget ul li:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;}
.widget ul li a {color:#000;line-height: 24px;width: 90%;display: block; font-weight:600}
.widget ul li a:hover {opacity:0.6;}

.widget_products .widget-title {background-color: #222f4b;}

.textwidget p:last-child {margin-bottom:0;}
.textwidget hr {margin-bottom:15px;}
.widgetphone {font-size:18px; font-weight:600;}
.widgetphone::before {content: "\f590";color: #fac201;font-size: 34px;font-family: "Line Awesome Free";font-weight: 900;vertical-align: middle;margin-right: 10px;}

/* Menu kategorie rozwiajne */
.product-categories .cat-item-15 {display:none;}
ul.product-categories ul.children {list-style: none;padding: 0;margin-left: 18px;}

ul.product-categories {}
ul.product-categories li {}
ul.product-categories li.current-cat a {color: #87b73d;}
ul.product-categories li.current-cat ul li a {color: #000 !important;}
ul.children li:last-child {}
li.cat-parent ul.children {display: none;}
li.cat-parent ul.children.active {display: block;}
li.current-cat-parent ul.children {display: block;}
ul.children.active li:first-child {}

span.dropDownMenu::before {content:"\f139";font-family: "Line Awesome Free"; font-weight:900; font-size:19px;top: 3px;position: relative;}
span.dropDownMenu {float: right;padding: 0 15px 0 0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);cursor: pointer;position: absolute;right: 0;top: 1px;}
span.dropDownMenu.active {-webkit-transform: rotate(0deg);moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);padding: 0 0 0 15px;}
span.dropDownMenu.active::before {padding: 0 0 0 15px;top: -2px;}
.widget img {max-width:100%; height:auto;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}

/* --- Slider baner --- */
#sliderbaner {overflow:hidden; height:480px; position:relative; margin-top:30px;}
#sliderbaner .slick-list, #sliderbaner .slick-list .slick-track, #sliderbaner .slick-list .slick-track, .ban-slide {height:480px;}
.ban-slide {display: flex !important;justify-content: center;align-items: center;}
.ban-slide img {width:100%; height:auto;}

.banInslide {position:absolute;top: 100px;left: 20%; width:35%; color:#fff;}
.banInslide h3 {font-size:40px; letter-spacing:0.2px; font-weight:500; margin-bottom:30px;}
.banInslide p {font-size:16px; line-height:26px;margin-bottom: 35px; color:#dcdcdc;}
.baner-button {color:#fff; font-size:16px; letter-spacing:0.4px; background-color:#87b73d; border-radius:5px; padding-top:10px; padding-bottom:10px; padding-left:18px; padding-right:18px; position:relative; transition:0.6s;}
.baner-button:hover {transition:0.6s; background-color:#222f4b;} .baner-button:hover:after {color:#fff; transition:0.6s;}
.baner-button::after {content:"\f138"; display:inline-block;font-family: "Line Awesome Free"; font-weight:900; right:0; color:#fff;font-size: 22px;margin-left: 8px;vertical-align: middle;transition:0.6s;}
#slider img {color: #fa8d01;}

/* --- Bottom Blocks --- */
#bottom-blocks {margin-top:-110px; position:relative; z-index:99; margin-bottom:50px;}
#bottom-blocks .blocks h4 {font-size:20px; margin-bottom:10px; z-index:99;position:relative;}
#bottom-blocks .blocks h4::after {content:"\f138"; display:inline-block;font-family: "Line Awesome Free"; font-weight:900;font-size: 22px;margin-left: 8px;vertical-align: bottom;}
#bottom-blocks .blocks p {font-size:15px;line-height: 24px;z-index:99;position:relative;}
#bottom-blocks .blocks img {position: absolute;top: 0;left: 0;z-index: 1;opacity: 0.2; max-width:110%; height:auto;}
.botYellow {background-color:#fa8d01; color:#000;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;}
.botNavy {background-color:#0b2765; color:#fff;}
.botGreen {background-color:#6bb000; color:#fff;-webkit-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;}

/* --- Polecane produkty --- */
#polecane-prod {padding-top:30px; padding-bottom:30px;}
.pad_right ul li, .pad_left ul li, .pad_right ol li, .pad_left ol li {list-style: inside;font-size: 14px;line-height: 28px;font-family: 'Open Sans', sans-serif;}
.pad_right ol li b, .pad_left ol li b, .pad_right p b, .pad_left p b {font-weight: bold;}


/* ---- Info baner 1 --- */
#info1 {
	background-color: #000000;
	color: #fff;
	padding-top: 70px;
	padding-bottom: 50px;
	position: relative;
	background-image: url(images/dark-back.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#info1::before {content:url(images/man-01.png);bottom: -8px;position: absolute;left: 10%;}
.infotitle {font-size:40px; letter-spacing:0.2px; font-weight:500; margin-bottom:10px;}
#info1 span {color:#fa8d01; font-size:22px; letter-spacing:0.4px; text-transform:uppercase;}

.info1-ul {float:left; width:100%; margin-top:30px;}
.info1-ul ul { columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.info1-ul ul li {list-style:none; font-size:15px; color:#bdbdbd; letter-spacing:0.4px;margin-bottom: 5px;}
.info1-ul ul li::before {content:"\f058"; display:inline-block;font-family: "Line Awesome Free"; font-weight:900; color:#fa8d01;margin-right: 8px;font-size: 20px;}

#home_tekst2 {padding-top: 40px; padding-bottom: 40px;}


#home_main-news {padding-bottom: 30px;}
.home_mainblock {height: 200px; overflow: hidden; }.home_mainblock img {transition: 0.6s; border-radius: 8px;max-width:100%; height:auto}
.home_mainblock:hover img {transition: 0.6s; opacity: 0.6;}



/* --- Bottom Icons --- */
#bottomIcons {background-color: #87b73d; padding-top:70px; padding-bottom:70px; color:#fff;}
.iconsIn {float:left; width:100%;}
.icons p {line-height:24px; margin-right:25px; margin-bottom:0;color: #fff;}
.icon-pic {width:58px; height:58px; margin-right:10px; display: inline-block;top: -5px; position:relative;}
.ico-nut {background-image:url(images/ico-nut.png);}
.ico-temp {background-image:url(images/ico-temp.png);}
.ico-fire {background-image:url(images/ico-fire.png);}
.ico-price {background-image:url(images/ico-price.png);}
.icons-title {display:inline-block; font-size:20px; text-transform:uppercase; font-weight:400;}
.icons-title span {display:table-caption;color: #fff;} .icons-title span strong {font-weight:700;}


/* --- Newsletter --- */
#newsletter {margin-top:-50px; margin-bottom:30px;}
.newsletter-block {width:80%; margin-left:10%; background-color:#222f4b; color:#fff; border-radius:7px;}
.in-newsletter {display: inline-block;width: 100%;padding: 30px;}
.left-nedletter {float: left;width: 50%; font-size:18px;font-weight: 400;}
.left-nedletter strong {display:block; font-weight:700;}
.in-newsletter .tnp-subscription {display: inline-block;max-width: inherit; margin:auto;width: 50%;float: right;}
.in-newsletter .tnp-subscription .tnp-field-email label {display:none;}
.in-newsletter .tnp-subscription-minimal form {display:inline-block; width:100%;}
.in-newsletter .tnp-subscription-minimal {width: 50%; float:right;}
.in-newsletter .tnp-subscription-minimal input.tnp-email {width: 80%; border-radius:5px; border:none;padding: 15px; margin-right:2%;}
.in-newsletter .tnp-subscription-minimal input.tnp-submit {width:auto; text-indent: -9000px; text-transform: capitalize; cursor:pointer; background-color:#6bb000; border-radius:5px;height: 50px;
width: 50px; position:relative; background-image:url(images/ico-plane.png); background-repeat:no-repeat; background-position:center center; transition:0.6s;}
.in-newsletter .tnp-subscription-minimal input.tnp-submit:hover {transition:0.6s; opacity:0.6;}


/* --- Logotypy --- */
#logotypy {}
.brand-logos img {transition:0.6s;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6;}
.brand-logos img:hover {transition:0.6s;-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.brand-logos .slick-next {right:-25px; opacity:0.4;transition:0.6s;}
.brand-logos .slick-prev {left: -25px; opacity:0.4;transition:0.6s;}
.brand-logos .slick-next:hover, .brand-logos .slick-prev:hover {transition:0.6s; opacity:1;}


/* --- Podstrona --- */
#top_page {padding-top:40px; padding-bottom:40px; min-height:120px;  background-repeat:no-repeat; background-position:center center;position: relative;
z-index: -1;background-size: cover;background-color: #f9f9f9; border-bottom: solid 1px #e2e2e2;}
.top_content {margin-top: 18px;}
.top_content h1 {margin-bottom:5px; font-size:30px; color:#222f4b !important;}
.top_content h1::after, .pro-title_head::after {content: "\f138";display: inline-block;font-family: "Line Awesome Free";font-weight: 900;margin-left: 12px;position: relative;z-index: 99;font-size: 24px;color: #87b73d;vertical-align: bottom;}
.pro-title_head {margin-bottom:5px; font-size:24px; font-weight:500;color: #fff;}
.underTitle, .underTitle a {font-size:16px; font-weight:400; color:#fff} .underTitle span {font-weight:700;}
.underTitle a:hover {opacity:0.5;}

#page {padding-top:40px; padding-bottom:40px;}
#page h2, #page h3 {font-size: 24px;}
#page h4 {font-size: 20px;}
#page h5, #page h5 {font-size: 18px;}

.right-site ul li {list-style: inside;font-size: 14px;line-height: 28px;font-family: 'Open Sans', sans-serif;}
.right-site ul li ul li {margin-left:15px;}

.wp-block-file {padding: 20px;border-radius: 5px;background-color: #f4f4f4;}
.wp-block-file a {color:#000;}
.wp-block-file a.wp-block-file__button {background-color: #fac201;color: #fff;border-radius: 5px;}
.wp-block-file a.wp-block-file__button:hover {background-color: #222f4b;}

/* --- oferta pracy --- */
.offer_new {float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #e2e2e2;}
.offer_new a {color:#000;}
.offer_new h3 {margin-bottom: 6px;}
.button-new {background-color: #fac201;color: #fff !important;border-radius: 5px;font-size: 13px;letter-spacing: 0.3px;padding-bottom: 9px;padding-top: 9px;padding-left: 15px;padding-right: 15px;
transition: 0.6s;}
.button-new:hover {transition:0.6s;background-color: #222f4b;}

#yith-wapo-container {margin-bottom:25px !important;}


/* --- Kontakt --- */
.left-contact {float:left; width:35%; margin-right:5%;}
.right-contact {float:left; width:60%;}
.wpcf7-form span .wpcf7-text, 
.wpcf7-form span .wpcf7-textarea {padding: 8px;margin-bottom: 10px;border-radius: 5px;border: solid 1px #fac201;background-color: #fafafa;font-size: 13px;}
.wpcf7-form span .wpcf7-textarea {width: 70%;height: 160px;}
.wpcf7-submit {background-color: #fac201;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 700;letter-spacing: 0.2px;padding-left: 22px;padding-right: 22px;padding-top: 8px;padding-bottom: 8px;border-radius: 5px;transition: 0.6s; border:none; cursor:pointer;}
.wpcf7-submit:hover {transition:0.6s;background-color: #222f4b;}

.cont-map iframe {width:97%;}


.face-cont a {font-size: 20px;font-weight: 600;letter-spacing: 0.3px;color: #000}
.face-cont a::before {content: "\f39e";display: inline-block;font-family: "Line Awesome Brands"; color:#000; display:inline-block; margin-right:10px;font-size: 24px;}

span.wpcf7-list-item {}
.wpcf7-list-item {margin: 0 5px 0 0;}
.wpcf7-form p label a {color: #c81616;}
.wpcf7-recaptcha {margin-bottom:10px;}
.wpcf7 .ajax-loader {display: block;}
#wpcf7-f1288-o1 form .wpcf7-form-control-wrap .g-recaptcha div {margin-left: auto;margin-right: auto; margin-bottom:15px;}

footer {}
.footer-top {padding-bottom:40px; padding-top:40px;float: left;width: 100%;background-color: #222f4b;color: #fff;}
.foot-title {font-size:22px; font-weight:700; letter-spacing:0.2px; margin-bottom:20px; position:relative;}
.foot p {color:#fff;}
.foot ul li {list-style:none;margin-bottom: 6px;font-family: 'Open Sans', sans-serif;font-size: 14px}
.foot ul li a {color:#fff;}
.foot ul li a:hover {font-weight:600;}

.footer-bottom {background-color: #101b33; padding-top:15px; padding-bottom:15px; float: left;width: 100%;color:#808798; font-size:13px;}
.norten {color: #fac201;}

@media (min-width:992px) {.container {width:970px}}
@media (min-width:1200px) {.container {width:1170px }.top-menu > ul > li > a {font-size:14px;}}
@media all and (min-width:1480px) {.container {width: 1360px;}.top-menu > ul > li > a {font-size:15px;}}



@media all and (max-width:1510px) {#slider, #slider .slick-list, #slider .slick-track, .slajd {height: 550px;}.slajd-in {top: 22%;left: 20%;width: 40%;}}
@media all and (max-width:1180px) {
	h1, .h1 {line-height:30px;}
	#menu {background-color: #f4f4f4;}
	.top-menu ul{display:none;height:auto;position:absolute;left:-35px;top:60px;z-index:9999999;background-color:#f7f7f7;width:230px;transition:.6s}
.top-menu a#pull{display:block;width:auto;position:relative;top: 0;}
.top-menu a#pull:after{content:"\f0c9";width:auto;height:auto;display:inline-block;position:absolute;right: auto;top: 16px;transition:.6s;font-family: "Line Awesome Free";font-size: 38px;color: #000;font-weight: 900;}
.top-menu{width: auto;position: relative;float: left;margin-top: 0;height: 60px;}
.top-menu>ul>li{display:block;width:100%;margin-left:0; margin-right:0;}
.top-menu>ul>li>ul{display:none; position:relative;border-radius: 0;-webkit-box-shadow: none !important;box-shadow: none !important;top: 0;}
.top-menu>ul>li>a{background-color:#f7f7f7;color:#000;text-align:center;padding:5px;line-height:35px!important;height: 45px;}
.top-menu>ul>li>ul>li>a {width:100%; text-align:center;font-size: 14px;text-transform: uppercase;}
.top-menu > ul > li:hover > ul li a {padding: 8px 15px 8px 15px;height: 45px;}
.top-menu > ul > li:hover > ul li {height: 40px;}
.top-menu > ul > li:first-child a {padding-top:10px;}
.top-menu > ul > li:last-child a {padding-bottom:10px;}
.top-menu>ul>li>a::before,.top-menu>ul .current-menu-item a::before,.top-menu>div .current_page_item a::before,
.top-menu>ul>li>a::after,.top-menu>ul .current-menu-item a::after,.top-menu>div .current_page_item a::after{display:none !important;}
.top-menu > ul .current-menu-item a, .top-menu > div .current_page_item a {border-bottom: none;color: #000;}

.top-menu > ul .visible {display: block;}

	.home_mainblock {height:auto;}
	
#slider, #slider .slick-list, #slider .slick-track, .slajd {height:500px;}
.slajd-in {width: 50%;top: 20%;left: 15%;}
.slajd-title {font-size: 34px;margin-bottom: 6px;line-height: 30px;}
.slajd-underTitle {font-size: 26px;}
.slajd-underTitle {margin-bottom: 15px;}
.slajd-in p {font-size: 15px;line-height: 24px;margin-bottom: 25px;}
.slick-prev, .slick-next, #sliderbaner .slick-prev, #sliderbaner .slick-next {top:40%;}

.polecaneSlider ul .slick-dots {display:none !important;}

#info1::before {bottom: -8px;left: 1%;} 
#info1 .col6 {width: 70%;}
.banInslide {left: 20%;width: 40%;}
#bottomIcons {padding-top: 40px;padding-bottom: 70px;}
.icons {width:50%; margin-bottom: 20px;margin-top: 20px;text-align: center;}
.icon-pic {margin-right: auto;display: block;margin-left: auto;}

.page-title, .related.products h2 {font-size: 17px;}
.woocommerce ul.products li.product .price .woocommerce-Price-amount, .woocommerce-price-suffix .woocommerce-Price-amount {
    font-size: 15px !important;
    font-weight: 600 !important;
}

#top-blocks .col33 .h1 {z-index: 999;position: relative;font-size: 20px;}
.block-tit {font-size: 14px;line-height: 18px; margin-bottom: 0;}
.blocks h1::after {display:none;}
.blocks h1 {position: relative; z-index:999;}
.blocks::before {right: -25%;}
.blocks:hover::before {right: -35%;}
.inFoot {margin-right:15px;}

}

@media all and (max-width:976px) {
	.container {width:92%; padding-left:4%; padding-right:4%;}
	#top-head .col5 {width:30%; display: none;}
	#top-head .col5.toRight {width: 100%;display: block;}
	.shop-topIcons li::before {margin-right: 8px;margin-left: 8px;}
	#slider img {max-width: inherit;height: 100%; width:100%;}
	#slider, #slider .slick-list, #slider .slick-track, .slajd {height: 400px;}
	
	.slajd-in {width:50%;}
	.slajd-title {font-size: 30px;}
	.slajd-underTitle {font-size: 20px;margin-bottom: 10px;}
	.slajd-in p {font-size: 14px;}
	.slajd-in p {margin-bottom:25px;}
	
	#top-blocks {margin-top: -60px;}
	.slide-button {font-size:13px;}
	
	.home-proSlider {height: auto;}
	
	.ban-slide img {width: auto;height: 100%;right: 0;position: relative;z-index: -1;float: right;}
	.banInslide {width: 45%;}
	.banInslide h3 {font-size: 32px;margin-bottom: 15px;}
	#info1::before {left: -15%;}
	.newsletter-block {width: 100%;margin-left: 0%;}
	.brand-logos .slick-dots {display:none !important;}
	
	.col25 {width: 50%;}
	.foot {float: inherit;margin-bottom: 32px;display: inline-block;}
	.blocks {height: 180px;}
	
	.widget ul, .widget .textwidget {padding: 10px;}
	.widget ul li {font-size:13px;}
	ul.product-categories ul.children {margin-left:0;}
	.widget ul li a {line-height:22px;}
	.woocommerce-result-count {display:none;}
	.widget-title {font-size: 15px;padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
	#top_page {min-height:170px;}
	
	.wc-block-grid.has-4-columns .wc-block-grid__product {max-width: 50%;flex: 1 0 50%;margin-bottom: 30px;}
	.wc-block-grid__product-title {padding-bottom:10px;}
	
	.cont-map .col5 {width:100%;}
	.cont-map .col5 iframe {margin-right: 0;width: 100%; margin-bottom:15px;}
	.cont-map .col5:last-child iframe {margin-left: 0;width: 100%;}
	.wpcf7-form span .wpcf7-text, .wpcf7-form span .wpcf7-textarea {width:80%;}
	.wpcf7-form span .wpcf7-textarea {width: 100%;}
}
@media all and (max-width:775px) {
	.container {width:96%; padding-left:2%; padding-right:2%;}
	#top_page{padding-top: 10px;padding-bottom: 10px;min-height: auto;}
	.shop-topIcons {margin-right: 10px;}
	#top-head .col5:first-child {display:none;}
	#top-head .col5.toRight {width: 100%;}
	.top-logo {float:left; width:100%; text-align:center;margin-bottom: 10px;}
	.top-search {float:left; width:50%;text-align: left;}
	.topCart {float:left; width:50%;}
	#slider, #slider .slick-list, #slider .slick-track, .slajd {height: 300px;}
	.slajd-title {font-size: 24px;margin-bottom: 0px;}
	.slajd-underTitle {font-size: 16px;margin-bottom: 8px;}
	.slajd-in p {font-size: 13px;line-height: 22px;}
	#slider img {width:auto;}
	#top-head .container {width: 98%;padding-left: 1%;padding-right: 1%;}
	#top-blocks {margin-top:10px; margin-bottom:10px;}
	#top-blocks .col33 {width: 100%;}
	.blocks::before {right: 0;}.blocks:hover::before {right: -5%;}
	.block-gray {-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
	.block-yellow {-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
	.left-site {display:none;}
	.right-site {width:100%;}
	.home-proSlider {height: auto;}
	
	.home-one .woocommerce.columns-4 ul li {width: 50% !important;}
	.home-proSlider ul li {clear: inherit !important;}
	
	#polecane-prod, #bottom-blocks, #info1::before {display:none;}
	.banInslide {width: 60%;}
	#sliderbaner {height:400px;}
	#bottom-blocks {margin-top: -60px;}
	#info1 .col6 {width: 100%;}
	
	#home_tekst2 {padding-top: 35px;}
	#home_tekst2 .container .col5 {width: 100%;}
	
	.left-nedletter {width: 35%;}
	.in-newsletter .tnp-subscription-minimal {width: 65%;}
	
	.left-contact {width:100%; margin-right:0; margin-bottom:25px;}
	.right-contact {width:100%;}
	#sgpb-popup-dialog-main-div {width: 86% !important; overflow:hidden;}
	.sgpb-popup-close-button-6 {right: 6% !important;}
	.sgpb-main-html-content-wrapper .wp-block-image {display:none;}
	.sgpb-main-html-content-wrapper h4 {font-size: 20px !important;margin-bottom: 0px !important;}
	.sgpb-main-html-content-wrapper .wp-block-spacer {display:none;}
	

	
}
@media all and (max-width:580px) {
	.top-logo {text-align:left;}
	.top-logo a img {width: 130px;}
	.top-search {width:100%;}
	#top-blocks .container, #home_main-news .container {width: 98%;padding-left: 1%;padding-right: 1%;}
	.info1-ul ul {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
	.col25.icons {width:100%;}
	.left-nedletter {width: 100%;text-align: center;margin-bottom: 10px;}
	.in-newsletter .tnp-subscription-minimal {width: 100%;text-align: center;}
	.brand-logos .slick-next, .brand-logos .slick-prev {display:none;}
	.topCart {float: inherit;width: auto;position: absolute;right: 5%;}
	.slajd-in {width: 60%;text-align: center;top: 18%;}
	.in-newsletter .tnp-subscription-minimal input.tnp-email {width: 75%;}
	.wc-block-grid.has-4-columns .wc-block-grid__product {margin:0;float: left;}
	.wc-block-grid__product:nth-child(2) {border-right:none;}
	#sliderbaner {background-color: #000;}
	#sliderbaner img {opacity:0.5;}
	.slick-prev, .slick-next, #sliderbaner .slick-prev, #sliderbaner .slick-next {top: 50%;}
	.home-content, .home-shop {margin-bottom:0;}
	#text-3 img {max-width: 120px;height: auto;position: relative;bottom: -15px;}
	.footer-top {padding-top: 20px;}
	.foot p {line-height: 24px;margin-bottom: 10px;}
	.footer-bottom .col5 {width:100%; text-align:left;}
	.footer-top .col25 {width: 100%;}

}
@media all and (max-width:490px) {
	.home-one .woocommerce ul.products.columns-3 li.product {clear: both;}
}