@charset "UTF-8";
/* 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; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  letter-spacing: -.02em;
  font-family: "Archivo", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Archivo", sans-serif;
  color: #d6d6d6;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  background-color: black; }

a {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: bold; }

img {
  vertical-align: middle;
  max-width: 100%; }

label {
  cursor: pointer; }

input {
  color: black;
  font-size: 1rem;
  font-weight: 400;
  outline: none; }

input.button {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background-color: #d3c17b;
  cursor: pointer;
  padding: 5px 20px 3px;
  border: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: "Archivo", sans-serif; }

input.button:hover {
  background-color: shade(#e0002c, 10%); }

::-webkit-input-placeholder {
  opacity: .9; }

::-moz-placeholder {
  opacity: .9; }

:-ms-input-placeholder {
  opacity: .9; }

:-moz-placeholder {
  opacity: .9; }

button {
  font-family: "Archivo", sans-serif;
  color: rgbaa(255, 255, 255, 1);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  outline: none; }

::before, ::after {
  font-family: fontello; }

ul, ol {
  margin: 0; }

@media all and (max-width: 800px) {
  .hide-md {
    display: none; } }

.wrapper {
  max-width: 1620px;
  margin-left: auto;
  margin-right: auto; }

.searchBox {
  padding: 20px 0;
  display: none;
overflow: visible !important;}
  .searchBox form {
    width: 70%;
    margin: auto;
    background-color: #d3c17b;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .searchBox input[type="text"] {
    background-color: #d3c17b;
    border: none;
    padding: 15px 20px 10px;
    font-size: 1.125rem;
    width: 70%;}
  .searchBox button {
    background: #fff;
    border: 0;
    height: 44px;
    width: 140px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: auto;}
  .searchBox button span {
    display: inline-block;
    padding-top: 7px; }

.header {
  background-color: black;
  text-align: center;
  padding: 20px; }
  .header:after {
    content: '';
    display: table;
    clear: both; }
  .header__logo {
    display: block;
    padding: 0 10px 10px;
    margin-bottom: 20px; }
  @media all and (min-width: 1024px) {
    .header {
      padding: 20px 0 15px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .header__logo {
        float: left;
        max-width: 260px;
        margin-bottom: 0;
        padding: 10px 0; } }

.panel a {
  position: relative;
  display: inline-block;
  margin: 0 5px; }
  .panel a em {
    display: inline-block;
    width: 46px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat; }

.panel__menu em {
  background-image: url(../img/ico-menu.png); }

.panel__search em {
  background-image: url(../img/ico-search.png); }

.panel__account em {
  background-image: url(../img/ico-account.png); }

.panel #mKoszyk {
  display: inline-block; }

.panel__cart em {
  background-image: url(../img/ico-cart.png); }

.panel__cart .qty {
  position: absolute;
  top: -2px;
  right: -2px;
  color: #fff;
  background-color: #d3c17b;
  display: block;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: .8125rem;
  font-weight: 600;
  border-radius: 25px; }

@media all and (min-width: 1024px) {
  .panel {
    float: right; }
    .panel a.panel__menu {
      display: none; } }

.navigation {
  display: none; }
  .navigation__item {
    display: block;
    position: relative;
    text-align: left; }
  .navigation__link {
    font-size: 1.1875rem;
    color: #fff;
    display: block;
    padding: 8px 0px;
    transition: all 200ms ease-in-out; }
  .navigation__sub {
    padding: 5px 15px 4px; }
  .navigation__sub a {
    display: block;
    margin-bottom: 6px;
    line-height: 22px; }
  .navigation__sub a:hover {
    text-decoration: underline; }
  .navigation__sub a:not(.navigation__link--8) {
    display: none; }
  @media all and (min-width: 1024px) {
    .navigation {
      display: block;
      float: left;
      margin-top: 10px;
      margin-left: 10%; }
      .navigation__item {
        display: inline-block; }
      .navigation__link {
        padding: 8px 10px;
        color: #fff; }
      .navigation__link:hover, .navigation__item:hover .navigation__link {
        background-color: #d3c17b;
        color: black; }
      .navigation__sub {
        position: absolute;
        top: 48px;
        left: 0;
        width: 240px;
        background: #d3c17b;
        text-align: left;
        padding: 15px 15px 9px;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: all 200ms ease-in-out; }
      .navigation__item:hover .navigation__sub {
        top: 40px;
        opacity: 1;
        visibility: visible; }
      .navigation__sub a {
        color: black; } }

.banners img {
  transition: all 120ms ease-in-out; }

.banners__mod {
  position: relative; }

.banners__subtitle {
  position: absolute;
  bottom: 10%;
  z-index: 100;
  display: block;
  left: 0;
  font-size: 1.625rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: 500;
  padding: 10px 26px 6px 40px;
  transition: all 120ms ease-in-out; }

.banners__mod--6 .banners__subtitle {
  top: 10%;
  bottom: auto; }

.banners__mod--7 .banners__subtitle {
  left: auto;
  right: 0; }

.banners__mod--8 .banners__subtitle {
  left: auto;
  right: 0;
  top: 12%;
  bottom: auto; }

.banners__mod:hover .banners__subtitle {
  background-color: rgba(0, 0, 0, 0.9); }

.banners__mod:hover img {
  opacity: .9; }

@media all and (min-width: 800px) {
  .banners__row {
    display: flex;
    align-items: center; } }

@media all and (min-width: 1024px) {
  .banners__row--main {
    display: table; }
  .banners__row--main > div {
    display: table-cell;
    vertical-align: middle; }
  .banners__mod--1 {
    width: 45.679012345679012345679012345679%; }
  .banners__mod--3 {
    width: 31.481481481481481481481481481481%; }
  .banners__row--alt {
    display: grid;
    grid-template-columns: 25% 20.679012345679012345679012345679% 29.259259259259259259259259259259% 25.061728395061728395061728395062%; }
  .banners__mod--4 {
    grid-column: 1/2;
    grid-row: 1/3; }
  .banners__mod--5 {
    grid-column: 2/3;
    grid-row: 1/2; }
  .banners__mod--6 {
    grid-column: 3/5;
    grid-row: 1/2; }
  .banners__mod--7 {
    grid-column: 2/4;
    grid-row: 2/3; }
  .banners__mod--8 {
    grid-column: 4/5;
    grid-row: 2/3; } }

.potd {
  text-align: center;
  padding: 20px;
  font-size: 1rem; }
  .potd__header {
    font-size: 1.375rem;
    font-weight: 600;
    color: #d3c17b;
    margin-bottom: 15px;
    padding-left: 34px;
    background: url(../img/h-1.png) left 5px no-repeat; }
  .potd__thumbnail {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 24px; }
  .potd__name {
    display: block;
    padding: 25px 15px 10px; }
  .potd__price {
    font-size: 1.125rem; }
    .potd__price strong {
      color: #9ac000; }
    .potd__price s {
      color: #989898; }
    .potd__price .discount .discount::before {
      content: '- '; }
  @media all and (min-width: 1024px) {
    .potd__header {
      text-align: left;
      margin-bottom: 25px; }
    .potd__thumbnail {
      padding: 35px 0; } }

.homeOffer {
  padding: 40px 0 40px; }
  .homeOffer__switcher {
    display: none; }
  .homeOffer__header {
    text-align: center;
    padding: 10px 0 20px;
    color: #d3c17b;
    font-size: 22px;
    font-weight: 600; }
  .homeOffer:after {
    content: '';
    display: table;
    clear: both; }
  @media all and (min-width: 1024px) {
    .homeOffer__header {
      display: none; }
    .homeOffer__switcher {
      display: block;
      text-align: center;
      padding: 10px 0 30px;
      margin-bottom: 50px; }
    .homeOffer__item {
      display: inline-block;
      padding: 0 10px; }
    .homeOffer__item a {
      display: block;
      padding: 0 10px;
      font-size: 1.375rem;
      font-weight: 400;
      color: #fff;
      border-bottom: 2px solid rgba(211, 193, 123, 0);
      padding: 10px; }
    .homeOffer__item.active a {
      font-weight: 600;
      border-bottom: 2px solid #d3c17b; } }

.productBox {
  padding: 0 10px; }
  .productBox:after {
    content: '';
    display: table;
    clear: both; }
  .productBox__thumbnail {
    padding: 10px 5px;
    background-color: #fff;
    text-align: center; }
  .productBox__thumbnail img {
    margin: auto; }
  .productBox__name {
    display: block;
    padding: 10px 0;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #d6d6d6;
    font-weight: 600;
    margin-bottom: 2px; }
  .productBox__producent {
    color: #989898; }
  .productBox__price {
    color: #989898;
    font-weight: 700; }
    .productBox__price s {
      font-weight: 400;
      display: block; }
    .productBox__price strong {
      display: block;
      font-size: 1.625rem;
      margin-top: -2px; }
    .productBox__price .discount {
      color: #fff;
      font-size: 1.125rem;
      font-weight: 600;
      display: inline-block;
      background-color: #e0002c;
      padding: 3px 5px 0;
      position: relative;
      top: -6px;
      margin-left: 10px; }
  @media all and (max-width: 1024px) {
    .productBox {
      text-align: center; }
      .productBox__thumbnail {
        width: 100%;
        background-color: #fff;
        text-align: center; }
      .productBox__thumbnail img {
        display: inline-block !important; } }
  @media all and (min-width: 1024px) {
    .productBox {
      width: 13.666666666666666666666666666667%;
      float: left;
      margin: 0 1.5% 60px; }
      .productBox:nth-of-type(6n + 1) {
        clear: left; }
      .productBox__name {
        padding: 30px 0 10px;
        font-size: 1rem;
        line-height: 1.125rem;
        max-height: 84px;
        overflow: hidden;
        margin-bottom: 12px; }
      .productBox__price strong {
        float: left; } }

.homeOffer .slick-slide img {
  display: inline-block !important; }

.benefits {
  background-color: #f0f0f0;
  color: black; }
  .benefits__item {
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 10px 8%; }
  .benefits__icon {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 100%;
    float: left;
    margin-right: 4%; }
    .benefits__icon--1 {
      background-image: url(../img/ico-1.png); }
    .benefits__icon--2 {
      background-image: url(../img/ico-2.png); }
    .benefits__icon--3 {
      background-image: url(../img/ico-3.png); }
    .benefits__icon--4 {
      background-image: url(../img/ico-4.png); }
    .benefits__icon--5 {
      background-image: url(../img/ico-5.png); }
  .benefits__title {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 40px;
    padding-top: 4px; }
  .benefits__description {
    display: none; }
  @media all and (min-width: 560px) {
    .benefits {
      text-align: center; }
      .benefits__item {
        padding: 10px 0 10px 0; }
      .benefits__icon {
        width: 44px;
        height: 44px;
        float: none;
        margin-right: 4%;
        position: relative;
        top: 4px; }
      .benefits__title {
        display: inline-block;
        line-height: 1rem;
        padding-top: 0;
        position: relative;
        top: -10px; } }
  @media all and (min-width: 800px) {
    .benefits {
      text-align: center;
      padding: 50px 0; }
      .benefits__list {
        display: flex; }
      .benefits__item {
        border: none;
        flex: 1 1 auto;
        padding: 0 10px; }
      .benefits__icon {
        width: 58px;
        height: 58px;
        margin-right: 0;
        top: 0;
        margin-bottom: 30px; }
      .benefits__title {
        display: block;
        line-height: 1rem;
        padding-top: 0;
        top: 0; } }
  @media all and (min-width: 1024px) {
    .benefits__item {
      padding: 0 10px; }
    .benefits__icon {
      margin-bottom: 38px; }
    .benefits__title {
      margin-bottom: 28px; }
    .benefits__description {
      display: block;
      font-size: .875rem;
      line-height: 1.25rem;
      padding: 0 20px; } }
  @media all and (min-width: 1620px) {
    .benefits__description {
      padding: 0 30px; } }

.newsletter {
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 50px 15px;
  clear: both;
  position: relative; }
  .newsletter__header {
    font-size: 2.875rem;
    line-height: 2.875rem;
    font-weight: 600; }
    .newsletter__header span {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1rem;
      display: block;
      padding: 10px 0 40px; }
  .newsletter form {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px; }
  .newsletter__email {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    padding: 11px 8px 8px; }
  .newsletter__send {
    background: #d3c17b;
    color: #fff;
    font-weight: 600;
    border: 0;
    padding: 6px 10px 4px; }
    .newsletter__send span::after {
      display: inline-block;
      float: right;
      content: '\e812';
      position: relative;
      margin-left: 10px;
      font-size: 12px;
      font-weight: normal;
      top: 1px; }
  @media all and (min-width: 1024px) {
    .newsletter form {
      width: 45%;
      padding-top: 10px;
      margin: auto;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .newsletter form:after {
        content: '';
        display: table;
        clear: both; }
      .newsletter form::before {
        content: '\f2b7';
        display: inline-block;
        float: left;
        color: #d3c17b;
        font-size: 1.25rem;
        padding-top: 5px; }
    .newsletter__email {
      background: rgba(255, 255, 255, 0);
      width: 80%;
      text-align: left;
      margin-bottom: 0;
      padding: 11px 8px 8px; }
    .newsletter__send {
      background: none; } }

.media:after {
  content: '';
  display: table;
  clear: both; }

@media all and (min-width: 1024px) {
  .media {
    padding-left: 15px;
    padding-right: 15px; } }

.featured {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .featured__header {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600; }
  .featured__title {
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: black;
    right: 10px;
    left: 10px;
    padding: 4px 10px;
    font-size: 1.125rem; }
  .featured__name {
    display: block;
    font-weight: 600; }
  .featured__tag {
    font-style: italic;
    font-size: 1rem; }
  @media all and (min-width: 1024px) {
    .featured {
      float: left;
      width: 43.5%;
      padding-bottom: 30px; }
      .featured__header {
        text-align: left; }
      .featured__title {
        right: 10px;
        left: 25%;
        font-size: 1.5rem;
        padding: 15px 22px;
        color: #fff; }
      .featured__name {
        font-weight: 400; } }

.fromBlog {
  padding: 30px 0 20px;
  margin-bottom: 30px; }
  .fromBlog__header {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600; }
  .fromBlog__article {
    position: relative;
    padding-bottom: 20px; }
  .fromBlog__title {
    background-color: black;
    color: #fff;
    line-height: 1.125rem;
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 0;
    z-index: 100;
    padding: 4px 10px; }
  @media all and (min-width: 1024px) {
    .fromBlog {
      float: right;
      width: 52%;
      padding: 0 0 20px; }
      .fromBlog__header {
        text-align: left; }
      .fromBlog__article {
        width: 31.3333%;
        float: left;
        padding-bottom: 0;
        margin-bottom: 26px;
        margin-right: 3%; }
        .fromBlog__article:nth-of-type(3n) {
          margin-right: 0; }
      .fromBlog__title {
        background-color: black;
        color: #fff;
        line-height: 1.25rem;
        position: absolute;
        right: 27px;
        left: 27px;
        bottom: 0;
        padding: 10px 20px 0;
        font-size: 1rem;
        opacity: 0;
        transition: all 250ms ease-in-out; }
      .fromBlog__article:hover .fromBlog__title {
        opacity: 1; } }

.producentsLogo {
  display: none; }
  @media all and (min-width: 1024px) {
    .producentsLogo {
      display: block;
      background-color: #f2f2f2;
      text-align: center;
      padding: 45px 0 40px; }
      .producentsLogo__grid {
        background-color: #fff;
        padding: 30px; }
      .producentsLogo a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        padding: 0 8px; }
      .producentsLogo img {
        display: inline-block; } }

.bottomInfos {
  background-color: #f2f2f2;
  color: black; }
  .bottomInfos:after {
    content: '';
    display: table;
    clear: both; }

.bestsellers {
  padding: 40px 15px; }
  .bestsellers__header {
    text-align: center;
    line-height: 1rem;
    font-size: 1.25rem;
    margin-bottom: 15px;
    font-weight: 600; }
  .bestsellers__grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .bestsellers__box {
    width: 48%;
    background-color: #fff;
    text-align: center;
    padding: 0 0 15px;
    margin-bottom: 14px; }
  @media all and (min-width: 800px) {
    .bestsellers__box {
      width: 23.5%;
      margin-bottom: 0; } }
  @media all and (min-width: 1024px) {
    .bestsellers {
      width: 50%;
      float: right; }
      .bestsellers__header {
        text-align: left;
        margin-bottom: 32px; }
      .bestsellers__box {
        padding: 30px 0 15px; }
      .bestsellers__title {
        display: block;
        padding: 15px 20px 0;
        line-height: 1.25rem; } }

.contact {
  padding: 30px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: .9375rem; }
  .contact__header {
    text-align: center;
    line-height: 1rem;
    font-size: 1.25rem;
    margin-bottom: 15px;
    font-weight: 600; }
  .contact__box {
    padding: 30px 0 18px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .contact__box:last-of-type {
      border-bottom: 0; }
  .contact__phone {
    font-size: 1.75rem;
    font-weight: 600;
    padding-bottom: 20px; }
    .contact__phone .icon {
      position: relative;
      top: 10px;
      margin-right: 5px;
      width: 40px;
      height: 40px;
      background: url("../img/ico-phone.png") center center no-repeat;
      display: inline-block; }
  .contact__consultant {
    padding: 10px 0; }
  .contact__name {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 3px; }
  @media all and (min-width: 1024px) {
    .contact {
      width: 46%;
      float: left;
      display: grid;
      grid-template-columns: 53% 43%;
      grid-column-gap: 4%;
      grid-row-gap: 4%;
      border: 0;
      padding-top: 0; }
      .contact__header {
        text-align: left; }
      .contact__box {
        padding: 30px 0 18px;
        border-bottom: 0;
        text-align: left; }
      .contact__box--general {
        grid-column: 2/2;
        grid-row: 1/2;
        padding-left: 20px;
        padding-top: 60px; }
      .contact__box--webshop {
        grid-column: 1/2;
        grid-row: 1/2; }
      .contact__box--architects {
        grid-column: 1/2;
        grid-row: 2/3;
        padding-top: 0; }
      .contact__consultant .icon {
        background: url("../img/ico-consultant.png") center center no-repeat;
        display: inline-block;
        float: left;
        width: 44px;
        height: 44px; }
      .contact__name {
        font-size: .9375rem;
        font-weight: 600;
        padding-bottom: 0; } }

.socialMedia {
  width: 100%; }
  .socialMedia__item {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    padding: 5px 0; }
  .socialMedia__item a {
    border: 1px solid white;
    display: block;
    padding: 12px 10px 10px;
    position: relative; }
  .socialMedia__item em {
    font-size: 1.5rem;
    float: left;
    position: absolute;
    top: 12px;
    left: 10px; }

.footer {
  background-color: #f2f2f2;
  color: black;
  padding: 20px 15px; }
  .footer:after {
    content: '';
    display: table;
    clear: both; }
  .footer__menu {
    text-align: center; }
  .footer__header {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px; }
    .footer__header::before {
      content: '\f0c9';
      display: inline-block;
      font-size: .875rem;
      margin-right: 10px; }
  .footer__list {
    display: none;
    margin-bottom: 20px; }
  .footer__list li {
    display: block;
    padding: 4px 0; }
  @media all and (min-width: 560px) {
    .footer__header {
      text-align: left; }
    .footer__list {
      columns: 2; }
    .footer__list li {
      text-align: left; } }
  @media all and (min-width: 800px) {
    .footer__list {
      columns: 3; } }
  @media all and (min-width: 1024px) {
    .footer {
      border-top: 1px solid #fff;
      padding: 30px 0; }
      .footer__header {
        display: none; }
      .footer__menu {
        width: 69%;
        float: left; }
      .footer__list {
        display: block;
        margin-bottom: 0; } }

.breadcrumbs {
  display: none; }
  @media all and (min-width: 1024px) {
    .breadcrumbs {
      display: block;
      padding: 24px 0;
      color: #989898;
      font-size: .875rem; }
      .breadcrumbs a:not(:first-of-type) {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        padding-right: 10px; }
        .breadcrumbs a:not(:first-of-type)::before {
          content: '\e808';
          font-size: 1.5rem;
          position: absolute;
          left: 0;
          z-index: 1; }
        .breadcrumbs a:not(:first-of-type)::after {
          color: black;
          content: '\e808';
          font-size: 1.5rem;
          position: absolute;
          left: -1px;
          z-index: 2; } }

.product {
  color: #fff;
  font-size: 1rem; }
  .product:after {
    content: '';
    display: table;
    clear: both; }
  .product__nameBox {
    text-align: center;
    padding: 0 15px 20px; }
  .product__name {
    font-size: 1.375rem;
    line-height: 1.75rem;
    margin-bottom: 10px; }
  .product__photosBox {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .product__gallery {
    text-align: center;
    padding: 10px 0; }
  .product__gallery img {
    max-width: 66px;
    margin: 5px; }
  .product__infosBox {
    text-align: center;
    padding: 30px 0;
    position: relative; }
  .product__infosBox > * {
    padding-left: 15px;
    padding-right: 15px; }
  .product__avalability {
    margin-bottom: 18px; }
  .product__features {
    margin-bottom: 20px; }
  .product__cartBox {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 15px; }
  .product__price {
    padding-bottom: 18px; }
  .product__price strong {
    font-size: 1.75rem;
    margin-right: 10px; }
  .product__discount .discount::before {
    content: '- '; }
  .product__price .price-regular {
    display: inline-block;
    font-size: 1.5rem;
    padding-top: 18px; }
  .product__cart button {
    background-color: #fff;
    display: block;
    border: none;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 30px 12px;
    margin: auto; }
  .product__information {
    padding: 20px 0; }
  @media all and (min-width: 1024px) {
    .product__nameBox {
      float: right;
      width: 67%;
      text-align: left;
      padding: 0 0 20px; }
    .product__name {
      margin-bottom: 25px;
      font-size: 1.75rem; }
    .product__photosBox {
      float: left;
      width: 29%; }
    .product__infosBox {
      float: right;
      width: 67%;
      text-align: left;
      padding: 15px 0 15px; }
      .product__infosBox:after {
        content: '';
        display: table;
        clear: both; }
    .product__infosBox > * {
      padding-left: 0;
      padding-right: 0; }
    .product__features {
      margin-right: 10%;
      columns: 2;
      margin-bottom: 34px; }
    .product__producentLogo {
      position: absolute;
      right: 0;
      top: 20px; }
    .product__cartBox {
      padding: 40px 0; }
      .product__cartBox:after {
        content: '';
        display: table;
        clear: both; }
    .product__price {
      float: left;
      margin-right: 40px;
      padding-bottom: 0; }
    .product__price strong {
      display: block;
      padding-top: 6px; }
    .product__price s {
      display: block; }
    .product__cart {
      float: left; }
    .product__cart button {
      padding: 21px 44px 13px; } }
  @media all and (min-width: 1620px) {
    .product__features {
      margin-right: 40%; } }

.social-media {
  margin: 17px 0 0 30px;
  float: left; }

.catalog__categoryName {
  float: left; }

.catalog__categoryName h2 {
  font-size: 1.75rem;
  color: #fff;
  font-weight: 400; }

.catalog__grid {
  padding-top: 20px;
  clear: both; }
  .catalog__grid:after {
    content: '';
    display: table;
    clear: both; }

@media all and (max-width: 1024px) {
  .catalog__categoryName {
    padding: 0 5px; } }

.additionals {
  clear: both;
  padding-top: 40px; }
  .additionals__switcher ul {
    padding-left: 20px; }
  .additionals__switcher li {
    display: inline-block; }
  .additionals__switcher li a {
    display: block;
    padding: 20px 38px 12px;
    font-size: 1.0625rem; }
  .additionals__switcher li a:hover, .additionals__switcher li.active a {
    color: black;
    background-color: #f0f0f0; }
  .additionals__switcher li.active a {
    font-weight: 800; }
  .additionals__bg {
    background-color: #f0f0f0;
    clear: both;
    color: black;
    font-size: .9375rem; }
    .additionals__bg:after {
      content: '';
      display: table;
      clear: both; }

.descriptionBox {
  padding: 80px 60px; }
  .descriptionBox .movie {
    float: right;
    padding: 0 0 30px 30px; }
  @media all and (max-width: 1024px) {
    .descriptionBox {
      padding: 40px 20px; } }

.homeOffer__grid--related .productBox * {
  color: #787878 !important; }

.sub-cats {
  text-align: center;
  clear: both; }
  .sub-cats:after {
    content: '';
    display: table;
    clear: both; }

.sub-cats .scat {
  display: inline-block;
  width: 50%;
  margin-bottom: 30px; }

.sub-cats .scat a span {
  display: block;
  height: 45px;
  padding: 5px;
  overflow: hidden;
  line-height: 1.125rem; }

@media all and (min-width: 800px) {
  .sub-cats .scat {
    width: 33.33333%;
    line-height: 1.5rem; } }

@media all and (min-width: 1024px) {
  .sub-cats .scat {
    width: 14.285714285714285714285714285714%;
    line-height: 1.5rem; } }

/***************************/
@media all and (min-width: 1024px) {
  .leftCol {
    float: left;
    width: 230px;
    border-right: 1px solid rgba(255, 255, 255, 0.2); } }

