*, *:after, *:before {
  box-sizing: border-box; padding: 0; margin: 0;
}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, a:hover { /* display: block; */ text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
/** * Clearfix */
.clearfix:after { content: ""; display: table; clear: both; }
.zoomContainer { z-index: 9; }

body {
  position: relative;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
     -moz-font-feature-settings: "kern" 1;
       -o-font-feature-settings: "kern" 1;
          font-feature-settings: "kern" 1;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family:  'Work Sans', 'Helvetica ', 'Helvetica Neue', 'Arial', sans-serif;
  line-height: 1;
  overflow-x: hidden;
  max-width: 100vw;
}

.filters_box::before {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  box-sizing: border-box;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  transform-origin: center;
  border: 3px solid #bbb;
  border-top-color: #ed1c24;
  animation: spinner 0.7s linear infinite;
  z-index: 9999;
  transition: all 0.6s ease 0s;
}
.filters_box::after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  background: rgba(250, 250, 250, 0.95);
  transform-origin: center;
  z-index: 999;
  transition: all 0.6s ease 0s;
}
.filters_box.filter_loading::before {
  opacity: 1;
  visibility: visible;
}
.filters_box.filter_loading::after {
  opacity: 1;
  visibility: visible;
}
.filters_box.filter_loading #search_form {
  opacity: 0;
  visibility: hidden;
}
@keyframes spinner {
  100% {
    transform: rotate(360deg);
  }
}

.test-style-box {
  display: none;
}

div.selector {
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
}
div.selector span {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 35px 0 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0);
  color: #666;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease 0s;

}
div.selector span::before {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '\f107';
  font-family: 'fontawesome';
  font-size: 15px;
}
div.selector select {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
div.selector:hover span {
  color: #000;
}
div.selector.selected span {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.3);
  color: #ed1c24;
  font-weight: 600;
}

/* RADIO / CHECKBOX */
div.checker span {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 5px 0 0;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  font-size: 11px;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
div.checker span input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.checker span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(150%) translateX(-50%);
  display: block;
  content: '\f00c';
  font-family: 'fontawesome';
  color: #aaa;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
/* hover */
div.checker span:hover {
  border-color:rgba(0, 0, 0, 0.7);
}
div.checker span:hover::before {
  color: #000;
  opacity: 0.5;
  visibility: visible;
  transform: translateY(-50%) translateX(-50%);
}

/* checked */
div.checker span.checked {
  background-color: #ed1c24;
  border-color: #ed1c24;
}
div.checker span.checked::before {
  color: #fff;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
  visibility: visible;
}

/* hover when checked */
div.checker span.checked:hover {
  border-color: #000;
  background-color: #000;
}

@media screen and (max-width: 600px) {
  div.checker span {
    width: 20px;
    height: 20px;
  }
  #products-list-box .filters_box #search_form_fields dl .checkbox_list li label {
    font-size: 13px;
    font-weight: 600;
  }
}

div.radio span {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px;
  margin: 0 5px 0 0;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  font-size: 11px;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
div.radio span input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.radio span::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  content: '';
  transform: translateY(150%) translateX(0%);
  display: block;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
/* hover */
div.radio span:hover {
  border-color:rgba(0, 0, 0, 0.7);
}
div.radio span:hover::before {
  background-color: #000;
  border-color: #000;
  opacity: 0.5;
  visibility: visible;
  transform: translateY(0) translateX(0);
}
/* checked */
div.radio span.checked::before {
  background-color: #000;
  border-color: #000;
  transform: translateY(0) translateX(0);
  opacity: 1;
  visibility: visible;
}

/* STAŁE STYLE GRUPOWE */

/* PRZYCISK ZOBACZ WIĘCEJ CALL ACTION  >>>>>> */
.watch-more-button {
  display: inline-block;
  margin: 5px auto;
  padding: 14px 20px;
  background: #68d931;
  color: #0f1f37;
  font-size: calc(12px + 0.2vw);
  font-weight: 500;
  cursor: pointer;
  letter-spacing: -0.01em;
  transition: all 0.3s ease 0s;
  z-index: 999;
  white-space: nowrap;
  background: #ed1c24;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .watch-more-button:hover {
    background: #68d931;
    color: #071544;
  }
}
/* PRZYCISK ZOBACZ WIĘCEJ CALL ACTION  >>>>>> */