.rightCol--wide {
  width: 100%; }

.rightCol .productBox {
  width: 48%;
  float: left;
  margin: 0 1% 60px 1%; }

.rightCol .productBox:nth-of-type(2n+1) {
  clear: left; }

.rightCol .productBox__price {
  color: #d6d6d6;
  font-weight: 700; }

.rightCol .productBox__price strong {
  font-size: 1.25rem;
  float: none; }

.rightCol .productBox__discount span::before {
  content: '- '; }

@media all and (min-width: 800px) {
  .rightCol .productBox {
    width: 30.3333333%;
    margin: 0 1.5% 40px 0; }
  .rightCol .productBox:nth-of-type(2n+1) {
    clear: none; }
  .rightCol .productBox:nth-of-type(3n+1) {
    clear: left; } }

@media all and (min-width: 1024px) {
  .rightCol {
    float: right;
    width: calc(100% - 280px); }
    .rightCol .productBox {
      width: 22%;
      margin: 0 1.5% 40px 1.5%; }
    .rightCol .productBox:nth-of-type(3n+1) {
      clear: none; }
    .rightCol .productBox:nth-of-type(4n+1) {
      clear: left; } }

@media all and (min-width: 1620px) {
  .rightCol .productBox {
    width: 18.8%;
    float: left;
    margin: 0 1.5% 60px 0; }
  .rightCol .productBox:nth-of-type(4n+1) {
    clear: none; }
  .rightCol .productBox:nth-of-type(6n+1) {
    clear: none;
    margin-right: 0; }
    .rightCol .productBox:last-of-type {
      clear: none;
      margin-right: 0; }
  .rightCol .productBox:nth-of-type(5n+1) {
    clear: left; } }

#filters {
  font-size: .9375rem;
  line-height: 22px; }

#filters .box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  padding-top: 24px;
  padding-bottom: 16px;
  padding-right: 2px;
  padding-left: 2px; }

#filters .box:last-of-type {
  border-bottom: 0; }

#filters .box h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px; }

#filters .box .fin {
  width: 65px;
  margin: 0 4px;
  height: 30px;
  border: none;
  background-color: #fff;
  font-size: .875rem;
  font-weight: 400;
  color: #000;
  text-align: center; }

#filters .box input[type=submit] {
  width: 34px;
  margin: 0 0 0 6px;
  height: 30px;
  border: none;
  background-color: #d3c17b;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: .875rem;
  font-weight: 600; }

@media all and (max-width: 1024px) {
  #filters .f-trig {
    display: block;
    padding: 5px 5px 10px;
    margin-bottom: 10px; }
    #filters .f-trig::before {
      content: 'Filtry w kategorii';
      font-family: inherit;
      font-size: 1.125rem; }
  #filters .boxup {
    display: none;
    padding: 0 5px; } }

.pageBox {
  padding-top: 30px; }
  .pageBox .intro h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff; }

.discount {
  display: block;
  font-size: 1rem;
  color: #e0002c; }

#cart-col {
  padding: 0 0 20px;
  color: rgbaa(255, 255, 255, 1); }