/* DOMYŚLNIE NAGŁÓWKI H3 I DOPISKI  >>>>>> */
.main-site-banner .main-banner-list .item .banner-info h3,
.small-banners .offer-banners-list .item  .article-info h3,
.three-thumbs .wrapper > div .article-info h3,
.slogan-box .article-info h3 {
  font-size: calc(22px + 1vw);
  color: #000;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.main-site-banner .main-banner-list .item .banner-info p,
.small-banners .offer-banners-list .item  .article-info .article_intro,
.three-thumbs .wrapper > div .article-info .article_intro,
.slogan-box .article-info .article_intro {
  margin-top: calc(5px + 0.3vw);
  font-size: calc(12px + 0.2vw);
  color: #333;
  font-weight: 400;
  line-height: 1.4;
}
/* DOMYŚLNIE NAGŁÓWKI H3 I DOPISKI  >>>>>> */

/* DOMYŚLNIE NAGŁÓWKI NAZWA KATEGORII LISTA PRODUKTÓW  >>>>>> */
h1.category-name,
h1.main-header {
  color: #000;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-size: calc(24px + 0.6vw);
  font-weight: 500;
  font-family: 'Oswald';
}

.category-listed h1 small {
  display: block;
  font-size: 15px;
  color: #888;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
}

.category-listed h1 .atributes-list  {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #444;
  font-weight: 600;
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


.category-listed h1 .atributes-list > div {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.category-listed h1 .atributes-list > div:nth-of-type(1) {
  border-left: none;
  padding-left: 0;

}

.category-listed .offer-kind .label,
.category-listed .producent-name .label {
  color: #888;
  font-weight: 400;
  margin-right: 7px;
  font-size: 11px;
}

.category-listed h1 > div ul li {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .category-listed h1 .atributes-list {
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .category-listed h1 .atributes-list > div {
    margin-left: 0;
    padding: 4px 0;
    padding-left: 0;
    border-left: none;
  }
}

@media screen and (max-width: 1024px) {
  h1.category-name {
    line-height: 0.95;
  }
}
/* DOMYŚLNIE NAGŁÓWKI NAZWA KATEGORII LISTA PRODUKTÓW  >>>>>> */
/* BREADCRUMBS  >>>>>> */
.breadcrumbs-box ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0;
}

.breadcrumbs-box li {
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
}
.offers_show .breadcrumbs-box li.no-anchor {
  display: none;
}

.breadcrumbs-box li a {
  color: #777;
  transition: all 0.3s ease 0s;
}
.breadcrumbs-box li::before {
  content: '\f105';
  margin: 0 7px;
  font-family: 'fontawesome';
}
.breadcrumbs-box li:first-child::before {
  display: none;
}
.breadcrumbs-box li a:hover {
  color: #000;
}
/* BREADCRUMBS  >>>>>> */

/* LIST SETTINGS  >>>>>> */
.list-settings {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 15px auto;
}

/* model_view  >>>>>> */
.model_view ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.model_view ul li {
  margin-right: 2px;
}
.model_view ul li a {
  position: relative;
  display: block;
  min-width: 32px;
  height: 32px;
  padding: 0 4px;
  background: #eee;
  color: #777;
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  transition: all 0.3s ease 0s;
  text-indent: -9999em;
  overflow: hidden;
}

.model_view ul li a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  content: '';
  font-size: 14px;
  font-weight: normal;
  font-family: 'fontawesome';
  text-indent: 0;
}
.model_view ul li.tiles_model a::before {
  content: '\f00a';
}
.model_view ul li.list_model a::before {
  content: '\f00b';
}
.model_view ul a.isset,
.model_view ul a:hover {
  background: #000;
  color: #fff;
}
/* model_view  >>>>>> */

.list-settings .sort-form .row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.list-settings .sort-form .row label {
  margin-right: 7px;
  color: #777;
  font-size: 12px;

}

.list-settings .uniform .row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

/* LIST SETTINGS  >>>>>> */
.percent {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 6px;
  background: #ed1c24;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 99;
}

.product-box .percent {
  z-index: 0;
}

.item.swiper-slide {
  /* width: 25%; */
  padding-bottom: 60px;
}

/* TILE - WYGLAD DEFAULTOWY KAFELKI STRONA GLOWNA/LISTA PRODUKTOW  >>>>>> */
.tile {
  position: relative;
  padding: 15px;
}

.tile > a {
  position: relative;
  display: block;
  font-size: 11px;
  color: #fff;
}

.tile .product-photo {
  /* display: flex;
  align-items: flex-end;
  justify-content: center; */
  margin-bottom: 5px;
  /* min-height: 210px; */
  color: #aaa;
  font-size: 9px;
  text-align: center;
}
.tile.advertistment .product-photo {
/*  height: 100%;*/
}

.tile .product-name a {
  display: block;
  margin-bottom: 10px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: all 0.3s ease 0s;
}
.tile .product-name a:hover {
  color: #000;
}

.tile .product-info {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 5px;
}

.tile .product-price {
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.tile .percent {
  position: absolute;
  top: 18px;
  left: 0;
}

.tile.fix-price-active .price .value {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.tile.fix-price-active .percent-before .before {
  color: #888;
  text-decoration: line-through;
  margin-right: 5px;
  font-size: 0.9em;
}
.tile.fix-price-active .now {
  color: #ed1c24;
  font-weight: 600;
}

.photo-variants {
  position: relative;
  padding-bottom: 30px;
}

.color-variants {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  padding: 1px 0 1px 0;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.products-list.tiles-list .tile:hover .color-variants {
  height: auto;
}

.color-variants .variants-list {
  position: relative;
}

.variants-list .item a.photo {
  display: block;
  border-bottom: 3px solid transparent;
  margin-left: 1px;
  margin-right: 1px;
  transition: all 0.3s ease 0s;
  font-size: 1px;
  color: #999;
}

.variants-list .item:hover a.photo{
  border-color: #68d931;
}

.variants-theme {
  padding: 0 30px;
}

.variants-theme .owl-nav .owl-prev,
.variants-theme .owl-nav .owl-next {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  width: 25px;
  height: 100%;
  text-align: center;
  background: #fff;
  color: #fff;
  transition: all 0.3s ease 0s;
}

.variants-theme .owl-nav .owl-prev:not(.disabled),
.variants-theme .owl-nav .owl-next:not(.disabled) {
  background: #eee;
  color: #222;
}

.variants-theme .owl-nav .owl-prev:not(.disabled):hover,
.variants-theme .owl-nav .owl-next:not(.disabled):hover {
  background: #68d931;
  color: #fff;
}

.variants-theme .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.variants-theme .owl-nav > div::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: 'fontawesome';
  font-size: 19px;
}

.variants-theme .owl-nav .owl-prev::before {
  content: '\f104';
}
.variants-theme .owl-nav .owl-next::before {
  content: '\f105';
}

.cat {
  position: absolute;
  top: 10px;
  left: 15px;
  display: inline-block;
  margin: 2px 0;
  padding: 4px 6px;
  background: rgba(20, 20, 20, 0.7);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 5;
}

/* Wyprzedaż */
.cat.cat2 {
  background: #222;
}

/* Polecane */
.cat.cat3 {
  background: #444;
}

/* Promocja */
.cat.cat4 {
  background: #555;
}

/* Nowość */
.cat.cat5 {
  background: #666;
}

.product-box .cat {
  top: -10px;
  left: 15px;
}

@media screen and (max-width: 600px) {
  .product-box .cat {
    position: static;
    top: auto;
    left: auto;
  }
}

/* <<<<<<  TILE - WYGLAD DEFAULTOWY KAFELKI STRONA GLOWNA/LISTA PRODUKTOW */
/* STAŁE STYLE GRUPOWE KONIEC */
.site-wrapper {
  background: #fff;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  padding-top: 40px;
  /* transform: translateX(0); */
  z-index: 5;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease 0s;
}
@media screen and (max-width: 1024px) {
  .site-wrapper {
    position: relative;
    padding-top: 50px;
    box-shadow: none;
  }
}
.site-wrapper::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease 0s;
}

/* GDY OTWARTE JAKIES OKNO BLOKOWANIE CONTENTU */
.nav-open .site-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(280px);
  overflow: hidden;
}
.nav-open .site-wrapper::before {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}

.wrapper {
  max-width: 1176px;
  margin: 0 auto;
  /* padding: 0 12px;*/
}

@media screen and (max-width: 1024px) {
  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.top-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #111;
  background: #36ff08;
  background: #000a2a;
  background: #e4d92c;
  background: #051529;
  background: #051529;
  /* background: #6ab844;
  background: #001b4c;
  background: #e7802e;

  background: #6bb945;
  background: #68d931;*/
  z-index: 9998;

  transition: all 0.5s ease-in-out;
}


.fixed-fluid-panel-active .top-panel {
  background: #000a2a;
}

.top-panel .wrapper {
  height: 40px;
}

@media screen and (max-width: 1024px) {
  .top-panel .wrapper {
    height: 50px;
    padding: 0;
  }
}

.top-panel .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  max-width: 100%;
}
.top-panel .wrapper,
.top-panel .wrapper a {
  color: #fff;
  font-size: 12px;
}

header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* max-width: 1176px; */
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

header .wrapper .logo {
  transition: all 0.3s ease 0s;
}

@media screen and (min-width: 1025px) {
  header .wrapper .logo {
    position: static;
    top: 0;
    left: 65px;
    display: flex;
    align-items: center;
    width: 200px;
    height: 100%;
    z-index: 9;
  }
}

header .wrapper .logo a {
	position: relative;
	display: block;
  transition: all 0.3s ease 0s;
}

header .wrapper .logo a svg {
  width: 200px;
}

header .wrapper .logo a svg .logo-z,
header .wrapper .logo a svg .logo-x {
  fill: #fff;
}

.fixed-fluid-panel-active header .wrapper .logo a svg .logo-z,
.fixed-fluid-panel-active header .wrapper .logo a svg .logo-x {
  fill: transparent;
}

header .wrapper .multi-nav {
  flex: 5 1 0;
}
@media screen and (max-width: 1024px) {
  header .wrapper .multi-nav {
    visibility: hidden;
  }
}

header .wrapper .open-close-search-button {
  width: 120px;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .fixed-fluid-panel-active header .wrapper .open-close-search-button {
    position: fixed;
    top: 0;
    left: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    z-index: 9999;

  }
  .fixed-fluid-panel-active header .wrapper .open-close-search-button a {
    color: #fff;
  }
  .fixed-fluid-panel-active header .wrapper .open-close-search-button a span {
    color: #fff;
  }
}
@media screen and (max-width: 600px) {
  #top-info-panel .register-login-button a {
    width: 50px;
  }
  #top-info-panel .register-login-button a::before {
    margin: 0;
  }

}

@media screen and (min-width: 1025px) {
  header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #001b4c;
    background: #000a2a;
    background: #071544;
    background: #152230;
    background: #092341;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.05);
    height: 90px;
    /* border-top: 1px solid rgba(255, 255, 255, 0.05); */
  }
  header .wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  header {
    height: 0;
  }
  header .wrapper .logo {
    position: fixed;
    top: 0;
    left: 5px;
    display: flex;
    height: 50px;
    align-items: center;
    z-index: 9998;
  }
  header .wrapper .logo svg path {
  	/* fill: #fff; */
  }

  header .wrapper .logo a svg {
    height: auto;
  	width: 80px;
  }
  #top-info-panel .right-side {
    width: 100%;
    padding-left: 62px;
    padding-right: 50px;
    justify-content: space-around;
  }


  #top-info-panel #basket-box .basket a {
    height: 50px;
  }
}

@media screen and (min-width: 1025px) {
  .fixed-fluid-panel-active header .wrapper .logo {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    height: 40px;
    align-items: center;
    z-index: 9999;
  }

  .fixed-fluid-panel-active header .wrapper .logo a svg {
    height: 28px;
  }

  .fixed-fluid-panel-active header .wrapper .logo a::before {
    display: none;
  }

  .fixed-fluid-panel-active header .wrapper .logo svg path {
    fill: #fff;
  }

  .fixed-fluid-panel-active .top-panel .wrapper {
    justify-content: flex-end;
  }
  .cd-dropdown-trigger {
    display: none;
  }

}

/* <<<<<<  BANER NA GŁÓWNEJ STRONIE */
.main-site-banner .main-banner-list .item {
  position: relative;
}

.main-site-banner .main-banner-list .item .banner-info {
  position: absolute;
  bottom: 2vw;
  left: 2vw;
  transform: translateX(0);
  background: transparent;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  max-width: 550px;
  padding: 30px;
  text-align: left;
  transition: all 0.5s ease 0.1s;
  opacity: 1;
}

.main-site-banner .main-banner-list .active .item .banner-info .info {
  width: 100%;
  padding-right: 20px;
}

.main-site-banner .main-banner-list .item .banner-info h3 {
  font-size: calc(19px + 0.3vh);
  color: #000a2a;
}


.main-site-banner .owl-nav {
  position: absolute;
  bottom: 40px;
  right: 5%;
}

.carousel-header {
  display: block;
  margin-bottom: 5vh;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  font-size: calc(24px + 1.2vw);
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .main-site-banner .main-banner-list .item .banner-info {
    position: static;
    flex-flow: column wrap;
    width: 90%;
    max-width: 600px;
    margin: 10px auto 0 auto;
    padding: 20px 10px 10px 10px;
    text-align: center;
  }

  .main-site-banner .main-banner-list .active .item .banner-info .info {
    padding-right: 0;
    text-align: center;
  }
  .main-site-banner .main-banner-list .item .banner-info .link {
    margin: 0 auto;
  }
  .main-site-banner .owl-nav {
    position: static;
    justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .main-site-banner .main-banner-list .item .banner-info {
    position: static;
    bottom: 10px;
    left: 50%;
    transform: translateX(0);
    max-width: 100%;
    background: transparent;
  }
}
@media screen and (min-width: 1025px) {
  /* .main-site-banner .main-banner-list .item .banner-info h3 {
    font-size: 1px;
    color: rgba(255, 255, 255, 0.01);
  } */
}
/* BANER NA GŁÓWNEJ STRONIE  >>>>>> */


/* <<<<<<  MAŁE BANERKI LINKOWANE DO PRODUKTÓW LUBA ARTYKUŁÓW */
.small-banners {
  margin-top: 5vh;
  margin-bottom: 5vh;
}
.small-banners .wrapper {
  max-width: 100%;
  padding: 0;
}
.small-banners .offer-banners-list {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;

}
.small-banners .offer-banners-list .item {
  position: relative;
  width: 25%;
  transition: all 0.8s ease 0s;
}
.small-banners .offer-banners-list .item .article-box  {
  position: relative;
  overflow: hidden;
  height: 100%;
}


.small-banners .offer-banners-list .item img {
  max-width: 100%;
  object-fit: cover;
}

.small-banners .offer-banners-list .item .article-info  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 0 90px 0;
  z-index: 9;
  height: 100%;
}

.small-banners .offer-banners-list .item .article-info .article_intro {
  color: #fff;
  transition: all 0.8s ease 0s;
}

.small-banners .offer-banners-list .item .article-info .watch-more-button  {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.small-banners .offer-banners-list .item .article-info h3  {
  margin-bottom: 5px;
  color: #fff;
  letter-spacing: -0.03em;
  transition: all 0.8s ease 0s;
}

@media screen and (max-width: 1024px) {
  .small-banners .offer-banners-list .item .article-photo img {
    width: auto;
    /* height: 100%; */
    transform: scale(1);
    object-fit: cover;
  }
}

@media screen and (max-width: 600px) {
  .small-banners .offer-banners-list .item {
    width: 100%;
    margin: 5px 10px;
  }
}

@media screen and (min-width: 1025px) {
  .small-banners .offer-banners-list .item:hover img {
    /*z-index: 8;*/
    /* transform: scale(1); */
    transform: scale(1);
  }
  .small-banners .offer-banners-list .item:hover .article-photo::before {
    opacity: 0;
    transform: translateY(120%);
  }
  .small-banners .offer-banners-list .item:hover .article-info h3,
  .small-banners .offer-banners-list .item:hover .article-info .article_intro {
    color: #000;
  }
}
/* MAŁE BANERKI LINKOWANE DO PRODUKTÓW LUBA ARTYKUŁÓW  >>>>>> */

header .open-close-search-button a  {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  text-align: left;
}

.fixed-fluid-panel-active header .open-close-search-button a {
  color: #fff;
}
header .open-close-search-button a::before {
  margin-right: 7px;
  content: '\f002';
  font-family: 'fontawesome';
  font-size: 19px;
  transition: all 0.3s ease 0s;
}
header .open-close-search-button a span {
  display: block;
  width: 55px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
header .open-close-search-button a:hover  {
  color: #68d931;
}
header .open-close-search-button:hover span  {
  color: #68d931;
}
.fixed-fluid-panel-active header .open-close-search-button:hover span  {
  color: #fff;
}


.right-side .open-close-search-button {
  display: none;
}

.right-side .open-close-search-button a  {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  color: #0f1f37;
  text-align: left;
  width: 50px;
  height: 50px;
}

.right-side .open-close-search-button a::before {
  content: '\f002';
  font-family: 'fontawesome';
  font-size: 19px;
  transition: all 0.3s ease 0s;
}
.right-side .open-close-search-button a span {
  display: none;
  width: 55px;
  color: #888;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.right-side .open-close-search-button a:hover  {
  color: #ed1c24;
}
.right-side .open-close-search-button:hover span  {
  color: #0f1f37;
}

@media screen and (max-width: 1024px) {
  header .open-close-search-button   {
    display: none;
  }
  .right-side .open-close-search-button {
    display: block;
  }
}

/* <<<<<<  SLOGAN SECTION */
.slogan-box .wrapper {
  padding-top: 3vh;
  padding-bottom: 3vh;
  max-width: 700px;
  text-align: center;
}
.slogan-box .wrapper  h3 {
  font-weight: 600;
  letter-spacing: -0.03em;
}
.slogan-box .wrapper .article_intro {
  color: #777;
}
/* SLOGAN SECTION  >>>>>> */

/* <<<<<<  PROPOSED SECTION */
.proposed-carusel .wrapper {
  max-width: 1600px;
}

body:not(.homepage) #proposed-products-box {
  margin: 30px auto;
  padding: 6vh 0 4vh 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.proposed-carusel .proposed-box {
  margin: 0 auto;
}
/* PROPOSED SECTION  >>>>>> */


/* <<<<<<  LISTA PRODUKTÓW KAFELKI */
.products-list.tiles-list {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}
.products-list.tiles-list .tile {
  width: 50%;
  margin-bottom: 30px;
}
.products-list.tiles-list .tile.wide-photo  {
  width: 100%;
}
.products-list.tiles-list .advertistment {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .products-list.tiles-list .tile {
    width: 33.33%;
  }

  .products-list.tiles-list .advertistment {
    width: 33.33%;
  }
}
@media screen and (min-width: 1025px) {
  .products-list.tiles-list .tile {
    width: 33.33%;
  }
  .products-list.tiles-list .advertistment {
    width: 66%;
  }
}

@media screen and (min-width: 1600px) {
  .products-list.tiles-list .tile {
    width: 25%;
  }
  .products-list.tiles-list .advertistment {
    width: 50%;
  }
}

/* LISTA PRODUKTÓW KAFELKI  >>>>>> */
.products-list.row-list {
  display: flex;
  flex-flow: column wrap;
}
.products-list.row-list .row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0 ,0.15);
}
.products-list.row-list .row .left_photo_box a {
  display: block;
  max-width: 150px;
  padding: 0 20px;
  text-align: center;
}


.product-list-section {
  margin-top: 5vh;
}

.product-list-section .wrapper {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: space-between;
}


@media screen and (max-width: 1023px) {
  .product-list-section .open-filter-button {
    display: block;
    margin: 0 auto 30px auto;
    padding: 15px;
    background: #0f1f37;
    color: #68d931;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    transform: translateX(0) translateY(0);
  }
  .product-list-section .open-filter-button::before {
    content: '\f0b0';
    font-family: 'fontawesome';
    margin-right: 7px;
    font-size: 1.1em;
  }

  .fixed-fluid-panel-active .product-list-section .open-filter-button {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(0) translateY(0);
    z-index: 9999;
    font-size: 0;
    background: #68d931;
    color: #0f1f37;
    width: 45px;
    height: 45px;
    text-align: center;
    display: none;
  }
  .fixed-fluid-panel-active .product-list-section .open-filter-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
    margin: 0;
  }

/* MODERNICAZJA FILTRA BY NIE BYŁ FIXED */

  .product-list-section .filters_box {
    margin: 0 auto;
    background: #fff;
    padding: 0;
    width: 100%;
    height: 0;
    transition: all 0.3s ease 0s;
    border-radius: 5px 0 0 5px;
    visibility: hidden;
    opacity: 0;
  }

  .open-filter .product-list-section .filters_box {
    height: 100%;
    visibility: visible;
    opacity: 1;
  }

  .product-list-section .close-filter-button {
    position: fixed;
    z-index: 1;
    right: 5px;
    bottom: 5px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
  }

}

@media screen and (min-width: 1025px) {
  .product-list-section .wrapper {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
  }
  .product-list-section .open-filter-button,
  .product-list-section .close-filter-button {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
  .product-list-section .filters_box {
    /* flex: 1 1 0; */
    min-width: 220px;
    max-width: 250px;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 15px;
  }
  .product-list-section .filters_box .filter-cat > div {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .product-list-section .category-listed {
    /* flex: 6 6 0; */
    width: calc(100% - 250px);
  }
}


/* <<<<<<  OPIS KATEGORII NA LIŚCIE PRODUKÓW */
.category-desc {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  margin: 20px 0;
  padding: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.category-desc h2 {
  display: block;
  margin: 20px 0 5px 0;
  color: #111;
  font-size: 14px;
  font-weight: 600;
}
.category-desc p {
  margin-bottom: 10px;
}
.category-desc a {
  color: #000;
  text-decoration: underline;
}
/* OPIS KATEGORII NA LIŚCIE PRODUKÓW  >>>>>> */


/* <<<<<<  Kafelki 3 - DUZA MALA MALA */
.three-thumbs .wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  padding-top: 8vh;
}

.three-thumbs .wrapper > div {
  position: relative;
  width: 50%;
}

.three-thumbs .wrapper > div.first-big {
  border-right: 5px solid #fff;
  overflow: hidden;
}

.three-thumbs .wrapper > div.secound-third {
  border-left: 5px solid #fff;
}

.three-thumbs .wrapper > div.secound-third > div:nth-of-type(1) {
  position: relative;
  overflow: hidden;
}
.three-thumbs .wrapper > div.secound-third > div:nth-of-type(2) {
  position: relative;
  margin-top: 10px;
  z-index: 2;
  overflow: hidden;
}

.three-thumbs .wrapper > div .article-photo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.three-thumbs .wrapper > div .article-photo img {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.8s ease 0s;
  transform: scale(1.1);
  transform-origin: center center;
  object-fit: cover;
  max-width: 100%;
}

.three-thumbs .wrapper > div .article-info {
  position: relative;
  width: 60%;
  max-width: 250px;
  min-height: 280px;
  padding: 30px 0 90px 30px;
  z-index: 9;
  height: 100%;
}
.three-thumbs .wrapper > div .article-info .watch-more-button {
  margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .three-thumbs .wrapper > div,
  .three-thumbs .wrapper > div.secound-third {
    width: 100%;
    margin: 5px 0;
    border-left: none;
  }
  .three-thumbs .wrapper > div.first-big {
    border-right: none;
  }
}

@media screen and (min-width: 1025px) {
  .three-thumbs .wrapper > div.first-big:hover .article-photo img,
  .three-thumbs .wrapper > div.secound-third > div:hover .article-photo img {
    z-index: 8;
    transform: scale(1.4);
  }
}

#products-list-box .filters_box > form {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .three-thumbs .wrapper > div .article-photo img  {
    height: 100%;
  }
  #products-list-box .filters_box > form {
    position: relative;
    padding: 0;
    overflow: hidden !important;
    height: 100%;
    min-height: 100%;
    margin-bottom: 30px;
  }
}

#products-list-box .filters_box abbr {
  display: none;
}