#cart-col td {
  font-size: 13px; }

#cart-col #ext {
  padding: 0 1%; }

#catalog.ext #intro {
  margin-bottom: 0; }

#cart-col #intro {
  padding: 10px 1% 10px; }

#steps {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  margin-bottom: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFF;
  padding: 0 8px;
  display: none; }

#steps div {
  width: 25%;
  text-align: center;
  display: block;
  float: left;
  padding: 18px 0 12px 0;
  line-height: 20px; }

#steps div em {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-style: normal;
  background-color: #5E0311;
  margin-right: 7px;
  color: #FFF;
  -moz-border-radius: 35px;
  border-radius: 35px; }

#steps div.active {
  background-color: #5E0311;
  color: #FFFFFF; }

#steps div.active em {
  background-color: #FFFFFF;
  color: #5E0311; }

#steps div.done {
  background-color: #5E0311;
  color: #FFF; }

#steps div.done em {
  display: none; }

@media (min-width: 240px) and (max-width: 600px) {
  #steps div.done em {
    display: inline-block; }
  #steps div span {
    display: none; }
  #cart-col .button {
    margin-bottom: 12px; } }

table.tprod {
  border-collapse: collapse;
  border: 0;
  text-decoration: none;
  width: 100%;
  margin: auto;
  background-color: #EFEFEF; }

table.tprod td {
  text-align: center;
  padding: 8px 8px 5px 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF;
  color: #000; }

table.tprod .name {
  text-align: left; }

table.tprod .name .pogrubienie {
  font-weight: 400; }

table.tprod.thead td {
  font-weight: bold;
  background-color: #EFEFEF;
  color: #000; }

table.tprod td input {
  text-align: center;
  background-color: #F7F7F7;
  border: 1px none #E8E8EA;
  font-size: 15px; }

table.tprod td a {
  color: #000;
  text-decoration: none; }

/* nie zmieniac - szerokosci kolumn tabeli z produktami */
table.tprod.thead .name-thumb {
  text-align: left; }

table.tprod .thumb {
  width: 10%; }

table.tprod .qty {
  width: 8%; }

table.tprod .price {
  width: 14%; }

table.tprod .worth {
  width: 16%; }

table.tprod .remove {
  width: 7%; }

/****************************/
/* formy platnosci i przesylek */
#shipping {
  width: 48%;
  padding: 30px 0;
  float: left; }

#shipping .row {
  padding-top: 8px;
  padding-bottom: 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF;
  background-color: #fff;
  color: #000; }
  #shipping .row:after {
    content: '';
    display: table;
    clear: both; }

#shipping p.name {
  padding: 8px 8px 4px;
  font-weight: bold;
  color: #000000;
  background-color: #EFEFEF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF; }

#shipping .p1 {
  float: left; }