#products-list-box .filters_box #search_form_fields {
  display: block;
}
#products-list-box .filters_box #search_form_fields dl {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 5px 0;
  width: 100%;
}
#products-list-box .filters_box #search_form_fields dt {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}
#products-list-box .filters_box #search_form_fields dd {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}
#products-list-box .filters_box input {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}
#products-list-box .filters_box input:hover,
#products-list-box .filters_box input:focus {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.45);
  box-shadow: none;
  color: #000;
  font-weight: 800;
}

#products-list-box .filters_box #search_form_fields dl .checkbox_list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0;
}
#products-list-box .filters_box label {
  display: block;
  margin-left: 2px;
  color: #444;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd  {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
}
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(2)  {
  width: calc(100% - 20px);
  margin-top: 5px;
}
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(3)  {
  width: calc(100% - 40px);
  margin-top: 5px;
}

#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(2)::before,
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(3)::before {
  position: absolute;
  top: 6px;
  left: -19px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  content: '';
}
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(2)::after,
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(3)::after {
  position: absolute;
  top: 14px;
  left: -10px;
  border-left: 4px solid #aaa;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent ;
  content: '';
}
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(2).selected::after,
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(3).selected::after {
  border-left: 4px solid #ed1c24;
}
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(2).selected::before,
#products-list-box .filters_box #search_form_fields dl.row-products_filter_cid dd div.selector:nth-of-type(3).selected::before {
  border-left: 1px solid #ed1c24;
  border-bottom: 1px solid #ed1c24;
}


#products-list-box .filters_box .actions-buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

#products-list-box .filters_box .actions-buttons > div > .button span {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: #999;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
#products-list-box .filters_box .actions-buttons > div.search_attribute_filter_button .button span {
  color: #444;
}
#products-list-box .filters_box .actions-buttons > div.reset_attribute_filter_button .button span {
  color: #999;
}
#products-list-box .filters_box .actions-buttons > div > .button span::before {
  font-family: 'fontawesome';
  padding: 0 5px 0 0;
  font-weight: normal;
}

#products-list-box .filters_box .actions-buttons > div.search_attribute_filter_button .button span::before {
  content: '\f00c';
}
#products-list-box .filters_box .actions-buttons > div.reset_attribute_filter_button .button span::before {
  content: '\f00d';
}
#products-list-box .filters_box .actions-buttons > div.search_attribute_filter_button > .button span:hover {
  background: #fff;
  border-color: #68d931;
  color: #68d931;
}
#products-list-box .filters_box .actions-buttons > div.reset_attribute_filter_button > .button span:hover {
  background: #fff;
  border-color: #ed1c24;
  color: #ed1c24;
}
#products-list-box .filters_box .actions-buttons > div > .button span:hover {
  padding-left: 20px;
  padding-right: 20px;
}
#products-list-box .filters_box .actions-buttons > div > .button span:hover::before {
  color: inherit;
}

@media screen and (max-width: 1023px) {
  #search_form_fields {
    /* overflow-y: scroll; */
    /* height: 120vh; */
    max-width: 350px;
    margin: 0 auto;
    padding: 10px;
  }

  #products-list-box .filters_box .actions-buttons {
    display: block;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    background: #ccc;
  }
  #products-list-box .filters_box .actions-buttons > div {
    margin: 0 10px;
  }
}

#search-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100vh;
  max-width: 100vw;
  padding: 70px 40px;
  /* background: #ed1c24; */
  background: rgba(255,57,32,0.95);
  background: rgba(30, 30, 30, 0.98);
  box-shadow: 50px 0 40px rgba(0, 0, 0, 0);
  transform: translateX(110%);
  z-index: 99999999;
  transition: all 0.3s ease 0s;
}
.open-search-panel #search-panel {
  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.2);
  transform: translateX(0);
}
#search-panel #search-box > .top-form > .top-form {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
}
#search-panel .label {
  display: block;
  margin: 0 0 10px 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

#search-panel .close-search-button {
  position: absolute;
  top: 25px;
  right: 30px;
  cursor: pointer;
}
#search-panel .close-search-button::before {
  content: '\f00d';
  font-family: 'fontawesome';
  color: #fff;
  font-size: 21px;
  transition: all 0.4s ease 0s;
}
#search-panel .close-search-button span {
  display: none;
}
#search-panel .close-search-button:hover::before {
  color: #000;
}
#search-panel .formy input {
  width: 100%;
  height: 45px;
  padding: 0 85px 0 15px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  border-radius: 2px 2px 2px 2px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 45px;
  box-shadow: none;
}
#search-panel .formy .close-icon {
  right: 60px;
}

#search-panel .formy input:focus {
  background: rgba(255, 255, 255, 1);
  border-color: #fff;
  box-shadow: none;
  color: #000;
  font-weight: 800;
}
#search-panel .formy .button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  width: 50px;
  height: 100%;
  color: #fff;
}

#search-panel .formy input:focus ~ .button {
  color: #333;
}

#search-panel .formy .button span {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.4s ease 0s;
  border-radius: 0 2px 2px 0;
}
#search-panel .formy .button span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f002';
    font-family: 'fontawesome';
    font-size: 19px;
    transition: all 0.4s ease 0s;
}

#search-panel .formy .button span:hover {
  background: #000;
}
#search-panel .formy .button span:hover::before {
  color: #fff;
}
#search-panel .ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
  height: 70vh;
  padding-top: 20px;
  max-height: 100% !important;
}
.ui-autocomplete li {
  padding: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.ui-autocomplete li a {
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  line-height: 1.2em;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.ui-autocomplete li a:hover {
  color: #000;
}




#top-info-panel .right-side {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  #top-info-panel .left-side {
    display: none;
  }
  #search-panel {
    padding: 25px 10px 0 10px;
  }
  #search-panel .close-search-button {
    top: 10px;
  }
}

body.fixed-fluid-panel-active #top-info-panel .left-side {
  display: none;
}

body.fixed-fluid-panel-active #top-info-panel .left-side {
  position: fixed;
  top: 0;
  right: 0;
}

#top-info-panel a {
  color: #000a2a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease 0s;
}

#top-info-panel a.contact {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
}

#top-info-panel a.contact::before {
  position: relative;
  content: '\f095';
  font-family: 'fontawesome';
  font-size: 18px;
  font-weight: normal;
  transition: all 0.3s ease 0s;
  margin-right: 7px;
}

#top-info-panel a:hover {
  background: #68d931;
  color: #fff;
}

#top-info-panel .register-login-button a {
  position: relative;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 1025px) {
  #top-info-panel .register-login-button a {
    height: 40px;
    padding: 0 20px;
  }
}

#top-info-panel .register-login-button a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  content: '\f2c0';
  font-family: 'fontawesome';
  font-size: 18px;
  font-weight: normal;
  transition: all 0.3s ease 0s;
}

@media screen and (min-width: 600px) {
  #top-info-panel .register-login-button a::before  {
    position: relative;
    left: auto;
    top: auto;
    transform: translateY(0) translateX(0);
    margin-right: 7px;
  }
}

#top-info-panel .register-login-button a:hover {
  color: #fff;
  background: #68d931;
}


#top-info-panel .register-login-button .zalogowany {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-left: 20px;

}
#top-info-panel .register-login-button .zalogowany .witaj {
  margin-right: 10px;
  color: #fff;
  font-size: 12px;
}
#top-info-panel .register-login-button .zalogowany a.profil::before {
  	color: #68d931;
}
#top-info-panel .register-login-button .zalogowany a.profil::after {
  position: absolute;
  top: 8px;
  left: 12px;
  content: '\f00c';
  font-family: 'fontawesome';
  font-size: 10px;
  font-weight: normal;
  color: #68d931;
  transition: all 0.3s ease 0s;
}

#top-info-panel .register-login-button .zalogowany a.profil:hover::before,
#top-info-panel .register-login-button .zalogowany a.profil:hover::after {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #top-info-panel .register-login-button .zalogowany {
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  #top-info-panel .register-login-button .zalogowany .witaj {
    display: none;
  }
  #top-info-panel .register-login-button .zalogowany a.profil::after {
	  left: auto;
	  right: 10px;
  	top: 10px;
	}
}

#top-info-panel .register-login-button a.logout {
  /* background: rgba(255, 255, 255, 0.1); */
  color: red;
}

#top-info-panel .register-login-button a.logout::before {
  content: '\f011';
  font-family: 'fontawesome';
  font-size: 18px;
  font-weight: normal;
  transition: all 0.3s ease 0s;
  color: #ed1c24;
}

#top-info-panel .register-login-button a.logout:hover {
  background: rgba(255, 255, 255, 1);
}

#top-info-panel #basket-box .basket a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  padding: 0 20px;
}

@media screen and (min-width: 1025px) {
  #top-info-panel #basket-box .basket a {
    height: 40px;
  }

  .fixed-fluid-panel-active #top-info-panel #basket-box .basket a .value {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  #top-info-panel #basket-box .basket a {
    padding: 0 3px;
  }
}

#top-info-panel #basket-box .basket a::before {
  content: '\f07a';
  font-family: 'fontawesome';
  color: #fff;
  font-size: 19px;
  font-weight: normal;
  transition: all 0.3s ease 0s;
}

#top-info-panel #basket-box .basket a:hover::before {
  transform: translateX(-5px);
}

#top-info-panel #basket-box .basket a > div {
  margin: 0 5px;
}

#top-info-panel #basket-box .basket a > .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: #ed1c24;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

#top-info-panel #basket-box .basket a:hover > .count {
  background: #0f1f37;
}

#top-info-panel #basket-box .basket a .button {
  display: none;
}

#top-info-panel #basket-box .basket a:hover  {
  background: #ed1c24;
  color: #fff;
}