#shipping .p1 .pogrubienie {
  color: #000; }

#shipping .radio {
  text-align: center;
  width: 10%; }

#shipping div.name {
  width: 70%; }

#shipping .price {
  text-align: right;
  width: 18%;
  padding-right: 2%; }

@media (min-width: 240px) and (max-width: 700px) {
  #shipping {
    width: 86%;
    padding: 10px 0 10px 0;
    float: none;
    margin: auto; } }

/****************************/
#payments {
  width: 48%;
  padding: 30px 0;
  float: right; }

#payments .row {
  padding-top: 8px;
  padding-bottom: 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF;
  background-color: #fff;
  color: #000; }
  #payments .row:after {
    content: '';
    display: table;
    clear: both; }

#payments .p1 .pogrubienie {
  color: #000; }

#payments p.name {
  padding: 8px 8px 4px;
  font-weight: bold;
  color: #000;
  background-color: #EFEFEF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF; }

#payments .p1 {
  float: left; }

#payments .radio {
  text-align: center;
  width: 10%; }

#payments div.name {
  width: 70%; }

#payments .price {
  text-align: right;
  width: 18%;
  padding-right: 2%; }

@media (min-width: 240px) and (max-width: 700px) {
  #payments {
    width: 86%;
    padding: 10px 0 10px 0;
    float: none;
    margin: auto; } }

/****************************/
#channels {
  padding: 10px 0; }

#channels p.name {
  padding: 8px 8px 4px;
  font-weight: bold;
  color: #000;
  background-color: #EFEFEF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF; }

#channels .item {
  width: 10.5%;
  margin: 10px 1%;
  text-align: center;
  float: left; }

#channels .item img {
  max-width: 90%; }

#channels .item label {
  display: block;
  border: 1px solid #FFF;
  padding: 15px 0; }

#channels .item label:hover {
  border: 1px solid #EFEFEF; }

#channels .item .name {
  display: block;
  height: 47px;
  overflow: hidden;
  padding: 10px 0;
  line-height: 18px;
  font-size: 13px; }

@media (min-width: 240px) and (max-width: 1000px) {
  #channels .item {
    width: 18%;
    margin: 10px 1%;
    text-align: center;
    float: left; } }

@media (min-width: 240px) and (max-width: 700px) {
  #channels {
    width: 86%;
    padding: 10px 0;
    float: none;
    margin: auto; }
  #channels .item {
    width: 30.33333%;
    margin: 10px 1%;
    text-align: center;
    float: left;
    overflow: hidden; } }

/****************************/
#amount {
  width: 48%;
  padding: 30px 0;
  float: right; }

#amount .row {
  padding-top: 8px;
  padding-bottom: 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF;
  background-color: #fff;
  color: #000; }
  #amount .row:after {
    content: '';
    display: table;
    clear: both; }

#amount .row.sum {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #d3c17b;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 15px; }

#amount .p1 {
  float: left; }

#amount .p1 .pogrubienie {
  color: #000; }

#amount div.name {
  width: 57%;
  padding-left: 3%; }

#amount .price {
  text-align: right;
  width: 38%;
  padding-right: 2%;
  font-weight: bold;
  float: right; }