#top-info-panel #basket-box {
  display: flex;
  align-items: center;
}

#top-info-panel #basket-box .basket.empty {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 10px;
}

#top-info-panel #basket-box .basket.empty::before {
  content: '\f07a';
  font-family: 'fontawesome';
  color: #fff;
  font-size: 19px;
  font-weight: normal;
  transition: all 0.3s ease 0s;
  margin-right: 7px;
}

#top-info-panel #basket-box .basket.empty .count  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

#top-info-panel #basket-box .basket.empty p  {
  margin-left: 5px;
  opacity: 0.5;
}

.fixed-fluid-panel-active #top-info-panel #basket-box .basket.empty p  {
  display: none;
}

@media screen and (max-width: 1024px) {
  #top-info-panel #basket-box .basket.empty p {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #top-info-panel .register-login-button a  {
    font-size: 0;
  }

  #top-info-panel #basket-box .basket a .value  {
    display: none;
  }
}



/* KARTA PRODUKTU */
.product-box .photo_box {
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-box.wide-photo .photo_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 150px;
}

.product-box .zoomWrapper {
  position: relative;
  -webkit-overflow-scrolling: touch !important; /* Lets it scroll lazy */
  overflow-scrolling: touch !important; /* Lets it scroll lazy */
}

.product-box .gallery-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}

.product-box .gallery-list li a {
  display: block;
  padding: 4px;
  max-width: 50px;
  height: 100%;
}

@media screen and (min-width: 600px) {
  .product-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 4vh;
  }

  .product-box > div {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 1vw;
  }




  .product-box.wide-photo {
    flex-direction: column;
  }

  .product-box.wide-photo .photo_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 300px;
  }

  .product-box.wide-photo > div {
    width: 100%;
  }

  .product-box.wide-photo .add-to-basket-box {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }

  .product-box.wide-photo .add-to-basket-box .price_info {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    flex: 1 1 0;
  }

  .product-box.wide-photo .add-to-basket-box .multicard {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    vertical-align: top;
    flex: 3 1 0;
  }

  .product-box.wide-photo .add-to-basket-box .multicard > .button {
    margin-top: 50px;
  }

  .product-box.wide-photo .add-to-basket-box .multicard > div {
    flex: 1 1 0;
  }

  .product-box.wide-photo .add-to-basket-box .morecat-ask {
    width: 100%;
    margin-bottom: 10px;
  }
}

.product-box.wide-photo .add-to-basket-box {
  position: relative;
}

.product-box .cart-product-name {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: calc(18px + 0.6vw);
  font-weight: 600;
  font-family: 'Oswald';

}

@media screen and (max-width: 600px) {
  .product-box .cart-product-name {
    font-size: 28px;
  }
}

.product-box .price_info {
  margin: 20px 0;
}

.product-box .price_info .price.now {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: 'Oswald';
}

.product-box .price_info .percent-before {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 5px;
}

.product-box.fix-price-active .price_info .price.now {
  color: #ed1c24;
}

.product-box .price_info .price.before {
  margin-left: 10px;
  color: #777;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.product-box > .product_box_info .multicard {
  display: block;
}



.product-box > div .availability_box {
  position: relative;
  display: block !important;
  height: 30px;
}

.product-box > .product_box_info .availability_box div[class*="vol"] {
  height: 0;
}