@media (min-width: 240px) and (max-width: 700px) {
  #amount {
    width: 86%;
    padding: 10px 0 10px 0;
    float: none;
    margin: auto; } }

/****************************/
/**** dane zamawiajacego ****/
#ordering-data {
  width: 60%;
  margin: 0 auto;
  clear: both; }

#ordering-data .head {
  padding: 8px 8px 4px;
  font-weight: bold;
  color: #000;
  background-color: #EFEFEF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF; }

#ordering-data .row {
  padding: 6px 0 2px 1%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EFEFEF;
  background-color: #fff;
  color: #000; }
  #ordering-data .row:after {
    content: '';
    display: table;
    clear: both; }

#ordering-data .row .input {
  float: right; }

@media (min-width: 240px) and (max-width: 1000px) {
  #ordering-data {
    width: 72%;
    margin: 0 auto; } }

@media (min-width: 240px) and (max-width: 700px) {
  #ordering-data {
    width: 86%;
    margin: 0 auto; }
  #ordering-data .row .name {
    float: none;
    display: block; }
  #ordering-data .row .input {
    float: none;
    display: block; } }

/****************************/
@media (min-width: 240px) and (max-width: 500px) {
  table.tprod {
    width: 86%; }
  table.tprod.thead {
    display: none; }
  table.tprod td {
    display: block;
    border: none;
    padding: 8px 0;
    width: 96%;
    text-align: left;
    font-size: 15px; }
  table.tprod .thumb {
    width: 88px;
    height: 88px;
    float: left; }
  table.tprod .name {
    width: calc(98% - 88px);
    clear: right;
    height: 80px;
    float: left; }
  table.tprod .qty {
    clear: both;
    width: 100%; }
  table.tprod .qty:before {
    content: 'Ilość: '; }
  table.tprod .price {
    clear: both;
    width: 100%;
    padding: 4px 0; }
  table.tprod .price:before {
    content: 'Cena: '; }
  table.tprod .worth {
    clear: both;
    width: 100%;
    padding: 4px 0; }
  table.tprod .worth:before {
    content: 'Wartość: '; }
  table.tprod .remove {
    clear: both;
    width: 100%;
    padding: 4px 0;
    margin-bottom: 24px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EAEAEA; }
  table.tprod .remove a img {
    display: none; }
  table.tprod .remove a:before {
    content: 'Usuń'; }
  table.tprod .remove a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
    background-color: #d3c17b;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    margin-bottom: 10px; }
  table.tprod .remove a:hover, table.tprod .remove a:focus {
    background-color: #000; } }

#cart-col input.text, #cart-col select, #cart-col textarea {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding: 5px 5px 3px; }

/*******************************************/
#ask {
  clear: both;
  width: 92%;
  margin-right: 2%;
  margin-left: 2%;
  padding-right: 2%;
  padding-left: 2%;
  font-size: 14px; }

#ask .block-1 {
  float: left;
  width: 58%; }

#ask .block-2 {
  float: right;
  width: 39%; }

#ask .row {
  padding-top: 8px;
  padding-bottom: 6px; }

#ask .row label {
  font-weight: bold;
  display: block;
  float: left;
  width: 40%;
  padding-right: 5%;
  padding-top: 7px; }

#ask .text {
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  width: 55%; }

#ask textarea {
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  width: 100%;
  margin-top: 17px;
  height: 126px; }

#ask input.button {
  float: right;
  padding-left: 40px;
  padding-right: 40px; }

@media all and (max-width: 1024px) {
  #ask {
    clear: both;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0; }
  #ask .block-1 {
    float: left;
    width: 100%; }
  #ask .block-2 {
    float: right;
    width: 100%; } }

#recommend {
  clear: both;
  width: 92%;
  margin-right: 2%;
  margin-left: 2%;
  padding-right: 2%;
  padding-left: 2%;
  font-size: 14px; }

#recommend .block-1 {
  float: left;
  width: 58%; }

#recommend .block-2 {
  float: right;
  width: 39%; }

#recommend .row {
  padding-top: 8px;
  padding-bottom: 6px; }

#recommend .row label {
  font-weight: bold;
  display: block;
  float: left;
  width: 40%;
  padding-right: 5%;
  padding-top: 7px; }

#recommend .text {
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  width: 55%; }

#recommend textarea {
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  width: 100%;
  height: 128px; }

#recommend input.button {
  float: right;
  padding-left: 40px;
  padding-right: 40px; }

@media all and (max-width: 1024px) {
  #recommend {
    clear: both;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0; }
  #recommend .block-1 {
    float: left;
    width: 100%; }
  #recommend .block-2 {
    float: right;
    width: 100%; } }

.clear {
  clear: both; }

.fix::after {
  content: "";
  clear: both;
  display: table; }


  #allp  {

 }
  #allp .grid {
       background-color: #fff;
       padding: 20px 10px;
 }

.content-box .grid a {
  display: block;
  width: 9%;
  margin-left: 1%;
  height: 90px;
  float: left;
  background-position: center center;
  background-size: 60%;
  background-repeat: no-repeat; }

@media all and (max-width: 1024px) {
  .content-box .grid a {
    width: 18%; } }

@media all and (max-width: 800px) {
  .content-box .grid a {
    width: 31.3333%;
    height: 60px; } }