.product-box > .product_box_info .availability_box .info_dost {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 7px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.product-box > .product_box_info .availability_box .vol1 + .info_dost {
  background: #68d931;
  color: #fff;
}

.product-box > .product_box_info .availability_box .vol2 + .info_dost {
  background: #222;
  color: #fff;
}

.product-box > .product_box_info .availability_box .vol3 + .info_dost {
  background: #ed1c24;
  color: #fff;
}

.product-box hr {
  display: none;
  margin: 10px 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.product-box hr.hr-separator2 {
  display: none;
}

.product-box .radio_list_row {

  flex: 2 1 0;
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}

.product-box .radio_list_row .input {
  position: relative;
  padding-top: 20px;
}

.product-box .radio_list_row .error_list {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.solony-list > div {
  padding: 10px 3vw;
}

@media screen and (max-width: 600px) {
  .product-box .radio_list_row {
    width: 100%;
    padding: 0;
  }
}

.multicard .row.radio_list_row .input ul:not(.error_list) {
  padding: 10px 5px;
  border-radius: 3px;
}

.product-box .colors-choice-component {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.product-box .colors-choice-component li {
  position: relative;
  display: block;
  width: 85px;
  height: 85px;
  margin: 5px 3px 5px 3px;
}

.product-box .colors-choice-component li .radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.product-box .colors-choice-component li label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% + 3px);
  padding: 2px;
  background: #fff;
  color: #0f1f37;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  /* overflow: hidden; */
  text-align: center;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease 0s;
  background: #eaeaea;
  z-index: 9;
}

.product-box .colors-choice-component li label img {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 1;
}

.product-box .colors-choice-component li.available:hover label,
.product-box .colors-choice-component li.available.selected label {
  border-color: #68d931;
}

.product-box .colors-choice-component li.not_available label {
  border: 3px solid rgba(0, 0, 0, 0.3);
}

.product-box .colors-choice-component li.not_available label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.product-box .colors-choice-component li.not_available label img {
  opacity: 0.5;
}

.product-box .basket-sizes-component {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.product-box .basket-sizes-component li {
  position: relative;
  font-size: 0;
  margin: 5px 5px;
}

.product-box .basket-sizes-component li .radio {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.product-box .basket-sizes-component li label {
  position: relative;
  display: block;
  min-width: 60px;
  height: 60px;
  padding: 0 16px;
  background: #fff;
  background: #eee;
  color: #0f1f37;
  font-size: 13px;
  font-weight: 600;
  line-height: 60px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.product-box .basket-sizes-component li.available label {
  cursor: pointer;
}

.product-box .basket-sizes-component li.available:hover label,
.product-box .basket-sizes-component li.available.selected label {
  background: #68d931;
  color: #fff;
}

.product-box .basket-sizes-component li.not_available label {
  color: #aaa;
}

.product-box .basket-sizes-component li.unknown label {
  color: #aaa;
}

.multicard > .row:not(.radio_list_row) {
  display: inline-block;
  width: 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
}

.multicard > .row:not(.radio_list_row) > .input {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-left: 24px;
}

.ui-spinner {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  margin: 0 5px;
  line-height: 42px;
  border: 2px solid rgba(0, 0, 0, 0.15);
}

.ui-spinner > input {
  order: 2;
  display: block;
  max-width: 60px;
  height: 100%;
  margin: 0;
  padding: 0 5px;
  background: #fff;
  box-shadow: none;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  color: #0f1f37;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: all 0.2s ease 0s;
}

.ui-spinner > input:hover {
  background: #eee;
  color: #111;
}

.ui-spinner > input:focus {
  background: #fff;
  color: #111;
  box-shadow: none;
}

.ui-spinner > a {
  position: relative;
  display: block;
  width: 60px;
  height: 100%;
  margin: 0;
  color: #888;
  background: #fff;
  text-align: center;
  font-size: 21px;
  transition: all 0.2s ease 0s;
  cursor: pointer;
}

.ui-spinner > a.ui-spinner-up {
  order: 3;
}

.ui-spinner > a.ui-spinner-down {
  order: 1;
}

.ui-spinner > a::before {
  font-weight: normal;
  font-family: 'helvetica', 'arial', sans-serif;
}

.ui-spinner > a.ui-spinner-up::before {
  content: '+';
}

.ui-spinner > a.ui-spinner-down::before {
  content: '-';
}

.ui-spinner > a:hover {
  color: #ed1c24;
}

.ui-spinner .ui-icon {
  display: none;
}

.basket_view #basket_content .cart_preview_form table.products_summary tbody tr td .ui-spinner  a {
  color: #888;
}

.basket_view #basket_content .cart_preview_form table.products_summary tbody tr td .ui-spinner a:hover {
  color: #111;
}

.basket_view #basket_content .cart_preview_form table.products_summary .batch .button span {
  border-radius: 0;
  background: #cecece;
}

#productcart_box .add-to-basket-box div.label,
#productcart_box .add-to-basket-box .row > label {
  display: block;
  margin: 5px 0 3px 0;
  padding: 5px 7px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#productcart_box .add-to-basket-box .row .help {
   display: inline-block;
   margin: 5px 0 3px 0;
   color: #888;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
 }

.multicard > .button {
  display: inline-block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
  vertical-align: middle;
}

.multicard > .button span {
  display: inline-flex;
  align-items: center;
  height: 47px;
  padding: 0 20px;
  background: #68d931;
  color: #071544;
  font-size: 14px;
  font-weight: 500;
  line-height: 47px;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  white-space: nowrap;
}

.multicard > .button span::before {
  content: '\f067';
  font-family: 'fontawesome';
  margin-right: 7px;
  font-weight: normal;
  font-size: 0.9em;
}

.multicard > .button span:hover {
  background: #071544;
  color: #68d931;
}

.morecat-ask {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 12px;
}

.morecat-ask .label-info {
  display: block;
  margin: 5px 0 3px 0;
  padding: 5px 0;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.morecat-ask > div a {
  color: #444;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
  text-decoration: underline;
}

.morecat-ask > div a:hover {
  color: #000;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .morecat-ask {
    flex-flow: column wrap;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .morecat-ask > div {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
  }

  .morecat-ask .label-info {
    margin-right: 7px;
  }
}

.desc-spec-product .wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.desc-spec-product .wrapper > div {
  min-width: 25%;
  padding: 20px;
}

.desc-spec-product .wrapper > div.description {
  width: 100%;
  order: 1;
}

.desc-spec-product .wrapper > div.corelated-box {
  width: 50%;
  order: 2;
}

.desc-spec-product .wrapper > div.specification {
  width: 50%;
  order: 3;
}

@media screen and (max-width: 600px) {
  .desc-spec-product .wrapper > div.description,
  .desc-spec-product .wrapper > div.corelated-box,
  .desc-spec-product .wrapper > div.specification{
    width: 100%;
    padding: 0;
  }
  .desc-spec-product .wrapper > div.corelated-box {
    order: 3;
  }
  .desc-spec-product .wrapper > div.specification {
    order: 2;
  }
}



.desc-spec-product .wrapper .info_header {
  display: block;
  margin: 10px 0;
  color: #0f1f37;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (max-width: 1024px) {
  .desc-spec-product .wrapper {
    flex-flow: row wrap;
    align-items: flex-start;
  }

  .desc-spec-product .wrapper > div {
    min-width: 50%;
  }

  .desc-spec-product .wrapper > div.description {
    min-width: 100%;;
  }
}

@media screen and (max-width: 700px) {
  .desc-spec-product .wrapper {
    flex-flow: column nowrap;
    align-items: flex-start;
  }

  .desc-spec-product .wrapper > div {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
}

.desc-spec-product dl.spec {
  width: 100%;
}

.desc-spec-product dl.spec dt,
.desc-spec-product dl.spec dd {
  width: 50%;
  padding: 8px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  color: #444;
  font-size: 13px;
  font-weight: 400;
}

.desc-spec-product dl.spec dt {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 600px) {
  .desc-spec-product dl.spec dt,
  .desc-spec-product dl.spec dd {
    width: 100%;
    padding: 0;
  }

  .desc-spec-product dl.spec dt {
    padding-top: 6px;
  }

  .desc-spec-product dl.spec dd {
    padding-bottom: 6px;
    border-top-color: transparent;
  }
}

.desc-spec-product  .description {
  font-size: 13px;
  color: #666;
  font-weight: 400;
  line-height: 1.4;
}

.desc-spec-product  .description p {
  margin-bottom: 15px;
}

/*  KONIEC KARTA PRODUKTU */



/* STOPKA */
footer {
  background: #051529;
  margin-top: 4vh;
  padding:  2vh 0;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15); */

}

footer .wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

footer .footer-header {
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1em;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  text-align: left;
}

footer ul.footer-boxes {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}

footer ul.footer-boxes > li {
  width: 25%;
  padding: 1.5vw 3%;
  /* border-left: 1px solid rgba(0, 0, 0, 0.15); */
}

@media screen and (max-width: 1024px) {
  footer {
    border-bottom: none;
  }

  footer ul.footer-boxes {
    flex-flow: column wrap;
    border-bottom: none;
  }

  footer ul.footer-boxes > li {
    width: 100%;
    padding: 25px 20px;
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }

  footer ul.footer-boxes > li:first-child {
    border-top: none;
  }
}

.niedostepny {
  display: inline-block;
  background: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

footer ul.footer-boxes > li:first-child {
  border-left: none;
}

footer ul.footer-boxes .links-box ul {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

footer ul.footer-boxes li.infoline-box .store-name {
  display: block;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

footer ul.footer-boxes li.infoline-box strong {
  font-weight: 600;
}

footer ul.footer-boxes li.infoline-box .open-houres {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

footer ul.footer-boxes li.infoline-box .phone-number {
  display: block;
  margin-top: 0.5vh;
  color: #ff3920;
  font-size: 21px;
  font-weight: 300;
  line-height: 26px;
}

footer ul.footer-boxes li.infoline-box .email-value {
  display: block;
  margin-top: 0.5vh;
  font-size: 12px;
  color: #888;
  font-weight: 400;
}

footer ul.footer-boxes li.infoline-box .email-value a,
footer ul.footer-boxes li.infoline-box .email-value strong {
  display: inline-block;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  transition: all 0.4s ease 0s;
}

footer ul.footer-boxes li.infoline-box .email-value a:hover {
  color: #888;
}

footer ul.footer-boxes li.newsletter-box .newsletter form  { position: relative; max-width: 300px; }
footer ul.footer-boxes li.newsletter-box .newsletter form .row .input input { display: block; width: 100%; height: 35px; padding: 0 5px; background: #eee; border: 1px solid #eee; color: #888; font-size: 12px; font-weight: 700; line-height: 35px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;  }
footer ul.footer-boxes li.newsletter-box .newsletter form .row .input input:hover { background-color: #ddd; border-color: #ddd; color: #666; }
footer ul.footer-boxes li.newsletter-box .newsletter form .row .input input:focus { background-color: #fff; border-color: #ccc; color: #222; }
footer ul.footer-boxes li.newsletter-box .newsletter form .submit { position: absolute; top: 0; right: 0; width: 80px; height: 35px; padding: 0 10px; background: #888; border: none; box-shadow: none; color: #fff; font-size: 11px; font-weight: 600; line-height: 35px; text-transform: uppercase; text-shadow: none; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer ul.footer-boxes li.newsletter-box .newsletter form .submit:hover { background-color: #ff3920;}
footer ul.footer-boxes li.newsletter-box .newsletter-info { display: block; margin: 2.5vh 0 1vh 0; color: #888; font-size: 14px; font-weight: 400; line-height: 1.1em;  }


footer ul.footer-boxes li .payment-svg-logo svg {
  max-width: 85px;
}

footer ul.footer-boxes li .payment-svg-logo svg path {
  fill: #fff;
  opacity: 0.8;
}

footer ul.footer-boxes li .social-links { display: flex; flex-direction: row; width: 100%; font-size: 0; }
footer ul.footer-boxes li .social-links a { display: inline-block; width: 35px; height: 35px; margin: 0 10px 10px 0; border-radius: 2px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;  }
footer ul.footer-boxes li .social-links a.twitter { background-color: #6cc9f2;}
footer ul.footer-boxes li .social-links a.facebook { background-color: #677fc1;}
footer ul.footer-boxes li .social-links a.instagram { background-color: #555;}
footer ul.footer-boxes li .social-links a.youtube { background-color: #f06a6b;}
footer ul.footer-boxes li .social-links a.twitter:hover { background-color: #2ba9e1;}
footer ul.footer-boxes li .social-links a.facebook:hover { background-color: #3c5495;}
footer ul.footer-boxes li .social-links a.instagram:hover { background-color: #333;}
footer ul.footer-boxes li .social-links a.youtube:hover { background-color: #ee3537;}
footer ul.footer-boxes li .social-links a img { width: 35px; height: 35px;}


footer .logo a {
	display: block;
}

footer .logo a svg {
  height: 45px;
}

footer .logo a svg path {
  fill: #888;
  transition: all 0.3s ease 0s;
}

footer .logo a:hover svg path {
  fill: #000;
}

footer .articles-box {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

footer .articles-box ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

footer .articles-box a {
  display: block;
  padding: 2px 5px;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  transition: all 0.3s ease 0s;
}

footer .articles-box a:hover {
  color: #fff;
}

@media screen and (max-width: 600px) {
  footer .wrapper  {
    flex-flow: column wrap;
  }

  footer .wrapper div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }

  footer .wrapper .newsletter-box .newsletter form .row {
    padding-right: 80px;
    margin-top: 0;
  }

  footer ul.footer-boxes li.newsletter-box .newsletter form .submit {
    margin-top: 20px;
  }

  footer .wrapper .logo {
    display: flex;
    justify-content: center;
  }

  footer .articles-box,
  footer .articles-box ul {
    flex-flow: column wrap;
  }

  footer iframe table {
    width: 100% !important;
  }
}

#copyright-box { font-family: Helvetica, Arial, Tahoma, Sans-serif; width: 100%; height: 60px; padding: 0 20px; background: #fff; /* border-top: 1px solid #ddd; */font-size: 0; text-align: left; }
#copyright-box .copyright-info { display: inline-block; height: 60px; color: #aaa; font-size: 12px; font-weight: 400; line-height: 60px; letter-spacing: 0.02em; }
#copyright-box .copyright-info em { font-style: italic;}
#copyright-box .copyright-info strong { color: #888; font-weight: bold;}
#copyright-box .realisation-info { float: right; height: 60px; text-align: right; }
#copyright-box .realisation-info span { display: inline-block; height: 22px; color: #aaa; font-size: 12px; font-weight: 400; line-height: 60px; letter-spacing: 0.04em; vertical-align: top; }
#copyright-box .realisation-info a.realisation-logo { display: inline-block; width: 75px; height: 22px; margin-left: 10px; margin-top: 19px; background: transparent url('https://dotx.pl/gfx/dotx-realisation-logo.png') no-repeat 0 -40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#copyright-box .realisation-info a.realisation-logo:hover { background-position: 0 0;}
@media screen and (max-width: 600px) {
  #copyright-box {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    /* margin-top: 20px; */
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  #copyright-box,
  #copyright-box .copyright-info  {
    height: auto;
    line-height: 1.3;
  }
}

#cookies-message { position: fixed !important; bottom: 20px !important; left: 0 !important; width: 100% !important; max-width: 350px !important; border: none !important; box-shadow: 0 0 3px rgba(0,0,0,0.0) !important; margin: 0 !important; padding: 15px 40px 15px 25px !important; background: #ffd900 !important; background: rgba(255,217,0,0.85) !important; color: #000 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3em !important; text-align: left !important;}
#cookies-message .more { display: inline-block !important; font-size: 12px !important; text-decoration: underline !important; margin: 6px 0 0 0 !important; color: #000 !important; font-weight: 400 !important; text-align: center !important; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#cookies-message .more:hover {  color: #736a34 !important;  text-decoration: none !important;}
#cookies-message .ok { position: absolute !important; top: 12px !important; right: 12px !important; display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; line-height: 34px !important; margin: 0 !important; background: #000 !important; color: #fff !important; text-align: center !important; border-radius: 50px !important; text-indent: -9999em !important; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#cookies-message .ok::before,
#cookies-message .ok::after
 { content: ''; position: absolute; top: 10px; left: 6px; display: block; width: 10px; height: 2px; background-color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#cookies-message .ok::before { -webkit-transform:  rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#cookies-message .ok::after { -webkit-transform:  rotate(45deg); -moz-transform:  rotate(45deg); -o-transform: rotate(45deg); -ms-transform:  rotate(45deg); transform: rotate(45deg); }

#cookies-message .ok:hover { background: #fff !important; color: #000 !important; }
#cookies-message .ok:hover::before,
#cookies-message .ok:hover::after
 { background: #000 !important; }
/* END STOPKA */


/* Instagram */
.insta-grid {
  margin-top: 40px;
  margin-bottom: 40px;
}

.insta-grid .header-category {
  display: block;
  font-size: 0;
  text-indent: -9999em;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}

.insta-grid .header-category span {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  color: #777;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.3;
}

.insta-grid .header-category span::before {
  content: '\f16d';
  font-family: 'fontawesome';
  display: inline-block;
  margin-right: 10px;
  color: #000;
  font-size: 26px;
  vertical-align: middle;
}

.insta-grid > ul {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  width: calc(100% + 5px);
  min-width: 400px;
  height: 100vh;
  max-height: 400px;
  padding-bottom: 5px;
  font-size: 0;
}

.insta-grid > ul > li {
  position: relative;
  width: calc(20% - 5px);
  height: calc(50%  - 10px);
}

.insta-grid > ul > li:nth-of-type(5) {
  width: calc(40% - 5px);
  height: calc(100% - 15px);
}

.insta-grid > ul > li:nth-of-type(1),
.insta-grid > ul > li:nth-of-type(3),
.insta-grid > ul > li:nth-of-type(6) {
  margin-bottom: 5px;
}

.insta-grid > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.insta-grid > ul > li a img {
  display: inline-block;
  width: 100%;
  object-fit: cover;
  transition: all 0.8s ease 0s;
}

@media screen and (max-width: 900px) {

  .insta-grid > ul {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
    max-height: 100%;
    height: 100%;
  }

  .insta-grid > ul > li,
  .insta-grid > ul > li:nth-of-type(5),
  .insta-grid > ul > li:nth-of-type(1),
  .insta-grid > ul > li:nth-of-type(3),
  .insta-grid > ul > li:nth-of-type(6) {
    width: calc(33.33% - 4px);
    margin-bottom: 5px;
  }

  .insta-grid > ul > li:nth-of-type(7) {
    display: none;
  }

  .insta-grid > ul > li a {
    max-height: 25vw;
  }
}

@media screen and (max-width: 600px) {
  .insta-grid > ul > li,
  .insta-grid > ul > li:nth-of-type(5),
  .insta-grid > ul > li:nth-of-type(1),
  .insta-grid > ul > li:nth-of-type(3),
  .insta-grid > ul > li:nth-of-type(6) {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .insta-grid > ul > li a {
    max-height: 40vw;
  }
}

.insta-grid > ul > li a > ul.insta-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 5, 5, 0.8);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease 0s;
}

.insta-grid > ul > li a > ul.insta-info > li {
  padding: 0 8px;
  color: #fff;
  font-size: 14px;
  font-family: 'Helvetica Neue', arial, sans-serif;
}

.insta-grid > ul > li a > ul.insta-info > li::before {
  margin-right: 4px;
  color: #fff;
  font-size: 1.2em;
  font-family: 'fontawesome';
}

.insta-grid > ul > li a > ul.insta-info > li.likes::before {
  content: '\f004';
}

.insta-grid > ul > li a > ul.insta-info > li.comments::before {
  content: '\f086';
}

.insta-grid > ul > li a:hover > ul {
  opacity: 1;
  visibility: visible;
}

.show-article-section {
  margin: 2vh auto;
}

.show-article-section .article_show {
  padding: 30px 30px 5vh 30px;
  color: #444;
  font-size: 13px;
  line-height: 1.5;
}

.show-article-section .article_show strong {
  color: #222;
  font-weight: 600;
}

.show-article-section .article_show .article_content {
  margin-top: 20px;
}

.show-article-section .article_show ul,
.show-article-section .article_show ol {
  padding: 5px 20px 5px 0;
}

.show-article-section .article_show p {
  margin: 10px 0;
}

.show-article-section .article_show ul li,
.show-article-section .article_show ol li {
  margin: 0 5px 10px 20px;
}

.show-article-section .article_show ul {
  list-style-type: disc;
}

.show-article-section .article_show ol li {
  list-style-type: lower-latin;
}

.show-article-section .article_show a {
  color: #333;
  font-weight: 600;
  text-decoration: underline;
  transition: all 0.3s ease 0s;
}
.show-article-section .article_show a:hover {
  color: #000;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .show-article-section .article_show {
    padding: 30px 0;
  }
}

.show-article-section .article_show .sizes-tabs ul {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.show-article-section .article_show .sizes-tabs ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  margin: 0;
  padding: 5px;
}

.show-article-section .article_show .sizes-tabs ul li a {
  display: block;
  padding: 2px 4px;
  border: 2px solid transparent;
  transition: all 0.3s ease 0s;
}

.show-article-section .article_show .sizes-tabs ul li.ui-state-active a,
.show-article-section .article_show .sizes-tabs ul li a:hover {
  border-color: #111;
}

.sizes-tabs ul li a .logo > img {
  height: 45px;
}

.sizes-tabs ul li a .producent-name {
  display: none;
}

.sizes-tabs .size-image-box a {
  display: block;
  text-align: center;
  padding: 20px 0;
}
.sizes-tabs .size-image-box a img {
  display: inline-block;
}

.sizes-tabs h2 {
  margin: 20px 0 10px 0;
  padding: 15px 0 10px 0;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 1.2;
}

.product-box .color-variants {
  position: relative;
  flex: 2 1 0;
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  .product-box .color-variants {
    width: 100%;
    padding: 0;
  }
}

.product-box .color-variants .variants-list {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.product-box .color-variants .variants-list .item {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  margin: 5px 3px 5px 3px;
}

@media screen and (min-width: 600px) {
  .pagination {
    display: block;
    width: 100%;
    margin: 5vh 0 8vh 0;
    text-align: center;
  }

  .pagination .page-rings {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;

  }

  .pagination .page-rings .pagin {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;
  }

  .pagination .page-rings a {
    display: block;
    min-width: 40px;
    height: 35px;
    margin: 1px;
    padding: 0 10px;
    line-height: 35px;
    color: #666;
    font-weight: 600;
    transition: all 0.3s ease 0s;
  }

  .pagination .page-rings a:hover {
    color: #000;
  }

  .pagination .page-rings a.current:hover,
  .pagination .page-rings a.current {
    background: #000;
    color: #fff;
  }

  .pagination .page-rings .arrows a::before {
    content: '';
    font-family: 'fontawesome';
    font-size: 18px;
  }

  .pagination .page-rings .arrows-first a::before {
    content: '\f100';
  }

  .pagination .page-rings .arrows-prev a::before {
    content: '\f104';
  }

  .pagination .page-rings .arrows-next a::before {
    content: '\f105';
  }
}


@media screen and (max-width: 600px) {
  .pagination {
    width: 100%;
    margin: 20px 0;
  }
  .pagination .page-rings {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
  }

  .pagination .page-rings > span {
    width: 30%;
  }

  .pagination .page-rings a {
    display: block;
    min-width: 35px;
    width: 100%;
    height: 38px;
    padding: 0 5px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
  }

  .pagination .page-rings > div {
    display: none;
  }

  .pagination .page-rings .arrows a {
    background: #eee;
    color: #000;
  }

  .pagination .page-rings a::before {
    content: '';
    font-family: 'fontawesome';
    font-size: 26px;
    font-weight: 400;
  }

  .pagination .page-rings .arrows-prev a::before {
    content: '\f104';
  }

  .pagination .page-rings .arrows-next a::before {
    content: '\f105';
  }

  .pagination .page-rings .arrows-first,
  .pagination .page-rings .arrows-last {
    display: none;
  }

  .pagination .page-rings .pagin a:not(.current) {
    display: none;
  }
}

#news-article-box .article_show > .article_content .solony-list { display: block; width: 100%; font-size: 0;}
#news-article-box .article_show > .article_content .solony-list .grid-item { display: inline-block; width: 33.33%; margin: 0; padding: 20px; font-size: 12px; vertical-align: top; list-style-type: none;}
#news-article-box .article_show > .article_content .solony-list .grid-item .item-padding { /* padding: 5px; border: 1px solid #ccc; */}
#news-article-box .article_show > .article_content .solony-list .grid-item .city { display: block; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; color: #222; font-size: 15px; font-weight: 700; line-height: 1.2em; text-transform: uppercase;}
#news-article-box .article_show > .article_content .solony-list .grid-item .place { display: block; color: #333; margin-top: 25px; margin-bottom: 3px; font-size: 15px; font-weight: 500; line-height: 1.2em;}
#news-article-box .article_show > .article_content .solony-list .grid-item .address { color: #555; font-size: 12px; font-weight: 400; line-height: 1.2em;}
#news-article-box .article_show > .article_content .solony-list .grid-item .name { display: block; margin-top: 5px; color: #555; font-size: 14px; font-weight: 600; line-height: 1.2em;}
#news-article-box .article_show > .article_content .solony-list .grid-item .email a {  color: #666; font-size: 13px; font-weight: 400; }
#news-article-box .article_show > .article_content .solony-list .grid-item .email a:hover {  color: #ff3920;  }
#news-article-box .article_show > .article_content .solony-list .grid-item .mobile { display: block; margin-top: 2px; color: #666; font-size: 13px; font-weight: 300; line-height: 1.2em;}
#news-article-box .article_show > .article_content .solony-list .grid-item .open-hours { display: block; color: #888; font-size: 12px; font-weight: 300; line-height: 1.2em; font-style: italic;}
#news-article-box .article_show > .article_content .solony-list .grid-item .open-hours.first{ margin-top: 5px;}
#news-article-box .article_show > .article_content .solony-list .grid-item .open-hours small { color: #888; }
#news-article-box .article_show > .article_content .solony-list .grid-item .open-hours strong { color: #888; font-weight: 400; }
#news-article-box .article_show #article_gallery_box { display: flex; width: 100%; margin-top: 20px; margin: 10px; align-items: center; justify-content: center; margin-bottom: 40px;}
#news-article-box .article_show #article_gallery_box li { margin: 10px; }

@media screen and (max-width: 1024px) {
  #news-article-box .article_show > .article_content .solony-list .grid-item {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  #news-article-box .article_show > .article_content .solony-list .grid-item {
    width: 100%;
  }
}


/* RODO stylowanie checkbox akceptacje */
/*
				**         **
			******	   ******
		**********	********
		  ****************
		      **********
		      **********
		        ******
		        ******
		        ******
		        ******
		        ******
		        *    *
		        *  * *
		        *  * *
		         * *
*/

/* Zapytaj o produkt */
.ui-dialog .ui-dialog-content [class*="row-communication_statutesForm"]  {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
}
.ui-dialog .ui-dialog-content [class*="row-communication_statutesForm"] abbr {
	color: red;
	font-weight: bold;
}
.ui-dialog .ui-dialog-content [class*="row-communication_statutesForm"] br {
	display: none;
}
[class*="row-communication_statutesForm"] fieldset {
	border: none;
	width: 100%;
}
[class*="row-communication_statutesForm"] fieldset > .row {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	border-top: 1px solid #ddd;
	padding: 10px;
}
[class*="row-communication_statutesForm"] fieldset > .row > label {
	padding-left: 15px;
	padding-top: 12px;
	font-size: 10px;
	color: #666;
	text-align: left;
  white-space: normal;
}



.right-side .register-login-button  {
  position: relative;
}

.right-side .register-login-button .user-name  {
  display: block;
  height: 100%;
  padding: 0 calc(10px + 0.4vw);
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.02em;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  line-height: 40px;
  cursor: pointer;
}

.right-side .register-login-button .user-name::before  {
  content: '\f2be';
  font-family: 'fontawesome';
  font-size: 1.1em;
  margin-right: 5px;
  font-weight: normal;
}



.right-side .user-action-buttons {
  position: absolute;
  top: 0;
  right: 10px;
  opacity: 0;
  visibility: hidden;
  min-width: 190px;
  padding: 10px 40px 10px 20px;
  background: #fff;
  box-shadow: 0 0 3vw rgba(0, 0, 0, 0.45);
  transform: translateY(35px) translateX(0);
  transition: all 0.3s ease-in-out 0.1s;
  z-index: 99;
}

#top-info-panel .right-side .user-action-buttons > a {
  color: #000;
}

.right-side .user-action-buttons::before {
  content: '';
  position: absolute;
  top: 0;
  right: 50px;
  transform: translateX(0) translateY(-5px);
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.right-side .user-action-buttons .close-action-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.right-side .user-action-buttons .close-action-buttons::before,
.right-side .user-action-buttons .close-action-buttons::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #666;
  transform-origin: center center;
}

.right-side .user-action-buttons .close-action-buttons::before {
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.right-side .user-action-buttons .close-action-buttons::after {
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.right-side .user-action-buttons .close-action-buttons:hover {
  background: #000;
}

.right-side .user-action-buttons .close-action-buttons:hover::before,
.right-side .user-action-buttons .close-action-buttons:hover::after {
  background: #fff;
}


.right-side .user-action-buttons a {
  padding: 10px 0;
  text-align: left;
}

.right-side .user-action-buttons a:first-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.user-action-buttons-visible .right-side .user-action-buttons {
  opacity: 1;
  visibility: visible;
  transform:  translateX(0) translateY(38px);
}


@media screen and (max-width: 600px) {
  #top-info-panel .right-side .user-action-buttons > a {
    display: block;
    width: 100%;
    margin: 0;
    color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
  }

  #top-info-panel .right-side .user-action-buttons > a::before {
    display: none;
  }



}





/* Zaloguj zarejestruj */
#not-secure-box .user_register_box .user_forms .user-div-data + .row {
	width: 100%;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row  {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row abbr {
	color: red;
	font-weight: bold;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row br {
	display: none;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset {
	border: none;
	width: 100%;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row {
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row > .input {
	position: absolute;
	top: 20px;
	left: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row:nth-of-type(4) > .input {
	width: auto;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row > label {
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
}

/* Akceptacje przy karcie lojalnościowej */
.loyality_card_request #formloyality .forms-box {
	max-width: 100%;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) {
	max-width: 100%;
	padding-top: 20px;
	font-size: 10px;
	text-align: left;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) abbr {
	color: red;
	font-weight: bold;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) br {
	display: none;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset {
	border: none;
	width: 100%;
	margin-top: 5px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row {
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row > .input {
	position: absolute;
	top: 20px;
	left: 10px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row:nth-of-type(4) > .input {
	width: auto;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row > label {
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
}
/* KONIEC RODO stylowanie checkbox akceptacje RODO */

.desktop-navigation > ul {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-around;
  height: 100%;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}


/* WARIANTY KOLORYSTYCZNE */
.color-variants .variants-list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.big_view .color-variants {
  position: absolute;
  bottom: 0;
}

.color-variants .variants-list > .item {
  position: relative;
  padding: 5px 5px 0 0;
}

.color-variants .variants-list > .item > a {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  font-size: 7px;
  color: #ddd;
}

.color-variants .variants-list > .item > a > img {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.2);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0s;
}

.produkt-cat .color-variants .label {
  display: none;
}

.produkt-cat .color-variants .variants-list > .item > a {
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 720px) {
  .color-variants {
    display: none;
  }
}


.ui-dialog .ui-dialog-content > form > dl.row-communication_statutesForm_statute_4 .input {
  top: 22px;
}

@media screen and (max-width: 1024px) {
  .ui-dialog .ui-dialog-content.ask_about_product .button {
    display: flex;
    margin-bottom: 40px;
  }
}

.ui-dialog .ui-dialog-content.ask_about_product .button span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 1.5vh 15px;
  background: #777;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  border: none;
}

#basket_content.step1 .article-box .article-info {
  text-align: center;
}

#basket_content.step1 .article-box .article-info h2 {
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  color: #000;
}

#basket_content.step1 .article-box .article-info img {
  display: inline-block;
  margin: 10px auto;
}


/*
.product-list-section .filters_box {
  width: 200px;
}

.product-list-section .category-listed {
  width: calc(100% - 200px);
}*/

.product-list-section .category-listed .tile img {
  display: inline-block;
}









/* RODO stylowanie checkbox akceptacje */
/*
				**         **
			******	   ******
		**********	********
		  ****************
		      **********
		      **********
		        ******
		        ******
		        ******
		        ******
		        ******
		        *    *
		        *  * *
		        *  * *
		         * *
*/
/* Zapytaj o produkt */
.ui-dialog .ui-dialog-content dl.row-communication_statutesForm_statute_7  {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
}
.ui-dialog .ui-dialog-content dl.row-communication_statutesForm_statute_7 abbr {
	color: red;
	font-weight: bold;
}
.ui-dialog .ui-dialog-content dl.row-communication_statutesForm_statute_7 br {
	display: none;
}
.row-communication_statutesForm_statute_7 fieldset {
	border: none;
	width: 100%;
}
.row-communication_statutesForm_statute_7 fieldset > .row {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	border-top: 1px solid #ddd;
	padding: 10px;
}
.row-communication_statutesForm_statute_7 fieldset > .row > label {
	padding-left: 15px;
	padding-top: 12px;
	font-size: 10px;
	color: #666;
	text-align: left;
}
/* Zaloguj zarejestruj */
#not-secure-box .user_register_box .user_forms .user-div-data + .row {
	width: 100%;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row  {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row abbr {
	color: red;
	font-weight: bold;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row br {
	display: none;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset {
	border: none;
	width: 100%;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row {
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row > .input {
	position: absolute;
	top: 20px;
	left: 10px;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row:nth-of-type(4) > .input {
	width: auto;
}
#not-secure-box .user_register_box .user_forms .user-div-data + .row fieldset > .row > label {
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
}
/* Akceptacje przy karcie lojalnościowej */
.loyality_card_request #formloyality .forms-box {
	max-width: 100%;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) {
	max-width: 100%;
	padding-top: 20px;
	font-size: 10px;
	text-align: left;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) abbr {
	color: red;
	font-weight: bold;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) br {
	display: none;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset {
	border: none;
	width: 100%;
	margin-top: 5px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row {
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row > .input {
	position: absolute;
	top: 20px;
	left: 10px;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row:nth-of-type(4) > .input {
	width: auto;
}
.loyality_card_request #formloyality .forms-box form > .row:nth-of-type(6) fieldset > .row > label {
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
}
/* KONIEC RODO stylowanie checkbox akceptacje RODO */