.feat {
  background-color: #f2f2f2; }
  .feat .grid {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0 35px; }
  .feat img {
    max-height: 100px; }

.pagination {
  text-align: center;
  font-size: 15px;
  clear: both; }
  .pagination > * {
    display: inline-block;
    margin: 0 4px; }
  .pagination > a {
    overflow: hidden;
    display: inline-block;
    width: 28px;
    height: 34px;
    text-align: center;
    margin: 0 3px;
    line-height: 34px;
    text-decoration: none;
    color: #fff;
    text-decoration: none; }
    @media all and (min-width: 1024px) {
      .pagination > a {
        width: 34px; } }
  .pagination > a:before {
    font-family: fontello;
    content: '';
    display: inline-block;
    font-size: 10px;
    line-height: 30px; }
  .pagination > a:first-of-type::before {
    content: '\e813'; }
  .pagination > a:last-of-type::before {
    content: '\e812'; }
  .pagination > a strong {
    display: none; }
  .pagination__name, .pagination__number {
    position: relative;
    top: -8px;
    display: none; }
  .pagination__page {
    overflow: hidden;
    display: inline-block;
    width: 28px;
    height: 34px;
    text-align: center;
    margin: 0 3px;
    line-height: 34px;
    text-decoration: none;
    color: #fff;
    text-decoration: none; }
    @media all and (min-width: 1024px) {
      .pagination__page {
        width: 34px; } }
  .pagination__page a {
    display: block;
    color: #fff;
    text-decoration: none; }
  .pagination__page--active {
    color: #fff;
    margin: 0 2px;
    font-weight: 900; }

.sortBox {
  padding: 0px 16px 26px;
  width: 100%;
  text-align: center; }
  .sortBox__name {
    margin-right: 3px; }
  .sortBox select {
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
    font-weight: normal;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    padding: 4px 5px; }
  @media all and (max-width: 800px) {
    .sortBox {
      float: none;
      text-align: center;
      clear: both;
      width: auto;
      padding-top: 20px; } }
  @media all and (min-width: 800px) {
    .sortBox {
      float: right;
      width: auto; } }

/**********************/
.register {
  width: 800px;
  margin: 20px auto 40px;
  font-size: 1rem; }
  .register input[type=checkbox] {
    margin-right: 6px; }
  .register__box {
    padding: 20px 25px;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .register__row {
    clear: both;
    padding: 4px 0; }
    .register__row:after {
      content: '';
      display: table;
      clear: both; }
  .register__row--header {
    font-size: 110%;
    padding-top: 20px;
    padding-bottom: 8px; }
  .register__row--header strong {
    font-weight: 400; }
  .register__row--line {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px; }
  .register__row--line {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px; }
  .register__title {
    display: block;
    float: left; }
  .register__input-box {
    float: right;
    width: 60% !important; }
  .register__row input[type=text] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
  .register__row input[type=password] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
  .register__row input[name=ulica], .register__row input[name=firma_ulica] {
    width: 85% !important; }
  .register__row input[name=dom], .register__row input[name=firma_dom] {
    width: 13% !important;
    margin-left: 2% !important; }
  .register__row select {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(255, 255, 255, 0.4);
    width: 100% !important;
    color: #fff; }
  .register__row--submit {
    text-align: center; }

@media all and (max-width: 860px) {
  .register {
    width: 800px;
    margin: 20px auto 40px; }
    .register input[type=checkbox] {
      margin-right: 6px; }
    .register__box {
      padding: 20px 25px;
      border: 1px solid rgba(255, 255, 255, 0.1); }
    .register__row {
      clear: both;
      padding: 4px 0; }
      .register__row:after {
        content: '';
        display: table;
        clear: both; }
    .register__row--header {
      font-size: 110%;
      padding-top: 20px;
      padding-bottom: 8px; }
    .register__row--header strong {
      font-weight: 400; }
    .register__row--line {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      margin-top: 15px; }
    .register__row--line {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      margin-top: 15px; }
    .register__title {
      display: block;
      float: left; }
    .register__input-box {
      float: right;
      width: 60% !important; }
    .register__row input[type=text] {
      padding: 4px 10px 2px;
      border: 1px solid rgba(0, 0, 0, 0.12);
      width: 100% !important; }
    .register__row input[type=password] {
      padding: 4px 10px 2px;
      border: 1px solid rgba(0, 0, 0, 0.12);
      width: 100% !important; }
    .register__row input[name=ulica], .register__row input[name=firma_ulica] {
      width: 85% !important; }
    .register__row input[name=dom], .register__row input[name=firma_dom] {
      width: 13% !important;
      margin-left: 2% !important; }
    .register__row--submit {
      text-align: center; } }

/*******************/
.login {
  width: 500px;
  margin: 20px auto 40px;
  font-size: 1rem; }
  .login input[type=checkbox] {
    margin-right: 6px; }
  .login__box {
    padding: 20px 25px;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .login__row {
    clear: both;
    padding: 4px 0; }
    .login__row:after {
      content: '';
      display: table;
      clear: both; }
  .login__title {
    display: block;
    float: left; }
  .login__input-box {
    float: right;
    width: 60% !important; }
  .login__row input[type=text] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
  .login__row input[type=password] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
  .login__row--submit {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px; }
  .login__row--links {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }

/******************/
.cartPage {
  grid-column: 1/3; }
  @media all and (max-width: 1024px) {
    .cartPage {
      padding-left: 15px;
      padding-right: 15px; } }

.cartPage {
  width: 100%;
  padding-bottom: 70px;
  position: relative;
  margin-top: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .cartPage:after {
    content: '';
    display: table;
    clear: both; }
  .cartPage__header {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
    color: black; }

.cartProducts {
  clear: both;
  background-color: #fff;
  margin-bottom: 30px; }
  .cartProducts__single {
    display: table;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 6px; }
  .cartProducts__box {
    display: table-row;
    width: 100%; }
  .cartProducts__box > * {
    text-align: left;
    font-size: 100%;
    padding: 20px 0; }
    @media all and (min-width: 600px) {
      .cartProducts__box > * {
        display: table-cell;
        vertical-align: middle; } }
  .cartProducts__thumbnail {
    padding: 20px;
    text-align: center; }
    @media all and (min-width: 600px) {
      .cartProducts__thumbnail {
        width: 100px; } }
  .cartProducts__thumbnail img {
    max-width: 100%; }
  .cartProducts__infos {
    padding: 0 20px; }
    @media all and (min-width: 600px) {
      .cartProducts__infos {
        width: calc(100% - 180px); } }
  .cartProducts__name {
    margin-bottom: 10px; }
  .cartProducts__name div {
    margin: 0 !important; }
  .cartProducts__name a {
    font-weight: 600;
    text-decoration: none;
    font-size: 100%;
    display: block;
    color: black; }
  .cartProducts__price, .cartProducts__amount, .cartProducts__worth {
    display: inline-block;
    margin-right: 30px; }
    .cartProducts__price::before, .cartProducts__amount::before, .cartProducts__worth::before {
      display: inline-block;
      margin-right: 6px; }
  .cartProducts__price::before {
    content: 'Cena: '; }
  .cartProducts__amount::before {
    content: 'Ilość: '; }
  .cartProducts__worth::before {
    content: 'Wartość: '; }
  .cartProducts__amount input {
    text-align: center;
    font-family: inherit;
    font-size: 100%;
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6; }
  @media all and (min-width: 600px) {
    .cartProducts__remove {
      width: 80px;
      padding-right: 20px;
      text-align: right; } }
  .cartProducts__remove a {
    display: inline-block;
    background-color: #e0002c;
    color: #fff;
    text-decoration: none; }
    .cartProducts__remove a::before {
      content: '';
      color: #fff;
      text-align: center;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 32px;
      font-size: 16px;
      transition: all 100ms ease-in-out; }
  .cartProducts__remove a:hover {
    background-color: black; }
    .cartProducts__remove a:hover::before {
      transform: rotate(90deg); }
  .cartProducts__remove img {
    display: none; }

.cartSummary {
  background-color: #9ac000;
  color: #fff;
  font-size: 100%;
  font-weight: 600;
  padding: 7px 10px;
  margin-bottom: 5px; }
  @media all and (max-width: 800px) {
    .cartSummary {
      text-align: center; } }
  @media all and (min-width: 800px) {
    .cartSummary {
      float: right;
      display: inline-block; } }

.cartCoupon {
  padding-top: 12px;
  padding-bottom: 20px; }
  @media all and (max-width: 800px) {
    .cartCoupon {
      text-align: center; } }
  @media all and (min-width: 800px) {
    .cartCoupon {
      float: left; } }

.cartButtons {
  float: right;
  clear: both; }
  @media all and (max-width: 600px) {
    .cartButtons {
      text-align: center;
      float: none;
      text-align: center; } }
  .cartButtons input {
    background-color: #e0002c;
    color: #fff;
    font-size: 120%;
    font-weight: 600;
    display: inline-block;
    padding: 10px 20px 8px;
    cursor: pointer;
    text-transform: none; }
    @media all and (max-width: 600px) {
      .cartButtons input {
        width: 100%;
        margin-bottom: 20px; } }
    .cartButtons input:hover {
      background-color: black; }
  .cartButtons--top {
    display: none; }
    @media all and (min-width: 800px) {
      .cartButtons--top {
        display: block;
        position: absolute;
        top: 0;
        right: 0; }
        .cartButtons--top input {
          padding: 4px 20px 2px;
          font-size: 100%; } }

.cartBackTo {
  float: left; }
  .cartBackTo__link {
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    background-color: #9ac000;
    color: #fff;
    padding: 4px 16px 3px; }

/********************/
.cartDelivery {
  font-weight: 300;
  font-size: 90%;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartDelivery {
      float: left;
      width: 48%; } }
  @media all and (min-width: 800px) {
    .cartDelivery--payments {
      float: right; } }
  .cartDelivery__header {
    font-weight: 600;
    padding: 6px 8px 4px;
    color: #fff;
    background-color: #9ac000;
    margin-bottom: 10px; }
  .cartDelivery--payments .cartDelivery__header {
    background-color: #9ac000; }
  .cartDelivery__single {
    padding: 6px 4px 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    margin-bottom: 4px; }
  .cartDelivery__single > * {
    position: relative;
    z-index: 10; }
  .cartDelivery__single label {
    padding-left: 30px; }
  .cartDelivery__single input[type=radio] {
    display: none;
    cursor: pointer; }
  .cartDelivery__single input[type=radio] + em {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #989898;
    float: left;
    margin-right: 10px;
    -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.08);
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 8px;
    top: 8px; }
  .cartDelivery__single input[type=radio]:checked + em {
    background-color: #9ac000;
    color: #fff; }
  .cartDelivery__single input[type=radio]:checked + em::before {
    content: '\e803';
    display: block;
    text-align: center;
    line-height: 20px; }
  .cartDelivery__single input[type=radio]:checked + em + span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d6d6d6;
    z-index: 1; }
  .cartDelivery__single input[type=radio]:checked + em + span + .cartDelivery__name {
    font-weight: 600; }

.cartBack {
  clear: both;
  text-align: center;
  padding-top: 30px; }

.cartDeliverySummary {
  margin: auto;
  font-weight: 300;
  font-size: 90%;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartDeliverySummary {
      float: right;
      width: 48%; } }
  .cartDeliverySummary__row {
    padding: 6px 4px 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    margin-bottom: 4px; }
  .cartDeliverySummary__row--sum {
    background-color: #9ac000;
    color: #fff;
    font-weight: 600;
    padding: 0;
    border: none; }
    .cartDeliverySummary__row--sum:after {
      content: '';
      display: table;
      clear: both; }
  .cartDeliverySummary__row--sum > * {
    float: left;
    padding: 7px 4px 5px 8px;
    margin-right: 20px; }
  .cartDeliverySummary__all {
    float: right;
    background-color: #e0002c;
    font-size: 120%;
    margin-right: 0;
    padding: 7px 12px 5px 12px; }

.cartClient {
  clear: both;
  margin: auto;
  font-size: 90%;
  font-weight: 300;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartClient {
      width: 50%; } }
  .cartClient__header {
    font-weight: 600;
    padding: 6px 8px 4px;
    color: #fff;
    background-color: black;
    margin-bottom: 10px; }
  .cartClient__box {
    padding: 8px;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .cartClient__row {
    padding: 4px 0; }
    .cartClient__row:after {
      content: '';
      display: table;
      clear: both; }
  .cartClient__title {
    display: block;
    line-height: 30px; }
    @media all and (min-width: 800px) {
      .cartClient__title {
        width: 200px;
        float: left; } }
  .cartClient__row input {
    margin: 8px 0 !important;
    border: 1px solid #e5edf1;
    background-color: rgba(229, 237, 241, 0.4);
    padding: 8px 4px 6px;
    font-size: 90%;
    width: 100% !important; }
    @media all and (min-width: 800px) {
      .cartClient__row input {
        width: calc(100% - 210px) !important;
        margin: 0 !important;
        float: right; } }
  .cartClient__row input:focus {
    border: 1px solid #9ac000; }
  .cartClient__row--street input[name=ulica] {
    width: 75% !important;
    float: left;
    margin-right: 5%  !important; }
    @media all and (min-width: 800px) {
      .cartClient__row--street input[name=ulica] {
        width: calc(80% - 220px) !important;
        margin: 0 10px 0 10px !important; } }
  .cartClient__row--street input[name=dom] {
    width: calc(20%) !important;
    float: left; }
  .cartClient__row--place input[name=miasto] {
    width: 80% !important;
    float: left;
    margin-left: 5%  !important; }
    @media all and (min-width: 800px) {
      .cartClient__row--place input[name=miasto] {
        width: calc(85% - 220px) !important;
        margin: 0 !important; } }
  .cartClient__row--place input[name=kod_pocztowy] {
    width: calc(15%) !important;
    float: left; }
    @media all and (min-width: 800px) {
      .cartClient__row--place input[name=kod_pocztowy] {
        margin: 0 10px 0 10px !important; } }

#ordering-data .row {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: right; }

#ordering-data .name {
  float: left; }

#ordering-data input {
  padding: 4px 10px 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100% !important;
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  margin: 0 !important; }

#ordering-data input[name=kod_pocztowy] {
  width: 20% !important; }

#ordering-data input[name=miasto] {
  width: 58% !important; }

/********************/
textarea[name=uwagi] {
  width: 50% !important;
  margin: auto;
  padding: 4px 10px 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 90%; }

/********************/
#inpost_paczkomat_pole {
  clear: both;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 auto 30px !important;
  width: 100%; }

#inpost_paczkomat_przycisk {
  border-radius: 5px;
  padding: 6px 25px !important;
  background-color: #9ac000;
  font-size: 18px;
  margin-bottom: 30px; }





.searchBox .wrapper {
     position: relative;
}

#podpowiedzi {
     position: absolute;
     left: 15% !important;
     right: 15% !important;
     top: 50px !important;
     background-color: #fff;
     z-index: 99999;
     max-height: 500px;
     overflow-y: scroll;
}


.clist {

}

.clist .item {
     border-bottom: 1px solid rgba(0,0,0,.1);
     color: #000;
}

.clist .item img {
     width: 60px;
     margin-right: 10px;
}


.plist .item {
     border-bottom: 1px solid rgba(0,0,0,.1);
     color: #000;
}

.plist .item img {
     width: 60px;
     margin-right: 10px;
}













/******************/